html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; }
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/* Size */
/* Global */
h1, h2, h3, h4, h5, h6, p, ul, ol {
margin: 0 0 20px 0; }
a, input, select, textarea {
outline: none; }
table {
border-collapse: collapse; }
html {
font-size: 16px; }
@media screen and (max-width: 1009px) {
html {
font-size: 14px; } }
@media screen and (max-width: 679px) {
html {
font-size: 12px; } }
body {
font-family: "Roboto", sans-serif;
font-size: 1rem;
margin: 0;
padding: 0; }
h1, .h1 {
font-size: 2rem; }
h2, .h2 {
font-size: 1.5rem; }
h3, .h3 {
font-size: 1.25rem; }
h4, .h4 {
font-size: 1.125rem; }
small, .small {
font-size: 0.875rem; }
/* Images */
img {
border: none; }
img.left, img.alignleft {
margin-right: 20px; }
img.right, img.alignright {
margin-left: 20px; }
img.center, img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block; }
@media screen and (max-width: 679px) {
img {
height: auto;
width: 100%; } }
.ii100pct, .i100pct img, .izoom img, .thumbnail img {
height: auto;
width: 100%;
display: block; }
.iblock img {
display: block; }
.izoom {
position: relative;
display: inline-block; }
.izoom:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: rgba(0, 0, 0, 0.5) url("../components/images/search-big.png") center center no-repeat;
content: "";
opacity: 0; }
.izoom:hover:after {
opacity: 1; }
.youtube {
position: relative;
height: 0;
width: auto;
padding-bottom: 56.25%;
/* 16:9 */ }
.youtube iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
/* Classes */
.clear {
clear: both; }
.clearfix::after {
clear: both;
content: "";
display: table; }
.cfix::after {
clear: both;
content: "";
display: table; }
.cfix:before {
content: "";
display: table; }
.last-child > :last-child {
margin-bottom: 0; }
.center, .aligncenter {
margin-right: auto;
margin-left: auto; }
.left, .alignleft {
float: left; }
.right, .alignright {
float: right; }
.bottom {
vertical-align: bottom; }
.middle {
vertical-align: middle; }
.top {
vertical-align: top; }
.tcenter {
text-align: center; }
.tleft {
text-align: left; }
.tright {
text-align: right; }
.tjustify {
text-align: justify; }
.tlower {
text-transform: lowercase; }
.tupper {
text-transform: uppercase; }
.notext {
overflow: hidden;
text-indent: 101%;
white-space: nowrap; }
.nounder {
text-decoration: none; }
.nounder:hover {
text-decoration: underline; }
.nowrap {
white-space: nowrap; }
.slim {
font-weight: normal !important; }
.strong {
font-weight: bold !important; }
.border {
border: 1px solid #e6e6e6; }
.line {
border-bottom: 1px solid #e6e6e6; }
.pointer {
cursor: pointer; }
.radius {
border-radius: 4px; }
.sauto {
height: auto;
width: auto; }
.s50pct {
height: auto;
width: 50%; }
.s100pct {
height: auto;
width: 100%; }
.w50pct {
width: 50%; }
.w100pct {
width: 100%; }
.wfull, .widthfull {
margin-right: -100rem;
margin-left: -100rem;
padding-right: 100rem;
padding-left: 100rem; }
/* Margins */
.m0 {
margin-bottom: 0px !important; }
.ml0 {
margin-left: 0px !important; }
.mr0 {
margin-right: 0px !important; }
.mt0 {
margin-top: 0px !important; }
.m1-8 {
margin-bottom: 2.5px !important; }
.ml1-8 {
margin-left: 2.5px !important; }
.mr1-8 {
margin-right: 2.5px !important; }
.mt1-8 {
margin-top: 2.5px !important; }
.m1-4 {
margin-bottom: 5px !important; }
.ml1-4 {
margin-left: 5px !important; }
.mr1-4 {
margin-right: 5px !important; }
.mt1-4 {
margin-top: 5px !important; }
.m1-2 {
margin-bottom: 10px !important; }
.ml1-2 {
margin-left: 10px !important; }
.mr1-2 {
margin-right: 10px !important; }
.mt1-2 {
margin-top: 10px !important; }
.m {
margin-bottom: 20px !important; }
.ml {
margin-left: 20px !important; }
.mr {
margin-right: 20px !important; }
.mt {
margin-top: 20px !important; }
.m2 {
margin-bottom: 40px !important; }
.ml2 {
margin-left: 40px !important; }
.mr2 {
margin-right: 40px !important; }
.mt2 {
margin-top: 40px !important; }
.m3 {
margin-bottom: 60px !important; }
.ml3 {
margin-left: 60px !important; }
.mr3 {
margin-right: 60px !important; }
.mt3 {
margin-top: 60px !important; }
.m4 {
margin-bottom: 80px !important; }
.ml4 {
margin-left: 80px !important; }
.mr4 {
margin-right: 80px !important; }
.mt4 {
margin-top: 80px !important; }
.m5 {
margin-bottom: 100px !important; }
.ml5 {
margin-left: 100px !important; }
.mr5 {
margin-right: 100px !important; }
.mt5 {
margin-top: 100px !important; }
/* Paddings */
.p0 {
padding-bottom: 0px !important; }
.pl0 {
padding-left: 0px !important; }
.pr0 {
padding-right: 0px !important; }
.pt0 {
padding-top: 0px !important; }
.p1-8 {
padding-bottom: 2.5px !important; }
.pl1-8 {
padding-left: 2.5px !important; }
.pr1-8 {
padding-right: 2.5px !important; }
.pt1-8 {
padding-top: 2.5px !important; }
.p1-4 {
padding-bottom: 5px !important; }
.pl1-4 {
padding-left: 5px !important; }
.pr1-4 {
padding-right: 5px !important; }
.pt1-4 {
padding-top: 5px !important; }
.p1-2 {
padding-bottom: 10px !important; }
.pl1-2 {
padding-left: 10px !important; }
.pr1-2 {
padding-right: 10px !important; }
.pt1-2 {
padding-top: 10px !important; }
.p {
padding-bottom: 20px !important; }
.pl {
padding-left: 20px !important; }
.pr {
padding-right: 20px !important; }
.pt {
padding-top: 20px !important; }
.p2 {
padding-bottom: 40px !important; }
.pl2 {
padding-left: 40px !important; }
.pr2 {
padding-right: 40px !important; }
.pt2 {
padding-top: 40px !important; }
.p3 {
padding-bottom: 60px !important; }
.pl3 {
padding-left: 60px !important; }
.pr3 {
padding-right: 60px !important; }
.pt3 {
padding-top: 60px !important; }
.p4 {
padding-bottom: 80px !important; }
.pl4 {
padding-left: 80px !important; }
.pr4 {
padding-right: 80px !important; }
.pt4 {
padding-top: 80px !important; }
.p5 {
padding-bottom: 100px !important; }
.pl5 {
padding-left: 100px !important; }
.pr5 {
padding-right: 100px !important; }
.pt5 {
padding-top: 100px !important; }
/* Responsive */
.display-block {
display: block; }
.display-none {
display: none; }
@media screen and (min-width: 1920px) {
.panel-block {
display: block !important; } }
@media screen and (min-width: 1920px) {
.panel-none {
display: none !important; } }
@media screen and (max-width: 1009px) {
.tablet-block {
display: block !important; } }
@media screen and (max-width: 1009px) {
.tablet-none {
display: none !important; } }
@media screen and (max-width: 679px) {
.mobile-block, .hamburger {
display: block !important; } }
@media screen and (max-width: 679px) {
.mobile-none {
display: none !important; } }
/* List */
.list, .footer .widgets ul, .footer .partners ul {
padding: 0;
display: block; }
.list > .cell, .footer .widgets ul > .cell, .footer .partners ul > .cell, .list > li, .footer .widgets ul > li, .footer .partners ul > li {
display: block; }
/* Table */
.table {
position: relative;
padding: 0;
display: table; }
.table::after {
clear: both;
content: "";
display: table; }
.table:before {
content: "";
display: table; }
.table > :last-child {
margin-bottom: 0; }
.table > .cell, .table > li {
display: table-cell; }
.table > .cell > :last-child, .table > li > :last-child {
margin-bottom: 0; }
.table > .cell, .table > li {
vertical-align: top; }
.table > .cell.baseline, .table > li.baseline {
vertical-align: baseline; }
.table > .cell.bottom, .table > li.bottom {
vertical-align: bottom; }
.table > .cell.middle, .table > li.middle {
vertical-align: middle; }
.table.baseline > .cell, .table.baseline > li {
vertical-align: baseline; }
.table.bottom > .cell, .table.bottom > li {
vertical-align: bottom; }
.table.middle > .cell, .table.middle > li {
vertical-align: middle; }
.table.col1 {
width: 100%; }
.table.col1 > .cell {
display: table-cell;
width: 100%;
padding: 2.35765%; }
.table.col1.nopad > .cell {
padding: 0; }
.table.col2 {
width: 100%; }
.table.col2 > .cell {
display: table-cell;
width: 50%;
padding: 2.35765%; }
.table.col2.nopad > .cell {
padding: 0; }
.table.col3 {
width: 100%; }
.table.col3 > .cell {
display: table-cell;
width: 33.33333%;
padding: 2.35765%; }
.table.col3.nopad > .cell {
padding: 0; }
.table.col4 {
width: 100%; }
.table.col4 > .cell {
display: table-cell;
width: 25%;
padding: 2.35765%; }
.table.col4.nopad > .cell {
padding: 0; }
.table.col1-2, .table.col4-8 {
width: 100%; }
.table.col1-2 > .cell:nth-child(2n+1), .table.col4-8 > .cell:nth-child(2n+1) {
display: table-cell;
width: 33.33333%;
padding: 2.35765%; }
.table.col1-2 > .cell:nth-child(2n), .table.col4-8 > .cell:nth-child(2n) {
display: table-cell;
width: 66.66667%;
padding: 2.35765%; }
.table.col1-2.nopad > .cell, .table.col4-8.nopad > .cell {
padding: 0; }
.table.col2-1, .table.col8-4 {
width: 100%; }
.table.col2-1 > .cell:nth-child(2n+1), .table.col8-4 > .cell:nth-child(2n+1) {
display: table-cell;
width: 66.66667%;
padding: 2.35765%; }
.table.col2-1 > .cell:nth-child(2n), .table.col8-4 > .cell:nth-child(2n) {
display: table-cell;
width: 33.33333%;
padding: 2.35765%; }
.table.col2-1.nopad > .cell, .table.col8-4.nopad > .cell {
padding: 0; }
@media screen and (max-width: 679px) {
.table {
display: block; }
.table > .cell, .table > li {
display: block; }
.table.noclear {
display: table; }
.table.noclear > .cell, .table.noclear > li {
display: table-cell; }
.table.col1 > .cell, .table.col2 > .cell, .table.col3 > .cell, .table.col4 > .cell, .table.col1-2 > .cell, .table.col4-8 > .cell, .table.col2-1 > .cell, .table.col8-4 > .cell {
display: block;
margin-bottom: 20px;
padding: 20px;
width: 100%; }
.table.col1 > .cell:last-child, .table.col2 > .cell:last-child, .table.col3 > .cell:last-child, .table.col4 > .cell:last-child, .table.col1-2 > .cell:last-child, .table.col4-8 > .cell:last-child, .table.col2-1 > .cell:last-child, .table.col8-4 > .cell:last-child {
margin-bottom: 0; } }
/* Grid */
.grid {
margin-right: auto;
margin-left: auto;
position: relative; }
.grid::after {
clear: both;
content: "";
display: table; }
.grid:before {
content: "";
display: table; }
.grid > :last-child {
margin-bottom: 0; }
.grid > .cell {
margin-top: 20px; }
.grid > .cell > :last-child {
margin-bottom: 0; }
.grid.col1 > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.grid.col1 > .cell:last-child {
margin-right: 0; }
.grid.col1 > .cell:nth-child(1n) {
margin-right: 0; }
.grid.col1 > .cell:nth-child(1n+1) {
clear: left; }
.grid.col1 > .cell:nth-child(-n+1) {
margin-top: 0; }
.grid.col2 > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.grid.col2 > .cell:last-child {
margin-right: 0; }
.grid.col2 > .cell:nth-child(2n) {
margin-right: 0; }
.grid.col2 > .cell:nth-child(2n+1) {
clear: left; }
.grid.col2 > .cell:nth-child(-n+2) {
margin-top: 0; }
.grid.col3 > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.grid.col3 > .cell:last-child {
margin-right: 0; }
.grid.col3 > .cell:nth-child(3n) {
margin-right: 0; }
.grid.col3 > .cell:nth-child(3n+1) {
clear: left; }
.grid.col3 > .cell:nth-child(-n+3) {
margin-top: 0; }
.grid.col4 > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%; }
.grid.col4 > .cell:last-child {
margin-right: 0; }
.grid.col4 > .cell:nth-child(4n) {
margin-right: 0; }
.grid.col4 > .cell:nth-child(4n+1) {
clear: left; }
.grid.col4 > .cell:nth-child(-n+4) {
margin-top: 0; }
.grid.col1-2 > .cell:nth-child(2n+1), .grid.col4-8 > .cell:nth-child(2n+1) {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.grid.col1-2 > .cell:nth-child(2n+1):last-child, .grid.col4-8 > .cell:nth-child(2n+1):last-child {
margin-right: 0; }
.grid.col1-2 > .cell:nth-child(2n), .grid.col4-8 > .cell:nth-child(2n) {
float: left;
display: block;
margin-right: 2.35765%;
width: 65.88078%; }
.grid.col1-2 > .cell:nth-child(2n):last-child, .grid.col4-8 > .cell:nth-child(2n):last-child {
margin-right: 0; }
.grid.col1-2 > .cell:nth-child(2n), .grid.col4-8 > .cell:nth-child(2n) {
margin-right: 0; }
.grid.col1-2 > .cell:nth-child(2n+1), .grid.col4-8 > .cell:nth-child(2n+1) {
clear: left; }
.grid.col1-2 > .cell:nth-child(-n+2), .grid.col4-8 > .cell:nth-child(-n+2) {
margin-top: 0; }
.grid.col2-1 > .cell:nth-child(2n+1), .grid.col8-4 > .cell:nth-child(2n+1) {
float: left;
display: block;
margin-right: 2.35765%;
width: 65.88078%; }
.grid.col2-1 > .cell:nth-child(2n+1):last-child, .grid.col8-4 > .cell:nth-child(2n+1):last-child {
margin-right: 0; }
.grid.col2-1 > .cell:nth-child(2n), .grid.col8-4 > .cell:nth-child(2n) {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.grid.col2-1 > .cell:nth-child(2n):last-child, .grid.col8-4 > .cell:nth-child(2n):last-child {
margin-right: 0; }
.grid.col2-1 > .cell:nth-child(2n), .grid.col8-4 > .cell:nth-child(2n) {
margin-right: 0; }
.grid.col2-1 > .cell:nth-child(2n+1), .grid.col8-4 > .cell:nth-child(2n+1) {
clear: left; }
.grid.col2-1 > .cell:nth-child(-n+2), .grid.col8-4 > .cell:nth-child(-n+2) {
margin-top: 0; }
@media screen and (max-width: 679px) {
.grid.col1 > .cell, .grid.col2 > .cell, .grid.col3 > .cell, .grid.col4 > .cell, .grid.col1-2 > .cell, .grid.col4-8 > .cell, .grid.col2-1 > .cell, .grid.col8-4 > .cell {
float: none !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important; }
.grid.col1 > .cell:nth-child(-n+12), .grid.col2 > .cell:nth-child(-n+12), .grid.col3 > .cell:nth-child(-n+12), .grid.col4 > .cell:nth-child(-n+12), .grid.col1-2 > .cell:nth-child(-n+12), .grid.col4-8 > .cell:nth-child(-n+12), .grid.col2-1 > .cell:nth-child(-n+12), .grid.col8-4 > .cell:nth-child(-n+12) {
margin-top: 20px !important; }
.grid.col1 > .cell:first-child, .grid.col2 > .cell:first-child, .grid.col3 > .cell:first-child, .grid.col4 > .cell:first-child, .grid.col1-2 > .cell:first-child, .grid.col4-8 > .cell:first-child, .grid.col2-1 > .cell:first-child, .grid.col8-4 > .cell:first-child {
margin-top: 0 !important; } }
/* Wrapper */
.wrapper, .carousel.covered, .carousel.covered .slider .slides .slide {
width: 990px; }
@media screen and (max-width: 1009px) {
.wrapper, .carousel.covered, .carousel.covered .slider .slides .slide {
width: 660px; } }
@media screen and (max-width: 679px) {
.wrapper, .carousel.covered, .carousel.covered .slider .slides .slide {
width: 320px; } }
.wrapper {
margin-right: auto;
margin-left: auto;
position: relative; }
.wrapper::after {
clear: both;
content: "";
display: table; }
.wrapper:before {
content: "";
display: table; }
.wrapper > :last-child {
margin-bottom: 0; }
/* Buttons */
.topposts .toppost .content .button, .homepage .carousel .slide .button, .homepage .carousel > .button.next, .homepage .carousel > .button.previous, .pagination .page-numbers.next, .pagination .page-numbers.prev, .pagination-holder > .button.next, .pagination-holder > .button.previous, .filterbox .button, .articles .article .button, .categories .category .button, .contents .content .button, .pagination .button, .pagination .page-numbers, .galleries.col6res .gallery .button, .acf-form .acf-gallery .acf-gallery-toolbar .button {
position: relative;
height: 40px;
width: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
font-family: "Kalam", cursive;
font-size: 1.125rem;
font-weight: bold;
padding: 7px 10px 0 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase; }
.topposts .toppost .content .button:hover, .homepage .carousel .slide .button:hover, .homepage .carousel > .button.next:hover, .homepage .carousel > .button.previous:hover, .pagination-holder > .button.next:hover, .pagination-holder > .button.previous:hover, .filterbox .button:hover, .articles .article .button:hover, .categories .category .button:hover, .contents .content .button:hover, .pagination .button:hover, .pagination .page-numbers:hover, .galleries.col6res .gallery .button:hover, .acf-form .acf-gallery .acf-gallery-toolbar .button:hover {
text-decoration: none; }
.topposts .toppost .content .button, .homepage .carousel .slide .button, .homepage .carousel > .button.next, .homepage .carousel > .button.previous, .pagination .page-numbers.next, .pagination .page-numbers.prev, .pagination-holder > .button.next, .pagination-holder > .button.previous, .filterbox .button, .articles .article .button, .categories .category .button, .contents .content .button, .pagination .button, .pagination .page-numbers, .galleries.col6res .gallery .button, .acf-form .acf-gallery .acf-gallery-toolbar .button, .topposts .toppost .content .inverse.button:hover, .homepage .carousel .slide .inverse.button:hover, .homepage .carousel > .inverse.button.next:hover, .homepage .carousel > .inverse.button.previous:hover, .pagination-holder > .inverse.button.next:hover, .pagination-holder > .inverse.button.previous:hover, .filterbox .inverse.button:hover, .articles .article .inverse.button:hover, .categories .category .inverse.button:hover, .contents .content .inverse.button:hover, .pagination .inverse.button:hover, .pagination .inverse.page-numbers:hover, .galleries.col6res .gallery .inverse.button:hover, .acf-form .acf-gallery .acf-gallery-toolbar .inverse.button:hover, .topposts .toppost .content .inverse.disabled.button, .homepage .carousel .slide .inverse.disabled.button, .homepage .carousel > .inverse.disabled.button.next, .homepage .carousel > .inverse.disabled.button.previous, .pagination-holder > .inverse.disabled.button.next, .pagination-holder > .inverse.disabled.button.previous, .filterbox .inverse.disabled.button, .articles .article .inverse.disabled.button, .categories .category .inverse.disabled.button, .contents .content .inverse.disabled.button, .pagination .inverse.disabled.button, .pagination .inverse.disabled.page-numbers, .galleries.col6res .gallery .inverse.disabled.button, .acf-form .acf-gallery .acf-gallery-toolbar .inverse.disabled.button {
color: white;
background-color: #5bb12b; }
.topposts .toppost .content .button:hover, .homepage .carousel .slide .button:hover, .homepage .carousel > .button.next:hover, .homepage .carousel > .button.previous:hover, .pagination-holder > .button.next:hover, .pagination-holder > .button.previous:hover, .filterbox .button:hover, .articles .article .button:hover, .categories .category .button:hover, .contents .content .button:hover, .pagination .button:hover, .pagination .page-numbers:hover, .galleries.col6res .gallery .button:hover, .acf-form .acf-gallery .acf-gallery-toolbar .button:hover, .topposts .toppost .content .inverse.button, .homepage .carousel .slide .inverse.button, .homepage .carousel > .inverse.button.next, .homepage .carousel > .inverse.button.previous, .pagination-holder > .inverse.button.next, .pagination-holder > .inverse.button.previous, .filterbox .inverse.button, .articles .article .inverse.button, .categories .category .inverse.button, .contents .content .inverse.button, .pagination .inverse.button, .pagination .inverse.page-numbers, .galleries.col6res .gallery .inverse.button, .acf-form .acf-gallery .acf-gallery-toolbar .inverse.button, .topposts .toppost .content .disabled.button, .homepage .carousel .slide .disabled.button, .homepage .carousel > .disabled.button.next, .homepage .carousel > .disabled.button.previous, .pagination-holder > .disabled.button.next, .pagination-holder > .disabled.button.previous, .filterbox .disabled.button, .articles .article .disabled.button, .categories .category .disabled.button, .contents .content .disabled.button, .pagination .disabled.button, .pagination .disabled.page-numbers, .galleries.col6res .gallery .disabled.button, .acf-form .acf-gallery .acf-gallery-toolbar .disabled.button {
color: white;
background-color: rgba(91, 177, 43, 0.7); }
.topposts .toppost .content .button, .homepage .carousel .slide .button, .homepage .carousel > .button.next, .homepage .carousel > .button.previous, .pagination .page-numbers.next, .pagination .page-numbers.prev, .pagination-holder > .button.next, .pagination-holder > .button.previous, .filterbox .button, .articles .article .button, .categories .category .button, .contents .content .button {
margin: 0 10px 0 0; }
.topposts .toppost .content .button:after, .homepage .carousel .slide .button:after, .homepage .carousel > .button.next:after, .homepage .carousel > .button.previous:after, .pagination .page-numbers.next:after, .pagination .page-numbers.prev:after, .pagination-holder > .button.next:after, .pagination-holder > .button.previous:after, .filterbox .button:after, .articles .article .button:after, .categories .category .button:after, .contents .content .button:after {
position: absolute;
top: 0;
right: -10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 0;
width: 0;
border-bottom: 20px solid transparent;
border-left: 10px solid #5bb12b;
border-top: 20px solid transparent;
content: ""; }
.topposts .toppost .content .button:hover:after, .homepage .carousel .slide .button:hover:after, .homepage .carousel > .button.next:hover:after, .homepage .carousel > .button.previous:hover:after, .pagination .page-numbers.next:hover:after, .pagination .page-numbers.prev:hover:after, .pagination-holder > .button.next:hover:after, .pagination-holder > .button.previous:hover:after, .filterbox .button:hover:after, .articles .article .button:hover:after, .categories .category .button:hover:after, .contents .content .button:hover:after {
border-left-color: rgba(91, 177, 43, 0.7); }
.filterbox .green.button, .filterbox .green.inverse.button:hover, .filterbox .green.inverse.disabled.button {
color: white;
background-color: #5bb12b; }
.filterbox .green.button:hover, .filterbox .green.inverse.button, .filterbox .green.disabled.button {
color: white;
background-color: rgba(91, 177, 43, 0.7); }
.filterbox .blue.button, .acf-form .acf-gallery .acf-gallery-toolbar .button, .filterbox .blue.inverse.button:hover, .acf-form .acf-gallery .acf-gallery-toolbar .inverse.button:hover, .filterbox .blue.inverse.disabled.button, .acf-form .acf-gallery .acf-gallery-toolbar .inverse.disabled.button {
color: white;
background-color: #0892cc; }
.filterbox .blue.button:hover, .acf-form .acf-gallery .acf-gallery-toolbar .button:hover, .filterbox .blue.inverse.button, .acf-form .acf-gallery .acf-gallery-toolbar .inverse.button, .filterbox .blue.disabled.button, .acf-form .acf-gallery .acf-gallery-toolbar .disabled.button {
color: white;
background-color: #5bb12b; }
.filterbox .red.button, .filterbox .red.inverse.button:hover, .filterbox .red.inverse.disabled.button {
color: white;
background-color: #c83737; }
.filterbox .red.button:hover, .filterbox .red.inverse.button, .filterbox .red.disabled.button {
color: white;
background-color: rgba(200, 55, 55, 0.7); }
.homepage .carousel > .button.next, .homepage .carousel > .button.previous, .pagination-holder > .button.next, .pagination-holder > .button.previous, .filterbox .border.button, .homepage .carousel > .inverse.button.next:hover, .homepage .carousel > .inverse.button.previous:hover, .pagination-holder > .inverse.button.next:hover, .pagination-holder > .inverse.button.previous:hover, .filterbox .border.inverse.button:hover, .homepage .carousel > .inverse.disabled.button.next, .homepage .carousel > .inverse.disabled.button.previous, .pagination-holder > .inverse.disabled.button.next, .pagination-holder > .inverse.disabled.button.previous, .filterbox .border.inverse.disabled.button {
color: white;
background-color: #0892cc; }
.homepage .carousel > .button.next:hover, .homepage .carousel > .button.previous:hover, .pagination-holder > .button.next:hover, .pagination-holder > .button.previous:hover, .filterbox .border.button:hover, .homepage .carousel > .inverse.button.next, .homepage .carousel > .inverse.button.previous, .pagination-holder > .inverse.button.next, .pagination-holder > .inverse.button.previous, .filterbox .border.inverse.button, .homepage .carousel > .disabled.button.next, .homepage .carousel > .disabled.button.previous, .pagination-holder > .disabled.button.next, .pagination-holder > .disabled.button.previous, .filterbox .border.disabled.button {
color: white;
background-color: #5bb12b; }
.topposts .toppost .content .button, .filterbox .topposts.button, .topposts .toppost .content .inverse.button:hover, .topposts .toppost:hover .content .inverse.button, .filterbox .topposts.inverse.button:hover, .topposts .toppost .content .inverse.disabled.button, .filterbox .topposts.inverse.disabled.button {
color: white;
background-color: #5bb12b; }
.topposts .toppost .content .button:hover, .topposts .toppost:hover .content .button, .filterbox .topposts.button:hover, .topposts .toppost .content .inverse.button, .filterbox .topposts.inverse.button, .topposts .toppost .content .disabled.button, .filterbox .topposts.disabled.button {
color: #00405c;
background-color: white; }
.pagination-holder > .button.next span, .pagination-holder > .button.previous span, .filterbox .span.button span {
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
display: inline-block;
opacity: 0;
overflow: hidden;
visibility: hidden;
width: 0; }
.pagination-holder > .button.next:hover span, .pagination-holder > .button.previous:hover span, .filterbox .span.button:hover span {
opacity: 1;
visibility: visible;
width: 120px; }
.homepage .carousel > .button.previous, .pagination .page-numbers.prev, .pagination-holder > .button.previous, .filterbox .previous.button {
margin-left: 10px;
margin-right: 0;
padding-left: 10px;
padding-right: 15px; }
.homepage .carousel > .button.previous:after, .pagination .page-numbers.prev:after, .pagination-holder > .button.previous:after, .filterbox .previous.button:after {
border-left: none;
border-right: 10px solid #5bb12b;
left: -10px;
right: auto; }
.homepage .carousel > .button.previous:hover:after, .pagination .page-numbers.prev:hover:after, .pagination-holder > .button.previous:hover:after, .filterbox .previous.button:hover:after {
border-right-color: rgba(91, 177, 43, 0.7); }
.topposts .toppost .content .button, .homepage .carousel > .button.next, .homepage .carousel > .button.previous, .filterbox .smaller.button, .galleries.col6res .gallery .button, .acf-form .acf-gallery .acf-gallery-toolbar .button {
height: 30px;
width: auto;
font-size: 0.875rem;
padding-top: 5px; }
.topposts .toppost .content .button:after, .homepage .carousel > .button.next:after, .homepage .carousel > .button.previous:after, .filterbox .smaller.button:after, .galleries.col6res .gallery .button:after, .acf-form .acf-gallery .acf-gallery-toolbar .button:after {
border-bottom-width: 15px;
border-top-width: 15px; }
.pagination-holder > .button.next, .pagination-holder > .button.previous, .filterbox .bigger.button {
height: 50px;
width: auto;
padding-top: 12px; }
.pagination-holder > .button.next:after, .pagination-holder > .button.previous:after, .filterbox .bigger.button:after {
border-bottom-width: 25px;
border-top-width: 25px;
border-left-width: 20px;
right: -20px; }
.homepage .carousel > .bigger.button.previous:after, .pagination .bigger.page-numbers.prev:after, .pagination-holder > .button.previous:after, .filterbox .bigger.previous.button:after {
border-right-width: 20px;
left: -20px;
right: auto; }
.filterbox .longer.button {
padding-left: 95px;
padding-right: 90px; }
.filterbox .blue.button:after, .acf-form .acf-gallery .acf-gallery-toolbar .button:after, .homepage .carousel > .button.next:after, .homepage .carousel > .button.previous:after, .pagination-holder > .button.next:after, .pagination-holder > .button.previous:after, .filterbox .border.button:after {
border-left-color: #0892cc;
border-right-color: #0892cc; }
.filterbox .blue.button:hover:after, .acf-form .acf-gallery .acf-gallery-toolbar .button:hover:after, .homepage .carousel > .button.next:hover:after, .homepage .carousel > .button.previous:hover:after, .pagination-holder > .button.next:hover:after, .pagination-holder > .button.previous:hover:after, .filterbox .border.button:hover:after {
border-left-color: #5bb12b;
border-right-color: #5bb12b; }
.filterbox .red.button:after {
border-left-color: #c83737;
border-right-color: #c83737; }
.filterbox .red.button:hover:after {
border-left-color: rgba(200, 55, 55, 0.7);
border-right-color: rgba(200, 55, 55, 0.7); }
.homepage .carousel > .button.next:before, .homepage .carousel > .button.previous:before, .pagination-holder > .button.next:before, .pagination-holder > .button.previous:before, .filterbox .border.button:before {
position: absolute;
top: -5px;
right: -12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 0;
width: 0;
border-bottom: 25px solid transparent;
border-left: 12px solid transparent;
border-top: 25px solid transparent;
content: ""; }
.homepage .carousel > .button.previous:before, .pagination .border.page-numbers.prev:before, .pagination-holder > .button.previous:before, .filterbox .border.previous.button:before {
border-left: none;
border-right: 12px solid transparent;
left: -12px;
right: auto; }
.topposts .toppost .content .border.button:before, .homepage .carousel > .button.next:before, .homepage .carousel > .button.previous:before, .pagination-holder > .smaller.button.next:before, .pagination-holder > .smaller.button.previous:before, .filterbox .border.smaller.button:before, .galleries.col6res .gallery .border.button:before, .acf-form .acf-gallery .acf-gallery-toolbar .border.button:before {
border-bottom-width: 20px;
border-top-width: 20px; }
.homepage .carousel > .bigger.button.next:before, .homepage .carousel > .bigger.button.previous:before, .pagination-holder > .button.next:before, .pagination-holder > .button.previous:before, .filterbox .border.bigger.button:before {
border-bottom-width: 30px;
border-top-width: 30px;
border-left-width: 22px;
right: -22px; }
.homepage .carousel > .bigger.button.previous:before, .pagination .border.bigger.page-numbers.prev:before, .pagination-holder > .button.previous:before, .filterbox .border.bigger.previous.button:before {
border-right-width: 22px;
left: -22px;
right: auto; }
.homepage .carousel > .button.next:hover, .homepage .carousel > .button.previous:hover, .pagination-holder > .button.next:hover, .pagination-holder > .button.previous:hover, .filterbox .border.button:hover {
box-shadow: 0 0 0 5px white; }
.homepage .carousel > .button.next:hover:before, .homepage .carousel > .button.previous:hover:before, .pagination-holder > .button.next:hover:before, .pagination-holder > .button.previous:hover:before, .filterbox .border.button:hover:before {
border-left-color: white;
right: -17px; }
.homepage .carousel > .button.previous:hover:before, .pagination .border.page-numbers.prev:hover:before, .pagination-holder > .button.previous:hover:before, .filterbox .border.button:hover.previous:before {
border-right-color: white;
left: -17px; }
.homepage .carousel > .button.next:hover.bigger:before, .homepage .carousel > .button.previous:hover.bigger:before, .pagination-holder > .button.next:hover:before, .pagination-holder > .button.previous:hover:before, .filterbox .border.button:hover.bigger:before {
right: -27px; }
.homepage .carousel > .button.previous:hover.bigger:before, .pagination .border.page-numbers.prev:hover.bigger:before, .pagination-holder > .button.previous:hover:before, .filterbox .border.button:hover.bigger.previous:before {
left: -27px; }
.topposts .toppost .content .button:after, .filterbox .topposts.button:after {
border-left-color: #5bb12b;
border-right-color: #5bb12b; }
.topposts .toppost .content .button:hover:after, .topposts .toppost:hover .content .button:after, .filterbox .topposts.button:hover:after {
border-left-color: white;
border-right-color: white; }
/* Carousel */
.carousel {
position: relative; }
.carousel.covered {
margin-right: auto;
margin-left: auto; }
.carousel .slider {
position: relative;
overflow: hidden; }
.carousel .slider .slides {
height: auto;
width: 20000em;
position: relative; }
.carousel .slider .slides .slide {
float: left; }
/* Color box */
.colorbox, .colorbox-blue, .colorbox-green, .colorbox-white {
padding: 20px; }
.left.colorbox, .left.colorbox-blue, .left.colorbox-green, .left.colorbox-white, .alignleft.colorbox, .alignleft.colorbox-blue, .alignleft.colorbox-green, .alignleft.colorbox-white {
margin-right: 20px; }
.right.colorbox, .right.colorbox-blue, .right.colorbox-green, .right.colorbox-white, .alignright.colorbox, .alignright.colorbox-blue, .alignright.colorbox-green, .alignright.colorbox-white {
margin-left: 20px; }
.center.colorbox, .center.colorbox-blue, .center.colorbox-green, .center.colorbox-white, .aligncenter.colorbox, .aligncenter.colorbox-blue, .aligncenter.colorbox-green, .aligncenter.colorbox-white {
margin-right: auto;
margin-left: auto;
display: block; }
.colorbox > :last-child, .colorbox-blue > :last-child, .colorbox-green > :last-child, .colorbox-white > :last-child {
margin-bottom: 0; }
.left.colorbox, .left.colorbox-blue, .left.colorbox-green, .left.colorbox-white, .alignleft.colorbox, .alignleft.colorbox-blue, .alignleft.colorbox-green, .alignleft.colorbox-white, .right.colorbox, .right.colorbox-blue, .right.colorbox-green, .right.colorbox-white, .alignright.colorbox, .alignright.colorbox-blue, .alignright.colorbox-green, .alignright.colorbox-white, .center.colorbox, .center.colorbox-blue, .center.colorbox-green, .center.colorbox-white, .aligncenter.colorbox, .aligncenter.colorbox-blue, .aligncenter.colorbox-green, .aligncenter.colorbox-white {
max-width: 50%; }
.colorbox-blue {
background-color: #b7dded;
color: #4d4d4d; }
.colorbox-green {
background-color: #9dd77d;
color: #4d4d4d; }
.colorbox-white {
background-color: white;
color: #4d4d4d; }
/* Cookies notification */
.cookies-notification {
position: fixed;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
color: white;
font-size: 0.875rem;
padding: 10px 20px; }
.cookies-notification .cookies-notification-buttons {
text-align: center;
white-space: nowrap; }
.cookies-notification .cookies-notification-buttons a {
margin: 0 0 0 20px; }
.cookies-notification a {
color: inherit;
text-decoration: underline; }
@media screen and (max-width: 679px) {
.cookies-notification .cookies-notification-buttons {
padding-top: 10px; }
.cookies-notification .cookies-notification-buttons a {
margin: 0 10px; } }
/* Dropdown */
.dropdown {
position: relative;
display: inline-block; }
.dropdown .selected, .dropdown .inputed {
position: relative;
background-color: white;
border: 1px solid #0892cc;
border-radius: 0;
color: #0892cc;
cursor: pointer;
display: inline-block;
margin: 0;
padding: 7px 19px; }
.dropdown .selected {
padding-right: 29px !important; }
.dropdown .selected:after {
position: absolute;
top: 50%;
right: 10px;
height: 5px;
width: 10px;
background: transparent url("../components/images/dropdown-black.png") left top no-repeat;
content: "";
display: block;
margin: -2px 0 0 0; }
.dropdown .inputed:focus, .dropdown .inputed:active {
background-color: white;
border-color: #0892cc;
color: #0892cc; }
.dropdown ul {
position: absolute;
top: 39px;
left: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: white;
border: 1px solid #0892cc;
color: #0892cc;
cursor: pointer;
display: none;
margin: 0;
padding: 0;
white-space: nowrap;
z-index: 99999; }
.dropdown ul li {
border-bottom: 1px solid #0892cc;
list-style: none;
padding: 7px 19px; }
.dropdown ul li.disabled {
background-color: white;
color: #808080;
cursor: default; }
.dropdown ul li:hover:not(.disabled) {
background-color: #b7dded;
color: black; }
.dropdown ul li:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-color: transparent; }
.dropdown.dropdown-open .selected, .dropdown.dropdown-open .inputed {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.dropdown.dropdown-open .selected:after {
background-position: left bottom; }
.dropdown.dropdown-open ul {
display: block; }
/* Google map */
.google-map {
height: 400px;
width: 100%; }
.google-map .marker {
display: none; }
/* Gotop */
.gotop {
height: 40px;
width: 40px;
position: absolute;
top: -20px;
right: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background-color: #808080;
border-radius: 4px;
line-height: 0;
overflow: hidden;
text-indent: 9999px;
white-space: nowrap; }
.gotop:hover {
position: absolute;
top: -25px;
right: 0; }
.gotop:before, .gotop:after {
content: ""; }
.gotop:before {
position: absolute;
top: 13.33333px;
left: 6.66667px;
height: 0;
width: 0;
border-bottom: 13.33333px solid white;
border-left: 13.33333px solid transparent;
border-right: 13.33333px solid transparent; }
.gotop:after {
position: absolute;
top: 15.33333px;
left: 6.66667px;
height: 0;
width: 0;
border-bottom: 13.33333px solid #808080;
border-left: 13.33333px solid transparent;
border-right: 13.33333px solid transparent; }
/* Hamburger */
.hamburger {
height: 42px;
width: 42px;
position: absolute;
top: 10px;
right: 10px;
-webkit-transition: background 0.3s, border 0.3s;
-moz-transition: background 0.3s, border 0.3s;
transition: background 0.3s, border 0.3s;
background-color: #0892cc;
border: 1px solid #0892cc;
border-radius: 4px;
display: none; }
.hamburger:before, .hamburger:after, .hamburger span {
height: 10%;
width: 60%;
position: absolute;
top: 25%;
left: 20%;
-webkit-transition-property: -webkit-transform, all;
-moz-transition-property: -moz-transform, all;
transition-property: transform, all;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
background-color: white;
content: ""; }
.hamburger:after {
top: 65%; }
.hamburger span {
top: 45%; }
.hamburger.open {
background-color: #0892cc;
border-color: #0892cc; }
.hamburger.open:before, .hamburger.open:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #00405c;
top: 45%; }
.hamburger.open:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.hamburger.open span {
opacity: 0; }
/* Icons */
.icon-clock, .icon-download, .icon-print, .icon-stat, .chessbox .photo, .chessbox .video, .chessbox .instagram, .chessbox .hunt, .chessbox .event {
background-position: center center;
background-repeat: no-repeat;
display: inline-block; }
.icol.icon-clock, .icol.icon-download, .icol.icon-print, .icol.icon-stat, .chessbox .icol.photo, .chessbox .icol.video, .chessbox .icol.instagram, .chessbox .icol.hunt, .chessbox .icol.event {
height: auto;
width: auto;
background-position: left center; }
.icor.icon-clock, .icor.icon-download, .icor.icon-print, .icor.icon-stat, .chessbox .icor.photo, .chessbox .icor.video, .chessbox .icor.instagram, .chessbox .icor.hunt, .chessbox .icor.event {
height: auto;
width: auto;
background-position: right center; }
.icon-clock {
height: 22px;
width: 22px;
background-image: url("../images/icons/clock.png"); }
.icon-clock.icol {
line-height: 22px;
padding-left: 27px; }
.icon-clock.icor {
line-height: 22px;
padding-right: 27px; }
.icon-download {
height: 22px;
width: 26px;
background-image: url("../images/icons/download.png"); }
.icon-download.icol {
line-height: 22px;
padding-left: 31px; }
.icon-download.icor {
line-height: 22px;
padding-right: 31px; }
.icon-print {
height: 22px;
width: 26px;
background-image: url("../images/icons/print.png"); }
.icon-print.icol {
line-height: 22px;
padding-left: 31px; }
.icon-print.icor {
line-height: 22px;
padding-right: 31px; }
.icon-stat {
height: 20px;
width: 19px;
background-image: url("../images/icons/stat.png"); }
.icon-stat.icol {
line-height: 20px;
padding-left: 24px; }
.icon-stat.icor {
line-height: 20px;
padding-right: 24px; }
/* Logos */
.logo-header, .logo-footer {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
background-position: left center;
background-repeat: no-repeat;
display: block; }
.logo-header:hover, .logo-footer:hover {
position: relative;
top: 2px;
right: 0;
bottom: 0;
left: 0; }
.logo-header {
height: 169px;
width: 260px;
background-image: url("../images/logo-header.png"); }
.logo-footer {
height: 137px;
width: 260px;
background-image: url("../images/logo-footer.png"); }
/* Menus */
.menu-header a, .menu-footer a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: none;
border-radius: 0;
display: block;
font-weight: bold;
height: 50px;
line-height: 30px;
margin: 0;
padding: 10px 15px;
text-decoration: none;
text-transform: none; }
.menu-header a:hover, .menu-footer a:hover {
text-decoration: none; }
.menu-header .sub-menu, .menu-footer .sub-menu {
display: none; }
.menu-header .current-menu-item .sub-menu, .menu-footer .current-menu-item .sub-menu,
.menu-header .current-menu-ancestor .sub-menu,
.menu-footer .current-menu-ancestor .sub-menu {
display: block; }
@media screen and (max-width: 679px) {
.menu-header {
background-color: #0892cc;
clear: both;
display: none; }
.menu-header li {
border-top: 1px solid white; }
.menu-header a {
border: none;
border-radius: 0;
margin: 0; }
.menu-header a:hover, .menu-header a.active {
border: none; } }
.menu-header a {
color: white;
background-color: transparent;
border-color: transparent; }
.menu-header a:hover {
color: white;
background-color: #5bb12b;
border-color: #5bb12b; }
.menu-header .current-menu-item > a,
.menu-header .active > a,
.menu-header a.active {
color: white;
background-color: #0892cc;
border-color: #0892cc; }
.menu-footer a {
color: #0892cc;
background-color: transparent;
border-color: transparent; }
.menu-footer a:hover {
color: white;
background-color: #9dd77d;
border-color: #9dd77d; }
.menu-footer .current-menu-item > a,
.menu-footer .active > a,
.menu-footer a.active {
color: #0892cc;
background-color: #b7dded;
border-color: #b7dded; }
/* Pagination */
.pagination a, .pagination span {
display: inline-block;
color: #4d4d4d;
margin: 0 10px; }
.pagination input[type="text"] {
height: auto;
width: 60px;
background-color: white;
border: 1px solid #e6e6e6;
border-radius: 0;
color: black;
font-family: "Roboto", sans-serif;
font-weight: normal;
margin: 0 10px;
outline: 0;
padding: 10px;
text-align: center; }
/* Popup */
.popup {
position: relative;
display: none;
z-index: 99999; }
.popup:before {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
content: "";
display: block;
z-index: 99999; }
.popup > div {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-color: white;
border-radius: 4px;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
color: black;
height: auto;
max-width: 640px;
min-width: 320px;
padding: 20px;
width: 50%;
z-index: 99999; }
.popup .popup-close {
height: 40px;
width: 40px;
position: absolute;
top: -20px;
right: -20px;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
background-color: black;
border-radius: 20px; }
.popup .popup-close:before, .popup .popup-close:after {
height: 10%;
width: 60%;
position: absolute;
top: 25%;
left: 20%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: white;
content: "";
top: 45%; }
.popup .popup-close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.popup.popup-open {
display: block; }
/* Rating */
.rating {
height: 26px;
width: 146px;
position: relative;
display: inline-block; }
.rating:before, .rating:after {
height: 26px;
width: 146px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent url("../components/images/rating-colors.png") left top no-repeat;
content: ""; }
.rating:before {
opacity: 1; }
.rating:after {
background-position: left bottom; }
.rating.w0pct:after {
width: 0%; }
.rating.w1pct:after {
width: 1%; }
.rating.w2pct:after {
width: 2%; }
.rating.w3pct:after {
width: 3%; }
.rating.w4pct:after {
width: 4%; }
.rating.w5pct:after {
width: 5%; }
.rating.w6pct:after {
width: 6%; }
.rating.w7pct:after {
width: 7%; }
.rating.w8pct:after {
width: 8%; }
.rating.w9pct:after {
width: 9%; }
.rating.w10pct:after {
width: 10%; }
.rating.w11pct:after {
width: 11%; }
.rating.w12pct:after {
width: 12%; }
.rating.w13pct:after {
width: 13%; }
.rating.w14pct:after {
width: 14%; }
.rating.w15pct:after {
width: 15%; }
.rating.w16pct:after {
width: 16%; }
.rating.w17pct:after {
width: 17%; }
.rating.w18pct:after {
width: 18%; }
.rating.w19pct:after {
width: 19%; }
.rating.w20pct:after {
width: 20%; }
.rating.w21pct:after {
width: 21%; }
.rating.w22pct:after {
width: 22%; }
.rating.w23pct:after {
width: 23%; }
.rating.w24pct:after {
width: 24%; }
.rating.w25pct:after {
width: 25%; }
.rating.w26pct:after {
width: 26%; }
.rating.w27pct:after {
width: 27%; }
.rating.w28pct:after {
width: 28%; }
.rating.w29pct:after {
width: 29%; }
.rating.w30pct:after {
width: 30%; }
.rating.w31pct:after {
width: 31%; }
.rating.w32pct:after {
width: 32%; }
.rating.w33pct:after {
width: 33%; }
.rating.w34pct:after {
width: 34%; }
.rating.w35pct:after {
width: 35%; }
.rating.w36pct:after {
width: 36%; }
.rating.w37pct:after {
width: 37%; }
.rating.w38pct:after {
width: 38%; }
.rating.w39pct:after {
width: 39%; }
.rating.w40pct:after {
width: 40%; }
.rating.w41pct:after {
width: 41%; }
.rating.w42pct:after {
width: 42%; }
.rating.w43pct:after {
width: 43%; }
.rating.w44pct:after {
width: 44%; }
.rating.w45pct:after {
width: 45%; }
.rating.w46pct:after {
width: 46%; }
.rating.w47pct:after {
width: 47%; }
.rating.w48pct:after {
width: 48%; }
.rating.w49pct:after {
width: 49%; }
.rating.w50pct:after {
width: 50%; }
.rating.w51pct:after {
width: 51%; }
.rating.w52pct:after {
width: 52%; }
.rating.w53pct:after {
width: 53%; }
.rating.w54pct:after {
width: 54%; }
.rating.w55pct:after {
width: 55%; }
.rating.w56pct:after {
width: 56%; }
.rating.w57pct:after {
width: 57%; }
.rating.w58pct:after {
width: 58%; }
.rating.w59pct:after {
width: 59%; }
.rating.w60pct:after {
width: 60%; }
.rating.w61pct:after {
width: 61%; }
.rating.w62pct:after {
width: 62%; }
.rating.w63pct:after {
width: 63%; }
.rating.w64pct:after {
width: 64%; }
.rating.w65pct:after {
width: 65%; }
.rating.w66pct:after {
width: 66%; }
.rating.w67pct:after {
width: 67%; }
.rating.w68pct:after {
width: 68%; }
.rating.w69pct:after {
width: 69%; }
.rating.w70pct:after {
width: 70%; }
.rating.w71pct:after {
width: 71%; }
.rating.w72pct:after {
width: 72%; }
.rating.w73pct:after {
width: 73%; }
.rating.w74pct:after {
width: 74%; }
.rating.w75pct:after {
width: 75%; }
.rating.w76pct:after {
width: 76%; }
.rating.w77pct:after {
width: 77%; }
.rating.w78pct:after {
width: 78%; }
.rating.w79pct:after {
width: 79%; }
.rating.w80pct:after {
width: 80%; }
.rating.w81pct:after {
width: 81%; }
.rating.w82pct:after {
width: 82%; }
.rating.w83pct:after {
width: 83%; }
.rating.w84pct:after {
width: 84%; }
.rating.w85pct:after {
width: 85%; }
.rating.w86pct:after {
width: 86%; }
.rating.w87pct:after {
width: 87%; }
.rating.w88pct:after {
width: 88%; }
.rating.w89pct:after {
width: 89%; }
.rating.w90pct:after {
width: 90%; }
.rating.w91pct:after {
width: 91%; }
.rating.w92pct:after {
width: 92%; }
.rating.w93pct:after {
width: 93%; }
.rating.w94pct:after {
width: 94%; }
.rating.w95pct:after {
width: 95%; }
.rating.w96pct:after {
width: 96%; }
.rating.w97pct:after {
width: 97%; }
.rating.w98pct:after {
width: 98%; }
.rating.w99pct:after {
width: 99%; }
.rating.w100pct:after {
width: 100%; }
/* Socials */
.socials {
padding: 0; }
.socials ul, .socials li {
margin: 0;
padding: 0;
display: inline-block; }
.socials a {
height: 32px;
width: 32px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
background: transparent url("../images/socials-blue.png") left top no-repeat;
display: inline-block;
margin: 0 0 0 30px;
opacity: 1;
vertical-align: middle; }
.socials a:hover {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.5; }
.socials a[href*="facebook"], .socials .social-facebook a {
background-position: 0px 0; }
.socials a[href*="google"], .socials .social-google a {
background-position: -42px 0; }
.socials a[href*="linkedin"], .socials .social-linkedin a {
background-position: -84px 0; }
.socials a[href*="twitter"], .socials .social-twitter a {
background-position: -126px 0; }
.socials a[href*="youtube"], .socials .social-youtube a {
background-position: -168px 0; }
.socials a[href*="rss"], .socials .social-rss a {
background-position: -210px 0; }
.socials a[href*="instagram"], .socials .social-instagram a {
background-position: -252px 0; }
.socials li:first-child > a, .socials > a:first-of-type {
margin: 0; }
.socials.blue a {
background-image: url("../images/socials-blue.png"); }
/* Tags */
.tag, .tags > a, .tags > span {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid transparent;
border-radius: 0;
display: inline-block;
font-weight: bold;
margin: 0 6px 6px 0;
overflow: hidden;
padding: 7px 14px 0 14px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap; }
.tag:hover, .tags > a:hover, .tags > span:hover {
text-decoration: none; }
.tag:last-child, .tags > a:last-child, .tags > span:last-child {
margin-right: 0; }
.tag, .tags > a, .tags > span, .inverse.tag:hover, .tags > a.inverse:hover, .tags > span.inverse:hover {
color: white;
background-color: #5bb12b;
border-color: #5bb12b; }
.tag:hover, .tags > a:hover, .tags > span:hover, .inverse.tag, .tags > a.inverse, .tags > span.inverse {
color: white;
background-color: rgba(91, 177, 43, 0.7);
border-color: rgba(91, 177, 43, 0.7); }
.tag.green, .tags > a.green, .tags > span.green, .tag.green.inverse:hover, .tags > a.green.inverse:hover, .tags > span.green.inverse:hover {
color: white;
background-color: #5bb12b;
border-color: #5bb12b; }
.tag.green:hover, .tags > a.green:hover, .tags > span.green:hover, .tag.green.inverse, .tags > a.green.inverse, .tags > span.green.inverse {
color: white;
background-color: rgba(91, 177, 43, 0.7);
border-color: rgba(91, 177, 43, 0.7); }
.tag.nohover, .tags > a.nohover, .tags > span.nohover, .tag.nohover.inverse:hover, .tags > a.nohover.inverse:hover, .tags > span.nohover.inverse:hover {
color: white;
background-color: #5bb12b;
border-color: #5bb12b; }
.tag.nohover:hover, .tags > a.nohover:hover, .tags > span.nohover:hover, .tag.nohover.inverse, .tags > a.nohover.inverse, .tags > span.nohover.inverse {
color: white;
background-color: #5bb12b;
border-color: #5bb12b; }
.tag.gray, .tags > a.gray, .tags > span.gray, .tag.gray.inverse:hover, .tags > a.gray.inverse:hover, .tags > span.gray.inverse:hover {
color: white;
background-color: #4d4d4d;
border-color: #4d4d4d; }
.tag.gray:hover, .tags > a.gray:hover, .tags > span.gray:hover, .tag.gray.inverse, .tags > a.gray.inverse, .tags > span.gray.inverse {
color: white;
background-color: #4d4d4d;
border-color: #4d4d4d; }
.tag.red, .tags > a.red, .tags > span.red, .tag.red.inverse:hover, .tags > a.red.inverse:hover, .tags > span.red.inverse:hover {
color: white;
background-color: #c83737;
border-color: #c83737; }
.tag.red:hover, .tags > a.red:hover, .tags > span.red:hover, .tag.red.inverse, .tags > a.red.inverse, .tags > span.red.inverse {
color: white;
background-color: rgba(200, 55, 55, 0.7);
border-color: rgba(200, 55, 55, 0.7); }
.tag.white, .tags > a.white, .tags > span.white, .tags.white > a, .tags.white > span, .tag.white.inverse:hover, .tags > a.white.inverse:hover, .tags > span.white.inverse:hover, .tags.white > a.inverse:hover, .tags.white > span.inverse:hover {
color: #5bb12b;
background-color: white;
border-color: #5bb12b; }
.tag.white:hover, .tags > a.white:hover, .tags > span.white:hover, .tags.white > a:hover, .tags.white > span:hover, .tag.white.inverse, .tags > a.white.inverse, .tags > span.white.inverse, .tags.white > a.inverse, .tags.white > span.inverse {
color: white;
background-color: #5bb12b;
border-color: #5bb12b; }
.tag.transparent, .tags > a.transparent, .tags > span.transparent, .articles .article .tags .tag, .articles .article .tags > a, .articles .article .tags > span, .tag.transparent.inverse:hover, .tags > a.transparent.inverse:hover, .tags > span.transparent.inverse:hover, .articles .article .tags .inverse.tag:hover, .articles .article .tags > a.inverse:hover, .articles .article .tags > span.inverse:hover {
color: #4d4d4d;
background-color: rgba(255, 255, 255, 0.5);
border-color: #e6e6e6; }
.tag.transparent:hover, .tags > a.transparent:hover, .tags > span.transparent:hover, .articles .article .tags .tag:hover, .articles .article .tags > a:hover, .articles .article .tags > span:hover, .tag.transparent.inverse, .tags > a.transparent.inverse, .tags > span.transparent.inverse, .articles .article .tags .inverse.tag, .articles .article .tags > a.inverse, .articles .article .tags > span.inverse {
color: #5bb12b;
background-color: white;
border-color: #5bb12b; }
.tag.carousel, .tags > a.carousel, .tags > span.carousel, .homepage .carousel .slide .tags .tag, .homepage .carousel .slide .tags > a, .homepage .carousel .slide .tags > span, .tag.carousel.inverse:hover, .tags > a.carousel.inverse:hover, .tags > span.carousel.inverse:hover, .homepage .carousel .slide .tags .inverse.tag:hover, .homepage .carousel .slide .tags > a.inverse:hover, .homepage .carousel .slide .tags > span.inverse:hover {
color: #b7dded;
background-color: rgba(0, 107, 152, 0.3);
border-color: rgba(0, 107, 152, 0.3); }
.tag.carousel:hover, .tags > a.carousel:hover, .tags > span.carousel:hover, .homepage .carousel .slide .tags .tag:hover, .homepage .carousel .slide .tags > a:hover, .homepage .carousel .slide .tags > span:hover, .tag.carousel.inverse, .tags > a.carousel.inverse, .tags > span.carousel.inverse, .homepage .carousel .slide .tags .inverse.tag, .homepage .carousel .slide .tags > a.inverse, .homepage .carousel .slide .tags > span.inverse {
color: #5bb12b;
background-color: white;
border-color: #5bb12b; }
.tag.post, .tags > a.post, .tags > span.post, .tags.posttags .tag, .tags.posttags .tags > a, .tags.posttags .tags > span, .tag.post.inverse:hover, .tags > a.post.inverse:hover, .tags > span.post.inverse:hover, .tags.posttags .inverse.tag:hover, .tags.posttags .tags > a.inverse:hover, .tags.posttags .tags > span.inverse:hover {
color: #5bb12b;
background-color: rgba(255, 255, 255, 0.5);
border-color: #e6e6e6; }
.tag.post:hover, .tags > a.post:hover, .tags > span.post:hover, .tags.posttags .tag:hover, .tags.posttags .tags > a:hover, .tags.posttags .tags > span:hover, .tag.post.inverse, .tags > a.post.inverse, .tags > span.post.inverse, .tags.posttags .inverse.tag, .tags.posttags .tags > a.inverse, .tags.posttags .tags > span.inverse {
color: #5bb12b;
background-color: white;
border-color: #5bb12b; }
.tag.topposts, .tags > a.topposts, .tags > span.topposts, .topposts .toppost .tags .tag, .topposts .toppost .tags > a, .topposts .toppost .tags > span, .tag.topposts.inverse:hover, .tags > a.topposts.inverse:hover, .tags > span.topposts.inverse:hover, .topposts .toppost .tags .inverse.tag:hover, .topposts .toppost .tags > a.inverse:hover, .topposts .toppost .tags > span.inverse:hover {
color: #00405c;
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5); }
.tag.topposts:hover, .tags > a.topposts:hover, .tags > span.topposts:hover, .topposts .toppost .tags .tag:hover, .topposts .toppost .tags > a:hover, .topposts .toppost .tags > span:hover, .tag.topposts.inverse, .tags > a.topposts.inverse, .tags > span.topposts.inverse, .topposts .toppost .tags .inverse.tag, .topposts .toppost .tags > a.inverse, .topposts .toppost .tags > span.inverse {
color: #5bb12b;
background-color: white;
border-color: #5bb12b; }
/* Caption */
.caption, .wp-caption {
background-color: white;
border: 1px solid #e6e6e6;
border-radius: 0;
color: #0892cc;
margin: 0 0 20px 0;
padding: 20px;
text-align: center;
max-width: 100%; }
.caption.left, .caption.alignleft, .wp-caption.left, .wp-caption.alignleft {
margin-right: 20px; }
.caption.right, .caption.alignright, .wp-caption.right, .wp-caption.alignright {
margin-left: 20px; }
.caption.center, .caption.aligncenter, .wp-caption.center, .wp-caption.aligncenter {
margin-right: auto;
margin-left: auto;
display: block; }
.caption img, .wp-caption img {
height: auto;
width: auto;
border: none;
display: block;
margin: 0 auto;
padding: 0;
max-width: 100%; }
.caption .caption-text, .caption .wp-caption-text, .wp-caption .caption-text, .wp-caption .wp-caption-text {
display: block;
margin: 10px 0 -10px 0; }
/* Centers */
.center-absolute {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.center-inner-image, .topposts .toppost .thumbnail, .homepage .carousel .slide .thumbnail, .galleries .gallery .photos2 .photo {
position: relative;
overflow: hidden; }
.center-inner-image img, .topposts .toppost .thumbnail img, .homepage .carousel .slide .thumbnail img, .galleries .gallery .photos2 .photo img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.center-inner-image.horizontal img, .topposts .toppost .thumbnail img, .homepage .carousel .slide .thumbnail img, .galleries .gallery .photos2 .horizontal.photo img {
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.center-inner-image.vertical img, .topposts .toppost .vertical.thumbnail img, .homepage .carousel .slide .vertical.thumbnail img, .galleries .gallery .photos2 .vertical.photo img {
position: absolute;
top: 50%;
left: 0;
height: auto;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.center-inner-image .cover, .topposts .toppost .thumbnail .cover, .homepage .carousel .slide .thumbnail .cover, .galleries .gallery .photos2 .photo .cover {
position: absolute;
top: -50%;
left: -50%;
height: 200%;
width: 200%; }
.center-inner-image .cover img, .topposts .toppost .thumbnail .cover img, .homepage .carousel .slide .thumbnail .cover img, .galleries .gallery .photos2 .photo .cover img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: 50%;
min-width: 50%;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
margin: auto; }
.center-inner-image .bgcover, .topposts .toppost .thumbnail .bgcover, .homepage .carousel .slide .thumbnail .bgcover, .galleries .gallery .photos2 .photo .bgcover, .center-inner-image .bgcontain, .topposts .toppost .thumbnail .bgcontain, .homepage .carousel .slide .thumbnail .bgcontain, .galleries .gallery .photos2 .photo .bgcontain {
height: 100%;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
display: block; }
.center-inner-image .bgcover img, .topposts .toppost .thumbnail .bgcover img, .homepage .carousel .slide .thumbnail .bgcover img, .galleries .gallery .photos2 .photo .bgcover img, .center-inner-image .bgcontain img, .topposts .toppost .thumbnail .bgcontain img, .homepage .carousel .slide .thumbnail .bgcontain img, .galleries .gallery .photos2 .photo .bgcontain img {
display: none; }
.center-inner-image .bgcover, .topposts .toppost .thumbnail .bgcover, .homepage .carousel .slide .thumbnail .bgcover, .galleries .gallery .photos2 .photo .bgcover {
background-size: cover; }
.center-inner-image .bgcontain, .topposts .toppost .thumbnail .bgcontain, .homepage .carousel .slide .thumbnail .bgcontain, .galleries .gallery .photos2 .photo .bgcontain {
background-size: contain; }
.center-vertical-inner-block {
position: relative; }
.center-vertical-inner-block .cvib-block {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.center-vertical-inner-block .cvib-block:before {
content: "";
display: inline-block;
height: 100%;
margin-right: -0.25em;
vertical-align: middle; }
.center-vertical-inner-block .cvib-block .cvib-centered {
display: inline-block;
vertical-align: middle; }
/* Forms */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
height: auto;
width: 260px;
background-color: white;
border: 1px solid #e6e6e6;
border-top-width: 5px;
border-radius: 4px;
color: black;
font-family: "Kalam", cursive;
font-size: 1rem;
font-weight: 300;
padding: 10px 15px 7px 15px; }
input[type="color"]:focus, input[type="color"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="text"]:focus, input[type="text"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="week"]:focus, input[type="week"]:active, input:not([type]):focus, input:not([type]):active, textarea:focus, textarea:active, select:focus, select:active {
background-color: white;
border-color: #0892cc;
color: black; }
input[type="color"].w100pct, input[type="date"].w100pct, input[type="datetime"].w100pct, input[type="datetime-local"].w100pct, input[type="email"].w100pct, input[type="month"].w100pct, input[type="number"].w100pct, input[type="password"].w100pct, input[type="search"].w100pct, input[type="tel"].w100pct, input[type="text"].w100pct, input[type="time"].w100pct, input[type="url"].w100pct, input[type="week"].w100pct, input:not([type]).w100pct, textarea.w100pct, select.w100pct {
width: 100%; }
input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
color: #808080; }
input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
color: #808080; }
input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input:not([type]):-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
color: #808080; }
input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
color: #808080; }
textarea.normal-size {
height: 150px;
width: 100%; }
.wp-polls .Buttons,
input[type="submit"] {
position: relative;
height: 40px;
width: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: none;
display: inline-block;
font-family: "Kalam", cursive;
font-size: 1.125rem;
font-weight: bold;
padding: 9px 29px;
text-align: center;
text-transform: uppercase; }
.wp-polls .Buttons, .wp-polls .Buttons.inverse:hover, .wp-polls .Buttons.inverse.disabled,
input[type="submit"],
input[type="submit"].inverse:hover,
input[type="submit"].inverse.disabled {
color: white;
background-color: #5bb12b; }
.wp-polls .Buttons:hover, .wp-polls .Buttons.inverse, .wp-polls .Buttons.disabled,
input[type="submit"]:hover,
input[type="submit"].inverse,
input[type="submit"].disabled {
color: white;
background-color: rgba(91, 177, 43, 0.7); }
form .submitted {
display: none; }
form .required.error input[type="color"], form .required.error input[type="date"], form .required.error input[type="datetime"], form .required.error input[type="datetime-local"], form .required.error input[type="email"], form .required.error input[type="month"], form .required.error input[type="number"], form .required.error input[type="password"], form .required.error input[type="search"], form .required.error input[type="tel"], form .required.error input[type="text"], form .required.error input[type="time"], form .required.error input[type="url"], form .required.error input[type="week"], form .required.error input:not([type]), form .required.error textarea, form .required.error select, form .required.error textarea {
border-color: #c83737; }
form .required.error label {
color: #c83737; }
/*
select {
@include appearance(none);
background-image: url("../images/down-blue.png");
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
height: 46px;
padding-right: 30px;
}
// http://bavotasan.com/2011/style-select-box-using-only-css/
.select {
background: $white url("../images/down-blue.png") calc(100% - 10px) center no-repeat;
border: 2px solid $white;
border-radius: $radius;
display: inline-block;
//float: left;
height: 42px;
margin-right: 10px;
overflow: hidden;
select {
@include appearance(none);
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
height: 42px;
margin-right: 0;
width: 120%;
}
}
*/
/* List */
/* Quotes */
q, .quote {
position: relative;
color: #0892cc;
display: inline-block;
font-family: "Roboto Slab", serif;
font-size: 60px;
font-weight: 300;
line-height: 1;
padding: 0 20px 20px 40px; }
q:before, .quote:before {
position: absolute;
top: -2px;
left: 0;
content: '"';
font-family: "Roboto Slab", serif;
font-size: 90px;
font-weight: 700; }
/* Tables */
table {
border: 1px solid #b7dded;
border-radius: 4px; }
table td {
background-color: white;
color: #4d4d4d;
padding: 10px 20px; }
table th {
background-color: #006b98;
border: 1px solid #006b98;
color: white;
font-weight: normal;
padding: 10px 20px;
text-align: left; }
table tr:nth-child(odd) td {
background-color: #b7dded;
color: #4d4d4d; }
/* Thickbox */
#TB_window #TB_caption {
height: auto; }
#TB_window #TB_closeWindow {
height: auto;
padding: 0; }
#TB_window .screen-reader-text {
display: none; }
#TB_window #TB_closeWindow #TB_closeWindowButton {
top: 0; }
#TB_window #TB_closeWindow .tb-close-icon {
position: absolute;
top: -25px;
right: -25px;
height: 40px;
width: 40px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 20px; }
#TB_window #TB_closeWindow .tb-close-icon:before, #TB_window #TB_closeWindow .tb-close-icon:after {
height: 4%;
width: 60%;
position: absolute;
top: 48%;
left: 20%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: white;
content: ""; }
#TB_window #TB_closeWindow .tb-close-icon:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
#TB_window #TB_closeWindow .tb-close-icon:hover {
background-color: black; }
#TB_window #TB_closeWindow .tb-close-icon:hover:before, #TB_window #TB_closeWindow .tb-close-icon:hover:after {
background-color: white; }
/* Header */
.header .banner970x90 {
margin: 0 auto; }
.header .wrapper {
position: relative;
height: 220px; }
.header .logo-header {
margin-left: -12px; }
.header .menu-header {
margin-right: auto;
margin-left: auto; }
.header .menu-header li {
border-left: 1px solid #00405c; }
.header .menu-header li:last-child {
border-right: 1px solid #00405c; }
.header .menu-header a {
box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.07) inset;
font-family: "Roboto Slab", serif;
white-space: nowrap; }
.header .menu-header .current-menu-item a,
.header .menu-header .active a,
.header .menu-header a.active,
.header .menu-header a:hover {
box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.15) inset; }
.header .searchbar {
position: absolute;
top: 20px;
right: 0;
text-align: right; }
.header .searchbar .login, .header .searchbar .signup {
height: 30px;
width: auto;
background-color: #0892cc;
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
color: white;
display: inline-block;
font-size: 0.875rem;
line-height: 30px;
margin-left: 10px;
padding: 0 15px; }
.header .searchbar .signup {
background-color: #5bb12b;
border-bottom-color: rgba(0, 0, 0, 0.2); }
.header .searchbar .search {
height: 50px;
width: 400px;
position: relative;
margin-top: 10px; }
.header .searchbar .search:after {
height: 16px;
width: 16px;
position: absolute;
top: 17px;
left: 10px;
background: transparent url("../images/icons/search-litte.png") center center no-repeat;
content: ""; }
.header .searchbar .search input[type="text"] {
height: 50px;
width: 400px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #0892cc;
border-color: #0892cc;
border-top: 5px solid rgba(0, 64, 92, 0.2);
color: white;
padding: 0 120px 0 35px; }
.header .searchbar .search input[type="submit"] {
height: 40px;
width: 100px;
position: absolute;
top: 5px;
right: 5px;
background-color: #00405c;
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-top: 5px solid #00405c;
color: white;
font-weight: 400;
padding: 0;
text-transform: none; }
.header .searchbar #google_translate_element {
float: left;
margin: 3px 0 0 1px; }
@media screen and (max-width: 1009px) {
.header .menu-header a {
padding: 10px 5px; }
.header .searchbar .search {
width: 360px; }
.header .searchbar .search input[type="text"] {
width: 360px; } }
@media screen and (max-width: 679px) {
.header .wrapper {
height: 280px;
padding: 0 10px; }
.header .menu-header {
position: absolute;
top: 53px;
right: 10px;
left: 10px;
float: none;
margin: 0;
z-index: 2; }
.header .menu-header li {
border-left: none !important;
border-right: none !important;
margin-bottom: 0 !important; }
.header .menu-header a {
box-shadow: none !important;
font-size: 1.5rem;
font-weight: normal;
height: auto;
line-height: normal;
padding: 10px 15px; }
.header .searchbar {
top: 175px;
right: 10px; }
.header .searchbar .search {
width: 300px; }
.header .searchbar .search input[type="text"] {
width: 300px; }
.header .searchbar #google_translate_element {
display: none; } }
/* Footer */
.footer {
position: relative;
height: 849px;
margin-top: -68px;
padding-top: 68px; }
.footer:before {
height: 849px;
width: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent url("../images/bg-footer.png") center top no-repeat;
content: "";
display: block;
z-index: -1; }
.footer .logo-holder {
margin-bottom: 40px; }
.footer .logo-holder::after {
clear: both;
content: "";
display: table; }
.footer .logo-holder:before {
content: "";
display: table; }
.footer .logo-footer {
float: left;
margin-left: -12px;
margin-top: -50px; }
.footer .menu-footer {
float: right; }
.footer .menu-footer li {
background-color: rgba(255, 255, 255, 0.5);
border-right: 1px solid #b7dded; }
.footer .menu-footer li:last-child {
border-right: none; }
.footer .menu-footer a {
font-family: "Roboto Slab", serif; }
.footer .widgets {
color: #808080;
font-size: 0.875rem; }
.footer .widgets .cell {
padding-left: 20px; }
.footer .widgets h3 {
font-size: 1rem;
font-weight: normal;
margin-bottom: 10px; }
.footer .widgets ul {
margin: 0; }
.footer .widgets p {
line-height: normal; }
.footer .partners {
color: #808080;
font-size: 0.875rem;
padding: 0 20px;
text-align: center; }
.footer .partners h3 {
font-size: 1rem;
font-weight: normal;
margin-bottom: 0; }
.footer .partners ul {
margin: 0; }
.footer .partners ul > .cell, .footer .partners ul > li {
display: inline-block;
padding: 5px 7px 0 7px; }
.footer .newsletter {
height: 70px;
width: 990px;
position: relative;
background: transparent url("../images/headline.png") center top no-repeat;
color: white;
font-family: "Roboto Slab", serif;
font-size: 1rem;
line-height: 60px;
padding: 0 50px; }
.footer .newsletter input[type="email"] {
height: 50px;
width: 380px;
position: absolute;
top: 5px;
right: 50px;
border-color: white;
border-top-color: rgba(183, 221, 237, 0.5);
color: #4d4d4d;
padding: 0 120px 0 15px; }
.footer .newsletter input[type="submit"] {
height: 40px;
width: 100px;
position: absolute;
top: 10px;
right: 55px;
background-color: #00405c;
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-top: 5px solid #00405c;
color: white;
font-weight: 400;
padding: 0;
text-transform: none; }
.footer .newsletter .submitted {
background-color: #0892cc;
margin-top: 10px;
text-align: center; }
.footer .socials {
text-align: center; }
.footer .socials h3 {
color: #006b98;
font-family: "Amatic SC", cursive;
font-size: 2rem;
font-weight: 400; }
.footer .copy {
color: #4d4d4d;
font-size: 0.75rem;
text-align: center; }
.footer .copy p {
margin-bottom: 5px; }
.footer .copy p:last-child {
margin-bottom: 0; }
@media screen and (max-width: 1009px) {
.footer .newsletter {
display: none; } }
@media screen and (max-width: 679px) {
.footer .logo-holder {
margin: 20px; }
.footer .menu-footer {
display: none; }
.footer .newsletter {
display: none; }
.footer .widgets {
text-align: center; }
.footer .widgets .cell {
padding-left: 0; } }
/* Banners */
.banner160x600 {
height: 600px;
width: 160px; }
.banner300x250 {
height: 250px;
width: 300px;
display: inline-block; }
.banner300x300 {
height: 300px;
width: 300px;
display: inline-block; }
.banner970x90 {
height: 90px;
width: 970px;
margin: 0 -10px; }
.banner970x250 {
height: 250px;
width: 970px;
margin: 0 -10px; }
@media screen and (max-width: 1009px) {
.banner970x90, .banner970x250 {
display: none; } }
@media screen and (max-width: 679px) {
.banner970x90, .banner970x250 {
display: none; } }
/* Top posts */
.topposts {
border-top: 5px solid #00334a; }
.topposts .cell {
height: auto;
width: 25%; }
.topposts .toppost {
position: relative;
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
box-shadow: -5px 0 0 0 rgba(0, 0, 0, 0.2) inset;
background-color: #006b98;
margin-bottom: 20px !important;
padding-bottom: 0; }
.topposts .toppost .content {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: white;
padding: 10px; }
.topposts .toppost .content h2, .topposts .toppost .content h3 {
color: white;
font-size: 1.375rem;
line-height: 1.2; }
.topposts .toppost .content .status {
float: right;
margin-top: 2px; }
.topposts .toppost .content .button {
padding-left: 10px;
padding-right: 5px; }
.topposts .toppost .tags {
position: absolute;
top: 10px;
right: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.topposts .toppost .tags .tag, .topposts .toppost .tags > a, .topposts .toppost .tags > span {
clear: both;
display: block;
float: right;
margin: 0 0 6px 0;
max-width: 60%; }
@media screen and (min-width: 1010px) {
.topposts .toppost {
border: 1px solid white; }
.topposts .toppost .thumbnail {
height: 160px;
width: 223px;
position: absolute;
top: 0;
left: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.topposts .toppost .content {
margin-top: 160px; }
.topposts .toppost:hover {
background-color: #5bb12b;
margin-bottom: 0 !important;
padding-bottom: 10px;
top: -10px; }
.topposts .toppost:hover .thumbnail {
height: 170px; }
.topposts .toppost:hover .content {
margin-top: 170px; }
.topposts .toppost:hover .tags {
top: 20px; } }
@media screen and (max-width: 1009px) {
.topposts {
border-top: none;
display: block; }
.topposts .cell {
display: block;
float: left;
margin-right: 20px;
width: 300px; }
.topposts .cell:nth-child(2n) {
margin-right: 0; }
.topposts .cell:nth-child(2n+1) {
clear: left; }
.topposts .toppost .thumbnail {
height: 200px;
width: 300px; } }
@media screen and (max-width: 679px) {
.topposts .cell {
float: none;
margin-right: 0;
width: 100%; } }
/* Homepage */
.homepage {
padding: 0 25px 80px 25px; }
.homepage .carousel {
position: relative;
background-color: #00405c; }
.homepage .carousel, .homepage .carousel .slider, .homepage .carousel .slide {
height: 400px;
width: 940px; }
.homepage .carousel .slide {
position: relative;
overflow: hidden; }
.homepage .carousel .slide .thumbnail {
height: 400px;
width: 500px;
position: absolute;
top: -18px;
left: -17px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
border: 10px solid white; }
.homepage .carousel .slide .content {
height: 340px;
width: 440px;
position: relative;
color: white;
float: right;
padding: 20px 20px 20px 10px; }
.homepage .carousel .slide .content h2, .homepage .carousel .slide .content h3 {
color: white;
font-size: 2.25rem; }
.homepage .carousel .slide .content h2 a, .homepage .carousel .slide .content h3 a {
color: inherit; }
.homepage .carousel .slide .content p {
font-size: 1.25rem; }
.homepage .carousel .slide .content .status {
font-size: 1.5rem;
margin-bottom: 20px; }
.homepage .carousel .slide .button {
position: absolute;
bottom: 20px;
left: 510px; }
.homepage .carousel .slide .tags {
position: absolute;
right: 0;
bottom: 20px;
left: 0; }
.homepage .carousel .slide .tags .tag, .homepage .carousel .slide .tags > a, .homepage .carousel .slide .tags > span {
clear: both;
display: block;
float: right;
margin: 6px 0 0 0;
max-width: 25%; }
.homepage .carousel > .button.next {
position: absolute;
top: 185px;
right: -15px; }
.homepage .carousel > .button.previous {
position: absolute;
top: 185px;
left: -15px; }
@media screen and (max-width: 1009px) {
.homepage {
padding: 0 20px 60px 20px; }
.homepage .carousel, .homepage .carousel .slider, .homepage .carousel .slide {
height: 240px;
width: 620px; }
.homepage .carousel .slide .thumbnail {
height: 240px;
width: 300px; }
.homepage .carousel .slide .content {
height: 240px;
width: 320px;
padding: 10px 20px 10px 0; }
.homepage .carousel .slide .content h2, .homepage .carousel .slide .content h3 {
font-size: 1.5rem;
margin-bottom: 10px; }
.homepage .carousel .slide .content p {
font-size: 1rem; }
.homepage .carousel .slide .content .status {
font-size: 1.125rem;
margin-bottom: 10px; }
.homepage .carousel .slide .button {
position: absolute;
bottom: 10px;
left: 300px; }
.homepage .carousel .slide .tags {
display: none; }
.homepage .carousel > .button.next, .homepage .carousel > .button.previous {
top: 100px; } }
@media screen and (max-width: 679px) {
.homepage {
padding: 0 10px 60px 10px; }
.homepage .carousel, .homepage .carousel .slider, .homepage .carousel .slide {
height: 460px;
width: 300px; }
.homepage .carousel .slide .thumbnail {
position: relative;
height: 240px;
width: 300px;
float: none; }
.homepage .carousel .slide .content {
height: auto;
width: auto;
float: none;
padding: 0 10px 10px 10px; }
.homepage .carousel .slide .content .status {
margin-bottom: 10px; }
.homepage .carousel .slide .button {
position: relative;
bottom: 0;
left: 10px; }
.homepage .carousel .slide .tags {
display: none; }
.homepage .carousel > .button.next {
right: -2px; }
.homepage .carousel > .button.previous {
left: -2px; } }
.wp-home .header .wrapper {
padding: 0 25px; }
.wp-home .header .wrapper .searchbar {
right: 25px; }
.wp-home .banner970x250 {
margin: 0 -15px; }
@media screen and (max-width: 679px) {
.wp-home .header .wrapper .searchbar {
right: 10px; } }
/* Global */
body {
position: relative;
background: white url("../images/bg.jpg") center top repeat-y;
color: black;
font-family: "Roboto", sans-serif;
font-size: 1rem;
font-weight: 300;
margin: 0;
padding: 0; }
body:before {
height: 393px;
width: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent url("../images/bg-sea.jpg") center top no-repeat;
content: "";
display: block;
z-index: -2; }
body:after {
height: 2304px;
width: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent url("../images/bg-objects.png") center top no-repeat;
content: "";
display: block;
z-index: -1; }
h1, h2, h3, h4 {
color: #00405c;
font-family: "Roboto Slab", serif;
font-weight: 400; }
h1 {
font-size: 2.25rem; }
@media screen and (max-width: 679px) {
h1 {
font-size: 2rem; } }
h2 {
font-size: 1.75rem; }
h3 {
font-size: 1.25rem; }
h4 {
font-size: 1rem; }
p {
line-height: 1.5; }
a {
color: inherit;
text-decoration: none; }
a:hover {
color: #5bb12b;
text-decoration: underline; }
a.under, .excerpt a, .contents .content p a, .contents .content li a {
text-decoration: underline; }
a.under:hover, .excerpt a:hover, .contents .content p a:hover, .contents .content li a:hover {
text-decoration: none; }
ul {
padding-left: 20px; }
/* Extends */
.categories > .cell, .galleries > .cell {
position: relative;
background-color: white;
border: 1px solid #e6e6e6;
color: #4d4d4d;
margin-top: 40px;
padding: 10px; }
.categories > .cell.noborder, .galleries > .cell.noborder {
border: none;
background-color: transparent;
padding: 0; }
.grid.col3.categories > .cell:nth-child(3n+4):before, .grid.col3.galleries > .cell:nth-child(3n+4):before, .grid.col4.categories > .cell:nth-child(4n+5):before, .grid.col4.galleries > .cell:nth-child(4n+5):before {
position: absolute;
top: -20px;
left: 0;
border-bottom: 1px solid #e6e6e6;
content: "";
display: block;
width: 950px; }
@media screen and (max-width: 1009px) {
.grid.col3.categories > .cell:nth-child(3n+4):before, .grid.col3.galleries > .cell:nth-child(3n+4):before, .grid.col4.categories > .cell:nth-child(4n+5):before, .grid.col4.galleries > .cell:nth-child(4n+5):before {
width: 620px; } }
@media screen and (max-width: 679px) {
.grid.col3.categories > .cell:nth-child(3n+4):before, .grid.col3.galleries > .cell:nth-child(3n+4):before, .grid.col4.categories > .cell:nth-child(4n+5):before, .grid.col4.galleries > .cell:nth-child(4n+5):before {
content: none; } }
.grid.col1.categories > .cell, .grid.col1.galleries > .cell {
float: none;
margin: 0 auto;
max-width: 50%; }
/* Customized */
.caption.thin, .wp-caption.thin {
padding: 10px; }
.caption .caption-text.greenholders, .wp-caption .caption-text.greenholders {
margin-bottom: 0; }
.caption .caption-text.greenholders .greenholder, .wp-caption .caption-text.greenholders .greenholder {
margin-bottom: 0; }
@media screen and (max-width: 679px) {
.caption, .wp-caption {
padding: 10px; }
.caption .caption-text, .wp-caption .caption-text {
margin-bottom: -5px; } }
.colorbox, .colorbox-blue, .colorbox-green, .colorbox-white {
position: relative;
font-size: 1.125rem; }
.colorbox h2, .colorbox-blue h2, .colorbox-green h2, .colorbox-white h2, .colorbox h3, .colorbox-blue h3, .colorbox-green h3, .colorbox-white h3 {
font-weight: 700; }
.colorbox-white {
border: 1px solid #e6e6e6; }
.colorbox-white h2, .colorbox-white h3 {
color: #006b98;
margin-bottom: 10px; }
.dropdown {
font-family: "Kalam", cursive; }
.dropdown .selected {
padding-bottom: 6px; }
.hamburger.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
@media screen and (min-width: 1010px) {
.grid.col6res > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 14.70196%; }
.grid.col6res > .cell:last-child {
margin-right: 0; }
.grid.col6res > .cell:nth-child(6n) {
margin-right: 0; }
.grid.col6res > .cell:nth-child(6n+1) {
clear: left; }
.grid.col6res > .cell:nth-child(-n+6) {
margin-top: 0; }
.grid.col3res > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.grid.col3res > .cell:last-child {
margin-right: 0; }
.grid.col3res > .cell:nth-child(3n) {
margin-right: 0; }
.grid.col3res > .cell:nth-child(3n+1) {
clear: left; }
.grid.col3res > .cell:nth-child(-n+3) {
margin-top: 0; }
.grid.col8-4res > .cell:nth-child(2n+1) {
float: left;
display: block;
margin-right: 2.35765%;
width: 65.88078%; }
.grid.col8-4res > .cell:nth-child(2n+1):last-child {
margin-right: 0; }
.grid.col8-4res > .cell:nth-child(2n) {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.grid.col8-4res > .cell:nth-child(2n):last-child {
margin-right: 0; }
.grid.col8-4res > .cell:nth-child(2n) {
margin-right: 0; }
.grid.col8-4res > .cell:nth-child(2n+1) {
clear: left; }
.grid.col8-4res > .cell:nth-child(-n+2) {
margin-top: 0; } }
@media screen and (max-width: 1009px) {
.grid.col6res > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%; }
.grid.col6res > .cell:last-child {
margin-right: 0; }
.grid.col6res > .cell:nth-child(4n) {
margin-right: 0; }
.grid.col6res > .cell:nth-child(4n+1) {
clear: left; }
.grid.col6res > .cell:nth-child(-n+4) {
margin-top: 0; }
.grid.col3res > .cell, .grid.col8-4res > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.grid.col3res > .cell:last-child, .grid.col8-4res > .cell:last-child {
margin-right: 0; }
.grid.col3res > .cell:nth-child(2n), .grid.col8-4res > .cell:nth-child(2n) {
margin-right: 0; }
.grid.col3res > .cell:nth-child(2n+1), .grid.col8-4res > .cell:nth-child(2n+1) {
clear: left; }
.grid.col3res > .cell:nth-child(-n+2), .grid.col8-4res > .cell:nth-child(-n+2) {
margin-top: 0; } }
@media screen and (max-width: 679px) {
.grid.col6res > .cell {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.grid.col6res > .cell:last-child {
margin-right: 0; }
.grid.col6res > .cell:nth-child(2n) {
margin-right: 0; }
.grid.col6res > .cell:nth-child(2n+1) {
clear: left; }
.grid.col6res > .cell:nth-child(-n+2) {
margin-top: 0; }
.grid.col3res > .cell, .grid.col8-4res > .cell {
float: none !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important; }
.grid.col3res > .cell:nth-child(-n+12), .grid.col8-4res > .cell:nth-child(-n+12) {
margin-top: 20px !important; }
.grid.col3res > .cell:first-child, .grid.col8-4res > .cell:first-child {
margin-top: 0 !important; } }
.pagination {
border-top: 1px solid #e6e6e6;
margin-top: 40px;
padding-top: 40px;
text-align: center; }
.pagination .page-numbers {
margin: 0; }
.pagination .page-numbers.current, .pagination .page-numbers.dots {
background-color: rgba(91, 177, 43, 0.7); }
@media screen and (max-width: 679px) {
.pagination .page-numbers {
margin-bottom: 5px; } }
.pagination-holder > .button.next {
position: absolute;
top: 120px;
right: -25px;
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s; }
.pagination-holder > .button.previous {
position: absolute;
top: 120px;
left: -25px;
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s; }
@media screen and (max-width: 679px) {
.pagination-holder > .button.next {
display: none; }
.pagination-holder > .button.previous {
display: none; } }
.tag, .tags > a, .tags > span {
height: 40px;
width: auto;
font-family: "Kalam", cursive;
font-size: 1.125rem; }
.tag.bigger, .tags > a.bigger, .tags > span.bigger, .tags.bigger > a, .tags.bigger > span {
height: 50px;
width: auto;
padding-top: 12px; }
.tag.smaller, .tags > a.smaller, .tags > span.smaller, .topposts .toppost .tags .tag, .topposts .toppost .tags > a, .topposts .toppost .tags > span, .tags.smaller > a, .tags.smaller > span, .articles .article .tags .tag, .articles .article .tags > a, .articles .article .tags > span {
height: 30px;
width: auto;
font-size: 0.875rem;
padding-top: 5px; }
.tag.ultrasmaller, .tags > a.ultrasmaller, .tags > span.ultrasmaller, .tags.ultrasmaller > a, .tags.ultrasmaller > span {
height: auto;
width: auto;
font-size: 0.75rem;
margin: 0 3px 3px 0;
padding: 2px 7px 0 7px; }
.tag.longer, .tags > a.longer, .tags > span.longer {
padding-left: 60px;
padding-right: 60px; }
.tags.posttags {
position: absolute;
top: 70px;
right: 0; }
.tags.posttags .tag, .tags.posttags .tags > a, .tags.posttags .tags > span {
display: block;
margin: 0 0 6px 0; }
.shareform input[type="color"], .shareform input[type="date"], .shareform input[type="datetime"], .shareform input[type="datetime-local"], .shareform input[type="email"], .shareform input[type="month"], .shareform input[type="number"], .shareform input[type="password"], .shareform input[type="search"], .shareform input[type="tel"], .shareform input[type="text"], .shareform input[type="time"], .shareform input[type="url"], .shareform input[type="week"], .shareform input:not([type]), .shareform textarea {
float: left; }
.shareform .submitted {
color: #006b98;
margin-top: 10px; }
#TB_window #TB_closeWindow #TB_closeWindowButton:after {
content: none; }
#TB_window #TB_closeWindow #TB_closeWindowButton span {
opacity: 1;
visibility: visible; }
/* Classes */
.excerpt {
color: #4d4d4d;
font-size: 1.25rem; }
.excerpt > :last-child {
margin-bottom: 0; }
.status {
font-family: "Amatic SC", cursive;
font-size: 1.25rem; }
.status.large {
font-size: 1.5rem; }
.status.small {
font-size: 1rem; }
.greenholder {
background-color: #9dd77d;
color: black;
display: inline-block;
font-family: "Kalam", cursive;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.2;
padding: 10px 20px 5px 20px;
text-align: center; }
.greenholder small {
display: block;
font-size: 1rem;
font-weight: 300; }
.greenholder:hover {
color: black;
text-decoration: none; }
.greenholders::after {
clear: both;
content: "";
display: table; }
.greenholders:before {
content: "";
display: table; }
.greenholders .greenholder {
float: left;
margin: 0 20px 20px 0; }
.spiralbook, .contents .sidebar .newsletter {
position: relative;
margin-top: 15px;
padding-top: 10px; }
.spiralbook:before, .contents .sidebar .newsletter:before {
height: 15px;
width: auto;
position: absolute;
top: -15px;
right: 0;
left: 0;
background: transparent url("../images/spiral.png") left top repeat-x;
content: "";
display: block; }
.filterbox {
background-color: white;
border: 1px solid #b7dded;
padding: 10px; }
.filterbox::after {
clear: both;
content: "";
display: table; }
.filterbox:before {
content: "";
display: table; }
.filterbox .tag, .filterbox .tags > a, .filterbox .tags > span {
display: block;
float: left;
font-size: 1rem;
margin: 0 1px 0 0;
padding: 7px 5px 0 5px; }
.filterbox .tag:last-child, .filterbox .tags > a:last-child, .filterbox .tags > span:last-child {
margin-right: 0; }
.filterbox input[type="color"], .filterbox input[type="date"], .filterbox input[type="datetime"], .filterbox input[type="datetime-local"], .filterbox input[type="email"], .filterbox input[type="month"], .filterbox input[type="number"], .filterbox input[type="password"], .filterbox input[type="search"], .filterbox input[type="tel"], .filterbox input[type="text"], .filterbox input[type="time"], .filterbox input[type="url"], .filterbox input[type="week"], .filterbox input:not([type]), .filterbox textarea {
border: 1px solid #0892cc;
border-bottom-width: 5px;
font-size: 1rem;
padding: 6px 10px 3px 10px;
width: 170px; }
.filterbox input[type="color"].smaller, .filterbox input[type="date"].smaller, .filterbox input[type="datetime"].smaller, .filterbox input[type="datetime-local"].smaller, .filterbox input[type="email"].smaller, .filterbox input[type="month"].smaller, .filterbox input[type="number"].smaller, .filterbox input[type="password"].smaller, .filterbox input[type="search"].smaller, .filterbox input[type="tel"].smaller, .filterbox input[type="text"].smaller, .filterbox input[type="time"].smaller, .filterbox input[type="url"].smaller, .filterbox input[type="week"].smaller, .filterbox input:not([type]).smaller, .filterbox textarea.smaller {
width: 80px; }
.filterbox button, .filterbox input[type="button"], .filterbox input[type="reset"], .filterbox input[type="submit"] {
font-size: 1rem; }
@media screen and (max-width: 1009px) {
.filterbox .tag, .filterbox .tags > a, .filterbox .tags > span {
margin-bottom: 5px;
padding: 10px 15px; } }
.widget, .contents .sidebar {
color: #4d4d4d; }
.widget h2, .contents .sidebar h2 {
color: #006b98; }
.widget h3, .contents .sidebar h3 {
color: #5bb12b;
font-family: "Roboto", sans-serif;
margin-bottom: 5px; }
.widget .status, .contents .sidebar .status {
margin-bottom: 5px; }
@media screen and (max-width: 1009px) {
.youtube-resize {
position: relative;
height: 0;
width: auto;
padding-bottom: 56.25%;
/* 16:9 */ }
.youtube-resize iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; } }
.pollbar {
height: 10px;
width: auto;
background-color: #b7dded;
border: 1px solid #0892cc; }
.w0 {
width: 0%; }
.w1 {
width: 1%; }
.w2 {
width: 2%; }
.w3 {
width: 3%; }
.w4 {
width: 4%; }
.w5 {
width: 5%; }
.w6 {
width: 6%; }
.w7 {
width: 7%; }
.w8 {
width: 8%; }
.w9 {
width: 9%; }
.w10 {
width: 10%; }
.w11 {
width: 11%; }
.w12 {
width: 12%; }
.w13 {
width: 13%; }
.w14 {
width: 14%; }
.w15 {
width: 15%; }
.w16 {
width: 16%; }
.w17 {
width: 17%; }
.w18 {
width: 18%; }
.w19 {
width: 19%; }
.w20 {
width: 20%; }
.w21 {
width: 21%; }
.w22 {
width: 22%; }
.w23 {
width: 23%; }
.w24 {
width: 24%; }
.w25 {
width: 25%; }
.w26 {
width: 26%; }
.w27 {
width: 27%; }
.w28 {
width: 28%; }
.w29 {
width: 29%; }
.w30 {
width: 30%; }
.w31 {
width: 31%; }
.w32 {
width: 32%; }
.w33 {
width: 33%; }
.w34 {
width: 34%; }
.w35 {
width: 35%; }
.w36 {
width: 36%; }
.w37 {
width: 37%; }
.w38 {
width: 38%; }
.w39 {
width: 39%; }
.w40 {
width: 40%; }
.w41 {
width: 41%; }
.w42 {
width: 42%; }
.w43 {
width: 43%; }
.w44 {
width: 44%; }
.w45 {
width: 45%; }
.w46 {
width: 46%; }
.w47 {
width: 47%; }
.w48 {
width: 48%; }
.w49 {
width: 49%; }
.w50 {
width: 50%; }
.w51 {
width: 51%; }
.w52 {
width: 52%; }
.w53 {
width: 53%; }
.w54 {
width: 54%; }
.w55 {
width: 55%; }
.w56 {
width: 56%; }
.w57 {
width: 57%; }
.w58 {
width: 58%; }
.w59 {
width: 59%; }
.w60 {
width: 60%; }
.w61 {
width: 61%; }
.w62 {
width: 62%; }
.w63 {
width: 63%; }
.w64 {
width: 64%; }
.w65 {
width: 65%; }
.w66 {
width: 66%; }
.w67 {
width: 67%; }
.w68 {
width: 68%; }
.w69 {
width: 69%; }
.w70 {
width: 70%; }
.w71 {
width: 71%; }
.w72 {
width: 72%; }
.w73 {
width: 73%; }
.w74 {
width: 74%; }
.w75 {
width: 75%; }
.w76 {
width: 76%; }
.w77 {
width: 77%; }
.w78 {
width: 78%; }
.w79 {
width: 79%; }
.w80 {
width: 80%; }
.w81 {
width: 81%; }
.w82 {
width: 82%; }
.w83 {
width: 83%; }
.w84 {
width: 84%; }
.w85 {
width: 85%; }
.w86 {
width: 86%; }
.w87 {
width: 87%; }
.w88 {
width: 88%; }
.w89 {
width: 89%; }
.w90 {
width: 90%; }
.w91 {
width: 91%; }
.w92 {
width: 92%; }
.w93 {
width: 93%; }
.w94 {
width: 94%; }
.w95 {
width: 95%; }
.w96 {
width: 96%; }
.w97 {
width: 97%; }
.w98 {
width: 98%; }
.w99 {
width: 99%; }
.w100 {
width: 100%; }
/* Colors */
.color-blue {
color: #0892cc; }
.bg-white {
background-color: white; }
/* Container */
.container {
background: rgba(255, 255, 255, 0.8) url("../images/bg-content.png") left top repeat-x;
min-height: 2014px;
padding: 15px 20px 70px 20px; }
@media screen and (max-width: 679px) {
.container {
padding: 15px 10px 70px 10px; } }
/* Breadcrumb */
.breadcrumb {
color: #808080;
font-family: "Amatic SC", cursive;
font-size: 1.5rem; }
.breadcrumb a, .breadcrumb span {
margin: 0 5px; }
.breadcrumb a:first-child, .breadcrumb span:first-child {
margin-left: 0; }
/* Articles */
.articles .article {
border-bottom: 1px solid #e6e6e6;
color: #4d4d4d;
margin-bottom: 20px;
padding-bottom: 20px; }
.articles .article:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0; }
.articles .article h2 {
font-size: 2.25rem;
font-weight: 700; }
.articles .article p {
font-size: 1.25rem; }
.articles .article .cell {
position: relative; }
.articles .article .thumbnail {
background-color: white;
border: 1px solid #e6e6e6;
padding: 10px; }
.articles .article .tags {
position: absolute;
top: 40px;
right: 0;
left: 0; }
.articles .article .tags .tag, .articles .article .tags > a, .articles .article .tags > span {
height: auto;
width: auto;
border-left-color: transparent;
clear: both;
display: block;
float: left;
max-width: 80%;
text-align: left;
white-space: normal; }
.articles .article .status {
margin-bottom: 20px;
font-size: 1.5rem; }
/* Categories */
.categories .category h2, .categories .category .thumbnail {
margin-bottom: 10px; }
/* Photogallery */
.photogallery::after {
clear: both;
content: "";
display: table; }
.photogallery:before {
content: "";
display: table; }
.photogallery .caption {
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
display: block;
float: left;
margin: 0 10px 10px 0;
padding: 10px; }
.photogallery .caption img {
height: 180px;
width: auto;
max-width: 100%; }
.photogallery .caption .caption-text {
margin: 5px 0 -5px 0; }
.photogallery .caption:hover {
border-color: #5bb12b; }
.photogallery .caption.izoom:after {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px; }
.photogallery.smaller .caption {
margin: 3px 3px 0 0;
padding: 5px; }
.photogallery.smaller .caption img {
height: 70px; }
.photogallery.smaller .caption .caption-text {
margin: 2px 0 -2px 0; }
.photogallery.smaller .caption.izoom:after {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px; }
.photogallery.withcaption {
margin-bottom: 20px;
margin-top: -20px; }
/* Galleries */
.galleries .gallery h2, .galleries .gallery h3, .galleries .gallery h4, .galleries .gallery p, .galleries .gallery .thumbnail, .galleries .gallery .photos, .galleries .gallery .photogallery {
margin-bottom: 10px; }
.galleries .gallery .thumbnail {
position: relative; }
.galleries .gallery .thumbnail .tag, .galleries .gallery .thumbnail .tags > a, .galleries .gallery .thumbnail .tags > span {
position: absolute;
right: -10px;
bottom: 10px;
margin: 0; }
.galleries .gallery .photos2 {
background-color: #e6e6e6; }
.galleries .gallery .photos2::after {
clear: both;
content: "";
display: table; }
.galleries .gallery .photos2:before {
content: "";
display: table; }
.galleries .gallery .photos2 .photo {
position: relative;
height: 70px;
width: auto;
border-top: 2px solid white;
float: left;
overflow: hidden;
width: 50%; }
.galleries .gallery .photos2 .photo:nth-child(even), .galleries .gallery .photos2 .photo:nth-child(1) {
border-right: 2px solid white; }
.galleries .gallery .photos2 .photo:nth-child(-n+3) {
width: 33.33333%; }
.galleries .gallery .photos {
background-color: #e6e6e6; }
.galleries .gallery .photos::after {
clear: both;
content: "";
display: table; }
.galleries .gallery .photos:before {
content: "";
display: table; }
.galleries .gallery .photos .photo {
position: relative;
border-right: 2px solid white;
border-top: 2px solid white;
display: block;
float: left; }
.galleries .gallery .photos .photo img {
height: 70px;
width: auto;
display: block;
max-width: 100%; }
.galleries .gallery .photogallery {
margin-top: -10px; }
.galleries .gallery .photogallery .caption:after {
background-size: 20px; }
.galleries .gallery .photogallery .caption img {
height: 50px; }
.galleries .gallery .total {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
font-family: "Kalam", cursive;
font-size: 1.25rem;
padding: 10px;
text-decoration: none; }
.galleries.col6res .gallery .button {
display: block; }
.galleries.news h2 {
font-size: 1.25rem; }
/* Contents */
.contents {
position: relative; }
.contents .content {
padding-right: 2.35765%;
font-weight: normal; }
.contents .content p img, .contents .content li img {
max-width: 100%;
height: auto; }
.contents .sidebar h2 {
color: #4d4d4d;
font-family: "Amatic SC", cursive;
margin-bottom: 10px; }
.contents .sidebar ul {
color: #808080;
font-size: 1.25rem;
padding-left: 20px; }
.contents .sidebar ul ul {
margin-bottom: 0;
margin-top: 5px; }
.contents .sidebar ul li {
margin-bottom: 5px; }
.contents .sidebar ul a {
color: #5bb12b; }
.contents .sidebar .newsletter {
position: relative;
background-color: #b7dded;
color: #0892cc;
font-family: "Roboto Slab", serif;
font-size: 1.375rem;
margin-bottom: 20px;
margin-top: 35px;
padding: 10px 20px 20px 20px; }
.contents .sidebar .newsletter::after {
clear: both;
content: "";
display: table; }
.contents .sidebar .newsletter input[type="email"] {
height: auto;
width: 100%;
background-color: white;
border-color: #0892cc;
margin: 20px 0; }
.contents .sidebar .newsletter input[type="submit"] {
float: right;
padding: 0 15px; }
.contents .sidebar .newsletter .fieldset::after {
clear: both;
content: "";
display: table; }
.contents .sidebar .newsletter .fieldset:before {
content: "";
display: table; }
.contents .sidebar .newsletter .submitted {
color: black;
font-size: 1rem;
margin-top: 10px;
text-align: center; }
.contents .sidebar .sidebar_widget > :last-child {
margin-bottom: 0; }
.contents .share input[type="text"] {
margin-right: 5px;
padding: 4px 15px 5px 15px; }
.contents .author {
margin-bottom: 20px; }
.contents .author .caption {
margin-right: 20px;
width: 180px; }
@media screen and (max-width: 679px) {
.contents .content {
padding-right: 0; }
.contents .share .pl2 {
padding-left: 0; }
.contents .share input[type="text"] {
margin-bottom: 10px;
margin-right: 0; }
.contents .author .caption {
width: 100%; } }
/* Chessbox */
.chessbox {
height: 300px;
width: 300px;
position: relative;
box-shadow: 0 0 0 5px rgba(2, 80, 115, 0.5) inset;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
display: block;
text-decoration: none; }
.chessbox .thumbnail {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 !important;
overflow: hidden;
z-index: -2; }
.chessbox .thumbnail:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: black;
content: "";
opacity: 0; }
.chessbox h2 {
position: absolute;
top: 25px;
left: 0;
border-left: 40px solid rgba(0, 64, 92, 0.8);
display: block;
line-height: normal;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: white !important;
font-family: "Amatic SC", cursive !important;
font-size: 3rem !important;
margin: 0 !important;
text-align: left !important; }
.chessbox h2 > * {
background-color: rgba(0, 64, 92, 0.8);
display: inline;
line-height: normal; }
.chessbox h2 > * > * {
position: relative;
left: -20px;
display: inline;
line-height: normal; }
.chessbox h2.bottom {
bottom: 25px;
top: auto; }
.chessbox h2 > * {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.chessbox h2 > * > * {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.chessbox .icon-clock, .chessbox .icon-download, .chessbox .icon-print, .chessbox .icon-stat, .chessbox .photo, .chessbox .video, .chessbox .instagram, .chessbox .hunt, .chessbox .event {
height: 120px;
width: 144px;
position: absolute;
bottom: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(0, 64, 92, 0.8);
background-repeat: no-repeat;
color: white;
font-family: "Amatic SC", cursive;
font-size: 2rem;
padding-top: 70px;
text-align: center;
text-decoration: none; }
.chessbox .icon-clock:hover, .chessbox .icon-download:hover, .chessbox .icon-print:hover, .chessbox .icon-stat:hover, .chessbox .photo:hover, .chessbox .video:hover, .chessbox .instagram:hover, .chessbox .hunt:hover, .chessbox .event:hover {
background-color: #5bb12b; }
.chessbox .photo {
background-image: url("../images/icons/photo.png");
background-position: center 22px;
left: 5px; }
.chessbox .video {
background-image: url("../images/icons/video.png");
background-position: center 16px;
right: 5px; }
.chessbox .instagram {
background-image: url("../images/icons/instagram.png");
background-position: center 9px;
bottom: 126px;
right: 5px; }
.chessbox .hunt {
background-image: url("../images/icons/hunt.png");
background-position: center 18px;
left: 5px; }
.chessbox .event {
background-image: url("../images/icons/event.png");
background-position: center 18px;
right: 5px; }
.chessbox:hover {
box-shadow: 0 0 0 5px #5bb12b inset; }
.chessbox:hover .thumbnail:after {
opacity: .2; }
.chessbox:hover h2 {
border-left: 40px solid #5bb12b;
display: block;
line-height: normal; }
.chessbox:hover h2 > * {
background-color: #5bb12b;
display: inline;
line-height: normal; }
.chessbox:hover h2 > * > * {
position: relative;
left: -20px;
display: inline;
line-height: normal; }
.chessbox[href*="slunecno.cz"] .content img {
border: none;
margin-top: 100px;
width: 300px; }
.chessbox-holder {
position: relative;
z-index: 0; }
.chessboard .cell {
position: relative;
height: 300px;
width: 300px;
margin-right: 20px;
z-index: 0; }
.chessboard.smaller .cell {
height: 250px; }
.chessboard.smaller .chessbox {
height: 250px; }
.chessboard.smaller .chessbox .thumbnail img {
margin-top: -50px; }
.chessboard.smaller .chessbox[href*="slunecno.cz"] .content img {
margin-top: 70px; }
/* WPCF7 */
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
display: inline-block;
margin-left: 0; }
/* WP POOLS */
.wp-polls label {
font-size: 1rem; }
.wp-polls-ul {
margin: 0 0 20px 0; }
/* Google map */
.google-map.large {
height: 600px; }
.google-map .minfo img {
max-height: 100px !important;
max-width: 100px !important; }
/* ACF Form & TinyMCE */
.acf-form .acf-form-submit {
padding: 15px 12px; }
.acf-form .acf-input-wrap input {
height: 40px; }
.acf-form .acf-gallery .acf-gallery-toolbar {
height: 52px; }
.acf-form .mce-toolbar .mce-btn button {
line-height: 20px; }
.acf-form .mce-toolbar .mce-btn button i.mce-i-icon {
font: normal 20px/1 'dashicons';
padding: 0;
vertical-align: top;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -2px;
padding-right: 2px; }
.mce-window.mce-in .mce-abs-layout-item.mce-textbox {
padding: 4px; }
.screen-reader-text {
display: none; }
/* Login form */
body.login {
line-height: normal; }
body.login .header .searchbar .search form, body.login .footer .newsletter .newsletterform {
background-color: transparent;
box-shadow: none;
margin: 0;
padding: 0; }
body.login #login {
padding: 0; }
body.login #login h1, body.login #login #backtoblog {
display: none; }
body.login #login form {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
body.login #login .message, body.login #login #login_error {
background-color: #b7dded; }
/* Print */
@media print {
.header, .footer, .breadcrumb, .filterbox, .sidebar, .banner,
.categories, #clanky,
.share.colorbox-white, .mm_widget_mostread_posts, .pagination-holder,
.fb-comments, .fb-comments.fb_iframe_widget.fb_iframe_widget_fluid,
.addthis_native_toolbox {
display: none !important; }
body {
background-image: none; }
body:before, body:after {
content: none; }
.container {
min-height: 0; } }
/*# sourceMappingURL=style.css.map */