/*
Theme Name: Polisaturystyczna2



/* Repeatable Patterns
-------------------------------------------------------------- */

body {
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	background-color: #fff;
	color: #333 !important;
	line-height: 1.6;
}
::-moz-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #333; 
}
::-webkit-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #333; 
}
::selection { 
	color: #fff; 
	text-shadow: none; 
	background: #333; 
}
a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
a:hover {
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}
a:focus {
	text-decoration: none;
	outline: 0;
}
img {
	max-width: 100%;
	height: auto;
}
blockquote.alignleft,
img.alignleft {
	margin: 7px 30px 25px 0 !important;
	float: left;
}
blockquote.alignright,
img.alignright {
	margin: 7px 0 25px 30px !important;
	float: right;
}
strong,
b {
	font-weight: 700;
}
p {
	margin-bottom: 20px;
}
em {
	font-style: italic;
}
.margint0 { margin-top: 0; }
.margint1 { margin-top: 10px; }
.margint2 { margin-top: 20px; }
.margint3 { margin-top: 30px; }
.margint4 { margin-top: 40px; }
.margint5 { margin-top: 50px; }
.margint6 { margin-top: 60px; }
.marginb0 { margin-bottom: 0; }
.marginb1 { margin-bottom: 10px; }
.marginb2 { margin-bottom: 20px; }
.marginb3 { margin-bottom: 30px; }
.marginb4 { margin-bottom: 40px; }
.marginb5 { margin-bottom: 50px; }
.marginb6 { margin-bottom: 60px; }
h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-weight: 400;
	margin: 0
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 400;
}
h1 { font:28px/1.5 'Open Sans', sans-serif; }
h2 { font: 21px/1.5 'Open Sans', sans-serif; font-weight: bold}
h3 { font: 30px/1.1 'Open Sans', sans-serif; }
h4 { font: 26px/1.1 'Open Sans', sans-serif; }
h5 { font: 22px/1.1 'Open Sans', sans-serif; }
h6 { font: 18px/1.1 'Open Sans', sans-serif; }
.text-white { color: #fff !important; }
.text-light { color: #bdbcbc !important; }
.text-dark { color: #222 !important; }
input[type="checkbox"] { display: inline; }
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #f8f8f8;
	border: 1px solid #eee;
	font-size: 14px;
	height: 50px;
	padding: 0 20px;
	line-height: 24px;
	-webkit-transition: border 0.3s ease 0s;
	   -moz-transition: border 0.3s ease 0s;
		-ms-transition: border 0.3s ease 0s;
		 -o-transition: border 0.3s ease 0s;
			transition: border 0.3s ease 0s;
}
textarea {
	height: auto;
	width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    padding: 17px 40px;
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	color: #222;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		 -o-box-shadow: none;
			box-shadow: none;
}
.roll-animation {
	opacity: 0;
}
.roll-animation.animated {
	opacity: 1;
}
textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
	color: #cbcbcb;
	opacity: 1;
}
input:-ms-input-placeholder {
	color: #cbcbcb;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #cbcbcb;
	opacity: 1;
}
/* bootstrap resetting elements */
.btn {
	background-image: none;
}
textarea, 
input[type="text"],
input[type="submit"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
	-webkit-appearance: none;
	text-shadow: none;
	border-radius: 0;
	border: 0;
	box-shadow: none;
}
table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
th {
	background-color: #f5f5f5;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	padding: 10px;
	line-height: 1.42857143;
	vertical-align: top;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	border: 1px solid #ccc;
}
/* Top
-------------------------------------------------------------- */
.top {
	background-color: #191919;
	color: #fff;
	font-size: 13px;
}
.top .infomation {
	display: inline;
	float: left;
	padding: 10px 0;
}
.top .infomation li {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-right: 18px;
}
.top .infomation li:before {
	content: "\e840";
	font-family: "Fontello";
	position: absolute;
	left: 0;
	top: 0;
}
.top .infomation li.email:before {
	content: "\e85b";
}
.top .infomation li a {
	color: #fff;
}


/* Header
-------------------------------------------------------------- */
#header {
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 99999;
	top:0px;
  	border-bottom:1px #007DC6 solid;;
}


.header .logo {
	float: left;
	margin:0;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	width:200px;
	height:61px;
}





/* navigation */
#mainnav {
	display: block;
	float:left;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	     -o-transition: all 0.3s linear;
	        transition: all 0.3s linear;
}
#mainnav ul {
	list-style: none;
	margin: 0;
}
#mainnav ul li {
	float: left;
	border-right:1px #ccc solid;
	padding-left:5px;
	padding-right:15px;
	padding-top:0;
	padding-bottom: 0;
	margin: 10px 5px;
}

#mainnav ul li a {
	display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #222;
    font-weight: bold;
    padding-top:0;
	text-transform: uppercase;
	transition: none;
	transition: color 0.3s linear;
	padding-bottom:2px;
}

#mainnav ul li a:hover{
	color:#222 !important;
	padding-bottom:2px;
	border-bottom:2px #333 solid;
}

#mainnav ul li.current-menu-item a {
color:#222 !important;
border-bottom:2px #333 solid;
}

#mainnav ul li:nth-child(2) a{
	color:#3A8BC5 !important;
}

#mainnav ul li:nth-child(2) a:hover{
	color:#3A8BC5 !important;
	padding-bottom:2px;
	border-bottom:2px #3A8BC5 solid;
}

#mainnav ul li:last-child {
	padding-right: 0;
	border-right:none;
}
#mainnav ul li {
	position: relative;
}
#mainnav ul li ul {
	width: 180px;
	position: absolute;
	top: 100%;
	left: 0; 
	opacity: 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
	
}
#mainnav ul li ul:after {
	content: "";
	position: absolute;
	left: 0;
	top: -3px;
	width: 100%;
	height: 3px;
}
#mainnav ul li ul:before {
	content: "";
	position: absolute;
	left: 30px;
	top: -13px;
	border-width: 5px;
	border-style: solid;
}
#mainnav ul li ul li ul {
	left: 100%;
	top: 0;
}
#mainnav ul li ul li ul:before {
	border-width: 0;
}
#mainnav li:hover > ul {
    opacity: 1;
    visibility: visible;
	transform: translateY(0px);
}
#mainnav ul ul {
	z-index: 99999;
}
#mainnav ul ul li {
	width: 100%;
}
#mainnav ul ul li a {
	color: #222;
	display: block;
	background-color: #fff;
	font-weight: 400;
	padding: 8px 18px;
	text-transform: none;
	border-top: 1px solid #eee;
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
#mainnav ul ul li:first-child a {
	border: 0;
}
#mainnav ul ul li:hover > a {
	color: #fff;
}


/* Centered nav bar */
.menu-centered .site-branding,
.menu-centered .menu-wrapper,
.menu-centered #mainnav {
	width: 100%;
	float: none;
	text-align: center;
} 
.menu-centered #mainnav ul li {
	float: none;
	display: inline-block;
}
.menu-centered .header .container .row {
	display: block;
}
.menu-centered #mainnav ul ul li {
	text-align: left;
}



/* Mobile navigation */
#mainnav-mobi {
	display: none;
    position: fixed;
    z-index: 9999;
    width: calc(100% - 40px);
    height: calc(100% - 118px);
    width: auto;
    height: auto;
	left: 0px;
	right:0;
	bottom:0;
	top:80px;
    padding: 25px 20px 50px;
    background: rgba(0,0,0,0.9);
	overflow-y: auto;
}




#mainnav-mobi ul {
	clear: both;
    display: block;
    width:100%;
    margin-bottom: 10px;
    margin-right:50px;
    list-style-type: none
}

#mainnav-mobi ul li {
	position: relative;
	text-align: left;
	border-top: 1px solid #252525;
	cursor: pointer;
	width: calc(100% - 40px);
	margin:0;
}
#mainnav-mobi ul > li > a {
	display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #eaeaea;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px 0;
    margin-bottom: 15px;
    border: 2px solid #eaeaea;
    background: #000;
}


/* Page Title
-------------------------------------------------------------- */
.page-title {
	font-size: 22px;
}
.page-title {
	background-color: #f3f3f3;
    padding: 22px 15px;	
}
.page-header {
	border: 0;
	margin: 0;
}
/* Layout
-------------------------------------------------------------- */
.main-content {
	padding:60px;
}
.main-content .content-wrap {
	padding-right: 45px;
}
.fullwidth {
	width: 100% !important;
}

/* Parallax
-------------------------------------------------------------- */
.parallax {
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 0;
}


