/*
Theme Name: reem
Author: GW
*/
.wpcf7-form-control-wrap input {
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	color: #000000;
	padding: 15px 0;
	width: 100%;
}
.wpcf7-form-control-wrap textarea {
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	color: #000000;
	height: 90px;
	padding: 15px 0;
	width: 100%;
}
.wpcf7-form-control-wrap ::-webkit-input-placeholder { /* WebKit browsers */
    color: #000 !important;
    opacity: 1;
}
.wpcf7-form-control-wrap :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1;
}
.wpcf7-form-control-wrap ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1;
}
.wpcf7-form-control-wrap :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000 !important;
    opacity: 1;
}
.select_euoxz {
    width: 100%;
    display: inline-block;
    color: #fff;
    padding: 22px;
    background-color:#12152c;
    cursor: pointer;
	text-align: center;
}
span.wpcf7-form-control-wrap {
    position: relative;
}
#euoaszxcn {
    display: none;
}
#field_submit.wpcf7-form-control {
	float: right;
	width: 95% !important;
	background: #009ee2;
	color: #FFFFFF;
	border: 2px solid #009ee2;
	padding: 20px 0;
}
#field_submit.wpcf7-form-control:hover {
	background: #FFFFFF;
	color: #009ee2;
	border: 2px solid #009ee2;
}
.wpcf7-form .row p {
	width: 100%;
}
/*html body .gform_wrapper.gravity-theme  .upfile .gfield_validation_message {
    display: block!important;
    width: 100%!important;
    background: #12152c !important;
    height: 50px;
    position: absolute!important;
    top: 0;
    left: 0;
    padding: 0 !important;
    margin: 0px !important;
}

html body .upfile .gfield_validation_message::after {
    content: 'Add Attachement';
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}
html body .upfile .ginput_container_fileupload {
  float: left;
  width: 100%;
  position: relative;
}*/
/*html {
  scroll-behavior: smooth;
}*/

body {
	font-family: 'Montserrat', sans-serif !important;
	font-size:15px !important; 
	line-height: 24px !important;
	background: #fff;
	font-weight:300 !important;
	color:#000000 !important;
	position:relative;
}

html, body {
	width:100%;
	min-width:100%;
	max-width:100%;
	margin:0px;
	padding:0;
	height:auto;
	float:left;
}
.main-row {
	float:left;
	width:100%;
	height:auto;
	overflow-x:hidden;
}
.main-row p {
    margin: 0 0 20px;
}
a:hover {
	text-decoration:none;
	color:#009ee2;
}
a:focus {
    outline: none !important;
    outline-offset: 0  !important;
}
a:focus, a:hover, a:active {
	outline:none;
}

*:focus, *:hover, *:active {
	outline:none;
}

