/*
Theme Name: Symex
Author: ClearSense
Author URI: http://www.clearsense.pl/
Version: 1.0
*/

@import "assets/css/fonts.css";

body {font-family:"titilliumlight";font-size:15px;color:#e5e5e5;background:black;}
a:hover {text-decoration:none;}
b, strong {font-family:"titilliumbold";}
p {margin-bottom:20px;}
.wrapp {overflow:hidden;}

/* HEADER */
#header {background: url(images/belka-header.png) 0 0 no-repeat;min-height: 258px;background-size: cover;overflow: hidden;}
#header .navbar {background:none;border:0;margin:0;}
#header .navbar-default {background:none;border:none;margin:0;min-height: inherit !important;}
#header #navbar-top {padding:0;}
#header #logo-top {display:block;margin-top: 25px;}
#header .top {overflow:hidden;padding: 20px 0 15px;}
#header .top .phone {margin:0;}
#header .top .phone a {font-size:15px;color:#e5e5e5;padding-left:20px;display:block;background:url(images/ico-phone.png) center left no-repeat;}
#header .top .phone a:hover {color:#eea01a;background:url(images/ico-phone-hover.png) center left no-repeat;}
#header .top .email {margin:0 0 0 30px;}
#header .top .email a {font-size:15px;color:#e5e5e5;padding-left:25px;display:block;background:url(images/ico-email.png) center left no-repeat;}
#header .top .email a:hover {color:#eea01a;background:url(images/ico-email-hover.png) center left no-repeat;}
#header .menu {}
#header .menu ul#top-menu {}
#header .menu ul#top-menu li {}
#header .menu ul#top-menu li a {padding-top:0;padding-bottom:0;background:none;font-size:18px;color:#e5e5e5;text-transform:lowercase;}
#header .menu ul#top-menu li a span {color:#e5e5e5;font-size: 12px;}
#header .menu ul#top-menu li a:hover,
#header .menu ul#top-menu li.current-menu-item > a{color:#eea01a;}
#header .menu ul#top-menu li ul {background:url(images/submenu-bg.png) center top no-repeat; background-size: 300px; width: 300px;left: 15px;height: 206px;padding-top: 16px;}
#header .menu ul#top-menu li ul li {}
#header .menu ul#top-menu li ul li a {font-size:15px;color:#e5e5e5;line-height: 20px;}
#header .menu ul#top-menu li ul li a:hover {color:#eea01a;}
#header .calendar {margin-top: 50px;padding-left:50px;background:url("images/ico-calendar.png") center left no-repeat;line-height: 18px;}
#header .calendar p {margin:0;}
#header .calendar p.line1 {font-size:17px;color:#eea01a;font-family:"titilliumbold";}
#header .calendar p.line2 {font-size:16px;color:#e5e5e5;font-style:italic;}

@media (max-width: 850px) {
    #header {padding-bottom: 40px;}
    #header .calendar {margin-top:10px;}
}

/* SIDEBAR */
#sidebar {}
#sidebar ul#sidebar-menu {list-style:none;padding:0;margin-top: 30px;}
#sidebar ul#sidebar-menu li {}
#sidebar ul#sidebar-menu li a {color:#e5e5e5;font-size:16px;line-height:24px;}
#sidebar ul#sidebar-menu li a:hover {color:#eea01a;}

#sidebar .gotooffer {width:120px;float:right;margin-right: 60px;}
#sidebar .gotooffer p {margin:0;}
#sidebar .gotooffer .line1 {font-size:28px;color:#e5e5e5;text-transform:uppercase;line-height:34px;}
#sidebar .gotooffer .line2 {color:#e5e5e5;font-family:"titilliumbold";text-transform:uppercase;font-size:20px;line-height:25px;}
#sidebar .gotooffer .line3 {color:#eea01a;font-family:"titilliumregular";font-style:italic;font-size:25px;line-height:27px;}
#sidebar .gotooffer img {margin-top: 0;margin-left: 50px;}

/* CONTENT */
#content {height: 750px;padding-bottom:40px;position: relative;margin-top: 30px;}
#content:after {content:"";background: url(images/belka1.png) top left no-repeat;width:100%;height: 200%;position:absolute;top: 0;z-index: -1;}
#content h1 {font-family:"titilliumthin";font-size:44px;color:#e5e5e5;margin-top:0;margin-bottom:30px;}
#content h2 {font-family:"titilliumthin";font-size:30px;color:#e5e5e5;margin-top:0;margin-bottom:10px;}
#content #mainContent {margin-top:-60px;height: 710px;}
#content #mainContent .scrollbar-rail {height: 770px;max-height:770px;padding-right: 30px;}
#content #mainContent .scrollbar-rail:focus {outline:0;}
#content #mainContent a {color:#e5e5e5;}
#content #mainContent table {width:100%;margin-top:30px;}
#content #mainContent table tr:first-child td {background: rgba(47, 77, 113, 0.6);border:none;}
#content #mainContent table tr td {padding:8px 10px; text-align:center;font-size:14px;}
#content #mainContent table tr td:first-child {border-radius:5px 0 0 5px;font-size:16px !important;}
#content #mainContent table tr td:last-child {border-radius:0 5px 5px 0;}
#content #mainContent table tr td {border-bottom:1px solid rgba(47, 77, 113, 0.6);}
@media (max-width: 768px) {
    #content #mainContent {margin-top:0;}
    #content {height: auto;}
    .address-details{padding-top: 20px;}
}

/* FOOTER */
#footer {padding-bottom:80px;position: relative;z-index: 1;}
#footer .navbar {background:none;border:0;margin:0;}
#footer .navbar-default {background:none;border:none;margin:0;min-height: inherit !important;}
#footer #navbar-bottom {padding: 0;}
#footer ul#bottom-menu {}
#footer ul#bottom-menu li {}
#footer ul#bottom-menu li a {color:#e5e5e5;text-transform:lowercase;}
#footer ul#bottom-menu li a:hover {color:#eea01a;}
@media (max-width: 991px) {
    #footer .navbar {clear:both;}
    #footer #navbar-bottom {clear:both;}
}

.fast-transition {transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.slow-transition {transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.clearfix:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}


@media (max-width: 1100px) {
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}

    .navbar-collapse.collapse.in {display: block!important;}
    .collapsing {overflow: hidden!important;}
}

/* FORMULARZ */
.wpcf7 {color:#7a8b96;}
.wpcf7 input {background:none;border:1px solid #7a8b96;color:#7a8b96;}
.wpcf7 textarea {background:none;border:1px solid #7a8b96;color:#7a8b96;height:180px;}
.wpcf7 input:focus {outline:none;box-shadow:none;border:1px solid #7a8b96;}
.wpcf7 textarea:focus {outline:none;box-shadow:none;border:1px solid #7a8b96;}
.wpcf7 button.wpcf7-submit {background:#eea01a;font-family:"titilliumbold";color:#303038;border:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.wpcf7 button.wpcf7-submit span {margin-left:5px;}
.wpcf7 button.wpcf7-submit:focus {outline:none;}
.wpcf7 button.wpcf7-submit:hover {background:white;}
.wpcf7 input::-webkit-input-placeholder {color: #7a8b96;}
.wpcf7 input::-moz-placeholder {color: #7a8b96;}
.wpcf7 input:-ms-input-placeholder {color: #7a8b96;}
.wpcf7 input:-moz-placeholder {color: #7a8b96;}
.wpcf7 textarea::-webkit-input-placeholder {color: #7a8b96;}
.wpcf7 textarea::-moz-placeholder {color: #7a8b96;}
.wpcf7 textarea:-ms-input-placeholder {color: #7a8b96;}
.wpcf7 textarea:-moz-placeholder {color: #7a8b96;}

/* MAPA */
#section-mapa {height:470px;position: relative;float: left;width: 100%;margin-bottom: -40px;margin-top: -25px;}
#section-mapa .shaped {
    height: 470px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 0px !important;
    overflow: hidden;
    background: transparent;
    clip-path: url("images/clipMap.svg#clipMap");
    clip-path: polygon(0% 30%, 100% 0%, 100% 100%, 0% 75%);
    -webkit-clip-path: polygon(0% 30%, 100% 0%, 100% 100%, 0% 75%);
    float: left;
    width: 100%;
}
#section-mapa .shaped .content {height:470px;float: left;width: 100%;position: relative;z-index: 1;}
#section-mapa .shaped .inner {position:absolute;top:0;left:0;width:100%;height:100%;background: url(images/bg-map.png) center center repeat-y;opacity: 0.5;pointer-events: none;}
#section-mapa #googlemaps {height: 470px;width:100%;float: Left;width: 100%;}
#section-map-info {padding:0 15px;position: absolute;transform: skew(0deg, -4deg);-webkit-transform: skew(0deg, -4deg);-moz-transform: skew(0deg, -4deg);height: 55px;z-index: 1;background: transparent;width: 100%;top: 20px;}
.jak-trafic {font-size:25px;color:#e5e5e5;text-transform:uppercase;position: absolute;}
#section-mapa .section-title {font-size:26px;color:#e5e5e5;margin-top:0;margin-bottom:25px;text-transform:uppercase;font-family:"titilliumbold";}
#section-mapa .section-title span {color:#eea01a;font-family:"titilliumlight";}

#section-mapa .gocontact {margin-top:30px;}
#section-mapa .gocontact p {margin:0;}
#section-mapa .gocontact .line1 {font-size:28px;color:#e5e5e5;text-transform:uppercase;line-height:34px;}
#section-mapa .gocontact .line2 {color:#e5e5e5;font-family:"titilliumbold";text-transform:uppercase;font-size:20px;line-height:25px;}
#section-mapa .gocontact .line3 {color:#eea01a;font-family:"titilliumregular";font-style:italic;font-size:25px;line-height:27px;}
#section-mapa .tab {height:470px;}
#section-mapa img.mapsimage {float: left;margin-right:30px;}

@media (max-width: 768px) {
    #section-mapa {height:600px;margin-bottom: 0;margin-top:55px;}
    #section-mapa .shaped {height:600px;}
    #section-mapa .shaped .content {height:300px;}
    #section-mapa #googlemaps {height:300px;}
    #section-mapa .tab {height:300px;}
    .jak-trafic {font-size:20px;}
    #section-map-info {transform: skew(0deg, 0deg);-webkit-transform: skew(0deg, 0deg);-moz-transform: skew(0deg, 0deg);top:-55px;}
    #section-mapa .shaped {
        clip-path: url("images/clipMap.svg#clipMapmobile");
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
@media (max-width: 480px) {
#section-mapa .section-title {font-size:22px;margin-top:15px;}
.jak-trafic {font-size:18px;}
#section-map-info {top:-35px;}
#section-mapa img.mapsimage {max-width:120px;margin-right:10px;}
#section-mapa .gocontact {margin-top:10px;}
#section-mapa .tab .tab-cell {vertical-align:top;}
#section-mapa .tab {margin-top:20px;}
#section-mapa #googlemaps {height:600px;}
}

.tab {height:100%;display:table;width:100%;}
.tab-cell {height:100%;display:table-cell;vertical-align:middle;}
a.go {background:url(images/more.png); width:59px;height:19px;display:inline-block;margin-top:20px;text-indent:-9999px;}
a.go:hover {background:url(images/more-orange.png);}

.carousel-control.left {background:url(images/triangle-left.png) center center no-repeat;width: 20px;}
.carousel-control.right {background:url(images/triangle-right.png) center center no-repeat;width: 20px;}

.panel-heading {background: none !important;padding-left:0;padding-right:0;}
.panel.panel-default {background: none;border: none;}
.panel-collapse {border: none;}
.panel-body {border: none !important;padding-left:0;padding-right:0;}
.panel-title {font-family:"titilliumbold";}
.panel-heading.active .panel-title a {color:#eea01a !important;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}

/* GALERIA */
.gallery {}
.gallery .box {margin-bottom:20px;position:relative;}
.gallery .img {height:100px;position:relative;border:1px solid rgba(47, 77, 113, 0.6);}
.gallery-pagination span {margin:0 3px !important;text-align:center;line-height:30px;padding:0 !important;border-radius:100%;border:none;background:#ffa70e;color:white;width:30px;height:30px;display:inline-block;}
.gallery-pagination a.page-numbers {margin:0 3px !important;font-weight:bold;text-align:center;line-height:30px;padding:0 !important;border-radius:100%;border:none !important;background:#00699e;color:white;width:30px;height:30px;display:inline-block;}
.gallery-pagination a.page-numbers:hover {background:#393939 !important;}
.gallery-pagination a.next, .gallery-pagination a.prev {display:none;}
.gallery .box .shadow {opacity:0;position:absolute;width:100%;height:100%;-webkit-transition:all 1s;transition:all 1s;background: rgba(255, 222, 0, 0.65) url(images/lupa.png) center center no-repeat;}
.gallery a:hover .shadow {opacity:1;}

.homebox img {margin-bottom:15px;}
.homebox a.link {-webkit-transition:all 1s;transition:all 1s;padding:5px 10px;border: 1px solid #333333;color: #333333;margin-top: 10px;display: inline-block;font-size: 22px;text-transform: uppercase;font-family: 'bebas_neue_regular'}
.homebox a.link .arrow {-webkit-transition:all 1s;transition:all 1s;display:inline-block;width:8px;height:9px;background:url(images/arrow-black.png);margin-left:5px;}
.homebox a.link:hover {color:white;border: 1px solid #333333;background:#333333;}
.homebox a.link:hover .arrow {}

a.button {background:#eea01a;font-family:"titilliumbold";color: #303038 !important;border:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;padding: 6px 12px;font-size: 14px;border-radius: 5px;display: inline-block;}
a.button span {margin-left:5px;float: right;line-height: 20px;}
a.button:focus {outline:none;}
a.button:hover {background:white;}

.page-navigation {overflow:hidden;}
a.button.navi-prev {float:left;width: 155px;}
a.button.navi-next {float:right;width: 155px;}

/* HOME */
#homeContent {text-align:center;margin-top: -80px;}
#homewrap {position:relative;margin-top: 30px;padding-bottom: 24px;}
#homewrap:after {content:"";background: url(images/belka3.png) top left no-repeat;width:100%;height: 200%;position:absolute;top: 0;z-index: -1;background-size: cover;}
#homeContent h1 {font-size:44px;margin-top:0;margin-bottom:20px;}
#homeContent h1 strong {font-family:"titilliumregular";}
@media (max-width: 480px) {
#homeContent h1 {font-size:34px;}
}

.slick-offer {margin-top:50px;}
.slick-offer .item {text-align:center;}
.slick-offer .item .image {height:60px;}
.slick-offer .item .image img {display:inline-block;}
.slick-offer .item h3 {color:#eea01a;font-size:16px;text-transform:uppercase;}
.slick-offer .item a:hover h3 {color:white;}
.slick-offer {padding:0 30px;}
.slick-offer .item {margin:0 15px;}
.slick-offer .slick-prev {position: absolute;left: -10px;top: 50%;margin-top: -7px;width:18px;height:14px;background:url(images/arrow-left.png) center center;border:none;}
.slick-offer .slick-next {position: absolute;right: -10px;top: 50%;margin-top: -7px;width:18px;height:14px;background:url(images/arrow-right.png) center center;border:none;}
.slick-offer .slick-prev:focus, .slick-offer .slick-next:focus {outline:none;}
.slick-offer .slick-prev span, .slick-offer .slick-next span {display:none;}

.slick-client {margin-top:50px;}
.slick-client .item {text-align:center;}
.slick-client .item .image {height:60px;}
.slick-client .item .image img {display:inline-block;}
.slick-client .item h3 {color:#eea01a;font-size:16px;text-transform:uppercase;}
.slick-client .item a:hover h3 {color:white;}
.slick-client {padding:0 30px;}
.slick-client .item {margin:0 15px;}
.slick-client .tab {height:100px;background:white;}
.slick-client .slick-prev {position: absolute;left: 0px;top: 50%;margin-top: -7px;width:18px;height:14px;background:url(images/arrow-left.png) center center;border:none;}
.slick-client .slick-next {position: absolute;right: 0px;top: 50%;margin-top: -7px;width:18px;height:14px;background:url(images/arrow-right.png) center center;border:none;}
.slick-client .slick-prev:focus, .slick-client .slick-next:focus {outline:none;}
.slick-client .slick-prev span, .slick-client .slick-next span {display:none;}

#section-content .line1 {font-size:28px;color:#e5e5e5;text-transform:uppercase;line-height:34px;margin:0;}
#section-content .line2 {color:#e5e5e5;font-family:"titilliumbold";text-transform:uppercase;font-size:20px;line-height:25px;margin:0;}
#section-content .line3 {color:#eea01a;font-family:"titilliumregular";font-style:italic;font-size:25px;line-height:27px;margin: 0 0 10px;}
#section-content .leftcol, #section-content .rightcol {position:relative;font-size: 14px;line-height: 18px;}
#section-content .leftcol .go, #section-content .rightcol .go {float:right;}
#section-content .rightcol .arrow {position:absolute;top: 30px;left: -110px;}
#section-content .rightcol {margin-top:30px;}
#section-content .leftcol {margin-top: 100px;}

#calendars {padding:40px 40px 0 40px;}
#calendars table tr td, #calendars table tr th {border:none;}
th.fc-day-header {text-transform: capitalize;font-size: 16px;color: #e5e5e5;padding: 10px 5px;border-left: 1px solid #919191 !important;}
td.fc-day {border-left: 1px solid #919191 !important;}
.fc .fc-row {border-bottom: 1px solid #919191;}
.fc .fc-row.fc-widget-header {border-bottom: 1px solid white;}
.fc-ltr .fc-basic-view .fc-day-number {text-align: center;font-size: 16px;}
.fc-unthemed .fc-today {background:none;}
button.fc-prev-button,button.fc-next-button {border: none;background: none;box-shadow: none;color: white;}
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable {padding-top: 20px;background:url(images/star.png) center top no-repeat;border: none;text-align: center;font-size:14px;color:#eea01a;margin-top: 15px;}
#calendars h2 {color: #eea01a;text-transform:uppercase;font-family:"titilliumbold";font-size:24px;}
#calendarModal {}
#calendarModal button.close {position: absolute;right: -18px;top: -18px;background:url(images/close.png);opacity: 1;width: 36px;height: 36px;}
#calendarModal .modal-content {background: #141d2b !important;}
#calendarModal .modal-footer {border:none;}
.modal {text-align: center; }
@media screen and (min-width: 768px) {
    .modal:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}
}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
@media (max-width: 480px) { 
#calendars {padding:0;}
#calendars h2 {font-size:18px;}
}

.cols-inner {padding-right:25px;}


#rezerwujModal {}
#rezerwujModal button.close {position: absolute;right: -18px;top: -18px;background:url(images/close.png);opacity: 1;width: 36px;height: 36px;}
#rezerwujModal .modal-content {background: #141d2b !important;}
#rezerwujModal .modal-footer {border:none;}
.address-details {margin:0;padding-left:5px;color: #eea01a;display: inline-block;}
.pin-address{padding-left: 10px;}
.cols-inner p:not(#breadcrumbs) a, .cols-inner li a{color: #63a0d4 !important;}
/* social media minified */
.sm-panel{position:fixed;width:155px;top:150px;right:-105px;z-index:1000000;transition:visibility .25s,opacity .25s;-webkit-transition:visibility .25s,opacity .25s}.sm-panel>ul{margin:0;padding:0;list-style-type:none}.sm-panel>ul>li{transition:transform .25s;-webkit-transition:-webkit-transform .25s}.sm-panel>ul>li:hover{transform:translateX(-105px);-webkit-transform:translateX(-105px)}.sm-panel>ul>li>a{display:flex;align-items:center;color:#fff;padding:5px 0 5px 5px;text-decoration:none}.sm-panel>ul>li>a>img{margin:0 10px 0 0}.sm-panel>ul>li>a>span{font-size:initial}.sm-panel>ul>li[class^=sm-]{background-image:none;background-repeat:repeat;background-attachment:scroll;background-position:0}.sm-text-black{color:#000}.sm-gplus{background:#dc4a3d}.sm-fb{background:#305891}.sm-twitter{background:#28aae1}.sm-blog{background:#0171bb}.sm-pinterest{background:#d73532}.sm-youtube{background:#e32c26}.sm-allegro{background:#ff5a00}.sm-linkedin{background:#0097bd}.sm-payback{background:#00349a}.sm-goldenline,.sm-googlekspert{background:#fff}@media screen and (max-width:640px){.sm-panel{visibility:hidden;opacity:0}}.sm-gmap {background: #eea01a;}

@media (min-width: 1200px){
    #header .menu ul#top-menu li ul{
        height: 300px !important;
    }
}