html, body {height: 100%;}
body {margin: 0 auto;
padding: 0;
font-family: 'Exo 2', sans-serif;
color: #2B2E33;
font-size: 18px;}
input[type='text'],
input[type='email'],
input[type='submit'],
textarea,
input[type='tel'],
select,
input[type='date'] {font-family: 'Exo 2', sans-serif;}
*:focus {outline: 0;}
a {text-decoration: none;
cursor: pointer;}
div {box-sizing: border-box;}
.f-left {float: left;}
.f-right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.box-foto-phone {display: none;}
ul {margin: 0;
padding: 0;
list-style: none;}
.header-container {width: 100%;
margin: 0 auto;
z-index: 100;
position: relative;}
.header {width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;}
.logo {padding: 17px 0 0 0;
width: 284px;
height: 100px;
float: left;
background: url(https://diamenty4c.pl/fortran/wp-content/uploads/2024/06/bg-logo2.png) no-repeat;
text-align: center;}
.logo img {width: 225px;}
.menu-phone {float: right;}
.menu-phone ul {float: left;
margin-left: 50px;}
.menu-phone ul li {display: inline-block;
text-transform: uppercase;
margin: 25px 0 0 0;}
.menu-phone ul li a {font-size: 17px;
color: #fff;
font-weight: 400;
display: block;
padding: 14px 32px 14px 32px;
transition: all .3s ease .15s;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;}
.menu-phone ul li a:hover,
.menu-phone ul li.current-menu-item a {border: 1px solid rgba(255, 255, 255, 0.6);}
.menu-phone ul li.current-menu-item > ul li a {border: none;}
.menu-phone ul li > ul {position: absolute;
display: none;
background: #2C2F34;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;}
.menu-phone ul li:hover > ul {display: block;
margin: 0;}
.menu-phone ul li > ul li {display: block;
margin: 0;}
.menu-phone ul li > ul li a,
.menu-phone ul li > ul li a:hover {border: none;}
.slider {z-index: 2;
width: 100%;
position: relative;
height: calc(100% - 32px);
background: url(https://diamenty4c.pl/fortran/wp-content/uploads/2024/05/obraz_2024-05-31_143810141.png) no-repeat center;
background-size: cover;}
.slider-text {width: 100%;
position: absolute;
text-align: center;
color: #fff;
top: calc(50% - 140px);
z-index: 10;
text-transform: uppercase;}
.slider-text a {color: #fff;}
.slider-text a,
.slider-text span {display: block;}
.slider-text .text1 {font-size: 27px;}
.slider-text .text2 {font-size: 58px;
font-weight: 600;}
.slider-text a {background: url(img/phone.png) no-repeat scroll 0 8px;
display: inline-block;
font-size: 46px;
font-weight: 600;
padding: 0 0 0 45px;}
.ngl-over-container {width: 100%;
position: absolute;
bottom: -30px;}
.ngl-over { width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;}
.ngl-over h1 {background: #3D82C4;
display: inline-block;
text-transform: uppercase;
font-size: 22px;
font-weight: 500;
padding: 20px 25px;
z-index: 15;
color: #fff;
margin: 0;}
.home-info-container .box-text {line-height: 30px;
padding-top: 35px;}
.home-info-container .box-text a {color: #A4810B;}
.oferta-box-over-container {width: 100%;
clear: both;
background: url(https://diamenty4c.pl/fortran/wp-content/uploads/2024/06/between.jpg) no-repeat center;
background-size: cover;
position: relative;
overflow: hidden;
padding: 70px 0 65px 0;
color: #fff;}
.oferta-box-container {width: 100%;
max-width: 1200px;
margin: 0 auto;
display: table;
position: relative;}
.oferta-box {overflow: hidden;
position: relative;
width: 25%;
text-align: center;
padding: 75px 0 15px 0;
vertical-align: middle;
display: table-cell;}
.oferta-box img {position: absolute;
top: 0;
left: 50%;
margin-left: -34px;}
.oferta-box span {text-transform: uppercase;
text-align: center;
font-weight: 600;
font-size: 17px;}
.home-info-container {clear: both;
width: 100%;
max-width: 1250px;
padding: 30px 25px;
margin: 0 auto;
overflow: hidden;}
.box-foto {float: right;
margin: 0 0 0 30px;}
.obszar-container {width: 100%;
clear: both;
background: url(img/obszar-bg.jpg) no-repeat;
background-size: cover;
padding: 65px 0;
overflow: hidden;}
.obszar-box {width: 100%;
max-width: 1150px;
padding: 0 25px;
margin: 0 auto;}
.obszar-box ul li {width: 25%;
display: block;
float: left;
padding: 6px 0 6px 30px;
text-transform: uppercase;
box-sizing: border-box;
font-weight: 700;
position: relative;}
.obszar-box ul li a {color: #2B2E33;}
.obszar-box ul li:before {content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background: #A4810B;
position: absolute;
top: 13px;
left: 0;}
.ngl-box {text-align: center;
padding-bottom: 35px;}
.obszar-ngl {display: inline-block;
text-transform: uppercase;
margin: 0 auto;
padding: 0 50px 18px 50px;
font-size: 21px;
font-weight: 600;
color: #2B2E33;
border-bottom: 2px solid #A4810B; }
.footer-container {width: 100%;
background: url(https://diamenty4c.pl/fortran/wp-content/uploads/2024/06/between.jpg) no-repeat;
background-size: cover;
overflow: hidden;}
.footer {width: 100%;
max-width: 1250px;
margin: 0 auto;
padding: 25px 25px 60px 25px;
text-align: center;}
.footer a {color: #fff;}
.footer ul {float: right;}
.footer ul li {display: inline-block;
text-transform: uppercase;
padding: 25px 0 0 95px;}
.footer ul li:first-child {padding-left: 0;}
.footer .tel {padding-top: 45px;
font-size: 32px;}
.logo-footer {float: left;
width: 225px;}
.logo-footer img {width: 100%;}
.footer a.tel,
.footer a.mail {display: inline-block;
clear: both;}
.f-ct {clear: both;
text-align: center;
padding-top: 20px;}
.footer a.tel {background: url(img/phone.png) no-repeat scroll 0 7px;
padding: 4px 0 4px 33px;
background-size: 20px 35px;}
/*BUTTON*/
.menu-button {
position: absolute;
top: 15px;
right: 10px;
background: transparent;
display: none;
padding: 10px 10px;
cursor: pointer;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}
.menu-button:focus {outline: none;}
.menu-button .menu-ico {display: block;
width: 30px;
height: 2px;
background: rgba(255, 255, 255, 0.6);}
.menu-button .menu-ico + .menu-ico { margin-top: 4px;}
/*******kontakt*********/
.oferta-box-container.kontakt-text {padding: 30px 25px 55px 25px;
font-size: 17px;
line-height: 30px;
font-weight: 300;
display: block;
position: relative;
z-index: 1;}
.over-kontakt {padding: 0;}
.kontakt-text a {color: #FE8A00;
font-weight: 700;}
.form-container {width: 100%;
max-width: 760px;
margin: -28px auto 0 auto;
background: #fff;
overflow: hidden;
position: relative;
z-index: 10;
padding: 28px 15px 40px 15px;}
.form-container p {margin: 0;}
.row {width: 100%;}
.select-over {width: 100%;
height: 42px;
background: #fff url(img/select_ico.png) no-repeat scroll calc(100% - 18px) 18px;
margin: 0 ;
overflow: hidden;
border: 1px solid #d6d6d6;
color: #0f5395;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; }
.select-over select {background: transparent;
border: 0 none;
height: 42px;
line-height: 1;
width: calc(100% + 20px);
color: #0f5395;
font-size: 16px;
padding: 0 16px;}
.form-container .f-left {clear: both;
width:50%;
padding: 0 12px;
margin-bottom: 24px;}
.form-container .f-left span {font-size: 16px;
color: #0f5395;
display: block;
padding: 10px 0 0 16px;}
.form-container .f-right {width:50%;
padding: 0 12px;
margin-bottom: 24px;}
.form-container .full {width:100%;
padding: 0 12px;
margin-bottom: 24px;}
.form-container .full-textarea {margin-bottom: -4px;}
.form-container input[type='text'],
.form-container input[type='tel'],
.form-container input[type='email'],
.form-container input[type='date'] {width: 100%;
height: 42px;
border: 1px solid #d6d6d6;
color: #0f5395;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 0 16px;
box-sizing: border-box;
font-size: 16px;}
.form-container input[type='date'] {background: url(img/calendar-ico.png) no-repeat scroll calc(100% - 18px) 14px; }
.form-container textarea {width: 100%;
height: 148px;
border: 1px solid #d6d6d6;
border-bottom: 0;
color: #0f5395;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 12px 16px 0 16px;
box-sizing: border-box;
font-size: 16px;}
.form-container input[type='submit'] {width: 100%;
border: none;
height: 50px;
background: #FF8A00;
color: #fff;
text-transform: uppercase;
font-size: 17px;
text-align: center;
font-weight: 600;}
.form-container ::-webkit-input-placeholder {color:#0f5395;
opacity: 1;
font-size: 16px;}
.form-container :-moz-placeholder {color:#0f5395;
opacity: 1;
font-size: 16px;}
.form-container ::-moz-placeholder {color:#0f5395;
opacity: 1;
font-size: 16px;}
.form-container :-ms-input-placeholder {color:#0f5395;
opacity: 1;
font-size: 16px;}
/********NOS SERVICES*********/
.services-bd {width: 100%;
height: 10px;
background: #0F5296;
clear: both;}
.dl-services .box-left-inside {background: url(img/dogfamilysmile_foto.jpg) top right;
background-size: cover;
width: 100%;
height: 100%;}
.right-text ul,
.onas-container ul {font-weight: 100;
line-height: 30px;
margin-top: -15px;}
.right-text ul li,
.onas-container ul li {position: relative;
padding: 2px 0 2px 20px;}
.right-text ul li:before,
.onas-container ul li:before {display: block;
position: absolute;
content: '';
width: 5px;
height: 5px;
background: #FF8E04;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
top: 16px;
left: 0;}
/*******OPINIE********/
.opinie-container {width: 100%;}
.opinie-container ul li {padding: 40px 0;
width: 100%;
color: rgba(16, 84, 147, 1);}
.opinie-container ul li:nth-child(2n) {background: #F5F5F5;}
.op-block {width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 25px;}
.op-block span {display: block;
clear: both;}
.op1 {font-size: 22px;
font-weight: 600;
font-style: italic;}
.op2 {font-size: 17px;
font-weight: 300;}
/**********O NAS**********/
.onas-container {width: 100%;
max-width: 1200px;
padding: 55px 25px;
margin: 0 auto;
font-size: 17px;
line-height: 30px;
color: rgba(16, 84, 147, 1);}
.onas-kontakt-container {width: 100%;
background: #F5F5F5;}
.onas-kontakt-inside {width: 100%;
max-width: 1200px;
padding: 40px 25px;
margin: 0 auto;
font-size: 17px;
line-height: 30px;
font-weight: 300;
color: rgba(16, 84, 147, 1);}
.onas-kontakt-inside .ngl {font-size: 33px;
font-weight: 600;
color: #FF8A00;
display: block;
width: 100%;
text-align: center;}
.onas-kontakt-inside p {text-align: center;}
.flex {display: flex;
justify-content: center;
flex-wrap: wrap;}
.flex-box {background: #0F5296;
color: #fff;
padding: 15px 30px;
margin: 12px 23px;
width: 425px;}
.flex-box a {color: #fff;}
.button {text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 600;
background: #FF8A00;
padding: 15px 60px;}
.center {text-align: center;
padding: 25px 0 10px 0;}
/******LISTA OFERT********/
.slider-podstrona {height: 230px;
background: url(https://diamenty4c.pl/fortran/wp-content/uploads/2024/05/diament_mini.jpg) no-repeat center;
background-size: cover;}
.oferta-over-container {width: 100%;
max-width: 1250px;
margin: -50px auto 0 auto;
padding: 30px 25px 30px 25px;
position: relative;
z-index: 10;
background: #fff;
overflow: hidden;}
.oferta-over-container h1 {display: block;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
margin: 0 0 30px 0;}
.oferta-over-container h1 .tag-miasto {text-transform:none;}
.text-top {padding: 20px 25px;
border-top: 2px solid #000;
background: #F4F4F4;
line-height: 30px;}
.nr {color: #fff;
display: inline-block;
background: #3D82C4;
padding: 4px 10px 5px 10px;
font-size: 17px;}
.row {font-size: 17px;}
.row table tr td:first-child {padding: 0 10px 0 0;}
.row table tr td:last-child {font-weight: 600;}
.dane-phone {display: none;
padding: 0 0 15px 0;}
/********OFERTA SINGLE*********/
.oferta-single-container h1 {text-align: left;
font-size: 22px;}
.galeria {width: 50%;
float: left;}
.oferta-right {float: right;
width: 48%; }
.oferta-single-container .clear {width: 100%;
padding-top: 15px;}
.oferta-single-container table {border-collapse: collapse;
margin-top: 15px;
font-size: 17px;
width: 100%;}
.oferta-single-container table tr td {padding: 7px 0 7px 10px;}
.oferta-single-container table tr td:first-child {padding-right: 10px ;}
.oferta-single-container table tr td:last-child {font-weight: 600;}
/*.oferta-single-container table tr:first-child td:last-child {color: #3D82C4;} */
.oferta-single-container table tr:nth-child(2n) td {background: #F4F4F4;}
.oferta-contact {clear: both;
text-align: center;
padding: 25px 0;}
.oferta-contact a {color: #2B2E33;
font-weight: 700;}
.oferta-contact a:hover {text-decoration: underline;}
.c-tel {font-size: 30px;
padding: 10px 0;
display: inline-block;
background: url(img/phone_grey.png) no-repeat scroll 0 7px;
padding: 4px 0 4px 33px;
background-size: 20px 35px;}
.flexslider .slides img {width: 100%;
display: block;}
#slider .flex-direction-nav {display: none;}
#slider li {margin-right: 0!important;}
.flex-direction-nav {text-align: center;}
.flex-direction-nav li {display: inline-block;
width: 31px;
height: 31px;
margin: 10px 8px 0 8px;}
.flex-direction-nav li a {opacity: 0;}
.flex-direction-nav li.flex-nav-prev {background: url(img/prev.png) no-repeat;}
.flex-direction-nav li.flex-nav-next {background: url(img/next.png) no-repeat;}
#carousel {padding-top: 5px;}
.kontakt-box-over {width: 100%;
max-width: 450px;
float: left;
padding-right: 30px;}
.kontakt-box-over a {color: #A4810B;}
.kontakt-box {width: 100%;}
.kontakt-box-over input[type='text'],
.kontakt-box-over input[type='email'],
.kontakt-box-over input[type='tel'] {width: 100%;
box-sizing: border-box;
border: 1px solid #7c7c7c;
height: 35px;
margin-bottom: 12px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 0 8px;}
.kontakt-box-over textarea {width: 100%;
height: 200px;
box-sizing: border-box;
border: 1px solid #7c7c7c;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 8px;}
.kontakt-box-over input[type='submit'] {background: #7c7c7c;
padding: 8px 25px;
border: none;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;}
.kontakt-box-over ::-webkit-input-placeholder {color: rgba(43, 46, 51, 0.7);
opacity: 1;
font-size: 17px;
font-weight: 300;}
.kontakt-box-over :-moz-placeholder {color: rgba(43, 46, 51, 0.7);
opacity: 1;
font-size: 17px;
font-weight: 300;}
.kontakt-box-over ::-moz-placeholder {color: rgba(43, 46, 51, 0.7);
opacity: 1;
font-size: 17px;
font-weight: 300;}
.kontakt-box-over :-ms-input-placeholder {color: rgba(43, 46, 51, 0.7);
opacity: 1;
font-size: 17px;
font-weight: 300;}
.mapa {width: calc(100% - 450px);
float: left;}
.page-container h1 {text-align: center;}
#mysticky-nav.down {height: 80px!important;}
#mysticky-nav.down .menu-phone ul li { margin: 18px 0 0 0;}
.navigation {clear: both;
padding-top: 25px;}
.navigation ul {text-align: center;}
.navigation ul li a {color: #2B2E33;}
.navigation ul li {display: inline-block;
padding: 4px 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #F4F4F4;}
/***/
.oferta-list-box {width: 100%;
display: flex;
justify-content: left;}
.oferta-single-box {width: calc(25% - 14px);
padding: 32px 7px 10px 7px;
overflow: hidden;}
.oferta-single-foto {width: 100%;
margin: 0 auto;}
.oferta-single-foto img {width: 100%;}
.oferta-single-box h3 {margin: 15px 0;
text-transform: uppercase;
font-size: 18px;}
.oferta-single-box a {color: #2B2E33;}