/* Menu button */
.btn-menu {
	display: none;
	float: right;
	font-size: 28px;
	color: #000;
	text-align:center;
	width: 24px;
	height: 20px;
	cursor: pointer;
	line-height: 1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btn-submenu {
	position: absolute;
	right: 20px;
	top: 0;
	font-family: "Fontawesome";
	font-size: 22px;
	line-height: 54px;
	text-align: center;
	cursor: pointer;
	width: 70px;
	height: 44px;
}
.btn-submenu:before {
	content: "\f107";
	color: #fff;
}
.btn-submenu.active:before {
	content: "\f106";
}


/* Blog Post
-------------------------------------------------------------- */
.post {
	overflow: hidden;
	border-top: 1px solid #eee;
}
.post:first-child {
	border: 0;
}
.hentry .post-format {
	float: left;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.hentry .post-format {
	color: #fff;
	display: inline-block;
	font-size: 22px;
}
.masonry-layout .post-format {
	display: none;
}
.hentry .post-content {
	margin-left:0x;
}
.entry-title {
	font-size: 24px;
	margin-bottom: 12px;
	line-height: 32px;
}
.entry-thumb,
.single-thumb {
	margin-bottom:20px;
	text-align: center;
	position: relative;
}
.hentry .post-content h2 a {
	color: #222;
}
.hentry .post-meta,
.hentry .entry-footer {
	margin: 7px 0 25px 0;
	overflow: hidden;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.masonry-layout .post .post-meta {
	font-size: 11px;
}
.entry-footer {
	clear: both;
}
.hentry .entry-footer,
.hentry .entry-footer a,
.hentry .post-meta,
.hentry .post-meta a {
	color: #777;
}
.hentry .post-meta span,
.hentry .entry-footer span {
	display: inline-block;
	position: relative;
	margin-right: 25px;
}
.masonry-layout .post .post-meta span {
	margin-right: 10px;
}
.hentry .post-meta .author.vcard {
	margin-right: 0;
}
.hentry .entry-footer .fa,
.hentry .post-meta .fa {
	margin-right: 10px;
	color: #68aee3;
	font-size: 13px;
}
.hentry .post-meta .byline,
.hentry .post-meta .updated:not(.published) {
	display: none;
}
.hentry .post-meta .posted-on {
	padding: 0;
}
.masonry-layout {
	width: 100% !important;
	padding: 0;
}
.masonry-layout .hentry {
	width: 350px;
	margin: 15px;
	padding: 15px;
	border: 0;
}
.masonry-layout .content-wrap {
	padding: 0;
}
.masonry-layout .post .post-content {
	margin: 0;
}
.single .post .post-meta .byline,
.group-blog .post .post-meta .byline {
	display: inline;
}
blockquote {
	position: relative;
	font-style: italic;
	color: #999;
	line-height: 28px;
	padding: 15px 0 30px 70px;
	border: 0;
}
blockquote:before {
	content: "\f10d";
	font-family: "Fontawesome";
	position: absolute;
	left: 0;
	top: 20px;
	font-style: normal;
	color: #dfdfdf;
	font-size: 50px;
}

/* Widgets
-------------------------------------------------------------- */
.widget-area {
	padding: 0;
}
.widget-area .widget {
	background-color: #fff;
	padding: 30px;
}

h3.widget-title{
	text-transform:uppercase !important
}
.widget-area .widget .widget-title {
	font-size: 17px;
	line-height: 35px;
	letter-spacing: 0;
	clear: both;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.widget-area .widget ul {
	padding-left: 0;
	list-style: none;
	list-style-type: none;
}
.widget .children {
	padding-left: 10px;
}
.widget-area .widget li {
	margin-bottom: 5px;
	position: relative;
}
.widget-area .widget li a {
	color: #333;
	text-transform: none
}
.widget-area .widget li:last-child {
	padding-bottom: 0;
}
/* widget search */
.widget.widget-search {
	padding-top: 0;
	border: none;
}
.widget.widget-search .searchform {
	position: relative;
	margin-bottom: 0;
}
.widget.widget-search #s {
	width: 100%;
	border: none;
	background-color: #f8f8f8;
	height: 44px;
	padding-left: 20px;
}
.widget.widget-search #searchsubmit {
	border: 0;
	padding: 0;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	right: 0;
}
/* widget text */
.widget.widget-text {
	color: #aaa;
}
/* widget tag */
.widget.widget-tags .tags a {
	display: inline-block;
	font-size: 13px;
	color: #aaa;
	border: 2px solid #ddd;
	padding: 7px 15px;
	margin: 4px;
	margin-left: 0;
}
.widget.widget-tags .tags a:hover {
	color: #fff;
}
/* widget lastposts */
.widget.widget-lastposts li {
	padding-left: 0;
	margin-top: 20px;
}
.widget.widget-lastposts li:before,
.widget.widget-lastposts li:after {
	content: "";
	display: table;
	clear: both;
}
.widget.widget-lastposts li:before {
	background-color: transparent;
}
.widget.widget-lastposts li .thumb {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	width: 60px;
}
.widget.widget-lastposts li .content {
	overflow: hidden;
}
.widget.widget-lastposts li .content .author {
	font-size: 13px;
	line-height: 20px;
	color: #ccc;	
}
/* widget Info */
.widget .infomation {
	color: #aaa;
	margin: 0;
}
.widget .infomation div {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}
.widget .infomation div:before {
	font-family: "Fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}
.widget .infomation .contact-address:before {
	content: "\f015";
}
.widget .infomation .contact-phone:before {
	content: "\f095";
}
.widget .infomation .contact-email:before {
	content: "\f003";
}
/* Single post
-------------------------------------------------------------- */
.single .post-content {
	margin-left: 0;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	margin-bottom: 60px;
}
.comments-title {
	margin: 0 0 15px;
	font-size: 24px;
	padding: 30px;
	background-color: #fff;
}
.comments-area ol {
	list-style: none;
}
.comments-area ol {
	padding: 0;
}
.comments-area .children {
	padding-left: 20px;
}
.comments-area .fn {
}
.comment-author .avatar {
	position: absolute;
}
.comment-author .fn,
.comment-metadata {
	margin-left: 80px;
}
.comment-metadata {
	font-size: 12px;
	margin-bottom: 30px;
}
.comment-body {
	padding: 30px;
	background-color: #fff;
	margin-bottom: 15px;
}
.reply {
	text-align: right;
}
.comment-reply-link {
	padding: 5px;
	background-color: #fff;
	font-size: 12px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;	
}
a.comment-reply-link {
	text-decoration: none;
}
a.comment-reply-link:hover {
	color: #000;
	box-shadow: 0 0 1px #505050;
}
.comments-area a.url {
	text-decoration: underline;
}
.comment-metadata a,
.comments-area a.url {
	color: #444;
}
.bypostauthor {
}
.comment-respond {
	margin-top: 60px;
}
.comment-form .form-submit {
	margin-top: 30px;
}

/* Go Top Button
-------------------------------------------------------------- */
.go-top {
	position: fixed !important;
	right: 30px;
	bottom: -45px;
	color: #fff;
	background-color: #222;
	display: block;
	font-size: 22px;
	line-height: 35px;
	text-align: center;
	width: 40px;
	height: 40px;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 9999;
	cursor: pointer;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	     -o-transition: all 0.5s;
	        transition: all 0.5s;
}
.go-top:hover {
	background-color: #000;
	color: #fff;
}
.go-top.show {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
	bottom : 20px;
}


/* Colors
-------------------------------------------------------------- */
a {
	color: #68aee3;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #68aee3;
    box-shadow: none;
}
#mainnav ul li a.active,
#mainnav ul li a:hover {
	color: #68aee3;
}
#mainnav ul li ul:after {
	background-color: #68aee3;
}
#mainnav ul li ul:before {
	border-color: transparent transparent #68aee3 transparent;
}
#mainnav ul ul li:hover > a {
	color: #fff;
	background-color: #68aee3;
}
.hentry .post-format {
	background-color: #68aee3;
}
.hentry .post-meta a:hover {
	color: #68aee3;
}
.page-pagination ul li.active,
.page-pagination ul li:hover a {
	background-color: #68aee3;
}
.widget-area .widget li a:hover {
	color: #68aee3;
}
.widget.widget-tags .tags a:hover {
	background-color: #68aee3;
	border-color: #68aee3;
}
.widget.widget-info li:before {
	color: #68aee3;
}
.work-faetures .box .icon {
    background-color: #68aee3;
}

	
/* Footer
-------------------------------------------------------------- */
.footer {
	background-color:#0D0D0D !important;
	color: #999;
	padding: 70px 0;
}
.footer .widget-title {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 25px;
}

.footer-widgets ul{
	margin:0;
	padding: 0;
	list-style-type: none !important;
}

.footer-widgets ul li{
	margin:0 0 3px 0;
}

.footer-widgets a{
	color:#9e9e9e;
    font-size:13px;
   
}
.footer-widgets a:hover {
	text-decoration: underline;
}
/* widget Info */
.widget .infomation {
	margin-bottom: 30px;
}
.widget .infomation div:before {
	color: #fff;
}

#menu-ranking-ubezpieczen-container ul{
	list-style-type: decimal !important;
}

/* Footer
-------------------------------------------------------------- */
.site-footer {
	background-color: #191919;
	font-size: 13px;
	padding: 13px 0;
}
.site-footer,
.site-footer a {
	color: #838383;
}
/* Posts and comments navigation */
.comment-navigation,
.posts-navigation,
.post-navigation {
	margin: 0 0 30px;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	max-width: 50%;
	margin-left: 15px;
	text-transform: uppercase;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	max-width: 50%;
	margin-right: 15px;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin:0;
	padding:30px 0;
	background-color: #fff;
}
.page-content,
.entry-content,
.entry-summary {
}
.page-links {
	clear: both;
	margin: 0 0 30px;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# 66
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.clone-nav {
	display: none;
}
.site-logo {
	width: 100%;
	max-height: 80px;
}
.site-branding {
	padding: 15px 0;
}

.site-branding {
	max-width:100%;
	height:61px;
	padding:0;
	margin: 10px 0 10px 0;
}


.header .container .row {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.site-title {
	margin: 0;
	font-size: 38px;
}
.site-title a,
.site-title a:hover {
	color: #222;
}
.site-description {
	margin: 15px 0 0;
	font-size: 14px;
}
/*--------------------------------------------------------------
## Structure
--------------------------------------------------------------*/
/* 404 */
.error404 .content-area {
	text-align: center;
	background-color: #fff;
	padding: 30px;
}
.error404 .widgettitle {
	font-size: 22px;
}
.error404 .widget_recent_entries ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.e404-search {
	margin-bottom: 30px;
}
/* Header */
.header-image {
	display: none;
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.header-image::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.8;
}
.header-info {
	z-index: 11;
	position: absolute;
	top: 30%;
	width: 80%;
	left: 10%;
	text-align: center;
}
.header-title {
	color: #fff;
	margin: 0;
	font-weight: 700;
}
.header-text::before {
	content: '';
	position: absolute;
	width: 120px;
	background-color: #68aee3;
	height: 2px;
	top: 0;
	left: 50%;
	margin-left: -60px;
}
.header-text {
	margin: 20px auto 0;
	padding-top: 20px;
	font-size: 18px;
	width: 80%;
	color: #cfcfcf;
	position: relative;
}
.header-info .roll-button {
	margin-top: 40px;
}
.page-template-page_front-page {
	background-color: #fff;
}
.page-template-page_front-page .main-content {
	padding: 0;
}

.subheader{
background-image:url('images/header_image_1.png');
background-repeat: no-repeat;
background-position:0 0;
background-size: 50%;
width:100%;
height:500px;
}




@media all and (min-width:1024px) and (max-width: 1039px) {

#header{
	position: fixed;
	z-index: 99999;
	padding:0;
	height:50px !important;
	
}

#header {
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 99999;
	top:60;
	paddin:0 !cl;
	height:50px !important;
  	border-bottom:1px #007DC6 solid;;
}



.header .logo {
	display: block;
	float: left;
	margin:0;
	background-image: url(images/smalllogo.png) !important;
	background-repeat: no-repeat;
	width:50px;
	position: relative;
	top:-10px;
	height:31px !important;
}


#header #mainnav{position:relative;left:-40px;}

#header .infoline{position:relative;top:-45px;}


}


/* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1199px) {
	.masonry-layout .hentry {
		width: 293px;
}



#header.shrink {
	position: fixed;
	z-index: 99999;
	padding:0;
	height:50px;
	
}

#header.shrink .logo {
    margin:0px;
    background-image: url(images/smalllogo.png);
	background-repeat: no-repeat;
	width:100px;
	height:45px;
}

#header.shrink .infoline{padding-top:0;margin-top:-5px;}

#header.shrink #mainnav ul li{margin-top:-5px;}
	}	
}


@media only screen and (max-width: 780px) {	
  	.panel-grid-cell {
   		padding-left:15px !important;
    	padding-right:15px !important;
  	}
}
/* All Mobile Sizes */
@media only screen and (max-width: 768px) {

.subheader{
background-image:url('images/header_image_1.png');
background-repeat: no-repeat;
background-position:bottom center;
background-size:80%;
width:100%;
min-height:800px;
height: auto;
overflow: hidden
}



.btn-menu {
		display: block;
		position:absolute;
		top:20px;
		right:360px;
		width:50px;
		height:50px;
	}

	.top {
		padding: 10px 0;
	}
	.top .infomation {
		padding: 10px 0 20px;
	}
	.top .infomation {
		display: block;
		width: 100%;
		text-align: center;
	}
	.top .socials {
		float: none;
		text-align: center;
	}
	.top .socials a {
		float: none;
		display: inline-block;
		margin-left: -4px;
	}
	.page-title-wrap,
	.page-title-heading,
	.page-title-crumbs {
		width: 100%;
		display: block;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.page-title #crumbs,
	.page-title-heading h3 {
		text-align: center;
		float: none;
	}
	.bottom {
		text-align: center;
	}
	.bottom-nav {
		float: none;
	}
	.bottom-nav li {
		float: none;
		display: inline-block;
		margin-left: -4px;
	}
	.hentry .post-format {
		display: none;
	}
	.hentry .post-content {
		margin-left: 0;
	}
	.main-content .content-wrap {
		padding-right: 0;
	}
	.work-wrap .item-work .overlay .content,
	.works-masonry .item .overlay .content {
		margin-top: 20%;
	}
	.work-wrap .item-work .overlay,
	.works-masonry .item .overlay {
		padding: 0 20px;
	}
	.work-faetures .box {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
	.roll-team .overlay .text {
		display: none; 
	}
	.header-info {
		top: 15%;
	}
	.blog-post.entry {
		width: 50%;
		margin: 0 0 15px;
		padding: 0 15px;
	}
	.blog-post.entry:last-of-type {
		clear: left;
		margin: 0;
	}
	.fact {
		width: 50%;
		margin-bottom: 15px;
	}
	.roll-counter .numb-count {
		font-size: 26px;
		margin: 0;
	}	
	h1 { font-size: 32px !important;}
	h2 { font-size: 28px !important;}
	h3 { font-size: 18px !important;line-height: 1.25em !important}
	h4 { font-size: 22px !important;}
	h5 { font-size: 18px !important;}
	h6 { font-size: 16px !important;}
	.masonry-layout .hentry {
		width: 100%;
		max-width: 380px;
		margin: 0 0 15px;
	}
	.posts-layout.masonry {
		display: table;
		margin-left: auto;
		margin-right: auto;
		width: 100% !important;
		max-width: 380px;
	}		
}
@media only screen and (max-width: 600px) {


	.subheader{
background-image:url('images/header_image_1.png');
background-repeat: no-repeat;
background-position:bottom center;
background-size:80%;
width:100%;
min-height:700px;
height: auto;
overflow: hidden
}


	
	.roll-iconbox.columns3,
	.roll-iconbox.columns2 {
		width: 100%;
		padding: 0;
	}
	.header .container .row {
		display: block;
	}
	.site-branding {
		text-align: center;
	}
	.site-branding,
	.menu-wrapper {
		width: 100%;
	}
	
	.roll-clients .client-item {
		width: 50%;
	}
	.roll-clients .client-item img {
		width: 70%;
	}
	.hentry {
		padding: 15px;
	}




}
/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {

.cta-article{
	display:none;
}

.rank-footer-list{
	
	margin-bottom:20px;
}

 section.reviews .image .content{
        margin: 0 auto;
        width: 100% ;
    }


section.page ol li, section.page ul li {
    padding-bottom: 15px;
    margin-left:0px !important;
}




section.page ol, section.page ul {
    font-size: 14px;
    line-height: 1.6em;
    color: #555;
    margin-bottom: 15px;
}


section.page p {
    font-size: 14px;
    line-height: 1.3em;
}








section.contact  {
    padding:0px !important;
}


section.contact .box h3 {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 14px !important;
    text-align: center;
    color: #313131;
    font-weight: bold;
}


section.offers .about h4 {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px !important;
    text-align: center;
    color: #313131;
    font-weight: bold;
    margin: 50px 0 20px 0;
}



.prod-logo{
	display: block;
	width:185px !important;
	height:80px !important;
	margin:0 auto !important;
}




section.page .rank-product-left{
	border-right:none !important;
	padding-right:0;
	height:100%;

}



h1.entry-title{
	font-size:18px !important;
	font-weight: bold;
	line-height:1.25em;
	text-transform: uppercase;
}


	.btn-menu {
	display:block;
	top:-50px;
	right:50px;
	width:50px;
	height:50px;
	z-index: 99999
	}




	.roll-news .entry {
		width: 100%;
		margin: 0 0 40px;
	}
	.comment-respond .input-wrap {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.roll-team {
		width: 100%;
		padding: 0;
	}
	.header-image {
		height: 300px;
	}	
	.header-title {
		font-size: 18px !important;
	}	
	.header-info {
		top: 5%;
	}
	.header-info .roll-button {
		margin-top: 15px;
	}
	.roll-iconbox.style2 p {
		margin: 20px 0 0;
	}
	.panel-grid-cell .widget-title {
		margin-bottom: 50px;
	}
	.roll-iconbox {
		margin-bottom: 30px;
	}
	.fact {
		width: 100%;
	}
	h1 { font-size: 24px !important;}
	h2 { font-size: 20px !important;}
	h3 { font-size: 18px !important;}	
	.preloader .preloader-inner {
		font-size: 16px;
	}
	.comments-area .children {
		padding: 0;
	}	




}


.mainheader{
	padding:150px 0 50px 0;
	overflow: hidden;
}


.intro h1{
	text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #313131;
}

.intro h1 em{
 color: #007dc6;
 font-style:normal;
}

.cta{
	display: block;
	position: relative;
	text-decoration:none;
	text-align:center;
    width: calc(100% - 4px);
    border: 2px solid #3a8bc5;
	background-color: #3a8bc5;
    color: #FFFFFF !important;
     margin-top: 30px;
    font-weight: 600;
    font-size: 20px;
     padding: 15px 0;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}

.cta:hover{
	border:2px #3a8bc5 solid;
		background-color: #fff;
		color:#333 !important;
}


.request-post{
	border:1px #f44174 solid;
	min-height:300px;
	padding:90px 20px 0 20px;
	margin:0 0 20px 0;
	position: relative;
}

.request-post h2{
	 font-size:18px;
	 line-height: 1.25em;
    text-align: center;
    color: #313131;
    font-weight:600;
}

.request-content{
	min-height:150px;
}



.request-button{
	display: block;
	background: #313131;
	color:#fff;
	text-align: center;
	margin:0 auto;
	padding:10px 0 10px 0;
	position: absolute;
	bottom:10px;
	width:90%;
}

.request-button:hover{
	background: #4F4F4F;
}


.faq-button{
	display: block;
	background: #313131;
	color:#fff;
	text-align: center;
	margin:0 auto;
	padding:10px 0 10px 0;
	position: absolute;
	bottom:20px;
	width:90%;
}

.faq-button:hover{
	background: #4F4F4F;
	color: #fff
}

.faq-button:active{
	color:#fff !important;
}

.additional {
	text-align: center;
    margin-top:10px;
}
.additional a {
    font-size: 13px;
    color: #313131;
    text-decoration: underline;
    
}


.faq-post{
	border:1px #007dc6 solid;
	min-height:250px;
	padding:90px 20px 20px 20px;
	margin:0 0 20px 0;
	position: relative;
}

.faq-post h2 a {
	font-size:18px;
	line-height: 1.25em;
    text-align:center;
    color: #313131;
    font-weight:bold;
    display: block;
}

.faq-content{
	min-height:150px;
}


.infoline{
	float:right;
	font-weight:bold;
	color:#333;
	font-size:14px;
	padding-top:10px;
}

/*------------------------------------------------------------------------------ steps-2 */
section.steps-2 .heading {
    margin: -1px auto 0 auto;
    list-style: none;
    text-align: center;
    z-index: 100;
    position: relative;
}

section.steps-2 .heading li {
    background: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #d5d5d5;
    text-align: center;
    padding: 15px 30px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

section.steps-2 .heading li:not(.active):hover {
    background: #d5d5d5;
}

section.steps-2 .heading li.active {
    background: #3A8CCF;
    border-bottom: 1px solid #2176BB;
    border-top: 1px solid #2176BB;
    color: #fff;
}

section.steps-2 .single-tab-content:not(.single-tab-content-active) {
    display: none;
}

section.steps-2 .single-tab-content {
    margin: 75px 0;
}

section.steps-2 .single-tab-content .double-content {
    font-size: 0;
}

section.steps-2 .single-tab-content .double-content .left {
    float: left;
    width: 475px;
}

section.steps-2 .single-tab-content .double-content .right {
    float: right;
    width: 475px;
}

section.steps-2 .single-tab-content .double-content .box {
    position: relative;
    padding-left: 75px;
}

section.steps-2 .single-tab-content .double-content .box:not(.box-bottom) {
    margin-bottom: 75px;
}

section.steps-2 .single-tab-content .double-content .box span {
    font-size: 100px;
    width: 50px;
    text-align: right;
    position: absolute;
    top: -20px;
    left: -5px;
    color: rgba( 49, 49, 49, 0.1 );
}

section.steps-2 .single-tab-content .double-content .box p {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 0;
    color: rgba( 49, 49, 49, 0.6 );
}

section.steps-2 .single-tab-content .double-content .box p:not(.without-margin-bottom) {
    margin-bottom: 30px;
}

section.steps-2 .single-tab-content .double-content .box h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 10px;
}

section.steps-2 .single-tab-content .stats {
    text-align: center;
    margin: 150px 0;
}

section.steps-2 .single-tab-content .stats h2 {
    font-size: 24px;
    color: #3A8CCF;
}

section.steps-2 .single-tab-content .stats .stats-switcher {
    margin-top: 50px;
}

section.steps-2 .single-tab-content .stats .stats-switcher .single-stat-switcher {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #e5e5e5;
    margin: 0 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

section.steps-2 .single-tab-content .stats .stats-switcher .single-stat-switcher.active {
    background: #bbb;
}

section.steps-2 .single-tab-content .stats .stats-value {
    font-size: 98px;
    font-weight: bold;
}

section.steps-2 .single-tab-content p {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 30px;
    color: rgba( 49, 49, 49, 0.6 );
}

section.steps-2 .important {
    background: #f8f8f8;
    border-top: 1px solid #eaeaea;
    padding: 15px 0;
}

section.steps-2 .important .center {
    width: 1102px;
    font-size: 0;
}

section.steps-2 {
     border-top: 1px solid #3a8bc5;
     border-bottom: 1px solid #3a8bc5;
     padding: 60px 0;
}

section.steps-2 h2 {
    text-align: center;
    letter-spacing: 6px;
    text-transform: uppercase;
}

section.steps-2 h2.margin-top {
    margin-top: 120px;
}

section.steps-2 h4 {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
}

/*------------------------------------------------------------------------------ three-offers */
.three-offers {
    margin: 45px 0;
    font-size: 0;
}

.three-offers .three-offers-single {
    width: 30%;
    margin-right: 5%;
    display: inline-block;
    vertical-align: top;
}

.three-offers .three-offers-single.three-offers-single-last {
    margin-right: 0;
}

.three-offers .three-offers-single .padding {
    border: 2px solid #313131;
    min-height: 300px;
    background-size: cover;
    background-position: 100% 50%;
}

.three-offers p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    margin-top: 30px;
}

/*------------------------------------------------------------------------------ three-arts */
.three-arts {
    margin: 45px 0;
    font-size: 0;
}

.three-arts .three-arts-single {
    width: -webkit-calc( 30% - 50px );
    width: -moz-calc( 30% - 50px );
    width: calc( 30% - 50px );
    margin-right: 5%;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    position: relative;
    background-size: auto 100%;
    background-position: 50% 50%;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.three-arts .three-arts-single.three-arts-single-last {
    margin-right: 0;
}

.three-arts .three-arts-single .padding {
    max-height: 550px;
    padding: 25px;
    border: 2px solid #fff;
    position: relative;
    z-index: 1;
}

.three-arts .three-arts-single:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: rgba( 0, 0, 0, 0.45 );
    content: ' ';
}

.three-arts p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    margin-top: 30px;
    color: #fff;
}

.three-arts h3 {
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 5px;
    font-weight: bold;
    min-height: 100px;
    vertical-align: middle;
}

.three-arts .three-arts-single:first-of-type h3 {
    min-height: 70px;
    padding-top: 50px;
}

.three-arts .three-arts-single:hover {
    background-size: auto 110%;
}

.three-arts .three-arts-single-reverse .padding {
    background: #fff;
}

.three-arts .three-arts-single-reverse h3 {
    color: #313131;
    padding-top: 40px;
}

.three-arts .three-arts-single-reverse p {
    color: #9e9e9e;
}


.center {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}



/*------------------------------------------------------------------------------ offers */
section.offers {
    font-size: 0;
    padding: 90px 0 120px 0;
    border-bottom: 1px solid #3a8bc5;
}

section.offers h2.title {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
}

section.offers h4.title {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
    margin-bottom: 90px;
}


section.offers .secret-offer {
    background-size: cover;
    background-position: 50% 50%;
    padding: 25px;
    position: relative;
    z-index: 99
}

section.offers .secret-offer {
    background-image: url( 'images/sekretna-oferta.jpg' );
   }

section.offers .secret-offer .black-button {
    margin-top: 5px;
    margin-bottom: 25px;
}

section.offers .secret-offer .secret-offer-form {
    position: relative;    
}

section.offers .secret-offer .secret-offer-form .secret-offer-form-details {
    display: none;
    position: absolute;
    top: 55px;
    width: calc(100% - 40px);
    background: #444;
    padding: 20px 20px;
    z-index: 9999;
    font-size: 14px;
    color: white;
    min-height: 40px;
}

section.offers .secret-offer .secret-offer-form .offer-thank-you {
    display: none;
    position: absolute;
    top: 0;
    padding: 20px 20px;
}

section.offers .secret-offer .secret-offer-form .secret-offer-form-details input[type="text"] {
    border: 2px solid #fff;
    padding: 10px;
    width: calc(100% - 24px);
    font-family: "ProximaNova";
    font-size: 14px; 
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

section.offers .secret-offer .secret-offer-form .secret-offer-form-details input[type="text"].error {
    border-color: red;
}

section.offers .secret-offer .secret-offer-form .secret-offer-form-details button {
    position: relative;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border: 2px solid #fff;
    font-family: "ProximaNova";
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    background: transparent;
    cursor: pointer;
}

section.offers .secret-offer .secret-offer-form .secret-offer-form-details button::after {
    content: '';
    position: absolute;
    z-index: -2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3a8bc5;
    z-index: -2;
}

section.offers .secret-offer .secret-offer-form .secret-offer-form-details button:hover{
    border-color: #3a8bc5;
}

section.offers .secret-offer .secret-offer-form .secret-offer-form-details button:hover::after {
    width: 100%;
}

/*------------------------------------------------------------------------------ tooltip */
.tooltip{
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
    font-family: "ProximaNova";
    font-size: 12px;
    color: #fff;
    margin-left: 15px;
    margin-top: 5px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

.tooltip-popup{
    position: absolute;
    left: 0;
    background: rgba(0,0,0,1);
    border-radius: 5px;
    color: #fff;
    width: 300px;
    font-family: "ProximaNova";
    font-size: 12px;
    padding: 15px;
    cursor: pointer;
    z-index: 9999;
}

.tooltip-popup a{
    color: #fff;
    font-weight: 600;
}

.tooltip-popup:after{
    content: "";
    position: absolute;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #000000 transparent transparent transparent;
    margin-top: 19px;
}

/*------------------------------------------------------------------------------ agreement */
section.offers .agreement {
    margin: 10px 0 5px 5px;
    font-family: "ProximaNova";
}

section.offers .agreement input[type="checkbox"] {
    float: left;
    cursor: pointer;
    margin-top: 0;
    margin-left: -5px;
    /*
    background: white;
    color: #000;
    */
}

section.offers .agreement label {
    display: block;
    padding-left: 15px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 200;
    line-height: 1.1em;
    color: #fff;
}

section.offers .agreement label.error {
    color: red;
}
                          
section.offers .agreement.checkbox-error label {
    color: #fd0815;
} 

section.offers .agreement label a {
    color: #113184;
    text-decoration: underline;
}

section.offers .agreement label a:hover {
    text-decoration: none;
}

/*------------------------------------------------------------------------------ offers */
section.offers .offer .padding {
    border: 2px solid #313131;
    padding: 200px 35px;
    min-height: 200px;
    position: relative;
    z-index: 1
 
}

section.offers .offer:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: ' ';
    background: rgba( 255, 255, 255, 0.25 );
}

section.offers .offer h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    color: #313131;
}

section.offers .offer .details {
    font-size: 100px;
    color: #313131;
    font-weight: 700;
    text-align: center;
    display: block;
}

section.offers .offer button.black-button {
    border: 2px solid #313131;
    background: #313131;
    color: #fff;
    height: 55px;
    width: 100%;
}

section.offers .offer button.black-button:hover {
    background: #0b0b0b;
    border-color: #0b0b0b;
}

section.offers .claims {
    padding: 25px;
    background-image: -webkit-gradient( linear, left top, left top, color-stop(0, #F1F5F4), color-stop(1, #F8FBFB) );
    background-image: -o-linear-gradient( left top, #F1F5F4 0%, #F8FBFB 100% );
    background-image: -moz-linear-gradient( left top, #F1F5F4 0%, #F8FBFB 100% );
    background-image: -webkit-linear-gradient( left top, #F1F5F4 0%, #F8FBFB 100% );
    background-image: -ms-linear-gradient( left top, #F1F5F4 0%, #F8FBFB 100% );
    background-image: linear-gradient( to left top, #F1F5F4 0%, #F8FBFB 100% );
    text-align: center;

 }                         

section.offers .claims .padding {
    border: 2px solid #F44174;
    padding: 35px 25px 35px;
    position: relative;
    z-index: 1
    
   
} 

section.offers .claims h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    color: #F44174;
    padding-bottom:15px;
    padding-top:155px;
}

section.offers .claims p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
}

section.offers .claims .black-button {
    border: 2px solid #313131;
    background: #313131;
    color: #fff;
    width: 100%;
    height: 55px;
}

section.offers .claims .black-button:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

section.offers .claims .black-button i {
    margin: 0 0 0 10px;
    color: #fff;
}

section.offers .claims .claims-buttons {
    position: relative;
}

section.offers .claims .claims-list {
    display: none;
    position: absolute;
    top:55px;
    z-index: 99999;
    width: 100%;
    height: auto;
}

section.offers .claims .claims-list-item {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #444;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #1e1e1e;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    cursor: pointer;
}

section.offers .claims .claims-list-item:hover{
    background: #1e1e1e;
}

section.offers .claims .claims-details {
    display: none;
    position: relative;
    z-index: 1
}

section.offers .claims .claims-details p {
    min-height: 72px;
}

section.offers .claims .claims-details img {
    margin: 15px 0;
}



section.offers .product-of-the-month {
    background-image: url( 'images/opinia-2.jpg' );
    background-size: cover;
    background-position: 50% 50%;
    padding: 20px;
    margin-top: 40px;
   }

section.offers .product-of-the-month .padding {
    background: #fff;
    padding: 40px 180px;
    text-align: center;
    
  }

section.offers .product-of-the-month h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    color: #313131;
}

section.offers .product-of-the-month h3 {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    color: #313131;
    margin-bottom: 25px;
}

section.offers .product-of-the-month p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
}

section.offers .product-of-the-month .black-button {
    display: inline-block;
    width: auto;
    padding-right: 30px;
    padding-left: 30px;
    background: #313131;
    border: 2px solid #313131;
    color: #fff;
}

section.offers .about {
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    padding:15px 0;
}

section.offers .about .padding {
    border: 2px solid #fff;
    background: #fff;
    padding: 57px 10px;
    min-height: 200px;
    height:auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

section.offers .about h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    color: #f44174;
}

section.offers .about h4 {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #313131;
    margin: 50px 0 20px 0;
}

section.offers .about p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
}


/*------------------------------------------------------------------------------ logos */
section.logos {
    padding: 100px 0;
    text-align: center;
    font-size: 0;
}

section.logos h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
}

section.logos h4 {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
    margin-bottom: 80px;
}




section.blog {
    background: #2B2B2B;
}

section.blog{
    padding: 60px 0;
}

section.blog h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    color: #fff;
}

section.blog h4 {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
    color: #999;
    margin-bottom: 80px;
}


/*------------------------------------------------------------------------------ three-offers */
.three-offers {
    margin: 45px 0;
    font-size: 0;
}

.three-offers .three-offers-single {
    width: 30%;
    margin-right: 5%;
    display: inline-block;
    vertical-align: top;
}

.three-offers .three-offers-single.three-offers-single-last {
    margin-right: 0;
}

.three-offers .three-offers-single .padding {
    border: 2px solid #313131;
    min-height: 300px;

    background-size: cover;
    background-position: 100% 50%;
}

.three-offers p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    margin-top: 30px;
}


.thumbnail-up{margin-top:60px;}

.header-wrap{border-bottom:1px solid #3A8BC5;}


.small-post h2{font-size:16px;line-height:1.25em;padding:20px 0 20px 0;text-transform:none;}
.small-post h2 a{color:#333 !important;font-weight:600;}
.small-post h2 a:hover{color:#3a8bc5 !important;}

.spacer{
	height:40px;
	position: relative;
	margin-bottom:100px;
}


.top-title{
	width:100%;
	min-height:150px;
	height: auto;
	overflow: hidden;
	background-image:url(images/toptitleheader.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom:50px;
	background-position:50% 40%;
	position: relative;
	z-index: -1;
	padding-bottom:40px;
}

.top-title::after{
	position: absolute;
	content:'';
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5);
}

.top-title h1, .top-title h2 {
	padding:140px 0 10px 0;
	position: relative;
	font-weight: 100;
	z-index: 1;
	max-width:1140px;
	font-size:36px;
	line-height: 1.35em;
	color:#fff !important;
	text-transform: uppercase;
	font-family: 'Open Sans',sans-serif;
	font-weight:400;
}


.opinia-1{
	width:100%;
	height:600px;
	background:url('images/opinia-1.jpg');
	background-size:cover;
	background-position: center;
	position: relative;
}

.opinia-2{
	width:100%;
	height:600px;
	background:url('images/opinia-2.jpg');
	background-size:cover;
	background-position: center;
	position: relative;
}

.opinia-3{
	width:100%;
	height:600px;
	background:url('images/opinia-3.jpg');
	background-size:cover;
	background-position: center;
	position: relative;
}

.opinia-1::after,
.opinia-2::after,
.opinia-3::after{
	position: absolute;
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}

/*.bx-controls-direction,
.bx-pager {display: none}
*/

.box-testimonial{
	border:2px #fff solid;
	width:50%;
	height:200px;
	padding:50px;
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	top:150px;
	left:50%;
}

.box-testimonial p{
	color:#fff;
	font-size:14px;
	font-weight: 100
}

.box-testimonial .signature{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.bt-left{
	float:left;
}

.bt-right{
	float:right;
}



h1.entry-title{
	font-size:30px;
	line-height:1.25em;
	font-weight: bold;
	text-transform: uppercase;
}


.entry-thumb{
	position: relative;
}

.post-meta{float:left;padding-left:50px;}


.footer-last ul li{font-size:14px;}


.footer-last ul {
    margin: 0 0 1em 0;
    padding: 0 0 0 1em; /* make space for li's :before */
    list-style: none;
}

.footer-last li {
    position: relative;
    padding-left: 0.4em; /* text distance to icon */

}

.footer-last li:before {
       font-family: "FontAwesome";
       content: "\f00c";
        position: absolute;
        left: -1em; /* same as ul padding-left */
        top: 0em; /* depends on character, maybe use padding-top instead */
        /*  .... more styling, maybe set width etc ... */
}

.footer-last h3{
	font-size: 17px;
	line-height: 35px;
	letter-spacing: 0;
	clear: both;
	color:#fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer-last p{
	font-size:14px;
}


/*------------------------------------------------------------------------------ import elements */
@import url(section-offers.css);

/*------------------------------------------------------------------------------ home-heading */
section.home-heading:not(.home-heading-white) {
    margin-top: 75px;
}

section.home-heading.home-heading-white {
    padding: 170px 0 75px 0;
    background: #fff;
    position: relative;
    z-index: 100;
}

section.home-heading .image {
    float: left;
    width: 500px;
}

section.home-heading .content {
    float: right;
    width: 450px;
    padding-top: 30px;
}

section.home-heading .content h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #313131;
}

section.home-heading .content h1 strong {
    text-transform: uppercase;
    font-weight: normal;
}

section.home-heading .content h2 {
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 50px;
    letter-spacing: -1px;
    color: rgb( 176, 203, 223 );
}

section.home-heading .content h2 span {
    color: #3a8bc5;
    font-weight: bold;
    font-size: 34px;
}

section.home-heading .additional {
    text-align: center;
    margin-top: 10px;
}

section.home-heading .additional a {
    font-size: 13px;
    color: #313131;
    text-decoration: underline;
}

section.home-heading .additional a:hover {
    text-decoration: none;
}

/*------------------------------------------------------------------------------ image */
section.reviews {
    height: 594px;
}

section.reviews .image {
    background-size: cover;
    background-position:50% 50%;
    position: absolute;
    z-index: 200;
    width: -webkit-calc( 100% );
    width: -moz-calc( 100%);
    width: calc( 100%);
    padding: 170px 150px;
}

section.reviews .image:after {
    background: rgba( 0, 0, 0, 0.45 );
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

section.reviews .image .content {
    width: 500px;
    border: 2px solid #fff;
    position: relative;
    z-index: 1;
    padding: 45px;
}

section.reviews .image .content.content-right {
    float: right;
}

section.reviews .image .content h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: 45px;
    font-weight: 700;
}

section.reviews .image .content p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 420px) {
    section.reviews {
        display: none;
    }
}



/*------------------------------------------------------------------------------ three-offers */
.three-offers {
    margin: 45px 0;
    font-size: 0;
}

.three-offers .three-offers-single {
    width: 30%;
    margin-right: 5%;
    display: inline-block;
    vertical-align: top;
}

.three-offers .three-offers-single.three-offers-single-last {
    margin-right: 0;
}

.three-offers .three-offers-single .padding {
    border: 2px solid #313131;
    min-height: 300px;

    background-size: cover;
    background-position: 100% 50%;
}

.three-offers p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    margin-top: 30px;
}

/*------------------------------------------------------------------------------ three-arts */
.three-arts {
    margin: 45px 0;
    font-size: 0;
}

.three-arts .three-arts-single {
    margin-right:0;
    display: inline-block;
    vertical-align: top;
    padding: 25px;
    background-size: auto 100%;
    background-position: 50% 50%;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    min-height:410px;
    overflow: hidden;
}

.three-arts .three-arts-single.three-arts-single-last {
    margin-right: 0;
}

.three-arts .three-arts-single .padding {
    min-height: 400px;
    height: auto;
    overflow: hidden;
    padding: 25px;
    border: 2px solid #fff;
    position: relative;
    z-index: 1;
}


.three-arts p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    margin-top: 30px;
    color: #fff;
}

.three-arts h3 {
    color: #fff;
    font-size: 16px;
    line-height: 1.25em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-top: 20px;
    min-height: 100px;
    vertical-align: middle;
}

.three-arts .three-arts-single:first-of-type h3 {
    min-height: 70px;
    padding-top: 50px;
}

.three-arts .three-arts-single:hover {
    background-size: auto 110%;
}

.three-arts .three-arts-single-reverse .padding {
    background: #fff;
}

.three-arts .three-arts-single-reverse h3 {
    color: #313131;
    padding-top: 40px;
}

.three-arts .three-arts-single-reverse p {
    color: #9e9e9e;
}

section.ranking .left,
section.ranking .right {
    width: 47.5%;
    display: inline-block;
    vertical-align: top;
}

section.ranking .left {
    margin-right: 5%;
}

section.ranking .four-elements {
    font-size: 0;
    margin-top: 45px;
}

section.ranking .four-elements .four-elements-single {
    display: inline-block;
    width: 50%;
    text-align: center;
    height: 150px;
    vertical-align: top;
}

section.ranking .four-elements .four-elements-single .name {
    font-size: 16px;
    text-transform: uppercase;
    color: #313131;
    font-weight: 300;
    letter-spacing: 6px;
    display: block;
    margin-top: 30px;
}

section.ranking .four-elements .four-elements-single .value {
    font-size: 24px;
    text-transform: uppercase;
    color: #313131;
    font-weight: 700;
    letter-spacing: 4px;
    display: block;
    margin-top: 20px;
}

section.ranking .four-elements .four-elements-single.four-elements-top-left,
section.ranking .four-elements .four-elements-single.four-elements-bottom-left {
    border-right: 1px solid #eee;
    width: -webkit-calc( 50% - 1px );
    width: -moz-calc( 50% - 1px );
    width: calc( 50% - 1px );
}

section.ranking .four-elements .four-elements-single.four-elements-top-left,
section.ranking .four-elements .four-elements-single.four-elements-top-right {
    border-bottom: 1px solid #eee;
}

section.ranking h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
}

