/* 
Theme Name: JobChallanger
Theme URI: http: //mastafu.info/
Author: Mastafu Design
Author URI: http: //mastafu.info/
Description: Theme designed for JobChallanger website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Text Domain: JobChallanger
*/

/*** General ***/
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-regular.woff2') format('woff2'),
         url('fonts/lato-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-light.woff2') format('woff2'),
         url('fonts/lato-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Lato';
	src: url('fonts/lato-bold.woff2') format('woff2'),
         url('fonts/lato-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

body {
    background-color: #fff;
    font-size: 16px;
	font-weight: 400;
    line-height: 1.8;
    font-family: Lato, sans-serif;
    color: #045b82;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}

body:not(.home) {
	padding-top: 110px;
}

/** Misc **/
.extra15pad {
	padding: 0 30px 30px 30px;
}

.height100 {
	height: 100%;
}

.widePadding {
	margin: 7% 6% 4% 6%;
	box-sizing: border-box;
}

.widePaddingOuter {
	padding: 6% 7%;
	box-sizing: border-box;
}

.widePadding50Inner {
	padding: 7%;
	box-sizing: border-box;
}

.widePadding50InnerTech {
	padding: 8% 13%;
	box-sizing: border-box;
}

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

.hidden {
	display: none !important;
}

.pageBody a,
.pageSubBody a,
.leftColBody a,
.sections .descBlock a,
.modalDescForm a,
.teamModal a {
	color: #045b82;
}

.pageBody a:hover,
.pageSubBody a:hover,
.leftColBody a:hover,
.sections .descBlock a:hover,
.modalDescForm a:hover,
.teamModal a:hover {
	color: #090939;
}

.pageBody a:visited,
.pageSubBody a:visited,
.leftColBody a:visited,
.sections .descBlock a:visited,
.modalDescForm a:visited,
.teamModal a:visited {
	color: #090939;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.align-left {
	text-align: left
}

.align-right {
	text-align: right
}

.align-center {
	text-align: center
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 0;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding: 10px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Lato, sans-serif;
}

.element-invisible {
	position: absolute;
	top: -999999em;
	left: auto;
	width: 1px;
	height: 1px;
	overflow:hidden;
}

.hidden-wrap {
	display: none;
	visibility: hidden;
}

.modal.fade.show {
	background: rgba(0,0,0,0.8);
}

.modal {
	z-index: 9999;
}

.modal-dialog {
	max-width: 991px;
	width: 100%;
}

.modal .close {
	font-size: 40px;
	position: absolute;
	z-index: 25;
	top: 15px;
	right: 20px;
	border: none;
	line-height: 30px;
	cursor: pointer;
	 -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.modal-header,
.modal-footer {
	justify-content: center;
}

.modal-header h4 {
	margin: 0;
}

.modal-footer p {
	margin: 0;
	text-align: center;
	font-size: 14px;
}

.modal-body .modalDesc {
	padding: 30px;
}

.modal-body .modalDesc p {
	font-size: 34px;
	line-height: 1;
	font-weight: 700;
	max-width: 330px;
	display: inline-block;
	margin-bottom: 30px
}

.modal-body .modalDesc p:last-child {
	font-weight: 200;
	margin-bottom: 0
}

.noMargin {
	margin: 0;
}

.noPadding {
	padding-left: 0;
	padding-right: 0;
}

#haderInner {
	position: relative;
}

blockquote {
	font-weight: 200;
	font-size: 20px;
	color: #090939;
	padding: 25px 15px 25px 50px;
	position: relative;
	border: none;
	margin: 20px 0 0;
}

blockquote::before {
	font-family: "Times new roman";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 90px;
	line-height: 1;
	content: "“";
	color: #090939;
	bottom: 0;
}

blockquote p {
	font-weight: 300;
	font-size: 22px !important;
	color: #090939;
	line-height: 1.25;
	margin: 0 !important;
	font-style: italic;
}

.acf-map {
	width: 100%;
	height: 100%;
}

.popoverElement {
	cursor: pointer;
}

/** Menu i Logo **/
.fixed-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: 15;
	background: transparent;
    transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
}

.fixed-navbar.nav-fix {
	height: 66px;
	background: #045b82;
	box-shadow: 0 0 30px 0 rgba(7,7,32,0.6);
}

.fixed-navbar.nav-open {
	left: -200px
}

.navbar-lockup {
    position: relative;
	z-index: 21;
	max-width: 1500px;
    margin: 0 auto;
    padding: 0;
    line-height: 120px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

body:not(.home) .navbar-lockup {
	max-width: 1470px;
}

.navbar-lockup.nav-fix {
	line-height: 66px;
}

#main-menu {
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	position: absolute;
	top: 30px;
	right: 0;
	margin: 0 auto;
	z-index: 11;
	text-align: center;
	max-width: calc(100% - 250px);
}

.nav-fix #main-menu {
	top: 0;
}

@media all and (-ms-high-contrast:none) {
	/* IE10 */
	.nav-fix #main-menu { 
		top: -41px;
		right: 145px;
		z-index: 1000;
	}
}

#main-menu {
	margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
 
.navbar-lockup .menu-header {
    float: none;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.navbar-lockup .menu-header #menu-menu-glowne {
	display: inline-block;
	width: 100%;
	line-height: 1;
	background: #045b82;
	position: relative;
}


#main-menu > div {
	width: 100%;
	line-height: 1
}

.navbar-lockup .nav li {    
	position: relative;
	line-height: 2;
	display: inline-block;
	vertical-align: top;
	float: left;
}