a, *{
	outline:none;
}
html body a {
	color:#009ee2;
	text-decoration:none !important;
}
html body a:hover {
	color:#000000;
	text-decoration:none !important;
}
a.main-btn {
	color: #000000;
	text-decoration: none !important;
		transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
a.main-btn:hover {
	color: #666666;
	text-decoration: none !important;
}
a.main-btn span {
	margin-left: 10px;
		transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
a.main-btn:hover span {
	margin-left: 20px;
}
.txt-left {
	text-align:left;
}
.txt-right {
	text-align: right;
}
strong, b {
	font-weight:600 !important;
}
html .nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(0,0,0,0.85) !important;
}
.container {
	max-width: none !important;
	width:92% !important;
	margin:0 auto;
	position: relative;
}
img {
	max-width:100%;
	height:auto;
}
blockquote {
    padding: 0 0 0 30px !important;
    margin: 20px 0 40px 5% !important;
    border-left: 5px solid #009ee2 !important;
	float: left;
	font-size:20px;
	width:90%;
}
blockquote p {
	font-size: 21px;
	font-weight: 600;
	line-height: 29px;
}
.wp-caption-text, .gallery-caption {
	display:none;
}

.gallery-item {
    margin: 0px !important;
	padding:0;
	border:0px;
}

.gallery  {
	width:100% !important;
}

.gallery-columns-3 .gallery-item {
	width:30% !important;
	height:auto !important;
}

.gallery-item  img {
    border: 0px solid #cfcfcf !important;
}

html body .gallery {
	float:left;
	width:100%;
}

.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 30px 20px 0;
}

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

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 20px 30px;
}

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

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}
.main-row {
	float: left;
	width: 100%;
}
.page-title {
	margin-top: 30px;
	margin-bottom: 50px;
}
.arrow {
	width: 100px;
	height: 40px;
	background: url(../img/arrow-black.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center; 
	float: right;
	margin-top: 20px;
}
.arrow-white {
	width: 100px;
	height: 40px;
	background: url(../img/arrow-white.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center; 
	float: right;
	margin-top: 20px;
}
.arrowleft {
	transform:rotate(-180deg);
	float: left;
}


/*SECTION*/

.section-home {
	float: left;
	width: 100%;
}
.section-home .section-txt h1,
.section-home .section-txt h2,
.section-home .section-txt h3,
.section-home .section-txt h4
{
	font-weight: 200;
	font-size: 36px;
	line-height: 40px;
	width: 100%;
	margin-bottom: 40px;
	position: relative;
}
.section-home .section-txt h5
{
	font-weight: 200;
	font-size: 27px;
	line-height: 35px;
	width: 100%;
	margin-bottom: 40px;
	position: relative;
}
.section-home .section-txt h1 strong,
.section-home .section-txt h1 b,
.section-home .section-txt h2 strong,
.section-home .section-txt h2 b,
.section-home .section-txt h3 strong,
.section-home .section-txt h3 b,
.section-home .section-txt h4 strong,
.section-home .section-txt h4 b,
.section-home .section-txt h5 strong,
.section-home .section-txt h5 b
{
	font-weight: 800;
}
#slider {
	color: #FFFFFF;
	position: relative;
}
#slider:after {
	width: 75%;
	height: calc(100% + 50px);
	position: absolute;
	right: 5%;
	top: 90px;
	content: '';
	background: url(https://reem.vc/files/reem-banner.png);
	background-position: right top;
	background-size: contain;
	background-repeat: no-repeat;
}
#slider .section-txt {
	z-index: 2;
}
#about {
	padding: 100px 0;
}
#work {
	padding: 100px 0 100px 0;
}
#focus {
	padding: 100px 0;
	background-position: left bottom !important;
	background-repeat: no-repeat !important;
	background-size: 60% auto !important;
	color: #FFFFFF;
	position: relative;
}
.section-foto-focus-bg {
	height: auto;
	background-position: center!important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	color: #FFFFFF;
	z-index: 1;
}
.section-foto-focus-tx {
	z-index: 1;
}
.section-foto-absolut {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 55%;
	height: auto;
	z-index: 0;
}
#summary {
	color: #FFFFFF;
	position: relative;
	padding: 110px 0;
	background-size:auto 100% !important;
	background-position: left center!important;
	background-repeat: no-repeat !important;
}
#summary .section-txt {
	z-index: 2;
}
#summary ol {
	padding-left: 26px;
}
#summary ol li {
	padding-left: 30px;
	padding-bottom: 25px;
	position: relative;
}
#summary ol li:after {
	content: '';
	width: 35px; 
	height: 35px;
	border-radius: 100%;
	border: 1px solid #FFFFFF;
	left: -28px;
	top: -5px;
	position: absolute; 
}
#contact {
	position: relative;
	padding: 120px 0 80px 0;
}

/*CONTENT*/

.main-content {
	padding:0 0 50px 0;
	margin-top:-20px; 
}

.main-content ul, .main-content ol {
	margin-left:20px;
	padding-left:0px;
}
.main-head {
	background:#000000;
	padding:40px;
	color:#FFFFFF;
	border-radius:5px;
	margin-bottom:50px;
}
.main-content li {
	padding-left:18px;
	position:relative;
	text-align:left;
}

.main-content ul li {
	list-style:none;
	position:relative;
}
.main-content {
	width:100%;
	float:left;
	box-sizing:border-box;
}
table ul {
	margin-left:0px !important;
	line-height:20px;
}

table ul li{
	margin-bottom:8px;
}

