@charset "utf-8";
/* CSS Document */

/***********************************************************************************
 HM - HelloMobi - Artmedia Group Polska
 
 Kolory dla projektu GIA Kamionki
 -------------------------------------------------------------
 #7c001f - Wiśniowy - Motyw przewodni
 #262626 - Ciemny szary do tekstu na stronie
 #d4d4d4 - Szary do tekstu na ciemnym tle 
 # - 
 # - 
 # - 
 
 # - 
***********************************************************************************/

/***********************************************************************************
 *	TYPOGRAPHY
***********************************************************************************/
/* Body */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    line-height: 1.8;
	letter-spacing:0.05em;
}
p {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 400;
	color: #262626;
}
p span {
	font-weight: 600;
	color:#555;
}
.table-bordered p, .table-bordered a {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.8px;
	font-weight: 600;
	color: #545454;
}
.table-bordered a {
	color: #1b1b1b;
}
a {
	color: #1F70C7;
}
a:hover {
	color: #0078C1;
}

.table-bordered a:hover {
	color: #1b9ef5;
}
.table-bordered a:focus {
	color: #1b9ef5;
}
.table-bordered td {
	font-size: 13px;
	line-height: 30px;
	font-weight: 600;
	color: #545454;
}
::marker {
	color: #c59347;
	margin-right:15px;
}

.img-thumbnail {
  padding: 2px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #141215;
  border: 1px solid #c59347;
  border-radius: 0px;
}


@media (max-width: 768px) {
h1, .h1 {
	font-size: 22px;
  }
h2, .h2 {
	font-size: 16px;
  } 
p, a {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
}  

}

/***********************************************************************************
 *	BASICS
***********************************************************************************/

/* Light version*/

body  {
	background-color:#fff;
	color: #262626;	
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #7c001f;
}


/***********************************************************************************
 *	HEADER
 ***********************************************************************************/

header {
	background: #1c1a1d;
	border-bottom: 0px solid #2d2d2d
}


/***********************************************************************************
 *	TOP HEADER
 ***********************************************************************************/

/* kolor tła top headera  */
#hm-top-header,
/* kolor tła rozwijanego menu opcji językowych */
#hm-top-header .th-item .btn-group ul.dropdown-menu > li,
#hm-top-header .th-item .btn-group ul.dropdown-menu > li > a {
	background-color: #7c001f;
}
/* kolor tła rozwijanego menu opcji językowych  po najechaniu kursorem */
#hm-top-header .th-item .btn-group ul.dropdown-menu > li > a:hover {
	background-color: #7c001f;
}
/* kolor nagłówka h1, danych adresowych i opcji językowych */ 
#hm-top-header .th-item h1, 
#hm-top-header .th-item a {	
	color: #fff;
}
/* kolor danych adresowych i opcji językowych po najechaniu kursorem */
#hm-top-header .th-item a:hover {
	color: #fff;
}
/* kolor dolnego obramowania, bocznej kreseczki z prawej strony przy pozycjach */ 
#hm-top-header, 
#hm-top-header .th-item a,
#hm-top-header .th-item .btn-group ul.dropdown-menu > li  {
	border-color: #7c001f !important;
}

/***********************************************************************************
 *	DIVIDERS:
 ***********************************************************************************/

/*-----------------------------------------------------
	HM Divider 01 Colors - Nasz używany od zawsze
------------------------------------------------------*

/* HM Divider 01 Color_01 */
/* kolor linii i dużego kwadratu */
.hm-divider_01.divider-color_01 .hm-divider-hr-line,
.hm-divider_01.divider-color_01 .hm-divider-big-shape:after {
    background: #d90000;
}
/* kolor małych bocznych kwadracików */
.hm-divider_01.divider-color_01 .hm-divider-small-shape:before,
.hm-divider_01.divider-color_01 .hm-divider-small-shape:after {
    background: #000;
}

/* HM Divider 01 Color_02 */
/* kolor linii i dużego kwadratu */
.hm-divider_01.divider-color_02 .hm-divider-hr-line,
.hm-divider_01.divider-color_02 .hm-divider-big-shape:after {
    background: #d90000;
}
/* kolor małych bocznych kwadracików */
.hm-divider_01.divider-color_02 .hm-divider-small-shape:before,
.hm-divider_01.divider-color_02 .hm-divider-small-shape:after {
    background: #d90000;
}