.navbar-lockup .nav li a {
    position: relative;
	color: #090939;
    font-size: 15px;
    text-transform: uppercase;
	padding: 23px 30px;
	height: 100%;
	display: inline-block;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.nav-fix .navbar-lockup .nav li a {
	padding: 18px 30px;
	color: #fff
}

.navbar-lockup .nav li ul li a {
	padding: 0
}

.navbar-lockup .nav li a:hover {
	text-decoration: none;
}

.navbar-lockup .nav li.menu-item-type-custom:hover:after,
.navbar-lockup .nav li.menu-item-type-post_type:not(.blockElement):hover:after,
.navbar-lockup .nav li.menu-item-type-post_type.current_page_item:not(.blockElement):after {
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	content: "";
	width: 100%;
	height: 5px;
	background: #090939;
}

.nav-fix .navbar-lockup .nav li.menu-item-type-custom:hover:after,
.nav-fix .navbar-lockup .nav li.menu-item-type-post_type:not(.blockElement):hover:after,
.nav-fix .navbar-lockup .nav li.menu-item-type-post_type.current_page_item:not(.blockElement):after {
	background: #fff;
	bottom: 0;
}

.navbar-lockup .nav li.blockElement {
	margin-left: 50px
}

.navbar-lockup .nav li.blockElement a {
	background: #090939;
	font-size: 24px;
	padding: 14px 26px 14px 0;
}

.nav-fix .navbar-lockup .nav li.blockElement a {
	font-size: 20px;
	padding: 13px 26px 13px 0;
}

.navbar-lockup .nav li.blockElement a:before {
	position: absolute;
	top: 0;
	left: -52px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 76px 52px;
	border-color: transparent transparent #090939 transparent;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.nav-fix .navbar-lockup .nav li.blockElement a:before {
	border-width: 0 0 66px 52px;
}

.navbar-lockup .nav li.blockElement a:hover:before {
	border-color: transparent transparent #090939 transparent;
}

.navbar-lockup .nav li.current_page_item.blockElement a {
	color: #fff;
}

.navbar-lockup .nav li.blockElement a:hover {
	background: #090939;
	color: #fff;
}


/** Side Menu **/
.subMenuSide {
	-webkit-transition: all linear .2s, box-shadow linear .2s;
	-moz-transition: all linear .2s, box-shadow linear .2s;
	-o-transition: all linear .2s, box-shadow linear .2s;
	transition: all linear .2s, box-shadow linear .2s;
	padding: 0;
	margin: 70px 0 30px 0;
	z-index: 1;
	position: -webkit-sticky;
	position: sticky;
	top: 130px; 
}

.subMenuNav {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

.subMenuSideInner {
	width: 100%
}

.mobileBtn {
	display: none;
	position: absolute;
	top: -15px;
	right: -65px;
	width: 50px;
	height: 50px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.mobileBtn p {
	position: absolute;
	top: 0;
	right: -80px;
	z-index: 1000;
	width: 80px;
	line-height: 1.2;
	margin: 0;
	color: #555;
}

.c-hamburger {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background .3s;
	transition: background .3s
}

.c-hamburger:hover {
	cursor: pointer; 
}

.c-hamburger:focus {
	outline: 0
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 19px;
	left: 7px;
	right: 17px;
	height: 2px;
	background: #fff
}

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

.is-active .c-hamburger span::after, 
.is-active .c-hamburger span::before {
	width: 50%
}

.c-hamburger span::before {
	top: -9px
}

.c-hamburger span::after {
	bottom:-9px
}

.c-hamburger {
	background-color:#045b82
}

.c-hamburger span {
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s;
}

.c-hamburger span::before {
	-webkit-transform-origin:top right;
	-ms-transform-origin:top right;
	transform-origin:top right;
	-webkit-transition:-webkit-transform .3s,width .3s,top .3s;
	transition:transform .3s,width .3s,top .3s;
}

.c-hamburger span::after {
	-webkit-transform-origin:bottom right;
	-ms-transform-origin:bottom right;
	transform-origin:bottom right;
	-webkit-transition:-webkit-transform .3s,width .3s,bottom .3s;
	transition:transform .3s,width .3s,bottom .3s
}

.is-active .c-hamburger {
	background-color:#045b82
}

.is-active .c-hamburger span {
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform:rotate(-180deg)
}

.is-active .c-hamburger span::before {
	top:0;
	-webkit-transform:translateX(18px)translateY(0)rotate(45deg);
	-ms-transform:translateX(18px)translateY(0)rotate(45deg);
	transform:translateX(18px)translateY(0)rotate(45deg)
}

.is-active .c-hamburger span::after {
	bottom:0;
	-webkit-transform:translateX(18px)translateY(0)rotate(-45deg);
	-ms-transform:translateX(18px)translateY(0)rotate(-45deg);
	transform:translateX(18px)translateY(0)rotate(-45deg)
}

.subMenuSide li {
	display: block;
}

.subMenuSide li.menuLevel2li ul {
	box-shadow: none
}

.subMenuSide li a {
	font-size: 14px;
	color: #fff;
	padding: 15px 30px;
	display: block;
	min-height: 50px;
	vertical-align: top;
	line-height: 1.2;
	text-decoration: none;
	-webkit-box-shadow: 0 2px 10px -5px #000;
	box-shadow: 0 2px 10px -5px #000;
	position: relative;
	background: #045b82;
	-webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.subMenuSide .subMenuNav > li > a,
.subMenuSide .subMenuNav > li > a {
	display: block;
}

.subMenuSide li a:hover,
.subMenuSide li a.active {
	color: #fff;
	background: #090939;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}

.subMenuSide li ul.menuLevel2 {
	padding-left: 15px;
	list-style: none;
	display: none;
}

.subMenuSide li ul.menuLevel2 li a {
	border-left: 3px solid #090939;
	background: #658296
}

.subMenuSide li ul.menuLevel2 li a:hover,
.subMenuSide li ul.menuLevel2 li a:active,
.subMenuSide li ul.menuLevel2 li a:focus {
	border-left: 3px solid #090939;
}

/* Slide out side menu */
.slide-out-nav {
	position: fixed;
	top: 0;
	right: -250px;
	bottom: 0;
	width: 250px;
	background: #0d1119 !important;
	overflow: auto;
	z-index: 1000;
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out
}

.slide-out-nav.nav-open {
	right: 0;
	-webkit-box-shadow: 0 -10px 50px 0 #000;
	-ms-box-shadow: 0 -10px 50px 0 #000;
	box-shadow: 0 -10px 50px 0 #000;
}

.slide-out-nav .mobile-nav {
	margin: 30px 20px 0 0;
	padding-left: 0;
	text-align: right;
	list-style: none;
}

.slide-out-nav .mobile-nav li {
	margin-bottom: 10px
}

.slide-out-nav .mobile-nav > li {
	border-bottom: 1px solid #222;
	padding-bottom: 5px;
}

.slide-out-nav .mobile-nav > li:first-child {
	margin-top: 10px;
}

.slide-out-nav .mobile-nav > li:last-child {
	border-bottom: none;
	margin-bottom: 70px;
}

.slide-out-nav .mobile-nav li a {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .8px;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}

.slide-out-nav .mobile-nav > li.current_page_item > a,
.slide-out-nav .mobile-nav ul > li.current_page_item > a,
.slide-out-nav .mobile-nav > li.current_page_parent > a {
	color: #fff
}

.slide-out-nav .mobile-nav li a:hover {
	color: #090939;
	text-decoration: none
}

.slide-out-nav .mobile-nav li ul {
	display: block;
	position: relative;
	background: transparent;
	text-align: right;
	margin: 0 0 15px 0;
	width: 100%
}

.slide-out-nav .mobile-nav li ul ul {
	margin-bottom: 0
}

.slide-out-nav .mobile-nav ul.dropdown-menu li {
	margin: 0 0 8px 0;
	line-height: 1.1
}

.slide-out-nav .mobile-nav ul.dropdown-menu li a {
	font-size: 12px;
	text-transform: lowercase;
}

.slide-out-nav .mobile-nav-slice {
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	width: 100%;
	height: 125%;
	background-color: #fff;
	opacity: .05
}

.mobile-nav-toggle {
	display: none;
	position: fixed;
	top: 40px;
	right: 30px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	z-index: 1001;
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out
}

.mobile-nav-toggle:hover {
	opacity: 0.65
}

.mobile-nav-toggle i {
	color: #090939;
	font-size: 14px;
	font-style: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
}

.mobile-nav-toggle.nav-fix {
	top: 20px;
}

.nav-fix .mobile-nav-toggle i,
.nav-open .mobile-nav-toggle i {
	color: #fff;
}

.mobile-nav-toggle.nav-open {
	right: 205px !important;
	top: 18px;
}

.mobile-nav-toggle span {
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 8px;
	background-color: #090939;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.mobile-nav-toggle.nav-fix span,
.mobile-nav-toggle.nav-open span {
	background: #fff;
}

.mobile-shift {
	position: relative;
	left: 0;
	-webkit-transition: left .55s ease-in-out;
	transition: left .55s ease-in-out
}

.mobile-shift.nav-open {
	left: -200px
}

.mobile-nav-toggle.nav-open span:nth-child(2) {
	transform: rotate(43deg) translate3d(9px ,10px,0);
}

.mobile-nav-toggle.nav-open span:nth-child(3) {
	opacity: 0;
	visibility: hidden;
}

.mobile-nav-toggle.nav-open span:nth-child(4) {
	transform: rotate(-47deg) translate3d(5px,-4px,0);
}

/** Logo **/
.navbar-lockup .logo {
	margin: 0 auto;
	transition: all .55s ease-in-out;
	-moz-transition: all .55s ease-in-out;
	-webkit-transition: all .55s ease-in-out;
}

.navbar-lockup #logoMain {
	line-height: 1;
	overflow: hidden;
	text-align: left;
}

.navbar-lockup #logoMain .logo {
	height: 77px;
	width: 212px;
}

.navbar-lockup #logoMain a {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: relative;
	z-index: 8
}

.navbar-lockup #logoMain img {
	position: relative;
	z-index: 8;
	width: 100%;
	height: auto;
}

.navbar-lockup.nav-fix #logoMain .logo {
	height: auto;
	width: 160px;
	padding-top: 6px;
}

.navbar-lockup.nav-fix .logo {
	margin-top: 0;
}

#logoMain .logo {
	position: absolute;
	top: 30px;
	left: 0;
	margin: 0 auto;
	transition: all .55s ease-in-out;
	-moz-transition: all .55s ease-in-out;
	-webkit-transition: all .55s ease-in-out;
}

#logoMain .logoWhite {
	opacity: 0;
	top: -100px;
}

.nav-fix #logoMain .logoWhite {
	opacity: 1;
	visibility: visible;
	top: 12px;
}

.nav-fix #logoMain .logoBlack {
	opacity: 0;
	top: -100px;
	visibility: hidden;
}

/** Social icons */
.slide-out-nav #socialHeader {
	display: none;;
}

.fixed-navbar #socialHeader {
	position: fixed;
	top: 145px;
	right: 30px;
	width: 35px;
	z-index: 11;
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out;
}

.nav-fix .fixed-navbar .fixed-navbar #socialHeader {
	top: 100px;
	right: 30px;
}

.handheld .nav-fix .fixed-navbar #socialHeader {
	top: 22px;
	right: 65px;
}

ul.socialHeaderInner {
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}

ul.socialHeaderInner li {
	display: block;
	float: left;
	border: 1px solid #090939;
	background-color: #090939;
	line-height: 18px;
	width: 34px;
	text-align: center;
	margin-bottom: 10px;
	-webkit-transition: opacity .2s ease-in-out, color .55s ease-in-out;
	transition: opacity .2s ease-in-out, color .55s ease-in-out
}

ul.socialHeaderInner li a {
	padding: 7px 5px 6px 5px;
	display: inline-block;
}

ul.socialHeaderInner li i {
	color: #fff;
	font-size: 20px;
}

ul.socialHeaderInner li:hover {
	opacity: 0.65
}

/** Btns **/
a.btn-blue, 
.btn-blue a {
	color: #fff !important;
	background-color: #090939;
	border: none;
	border-bottom: 3px solid #0a7baa;
	font-weight: 300;
	cursor: pointer;
	position: relative;
	width: auto;
	border-radius: 5px;
	overflow: hidden;
	padding: 0;
	display: inline-block;
}

.btn-blue a b,
a.btn-blue b {
	font-weight: 700;
}

.btn-blue a span,
a.btn-blue span,
.btn-blue a i,
a.btn-blue i {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 25px;
}

.btn-blue a i,
a.btn-blue i {
	background: #045b82;
	-webkit-transition: background-color .15s ease-in-out;
	transition: background-color .15s ease-in-out;
}

.btn-blue a:hover i,
a.btn-blue:hover i {
	background: #284869;
}

a.btn-blue:hover, 
.btn-blue a:hover,
a.btn-blue:active, 
.btn-blue a:active,
a.btn-blue:focus, 
.btn-blue a:focus {
	background: #045b82;
	color: #fff !important;
}

a.btn-green,
.btn-green a {
	color: #fff !important;
	background-color: #090939;
	border-bottom: 3px solid #090939;
	border-top: none;
	border-left: none;
	border-right: none;
	font-weight: 300;
	cursor: pointer;
	position: relative;
	width: auto;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	padding: 0;
	display: inline-block;
}

.btn-green a b,
a.btn-green b {
	font-weight: 700;
}

.btn-green a span,
a.btn-green span,
.btn-green a i,
a.btn-green i {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px;
}

.btn-green a i,
a.btn-green i {
	background: #090939;
}

.btn-green a i,
a.btn-green i {
	background: #090939;
	-webkit-transition: background-color .15s ease-in-out;
	transition: background-color .15s ease-in-out;
}

a.btn-green:hover, 
.btn-green a:hover,
a.btn-green:active, 
.btn-green a:active,
a.btn-green:focus,
.btn-green a:focus {
	background: #090939;
	color: #fff !important;
}

.btnWrapp {
	text-align: center;
}

a.btn-bold, 
.btn-bold a {
	font-weight: 700
}

a.btn-noBorder, 
.btn-noBorder a {
	border-bottom: none;
}

a.btn-medium,
.btn-medium a {
	padding: 15px 30px;
}

.btn-border-white {
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 25px;
}

.btn-border-white i {
	margin: 0 0 0 10px
}

.btn-border-white:hover {
	color: #090939;
	border-color: #090939;
}

/* Menu header */
#masthead {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1150
}

/* Sections home page */
.descBlockInner {
	padding: 0 7%;
}

.descBlockInner a {
	color: #045b82
}

.descBlockInner a:hover {
	color: #090939
}

.imgBlockBg {
	padding: 0;
}

.blue-container {
	background: #045b82;
}

.grey-container {
	background: #f8f8f8;
}

.sections {
	padding-top: 45px;
	padding-bottom: 45px;
}

.titleHeader {
	margin: 0 0 45px 0;
}

.titleHeader .titleSection h3 {
	font-size: 38px;
	text-align: center;
	color: #045b82;
	margin: 45px 0 10px 0;
	font-weight: 400;
}

.titleHeader .titleSection h4 {
	font-size: 24px;
	text-align: center;
	color: #045b82;
	margin: 0;
	font-weight: 200;
}

.blue-container .titleSection h3 {
	color: #fff;
}

