/**********************************
*	General styles
***********************************/
h1,h2,h3,h4,h5,h6{font-family: 'Lato';}
h2{font-size:26px}
p,address,li{color:#424141;font-family: 'Lato';font-weight: 200;font-size: 16px;line-height: 26px;}

.btn-white {background-color: rgba(255,255,255,1);border: 1px solid rgba(255,255,255,0.5) !important;color: #000000 !important !important;}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {background: rgba(20,168,231,1);}
.btn-bordered {background-color: rgba(255,255,255,0);border: 1px solid rgba(255,255,255,0.5) !important;color: #fff !important;}
.btn-bordered:hover, .btn-bordered:focus, .btn-bordered:active, .btn-bordered.active {background: rgba(43,177,236,1);color:#fff !important;}
.btn-bordered-dark {background-color: rgba(255,255,255,0);border: 1px solid #545e61 !important;color: #545e61 !important;}
.btn-bordered-dark:hover, .btn-bordered-dark:focus, .btn-bordered-dark:active, .btn-bordered-dark.active {border-color: #fff !important;color:#fff !important;}
.btn-blue {background-color: #57c2f0 !important;border-bottom: 3px solid #14a8e7 !important;color: #fff !important;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {color: #000000 !important;}

@media only screen and (min-width: 980px) {
	body {padding-top: 75px;}
}

/**********************************
*	Top
***********************************/
.navbar-default {background-color: #f8f8f8;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {background-color: #57c2f0 !important;border-bottom: 3px solid #14a8e7;color: #fff;}
.navbar-default .navbar-nav > li > a {font-family: 'Lato', sans-serif;font-weight: 400;float: none;padding: 10px 10px 0 10px;text-decoration: none;text-shadow: none;font-size: 14px;color: #444444;height: 45px;margin: 15px 5px 0 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

/**********************************
*	Content
***********************************/
#content {padding-top: 40px}
#main article {border-bottom: none}

/**********************************
*	HOME - Górna część z garażem
***********************************/
#call-to-action-top {background: url('/wp-content/themes/wp-bootstrap/images/header-bg.jpg') no-repeat center 0;color:#f8f8f8;height: 365px;}
#call-to-action-top .row{margin-top: 57px;}
#call-to-action-top h1{font-size: 50px;font-weight: 200;line-height: 60px}
#call-to-action-top h3{margin-top:45px;font-size: 24px}
#call-to-action-top a{margin-top:10px}
@media only screen and (max-width: 1199px) {
   #call-to-action-top h1 {font-size: 42px;}
}


/**********************************
*	HOME - Promocje
***********************************/
#promotions {margin-top:32px;}
#promotions small,#promotions h3{font-family: 'Oswald';font-weight: normal;text-transform: uppercase;}
#promotions small{font-size: 12px;color:#e86080}
#promotions h3{font-size: 17px;color:#4bb1de;margin: 0 0 20px;}
#promotions span{font-family: 'Lato';font-size: 29px;color:#e86080;font-weight: bold;font-style: italic;line-height: 61px;}

/**********************************
*	HOME - Dostarczamy garaże
***********************************/
#call-to-action-middle{background-color: #7e8d94;height: 220px;margin-top: 30px}
#call-to-action-middle strong{font-size:44px;color:#f8f8f8;margin:60px 0 30px;display: block;}

/**********************************
*	HOME - Darmowe usługi
***********************************/
#call-to-action-services{margin: 30px 0}
#call-to-action-services h2{color:#14a8e7;font-size:33px;text-transform: uppercase;margin-bottom: 30px}
#call-to-action-services h2+p{font-size:21px;margin-bottom: 40px}
#call-to-action-services h3{color:#444444;font-size:22px}
#call-to-action-services h3+p{font-size:17px;}
#call-to-action-services img{margin-top: 35px;}
#call-to-action-services span{display: block;width: 130px;height: 130px;border-radius: 130px;margin: auto;}
#call-to-action-services span.auto{
background: rgb(241, 165, 165);
background: -moz-linear-gradient(0deg, rgb(241, 165, 165) 50%, rgb(238, 143, 146) 50%);
background: -webkit-linear-gradient(0deg, rgb(241, 165, 165) 50%, rgb(238, 143, 146) 50%);
background: -o-linear-gradient(0deg, rgb(241, 165, 165) 50%, rgb(238, 143, 146) 50%);
background: -ms-linear-gradient(0deg, rgb(241, 165, 165) 50%, rgb(238, 143, 146) 50%);
background: linear-gradient(90deg, rgb(241, 165, 165) 50%, rgb(238, 143, 146) 50%);}
#call-to-action-services span.sluchawki{
background: rgb(241, 222, 158);
background: -moz-linear-gradient(0deg, rgb(241, 222, 158) 50%, rgb(240, 212, 117) 50%);
background: -webkit-linear-gradient(0deg, rgb(241, 222, 158) 50%, rgb(240, 212, 117) 50%);
background: -o-linear-gradient(0deg, rgb(241, 222, 158) 50%, rgb(240, 212, 117) 50%);
background: -ms-linear-gradient(0deg, rgb(241, 222, 158) 50%, rgb(240, 212, 117) 50%);
background: linear-gradient(90deg, rgb(241, 222, 158) 50%, rgb(240, 212, 117) 50%);}
#call-to-action-services span.mlotek{
background: rgb(157, 246, 209);
background: -moz-linear-gradient(0deg, rgb(157, 246, 209) 50%, rgb(116, 242, 190) 50%);
background: -webkit-linear-gradient(0deg, rgb(157, 246, 209) 50%, rgb(116, 242, 190) 50%);
background: -o-linear-gradient(0deg, rgb(157, 246, 209) 50%, rgb(116, 242, 190) 50%);
background: -ms-linear-gradient(0deg, rgb(157, 246, 209) 50%, rgb(116, 242, 190) 50%);
background: linear-gradient(90deg, rgb(157, 246, 209) 50%, rgb(116, 242, 190) 50%);}
#call-to-action-services span.monety{
background: rgb(140, 186, 238);
background: -moz-linear-gradient(0deg, rgb(140, 186, 238) 50%, rgb(111, 171, 239) 50%);
background: -webkit-linear-gradient(0deg, rgb(140, 186, 238) 50%, rgb(111, 171, 239) 50%);
background: -o-linear-gradient(0deg, rgb(140, 186, 238) 50%, rgb(111, 171, 239) 50%);
background: -ms-linear-gradient(0deg, rgb(140, 186, 238) 50%, rgb(111, 171, 239) 50%);
background: linear-gradient(90deg, rgb(140, 186, 238) 50%, rgb(111, 171, 239) 50%);}

/**********************************
*	HOME - Nowe realizacje
***********************************/
#call-to-action-bottom{background-color: #a6dcf3;height: 220px;margin-top: 30px}
#call-to-action-bottom strong{font-size:44px;color:#555f62;margin:60px 0 30px;display: block;}

/**********************************
*	Bottom
***********************************/
#bottom {margin-top:50px;}
#bottom .box{display:inline-block; *display:inline; zoom:1; vertical-align:top;width:185px;height: 260px;margin:10px 15px;background-color: #14a8e7;color: #fff}
#bottom i{font-size: 35px;border:1px solid #fff;border-radius:100px;width:100px;height:100px;display: block;padding-top: 30px;margin: 20px auto}
#bottom p,#bottom address{color: #fff}

/**********************************
*	Footer
***********************************/
footer {margin-top:20px;padding:15px 0;background-color: #f8f8f8;border-top:1px solid #e4e4e4;}
footer i{font-size: 35px;border:1px solid #fff;border-radius:100px;width:100px;height:100px;display: block;padding-top: 30px;margin: 20px auto}
footer p{color: #777777}
footer small{font-size: 12px}
footer ul{display: inline-block;}

/**********************************
*	Oferta
***********************************/
#offer { }
#offer h2.section-subtitle { padding-bottom: 25px; }
#offer .well { background-color: #ffffff; border: 5px solid #ffffff; border-radius: 4px; box-shadow: 0 1px 3px rgba(178, 178, 178, 1); margin-bottom: 10px; padding: 0; }
#offer .well.popular { background-color: #ffffff; border: 5px solid #ffffff; border-radius: 4px; box-shadow: 0 1px 3px rgba(178, 178, 178, 1); margin-bottom: 10px; padding: 0; }
#offer .plan-title { color: #ffffff; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; background: #14a8e7; }
#offer .popular > .plan-title { color: #ffffff; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; background: #1088bc;}
#offer .plan-title h3 { font-size: 1.5em; font-family: 'Lato', sans-serif; font-weight: 400; text-align: center; margin: 0; padding: 10px 5px 10px 5px; }
#offer div.arrow-down { margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; font-size: 0; line-height: 0; margin-bottom: 10px; border-top: 10px solid #14a8e7; }
#offer div.arrow-down-popular { margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #1088bc; font-size: 0; line-height: 0; margin-bottom: 10px; }
#offer .price { color: #ffffff; text-align: center; padding: 0 0 5px 5px; margin: 0; background: #39b8ee; }
#offer .popular > .price { font-weight: 500; background: #129bd6 !important; }
#offer .price { font-size: 4em; }
#offer .price-cents { vertical-align: super; font-size: 50%; }
#offer .price-month { font-size: 35%; font-style: italic; }
#offer .price h2 { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 1em; line-height: 1em; padding: 0; margin: 0; }
#offer .price sup { top: -0.8em; font-size: 1em; }
#offer .price small { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; }
#offer .subscript { font-size: 25px; }
#offer .subscript small { font-size: 0.7em; color: #ffffff; }
#offer .description-price { font-size: 1.1em; font-family: 'Lato', sans-serif; font-weight: 400; color: #707070; padding: 10px 20px 10px 20px; }
#offer .description-price ul li { padding: 5px 0 5px 0; }
#offer .description-price .fa { text-align: center !important; width: 1.28571em; }
#offer .description-price i { color: #c8c8c8; padding-left: 5px; margin-right: 5px; }
#offer .plan-sign-up .btn { font-family: 'Lato', sans-serif; font-weight: 400; display: block; margin: 0; border-top-left-radius: 0 !important; font-size: 1.5em; border-top-right-radius: 0 !important; padding: 15px 0 10px 0; }
#offer .plan-sign-up .arrow-down-container { width: 15px; margin: 0 auto !important; }
#offer .plan-sign-up .arrow-down { margin: 0 auto !important; width: 0; height: 0; border-left: 10px solid transparent !important; border-right: 10px solid transparent !important; border-top: 10px solid #ffffff !important; font-size: 0; line-height: 0; position: absolute; }
#offer .plan-sign-up p{margin: 0}

/* .btn-custom-1 */
.btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active { background: rgba(43,177,236,1); }
/* .btn-custom-2 */
.btn-custom-2 { background: rgba(87,194,240,1); border-bottom: 3px solid #18aceb; }
.btn-custom-2:hover, .btn-custom-2:focus, .btn-custom-2:active, .btn-custom-2.active { background: rgba(46,180,237,1); border-bottom: 3px solid #13a0dd; }
.btn-custom-2[disabled]:focus, .btn-custom-2[disabled]:active, .btn-custom-2[disabled].active, fieldset[disabled] .btn-custom-2:hover, fieldset[disabled] .btn-custom-2:focus, fieldset[disabled] .btn-custom-2:active, fieldset[disabled] .btn-custom-2.active { background-color: rgba(87,194,240,1); border-bottom: 2px solid #18aceb; }
/* .btn-custom-3 */
.btn-custom-3 { background: rgba(20,168,231,1); }
.btn-custom-3:hover, .btn-custom-3:focus, .btn-custom-3:active, .btn-custom-3.active { background: rgba(50,181,237,1); }
.btn-custom-3.disabled:hover, .btn-custom-3.disabled:focus, .btn-custom-3.disabled:active, .btn-custom-3.disabled.active, .btn-custom-3[disabled]:hover, .btn-custom-3[disabled]:focus, .btn-custom-3[disabled]:active, .btn-custom-3[disabled].active, fieldset[disabled] .btn-custom-3:hover, fieldset[disabled] .btn-custom-3:focus, fieldset[disabled] .btn-custom-3:active, fieldset[disabled] .btn-custom-3.active { background: rgba(20,168,231,1); }
/* .btn-custom-4 */
.btn-custom-4 { background: rgba(16,136,188,1); }
.btn-custom-4:hover, .btn-custom-4:focus, .btn-custom-4:active, .btn-custom-4.active { background: rgba(19,162,223,1); }
.btn-custom-4.disabled:hover, .btn-custom-4.disabled:focus, .btn-custom-4.disabled:active, .btn-custom-4.disabled.active, .btn-custom-4[disabled]:hover, .btn-custom-4[disabled]:focus, .btn-custom-4[disabled]:active, .btn-custom-4[disabled].active, fieldset[disabled] .btn-custom-4:hover, fieldset[disabled] .btn-custom-4:focus, fieldset[disabled] .btn-custom-4:active, fieldset[disabled] .btn-custom-4.active { background: rgba(16,136,188,1); }
/* .btn-custom-1 */
.btn-custom-1 { background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }
.btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active { border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }
.btn-custom-1.disabled:hover, .btn-custom-1.disabled:focus, .btn-custom-1.disabled:active, .btn-custom-1.disabled.active, .btn-custom-1[disabled]:hover, .btn-custom-1[disabled]:focus, .btn-custom-1[disabled]:active, .btn-custom-1[disabled].active, fieldset[disabled] .btn-custom-1:hover, fieldset[disabled] .btn-custom-1:focus, fieldset[disabled] .btn-custom-1:active, fieldset[disabled] .btn-custom-1.active { background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; }

/* .btn-custom-2 */
.btn-custom-2 { color: #ffffff; font-weight: 400; }
.btn-custom-2:hover, .btn-custom-2:focus, .btn-custom-2:active, .btn-custom-2.active { color: #ffffff; }
.btn-custom-2.disabled:hover, .btn-custom-2.disabled:focus, .btn-custom-2.disabled:active, .btn-custom-2.disabled.active, .btn-custom-2[disabled]:hover, .btn-custom-2[disabled]:focus, .btn-custom-2[disabled]:active, .btn-custom-2[disabled].active, fieldset[disabled] .btn-custom-2:hover, fieldset[disabled] .btn-custom-2:focus, fieldset[disabled] .btn-custom-2:active, fieldset[disabled] .btn-custom-2.active { color: #ffffff; }

/* .btn-custom-3 */
.btn-custom-3 { border: none; color: #ffffff; font-weight: 400; }
.btn-custom-3:hover, .btn-custom-3:focus, .btn-custom-3:active, .btn-custom-3.active { border: none; color: #ffffff; }
.btn-custom-3.disabled:hover, .btn-custom-3.disabled:focus, .btn-custom-3.disabled:active, .btn-custom-3.disabled.active, .btn-custom-3[disabled]:hover, .btn-custom-3[disabled]:focus, .btn-custom-3[disabled]:active, .btn-custom-3[disabled].active, fieldset[disabled] .btn-custom-3:hover, fieldset[disabled] .btn-custom-3:focus, fieldset[disabled] .btn-custom-3:active, fieldset[disabled] .btn-custom-3.active { border: none; color: #ffffff; }

/* .btn-custom-4 */
.btn-custom-4 { border: none; color: #ffffff; font-weight: 400; }
.btn-custom-4:hover, .btn-custom-4:focus, .btn-custom-4:active, .btn-custom-4.active { border: none; color: #ffffff; }
.btn-custom-4.disabled:hover, .btn-custom-4.disabled:focus, .btn-custom-4.disabled:active, .btn-custom-4.disabled.active, .btn-custom-4[disabled]:hover, .btn-custom-4[disabled]:focus, .btn-custom-4[disabled]:active, .btn-custom-4[disabled].active, fieldset[disabled] .btn-custom-4:hover, fieldset[disabled] .btn-custom-4:focus, fieldset[disabled] .btn-custom-4:active, fieldset[disabled] .btn-custom-4.active { border: none; color: #ffffff; }