.tablepress td {
	padding:20px 15px !important;
	border: 1px solid #eee !important;
	font-size:15px;
	line-height:18px;
}
.dataTables_wrapper .dataTables_filter input {
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 30px;
}
.tablepress tfoot th, 
.tablepress thead th {
	background:#cad512!important;
	background-color:#cad512!important;
	color:#000000;
	padding:20px 15px;
	font-weight:500 !important;
	font-size:16px;
	border: 1px solid #eee !important;
}

.tablepress td b, .tablepress td strong {
	color:#333;
	font-size:15px;
	font-weight:500 !important;
	margin-bottom:5px;
	float: left;
	width: 100%;
}
.vidbg-tap-to-unmute {
	top: auto !important;
	bottom:90px!important;  
	left: auto!important;
	right:30px!important;
	z-index:10000;
	padding:10px 15px 10px 15px!important;
	color: #fff!important;
	border:0px solid #009ee2;
	background:#009ee2!important;
	text-align:center;
	text-decoration: none !important;
	margin-top:10px;
	border-radius:30px!important;
	float:right;
	height:50px;
	line-height:32px;
	font-weight:500;
	font-size:13px;
	text-transform:uppercase;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}

/*gotop*/

.gotop {
	position:fixed;
	right:30px;
	z-index:201;
	bottom:30px;
	width:60px;
	height:60px;
	color:#FFFFFF;
	background:#000000;
	text-align:center;
	line-height:60px;
	font-size:35px;
	font-weight:400;
	border-radius:100%;
	padding-right:7px;
		transition: all 0.3s ease 0s !important;
    -moz-transition: all 0.3s ease 0s !important;
    -webkit-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    -ms-transition: all 0.3s ease 0s !important;
}
.gotop a {
	display:block;
	color:#ffffff;
	transform:rotate(-90deg);
}
.gotop:hover {
	background:#333333;
}
.gotop:hover a{
	color:#ffffff;
}

/*FORMULARZ*/

html body .gform_wrapper form li, .gform_wrapper li {
	list-style:inherit !important;
}

html body .gform_wrapper li.gsection.gf_scroll_text {
    padding:30px 30px !important;
	margin-bottom:35px !important;
    background-color: #fff;
	overflow-y: hidden !important;
    border:1px solid #eee !important;
	border-radius:30px;
    border-bottom: 1px solid #eee!important;
	height: 280px !important
}

html body .gform_wrapper .top_label li.gsection.gf_scroll_text .gsection_description {
    font-size: 14px !important;
}

.gsection_description li {
	line-height:17px;
	padding-bottom:10px;
}

.gfield_checkbox li {
	font-size: 15px !important;
	line-height:18px;
	padding-bottom:10px;
}

.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
    font-weight: 600 !important;
}

h2.gsection_title, .gsection_description h3 {
	font-size:20px!important;
	color:#333!important;
	font-weight:600!important;
	text-transform:uppercase!important;
	margin-bottom:20px!important;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
    vertical-align: top !important;
	margin-right: 10px;
}


.gform_wrapper.gf_browser_gecko select {
    padding: 20px !important;
    background: #FcFcFc;
    width: 100% !important;
}

.gform_wrapper ul li.gfield.pol-pole {
    clear: none !important;
}

.zgodyna .gfield_checkbox li label {
	font-weight:500;
	padding-left:7px !important;
	padding-top:2px !important;
}
li.gfield {
	padding-left:0px;
}
.gform_wrapper textarea.large {
    height: 100px !important;
}
.gform_wrapper .gform_page_footer {
    border-top: 0px dotted #CCC !important;
}
.gform_body input, 
.gform_body textarea {
	padding:13px 0 !important;
	background:#fff;
	border-bottom:1px solid #000000;
	border-left:0px solid #000000;
	border-right:0px solid #000000;
	border-top:0px solid #000000;
	margin-bottom: 10px !important;
	font-size: 15px !important;
}
.gform_wrapper label.gfield_label {
    font-weight: 500 !important;
    font-size: 15px!important;
	color:#000000;
	margin-top:10px;
}
.name_first label, 
.name_last label,
.gform_fileupload_rules{
	display:none !important;
}
label {
    font-weight: 400 !important;
}
.ukryta-nazwa .gfield_label {
	display:none !important;
}
html body .gform_button, html body .gform_next_button, #wp-submit  {
    padding:10px 20px !important;
	text-transform:uppercase;
	font-size:15px !important;
	border-radius:0px; 
	color:#FFFFFF !important;
	font-weight:500 !important;
	text-decoration:none !important; 
	background:#009ee2;
	border:2px solid #009ee2;
	transition: all 0.3s ease 0s !important;
    -moz-transition: all 0.3s ease 0s !important;
    -webkit-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    -ms-transition: all 0.3s ease 0s !important;
	width: auto!important;
	cursor:pointer;
	border-radius:0px;
	text-align: left;
	box-sizing: border-box;
}