/* Widok 1 - Home page */
.miejsce {
	height: 100vh;
	min-height: 768px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
}

.miejsce > div,
.miejsce > div > div {
	height: 100%;
}

#hero .pageTitle {
	text-align: right;
}

#hero .pageTitle h1 span {
	position: relative;
	display: inline-block;
	color: #fff;
	font-family: Lato condensed, sans-serif;
}

#hero .pageTitle h1 span:nth-child(1) {
	background: #045b82;
	padding: 10px 30px;
	font-size: 30px;
	z-index: 10;
	box-shadow: 0 5px 10px 0 rgba(16,16,76,0.2);
	transform: translate3d(30px,0,0);
}

#hero .pageTitle h1 span:nth-child(2) {
	background: #090939;
	padding: 20px 40px;
	font-size: 50px;
	z-index: 9;
	box-shadow: 0 5px 10px 0 #eee;
	letter-spacing: 3px;
}

#hero .pageTitle h1 span:nth-child(3) {
	background: #045b82;
	padding: 20px 10px;
	font-size: 55px;
	z-index: 8;
	margin-right: 106px;
	box-shadow: 0 5px 10px 0 #eee;
}

#hero .pageContactMeta {
	padding-right: 0;
	margin-top: 40px;
	margin-bottom: 30px;
}

.entry-header .main-desc {
	
}

.entry-header .main-desc ul {
	list-style: none;
	margin: 40px 0 0;
	padding: 0;
	text-align: center;
}

#hero .pageContactMeta ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.entry-header .main-desc ul li,
#hero .pageContactMeta ul li {
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 30px;
	border: 1px solid #045b82;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	line-height: 1;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.05)
}

.entry-header .main-desc ul li:first-child,
#hero .pageContactMeta ul li:first-child {
	margin-left: 0
}

.entry-header .main-desc ul li a,
#hero .pageContactMeta ul li a {
	color: #045b82;
	text-decoration: none;
	transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
}

.entry-header .main-desc ul li:hover,
#hero .pageContactMeta ul li:hover {
	border: 1px solid #090939;
}

.entry-header .main-desc ul li a:hover,
#hero .pageContactMeta ul li a:hover {
	color: #0a0a39
}

.biura .biuraCols .imgBlockMap {
	padding: 0
}

.biura .biuraCols .imgBlockBgInner {
	background-position: 50% 0;
	background-repeat: no-repeat
}

.biura .biuraCols:nth-child(even) {
	flex-direction: row-reverse;
}

.pageBodyTxt ul li,
.pageBodyTxt ol li,
.pageBodyTxt p,
.biura .biuraCols .descBlock ul li,
.biura .biuraCols .descBlock ol li,
.biura .biuraCols .descBlock p {
	font-size: 20px;
	font-weight: 300;
}

.pageBodyTxt h2,
.biura .biuraCols .descBlock h2 {
	font-size: 46px;
	margin: 0 0 30px
}

.pageBodyTxt h3,
.biura .biuraCols .descBlock h3 {
	font-size: 36px;
	margin: 0 0 30px 0
}

.pageBodyTxt h4,
.biura .biuraCols .descBlock h4 {
	font-size: 24px;
	margin: 0 0 30px 0
}

.pageBodyTxt p:last-child,
.pageBodyTxt h2:last-child,
.pageBodyTxt h3:last-child,
.pageBodyTxt h4:last-child,
.pageBodyTxt ul:last-child,
.pageBodyTxt ol:last-child,
.biura .biuraCols .descBlock p:last-child,
.biura .biuraCols .descBlock h2:last-child,
.biura .biuraCols .descBlock h3:last-child,
.biura .biuraCols .descBlock h4:last-child {
	margin-bottom: 0
}

/* Widok 3 - Cenniki */
.home #cennik {
	position: relative;
	z-index: 2;
}

#cennik .nav-tabs-custom {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	margin: 0 0 90px 0;
}

#cennik .nav-tabs-custom li {
	display: inline-block;
}

#cennik .nav-tabs-custom li a {
	color: #fff;
	padding: 9px;
}

#cennik .nav-tabs-custom li a.active {
	border: 1px solid #1b4065;
	font-weight: 700;
	box-shadow: 0 0 20px -5px #122b45;
}

#cennik .tab-content ul.priceLists {
	padding: 0;
	justify-content: center;
}

#cennik .tab-content li .nav-item-inner {
	background: #fff;
	height: 100%;
	width: 100%;
	position: relative;
	-webkit-box-shadow: 0 0 20px -5px #2b639c;
	box-shadow: 0 0 20px -5px #2b639c;
}

#cennik .tab-content li.priceListPriceTxt .priceListFooter {
	position: absolute;
	bottom: -58px;
}

#cennik .tab-content li.priceListPriceTxt .priceListBody {
	-ms-flex-align: center !important;
	align-items: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#cennik .tab-content li.priceList {
	padding: 0 5px;
	max-width: 500px;
}

#cennik .tab-content li.bestOffer {
	-webkit-transform: scaleY(1.1);
	transform: scaleY(1.1);
}

#cennik .tab-content li.bestOffer .nav-item-inner {
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.5);
}

#cennik .tab-content li .priceListHeader {
	background: #090939;
	text-align: center;
}

#cennik .tab-content li .priceListHeader h4 {
	color: #fff;
	margin: 0;
	padding: 15px;
	line-height: 1;
}

#cennik .tab-content li .priceListPrice {
	background: #045b82;
	padding: 15px;
	text-align: center;
}

#cennik .tab-content li .priceListPrice p {
	color: #fff;
	font-size: 28px;
	margin: 0;
	line-height: 1
}

#cennik .tab-content li .priceListPrice p span {
	color: #5487bb;
	font-size: 24px;
	margin: 0 20px 0;
	text-decoration: line-through;
}

#cennik .tab-content li .priceListPrice p i {
	color: #fff;
	font-size: 14px;
}

#cennik .tab-content li .priceListBody ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

#cennik .tab-content li .priceListBody ul li {
	padding: 15px 15px 15px 45px;
	text-align: left;
	position: relative;
	line-height: 1.4
}

#cennik .tab-content li .priceListBody ul li::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	font-family: FontAwesome;
	color: #d1d1d1;
	display: inline-block;
	vertical-align: middle;
	content: "\f00c";
	width: 16px;
	height: 16px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	margin: auto; 
}

#cennik .tab-content li .priceListBody ul li:nth-child(even) {
	background: #f3f3f3
}

#cennik .tab-content li .priceListFooter {
	padding: 0;
	width: 100%;
	border: none;
	background: #090939;
	text-align: center;
}

.rowTrainingBuy a,
#cennik .tab-content li .priceListFooter a {
	text-decoration: none;
	padding: 18px 15px;
	width: 100%;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.rowTraining {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f8f8f8
}

.rowDateInner h4 {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase
}

.rowTrainingName h5 {
	font-size: 26px;
	font-weight: 300;
}

.rowTraining:last-child {
	border-bottom: none
}

#cennik .tab-content li .priceListFooter a:hover {
	border-radius: 0;
}

#cennik .cennikUnder {
	margin: 15px 0 0
}

.cennikSzkolenUnder p,
.cennikSzkolenBlock p,
#cennik .cennikUnder p {
	color: #fff;
}

.cennikSzkolenBlock p {
	margin: 0
}

.cennikSzkolenUnder p {
	font-size: 13px
}

#cennik .cennikSide {
	margin: 45px 0 0;
}	

#cennik .cennikSide .cennikBlock {
	border-right: 1px solid #fff;
}

#cennik .cennikSide p {
	color: #fff;
	font-size: 24px;
	font-weight: 200;
	line-height: 1.2;
	margin: 0
}

/* Widok 4 - Gdzie jesteśmy*/
#przewagi {
	position: relative;
	background: #f8f8f8;
	padding-top: 100px;
	padding-bottom: 100px;
}

#przewagi .imgBlock {
	border-right: 1px solid #ccc;
}

#przewagi .descBlock h3 {
	margin: 0 0 30px 0;
}

#przewagi .descBlock h4 {
	margin: 0 0 50px 0;
}

#przewagi .descBlock h3,
#przewagi .descBlock h4,
#przewagi .descBlock p,
#przewagi .descBlock ul li {
	font-weight: 300;
}

#przewagi .descBlock p,
#przewagi .descBlock ul li {
	font-size: 20px
}

#przewagi .descBlock ul  {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

#przewagi .descBlock ul li {
	margin: 20px 0 0;
}

#przewagi .descBlock ul li strong {
	font-weight: 700;
}

#przewagi .blockInner .imgBlockInner {
	text-align: center;
	margin-bottom: 30px;
}

img.imgUnderlay,
#przewagi .blockInner .imgBlockInner img {
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	border: 5px solid #fff;
}

#przewagi .blockInner .imgBlockInner img {
    max-width: 80px;
    margin: 5px;
}

#przewagi .blockInner .descBlockInner h3 {
	text-align: center;
	margin-bottom: 30px;
	font-weight: 700;
}

#przewagi .blockInner .descBlockInner ul li {
	font-size: 18px;
	line-height: 1.45;
	margin-bottom: 10px
}

#przewagi .blockInner .descBlockInner ul li:last-child {
	margin-bottom: 0
}

/* Widok 5 - Refki*/
.referencje {
	margin-top: 45px;
}

#testimoniesCenter {
	min-height: 260px;
	margin: 45px 0 0;
	padding: 0
}

#testimonies .testiBody {
	padding: 30px;
	border-radius: 5px;
	width: 100%;
	height: 280px;
	position: relative;
	background: #090939;
	vertical-align: middle;
}

#testimonies .testiBodyInner {
	overflow: hidden;
	height: 100%;
}

#testimonies .testiBody:after {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: '';
	vertical-align: top;
	display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;  
	border-top: 20px solid #090939;
}

#testimonies .testiBody p {
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	font-weight: 300;
	margin: 0;
	text-indent: 40px;
	position: relative;
}

#testimonies .testiBody p:before {
	position: absolute;
	top: -24px;
	left: -43px;
	content: '”';
	font-size: 100px;
	height: 10px;
	vertical-align: top;
	display: inline-block;
	line-height: 1.2;
	font-family: Lato Condensed, Arial;
	height: 30px;
	color: #fff;
}

#testimonies .testiBody a {
	text-decoration: none;
	color: #414e59;
	margin: 5px 0 5px 0;
	font-size: 14px;
	line-height: 1;
	float: right
}

