/*!
 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */body,html{width:100%;height:100%}body{/*font-family: 'Cormorant Garamond', serif;*/font-family:Calibri,Arial;}hr{max-width:50px;border-width:3px;border-color:#fff}hr.light{border-color:#448477}a{color:#448477;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:hover{color:#448477}.bg-primary{background: #fafafa !important;}.bg-dark{background-color:#444!important}.text-faded{color:#000;font-size: 1.25rem;}.text-faded2{color:#fff;font-size: 1.45rem;}section{padding:4rem 0}.section-heading{margin-top:0;color: #448477 !important;}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}body{-webkit-tap-highlight-color:#212529}#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#c6c6c6;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#448477;}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#448477}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size: 1.25rem;font-weight:700;text-transform:uppercase;color:#212529}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#448477}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#448477!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:#448477;}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#448477}#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#448477;}#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#c5c5c5;}#mainNav.navbar-shrink .navbar-brand{color:#448477}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#448477}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#448477}}header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:600}@media (min-width:768px){header.masthead p{font-size:1.45rem}}@media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem;text-shadow: 1px 2px 2px #1e1e1e;}}@media (min-width:1200px){header.masthead h1{font-size:3rem}}.service-box{max-width:400px}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto;text-align:center;}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background: rgba(57, 57, 57, 0.85);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 20px;font-size:22px;}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:14px!important}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:22px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}}.text-primary{color:#448477!important}.btn{font-weight:700;text-transform:uppercase;border:none;}.btn-xl{padding:1rem 2rem}.btn-primary{background-color:#448477;border-color:#448477}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color: #fff;background-color: #800344 !important;}.btn-primary:active,.btn-primary:focus{box-shadow: 0 0 0 .2rem rgb(68, 132, 119) !important;color: #000 !important;}
 
 .btn-primary:active, .btn-primary:focus {box-shadow: 0 0 0 .2rem rgb(217, 7, 115) !important;color: #fff !important;}
 
 .navbar {
    padding: 0!important;
}
 
.text-faded2 {
	background: rgba(0,0,0,.15);
	padding: 20px;
	line-height: 26px;
}

#parallelogram { width: 150px; height: 100px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); }

#contact  {background: cecece!important;}
 .btn-light:hover {
    color: #fff;
	background: radial-gradient(circle at 50% 53%,#81c6b8,#448477) !important;
}

.btn {
	border-radius: 0;
	font-size: 1.35rem;
}

.project-category {
	color: #fff!important;
}

.btn-light:hover::before { width: 0; height: 0; border-bottom: 30px solid red; border-right: 100px solid transparent; }

.h2, h2 {
    font-size: 2.75rem;
}

.fa-4x,.fa-3x {
    font-size: 2.5em!important;
}

.img-fluid {
    max-width: 85%!important;
}

#mainNav {
	background: rgba(255,255,255,.75);
	
}

#about .btn-light {border: 3px solid #fff !important;}
#services {background: #e7e7e7;}
#portfolio {
	background: #e7e7e7;
	padding-bottom: 50px !important;
}

/*.portfolio-box-caption:hover {border-radius: 15px;}*/

.section-hidden {display: none;}

.popup-gallery {background: #f0f0f0;}
#about {box-shadow: 0 12px 20px #cecece;}

.btn-light {
    background-color: #cbcbcb!important;
}

/* contact */

#contact2 a {
	color: #0e0e0e !important;
}

.foot2 p {
	font-size: 1.25rem;
	margin: 0;
	font-weight: 900;
	text-align: left!important;
}

.foot2 b {
	font-size: 1.25rem;
	margin: 0;
	color: #448477;
	font-weight: 900;
	text-align: left!important;
}

.foot2 i {
	font-size: 16px;
	padding-right: 10px;
	color: #9c9c9c;
}

.kinds a:hover {
	text-decoration: none;
}

.contact-data {
	font-size: 1.75rem!important;
}

.contact-data-tel {
	color: #448477;
}

#contact3 .fa {
	color: #448477;
}

#contact-form label {
	font-size: 1.25rem;
}

#form-respond span {
	font-size: 1.25rem;
}

.wyslij-btn {
	margin-top: 20px;
}

#contact2{
    padding-top: 70px;
    padding-bottom: 0;
    text-align: left;
    color: #000;
    background: #bababa!important;
    position: relative;
    z-index: 2;
    background-size: cover;
	margin-top: 0;
}

#contact3 .container {
	padding: 40px 0 40px 0;
}

#contact3 {
	padding: 0!important;
}

#contact-form .for {
    float: left;
}

#contact2 p.two-title span::before {
    background: #fff;
}

#contact2 .btn-submit{
    float: right;
    width: 200px;
    background: #448477;
    color: #fff;
    cursor: pointer;
	border-radius: 0;
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #fff;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border-radius: 0;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	opacity: .7;
}

.form-control:focus {
    border-color: #ce435b!important;
}

.footer-bottom {
	background: #dbdbdb;
	margin: 40px 0px 0px 0px!important;
	padding: 46px 0 20px 0 !important;
	text-align: center!important;
	opacity: .95!important;
}

#contact2 .footer {
    margin: 40px 0px;
    padding: 24px 0px;
    text-align: center;
	opacity: .95;
}

.footer span {
	font-weight: 300;
	font-size: 19px;
}

textarea.form-control {
    height: 209px;
}

#contact2 .foot1 a{
	color: #fff;
}

#contact2 .foot1 a {
    text-align: center;
}

#contact2 .foot1 {
    top: -12px;
}

#contact2 .btn-primary:hover {
    color: #fff;
    border-color: #fff;
    background-color: #902d3b;
}
#contact2 .btn-primary {
    font-weight: 700;
    color: #fff;
    border-color: #902d3b;
    background-color: #902d3b;
}

.contact-head-first p span {
	text-align: center!important;
	font-size: 2rem;
}

#koszt {
	text-align: right;
}

#logo-big {
	width: 280px;
	padding: 0 0 30px;
}

#logo-small {
	width: 180px;
	padding: 0 0 30px;
}

#logo-small-top {
	width: 180px;
}

.navbar-brand {
    font-size: 1.25rem;
}

.text-muted {
    font-size: 1.25rem;
	color: #0e0e0e !important;
}

#contact3 .mb-5 {
	font-size: 1.25rem;
}

/* inny */
.mb-auto, .my-auto {
    margin-bottom: 50px!important;
}

@media (max-width: 480px) {
#logo-big {
	width: 300px;
}
}


input.contact-form-wron-validate, textarea.contact-form-wron-validate{
    border: 2px solid red;
}

span.contact-form-wron-validate{
    color: red;
}


#form-respond{
    display: none;
    color: green;
}