html body .gv-search-button {
    padding:20px 25px !important;
	text-transform:uppercase;
	font-size:17px !important;
	border-radius:35px; 
	color:#fff !important;
	font-weight:600 !important;
	text-decoration:none !important;
	background:#009ee2 !important;
	border:2px solid #009ee2 !important;
	transition: all 0.3s ease 0s !important;
    -moz-transition: all 0.3s ease 0s !important;
    -webkit-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    -ms-transition: all 0.3s ease 0s !important;
	margin:0 0 0px 10px!important;
	width:270px!important;
	cursor:pointer;
	border-radius:40px;
	text-align: center;
	box-sizing: border-box;
}

.gv-search-button:hover, #wp-submit:hover {
	background:#fff !important;
	color:#009ee2 !important;
}


html body .gform_previous_button {
    padding:20px 25px !important;
	text-transform:uppercase;
	font-size:14px !important;
	color:#888;
	font-weight:400 !important;
	text-decoration:none !important;
	background:#eee;
	border:2px solid #eee;
	transition: all 0.3s ease 0s !important;
    -moz-transition: all 0.3s ease 0s !important;
    -webkit-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    -ms-transition: all 0.3s ease 0s !important;
	margin:0 auto!important;
	width:270px!important;
	cursor:pointer;
	border-radius:40px;
	text-align: center;
}

html body .gform_button:hover {
	color: #009ee2 !important;
    background: none;
    border: 2px solid #009ee2;
}

html body .gform_wrapper div.validation_error {
    color: #009ee2;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 25px;
    border-top: 0px solid #009ee2;
    border-bottom: 0px solid #009ee2;
    padding: 16px 0;
    clear: both;
    width: 100%;
    text-align: center;
}

html body .gform_wrapper li.gfield.gfield_error, html body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    border-top: 0px solid #009ee2;
    border-bottom: 0px solid #009ee2;
	padding-bottom: 0px;
	padding-top: 0px;
}

html body .gform_wrapper .validation_message {
    color: #009ee2;
    padding-top: 0px !important;
	font-size: 13px;
	font-weight: 400;
}
.gform_wrapper .gfield_required {
    color: #009ee2;
}

/*input[type=file] {
  	width: 100% !important;
  	max-width: 100%;
  	padding: 14px!important;
	float: left;
	cursor: pointer;
	background: #12152c;
	color: #ffffff!important;
}

input[type=file]::file-selector-button {
  margin-right: 0px;
  border: none;
  background: #12152c;
  padding: 0px;
  border-radius: 0px;
  color: #fff;
	display: none;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
  background: #0d45a5;
	cursor: pointer;
}*/
#field_submit .gform-button {
	float: right;
	width: 100% !important;
	background: #009ee2;
	color: #FFFFFF;
	border: 2px solid #009ee2;
}
#field_submit .gform-button:hover {
	background: #FFFFFF;
	color: #009ee2;
	border: 2px solid #009ee2;
}
.gform_wrapper ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000000;
}
.gform_wrapper :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000000;
   opacity:  1;
}
.gform_wrapper ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000000;
   opacity:  1;
}
.gform_wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000000;
}
.gform_wrapper ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000000;
}

.gform_wrapper ::placeholder { /* Most modern browsers support this now. */
   color:    #000000;
}
.gform_wrapper.gravity-theme .gform_validation_errors,
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
  background: none!important;
  border: 0px solid #c02b0a !important;
  border-radius: 0px!important;
  box-shadow: none !important;
  margin-bottom: 10px!important;
  margin-top: 20px!important;
  padding: 0!important;
  position: relative;
  width: 100%;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
  border-bottom: 1px solid #c02b0a!important;
  border-top: 0px solid #c02b0a!important;
  border-left: 0px solid #c02b0a!important;
  border-right: 0px solid #c02b0a!important;
}