#testimonies .testiBody a:hover {
	opacity: 0.65
}

#testimonies .testiBody a i {
	font-size: 12px;
	margin-left: 5px;
}

#testimonies .testiLogo {
	margin: 45px auto 30px auto;
	text-align: center;
	display: table;
	width: 100%;
}

#testimonies .testiLogoInner {
	height: 60px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

#testimonies .testiLogo img {
	max-width: 400px;
	max-height: 60px;
}


#testimonies .testiFooter {
	margin: 20px 0 0;
}

#testimonies .testiFooter h4 {
	overflow: hidden;
	color: #090939;
	font-weight: 200;
	text-align: center;
	font-size: 16px;
}

/* Widok 6 - Form */
#quickContact .imgBlock {
    border-right: 1px solid #ccc;
}

#quickContact .quickContactCols .imgBlock .descBlockInnerOver {
	text-align: right;
}

#quickContact .quickContactCols .imgBlock .descBlockInnerOver p {
	font-size: 62px;
	line-height: 1;
	font-weight: 200;
	max-width: 420px;
	display: inline-block;
}

#quickContact .quickContactCols .imgBlock .descBlockInnerUnder p {
	font-size: 20px;
	font-weight: 300;
	margin-top: 30px
}

#quickContact .descBlockInnerUnder {
	text-align: right
}

#quickContact .wpcf7 {
	margin-top: 10px;
	width: 75%;
}

.wpcf7-form .contact-form-wrap-input {
	margin-bottom: 10px;
	position: relative;
}

.wpcf7-form .contact-form-wrap-input:last-child {
	margin-bottom: 0;
}

.wpcf7-response-output {
	display: inline-block;
	width: 100%;
	line-height: 2.15;
	font-size: 14px;
	background: #fff !important;
	margin: 0 0 20px 0!important;
	padding: 10px !important;
	border-width: 1px !important;
	line-height: 1.2
}

.wpcf7 .ajax-loader {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.wpcf7-mail-sent-ok {
	background: #398f14 !important;
	border-color: #327c12 !important;
	color: #fff;
	font-size: 16px;
	display: inline-block !important;
	margin-top: 30px !important
}

.invalid .wpcf7-response-output,
.wpcf7-validation-errors {
	display: inline-block;
	background-color: #a94442 !important;
	border-color: #993a38 !important;
	color: #fff;
	font-size: 12px;
	display: inline-block !important;
	margin-top: 30px !important
}

.wpcf7-display-none {
	display: none
}

.wpcf7-not-valid {
    background: #F2DEDE;
}

span.wpcf7-not-valid-tip {
	color: #a94442;
	position: absolute;
	bottom: -27px;
	font-size: 12px;
	background-color: #fff;
}

.wpcf7-form-control-wrap {
	position: inherit;
}

.wpcf7-form .wpcf7-acceptance span.wpcf7-list-item {
	margin: 0;
}

.wpcf7-form .acceptance-1 .wpcf7-acceptance span.wpcf7-list-item {
	padding: 8px;
	border: 1px solid #090939;
}

.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
	margin: 0 5px 0 0;
}

.consentWrap {
	margin: 0 0 10px 0;
}

.wpcf7-form .consentWrap .wpcf7-acceptance label {
	font-size: 12px;
}

a.consentElement {
	cursor: pointer
}

.wpcf7-form input.wpcf7-text,
.wpcf7-form textarea,
.wpcf7-form select {
	max-width: 100%;
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #ccc;
	height: 45px;
	color: #045b82;
	font-size: 18px;
	padding-bottom: 4px;
	font-weight: 400;
	padding-top: 4px;
	transition: .4s;
}

.wpcf7-form input.wpcf7-text.wpcf7-validates-as-required,
.wpcf7-form textarea.wpcf7-validates-as-required,
.wpcf7-form select.wpcf7-validates-as-required {
	border-bottom: 1px solid #090939
}

.contact-form-span-title {
    font-size: 17px;
    font-weight: 300;
    color: #c8c8c8;
    position: absolute;
    left: 0;
    bottom: 11px;
}

.contact-form-wrap-usluga .contact-form-span-title {
	top: -18px;
}

.contact-form-span-title b {
	font-weight: 700;
	color: #afafaf
}

.wpcf7-form .formFooter {
	margin-top: 15px;
}

.wpcf7-response-output {
	margin: 0 !important;
	padding: 3px 10px !important;
}

.wpcf7-form select.grade {
	min-width: 75px;
	border-bottom: 1px solid #ccc;
}

.wpcf7-form label {
	line-height: 1.2;
	font-size: 14px;
}

.wpcf7-form textarea {
	overflow: hidden;
}

input.wpcf7-submit {
	padding: 15px 30px;
	font-size: 20px;
	box-sizing: border-box;
	margin: 0;
	color: #fff;
	background: #090939;
	border-bottom: 5px solid #090939;
	border-top: none;
	border-left: none;
	border-right: none;
	font-weight: 700;
	cursor: pointer;
	position: relative;
	width: 100%;
	height: auto;
	text-transform: uppercase;
	border-radius: 5px;
}

input.wpcf7-submit:hover {
	background: #090939;
}

input.wpcf7-submit:active {
	top: 2px;
}

input.wpcf7-submit:disabled,
input.wpcf7-submit:disabled:hover,
input.wpcf7-submit:disabled:active {
	opacity: 0.3;
	background: #090939;
	top: 0;
	cursor: no-drop
}

.headerForm p {
	font-weight: 700
}

.wpcf7-form h4 {
	margin: 0 0 45px 0
}

.footerCard .card-body {
	padding-bottom: 0
}

.wpcf7-form .formSection span {
	color: #888;
	font-size: 12px
}

/** Podstrony **/
.sectionHeader {
	padding: 60px;
	margin-top: 30px;
	-webkit-box-shadow: 0 5px 25px -10px #ddd;
	box-shadow: 0 5px 25px -10px #ddd;
}

.sectionHeader.sectionHeaderBG,
.sectionHeader .colImgBg {
	min-height: 480px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
}

.sectionHeader.sectionHeaderBG .entry-header {
	height: 100%;
}

.sectionHeader .colDescInner {
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.sectionHeader.sectionHeader2Cols {
	padding: 0 15px;
}

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

.container.sectionHeaderBG {
	max-width: 1920px;
}

.sectionHeader .main-btn {
	margin-top: 30px
}

.sectionHeader h1,
.sectionHeader h2 {
	font-weight: 400;
}

.sectionHeader h1,
.sectionHeader h2 {
	margin: 0 0 30px 0;
}

.sectionHeader h3 {
	font-size: 20px;
	font-weight: 300;
	padding: 0 0 30px 0
}

.sectionHeader.sectionHeader2Cols h3 {
	padding: 0;
}

.sectionHeader .main-desc p:last-child {
	margin-bottom: 0;
}

#leftCol {
	margin: 0 auto;
}

.not-found {
	padding: 90px 0;
}

.innerFlex   {
	padding: 0 30px;
}

.sectionsInner {
	padding-top: 30px
}

h1.sub-title,
.singleBody h1.page-title,
h2.sub-title {
	position: relative;
	font-size: 28px;
	font-weight: 400;
	margin: 30px 0;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	background: #eee;
	color: #045b82;
	padding: 15px;
	min-width: 300px;
	display: inline-block;
}

#pageBody h2.sub-title {
	margin-top: 70px;
	margin-bottom: 70px;
}

#pageBody .nopageBodyTxt h2.sub-title {
	margin-bottom: 30px;
}

h1.sub-title:after,
.singleBody h1.page-title:after,
h2.sub-title:after {
	position: absolute;
	top: 0;
	right: -50px;
	width: 50px;
	height: 100%;
	content: "";
	background: #eee;
	-webkit-clip-path: polygon(0 0%, 100% 0, 0 100%, 0% 100%);
	clip-path: polygon(0 0%, 100% 0, 0 100%, 0% 100%);
}

h1.sub-title:before,
.singleBody h1.page-title:before,
h2.sub-title:before {
	position: absolute;
	top: 0;
	left: -49px;
	width: 50px;
	height: 100%;
	content: "";
	background: #eee;
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
}

.pageBodyTxt h2,
.pageSubBodyTxt h2,
.leftColBody h2 {
	margin: 40px 0 20px 0;
	position: relative;
}

.pageBodyTxt h2:first-of-type {
	margin-top: 0
}

.pageBodyTxt h3,
.pageSubBodyTxt h3,
.leftColBody h3,
h3.sub-title {
	margin: 40px 0 20px 0;
	position: relative;
	font-size: 26px;
}

.pageBodyTxt h3:first-of-type {
	margin-top: 0
}

.pageSubSectionBody {
	margin-top: 60px;
}

.customBody {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.site-main .container.sections {
	max-width: 1366px;
}

.subTitleHeader {
	text-align: center;
}

.pageBodyTxtWrap {
	margin-bottom: 0;
}

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

.pageBodyTxtWrap.revColOrder {
	flex-direction: row-reverse;
}

/* O nas */
.aboutUsRef {
	margin-top: 30px
}

/* Cennik */
.pricelistPage #cennik {
	padding-top: 70px;
	padding-bottom: 70px;
}

.pricelistPage #cennik .nav-tabs-custom li a {
	color: #045b82
}

#cennik .tab-content li .priceListBody {	
	height: calc(100% - 169px);
}

.pricelistPage #cennik .nav-tabs-custom li a:active {
	box-shadow: 0 0 20px 0 #a8c0da;
}

.pricelistPage #cennik .cennikSide .cennikBlock {
    border-right: 1px solid #8cabca;
}

/* Porady */
.articleList {
	margin-top: 30px;
}

.newsElement {
	margin-bottom: 80px;
}

.newsHeader {
	padding: 10px 15px;
	background: #fff;
	text-align: center;
	box-shadow: 0 5px 10px 0 #aeb7ba;
	z-index: 10;
	position: relative;
}

.newsCoverWrap div {
	height: 100%;
}

.newsHeaderWrap {
	background: #045b82
}

.newsHeader h3 {
	font-size: 24px;
	font-weight: 400;
	overflow: hidden;
}

.newsHeader h3 a {
	color: #162c39;
}

.dateAuthorBox {
	border-top: 1px solid #e6edef;
	margin-top: 5px;
	padding-top: 5px;
}

.vlogElement .dateAuthorBox {
	margin-top: 9px;
	padding-top: 9px;
}

.newsWrapp {
	width: 100%;
}