/* HM Divider 01 Color_03 */
/* kolor linii i dużego kwadratu */
.hm-divider_01.divider-color_03 .hm-divider-hr-line,
.hm-divider_01.divider-color_03 .hm-divider-big-shape:after {
    background: #fff;
}
/* kolor małych bocznych kwadracików */
.hm-divider_01.divider-color_03 .hm-divider-small-shape:before,
.hm-divider_01.divider-color_03 .hm-divider-small-shape:after {
    background: #fff;
}

/*-----------------------------------------------------
	HM Divider 01 Colors - End
------------------------------------------------------*	

/***********************************************************************************
 *	TITLES
 ***********************************************************************************/
 
.hm-content-title h3 {
	font-family:"Playfair Display", Arial, Helvetica, sans-serif;
	font-size: 30px; 
	font-weight: 400;
	line-height: 1.2;
	color: #475264;
} 
.hm-content-title h4 {
	font-family: "Oswald", sans-serif;
    font-size: 18px; 
	font-weight: 400;
    line-height: 1.5; 
	color: #0053cd;
} 
.hm-title-type_01:before, .hm-title-type_01:after {
	background: #0053cd;
}
.hm-title-type_01:before {
	width: 250px;
}
.hm-title-type_01:after {
	width: 210px;
} 

/* ----------------------------------------------
    HM Gallery
---------------------------------------------- */

/* Image Hover Zoom Effect */
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
img.zoom-img {
	position: relative;
	width: 100%;	
	padding: 0;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	box-shadow: 0px 0px 0px 0px #000; /*Firefox opacity flickr bug fix */
}
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	opacity: 0.7;
}

/* Gallery */
.hm-gallery {
	position: relative;
	padding-top: 40px;
	padding-bottom: 160px;
	padding-left:0px;
	padding-right:0px;
}
.hm-gallery .container-fluid {
	padding-left:220px;
	padding-right:220px;
}
@media (max-width: 767px) {
.hm-gallery {
	padding-top: 15px;
	padding-bottom: 15px;
}
.hm-gallery .container-fluid {
	padding-left:30px;
	padding-right:30px;
}
}
@media (min-width: 768px) and (max-width: 991px)  {
.hm-gallery {
	padding-top: 25px;
	padding-bottom: 45px;
}
.hm-gallery .container-fluid {
	padding-left:60px;
	padding-right:60px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hm-gallery {
	padding-top: 30px;
	padding-bottom: 70px;
}
.hm-gallery .container-fluid {
	padding-left:80px;
	padding-right:80px;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.hm-gallery {
	padding-top: 30px;
	padding-bottom: 120px;
}
.hm-gallery .container-fluid {
	padding-left:120px;
	padding-right:120px;
}
}

/* Override bootstrap column paddings */

.hm-gallery .row > div {
    padding: 2px;
}

.hm-gallery .row > div > div {
    padding: 0px;
}

.hm-gallery_efekty .row > div >div.hm-img_11,
.hm-gallery_efekty .row > div >div.hm-img_18{
    padding-bottom: 2px;
}
.hm-gallery_efekty .row > div >div.hm-img_12,
.hm-gallery_efekty .row > div >div.hm-img_19,
.hm-gallery_efekty .row > div >div.hm-img_20 {
    padding-top: 2px;
}
.hm-gallery_efekty .row > div >div.hm-img_19 {
    padding-right: 2px;
}
.hm-gallery_efekty .row > div >div.hm-img_20 {
    padding-left: 2px;
}

.hm-gallery a {
	text-decoration: none;
	overflow: hidden;
	display: block;
	margin-bottom: 0px;
	border-radius: 0px;
}
.hm-gallery a i, .gallery-slider a i {
	position: absolute;
	top: 80%;
	left: 50%;
	width: 35px;
	height: 35px;	
	display: block;
	margin: -22px 0 0 -22px;
	border-radius: 20px;
	padding: 10px;
	background: #262626;
	color: #c59347;
	text-align: center;
	text-decoration: none;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.hm-gallery a:hover i, .hm-gallery-slider a:hover i {
	top: 45%;
	opacity: 1;
	transform: translateY(20);
}
.hm-gallery a:hover i, .hm-gallery-slider a:hover i {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}

/* Image styles */
.img-responsive {
	display: inline;
}



/* ----------------------------------------------
    Promo banner 
---------------------------------------------- */
.hm-promo-banner {
  margin-bottom: 0px;
  padding-top:30px;
  background-color:#ddd;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.hm-promo-banner-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.hm-promo-banner-box.thumb {
    padding:6px;
	border: 2px solid #f2f2f2;
}
.hm-promo-banner-box a::before {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
}
.hm-promo-banner-box:hover a::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -moz-transition: all 900ms ease-in;
  -ms-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
}
.hm-promo-banner-box a::after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 1;
}
.hm-promo-banner-box:hover a::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -moz-transition: all 900ms ease-in;
  -ms-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
}