/*OKRUSZKI
-------------------------------------------------- */

#breadcrumbs {
	font-size: 12px;
	color:#666666 ;
	margin-left:-5px;
	margin-bottom:10px;
}

#breadcrumbs a {
	color:#666666; 
	margin:0 5px;
}

.breadcrumb_last {
	color:#666666;
	margin:0 5px;
}

.naglowek-okruszkow {
	color:#666666;
}



/*PAGINACJA
-------------------------------------------------- */
.paginacja {
	float:left;
	width:100%;
	margin-bottom:50px;
	text-align:center;
}

.paginacja a {
	background:#eee;
	padding:10px 20px;
	color:#333;
	text-align:center;
	font-weight:500;
	font-size:12px;
	text-decoration:none;
}

.paginacja a:hover {
	background:#009ee2;
	text-decoration:none;
	color:#fff;
}

.paginacja .nav-previous, .paginacja .nav-previous  a{
	display:inline-block;
	margin:3px;
}

.paginacja .nav-next, .paginacja .nav-next a {
	display:inline-block;
	margin:3px;
}


/*NAG£ÓWEK
-------------------------------------------------- */

@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -300px 0; }
}
.admin-bar .main-header {
	top: 32px;
}
.main-header {
	width:100%;
	float: left;
	z-index: 100000;
	position: fixed;
	padding: 10px 0 0 0;
	height: 80px;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;

}
.main-header.short {
  z-index: 100000;
  position: fixed;
  height: 80px;
  padding: 0px;
	background: #12152c;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)  ; 
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)  ; 
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)  ; 
}
.main-header.short .container {
  border-bottom: 0px solid #FFFFFF;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
		transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
.main-header.short .logotyp img {
  width: 100px;
}
.main-header .container {
	border-bottom: 0px solid #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
#subpage-header .slider-whole {
	background-size: cover; 
	background-attachment: fixed; 
	background-repeat: no-repeat;
	height:300px;
	margin-bottom: 50px;
}
.logotyp {
	display:inline-block;
	vertical-align:middle;
	width:auto;
	padding:0px 30px 0 0;
	margin-top:0px;
	text-align: left;
}
.logotyp img {
	width: 125px;
	max-width: 100%;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
.social {
	float: left;
	width: auto;
}
.social .social-icon {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}
.social .social-icon img {
	width: 20px;
	height: 20px;
}
#headerNav {
	width: 50%;
	text-align: left;
}
.navbar {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	text-align:left;
	position: relative !important;
	left:0;
	top:0;
	right:0;
	border-radius:0px !important;
	z-index:999;
	transition: all 0.15s ease 0s!important;
    -moz-transition: all 0.15s ease 0s!important;
    -webkit-transition: all 0.15s ease 0s!important;
    -o-transition: all 0.15s ease 0s!important;
    -ms-transition: all 0.15s ease 0s!important;
}
.navbar-toggler-close {
	display: none;
}
.navbar-default {  
    border-color: transparent !important;
	margin-bottom:0 !important;
	border: none !important;
}
.navbar-default {
	padding-top:0px;
	background-color:transparent !important;
}
.navbar ul {
	width: 100%;
	margin: 0 0px 0 0;
	padding: 0;
	text-align: right;
	float: none;
	display: inline;
}
.navbar li { 
	display:inline-block !important;
	vertical-align:middle;
	position:relative;
	list-style:none;
	float: none !important;
}
.navbar li a {
	display:block;
	padding:20px 25px !important;
	font-size:15px; 
	text-align:center;
	color:#FFFFFF !important;
	font-weight:500;
}
.navbar li a:hover {
	color:#009ee2 !important;	
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent !important;
}

.navbar-default .navbar-nav > li.active:first-child > a {
}

.navbar li.menu-item-has-children:hover ul.sub-menu {
	display:block;
	width:100%;
}
.navbar li ul.sub-menu:hover {
	display:block;
}
.navbar li ul.sub-menu li {
	border:none !important;
	float:left;
	width:100%;
}
.navbar li ul.sub-menu a:hover {
	background:#eee;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #000 !important;
    background-color: transparent !important;
}

html .dropdown-menu {
    position: absolute;
    top: 100%;
	width: auto !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 14px; 
    text-align: left;
    list-style: none;
    background:#009ee2;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,0);
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.1);
	box-shadow: 0 1px 15px rgba(0,0,0,0.1);
}
html body .dropdown-menu a {
	font-size:14px;
	color:#fff !important;
	width:100%;
	text-align:left;
	padding: 13px 20px !important;
	border:none !important;
	font-weight:400!important;
}