.newsWrapp .newsBody {
	padding: 33px;
}

.vlogElement .newsWrapp .newsBody {
	padding: 25px 30px
}

.newsWrapp .newsBody p {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	margin: 0 0 40px 0
}

.dateBox i,
.dateBox span {
	font-size: 12px;
}

.dateBox span {
	margin-right: 15px;
}

.newsFooter {
	text-align: center;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.singleBody .dateAuthorBox {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	border: none;
}

.singleBody .headerImg {
	position: relative;
}

.singleBody .headerImg img {
	width: 100%;
}

.singleBody h1.page-title {
	padding: 20px 60px;
	margin: 0;
}

/* Gallery slider */
.imgSlider .slide-wrapp {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Opinie */
.archives-ref .refElement {
	margin-top: 30px;
	padding-bottom: 30px;
	-webkit-box-shadow: 0 10px 10px -15px #2a2d2e;
	box-shadow: 0 10px 10px -15px #2a2d2e;
}

.archives-ref .refBody {
	position: relative;
	padding: 15px 15px 0 60px;
}

.archives-ref .refBody::before {
    position: absolute;
    top: 0;
    left: 5px;
    content: '”';
    font-size: 100px;
    height: 10px;
    vertical-align: top;
    display: inline-block;
    line-height: 1;
    font-family: Arial;
    height: 30px;
    color: #414e59;
}

.archives-ref .refHeader h3 {
	font-size: 24px;
	font-weight: 400;
	color: #414e59;
	height: 60px;
	overflow: hidden;
}

.page #main #quickContact,
.page-template-page-2col #primary #quickContact,
.single #main #quickContact {
	padding-bottom: 100px;
	background: #fafafa;
	max-width: 1470px;
	margin: 0 auto;
}

.single #main #quickContact .quickContactCols .imgBlock .descBlockInnerOver p,
.page-template-page-2col #primary #quickContact .quickContactCols .imgBlock .descBlockInnerOver p,
.page #main #quickContact .quickContactCols .imgBlock .descBlockInnerOver p {
	font-size: 50px;
}

.page #main #quickContact .wpcf7-form .contact-form-wrap-input,
.page-template-page-2col #primary #quickContact .wpcf7-form .contact-form-wrap-input,
.single #main #quickContact .wpcf7-form .contact-form-wrap-input {
    margin-bottom: 20px;
}

.page-template-page-2col #primary #quickContact {
	margin-top: 60px;
}

/* Usługi */
.iconsSet .iconsPageWrapp {
	padding: 0;
	margin: 0;
	list-style: none;
}

.iconsSet .iconsPageWrapp li {
	margin-top: 15px;
}

.iconsSet .iconsPageWrapp li .iconElement {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	padding: 15px 15px 15px 80px;
	background-size: 45px 45px;
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 5px 5px 10px -5px #ddd;
	box-shadow: 5px 5px 10px -5px #ddd;
	width: 100%;
	height: 75px;
	display: table;
}

.iconsSet .iconsPageWrapp li .iconElement:hover {
	border: 1px solid #045b82;
}

.iconsSet .iconsPageWrapp li h4 {
	font-size: 17px;
	font-weight: 300;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

#wspolpracujesz-z-pewna-i-bezpieczna-firma p.logos-programy img {
	margin: 30px 20px;
}

.promoBlock {
	background: #090939;
	padding: 30px;
	text-align: center;
	color: #fff;
	margin: 60px 0 0;
	-webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
	clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
}

.promoBlock h3 {
	margin: 0
}

.promoBlock p {
	margin: 0;
	font-size: 14px;
}

/* Breadcrumbs */
#breadcrumbs  {
	margin: 0 0 30px 0;
	background: #f7f7f7;
	padding: 10px 20px;
}

#breadcrumbs, #breadcrumbs a, #breadcrumbs span {
	font-size: 14px;
	color: #888;
}

/* News navigation */
#navigator {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 0;
	border-top: 1px solid #ddd;
}

#navigator li {
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
}	

#navigator li a {
	display: inline-block;
	vertical-align: middle;
	color: #162c39;
	font-size: .9rem;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	position: relative;
}

#navigator li.prev a::before {
	font-family: FontAwesome;
	color: #162c39;
	display: inline-block;
	vertical-align: middle;
	content: "\f053";
	width: 26px;
	height: 20px;
	font-size: .7rem;
	font-weight: 300;
}

#navigator li.next a::after {
	font-family: FontAwesome;
	color: #162c39;
	display: inline-block;
	vertical-align: middle;
	content: "\f054";
	width: 26px;
	height: 20px;
	font-size: .7rem;
	font-weight: 300;
}

#navigator li i {
	font-size: .9rem;
	display: inline-block;
	vertical-align: middle;
}

#navigator li a:hover {
	color: #32607a
}

#navigator li a:active {
	color: #32607a
}

/* News navigation */
#pagination {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 0;
}

#pagination .pages {
	display: none;
}

#pagination a.page, #pagination span.current, #pagination span.extend {
	display: inline-block;
	vertical-align: middle;
	color: #536877;
	font-size: .9rem;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	-webkit-border-radius: 250px;
	border-radius: 250px;
	padding: 6px 14px;
	width: 35px;
	margin: 0 5px
}

#pagination span.current {
	background: #414e59;
	color: #fff
}

#pagination a.page:hover {
	background: #414e59;
	color: #fff
}

#pagination a.previouspostslink,
#pagination a.nextpostslink,
#pagination a.last,
#pagination a.first {
	color: #536877;
	font-size: .8rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

#pagination a.last,
#pagination a.first {
	color: #414e59;
}

#pagination a.previouspostslink::before {
	font-family: FontAwesome;
	color: #536877;
	display: inline-block;
	vertical-align: middle;
	content: "\f053";
	width: 26px;
	height: 14px;
	font-size: .7rem;
	font-weight: 300;
}

#pagination a.nextpostslink::after {
	font-family: FontAwesome;
	color: #536877;
	display: inline-block;
	vertical-align: middle;
	content: "\f054";
	width: 26px;
	height: 14px;
	font-size: .7rem;
	font-weight: 300;
}

/* Contact */
.contactPage #contactInner {
	margin-top: 70px;
	margin-bottom: 70px;
}

.contactPage .mapDesc > div {
	height: 100%
}

.contactPage .contactLevel2 {
	flex-direction: row-reverse;
}

.contactPage .mapDescInner ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.contactPage .mapDescInner ul li,
.contactPage .mapDescInner ul li a {
	font-size: 20px;
	font-weight: 400;
}

.contactPage .mapDescInner ul li {
	margin-bottom: 30px;
}

/** Footer **/
footer {
	margin-top: 45px;
	padding: 60px;
	background: #003145; 
}

.page-template-page-kontakt-php footer,
.page-id-175 footer,
.page-template-page-cennik footer {
	margin-top: 0
}

footer h4 {
	font-size: 18px;
	color: #92a3b1;
	margin: 0 0 40px 0;
	position: relative;
}

footer h4:after {
	display: inline-block;
	position: absolute;
	bottom: -10px;
	left: 0;
	margin: 0 auto;
	content: "";
	width: 20px;
	height: 1px;
	background: #92a3b1;
}

footer .nav li {
	display: block;
	max-width: 100%;
	width: 100%;
}

footer p,
footer ul li,
footer ol li,
footer a {
	font-size: 14px;
	color: #fff;
	margin: 0;
	font-weight: 300;
}

footer a:hover {
	color: #fff;
	opacity: 0.65;
	text-decoration: none
}

footer ul,
footer ol {
	list-style: none;
	margin: 0;
	padding: 0
}

footer ul li,
footer ol li {
	margin: 0 0 5px 0;
	position: relative;
	padding-left: 10px
}

footer ul li a,
footer ol li a {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

footer ul li a:after {
	font-family: FontAwesome;
	color: #fff;
	display: inline-block;
	content: "\f105";
	width: 14px;
	height: 14px;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	line-height: 1;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 1
}

footer ul li a:before {
	font-family: FontAwesome;
	color: #fff;
	display: inline-block;
	content: "\f105";
	width: 14px;
	height: 14px;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: -5px;
	z-index: 12;
	line-height: 1;
	bottom: 0;
	margin: auto;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

footer ul li a:hover:before {
	opacity: 1;
	left: 0;
}

footer ul li a:hover:after {
	opacity: 0;
	left: 5px;
}

footer .logoFooter img {
	max-width: 200px;
	height: auto;
}

#footer-lower {
	background: #00202d
}

#footer-lower p,
#footer-lower a {
	font-size: 12px;
	color: #fff;
	margin: 15px 0;
}

#footer-upper-3 ul li a,
#footer-upper-4 ul li a {
	color: #090939;
}

#footer-upper-4 {
	margin-top: 64px;
}

.popover {
	z-index: 100000 !important;
}

#blog a {
	color: #090939;
}

#blog .title {
	margin: 15px 0;
}

/* Gallery */
.gallery  {
	text-align: center;
	display: inline-block;
	width: 100%;
	margin: 30px 0;
}

.archives-gallery .galleryBodyDesc {
	margin: 2rem 0 3rem 0;
}

.gallery-columns-1 dl {
	width: 100%;
}

.gallery-columns-2 dl {
	width: 50%;
}

.gallery-columns-3 dl {
	width: 33.33333%;
}

.gallery-columns-4 dl {
	width: 25%;
}

.gallery-columns-5 dl {
	width: 20%;
}

.gallery-columns-6 dl {
	width: 16.66666%;
}

.gallery-columns-7 dl {
	width: 12.5%;
}

.gallery-columns-8 dl {
	width: 11.1111%;
}

.gallery-columns-9 dl {
	width: 11.1111%;
}

.gallery-columns-10 dl {
	width: 10%;
}

.gallery dl {
	float: left;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 0 30px 0;
}

.gallery dl dt a {
	position: relative;
	width: auto;
	height: 100%;
	display: inline-block;
	z-index: 10;
}

.gallery dl dt a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 0
}

.gallery dl dt a::before {
	font-family: "FontAwesome";
	color: #fff;
	display: inline-block;
	content: "\f002";
	width: 24px;
	height: 24px;
	font-size: 1.4rem;
	font-weight: normal;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 12;
	line-height: 1;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	opacity: 0;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
}

.gallery dl dt a:hover::before,
.gallery dl dt a:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.gallery dl dd {
	padding-right: 30px;	
	font-size: 12px;
	padding: 5px 0;
	text-align: center;
	box-sizing: border-box;
}