section.ranking h4 {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
}

section.ranking p {
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
    margin-top:10px;
}




/*------------------------------------------------------------------------------ logos */
section.logos {
    padding: 100px 0;
    text-align: center;
    font-size: 0;
}

section.logos h2 {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
}

section.logos h4 {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
    margin-bottom: 80px;
}



@media (min-width: 600px) and (max-width: 849px) {

    section.home-heading.home-heading-white {
        padding: 100px 0 50px;
    }

    section.home-heading .center {
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    section.home-heading .image {
        float: none;
        margin: 75px auto 0;
    }

    section.home-heading .content {
        clear: both;
        float: none;
        width: calc(100% - 50px);
        margin: 0 auto;
    }

    section.home-heading .content h1,
    section.home-heading .content h2 {
        text-align: center;
    }

    section.home-heading .content .black-button {
        /*width: calc(100% - 60px);*/
        /*margin: 0 auto;*/
        width: 100%;
        margin: 25px 0 0;
    }

    section.steps-2 .center {
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    section.offers .center {
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    section.ranking .center {
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    section.logos .center {
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    section.blog {
        
        padding: 60px 0 80px 0;
    }

    section.steps-2 .three-offers {
        margin: 30px 0 45px;
    }

    section.steps-2 .three-offers .black-button {
        font-size: 13px;
    }

    section.steps-2 .three-offers .black-button i {
        margin-right: 5px;
    }

    section.steps-2 .three-offers p {
        font-size: 15px;
    }


    section.steps-2 h2.margin-top {
        margin-top: 80px;
    }

    section.steps-2 .three-arts,
    section.blog .three-arts {
        margin-bottom: 0;
    }

    section.steps-2 .three-arts h3,
    section.blog .three-arts h3 {
        padding-top: 50px;
    }

    section.steps-2 .three-arts .three-arts-single,
    section.blog .three-arts .three-arts-single {
        clear: both;
        margin: 0 auto;
        width:100%;
        background-size: cover;
        margin-bottom: 50px;
    }

    section.steps-2 .three-arts .three-arts-single:last-of-type,
    section.blog .three-arts .three-arts-single:last-of-type {
        margin-bottom: 30px;
    }

    section.reviews .image {
        width: calc(100% - 60px);
        padding: 170px 30px;
    }

    section.reviews .image .content{
        margin: 0 auto;
        width: 100% ;
    }

    section.reviews .image .content.content-left,
    section.reviews .image .content.content-right {
        float: none;
    }

    section.logos {
        padding: 80px 0 60px;
    }

    section.logos h4 {
        margin-bottom: 40px;
    }

    section.logos a.logo.logo {
        width: 110px;
        background-size: 90%;
        padding: 0 30px;
    }

    section.logos a.logo.logo-aviva {
        padding: 0;
        background-size: 100%;
    }

    section.logos a.logo.logo-axa {
        padding: 0 0 0 30px;
        background-size: 140%;
    }

    section.offers .left,
    section.offers .right {
        clear: both;
        width: 100%;
        margin: 0;
    }

    section.offers .left {
        margin-bottom: 40px;
    }

    section.offers .claims {
        background-position: center -170px;
        background: #f5f8f8;
        z-index: 1;
        position: relative;
    }

    
      section.offers .claims .padding {
        padding: 135px 35px;
    }

    section.offers .product-of-the-month .padding {
        padding: 40px 60px;
    }

    section.ranking {
        padding: 80px 0;
    }

  
    
}


@media (max-width: 499px) {




section.contact .box {
    margin-bottom: 20px
 }

section.contact .box {
    display: inline-block;
    background-size: cover;
    background-position: 100% 50%;
    padding: 5px;
    vertical-align: top;
    margin-bottom:40px;
    width:100% !important;
}	


section.contact .box .padding {
    background: #fff;
    padding:10px !important;
    min-height: 300px;
    text-align: center;
}





section.contact-form-section input[type=submit] {
    width: 50% !important;
    background: #313131;
    border: none;
}



	.infoline{display: none}
	.prod-col-title{margin-top:40px;}

	section.reviews .image .content.content-right {
    float:none;

}


section.reviews .image .content {
    width:350px !important;
    margin-left:-135px !important;
    
}

    .infoline{text-align: center;float: none}

    
   

    section.logos h2{
        font-size: 23px;
    }

    .three-arts .three-arts-single .padding{
        padding: 25px 0;

    }

    section.logos a.logo.logo{
        width: 100%;
        padding: 0;
    }

    section.offers .product-of-the-month .padding{
        padding: 40px 20px;
    }

    section.home-heading .content .black-button{
        margin-top: 20px;
    }

    section.ranking .four-elements .four-elements-single.four-elements-top-left,
    section.ranking .four-elements .four-elements-single.four-elements-bottom-left,
    section.ranking .four-elements .four-elements-single{
        width: 100%;
        border-bottom: 1px solid #eee;
        border-right: none;
    }


   section.offers .offer .details{
        font-size: 82px;
    }


   section.offers .secret-offer .secret-offer-form .secret-offer-form-details {
    display: none;
    position: absolute;
    top:50px;
    width:100%;
    background: #444;
    padding:0px 10px;
    z-index: 9; 
    font-size: 14px;
    color: white;
    min-height:250px;
    overflow: hidden
}

 section.offers .secret-offer .secret-offer-form .secret-offer-form-details label{
 	font-size:10px;
 }

  section.offers .secret-offer .secret-offer-form .secret-offer-form-details input.tnp-email{
  	height:30px;
  }

    section.offers .secret-offer .black-button{
        font-size: 11px;
        padding:5px 0 5px 0;
    }

    section.offers .claims h2{
        font-size: 18px;
    }

    section.page .big-article h2 a{
        font-size: 20px;
    }

    


}

.prod-box{
	margin:0 0 40px 0;
}

.prod-item{
	height:520px;
	position: relative;
}

.prod-box .prod-item img {
    max-height: 120px;
}



.prod-item-link{
	font-size:26px;
	font-family: 'Open Sans',sans-serif;
	font-weight:bold;
	color:#3A8BC5;
	padding:0;
	margin: 0;
}
.prod-item-link p{
        font-size: 16px;
}

.tu-name:hover,
.prod-item-link:hover{
	color:#196093
}

.prod-item-link:hover{
	text-decoration: underline;
}

.prod-item-price{
	font-size:21px;
	font-weight:normal;
	color:#3A8BC5;	
	padding:0;
	margin:0;
	float: left
}

.prod-item ul{
	margin: 0 0 1em 0;
    padding: 0 0 0 1em; 
    list-style: none;
}

.prod-item ul li{
	font-size:13px;
	color:#333;
	padding-bottom:1em;
    position: relative;
    padding-left: 0.4em; 
}



.prod-item ul li:before {
        font-family: "FontAwesome";
         content: "\f00c";
        position: absolute;
        left: -1em; /* same as ul padding-left */
        top: 0em; /* depends on character, maybe use padding-top instead */
        /*  .... more styling, maybe set width etc ... */
}


.btn-more{
    display: block;
    width: auto;
    height: 43px;
    border: 2px solid #3a8bc5;
    color: #3a8bc5;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }

.btn-more::after{
    content: '';
    position: absolute;
    z-index: -2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3a8bc5;
    z-index: -2;
}

 .btn-more:hover{
    color: #fff;
}

.btn-more:hover::after{
    width: 100%;
}


.prod-sidebar {
	color:#333;
	font-size: 12px
}

.prod-sidebar h1{
	font-size:21px;
	margin:0 0 15px 0;
	color:#333;
	font-weight: bold;
	text-align: center;
}

.prod-sidebar h2{
	font-size:18px;
	margin:0 0 15px 0;
	color:#333;
	font-weight: bold;
}



.prod-sidebar  ul{
	margin: 0 0 1em 0;
    padding: 0 0 0 1em; 
    list-style: none;
}



.prod-sidebar  ul li{
	font-size:13px;
	color:#333;
	padding-bottom:1em;
    position: relative;
    padding-left: 0.4em; 
}



.prod-sidebar  ul li:before {
        font-family: "FontAwesome";
         content: "\f00c";
        position: absolute;
        left: -1em; /* same as ul padding-left */
        top: 0em; /* depends on character, maybe use padding-top instead */
        /*  .... more styling, maybe set width etc ... */
}


.prod-sidebar .docu-box{
	width: 100%;
    height: 170px;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #F7FAFA;
    border:2px #3A8BC5 solid;
    color:#333;
    margin-bottom:30px;
    text-align: center !important
}

.prod-sidebar .docu-box a{
	color:inherit;
	text-align: center;
}


.prod-sidebar  .more-btn{
    padding: 5px;
    border: 1px solid #000;
    display: block;
    width: 100px;
    margin-top: 0px;
    font-size: 14px;
    color: #000;
    text-align: center;
    float: right;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 20px;
    float: left;
    margin-top: 10px;
}

.prod-sidebar .more-btn i{
    margin-left: 5px;
}

.prod-sidebar .more-btn::after{
    content: '';
    position: absolute;
    z-index: -2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3a8bc5;
    z-index: -2;
}

.prod-sidebar .more-btn:hover{
    border-color: #3a8bc5;
    color: #fff;
}

.prod-sidebar .more-btn:hover::after {
    width: 100%;
}


.prod-sidebar .raport-box{
	clear: both;
	margin-top:40px;
    border: 2px solid #F44174;
    height: 100%;
    padding: 20px;
    padding-top: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}

.prod-sidebar .raport-box h2{
    color: #F44174;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
}

 .prod-sidebar .raport-box p{
    color: #000;
    font-size: 14px;
    text-align: center;
}

.prod-col-title{
	font-size:26px !important;
	font-weight: bold;
	line-height: 1.25em
}

.prod-col-price{
	font-size:30px !important;
	font-weight: bold;
	line-height: 1.25em
}

.product-calculate-btn{
    width: 190px;
    height: 37px;
    line-height: 37px;
    color: #313131;
    top: -5px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin-top: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #3a8bc5;
    color: #fff;
}

.product-calculate-btn:hover{
    background: #56A8E3;
    opacity:0.9;
    color:#fff;
}

.product-calculate-btn:hover::after {
    width: 100%;
}

.docu-box i{
	text-align: center;
}

.pdf-link{
	display: block;
	font-size:16px;
	margin-top:30px;
}


/*------------------------------------------------------------------------------ contact */
section.contact {
    font-size: 0;
    border-bottom: 1px solid #3a8bc5;
    margin-top:30px !important;
   
}

section.contact  {
    padding:50px 0;
}

section.contact h2.title {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
}

section.contact h4.title {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
    margin-bottom: 90px;
}

section.contact .box {
    display: inline-block;
    background-size: cover;
    background-position: 100% 50%;
    padding: 15px;
    vertical-align: top;
}

section.contact .box.box-single {
    width:100%;
    margin-right: 5%;
}

section.contact .box.box-double {
    width:100%
  }

section.contact .box .padding {
    background: #fff;
    padding: 30px 0;
    min-height: 300px;
    text-align: center;
}

section.contact .box i {
    color: #eee;
    font-size: 42px;
    margin-top: 20px;
    display: block;
}

section.contact .box h2 {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
    color: #999;
    margin: 40px 0 10px 0;
}

section.contact .box h3 {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    color: #313131;
}

section.contact .box h3 a {
	
	color: #313131;
	font-weight: bold
}

section.contact .box.box-double h3.responsive {
    display: none;
} 

section.contact .box .black-button {
    display: inline-block;
    width: auto;
    background: #313131;
    border: 2px solid #313131;
    color: #fff;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 50px;
}

section.contact .box .black-button i {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 10px;
    color: #656565;
}

section.offers .left .about h4.responsive {
    display: none;
} 



section.contact-form-section {
    border-bottom: 1px solid #3a8bc5;
    padding:60px 0 60px 0;
    overflow: hidden;
    height:auto;
    min-height:800px;
}


section.contact-form-section h2.title {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
}

section.contact-form-section h4.title {
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 6px;
    font-size: 16px;
    margin-bottom: 90px;
}



section.contact-form-section input,
section.contact-form-section textarea {
	border:1px #007dc6 solid;
	margin:10px;
	width:100%;
}

section.contact-form-section input[type=submit]{
	width:30%;
	background:#313131;
	border:none;
}


section.contact-form-section input[type=checkbox]
{
	float:left !important;
	width:30px;
	margin:0;
	padding-top:5px;
}

section.contact-form-section textarea {
padding:10px 15px;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #666 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #666 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #666 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #666 !important;
opacity: 1;
}

.payment-img-visa{
	display:inline-block;
	float: left;
	width:25%;
	height:35px;
	background-image:url(images/visa.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.payment-img-dotpay{
	display:inline-block;
	float: left;
	width:25%;
	height:35px;
	margin-top:5px;
	background-image:url(images/dotpay.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.payment-img-mastercard{
	display:inline-block;
	float: left;
	width:25%;
	height:35px;
	background-image:url(images/mastercard.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.thumbnail-outer{
	display:block;
	position:relative;
 	background-size: auto 150%;
    background-position: 50% 50%;
    transition: all 0.1s linear;
	width:100%;
	min-height:330px;
	height: auto;
	overflow: hidden;
	border:1px #fff solid;
	margin:20px;
	padding:20px;

}

.thumbnail-outer:hover{
	background-size: auto 180%;
    background-position:50% 50%;
    transition: all 0.1s linear;
	border:1px #fff solid;
	

}




h3.thumb-title {
	padding:35px 30px 0 30px;
	color:#fff;
	font-size:16px;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;

}



.clearfix{clear:both;}



section.page .rank-box-place{
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    color: #3a8bc5;
    margin-bottom: 0;
}

section.page .rank-box-title {
	font-size:16px;
    color: #3a8bc5;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}




section.page .rank-box{
    width: 100%;
    font-size: 0;
    margin-bottom: 60px;
}

section.page .rank-box-left{
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-right: 1px solid #3a8bc5;
    box-sizing: border-box;
}

section.page .rank-box-logo{
    font-size: 34px;
    font-weight: 700;
    color: #3a8bc5;
    height: 120px;
    display: inline-block;
    line-height: 120px;

}

section.page .rank-box-place{
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    color: #3a8bc5;
    margin-bottom: 0;
}

section.page .rank-box-title{
    color: #3a8bc5;
    font-weight: 700;
    margin-bottom: 0;
}

section.page .rank-box-btns{
    width: 100%;
}

section.page .rank-box-btns a.btn-filled{
    display: block;
    width: 80%;
    margin: 0px auto 10px;
    height: 40px;
    background: #3a8bc5;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

section.page .rank-box-btns a.btn-filled:hover{
    background: #56A8E3;
}

section.page .rank-box-btns a.btn-bordered{
    display: block;
    width: 80%;
    margin: 0px auto 10px;
    height: 40px;
    border: 2px solid #3a8bc5;
    color: #3a8bc5;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

section.page .rank-box-btns a.btn-bordered::after{
    content: '';
    position: absolute;
    z-index: -2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3a8bc5;
    z-index: -2;
}

section.page .rank-box-btns a.btn-bordered:hover{
    color: #fff;
}

section.page .rank-box-btns a.btn-bordered:hover::after{
    width: 100%;
}

section.page .rank-box-stars{
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

section.page .rank-box-table{
    width: 75%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 15px;
}

section.page .rank-box-col{
    width: 16.3333%;
    vertical-align: top;
    text-align: center;
    display: inline-block;
}

section.page .rank-box-col p{
    font-size: 16px;
}

section.page p.rank-box-table-head{
	padding-top:0px;
	padding-bottom:5px;
	font-size: 16px;
    border-bottom: 1px solid #3a8bc5;
    font-weight: 700;
    color: #3a8bc5;
}

section.page p.rank-box-table-bot{
	font-size: 13px;
    position: relative;
    height:60px;
    display: block;
}

section.page p.rank-box-table-bot i{
    color: #3a8bc5;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
}

.faq-tooltip-popup{
    position: absolute;
    background: rgba(0,0,0,0.85);
    border-radius: 5px;
    color: #fff;
    max-width: 200px;
    text-align: left;
    font-size: 11px;
    line-height: 15px;
    padding: 10px;
    cursor: pointer;
    z-index: 999;
    font-family: Arial;
}

.faq-tooltip-popup a{
    color: #fff;
    font-weight: 600;
    font-size: 11px;
}

.faq-tooltip-popup:after{
    content: "";
    position: absolute;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #000000 transparent transparent transparent;
    margin-top: 22px;
    left: 15px;
    display: none;
}

section.page .rank-box-text p{
    width: 100%;
    font-size: 14px;
    line-height: 1.6em;
    text-align: left
}

section.page .rank-box-table-body{
	display: block;
	height:100px;
	font-size:18px;
}

section.page .product-calculate-btn{
	width:100% !important;
}

section.page .single-rank-product{
	margin-bottom:60px;
}

section.page .rank-product-left{
	border-right:1px solid #3a8bc5;
	padding-right:25px;
	height:100%;

}

section.page i{
	text-align: center !important
}


.prod-box-left .prod-item-logo img{
	display: block;
	max-width: 100%;
	height:80px;
	background-size: contain;
	margin-left:15px;
}

span.post-ratings-text{display: none !important}

.prod-box-left .rating{
	width:100px;
	display: block;
	margin: 30px auto 30px auto
}

.prod-stars{
	float: left;
	margin-right:10px;
	padding-top:5px;
}

.prod-benefits{
	padding-top:30px;
}

.outer-bar{
	width:100%;
	border:1px #ccc solid;
	overflow: hidden;
	height:auto;
	margin:25px 0;
	padding-right:5px;

}

.result-rank {
	
}
.result-rank i{
	color:#fff;
	font-size:11px;
	line-height:11px;
	margin-bottom:5px;
}

.result-rank span.stars{
position: relative;
bottom:2px;
}

.result-rank .value{
	color:#fff;
	font-size: 16px;
	margin-right:10px;
	margin-left:10px;
}

.post-thumbail-box{
	width:100%;
	min-height:450px;
	background-size: cover;
	background-position: 50% 50%;
	display: block;
	position: relative;
	z-index: 0;
	margin-top:30px;
	margin-bottom:35px;
	;
}

.post-thumbail-box:after{
	content: "";
	position: absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.3);
}



.post-thumbnail-box2{
	width:100%;
	min-height:250px;
	background-size: cover;
	background-position: 50% 50%;
	display: block;
	position: relative;
	z-index: 0;
	margin-top:30px;
	margin-bottom:35px;
	;
}

.post-thumbnail-box2:after{
	content: "";
	position: absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
}


.title-post h3 a{
	display: block;
	font-size:21px;
	line-height: 1.2em;
	color:#fff !important;
	z-index: 999;
	font-weight: bold;
	position: absolute;
	z-index:999;
	width:90%;
	left:10px;
	bottom:20px;
	
}

.post-excerpt{
	padding-top:15px;
	font-size:14px;

}

.post-date{
	display: block;
	background:#007DC6;
	font-size:21px;
	color:#fff;
	position: absolute;
	z-index: 999;
	top:0px;
	left:0px;
	padding:15px;
}


ul.wpp-list li{
	margin:15px 0 15px 0;
	padding-left:15px;
	border-left:2px #007DC6 solid;
}


#autorship{
    background: url('//www.polisaturystyczna.pl/_website/_images/polisaturystyczna_blog_o_autorze.jpg');
    width: 100%;
    height:100%;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    padding-bottom:40px;
 
}

#autorship:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.8;
	z-index: 9
}

#autorship .cover{
	overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 9999
}

#autorship .autorship-box{
    height:100%;
    border: 2px solid #fff;
    right: 70px;
    top: 50px;
    margin-top:40px;
    padding:50px 30px 0 0;
    text-align: center;
    height:auto;
    overflow: hidden;
}

.autorship-box p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    padding:15px;
}

.autorship-box p span {
    display: inline-block;
    float: right;
    margin-right: 50px;
    font-style: normal;
    font-weight: 600;
}

.autorship-box h3{
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

section.error-404{
	min-height: 50vh;
	padding-top:10vh;
}
section.error-404 h2.bigger{
	font-size:42px !important;
	color:#007dc6;
}

section.error-404 .error-image{
	background-image: url('images/polisaturystyczna_404.jpg');
	width:300px;
	height:300px;clai
}


.es_shortcode_form input{
	width: 100% !important;
	font-family: Arial,Sans-Serif !important
}

.tnp-subscription label{
	font-weight: 100 !important
}

.tnp-subscription input[type=submit]{
    position: relative;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border: 2px solid #fff !important;
    font-size: 14px;
    font-weight:100;
    color: #fff;
    text-align: center;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    background: transparent;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
}


.tnp-subscription input[type=submit]:hover{
  border-color: #3a8bc5 !important;
   background: #3a8bc5;
}


span#es_msg_pg{
	color:#fff !important;
}


.product-of-the-month .black-button{
	padding:10px 0 10px 0;
}


#header a.logo{
	transition: none !important
}

.post-page{
	padding:60px 0 60px 0;
}

.poradnik-post{
	height:480px;
}

.poradnik-b-post{
	height:430px;
}

@media screen and (max-width: 1200px) {
    .poradnik-b-post {
        height: 430px;
    }
}

@media screen and (max-width: 767px) {
    .poradnik-b-post {
        height: 380px;
    }
}

#lastest_guides .widget-title {background-color: #eee; color: rgb(110, 110, 110); text-transform: none !important;padding: 8px;margin-bottom: 10px;font-size: 16px;}
#lastest_guides .widget {padding: 0px;}
#lastest_guides .widget li {display: inline-block;padding-bottom: 0px; margin-left: 5px;list-style: none}
#lastest_guides .widget li img {width: 70px; float: left; margin-bottom: 10px; margin-right: 10px;}
#lastest_guides .side-cta-title {font-size: 20px; line-height: 25px; text-align: center; margin-bottom: 20px;}
#lastest_guides .btn:hover {color: white;}
#lastest_guides .btn-fiolet {background-color: #6c1878;padding: 10px 20px;display: block; margin: 5px auto;}

@media screen and (max-width: 992px) {
    .hidden-sidebar {
        display: none;
    }
}


h2.post-link{
	margin:0 ;
	padding:0;
	line-height: 1.1em
}

h2.post-link a{
	padding-top:0;
	font-weight: bold;
	color:#333;
	font-size:18px;
	text-transform: uppercase;
}

h2.post-link a:hover{
	color:#3a8bc5;
	text-transform: uppercase;
}

.fixedPosition
 {
   overflow: hidden;
 }


.black-button {
    display: block;
    width: 20%;
    border: 2px solid #3a8bc5;
    background: none;
    font-family: Arial,Sans-Serif;
    font-size: 16px;
    padding: 15px 0;
    margin-top: 30px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
    margin:30px auto;
    text-align: center;
    text-decoration: none;
    color: #313131;
}





.black-button.black-button-slider {
	display: none;
}




.black-button.black-button-slider2 {
	background-color: #3a8bc5;
	color: #FFFFFF;
	font-size: 20px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}

.black-button.black-button-slider2:hover {

	color: #313131;
	background: #FFF;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}


section.page h3 {
    font-weight: 400;
    font-size: 27px;
    margin-bottom: 30px;
}

section.page p {
    margin-bottom: 30px;
    font-size: 19px;
    line-height: 1.6em;
    color: #555;
}

ection.page ol, section.page ul {
    color: #555;
    font-size: 18px;
    line-height: 1.4em;
    margin-bottom: 15px;
}
section.page ol, section.page ul {
    font-size: 19px;
    line-height: 1.6em;
    color: #555;
    margin-bottom: 15px;
}


.poradnik-thumb{
		width:300px;
		height:250px;
		display: block;
        background-size: cover;
        background-position: 50% 50%;
        margin-bottom:20px;
}

.poradnik-b-thumb{
    width:300px;
    height:200px;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom:20px;
}

.post-excerpt-content{
	padding:5px 0 15px 0;

}

section.content-page{
	padding:0 0 60px 0;
}

section.content-page ol li, section.content-page ul li {
    margin-left: 50px;
    padding-bottom: 15px;
}

section.page ol li, section.page ul li {
    padding-bottom: 15px;
    margin-left: 50px;
}


section.page h2 {
    font-weight:600;
    font-size: 26px;
    margin: 0 0 25px 0;

}


a.buy-assistance{
	display: block;
	max-width:600px;
	margin:30px auto 40px auto;
}

.buy-assistance img{
	max-width: 100%;
   height: auto;
}


.cta-article{
	display:none;
}	

.cta2-article{
	display:block;
	width:auto;
	max-width:500px;
	height:auto;
	font-family:Arial,Sans-Serif;
	background:#9400d3;
	padding:15px;
	border-radius:3px;
	font-size:21px;
	text-align: center;
	margin:40px auto 40px auto  !important;
	color:#fff;
	transition: all 0.2s ease-in-out
}

.cta2-article:hover{
	color:#fff;
	opacity: 0.7;
}

.author-box {font-size: 12px;padding: 20px; border: 1px solid #DFE5EB;}
.author-box .grey-box {background-color: #F5F5F5; display: flex; flex-direction: row; align-items: flex-start; padding: 20px;}
.author-box .author-avatar {margin-right: 20px;}

@media screen and (max-width: 400px) {
    .author-box .author-avatar {
        display: none;
    }
}

.author-box .author-avatar img {height: auto; max-width: none; border-radius: 50%; width: 80px;}
.author-box .author-information .author {font-weight: 700; font-size: 20px}
.author-box .author-information .role {text-transform: uppercase; color: #68aee3}
.author-box .author-information .email {margin-bottom: 10px;}
.author-box .author-information .description {}
.author-box .author-information .more-posts {margin-top: 5px;}

.single-post-inner .format-standard {margin: 20px 0px 40px;border-top: none}
.single-post-inner .format-standard .thumbnail {height: 200px;}
.single-post-inner .img-thumbnail {border: 0; padding: 0; border-radius: 0; height: 220px; object-fit: cover;margin-bottom: 20px;}

@media screen and (max-width: 768px) {
    .single-post-inner .img-thumbnail {
        height: 320px;
    }
}

.single-post-inner .author-content .post-title {margin-bottom: 20px}

@media screen and (max-width: 768px) {
    .single-post-inner .author-content {
        padding: 0px 35px;
    }
}

.single-post-inner .no-posts .post-title {font-size: 16px;margin-left: 20px}
.author-grey-bg {background-color: #f3f3f3}

.author-page {margin-top: 130px;}

.cta-article2{
	display:inline-block;
	width:auto;
	font-family:Arial,Sans-Serif;
	background:#4b0082;
	padding:15px;
	border-radius:3px;
	font-size:21px;
	text-align: center;
	margin:20px auto  !important;
	color:#fff;
}

.cta-article2:hover{
	color:#fff;
}





.entry-thumb-post{
    margin-right:0;
    display: inline-block;
    vertical-align: top;
    width:100%;
    background-size:cover;
    background-position: 0% 0%;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    min-height:350px;
    height: auto;
    overflow: hidden;
    margin-bottom:30px;
}




.article-pagination{
	clear: both;
    padding-top:120px;
    text-align: center;
}

.article-pagination a{
    margin: 0 5px 10px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 11px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
}

.article-pagination a:hover{
    color: #666;
    border-color: #666;
}

.article-pagination span.current{
	  margin: 0 5px 10px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 11px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    color: #3A8BC5;
    border-color: #3A8BC5;
}




.blogBox{
	margin:0 0 40px 0;
}

.blogBox-b {
	margin:0 0 50px 0;
}


#loadMore {
    padding-bottom:50px;
    padding-top:50px;
    text-align: center;
    width: 100%;
}
#loadMore a {
    background: #042a63;
    border-radius: 3px;
    color: white;
    display: inline-block;
    padding: 10px 30px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}
#loadMore a:hover {
    background-color: #021737;
}




.btn-more-link{
    display:block;
    float: right;
    width: auto;
    height:43px;
    position: relative;
    z-index: 0;
    border: 2px solid #3a8bc5;
    padding:0px 15px;
    color: #3a8bc5;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
     transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }

.btn-more-link::after{
    content: '';
    position: absolute;
    z-index: -2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3a8bc5;
}

 .btn-more-link:hover{
    color: #fff;
}

.btn-more-link:hover::after{
    width: 100%;
}

.facebook-date{
	position: absolute;
	z-index:2;
	top:10px;
	right:10px;
	background: #fff;
	display:block;
	width:auto;
	overflow: hidden;
	padding:5px 5px 5px 10px;
	height:35px;
	text-align: right;
	box-sizing: border-box;
}

a.ss-button-facebook{
	display: block !important;
	position: absolute !important;
	margin:0 !important;
	float:right !important;
	top:0 !important;
	right:0 !important;
	z-index: 15 !important
}



.facebook-date p{
font-size:12px;
position: relative;
top:2px;
right:35px;
padding:0 0 0 35px;
}



a.ss-button-facebook{background-position: -45px -23px !important;width:23px !important;height:23px !important;opacity:0.8 !important;transition:all 250ms ease-in-out;margin:6px 5px 0 0!important;}
a.ss-button-facebook:hover{background-position: -45px 0px !important;width:23px !important;height:22px !important;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}


.blogBox:nth-child(4n){
	width:100%;
}
.blogBox:nth-child(4n) .poradnik-post{
	height:520px;
}

.blogBox:nth-child(4n) .poradnik-post .poradnik-thumb{
		width:300px;
		height:400px;
		display: block;
        background-size: cover;
        background-position: 50% 50%;
        margin-bottom:20px;
}

.blogBox-b:nth-child(4n) .poradnik-post{
	height:520px;
}

.blogBox-b:nth-child(4n) .poradnik-post .poradnik-thumb{
		width:300px;
		height:400px;
		display: block;
        background-size: cover;
        background-position: 50% 50%;
        margin-bottom:20px;
}

	


ol ul{
     list-style-type: disc;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}


.blog-article img.size-large, .blog-article img.size-full, .blog-article img.alignnone {
    display: block!important;
    width: 100%!important;
    height: auto!important;
    overflow: hidden!important;
}


.tulogo{
	display: block;
	margin:0 auto;
}

.post-release p{
	color:#666;
	font-size:14px !important;
}

.rating i{
	font-size: 21px;
	color:#333 !important;
}

.font-s {
    font-size: 14px !important;
}


.post_summary {
    border: 4px solid #3a8bc5;
    padding: 30px;
    font-size: 15px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.post_summary .heading {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 700;
}

.post_summary ul,
.post_summary ol {
    padding-left: 50px;
}

.post_summary ol {
    list-style-type: none;
}

.post_summary ol li {
    counter-increment: summary-counter;
    position: relative;
    margin-bottom: 10px;
}

.post_summary ol li:before {
    content: counter(summary-counter) ".";
    position: absolute;
    top: 0;
    left: -50px;
    font-weight: 700;
    color: #3a8bc5;
    font-size: 24px;
    line-height: 1.3 !important;
}

.post_summary ul li,
.post_summary ol li {
    margin-left: 0 !important;
}

#accordion {
    margin: 10px 0 60px;
}

#accordion .panel-title {
    margin: 0;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 16px;
}
#accordion .panel-body p {
    text-align: left;
    font-size: 16px;
}