html .dropdown-menu li {
	font-size:12px;
	width:100%;
}

.navbar-default .dropdown-menu > li > a:focus, .navbar-default .dropdown-menu > li > a:hover {
    color: #fff !important;
    background-color: #1a8777 !important;
}

.main-header.podtony-naglowek .navbar-default .dropdown-menu > li > a:focus, .main-header.podtony-naglowek .navbar-default  .dropdown-menu > li > a:hover {
    color: #fff !important;
    background-color: #1a8777 !important;
}

.main-header.podtony-naglowek .navbar-default .dropdown-menu > .active > a, .main-header.podtony-naglowek .navbar-default .dropdown-menu > .active > a:focus, .main-header.podtony-naglowek .navbar-default .dropdown-menu > .active > a:hover {
    color: #009ee2 !important;
    background-color: #1a8777 !important;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color:#1a8777 !important;
}


.navbar-default.przyklej .dropdown-menu > .active > a, .navbar-default.przyklej .dropdown-menu > .active > a:focus, .navbar-default.przyklej .dropdown-menu > .active > a:hover {
    background-color: #1a8777 !important;
	color:#009ee2 !important;
}

.dropdown:hover .dropdown-menu {
	display: block !important;
}

.dropdown:hover a{
	border-color:#fff !important;
}

li.current-page-ancestor a, li.current-menu-ancestor a{
	border-color:#fff !important;
}

li.social a {
	font-size:20px;
	padding: 24px 0px 24px 10px !important;
}

li.social a span {
	display:none !important;
}


/*STOPKA*/
.top-footer-inner {
	float:left;
	width:100%;
	color:#000000 !important;
	text-align:left;
	padding:20px 0 60px 0;
	font-size:14px;
	line-height:22px;
}
.top-footer-inner h3 {
	font-weight: 600; 
	margin-bottom: 30px;
	font-size: 22px;
}
.top-footer-inner .wp-social-link a {
	color: #FFFFFF!important;
}
.top-footer-inner a {
	color: #000000 !important;
}
.top-footer-inner a:hover {
	color:#333333;
}
.bottom-footer {
	float:left;
	width:100%;
	padding:30px 0;
}
footer {
	width:100%;
	float:left;
	color:#000000;
	z-index: 200;
	position: relative;
}
footer a{
	color:#000000;
}
.gm-style .gm-style-iw {
	color:#333;
	text-align:left;
}
.sociale {
	float:left;
	width:100%;
	text-align:left;
	color:#009ee2;
	margin-top:20px;
}
.sociale a {
	color:#009ee2;
	text-decoration:none !important;
	width:32px;
	height:32px;
	float:left;
	margin-right:10px;
	text-align:center;
	background:#fff;
	border-radius:100%;
}

.sociale a:hover {
	background:#ccc;
	color:#009ee2;
}

.sociale .fa {
	font-size:18px;
	line-height:32px;
}



/*MOBILE*/

@media (max-width: 1450px) {
	
}

@media (max-width: 1350px) {

}
@media (max-width: 1180px) {
	.section-home .section-txt h1, 
	.section-home .section-txt h2, 
	.section-home .section-txt h3, 
	.section-home .section-txt h4 {
	  font-size: 26px;
	  line-height: 32px;
	}
}

@media (max-width: 1050px) {
	
}

@media (max-width: 992px) {
	.navbar li a {
	  	padding: 20px 10px !important;
		font-size: 13px;
	}
	.logotyp img {
  		width: 100px;
	}
	#summary {
	  	padding: 70px 0;
		position: relative;
	}
	#summary:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0.7;
		width: 100%;
		height: 100%;
		background: #12152c;
	}
	#summary .section-txt {
		z-index: 2;
	}
}