.gallery .gutters > div {
	margin-bottom: 30px;
}

.gallery a {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

.gallery a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 0
}

.gallery a:before {
	font-family: "FontAwesome";
	color: #fff;
	display: inline-block;
	content: "\f002";
	width: 24px;
	height: 24px;
	font-size: 1.4rem;
	font-weight: normal;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 12;
	line-height: 1;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	opacity: 0;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
}

.gallery a:hover:before,
.gallery a:hover:after {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* RWD Min rozdzielczości */
@media (min-width: 768px), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#przewagi .blockInner .imgBlockInner img {
		max-width: 80px;
		margin: 10px;
	}
}

@media (min-width: 992px), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.biura .biuraCols .imgBlockBg,
	.biura .biuraCols .imgSlider > div:not(.swiper-button),
	.biura .biuraCols .imgSlider > div:not(.swiper-button) > div,
	.biura .biuraCols .imgSlider > div:not(.swiper-button) > div > div,
	.biura .biuraCols .imgSlider > div:not(.swiper-button) > div > div > div,
	.biura .biuraCols .imgBlockBgInner {
		height: calc(100vh - 66px);
	}
		
	.biura .biuraCols .imgBlockMap,
	.biura .biuraCols .descBlock, 
	.biura .biuraCols .imgBlockBg, 
	.biura .biuraCols .imgBlockBgInner {
		height: calc(100vh - 66px);
	}
}

@media (min-width: 1024px), (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.navbar-lockup .nav li.menu-item-has-children ul.dropdown-menu {
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		transform: translate3d(15px,20px,0);
		-webkit-transform: translate3d(15px,20px,0);
		display: block;
		background: #07072c;
		opacity: 0;
		visibility: hidden;
		border: none;
		-webkit-box-shadow: 0 0 8px -5px #000;
		-ms-box-shadow: 0 0 8px -5px #000;
		box-shadow: 0 0 8px -5px #000;
		margin: 0;
		padding: 10px 5px;
		line-height: 1;
		border-radius: 0;
	}
	
	.navbar-lockup .nav li.menu-item-has-children:hover ul.dropdown-menu {
		opacity: 1;
		margin-left: 15px;
		visibility: visible;
		transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
	}

	.navbar-lockup .nav li.menu-item-has-children ul.dropdown-menu li {
		line-height: 1;
		width: 100%;
		padding: 0;
	}
	
	.navbar-lockup .nav li.menu-item-has-children ul.dropdown-menu li a {
		color: #fff;
		line-height: 1;
		font-size: 14px;
		padding: 10px;
		display: block;
	}
	
	.navbar-lockup .nav > li:not(.blockElement):hover > a  {
		color: #090939;
	}
	
	.nav-fix .navbar-lockup .nav > li:not(.blockElement):hover > a  {
		color: #fff;
	}
		
	.newsCoverWrap {
		padding-right: 0
	}	

	.newsHeaderWrap {
		padding-left: 0;
	}
	
	.newsCoverWrap .newsCover {
		-webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
		clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
	}
	
	.newsHeaderWrap {
		-webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
		clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
		margin-left: -80px;
	}
	
	.newsHeader {
		padding: 10px 30px 10px 90px;
		box-shadow: 0 5px 10px 0 #2b4b6c;
		margin-right: -20px;
	}
	
	.articleList .newsWrapp  {
		padding-left: 100px;
	}
	
	.newsWrapp .newsBody {
		padding: 38px 110px;
	}
	
	.sub2colImg .pageBodyTxt {
		padding-right: 30px;
	}
	
	.sub2colImg.revColOrder .pageBodyTxt {
		padding: 0 0 0 30px
	}
		
	.singleBody .headerImg .subhead-meta {
		position: absolute;
		bottom: -1px;
		right: 49px;
		margin: 0;
	}

	.singleBody .headerImg .subhead-meta:after {
		position: absolute;
		top: 0;
		right: -50px;
		width: 50px;
		height: 100%;
		content: "";
		background: #fff;
	}
	
	#przewagi .blockInner .imgBlockInner img {
		max-width: 100px;
		margin: 10px;
	}

}

@media (min-width: 1200px), (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5) {
	/** Menu i Logo **/
	.fixed-navbar {
		padding: 0 30px;
	}
	.navbar-lockup #logoMain .logo {
		height: auto;
		width: 260px;
	}
	.container {
		max-width: 1240px;
	}
	
	.navbar-lockup .nav > li.menu-item-has-children > a::after {
		right: 5px;
	}
	
	#przewagi .blockInner .imgBlockInner img {
		max-width: 130px;
		margin: 10px 20px; 
	} 
}

@media (min-width: 1360px), (min-width: 1360px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.container {
		max-width: 1300px;
	}
	
	.simpleSection .pageBodyTxt,
	.pageSubSectionBody,
	.iconBlock .pageBodyTxtWrap	{
		padding: 0 5%;
	}
	
	.iconBlock .pageBodyTxtWrap.sub2colImg {
		padding-bottom: 5%;
	}
}

@media (min-width: 1366px), (min-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

@media (min-width: 1600px), (min-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.container {
		max-width: 1500px;
	}
	
	.simpleSection .pageBodyTxt,
	.pageSubSectionBody,
	.iconBlock .pageBodyTxtWrap	{
		padding: 0 10%;
	}

	.descBlockDeep {
		padding: 0 10%;
	}
	
	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

/* Max rozdzielczości */
@media only screen and (max-width: 1680px) {

}

@media only screen and (max-width: 1440px) {	
	.navbar-lockup,
	body:not(.home) .navbar-lockup {
		max-width: 1300px;
	}
	
	#hero .pageTitle h1 span:nth-child(1) {
		font-size: 38px;
	}
	
	#hero .pageTitle h1 span:nth-child(2) {
		font-size: 44px;
	}
	
	.entry-header .main-desc ul li, 
	#hero .pageContactMeta ul li {
			font-size: 16px;
	}
}

@media only screen and (max-width: 1366px) {	
	.navbar-lockup,
	body:not(.home) .navbar-lockup	{
		max-width: calc(100% - 30px);
	}
	
	.descBlockInner {
		padding: 0 10%;
	}
	
	.sectionHeader h1 {
		font-size: 2.3rem;
	}
	
	.sectionHeader h2 {
		font-size: 1.7rem;
	}

	.sectionHeader h3 {
		font-size: 20px;
	}
	
	.newsWrapp .newsBody {
		padding: 38px 100px;
	}
		
	.biura .biuraCols .descBlock h3 {
		font-size: 34px;
	}
	
	#hero .pageTitle h1 span:nth-child(1) {
		padding: 10px 30px;
		font-size: 24px;
	}
	
	#hero .pageTitle h1 span:nth-child(1)::before {
		left: -42px;
		border-width: 0 0 42px 42px;
	}
	
	#hero .pageTitle h1 span:nth-child(1)::after {
		right: -42px;
		border-width: 42px 42px 0 0;
	}
	
	#hero .pageTitle h1 span:nth-child(2) {
		padding: 15px 57px;
		font-size: 36px;
	}
	
	#hero .pageTitle h1 span:nth-child(3) {
		padding: 15px 10px;
		font-size: 30px;
	}
	
	#hero .pageTitle h1 span:nth-child(3)::before {
		left: -66px;
		border-width: 0 0 66px 66px;
	}
	
	#hero .pageTitle h1 span:nth-child(3)::after {
		right: -66px;
		border-width: 66px 66px 0 0;
	}
	
	#hero .pageContactMeta ul li {
		min-width: 204px;
		text-align: center;
		font-size: 18px;
		margin-bottom: 20px
	}
	
	.biura .biuraCols .descBlock p {
		font-size: 16px;
	}
}
@media only screen and (max-width: 1365px),  (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

@media only screen and (max-width: 1280px),  (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.navbar-lockup {
		max-width: 1180px;
	}
	
	.subMenuSide {
		top: 100px
	}
	
	#primary #main {
		overflow-x: hidden;
	}
	
	#cennik .tab-content li .priceListBody ul li {
		padding: 15px 8% 15px 20%;
	}
	
	.newsWrapp .newsBody {
		padding: 38px 30px 38px 60px;
	}
	
	.newsWrapp .newsBody p {
		font-size: 16px;
	}
}

@media (max-width: 1199px), (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.navbar-lockup {
		max-width: 1180px;
		width: 90%;
	}
	
	body .mobile-nav-toggle {
		display: block;
	}
	
	#main-menu {
		display: none;
	}
	
	.navbar-lockup .nav li a {
		margin: 0 5px;
	}
	
	.container {
		max-width: 100% !important;
	}
	
	.miejsce {
		background-position: 55% 0;
	}
	
	.subMenuSide li a {
		padding: 15px 20px;
	}
	
	#hero .pageTitle h1 span:nth-child(1)::before {
		left: -41px;
		border-width: 0 0 41px 41px;
	}
	
	#hero .pageContactMeta {
		padding-right: 0;
	}
	
	#hero .pageContactMeta ul {
		padding: 0;
	}
	
	.container.sectionHeaderBG {
		margin-top: 0;
	}
	
	.pageBodyTxt h2, 
	.biura .biuraCols .descBlock h2 {
		font-size: 30px;
	}
	
	.biura .biuraCols .descBlock h3 {
		font-size: 22px;
	}
	
	.biura .biuraCols .descBlock h4 {
		font-size: 20px;
	}
	
	.titleHeader .titleSection h3 {
		font-size: 32px;
	}
	
	.titleHeader .titleSection h4 {
		font-size: 20px;
	}
	
	.pageBodyTxtWrap.sub2colImg .pageBodyTxt  {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#cennik .tab-content li .priceListPrice p,
	#cennik .tab-content li .priceListPrice p span {
		font-size: 20px;
	}
	
	#testimonies .testiBody {
		height: 225px;
	}
	
	#quickContact .quickContactCols .imgBlock .descBlockInnerUnder p {
		font-size: 18px;
	}

	.galleryBlock .pageBodyTxtGallery {
		flex-basis: 50%;
	}

	.galleryBlock .gallery {
		flex-basis: 50%;
	}
	
	.innerFlex {
		padding: 0;
	}
	
	#topBar .subMenuNav li {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 50%;
	}
	
	#cennik .tab-content li .priceListBody {
		height: calc(100% - 161px);
	}
	
	#cennik .tab-content li .priceListBody ul li::before {
		top: 17px;
		bottom: initial;
		width: 20px;
		height: 20px;
		font-size: 20px;
	}
	
	.rowTrainingName h5 {
		font-size: 22px;
	}
	
	.rowDateInner h4 {
		font-size: 20px;
	}
	
	#quickContact .quickContactCols .imgBlock .descBlockInnerOver p {
		font-size: 52px;
	}
	
	.singleBody .headerImg img {
		max-width: 100%;
		width: auto;
	}
	
	.logos-certyfikaty img {
		margin-bottom: 30px;
	}
	
	.logos-certyfikaty img:last-child {
		margin-bottom: 0
	}
	
	.pageBodyTxt ul li,
	.pageBodyTxt ol li,
	.pageBodyTxt p,
	#przewagi .blockInner .descBlockInner ul li,
	.biura .biuraCols .descBlock ul li,
	.biura .biuraCols .descBlock ol li,
	.biura .biuraCols .descBlock p {
		font-size: 16px;
	}
	
	input.wpcf7-submit {
		padding: 10px 15px;
	}
	
	footer p, footer ul li, footer ol li, footer a {
		font-size: 16px;
	}
}