/* HM Promo Banner - Style 02 */

.hm-promo-banner.style_02 {
  padding-top: 0px;
}
.hm-promo-banner.style_02 .col{
  padding: 0;
}
.hm-promo-banner.style_02 .hm-promo-banner-box {
  margin-bottom: 0px;
}

/* HM Promo Banner - End */

/* ----------------------------------------------
    Unique Features 
---------------------------------------------- */

/* HM Unique Features - Start */

.single-service {
    transition: all .5s ease 0s;
}
.single-service i {
    font-size: 35px;
    color: #bbb;
    transition: all .3s ease 0s;
}
.single-service:hover i {
    color: #1b1b1b;
}
.single-service:hover {
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
    transform: translateY(-10px);
    border: none;
}
.single-service > h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 10px;
    text-transform: uppercase;
}
.single-service {
    background-color:#fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 45px 40px;
	margin-bottom: 30px;
}

.single-service > p {
    margin: 0;
}

/*-------------------------------------------------------------------
     style-three
--------------------------------------------------------------------*/

.hm-testimonials .carousel-inner {
  min-height: 440px;
} 
.hm-testimonials figure {
  margin-bottom: 60px;
}
.style-three {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #000;
  display: inline-block;
  font-size: 16px;
  margin: 35px 0px 10px 0px;
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #ffffff;
  border-radius: 0px;
  border-top: 5px solid #b40100;
}

.style-three *,
.style-three *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.style-three figcaption {
  padding: 50px 10% 40px;
}

.style-three figcaption:before {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  color: #bbb;
  content: "\f118";
  font-family: 'FontAwesome';
  font-size: 32px;
  font-style: normal;
  font-weight:300;
  left: 50%;
  line-height: 60px;
  position: absolute;
  top: -30px;
  width: 60px;
}
.style-three h3 {
  color: #000;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0 5px;
}
.style-three h4 {
  font-weight: 400;
  margin: 0;
}
.style-three blockquote { 
  font-weight: 300;
  margin: 0 0 20px;
}

/*Carousel Indicators */