@media (max-width: 850px) {
	#slider::after {
	  width: 75%;
	  height: calc(100% + 50px);
	  position: absolute;
	  right: 0;
	  top: 80px;
	}
	.page-title {
		font-size: 2rem;
	}
	.social {
		padding-top: 5px;
	}
	.navbar-toggler-close {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		z-index: 11111;
		top: 20px;
		right: 20px;
		color: #000000 !important;
	}
	.navbar-toggler-close button {
		color: #000000 !important;
		border: none !important;
	}
	.navbar-light .navbar-toggler {
	  color: #ffffff;
	}
	.navbar-expand-md .navbar-toggler {
	  display: block !important;
	}
	.navbar-light .navbar-toggler {
	  position: absolute;
	  right: 0%;
		padding: .25rem .50rem;
		border-color: transparent!important;
	}
	.navbar-light .navbar-toggler-icon {
		background: none !important;
	}
.container {
    max-width: 96% !important;
    width: 1130px !important;
    margin: 0 auto;
    position: relative;
}
.navbar-toggle {
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
.navbar-toggle[aria-expanded="false"] span{
	opacity:1;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
.navbar-toggle[aria-expanded="true"] span {
	opacity:0;
		transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
}
.navbar-toggle:before {
	opacity:0;
	content:"x";
	position: fixed;
	font-size:40px;
	font-weight:800;
	width:40px;
	height:40px;
	color:#fff;
	text-align:center;
	line-height:100%;
	font-family: 'Montserrat', sans-serif !important;
	right:44px;
	top:18px;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
	z-index:1000000;	
}
.navbar-toggle[aria-expanded="true"]:before {
	opacity:1;
	content:"x";
	position: fixed;
	font-size:40px;
	font-weight:800;
	width:40px;
	height:40px;
	color:#fff;
	text-align:center;
	line-height:100%;
	font-family: 'Montserrat', sans-serif!important;
	right: 45px;
	top: 10px;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
	z-index:1000000;
}
.main-header .container, .main-header .container .container-fluid {
	width:100% !important;
	padding:0 !important;
	max-width:100% !important;
	margin:0 !important;
}
.navbar-collapse {
	margin:0 !important;
	padding:0 0 0px 0 !important;
	background:#000;
}	
li.social a span {
	display: inline-block !important;
	padding-left:10px !important;
	font-size:14px !important;
}
.nawigowanie {
  width: auto;
  margin-top: 0px;
  float: right;
  margin-right: 37px;
}
.navbar-collapse {
    -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0) !important;
    box-shadow: inset 0 0px 0 rgba(255,255,255,0) !important;
	border-top: 0px solid transparent !important;
	margin-bottom:0px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 5px;
    clear: both;
    color: #000;
    white-space: normal !important;
	width:100%;
	text-align:center;
	font-size:13px !important;
}
html .dropdown-menu {
	width:100%!important;
	position:relative !important;
    min-width: 100%;
    background-color:transparent !important;
	margin-bottom:15px!important;
}
.navbar ul {
    width: 70% !important;
    margin: 0 0px 0 0;
    padding: 0;
    text-align: center !important;
    float: left;
    min-height: 100%;
	height:auto;
	background:#12152c ;
	padding-bottom:30px;
}

.navbar ul ul{
    height: auto!important;
	min-height:0 !important;
	padding-bottom:0px !important;
	background:#1a8777 !important;
	float: left !important;

}
.navbar ul ul a {
	border:none !important;
	font-size:13px !important;
	padding: 10px 20px !important;
}

.navbar-header {
	height:70px;
	width: 100%;
	position: relative;
}

.main-header {
    width: 100%;
    height: auto;
	min-height:0;
	padding-top: 24px;
}
	.navbar .container {
		display: inline-block !important;
		padding-bottom: 15px !important;
	}
	.logotyp {
	  float: left;
		width: auto !important;
	}
	.logotyp img {
 		 width: 115px;
	}
	.main-header .container {
  border-bottom: 1px solid transparent!important;
	}
.navbar {
    width: 100%;
	height: auto !important;
    border: 0px solid transparent !important;
	z-index:50;
	float:left;
	text-align:left;
	display: block !important;
	padding: 0 4% !important;
}
.navbar li:first-child a {
	padding: 20px !important;
}
.navbar-collapse.show {
	background: none;
	position:fixed;
	display:block;
	height:100%!important;
	left:0!important;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
	top:0!important;
	bottom:0!important;
	width:100%!important;
	z-index:1000;
	background-color: rgba(255, 255, 255, 1)!important;
} 
.navbar-collapse {
	background: none;
	position:fixed;
	height:100%!important;
	left:-100%!important;
	transition: all 0.3s ease 0s!important;
    -moz-transition: all 0.3s ease 0s!important;
    -webkit-transition: all 0.3s ease 0s!important;
    -o-transition: all 0.3s ease 0s!important;
    -ms-transition: all 0.3s ease 0s!important;
	top:0!important;
	display:block;
	bottom:0!important;
	width:100%!important;
	z-index:1000;
} 

.navbar-collapse.collapsing {
	position:fixed;
	height:100%!important;
	top:0!important;
	display:block;
	bottom:0!important;
	width:50%!important;
	overflow:visible !important;
} 

.navbar li {
    display: block !important;
    float: left!important;
    width: 100%;
    text-align: left;
}


.navbar li a {
    font-size: 14px !important;
    padding: 20px !important;
	color:#FFFFFF !important;
	text-align:left;
	border-bottom:1px solid #1f233f !important;
}

	.dropdown .dropdown-menu {
		display: none !important;
	}
	.dropdown:hover .dropdown-menu {
		display: none !important;
	}
	.dropdown.open  .dropdown-menu{
		display: block !important;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
		color: #000000 !important;
		background-color:#009ee2 !important;
	}
	.dropdown:hover a {
		border-color: #1a8777 !important;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		color: #fff !important;
		background-color: transparent !important;
		border-color: #1a8777 !important;
	}
	.main-header.short {
		height: 60px;
		padding-top: 10px;
	}
	.main-header.short .navbar .container {
  		padding-bottom: 10px !important;
}
}