@media (max-width: 1140px), (max-width: 1140px) and (-webkit-min-device-pixel-ratio: 1.5) {

}

@media (max-width: 1024px), (max-width: 1024x) and (-webkit-min-device-pixel-ratio: 1.5) {
	body:not(.home) {
		padding-top: 65px;
	}

	.singleBody h1.page-title {
		font-size: 32px;
	}
	
	body:not(.home) .fixed-navbar {
		height: 66px;
		background: #045b82;
	}
	
	body:not(.home) .navbar-lockup {
		line-height: 66px;
	}
	
	body:not(.home) .navbar-lockup #logoMain .logo {
		height: 50px;
		width: 138px;
	}
	
	body:not(.home) .mobile-nav-toggle {
		top: 20px;
	}
	
	body:not(.home) .mobile-nav-toggle span, 
	body:not(.home) .mobile-nav-toggle.nav-open span {
		background: #fff;
	}
	
	body:not(.home) .mobile-nav-toggle i, 
	body:not(.home) .nav-open .mobile-nav-toggle i {
		color: #fff;
	}
	
	body:not(.home) #logoMain .logoBlack {
		opacity: 0;
		top: -100px;
		visibility: hidden;
	}
	
	body:not(.home) #logoMain .logoWhite {
		opacity: 1;
		visibility: visible;
		top: 12px;
	}
	
}

@media (max-width: 1023px), (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.singleBody h1.page-title {
		font-size: 28px;
		width: 100%;
	}
}

@media (max-width: 991px), (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.mobile-nav-toggle {
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}
	
	.fixed-navbar {
		height: 128px;
	}
	
	.navbar-lockup .menu-header {
		display: none
	}
	
	#logoMain .logo {
		top: 30px
	}
	
	.navbar-lockup {
		padding: 0 25px;
	}
	
	.subMenuSide li {
		float: left;
		width: 33%;
	}
	
	.subMenuSide li ul.menuLevel2 li {
		width: 100%;
	}
	
	.miejsce {
		background-position: 70% 0;
	}
	
	#hero .pageTitle h1 span:nth-child(1)::before,
	#hero .pageTitle h1 span:nth-child(1)::after,
	#hero .pageTitle h1 span:nth-child(3)::before,
	#hero .pageTitle h1 span:nth-child(3)::after {
		display: none;
	}
	
	#hero .pageTitle h1 span:nth-child(2) {
		padding: 20px;
	}
	
	#hero .pageTitle h1 span:nth-child(3) {
		padding: 15px 10px;
		margin-right: 0;
	}

	.descBlockInner {
		padding: 0 5%;
	}
	
	.pageBodyTxt .innerFlex.imageBlockWrapp {
		text-align: center;
		width: 100%;
	}
	
	.site-main .container.sections {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.biura .biuraCols .imgBlockMap {
		height: calc(100vw / 2);
	}
	
	.biura .biuraCols .imgBlockBgInner,
	.biura .biuraCols .slide-wrapp {
		height: 100vw;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.biura .biuraCols .descBlockInner {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	#cennik .tab-content li .priceListBody {
		height: calc(100% - 153px);
	}
	
	#cennik .tab-content li .priceListPrice p span {
		display: inline-block;
	}
	
	#cennik .tab-content li .priceListBody ul li {
		padding: 10px;
		text-align: center;
		font-size: 14px;
	}
	
	#cennik .tab-content li .priceListFooter a {
		padding: 15px 5px;
		font-size: 14px;
	}
	
	#cennik .cennikUnder {
		margin: 110px 0 0;
		text-align: center;
		padding: 0 15px;
	}
	
	.rowTrainingName h5 {
		margin-bottom: 30px;
	}
	
	#cennik .cennikSide p {
		font-size: 18px;
	}
	
	#przewagi .descBlock h3, #przewagi .descBlock h4, #przewagi .descBlock p, #przewagi .descBlock ul li {
		font-size: 20px;
	}
	
	#przewagi .descBlock p, #przewagi .descBlock ul li {
		font-size: 16px;
	}
	
	#quickContact .wpcf7 {
		width: initial;
	}
	
	#quickContact .quickContactCols .imgBlock .descBlockInnerOver p {
		font-size: 40px;
	}
	
	#footer-upper-3 ul li a, #footer-upper-4 ul li a {
		display: inline-block;
		font-size: 16px;
	}
	
	#footer-upper-3 ul li a::after,
	#footer-upper-4 ul li a::after {
		display: none;
	}
	
	.container.sectionHeaderBG {
		min-height: initial;
	}
	
	.sectionHeader h1:last-child, 
	.sectionHeader h2:last-child {
		margin-bottom: 0 
	}
	
	#pageBody h2.sub-title {
		margin-top: 40px;
	}
	
	#cennik .tab-content li .priceListBody ul li::before {
		display: none;
	}
	
	.contactRightInner, .contactLeftInner {
		padding: 30px 0;
	}
	
	#contact .checkerBlock .col-12 > div {
		padding: 10px
	}

	#contactInner .contactBlock .contactBlockInner, #contactInner .contactInfoBlock .checkerBlock > div {
		height: auto;
		padding: 20px 0
	}

	#contactInner .contactInfoBlock .contactBlockInner h3,
	#contactInner .contactInfoBlock .contactBlockInner h4 {
		margin: 0;
	}
	
	#contact .contactBody {
		padding-bottom: 300px;
	}
	
	#googleMap {
		top: 0; 
	}
	
	#hero .pageContactMeta ul li {
		min-width: 300px;
	}
	
	#leftCol {
		margin: initial;
	}
	
	h1.sub-title::before, .singleBody h1.page-title::before, h2.sub-title::before,
	h1.sub-title::after, .singleBody h1.page-title::after, h2.sub-title::after {
		display: none;
	}
	
	
	/* Opinie */
	.newsWrapp {
		width: auto;
	}
	
	.newsHeader {
		box-shadow: none;
	}
	
	.newsWrapp .newsBody {
		padding: 30px;
	}
	
	.newsWrapp .newsBody p {
		margin: 0 0 20px 0;
	}
	
	.newsCover img {
		width: 100%;
	}
	
	.footerCol {
		margin-bottom: 45px
	}
	
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.subMenuNav {
		display: flex;
		flex-wrap: wrap;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.subMenuSide li {
		float: initial;
		width: initial;
		width: 33%;
		margin-bottom: 5px;
		height: 50px;
	}
	
	.subMenuSide li a {
		padding: 10px;
		height: 100%;
	}

}

@media (max-width: 800px), (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.section-content .pageBodyTxt {
		margin-bottom: 45px;
		
	}
	
	.section-content .pageBodyTxt .d-flex {
		-ms-flex-pack: start  !important;
		justify-content: start  !important;
	}
	
}

