/*
Theme Name: Opus Anima
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Reset */
@import url(css/reset.css);

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300|Advent+Pro:400,100,200,300|PT+Sans&subset=latin,latin-ext);

/* Base */
body {color: #000; background: #fff; font: 15px /1.9 "Pt Sans", Tahoma, Arial, "Trebuchet MS", Helvetica, sans-serif; }
.rcd {max-width: 1170px; margin: 0 auto;}

* {-webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */ -moz-box-sizing: border-box; /* Firefox ≤ 28 */ box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */}
a {-webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
a:hover {-webkit-transition: all 0.7s ease; transition: all 0.7s ease;}

#unicontentcontent {padding: 100px 0;}

.halfcols {height: 100%; overflow: hidden;}
.halfcols .left, .halfcols .right {float: left; width: 50%;}
.halfcols .left {padding-right: 40px;}
.halfcols .right {padding-left: 40px;}

.ncols {height: 100%; overflow: hidden;}
.ncols .left {float: left; width: 63%;}
.ncols .right {float: right; width: 29%;}

.uhead  {color: #000; line-height: 1.0; font-size: 26px; position: relative; font-weight: 100; font-family: 'Open Sans', sans-serif; text-transform: uppercase; text-align: center; border-bottom: 1px solid #000; margin: 0 0 50px 0; padding: 0 0 20px 0;}
.uhead  .icon {display: block; width: 37px; position: absolute; left: 50%; bottom: -9px; margin-left: -19px; height: 17px; background: #fff url(img/head-icon.png) no-repeat center top;}

/* Header */
#header {background: #fff; width: 100%;}  
#header .rcd {position: relative;}
#header.fixed {position: absolute; width: 100%;}
#logo a {display: block; width: 76px; height: 99px; background: url(img/logo.png) no-repeat left top; margin: 38px auto; text-indent: -2000000px;}
.menu-toggle {display: block; font-size: 18px; letter-spacing: 3px; text-decoration: none; line-height: 32px; color: #2e2e2e; font-weight: 300; text-transform: uppercase; font-family: 'Open Sans', sans-serif; height: 32px; background: url(img/menudrag.png) no-repeat left top; position: absolute; left: 0; top: 34px; padding-left: 64px;} 
.menu-toggle.active {background: url(img/menuclose.png) no-repeat left top;}
#pageheader {background: #efece5; color: #2e2e2e; text-align: center;}
#pageheader h2 {font-size: 61px; text-transform: uppercase; font-family: 'Advent Pro', sans-serif; font-weight: 100; padding: 50px 0; line-height: 1.1;}
#intro {text-align: center; background: #f2efe6; padding: 11% 0 19% 0;}
#intro h2 {color: #010101; line-height: .8; font-size: 179px; font-family: 'Advent Pro', sans-serif; font-weight: 100; text-transform: uppercase; margin: 0 0 20px 0;}
#intro h3 {font-size: 17px; line-height: 1.2; font-weight: 300; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 10px; color: #010101;} 

#menublock {background: #fff; position: absolute; width: 100%; height: 2000px; z-index: 200; left: 0; display: none; text-align: center; padding: 60px 0 0 0;}
#menublock li {margin: 0 0 40px 0; position: relative;}
#menublock li a {text-decoration: none; color: #0e0e0e; display: inline-block; text-transform: uppercase; font-size: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300;}  
#menublock li a:hover {border-bottom: 1px solid #efece5;}
#menublock .sub-menu {display: none; position: static;}
#menublock .sub-menu li {margin: 0 0 10px 0;}
#menublock .sub-menu li a {font-size: 20px;}  

.dropdown {display: inline-block; width: 22px; height: 12px; background: url(img/menu-arrow-down.png) no-repeat left top; cursor: pointer; margin: 0 -42px 0 20px;}


/* Main Page */
#maincontent {height: 100%; overflow: hidden; padding: 110px 0; background: url(img/mainbg.png) repeat-y center top;}
#maincontent .bcontent {float: left; width: 50%; padding-right: 40px; text-align: center;}
#maincontent .icontent {float: left; width: 50%; padding-left: 40px;}
#maincontent h3 {color: #000; font-size: 26px; position: relative; font-weight: 100; font-family: 'Open Sans', sans-serif; text-transform: uppercase; text-align: center; border-bottom: 1px solid #000; margin: 0 0 50px 0; padding: 0 0 20px 0;}
#maincontent h3 .icon {display: block; width: 37px; position: absolute; left: 50%; bottom: -9px; margin-left: -19px; height: 17px; background: #fff url(img/head-icon.png) no-repeat center top;}
.bcontent .bpost {margin-bottom: 100px;}
.bcontent .bpost .date {text-transform: uppercase; font-size: 13px; margin: 40px 0 0 0; display: block; letter-spacing: 1px;}
.bcontent .bpost .separator {display: block; height: 1px; background: #000; width: 80px; margin: 20px auto 0 auto;}
.bcontent .bpost h4 a {color: #000; line-height: 1.3; font-size: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300; text-decoration: none;}
.bcontent .bpost h4 a:hover {border-bottom: 1px solid #efece5; }
.icontent {text-align: center;}
.icontent .authimg {margin: 75px 0 25px 0;}
.icontent h4 {font-size: 21px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 20px; text-transform: uppercase;}
#maincontent .icontent h3 .icon {background: #f9f9f9 url(img/head-icon.png) no-repeat center top;}

/* Idea */
.iauthorbox {background: #f9f9f9; text-align: center; padding: 35px;}
.iauthorbox h4 {font-size: 23px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 20px 0 0 0; line-height: 1.3;}
.iauthorbox p {font-size: 14px; margin: 7px 0 0 0;}
.authmore {text-decoration: none; font-size: 13px; color: #000; padding: 0 30px 0 0; display: inline-block; margin: 50px 0 0 0; background: url(img/morearrow.png) no-repeat right 10px;}
.authmore:hover {border-bottom: 1px solid #efece5;}

.basetxt strong {font-weight: bold;}
.basetxt h2 {font-family: 'Open Sans', sans-serif; line-height: 1.3; font-weight: 300; font-size: 26px; border-bottom: 1px solid #000; position: relative; padding: 0 0 16px 0;}
.basetxt h2 span.icon  {background: url(img/icon-left.png) no-repeat left bottom; display: block; width: 27px; height: 17px; position: absolute; left: 0; bottom: -9px;}
.basetxt p {margin: 30px 0;} 
.basetxt ul li {padding: 0 0 25px 30px; background: url(img/list-item.png) no-repeat left 10px;} 

/* O Mnie */
.mainabout {height: 100%; overflow: hidden; background: #f9f9f9; margin: 0 0 80px 0;}
.mainabout .photo {float: left; width: 34%;}
.mainabout .photo img {width: 100%; height: auto; display: block;}
.mainabout .description {float: right; width: 59%; padding: 40px 40px 0 0;}
.mainabout .description h2 {font-size: 33px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.2;}
.mainabout .description h3 {font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 0 30px 0;}
.mainabout .description p {margin: 0 0 20px 0;}

/* Szkolenia */ 
.courseslist li {margin: 0 0 10px 0;}
.courseslist a {display: block; text-align: center; padding: 30px; background: #f9f9f9; text-decoration: none; color: #000;}
.courseslist a:hover {background: #f1f1f1;}
.courseslist strong {font-size: 23px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.2; margin-bottom: 6px; letter-spacing: 3px; display: block; text-transform: uppercase;}
.courseslist span.days {font-size: 14px; font-style: italic; display: block;} 
.courseslist span.price {font-size: 17px; line-height: 1.2; background: url(img/priceline.png) no-repeat right center; padding: 0 58px 0 0; letter-spacing: 3px; font-family: 'Open Sans', sans-serif; font-weight: 300; display: block; margin: 25px 0 0 0; display: inline-block;}
.courseslist span.price span {display: block; padding: 0 0 0 58px; background: url(img/priceline.png) no-repeat left center;} 

.morecourses {display: block; font-size: 18px; color: #000; text-decoration: none; background: #efece5; text-align: center; padding: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 4px;}
.morecourses span {background: url(img/bnav-right.png) no-repeat right center; padding: 0 50px 0 0;}
.morecourses:hover {background: #0e0e0e; color: #fff;}
.morecourses:hover span {background: url(img/bnav-right-white.png) no-repeat right center;}

/* Psychoterapia */
#psychoterapiaform {background: #f9f9f9; padding: 30px;}
#psychoterapiaform .txt {background: transparent;}

/* Kalendarz */
.calendar {width: 100%; font-size: 15px;}
.calendar th, .calendar td {text-align: center;}
.calendar th {text-transform: uppercase; font-size: 15px; letter-spacing: 3px; padding: 15px 5px; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.calendar td {padding: 30px 5px; border-bottom: 1px solid #e9e9e9; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.calendar .theader {background: #f9f9f9;}
.calendar .col1 {width: 16%; border-right: 1px solid #e9e9e9;}
.calendar .col2 {width: 14%; border-right: 1px solid #e9e9e9;}
.calendar .col3 {width: 20%; border-right: 1px solid #e9e9e9;}
.calendar .col4 {width: 35%; border-right: 1px solid #e9e9e9;}
.calendar .col5 {width: 15%;}
.calendar a {color: #000; text-decoration: none;}
.calendar a:hover {border-bottom: 1px solid #efece5;}

.nav-blocks {height: 100%; overflow: hidden; margin: 100px 0 0 0;}
.nav-blocks a {display: block; width: 50%; text-transform: uppercase; letter-spacing: 4px; line-height: 1.6; float: left; font-size: 23px; font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 50px 30px; text-align: center; text-decoration: none; color: #000;}
.nav-blocks a span {background: url(img/bnav-right.png) no-repeat right center; display: inline-block; padding: 0 54px 0 0;}
.nav-blocks a.left {background: #f9f9f9;}
.nav-blocks a.left:hover {background: #f2f2f2;}
.nav-blocks a.right {background: #efece5;}
.nav-blocks a.right:hover {background: #e9e5db;}

/* Blog */
.articleslist {text-align: center;}
.articleslist li {margin: 0 0 140px 0; padding: 0 18%;}
.articleslist li h2 {margin: 0 0 45px 0;}
.articleslist li h2 a {font-size: 32px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 0 40px 0; color: #000; line-height: 1.3; text-decoration: none;}
.articleslist li h2 a:hover {border-bottom: 1px solid #efece5;}
.articleslist li .pdate {text-transform: uppercase; font-size: 13px; margin: 40px 0 0 0; display: block; letter-spacing: 1px; }
.articleslist li .pseparator  {display: block; height: 1px; background: #000; width: 80px; margin: 20px auto 0 auto;}
.navigation.pagination {padding: 0 18%;}
.navigation.pagination a, .navigation.post-navigation a {text-decoration: none; font-size: 13px; letter-spacing: 2px; color: #000; text-transform: uppercase;}
.navigation.pagination a:hover, .navigation.post-navigation a:hover {border-bottom: 1px solid #efece5;}
.navigation.pagination .prev.page-numbers {float: left; background: url(img/b-left-arrow.png) no-repeat left 5px; padding: 0 0 0 43px; display: block;}
.navigation.pagination .next.page-numbers {float: right; background: url(img/b-right-arrow.png) no-repeat right 5px; padding: 0 43px 0 0; display: block;}
.navigation.pagination .screen-reader-text, .navigation.pagination .page-numbers {display: none;}
.navigation.post-navigation {text-align: center;}
.navigation.post-navigation .screen-reader-text {display: none;}
.navigation.post-navigation .meta-nav {font-weight: bold;}
.navigation.post-navigation .nav-previous {margin: 0 0 5px 0;}
.navigation.post-navigation .nav-previous .meta-nav {background: url(img/b-left-arrow.png) no-repeat left 2px; padding: 0 0 0 43px;}
.navigation.post-navigation .nav-next .post-title {background: url(img/b-right-arrow.png) no-repeat right 2px; padding: 0 43px 0 0;} 
.page-header-archives, .page-header-wyniki{text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 20px; text-align: center; padding: 0 0 40px 0;}
.page-header-404, .page-header-nonesearch  {text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 20px; padding: 0 0 20px 0;}
.page-content-404 p {margin: 0 0 20px 0;}
.page-content-404 form button, .no-results form button {background: #f0ece6; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; width: 100%; letter-spacing: 2px; font-family: "Pt Sans"; border: none; cursor: pointer; font-size: 13px; text-transform: uppercase; padding: 25px 0 40px 0;}
.page-content-404 form button:hover, .no-results form button:hover  {background: #000; color: #fff; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.page-content-404 form input, .no-results form input {border: none; width: 100%; margin: 0 0 25px 0; border-bottom: 1px solid #cccccc; padding: 14px 10px; color: #000; font-size: 14px; font-family: "Pt Sans";}
.page-content-404 form input:focus, .no-results form input:focus {border-bottom: 1px solid #efece5;}
.page-content-404 form .screen-reader-text, .no-results form .screen-reader-text {display: none;}
.page-content-404 form button .screen-reader-text, .no-results button .screen-reader-text {display: block;}
.no-results .page-content p {margin: 0 0 20px 0;}
.blogcontent {max-width: 720px; margin: 0 auto;}

.bstyles {font-size: 18px; line-height: 1.7;}
.bstyles p {margin: 25px 0;}
.bstyles ul, .bstyles ol {margin: 30px 0;}
.bstyles ul {padding: 0 0 0 25px;}
.bstyles ul li {padding: 0 0 15px 30px; background: url(img/list-item.png) no-repeat left 11px;}
.bstyles ol {list-style: decimal; padding: 0 0 0 45px;}
.bstyles ol li {padding: 0 0 15px 20px;}
.bstyles strong {font-weight: bold;}
.bstyles em {font-style: italic;}
.bstyles a {color: #909090; text-decoration: underline;}
.bstyles a:hover {color: #000;}

.bstyles blockquote {padding: 0 0 0 58px; margin: 30px 0; background: url(img/quote.png) no-repeat left 6px;}
.bstyles blockquote p {font-style: italic;} 

.alignleft {float: left; margin: 0 20px 10px 0;}
.alignright {float: right; margin: 0 0 10px 20px;}
.aligncenter {display: block; margin: 0 auto 20px auto;}
.bstyles img {max-width: 100%; height: auto;}

.bstyles h1, .bstyles h2, .bstyles h3, .bstyles h4, .bstyles h5, .bstyles h6 {font-family: 'Open Sans', sans-serif; margin: 30px 0;}
.bstyles h1 {font-size: 36px; text-transform: uppercase; font-weight: 300;}
.bstyles h2 {font-size: 36px; font-weight: 300;}
.bstyles h3 {font-size: 26px; text-transform: uppercase; font-weight: 300;}
.bstyles h4 {font-size: 26px; font-weight: 300;}
.bstyles h5 {font-size: 20px; text-transform: uppercase; font-weight: 300;}
.bstyles h6 {font-size: 18px; font-weight: bold;}

.entry-header {text-align: center; font-size: 61px; margin: 0 0 60px 0;}
.entry-header h1 {font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.1; }
.ehdate {display: block; text-align: center; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; margin: 40px 0 0 0;}
.ehdate .ehseparator {display: block; height: 1px; width: 80px; margin: 15px auto 0 auto; background: #000;}

.comment-form {margin: 0 0 70px 0;}
.comments-area {max-width: 720px; margin: 0 auto;}
.comment-form .txt input, .comment-form .txt textarea {border: none; width: 100%; margin: 0 0 25px 0; border-bottom: 1px solid #cccccc; padding: 14px 10px; color: #000; font-size: 14px; font-family: "Pt Sans";}
.comment-form .txt input:focus, .comment-form .txt textarea:focus {border-bottom: 1px solid #efece5;}
.comment-form .submit {background: #f0ece6; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; width: 100%; letter-spacing: 2px; font-family: "Pt Sans"; border: none; cursor: pointer; font-size: 13px; text-transform: uppercase; padding: 25px 0 40px 0;}
.comment-form .submit:hover {background: #000; color: #fff; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}  
.comment-form .comment-notes {display: none;}
.comment-reply-title, .comments-title {font-size: 28px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 0 30px 0; line-height: 1.3;}

.fblikebt {text-align: center; margin-top: 25px;}
.postnews  {text-align: center;}
.postnews a {font-size: 14px; text-transform: uppercase; letter-spacing: 4px; color: #000; text-decoration: none;}
.postnews a:hover {border-bottom: 1px solid #efece5;}
.entry-footer {padding: 80px 0 100px 0;} 
.comment-awaiting-moderation  {font-size: 14px; color: #f93535; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 4px; margin: 15px 0;}
.comment-list {margin: 0 0 50px 0;}
.comment-list .comment-content p {margin: 15px 0;}
.comment-list .comment .avatar {float: left; margin: 0 15px 0 0;}
.comment-body {margin: 0 0 60px 0;}
.comment-reply-link {font-size: 13px; color: #000; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 3px; margin-bottom: 40px;}
.comment-reply-link:hover {border-bottom: 1px solid #efece5;}
.comment-metadata {margin: -5px 0px 0px; font-size: 12px;}
.comment-metadata a {text-decoration: none; letter-spacing: 2px; color: #000;}
.comment-metadata a:hover {border-bottom: 1px solid #efece5;}
.comment .children {padding: 0 0 0 5%;} 
.comment-author {font-size: 14px;}
.logged-in-as a {color: #000;}
.logged-in-as a:hover {border-bottom: 1px solid #efece5; text-decoration: none; }
.cancel-comment-reply-link {font-size: 15px; color: #000;}

.archivestyles {max-width: 700px; margin: 0 auto;}
.archivestyles h3 {font-size: 25px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.5; margin: 0 0 30px 0;}
.archivestyles h3 span {display: block; font-size: 21px;}
.archline {height: 1px; background: #000; display: block; width: 80px; margin: 0 auto 100px auto;}
.archive-list {margin: 0 0 50px 0;}
.archive-list li {margin-bottom: 20px; height: 100%; overflow: hidden; margin: 0 0 25px 0;}
.archive-list li .arttext {float: left; padding-top: 3px; width: 94%; display: block; float: left;}
.archive-list li a {color: #000; text-decoration: none; }
.archive-list li a:hover {text-decoration: underline;}
.archive-list li span.daynum {font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300; width: 6%; display: inline-block; float: left;}

/* Contact */
.authorbox {background: #f9f9f9; text-align: center; padding: 40px;}
.authorbox h4 {font-size: 23px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 20px 0 7px 0; line-height: 1.2;}
.authorbox p {font-size: 14px; margin: -4px 0 0 0;}
.cdetails {text-align: center; margin: 55px 0 30px 0;}
.cdetails ul li {padding: 5px 0;}
.cdetails ul li i {padding: 0 10px 0 0;}
.cdetails ul li.phone i {font-size: 23px;}
.cdetails ul li a {text-decoration: none; color: #000;}
.cdetails ul li a:hover {border-bottom: 1px solid #efece5;}
.separatorcont {width: 110px; background: #000; height: 1px; display: block; margin: 0 auto;}
.conticons {text-align: center; padding: 33px 0 0 0;}
.conticons a {color: #000; font-size: 21px;}

.fstyles .txt {border: none; width: 100%; margin: 0 0 25px 0; border-bottom: 1px solid #cccccc; padding: 14px 10px; color: #000; font-size: 14px; font-family: "Pt Sans";}
.fstyles .txt:focus {border-bottom: 1px solid #efece5;}
.fstyles .smbt {background: #f0ece6; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; width: 100%; letter-spacing: 2px; font-family: "Pt Sans"; border: none; cursor: pointer; font-size: 13px; text-transform: uppercase; padding: 25px 0 40px 0;}
.fstyles .smbt:hover {background: #000; color: #fff; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}  
span.wpcf7-not-valid-tip {color: #f00; font-size: 11px; display: block; text-transform: uppercase; letter-spacing: 2px;}

.wpcf7-form .wpcf7-validation-errors { border: medium none; background: none repeat scroll 0% 0% #F76657; font-size: 13px; line-height: 1.3; color: #FFF; margin: 0 0 10px 0; padding: 20px; position: relative; top: -20px;}
.wpcf7-form .wpcf7-mail-sent-ok {background: none repeat scroll 0% 0% #90BE5A; border: medium none; font-size: 13px; line-height: 1.3; color: #FFF; margin: 0 0 10px 0; padding: 20px; position: relative; top: -20px;}

.courseform {max-width: 700px; margin: 60px auto 50px auto;}
.courseform h3 {font-size: 31px; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase; margin: 0 0 30px 0;}

/* SiteMap */
.mapa-strony a {color: #000; text-decoration: none;}
.mapa-strony a:hover {border-bottom: 1px solid #efece5;}
.mapa-strony h2 {margin: 30px 0 40px 0;}


/* Newsletter Sliding Box */
#newsbox {position: absolute; right: 0; top: 300px; background: #4c4c4c;}
.slidebox {color: #fff; display: block; float: right; background: #000; font-size: 13px; width: 35px; text-align: center;  padding: 2px 0; text-align: center; word-wrap: break-word; text-decoration: none; text-transform: uppercase;}
.newsslbox { color: #fff; padding: 75px 30px 30px 30px; max-width: 340px; float: left; display: block;}
.newsslbox img { max-width: 100%; height: auto; }
.postbox {padding: 30px; max-width: 100%; float: none; background: #4c4c4c; }
.postbox ol {list-style: none; padding-left: 0; margin-bottom: 0;}
.postbox ol li {padding-left: 0;}
.newsslbox h4 {text-align: center; font-size: 22px; text-transform: uppercase; letter-spacing: 3px; line-height: 1.5; }
.newsslbox h4 {text-align: center; font-size: 15px; }
.newsslbox form {margin: 30px 0 0 0;}
.newsslbox .txt {border: none; border-bottom: 1px solid #616161; color: #fff; font-size: 13px; font-style: italic; background: transparent; width: 100%; padding: 13px 10px; margin: 0 0 15px 0;}
.newsslbox .txt:focus {border-bottom: 1px solid #fff; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.newsslbox .smbt {color: #252525; background: #ebe7dc; cursor: pointer; width: 100%; border: none; font-size: 14px; text-transform: uppercase; padding: 15px 0 15px 0; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; margin: 20px 0 0 0;}
.newsslbox .smbt:hover {background: #000; color: #fff; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.zgoda {font-size: 12px; color: #a4a4a4;}
.content-single-form {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px;
}

.content-single-form h4 {
	margin: 30px 0 0 0;
	font-size: 31px;
	line-height: 1.2;
}

.content-single-form h5 {
	margin: 0;
	font-size: 16px;
}

.content-single-form .col_14 {
	float: left;
	width: 50%;
}

.content-single-form .col_14 img {
	max-width: 100%;
	height: auto;
}

.content-single-form .col_18 {
	float: left;
	width: 50%;
}

/* Footer */
#footer {background: #000000; color: #fff;}
.archivesbar {background: #0e0e0e; font-size: 14px; text-align: center; text-decoration: none; text-transform: uppercase; padding: 28px 0;}
.archivesbar a {color: #fff; text-decoration: none; letter-spacing: 4px;}
.archivesbar a:hover {border-bottom: 1px solid #efece5;}
.footer {padding: 60px 0; text-align: center;}
.copy {font-size: 16px;}
.footer ul li {color: 14px; font-size: 14px; display: inline;}
.footer ul li span {padding: 0 5px;}
.footer ul li a {color: #fff; text-decoration: none;}
.footer ul li a:hover {border-bottom: 1px solid #efece5;}
.footer .separator {height: 1px; display: block; margin: 0 auto; width: 100px; background: #fff; margin-bottom: 27px;}
.socialicons {padding: 25px 0;}
.socialicons a {color: #fff; font-size: 21px;}
.socialicons a:hover {color: #efece5;}

#cookies-message {padding: 3px 0px; color: #fff; font-size: 13px; line-height: 22px; text-align: center; position: fixed; bottom: 0px; background-color: #0e0e0e; width: 100%; z-index: 999;}
#accept-cookies-checkbox {background-color: #f4f0e7; padding: 1px 10px; color: #000; text-transform: uppercase; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;}
.cklink {color: #fff;}

/* Responsive */

@media only screen and (max-width : 1170px) {
.rcd {margin: 0 20px;} }

@media only screen and (max-width : 768px) {
#maincontent {background: none;}
#maincontent .bcontent {float: none; width: 100%; padding: 30px; text-align: center;}
#maincontent .icontent {float: none; width: 100%; padding: 30px; background: #f9f9f9;}
#intro h2 {font-size: 149px;}
#intro h3 {font-size: 17px; font-weight: 300; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 10px; color: #010101;} 
.ncols .left {float: none; width: 100%; margin-bottom: 60px;}
.ncols .right {float: none; width: 100%;}
.mainabout .photo {float: none; width: 100%;}
.mainabout .description {float: none; width: 100%; padding: 40px 40px 40px 40px;}
.halfcols .left, .halfcols .right {float: none; width: 100%;}
.halfcols .left {padding-right: 0; margin-bottom: 50px;}
.halfcols .right {padding-left: 0;}
.nav-blocks a {display: block; width: 100%; float: none; font-size: 18px;}

.calendar .col1, .calendar .col2, .calendar .col3, .calendar .col4, .calendar .col5 {width: 100%; padding: 20px 5px;  border-bottom: none; border-right: none; display: block;}
.calendar .col5 {border-bottom: 1px solid #e9e9e9;}  

.entry-header {font-size: 41px;}

.content-single-form {
	width: 100%;
	clear: both;
	/*float: left;*/
	/*margin-bottom: 30px;*/
}
.content-single-form .col_14 {
	float: left;
	width: 100%;
	text-align: center;
}

.content-single-form .col_14 img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	float: none !important;
}

.content-single-form .col_18 {
	float: left;
	width: 100%;
}

}

@media only screen and (max-width : 500px) { 
	#header {text-align: center;}
	#intro h2 {font-size: 90px;}
	#logo {text-align: right;}
	#logo a {margin: 38px auto;} 
	#logo a span {display: none;}
	.menu-toggle {position: static; padding-left: 64px; margin: 0 0 38px 0; display: inline-block; } 
	
	#menublock li {margin: 0 0 30px 0;}
	#menublock li a { font-size: 22px;}  
	#menublock .sub-menu li {margin: 0 0 10px 0;}
	#menublock .sub-menu li a {font-size: 16px;}  
	
	#pageheader h2 {font-size: 25px;}
	#menublock {margin-top: -30px;}
	
	.articleslist li h2 a {font-size: 25px;}
	.entry-header {font-size: 31px;}
	
	.archive-list li .arttext {width: 91%;}
	.archive-list li span.daynum {width: 9%;}  
	
	.sideboxnews {max-width: 240px; padding: 30px !important;} 

}

@media only screen and (max-width : 400px) {
	.nav-blocks a {font-size: 15px;}
	.nav-blocks a span {padding-right: 0; background: none;}
}