@import url(css/bootstrap.css); 
@import url(css/responsive.css);

/*
Theme Name: Event na Miarę Zbigniew Szczeciński
Theme URI: http://www.veden.pl
Description: Szablon strony dla Event na Miarę Zbigniew Szczeciński
Author: Veden
Author URI: http://www.veden.pl
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,700,900');
body {font-family: 'Raleway', 'Open Sans', 'Segoe UI', Arial,sans-serif; background: #fff; color: #444; overflow-x: hidden; font-size: 14px; text-align: justify;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Typography ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif; color: #222; margin-top:5px; line-height: 130%;}
h1 {font-size: 2.4rem; font-weight: 300;}
h2 {font-size: 1.8rem;} 
h3 {font-size: 1.6rem;}
h4 {font-size: 1.4rem;}
h5 {font-size: 1.2rem;}
h6 {font-size: 1.1rem;}
.heading {text-align: center; background: url(images/heading_bottom.jpg) bottom center no-repeat; padding-bottom: 35px; margin-bottom: 20px !important;}
blockquote {font-family: Georgia, sans-serif; color: #777; font-weight: 700; font-style: italic; padding: 0 30px; border: 0; margin: 30px 0; background: url(images/ico_blockquote.png) top left no-repeat;}

ul {padding: 0 0 0 15px;}
ul li {list-style: none; list-style-image: url(images/tick.png); line-height: 140%; padding-bottom: 7px;}
a, a:active, a:visited {text-decoration: none !important; color: #ff0000; font-family: 'Raleway', sans-serif;}
a:hover {color: #222;}
hr {display: block; clear: both;}

table {border: 1px solid #DDD; width: 100%; max-width: 100%; border-spacing: 0px; border-collapse: collapse; table-layout:fixed}
table > thead > tr > th {border-bottom-width: 2px;}
td, th, tr {padding: 10px; vertical-align: top; border: 1px solid #DDD;}
table img {display: inline-block !important; width: auto !important; max-width: 100%; height: auto; max-height: 100%;}

img {max-width: 100%; height: auto; display: block;}
img.alignright {float:right; margin:0 0 10px 10px;}
img.alignleft {float:left; margin:0 10px 10px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

/* Btn */
.btn {border: 2px solid transparent; text-transform: uppercase; padding: 5px 20px; font-size: 14px;}
a.btn {color: #fff !important;}
a.btn:hover {-webkit-animation: pulse .8s; animation: pulse .8s;}
.btn-default {border-color: #ff000; color: #fff; background-color: #ff0000; padding: 8px 20px;}
.btn-default:hover {border-color: #222; color: #fff; background: #222;}

#main .btn-lg {color: #333 !important; background-color: #f5f5f5!important; border-color: #ddd !important;}
#main .btn-lg:hover {color: #fff !important; background-color: #111!important; border-color: #111 !important;}

/* Reusable */
.clear {clear: both;}
.nobr {white-space: nowrap;}
.toright {text-align: right;}
.red {color: #ff0000;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ogólne ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main {margin-bottom: 50px;}
/* Galeria */
.ug-thumb-wrapper {border: 1px solid #ccc;}
/* Fat Portfolio */
.fat-portfolio-single {padding-top: 40px;}
.fat-shortcode-sc5a437f78ca324 .fat-portfolio-item .title, .fat-shortcode-sc5a437f78ca324 .fat-portfolio-item .title a {line-height:115% !important;}
.portfolio-related-container .related-title {margin-bottom: 45px !important;}
/* Call to action */
#calltoaction {border-top: 1px solid #dfdeda; color: #fff; padding: 30px 0 20px; background: url(images/bg_call.jpg) right center no-repeat fixed; background-size: cover;}
#calltoaction h2 {color: #fff;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top {background: #111111; color: #dbdbdb;}
#top a {color: #dbdbdb;}
#top a:hover {color: #fff;}
#top ul {margin: 0; padding: 15px 0 0;}
#top li {display: inline-block;}
#top li + li {margin-left: 7px;}
.mail {background: url(images/ico_mail.png) center left no-repeat; padding-left: 25px;}
.tel {background: url(images/ico_tel.png) center left no-repeat; padding-left: 25px;}
header a.brand_name {padding: 10px 0 5px; display: block;}
header a.brand_name:hover {-webkit-animation: pulse .8s; animation: pulse .8s;}
#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text {letter-spacing: 1px;}
#mega_main_menu.header-menu > .menu_holder > .menu_inner > span.nav_logo {background-color: #ccc;}
#mega_main_menu > .menu_holder > .menu_inner > ul > li {border-top: 5px solid #fff !important;}
#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li.current-menu-item, #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li:hover {border-top: 5px solid #ff0000 !important;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Strona Główna ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.baner_content {background-color: rgba(255, 0, 0, 0.8); background: rgba(255, 0, 0, 0.8); color: rgba(255, 0, 0, 0.8);  color: #fff; padding: 30px; text-transform: uppercase; letter-spacing: 1px;}
.baner_content h3 {color: #fff; font-weight: 700; letter-spacing: 1px;}
#okruszki {margin-top: 20px; border-bottom: 1px solid #dfdeda; border-top: 1px solid #dfdeda; color: #777; padding: 30px 0 20px; background: url(images/bg_okruszki.jpg) right center no-repeat fixed; background-size: cover;}

#main {padding-top: 30px; padding-bottom: 30px;}
.offer_home {padding-top: 30px !important;}
.offer_home h3.heading {font-size: 2.8rem !important;}
.box {background: #fff; border: 1px solid #dfdfdf; padding: 15px 20px 20px; margin-bottom: 30px; min-height: 210px;}
.box:hover {background: #cecece url(images/bg_imprezy_firmowe_lodz.png) bottom right no-repeat;}
.box:hover h4 {color: #222;}
.box:hover p {color: #111;}
.box h4 {font-weight: 900; font-size: 2.2rem; color: #9d9d9d; margin-bottom: 0; line-height: 110%; letter-spacing: 2px;}
.box:first-of-type h2 {font-size: 2.5rem;}
.begining {padding: 15px 20px 20px; margin-bottom: 30px; min-height: 210px;}
.begining h4 {font-weight: 700; font-size: 3rem; text-transform: uppercase;}
.begining h4 em {font-weight: 300; font-size: 2rem; color: #727272; display: block; line-height: 80%; text-transform: none;}
.box a, .begining a {font-weight: 700; text-align: right !important;}
.about_home {padding-top: 30px; padding-bottom: 30px;}
.about_home p {font-size: 1.3rem; line-height: 120%;}
.about_home h3 {font-size: 2.8rem;}
.aboutusnext {margin-top: 60px;}
.aboutusnext p {font-size: 16px;}
#realizacje {margin-top: -70px !important;}
#realizacje h3 {font-weight: 700; color: #858585; text-align: center; padding-bottom: 30px;}
#realizacje .fat-portfolio-tabs {display: none !important;}

/* Stats */
.box_callendar, .box_puzzle, .box_mic {text-transform: uppercase; min-height: 160px; padding-top: 40px; margin-top: 20px;}
.box_callendar {background: url(images/Ico_callendar.png) bottom right no-repeat;}
.box_puzzle {background: url(images/ico_puzzle.png) bottom right no-repeat;}
.box_mic {background: url(images/ico_mic.png) bottom right no-repeat;}
.box_mic small {font-size: 2rem;}
.box_callendar p, .box_puzzle p, .box_mic p {text-align: left !important; font-weight: 300; color: #777;}
span.gt-counter {font-weight: 900 !important;}

/* Slider realizacji */
.no-js .owl-carousel, .owl-carousel.owl-loaded {margin-top: -30px !important;}


/* Oferta */
.oferta h1 {font-size: 1.8rem !important;}
.oferta h3 {font-size: 2.4rem !important; font-weight: 300;}
.panel-body h2 a {color: #111 !important; text-align: left;}
.panel-body h3 {font-size: 24px !important;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Panel boczny ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sidebar {margin-top: 30px;}
.sidebar h3 {font-size: 1.3rem; color: #999; border-bottom: 1px solid #dfdeda; padding-bottom: 10px; padding-top: 10px;}
.sidebar ul li {border-top: 0 !important; border-bottom: 1px solid #dfdeda !important;}
.sidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li {border-top: 0 !important;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {background: #111; color: #434343; padding: 50px 0; position: relative; border-top: 1px solid #fff; z-index: 110;}
footer ul {margin: 0; padding: 0; text-align: right; text-transform: uppercase; font-size: 13px;}
footer ul.footer_nav {padding-top: 15px;}
footer li {display: inline-block; color: #7a7a7a;}
footer li a, footer li a:link, footer li a:visited {padding: 0 5px; color: #7a7a7a;}
footer li a:hover {color: #fff;}
footer li:after {content: "/"; padding-left: 10px;}
footer li:last-of-type:after {content: none; padding-left: 0;}
footer hr {border-top: 1px solid #252525;}
.copy {color: #7a7a7a; font-size: 13px; text-align: right; padding-top: 10px;}
.copy a {color: #7a7a7a;}
.copy a:hover {color: #fff;}
#totop {position: absolute; top: -25px; left: 47%; padding: 10px;}
.to_top {text-align: center; width: 50px; height: 50px; padding: 14px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; background: #fff; color: #111; border: 1px solid #ddd;}
.to_top:hover {background: #ff0000; color: #fff; border-color: #ff0000; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dodatkowe style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Hover */
.hover-item {display:block !important; position:relative !important; overflow: hidden; margin-bottom: 5px; border: 1px solid #d6d6d6;}
.hover-item-overlay {visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
.hover-item a {color:transparent;}
.hover-item a:hover .hover-item-overlay {visibility:visible; opacity:1; transition-delay:0s; text-align: center; position: absolute; background: rgb(0,154,255); background: -moz-linear-gradient(-45deg, rgba(0,154,255,1) 0%, rgba(1,42,96,0.6) 100%); background: -webkit-linear-gradient(-45deg, rgba(0,154,255,1) 0%,rgba(1,42,96,0.6) 100%); background: linear-gradient(135deg, rgba(0,154,255,1) 0%,rgba(1,42,96,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009aff', endColorstr='#012a60',GradientType=0.6 ); color: #fff; width:100%; height:100%; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}
.hover-item-overlay span {font-size: 2rem; margin: auto; position: absolute; top: 40%; left: 0; bottom: 0; right: 0}
.hover-item img {width: 100%; height: auto;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Animacja BTN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2013 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* Cookies */
ol {padding: 10px 15px;}
ol > li {padding-bottom: 10px; list-style: decimal;}
ol > li > ul {padding: 5px 15px 10px;}
ol > li > ul > li {padding-bottom: 5px; list-style-image: none !important; list-style-type: lower-alpha !important; color: #888;}
div#pronamic_cookie_holder {background: #171717;}
#pronamic_cookie_holder  a.pronamic_cookie_close_button {background: #2980b9; color: #222;}
#pronamic_cookie_holder  a.pronamic_cookie_close_button:hover {background: #000; color: #fff;}

/* Paginacja */
.navigation {margin: 20px 0; font-family: 'Open Sans', 'Segoe UI',Tahoma, sans-serif; font-size: 13px;}
.navigation a {color: #ccc; border: 1px solid #ccc; background: #fff; padding: 5px 10px; font-weight: 700;}
.navigation a:hover {background: #ee742e; border: 1px solid #ee742e; color: #fff;}
.navigation .current {font-weight: bold; color: #fff; padding: 5px 10px; background: #ccc; border: 1px solid #ccc;}
.navigation .prev, .navigation .next {font-weight: bold;}

/* Fromulare kontaktowe*/
input[type='text'], input[type='email'], input[type='tel'], textarea {border-top: 0; border-left: 0; border-right: 0; border-radius: 0; border-bottom: 1px solid #cfcfcf !important; height: 36px; padding: 7px 10px; margin: 0; width: 100%; font-size: 14px; background: #fff; color: #444; cursor: pointer; margin-bottom: 5px;}
textarea {height: 105px; width: 100%;}
input[type="submit"] {border: 2px solid #ff0000; color: #fff; text-transform: uppercase; padding: 5px 15px; border-radius: 0; font-size: 14px; font-weight: 700; background: #ff0000;}
input[type="submit"]:hover {-webkit-animation: pulse .8s; animation: pulse .8s; border-color: #222; color: #fff; background: #222;}
.col-sm-4 h5::first-letter {
    font-size: 2rem;
    color: #ff0000;
	font-weight: 700;
}