@media (max-width: 768px), (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

@media (max-width: 767px), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.home .mobile-nav-toggle i {
		display: none
	}
	
	#primary #main {
		margin-top: 30px
	}
	
	.nav-fix.home .mobile-nav-toggle i {
		display: block;
	}
	
	.navbar-lockup #logoMain .logo {
		height: 50px;
		width: 138px;
	}
	
	.mobile-nav-toggle.nav-fix {
		top: 15px;
	}
	
	.mobile-nav-toggle.nav-fix.nav-open {
		top: 18px
	}
	
	.mobileBtn {
		display: block;
	}
	
	.subMenuSide {
		padding: 0;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transform: translate3D(-100%,0,0);
		transform: translate3D(-100%,0,0);
	}
	
	.subMenuSide.is-active {
		-webkit-transform: translate3D(0,0,0);
		transform: translate3D(0,0,0);
	}
	
	.subMenuSide.is-active .mobileBtn {
		right: -10px;
		top: 1px;
		z-index: 100;
	}
	
	.subMenuSide li a {
		min-height: 0;
		padding: 12px 20px
	}
	
	.side-nav-fix .mobileBtn {
		top: 0
	}
	
	.mobileBtn {
		top: -50px;
		right: -65px;
	}
	
	.subMenuSide {
		margin: 76px 0 30px 0;
	}
	
	.side-nav-fix .subMenuSide {
		position: fixed;
		top: 0;
	}
	
	.side-nav-fix .subMenuSide .mobileBtn p {
		display: none;
	}
	
	.subMenuSideInner {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.subMenuSide li {
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: auto;
		float: none;
		width: auto;
	}
		
	.fixed-navbar #socialHeader {
		display: none !important;
	}
	
	.slide-out-nav #socialHeader {
		display: block;
	}
	
	.error404 h1 {
		margin: 60px 0 40px 0;
		font-size: 40px;
		padding: 0 5%;
	}
	
	#topBar .subMenuNav {
		margin: 0
	}
	
	#topBar .subMenuNav li > div {
		padding: 10px 0;
	}
	
	#topBar .subMenuNav li {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 100%;
	}
	
	#topBar .subMenuNav li a {
		padding: 10px;
	}
	
	.container.sections .pageBodyTxt.col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#contactRight h3, #contactLeft h3 {
		text-align: center;
	}
	
	.sectionHeader .colDescInner {
		padding-left: 0;
	}
	
	.titleHeader .titleSection h3 {
		font-size: 28px;
	}
	
	.ctaSecton {
		margin-top: 0 !important
	}
	
	.ctaSecton .cennikSzkolenBlock .descBlockInner p {
		text-align: left !important;
	}
	
	.ctaSecton .cennikSzkolenBlock {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
	
	
	.ctaSecton .cennikSzkolenBlock .descBlockInner {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
	#cennik .tab-content li.priceList {
			margin-bottom: 30px;
			padding: 0;
	}	
	
	#cennik .tab-content li.bestOffer {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
	
	#cennik .tab-content li.priceListPriceTxt .priceListFooter {
		position: relative;
		bottom: initial;
	}
	
	#cennik .cennikUnder {
		margin: 20px 0 0;
	}
	
	.descBlockInner {
		padding: 0;
	}
	
	.biuraCols .descBlockInner {
		padding: 0 20px;
	}
	
	.cennikBlock {
		margin-bottom: 30px;
	}
	
	.cennikBtn .descBlockInner,
	.cennikBtn .descBlockInner a {
		width: 100%;
	}
	
	#cennik .tab-content li .priceListBody {
		height: auto;
	}
	
	#cennik .tab-content li .priceListBody ul li::before {
		display: block;
		top: 10px;
	}
	
	.pageBodyTxt .innerFlex.imageBlockWrapp {
		padding: 0;
	}
	
	/* zamiana koleności kolumn w kraiera */
	.page-id-549 .row.section-content {
		flex-direction: column-reverse;
		margin-top: -40px;
	}
	
	.page-id-549 .row.section-content .imageBlock  {
		margin-bottom: 30px;
	}
	
	.sections .descBlock  {
		margin-top: 30px
	}
	
	#quickContact .wpcf7 {
		width: 100%;
	}
	
	.sectionHeader h3 {
		padding: 0 5%;
	}
	
	.sectionHeader {
		padding: 60px 20px;
	}
	
	#cennik .tab-content li .priceListBody ul li {
		padding: 10px 10px 10px 50px;
		text-align: left;
	}
	
	.sectionHeader h1 {
		font-size: 2rem;
		line-height: 1;
	}
	
	.pageBodyTxt h2{
		font-size: 1.8rem;
		line-height: 1;
	} 
	
	.pageBodyTxt h3 {
		font-size: 1.6rem;
		line-height: 1;
	}
	
	.pageBodyTxt,
	.pageBodyTxtWrap {
		padding: 0 10px
	}
	
	#cennik .nav-tabs-custom {
		margin: 0 0 40px 0;
	}
	
	.modal-body .modalDesc p {
		font-size: 26px;
	}
	
	.modal-body .modalDesc p:last-child {
		margin-bottom: 20px;
	}
	
	.wpcf7-form .contact-form-wrap-input {
		margin-bottom: 25px;
	}
	
	.wpcf7-form .contact-form-wrap-input.contact-form-wrap-usluga {
		margin-bottom: 0
	}
	
	.promoBlock {
		padding: 30px 45px;
	}
	
	.promoBlock h3 {
		margin-bottom: 20px;
	}

	/** Content **/	
	#hero #pageTitle h3 {
		font-size: 20px;
	}
	
	#hero #pageTitle h1 {
		font-size: 40px;
		margin: 20px 0;
	}
	
	#hero .btn-blue {
		width: 100%;
	}
	
	#hero #pageTitle h4 {
		margin: 30px 0 15px 0;
		text-align: center;
	}
	
	#hero #pageTitle h4 span {
		display: none;
	}
	
	#hero #pageTitle h4 a {
		width: 100%;
		font-size: 26px;
		display: inline-block;
	}
	
	#hero #pageTitle h5	{
		text-align: center;
		margin-bottom: 84px;
	}
	
	#primary h1,
	#primary h2,
	#primary h3,
	#primary h4,
	#primary h5 {
		text-align: center;
	}
	
	h1.sub-title {
		font-size: 26px;
	}
	
	h2.sub-title {
		font-size: 22px;
	}
	
	h3.sub-title {
		font-size: 20px;
	}
	
	h4.sub-title {
		font-size:18px;
	}
	
	.innerFlex {
		padding: 0 15px;
	}
	
	.single-videoblog #main iframe {
		height: 100vh;
	}
	
	.contactPage .contactLevel2 {
		margin-bottom: 30px
	}
	
	.iconsSet .iconsPageWrapp li {
		margin-top: 8px;
	}
	
	.pageBodyImg {
		height: 400px;
	}
	
	.iconsSet .iconsPageWrapp li h4 {
		font-size: 16px;
	}
	
	.iconsSet .iconsPageWrapp li .iconElement {
		background-size: auto 50%;
	}
	
	#footer-upper-3 {
		margin-top: 30px
	}
		
	#footer-upper-2 {
		margin-top: 30px
	}
	
	#footer-upper-4 {
		margin-top: 20px;
	}
	
	#footer-upper-3 ul li a::after,
	#footer-upper-4 ul li a::after {
		display: inline-block;;
	}
}

/* iphone 6 plus*/
@media (max-width: 736px), (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.miejsce {
		background-position: 72% 100%;
	}

}

/* iphone 6 */
@media (max-width: 667px), (max-width: 667px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

@media (max-width: 640px), (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Nexusy */
@media (max-width: 604px), (max-width: 604px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

/* Bootstrap small */
@media (max-width: 576px), (max-width: 576px) and (-webkit-min-device-pixel-ratio: 1.5) {	
	.btn-green a span, 
	a.btn-green span, 
	.btn-green a i, 
	a.btn-green i {
		padding: 10px;
	}
	
	.contactPage .contactLevel2 {
		padding-top: 30px
	}
	
	#quickContact .titleHeader .titleSection h3 {
		margin-top: 0
	}
	
	.sections {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.sectionHeader h3 {
		padding: 0;
	}
	
	#pageBody h2.sub-title {
		width: 100%;
	}
}

@media (max-width: 480px), (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.slide-out-nav .mobile-nav {
		margin-top: 0
	}
	
	#hero .pageTitle h1 span:nth-child(1) {
		font-size: 18px;
	}
	
	#hero .pageTitle h1 span:nth-child(2) {
		font-size: 20px;
	}
	
	.mobile-nav-toggle span {
		background: #162c39;
	}
	
	.fixed-navbar.nav-fix {
		height: 66px;
	}
	
	.navbar-lockup.nav-fix {
		line-height: 66px;
	}
	
	.fixed-navbar.nav-fix #logoMain {
		margin-top: 8px;
	}
	
	.nav {
		display: inline-block;
		vertical-align: top
	}
	
	.col {
		flex-basis: initial;
	}
	
	.slide-out-nav .menu-header {
		margin-top: 58px;
	}
	
	.btn-blue a span, a.btn-blue span, 
	.btn-blue a i, a.btn-blue i {
		padding: 20px 15px;
	}
	
	.pageContactMeta a.btn-blue span {
		width: 100%;
	}
	
	.biuraCols .descBlockInner {
		padding: 0 10px;
	}
	
	.biura .biuraCols {
		margin-bottom: 0;
	}
	
	#przewagi {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.biura .biuraCols .imgBlockMap {
		height: calc(100vw);
	}
	
	#szybki-kontakt,
	.oNasCols > div:last-child {
		margin-top: 45px
	}
	
	.biura .biuraCols .imgBlockBg, 
	.biura .biuraCols .imgBlockBgInner {
		height: 100vw;
	}
	
	.przewagiCols > div {
		margin-bottom: 45px;
	}
	
	.przewagiCols > div:last-child {
		margin-bottom: 0;
	}
	
	/** Content **/
	.sections.section-1 h3 {
		font-size: 1.2rem;
		line-height: 1.35;
	}
	
	.sections .innerFlex h4 {
		font-size: 1.1rem;
	}
	
	.sections h2.section-title {
		font-size: 1.3rem;
		margin-bottom: 50px;
	}
	
	.sections .innerFlex h3 {
		margin: 0 0 25px 0;
		font-size: 24px;
	}
	
	.slide-out-nav #socialHeader {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	
	.slide-out-nav .socialHeaderInner {
		width: 100%;
		display: inline-block;
	}
	
	.slide-out-nav ul.socialHeaderInner li {
		display: inline-block;
		float: none;
		margin: 0 10px;
	}
	
	.singleBody h1.page-title {
		font-size: 24px;
	}
	
	#footer-lower p {
		text-align: center;
	}
	
	#footer-lower-1a p {
		margin-bottom: 0
	}
}

/* iphone 6 plus*/
@media (max-width: 414px), (max-width: 414px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.slide-out-nav {
		overflow-y: visible;
		overflow-x: hidden;
		height: 100vh
	}
	
	.fixed-navbar.nav-fix #logoMain {
		margin-top: 11px;
		height: 50px;
		width: 138px;
		margin: 0;
	}
	
	.nav-fix #logoMain .logoWhite {
		top: 6px;
	}
	
	#logoMain .logo {
		top: 30px;
	}
	
	.mobile-nav-toggle.nav-fix {
		top: 15px;
	}
	
	#leftCol h1.page-title {
		font-size: 2rem;
	}
	
	.iframe-body iframe {
		min-height: 360px;
	}
	
	.contactBlockInnerInfo3 h3 {
		padding: 1rem
	}
	
	.modal-title {
		font-size: 1.5rem
	}
	
	#contact .contactBody {
		padding-bottom: 6rem;
	}
	
	#nawigator {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		margin-bottom: 10px;
	}
	
	#nawigator li {
	    padding: 5px;
	}
	
	#nawigator li.prev {
		float: left;
	}
	
	#nawigator li.next {
		float: right;
	}
	
	.sectionHeader {
		margin-top: 0;
	}
	
	body:not(.home) {
		padding-top: 50px;
	}
	
	.innerFlex.innerFlexTxtWrapp {
		padding-bottom: 30px;
	}
}

/* iphone 6 */
@media (max-width: 380px), (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
	body .popover {
		max-width: 360px !important
	}
}

@media (max-width: 360px), (max-width: 360px) and (-webkit-min-device-pixel-ratio: 1.5) {	
	#hero .pageTitleInner {
		text-align: center;
	}
	
	#contact .checkerBlock .checkerBlock4 p {
		font-size: 16px;
	}
	
	#contact .checkerBlock .checkerBlock1 h4 {
		font-size: 18px;
	}
	
	#hero #pageTitle h3 {
		margin-top: 10px;
	}
		
	#hero #pageTitle h1 {
		font-size: 32px;
		margin: 5px 0 20px 0;
		text-align: center;
	}
	
	body .popover {
		max-width: 340px !important
	}
}

@media (max-width: 320px), (width-max: 320px) and (-webkit-min-device-pixel-ratio: 1.5) {
	body .popover {
		max-width: 300px !important
	}
}