@media (max-width: 767px) {
	#about .section-txt,
	#contact .section-txt {
		text-align: left !important;
		margin-bottom: 30px;
	}
	#work .section-txt {
		text-align: left !important;
		margin-top: 50px;
	}
	#focus .section-txt {
		text-align: left !important;
		margin-top: 0px;
	}
	#focus {
		overflow: hidden;
	}
	.section-foto-absolut {
	  	left: 15%;
	  	width: 80%;
		bottom: -130px
	}
	.arrow,
	.arrow-white {
		display: none;
	}
	#contact,
	#work,
	#focus,
	#about {
	  	padding: 70px 0 70px 0;
	}
	.gform_body input, .gform_body textarea {
		border-radius: 0px !important;
	}
}

@media (max-width: 720px) {
	.gotop {
	  	right: 20px;
	  	bottom: 30px;
	  	width: 30px;
	  	height: 30px;
	  	line-height: 30px;
	  	font-size: 25px;
	  	padding-right: 5px;
	}
}


@media (max-width: 650px) {
	.page-title {
		font-size: 1.6rem;
	}
	.main-txt-content img {
		width: 100%;
	}
}


@media (max-width: 600px) {
	#summary ol li::after {
  		left: -32px;
	}
}
@media (max-width: 575px) {
	.top-footer-inner {
		margin: 0px !important;
	}
	.top-footer-inner .col-sm-3 {
		width: 100%!important; 
		margin-bottom: 30px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#field_submit.wpcf7-form-control {
		width: 100% !important;
	}
}

@media (max-width: 480px) {
	#slider::after {
	  	width: 130%;
	  	height: calc(100% + 50px);
	  	position: absolute;
	  	right: 0;
	  	top: 90px;
		opacity: 0.6;
	}
	.logotyp {
	  	width:auto;
	  	padding: 0px 20px 0 0;
	}
	.logotyp img {
	  	width: 100px;
	}
	.navbar-light .navbar-toggler {
		padding: .20rem .40rem;
	}
	.section-foto-absolut {
	  	left: 10%;
	  	width: 90%;
		bottom: -90px
	}

}

@media (max-width: 400px) {
	#slogan.section-home .section-txt h5 {
	  	font-size: 18px;
	  	line-height: 24px;
	}
}

@media (max-width: 370px) {
	.logotyp img {
	  width: 95px;
	}
}
@media (max-width: 340px) {
	.logotyp img {
	  width: 90px;
	}

}