.carousel-indicators {
    width: auto;
    position: relative;
    margin: auto;
    left: auto;
}
.photo_carousel_container {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 88%;
}
.photo_carousel .carousel-indicators {
    bottom: 0px;
}
.photo_carousel_ind,
.photo_carousel_ind.active {
    width: 18px;
    height: 2px;
    border-width: 4px;
    border-style: solid;
    margin: 0 10px;
    display: inline-block;
    background: none;
}
.photo_carousel_ind {
   color: #0078C1
}
.photo_carousel_ind.active {
    color: #ad3450
}
/* Image Offer Box
-------------------------------------------------- */
.hm-image-offer-box {
	position:relative;	
	width:100%;    
	margin-bottom: 60px;
	border: 2px solid #45baff;
	-webkit-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease; 
}
.hm-image-offer-box p {
    color: #fff;
}
.hm-image-offer-box .img-container {
	position:relative;
	width: 100%;
    height: 100%;
	padding: 0;
	border-right: 2px solid #45baff;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hm-image-offer-box .img-container a {
	  display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 5;
	  -webkit-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
}
.hm-image-offer-box .content-container {
	background: #0078C1;
	padding: 54px;
	text-align: left;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* hover effect */
.hm-image-offer-box:hover {
	border: 2px solid #0053cd;
}
.hm-image-offer-box:hover .img-container {
	border-right: 2px solid #0053cd;
}
.hm-image-offer-box:hover .img-container a {
   background: rgba(0, 0, 0, 0.4);
   	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hm-image-offer-box:hover .content-container {
	background: #f4f4f4;
}
@media (max-width: 992px) {
.hm-image-offer-box {
    padding:0; 
} 
.hm-image-offer-box .img-container  {
	border-right: 0;
	border-bottom: 2px solid #0053cd;
}
.hm-image-offer-box:hover .img-container  {
	border-right: 0;
	border-bottom: 2px solid #0053cd;
}
.hm-image-offer-box .content-container {
	padding: 55px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hm-image-offer-box .content-container {
	padding: 8px;
	padding-left: 40px;
}
}
.hm-image-offer-box .hm-content-title h3 {
	font-family:"Oswald", Arial, Helvetica, sans-serif;
	font-size: 30px; 
	font-weight: 400;
	line-height: 1.2;
	color: #d4d4d4;
} 
.hm-image-offer-box .hm-content-title h4 {
	font-family: "Oswald", sans-serif;
    font-size: 18px; 
	font-weight: 400;
    line-height: 1.5; 
	color: #45bbff;
} 
.hm-image-offer-box .hm-title-type_01:before, .hm-title-type_01:after {
	background: #45bbff;
}
.hm-image-offer-box:hover .hm-content-title h3 {
	color: #1b1b1b;
} 
.hm-image-offer-box:hover .hm-content-title h4 {
	color: #0053cd;
} 
.hm-image-offer-box:hover .hm-title-type_01:before, .hm-image-offer-box:hover .hm-title-type_01:after {
	background: #0053cd;
}
.hm-image-offer-box:hover p {
    color: #1b1b1b;
}

/* Vertical Tabs
-------------------------------------------------- */

.vertical-tab{ display: table; }
.vertical-tab .nav-tabs{
    display: table-cell;
    width: 16%;
    min-width: 16%;
    border: none;
    border-right: 1px solid #1b9ef5;
    position: relative;
}
.vertical-tab .nav-tabs li{
    float: none;
    vertical-align: top;
    margin-right: 25px;
}
.vertical-tab .nav-tabs li a{
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    background: #f5f5f5;
    font-size: 15px;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight:400;
    color: #0053cd ;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.5);
    position: relative;
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a{
    background: #1b9ef5;
    color: #fff;
    border-color: transparent;
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
    content: "";
    width: 20px;
    height: 1px;
    background: #1b9ef5;
    position: absolute;
    top: 50%;
    right: -48px;
    opacity: 0;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    right: -40px;
}
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before{
    opacity: 1;
    right: -28px;
}
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li a:hover:after{
    opacity: 1;
    right: -13px;
}
.vertical-tab .tab-content{
    display: table-cell;
    padding: 12px 15px 0;
    font-size: 15px;
    color: #505050;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: justify;
    vertical-align: top;
    position: relative;
}
.vertical-tab .tab-content h3{
    font-size: 24px;
    color: #505050;
    margin: 0 0 5px 0;
}
@media only screen and (max-width: 767px){
    .vertical-tab .nav-tabs{
        display: block;
        width: 100%;
        border-right: none;
    }
    .vertical-tab .nav-tabs li { margin: 0 0 25px 0; }
    .vertical-tab .nav-tabs li a:before{
        width: 1px;
        height: 20px;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
	.vertical-tab .nav-tabs li a{
    margin-bottom: 8px;
	}	
    .vertical-tab .nav-tabs li a:after{
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .vertical-tab .nav-tabs li.active a:before,
    .vertical-tab .nav-tabs li a:hover:before,
    .vertical-tab .nav-tabs li.active a:after,
    .vertical-tab .nav-tabs li a:hover:after{ bottom: -20px; }
    .vertical-tab .tab-content{
        display: block;
        padding: 20px 15px 5px;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
}

/* Items List
-------------------------------------------------- */
.hm-items-list-box { 
	background-color: #fff;
	border:#d4d4d4 1px solid;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	padding:40px;	
}
.hm-items-list-box.box-left {
	margin-right:20px;	
}
.hm-items-list-box.box-right {
	margin-left:20px;	
}
.hm-items-list p { 
	font-size: 13px;
	font-weight:600;
	line-height: 1.0;;
}