/* Style KD */



/* aktywna klasa menu */

.navbar li.active > a {color:#f57722}

.navbar li ul li.active > a {color:#f57722}



/* nadpisanie klasy menu rozwijanego bootstrap */

.dropdown-toggle-kd::after {

	content: "\f282";

	display: inline-block;

	margin-left: 5px;

	font-family: bootstrap-icons !important;

	font-size: 12px;

	font-style: normal;

	font-weight: normal !important;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	vertical-align: -.125em;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



/* znak w prawo menu rozwijanego */

#menu-menu-glowne li ul .dropdown > a::after {content: "\f285";font-family: bootstrap-icons;font-size: 12px;font-weight: normal;}



/* LISTA LI */

.lista-li-normal ul {list-style:none}

.lista-li-normal li {margin: 0 0 0 22px;padding: 0 0 25px 16px;line-height: 26px;font-weight: 700;font-size: 24px}

.lista-li-normal li:before {content: "\f046";font: normal normal normal 14px/1 FontAwesome;color: #f57722;font-size: inherit;margin-left: -41px;padding: 0 15px 0 3px;}



/* LISTA LI MAPY STRONY */

.wsp-container a {color:#000;font-size:16px;font-weight:300;}

.wsp-container a:hover {color:#f57722}

.wsp-container h2 {font-size:20px}



/* TEKST OFERTY PRACY */

.tekst-praca p {font-size: 16px;font-weight: 0;font-weight: initial;}



/* KALKULATORY */

.container-service-kd {display: flex;width: 100%;flex-wrap: wrap}



/* BREADCRUMB */

.breadcrumbs-kd::after {display:inline-block;padding-right:10px;padding-left:10px;color:#6c757d;content:"/"}



/* WYSZUKIWARKA */

.wyszukiwarka-form {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%}

.form-control-kd {position: relative;flex: 1 1 auto;width: 1%;min-width: 0}

.search-li a {color: #000000}

.search-li a:hover {color: #f57722}



/* reCaptcha */

.capt_style {width:304px;margin: 0 auto}

.send-form {clear:both;margin-top: 20px;}

.error-message {text-align:center!important}

/* Form kalkulatory */
.form-control, .form-select {min-height:60px}
.form-label, .wynik {font-size: 19px}
.wynik {background:#f57722;width:98%;margin:0 auto 15px auto;padding:13px;color:#fff;font-weight:600}
.wynik-error {display:none}



/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

body {

  font-family: 'Blinker', sans-serif;

  color: #000000;

}



a {

  color: #f57722;

  text-decoration: none;

}

.a-button {background: transparent;border: 0}



h1, h2, h3, h4, h5, h6, .font-primary {

  font-family: 'Blinker', sans-serif;

	font-weight:600

}



.text-black {color:#000000}

.fa-arrow-circle-right, .fa-send {margin:0 0 0 10px}

.form-control-custom:focus, .contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border:1px solid;border-color: inherit;-webkit-box-shadow: none;box-shadow: none}

.input-group .btn {border-radius:0}

.btn {padding: .775rem 1.3rem}

.btn-secondary {background-color: #f57722;border-color: #f57722}

.btn-secondary:hover {background-color: #f57722;border-color:#f57722}

.form-control-custom {border-radius:0;min-height:50px;background:#f7f7f7;font-size: 18px;font-weight: 400;color:1b252e}

.card-body p {font-size:14px;line-height: 18px}



/* Google map */

.map-container-3{

overflow:hidden;

position:relative;

height:300px;

}

.map-container-3 iframe{

left:0;

top:0;

height:100%;

width:100%;

position:absolute;

}



p {

    margin-top: 0;

    margin-bottom: 1rem;

    font-size: 18px;

    font-weight: 300;

    line-height: 28px;

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: -10px 4px;}



p > img {margin:14px}

.imgcenter {margin: 15px auto;display: block}



/*--------------------------------------------------------------

# Product Forms

--------------------------------------------------------------*/

.hide {display: none}

.form-control {border-radius: 0;background: #f7f7f7;font-weight: 400;color: #000000;padding:14px;margin:0 0 15px 0}

.form-group {margin:0 0 15px 0}

body .radioitem .checkmark {border-radius: 50%;height: 20px;width: 20px;position: absolute;left: 0;top: 4px}

body .radioitem input:checked~.checkmark {background-color:#f57722}

body .radioitem input {cursor: pointer;opacity: 0;position: absolute}



body .radioitem input:checked~.checkmark:after {display: block}

body .radioitem .checkmark {background-color: #eee;border-radius:0;height: 20px;width: 20px;position: absolute;left: 0;top: 4px}

label {display: inline-block;font-weight: 500}

body .radioitem {display: inline-block;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}

body .checkitem, body .radioitem {font-size: 1.2rem;margin:0 0 15px 0;padding-left: 30px;padding-right: 8px;cursor: pointer}

html input[type=text], html input[type=email], html input[type=number], html input[type=search], html select, html textarea {font-size: 1.2rem;}

textarea:focus, 

textarea.form-control:focus, 

input.form-control:focus, 

input[type=text]:focus, 

input[type=password]:focus, 

input[type=email]:focus, 

input[type=number]:focus, 

[type=text].form-control:focus, 

[type=password].form-control:focus, 

[type=email].form-control:focus, 

[type=tel].form-control:focus, 

[contenteditable].form-control:focus {outline: none;box-shadow:none !important;border:1px solid #ccc !important}

.infoPlaceholder::-webkit-input-placeholder {font-weight: lighter;color:#AFB2B3}

.infoPlaceholder::-moz-placeholder {font-weight: lighter;color:#AFB2B3}

.infoPlaceholder::-ms-input-placeholder {font-weight: lighter;color:#AFB2B3}

[type=submit] {cursor: pointer;transition: 0.4s;color: #f57722;border-color: #f57722;border-radius: 0;font-weight: 600;border: 2px solid #f57722;padding: .775rem 1.3rem;background:transparent;font-size:1.2rem}

[type=submit]:hover {background:#f57722;color:#fff}

.loading {display: none;background: #fff;text-align: center;padding: 15px}

.error-message {display: none;color: #fff;background: #f57722;text-align: left;padding: 15px;font-weight: 600}

.sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600}

/*--------------------------------------------------------------

# End Product Forms

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Accordion

--------------------------------------------------------------*/

.accordion-button {color:000000;background:#f7f7f7;box-shadow: none}

.accordion-button:hover {color:#fff;background:#f57722}

.accordion-button:not(.collapsed) {background:#f57722;box-shadow: none;color:#fff}



.accordion-item:first-of-type .accordion-button:focus, .accordion-item:focus, .accordion-item:first-of-type:focus, .accordion-item:last-of-type:focus, .accordion-button.collapsed:focus {border-color: inherit;-webkit-box-shadow: none;box-shadow: none}

.accordion-item:first-of-type .accordion-button, .accordion-item:first-of-type, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type {border-radius:0;}

.accordion-item {border:0;margin: 2px 0 2px 0}



.accordion-button:not(.collapsed)::after {background-image:url(../img/arrow-down.png)!important}

h4.accordion-header .accordion-button{height: 64px;font-weight:600;font-size:16px}

/*--------------------------------------------------------------

# End Accordion

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Tabs

--------------------------------------------------------------*/

.nav-tabs {margin:30px 0 20px 0;background: #f7f7f7;border-bottom:1px solid #f7f7f7}

.nav-tabs h3 {font-weight: 600;font-size: 22px}

.tab-content>.active {padding:30px 0 3px 0}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {padding: 20px 50px 20px 50px;background:#f57722;color:#fff;border-radius: 0;border:0}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover {color:#fff}

.nav-tabs .nav-link {border:0;padding: 20px 50px 20px 50px}

.nav-tabs .nav-link:hover {border:0;color:#f57722}

.tabs-img {margin:0 0 20px 0}

tr.tr-title {

		text-align:center;

		border: 2px dotted #c4c4c4;

    color: #000000;

    font-size: 22px;

    font-weight: 500;

}

tr.tr-title td {

		padding: 10px 25px;

    width: 70%;

		border: 2px dotted #c4c4c4;

}

td.td-txt {

		border: 2px dotted #c4c4c4;

		text-align:center;

    padding: 10px;

    margin-top: 0;

    margin-bottom: 1rem;

    font-size: 18px;

    font-weight: 300;

    line-height: 28px;

}

.swiper-pagination-bullet {width: 18px;height: 18px;border-radius: 0;}

.swiper-pagination-bullet-active {background:#f57722!important}



/*--------------------------------------------------------------

# End Tabs

--------------------------------------------------------------*/



.price {display:block;min-height:280px;text-align:center;padding: 25px 0 0 0;margin: 10px 0 10px 0;box-shadow: 0 0 30px rgb(214 215 216 / 60%);overflow: hidden}

.border-dotted {border-radius: 50%;border: 2px dotted #c4c4c4;width: 110px;height: 110px;padding:18px 0 20px 0;margin: 0 auto}

img.price-bg {width:80px;height:80px}

.info-box .price h2 {color:#000000;transition: .4s;font-size: 22px;padding: 20px}

.info-box .price:hover h2 {color:#f57722;transition: .4s}

/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: .75;

  right: 77px;

  bottom: 55px;

  z-index: 99999;

  background: #f57722;

  width: 40px;

  height: 40px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 24px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #f57722;

  color: #fff;

	opacity: .55;

}



.back-to-top.active {

  visibility: visible;

}



/* MOBILE HANDSET + E-MAIL */

.sticky__contact{position:fixed;right:0;bottom:12%;z-index:4444;overflow:visible;padding:1.875rem 0 1.5625rem 1.25rem}

@media screen and (min-width:64em){.sticky__contact{margin-right:3.125rem}}

.sticky__contact .fa:first-child{margin-left:.2rem}

@media screen and (min-width:64em){.sticky__contact .fa:first-child{margin-left:.7rem}}

.sticky__contact .fa-phone, .fa-map-marker, .fa-calculator{color:#fff;border-radius:50%;border:4px solid #fff;padding:1.3rem;margin-right:.5rem;transition:all .3s;opacity:.9;background:#f57722;box-shadow:0 10px 40px rgba(0,0,0,.15);animation:Cb 1.8s infinite;-webkit-animation:Cb 1.8s infinite}

.sticky__contact .fa-phone:hover, .fa-map-marker:hover, .fa-calculator:hover {background:#fff;color:#f57722;border:4px solid #f57722;animation:none}

@keyframes Cb{0%{box-shadow:0 0 0 25px rgba(245,119,34,.8)}

70%{box-shadow:0 0 0 5px rgba(245,119,34,.1)}

to{box-shadow:0 0 0 0 rgba(245,119,34,0)}}

@media print{*{background:transparent;color:#000;text-shadow:none;filter:none;-ms-filter:none}

a,a:visited{color:#000000;text-decoration:underline}

a:after,a:visited:after{content:" (" attr(href) ")"}

@page{margin:.5cm}}

/* END MOBILE HANDSET + E-MAIL */ 



/* INTERACTIV BOX */

.pic-desk {width:100%;height:100%;margin:0}

.box-border {height:auto;padding:5px;border:1px solid #c4c4c4;transition:.75s ease;overflow:hidden;margin: 15px 0 15px 0}

.box-border2 {height:auto;padding:5px;border:1px solid #c4c4c4;transition:.75s ease;overflow:hidden;margin:5px}

.box-border:hover {transition: .75s ease}

.container-interactive {position: relative}

.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(213, 32, 39, 0);transition: background 0.5s ease}

.container-interactive:hover .overlay {height:100%;display: block;background: rgba(245, 119, 34, 0.75);}

h2.h2-box-title {text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);position: absolute;width:100%;left: 0;top:90px;padding:20px 40px 20px 20px;font-weight:300;font-size:26px;color: white;z-index: 1;transition: top .5s ease;background: rgba(245, 119, 34, 0.75);-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in}

h2.h2-box-title2 {text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);position: absolute;width:100%;left: 0;top:85px;padding:15px 40px 15px 20px;font-weight:300;font-size:26px;color: white;z-index: 1;transition: top .5s ease;background: rgba(245, 119, 34, 0.75);-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in}

.container-interactive:hover h2.h2-box-title, .container-interactive:hover h2.h2-box-title2 {top:30px;background:none;opacity: 1}

h3.h3-box-title {overflow: hidden;height: 140px;color:#fff;position: absolute;left:0;top:90px;padding:0 20px 0 21px;text-align:left;opacity: 0;transition: opacity .75s ease;font-size: 15px;line-height: 24px;font-weight: 300}

.button2 {position: absolute;left:21px;top: 260px;text-align: center;opacity: 0;transition: opacity .75s ease}

.button2 a {letter-spacing: 1px;font-weight:400;padding: 12px 48px;text-align: center;color: #fff;border: solid 2px #fff;z-index: 1;transition: .35s ease}

.button2 a:hover {background:#fff;color:#000000;transition: .35s ease}

.button3 {position: absolute;left:21px;top: 130px;text-align: center;opacity: 0;transition: opacity .75s ease}

.button3 a {letter-spacing: 1px;font-weight:400;padding: 12px 48px;text-align: center;color: #fff;border: solid 2px #fff;z-index: 1;transition: .35s ease}

.button3 a:hover {background:#fff;color:#000000;transition: .35s ease}

.container-interactive:hover .button2, .container-interactive:hover .button3, .container-interactive:hover h3.h3-box-title {opacity: 1}

/* END INTERACTIV BOX */



/* SERVICE */

.bg-grey {background:#f8f8f8}

ul.list-normal {list-style-position: inside;list-style:none}

ul.list-normal li {margin: 0 0 0 22px;padding:0 0 25px 16px;line-height:26px;font-weight:700;font-size:24px;color:#000000}

ul.list-normal li span {color:#878786;font-size:18px;font-weight:600}

ul.list-normal li > i{margin: 0 0 0 -25px;color:#f57722}

.list-normal .fa:first-child {padding: 0 15px 0 3px;margin-left: -41px}

.box-1, .box-2, .box-3, .box-4 {text-align: center;width:373px;height:373px;float:left;overflow:hidden}

.box-1 {background:#f57722;padding:140px 0}

.box-4 {background:#000000 url(../img/) no-repeat;background-position: center;padding:110px 0}

h2.title-small-h2 {font-size:26px;font-weight:600;text-shadow: 1px 1px 1px rgb(0 0 0);}

.txt-white {color:#fff}

a.normal-link {text-decoration:underline}

a.normal-link:hover {color:#000000;text-decoration:none}

.container-service {

  display: flex;

  width: 100%;

  height: 560px;

  flex-wrap: wrap;

}



.column {

  flex: 1;

  display: flex;

  flex-direction: column;

}



.button {

  flex: 1;

  color: white;

}



.button.rowspan {

  flex: 2;

}

/* END SERVICE */



/* NEWS*/

.blog-details {padding:5px 0 10px 0;position: relative;z-index: 999}

.author-post, .date-post {display: inline-block;font-size: 13px;margin: 5px 0 0 0}

.blog-img {position: relative;margin: -43px 0 0 0}

.date-post .fa:first-child, .author-post .fa:first-child {margin:0 5px 0 0}

.col-hover {padding:15px;transition: .4s;float: left}

.col-hover:hover p, a.a-news:hover {color:#fff}

.col-hover:hover {background:#f57722;padding:15px 15px 15px 15px;color:#fff;transition: .4s}

h2.title-blog-h2 {font-size:18px;font-weight:600;height: 90px;vertical-align: middle;display: table-cell;padding: 10px 0 10px 0}

a.a-news {color:#000000}

.img-news {width:328px}

/* END NEWS */



/*--------------------------------------------------------------

# Disable aos animation delay on mobile devices

--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

  [data-aos-delay] {

    transition-delay: 0 !important;

  }

}



/*--------------------------------------------------------------

# Top Bar

--------------------------------------------------------------*/

#topbar {

  background: #fff;

  border-bottom: 1px solid #c4c4c4;

  font-size: 15px;

  height: 50px;

  padding: 0;

}



#topbar .contact-info a {

  line-height: 0;

  color: #000000;

  transition: 0.3s;

	font-weight:600;

}



#topbar .contact-info a:hover {

  color: #f57722;

}



#topbar .contact-info i {

  color: #f57722;

  line-height: 0;

  margin-right: 5px;

}



#topbar .contact-info .phone-icon, .bi-telephone-forward-fill {

  /*margin-left: 15px;*/
  margin-left: 5px;
}



#topbar .social-links a {

  color: #000000;

  padding: 4px 12px;

  display: inline-block;

  line-height: 1px;

  transition: 0.3s;

}



#topbar .social-links a:hover {

  color: #f57722;

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  height: 100px;

  background: #fff;

  z-index: 997;

  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);

}



#header .logo h1 {

  font-size: 28px;

  margin: 0;

  padding: 10px 0;

  line-height: 1;

  font-weight: 400;

  letter-spacing: 3px;

  text-transform: uppercase;

}



#header .logo h1 a, #header .logo h1 a:hover {

  color: #1c5c93;

  text-decoration: none;

}



#header .logo img {

  padding: 0;

  margin: 0;

  max-height: 48px;

}



.logo:before {

    background: #c4c4c4;

    content: '';

    height: 48px;

    width: 1px;

    margin-right: -25px;

    float: right;

}





.scrolled-offset {

  margin-top: 70px;

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

}



.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

}



.navbar li {

  position: relative;

}



.navbar a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-family:  'Blinker', sans-serif;

  font-size: 15px;

  color: #000000;

	text-transform:uppercase;

	font-weight:600;

  white-space: nowrap;

  transition: 0.3s;

}



.navbar a i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px;

}



.navbar a:hover, .navbar .active, .navbar li:hover > a {

  color: #f57722;

	background:none;

}



.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 14px;

  top: 100%;

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;

}



.navbar .dropdown ul li {

  min-width: 200px;

}



.navbar .dropdown ul a {

  padding: 10px 20px;

  text-transform: none;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {

  color: #f57722;

	background:none;

}



.navbar .dropdown:hover > ul {

  opacity: 1;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover > ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}



@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }

  .navbar .dropdown .dropdown:hover > ul {

    left: -100%;

  }

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #1f3548;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}



.mobile-nav-toggle.bi-x {

  color: #fff;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }

  .navbar ul {

    display: none;

  }

}



.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(31, 53, 72, 0.9);

  transition: 0.3s;

  z-index: 998;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}



.navbar-mobile a {

  padding: 10px 20px;

  font-size: 15px;

  color: #1f3548;

}



.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {

  color: #f57722;

}



.navbar-mobile .getstarted {

  margin: 15px;

}



.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}



.navbar-mobile .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a {

  padding: 10px 20px;

}



.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {

  color: #f57722;

}



.navbar-mobile .dropdown > .dropdown-active {

  display: block;

}



/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero {

  width: 100%;

  height: calc(100vh - 150px);

  padding: 0;

  overflow: hidden;

  background: #000;

}



#hero .carousel-item {

  width: 100%;

  height: calc(100vh - 110px);

  background-size: cover;

  background-position: top right;

  background-repeat: no-repeat;

  overflow: hidden;

	margin-top:-40px

}



#hero .carousel-item::before {

  content: '';

  background-color: rgba(13, 30, 45, 0.6);

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  overflow: hidden;

}



#hero .carousel-container {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  overflow: hidden;

}



#hero .carousel-content {

  text-align: left;

}



@media (max-width: 992px) {

  #hero, #hero .carousel-item {}

  #hero .carousel-content.container {

    padding: 0 50px;

  }

}



#hero h2, #hero h1 {

  color: #fff;

  margin-bottom: 30px;

  font-size: 48px;

  font-weight: 800;

}



#hero p {

  width: 80%;

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

  color: #fff;

}



#hero .carousel-inner .carousel-item {

  transition-property: opacity;

  background-position: center top;

}



#hero .carousel-inner .carousel-item,

#hero .carousel-inner .active.carousel-item-start,

#hero .carousel-inner .active.carousel-item-end {

  opacity: 0;

}



#hero .carousel-inner .active,

#hero .carousel-inner .carousel-item-next.carousel-item-start,

#hero .carousel-inner .carousel-item-prev.carousel-item-end {

  opacity: 1;

  transition: 0.5s;

}



#hero .carousel-inner .carousel-item-next,

#hero .carousel-inner .carousel-item-prev,

#hero .carousel-inner .active.carousel-item-start,

#hero .carousel-inner .active.carousel-item-end {

  left: 0;

  transform: translate3d(0, 0, 0);

}



#hero .carousel-control-prev, #hero .carousel-control-next {

  width: 10%;

}



#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {

  background: none;

  font-size: 48px;

  line-height: 1;

  width: auto;

  height: auto;

}



#hero .carousel-indicators li {

  cursor: pointer;

}



#hero .btn-get-started, .btn-danger {

  font-weight: 600;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 15px 32px;

  transition: 0.5s;

  line-height: 1;

  margin:0;

  color: #fff;

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s;

  border: 0;

	border-radius:0;

  background: #f57722;

}



.btn-danger:hover {background:#000000;}



.btn-outline-danger {color:#f57722;border-color:#f57722;border-radius:0;font-weight:600;border:2px solid #f57722}

.btn-outline-danger:hover {background:#f57722;border:2px solid #f57722}



#hero .btn-get-started:hover {

  background: #fff;

	color:#f57722

}



@media (max-width: 768px) {

  #hero h2, #hero h1 {

    font-size: 28px;

		text-align:left;

  }

}



@media (max-height: 500px) {

  #hero, #hero .carousel-item {

    height: 120vh;

  }

}



@media (min-width: 1024px) {

  #hero p {

    width: 60%;

  }

  #hero .carousel-control-prev, #hero .carousel-control-next {

    width: 5%;

  }

}



/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/

section {

  padding: 60px 0;

  overflow: hidden;

}



.section-bg {

  background-color:#f7f7f7;

}



.section-title {

  text-align:left;

  padding-bottom: 30px;

}



.section-title h2 {

  font-size: 26px;

  font-weight: 200;

  margin-bottom: 20px;

  padding-bottom: 0;

  color: #000000;

	display:inline-block

}

.section-title h2:first-letter{color:#f57722}

.section-title:before {border:0;padding:0}

.section-title:before {

    content: '';

    border-left: 15px solid #c4c4c4;

		padding: 15px 15px 6px 0;

}



.section-title2 h2.bold {font-weight:700}

.section-title2 {text-align: left;padding-bottom: 30px;color:#000000}

.section-title2:before {border:0;padding:0}



.section-title p {

  margin-bottom: 0;

}



/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 15px 0;

  background-color: #f7f7f7;

  min-height: 130px;

}



.breadcrumbs h2, .breadcrumbs h1, .breadcrumbs span {

  font-size: 2rem;

  font-weight: 300;

}



.breadcrumbs h2:before, .breadcrumbs h1:before, .breadcrumbs span:before {

	content:'';

	border-left:15px solid #f57722;

	padding-right:15px

}





.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 14px;

}



.breadcrumbs ol li + li {

  padding-left: 10px;

}



.breadcrumbs ol li + li::before {

  display: inline-block;

  padding-right: 10px;

  color: #6c757d;

  content: "/";

}



@media (max-width: 768px) {

  .breadcrumbs .d-flex {

    display: block !important;

  }

  .breadcrumbs ol {

    display: block;

		margin: 15px 0 0 0;

		font-size: 20px;

    text-align: center;

  }

  .breadcrumbs ol li {

    display: inline-block;

  }

}



/*--------------------------------------------------------------

# About Us

--------------------------------------------------------------*/

.about {

  padding-bottom: 30px;

}



.about .container {

  box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);

}



.about .video-box img {

  padding: 15px 0;

}



.about .section-title p {

  text-align: left;

  font-style: italic;

  color: #666;

}



.about .about-content {

  padding:40px 20px 40px 40px;

}



.about .icon-box + .icon-box {

  margin-top: 40px;

}



.about .icon-box .icon {

  float: left;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 72px;

  height: 72px;

  background: #f1f7fb;

  transition: 0.5s;

}



.about .icon-box .icon i {

  color: #f57722;

  font-size: 32px;

}



.about .icon-box:hover .icon {

  background: #f57722;

}



.about .icon-box:hover .icon i {

  color: #fff;

}



.about .icon-box .title {

  margin-left: 95px;

  font-weight: 700;

  margin-bottom: 10px;

  font-size: 18px;

  text-transform: uppercase;

}



.about .icon-box .title a {

  color: #343a40;

  transition: 0.3s;

}



.about .icon-box .title a:hover {

  color: #f57722;

}



.about .icon-box .description {

  margin-left: 95px;

  line-height: 24px;

  font-size: 14px;

}



.about .video-box {

  position: relative;

}



.about .play-btn {

  width: 94px;

  height: 94px;

  background: radial-gradient(#f57722 50%, rgba(66, 139, 202, 0.4) 52%);

  border-radius: 50%;

  display: block;

  position: absolute;

  left: calc(50% - 47px);

  top: calc(50% - 47px);

  overflow: hidden;

}



.about .play-btn::after {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



.about .play-btn::before {

  content: '';

  position: absolute;

  width: 120px;

  height: 120px;

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

  -webkit-animation: pulsate-btn 2s;

  animation: pulsate-btn 2s;

  -webkit-animation-direction: forwards;

  animation-direction: forwards;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: steps;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid rgba(66, 139, 202, 0.7);

  top: -15%;

  left: -15%;

  background: rgba(198, 16, 0, 0);

}



.about .play-btn:hover::after {

  border-left: 15px solid #f57722;

  transform: scale(20);

}



.about .play-btn:hover::before {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  -webkit-animation: none;

  animation: none;

  border-radius: 0;

}



@-webkit-keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



@keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



/*--------------------------------------------------------------

# About Lists

--------------------------------------------------------------*/

.about-lists {

  padding: 40px;

}



.about-lists .row {

  overflow: hidden;

}



.about-lists .content-item {

  padding: 40px;

  border-left: 1px solid #d9e8f4;

  border-bottom: 1px solid #d9e8f4;

  margin: -1px;

}



.about-lists .content-item span {

  display: block;

  font-size: 24px;

  font-weight: 400;

  color: #9eccf4;

}



.about-lists .content-item h4 {

  font-size: 28px;

  font-weight: 400;

  padding: 0;

  margin: 20px 0;

}



.about-lists .content-item p {

  color: #aaaaaa;

  font-size: 15px;

  margin: 0;

  padding: 0;

}



@media (max-width: 768px) {

  .about-lists .content-item {

    padding: 40px 0;

  }

}



/*--------------------------------------------------------------

# Counts

--------------------------------------------------------------*/

.counts {

  padding-bottom: 30px;

}



.counts .count-box {

  box-shadow: 0px 0 16px rgba(0, 0, 0, 0.1);

  padding: 30px;

  background: #fff;

  margin-bottom: 30px;

}



.counts .count-box i {

  display: block;

  font-size: 64px;

  margin-bottom: 15px;

}



.counts .count-box span {

  font-size: 42px;

  display: block;

  font-weight: 700;

  color: #1c5c93;

}



.counts .count-box p {

  padding: 0;

  margin: 0;

  font-size: 14px;

}



/*--------------------------------------------------------------

# Services

--------------------------------------------------------------*/

.services {

  padding-bottom: 30px;

}



.services .icon-box {

  margin-bottom: 20px;

  text-align: center;

}



.services .icon {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  width: 80px;

  height: 80px;

  margin-bottom: 20px;

  background: #fff;

  border-radius: 50%;

  transition: 0.5s;

  color: #f57722;

  box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15);

  overflow: hidden;

}



.services .icon i {

  font-size: 36px;

  line-height: 0;

}



.services .icon-box:hover .icon {

  box-shadow: 0px 0 30px rgba(66, 139, 202, 0.5);

}



.services .title {

  font-weight: 600;

  margin-bottom: 15px;

  font-size: 18px;

  position: relative;

  padding-bottom: 15px;

}



.services .title a {

  color: #000000;

  transition: 0.3s;

}



.services .title a:hover {

  color: #f57722;

}



.services .title::after {

  content: '';

  position: absolute;

  display: block;

  width: 50px;

  height: 2px;

  background: #f57722;

  bottom: 0;

  left: calc(50% - 25px);

}



.services .description {

  line-height: 24px;

  font-size: 14px;

}



/*--------------------------------------------------------------

# Our Portfolio

--------------------------------------------------------------*/

.portfolio .portfolio-item {

  margin-bottom: 30px;

}



.portfolio #portfolio-flters {

  padding: 0;

  margin: 0 0 35px 0;

  list-style: none;

  text-align: center;

}



.portfolio #portfolio-flters li {

  cursor: pointer;

  margin: 0 15px 15px 0;

  display: inline-block;

  padding: .775rem 1.3rem;

  font-size: 1rem;

	font-weight:600;

  line-height: 20px;

  color: #000000;

  text-transform: uppercase;

  background: #fff;

  margin-bottom: 5px;

  transition: all 0.3s ease-in-out;

}



.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {

  background: #f57722;

  color: #fff;

}



.portfolio #portfolio-flters li:last-child {

  margin-right: 0;

}



.portfolio .portfolio-wrap {

  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);

  transition: 0.3s;

  position: relative;

  overflow: hidden;

}



.portfolio .portfolio-wrap img {

  transition: 0.3s;

}



.portfolio .portfolio-wrap .portfolio-info {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  opacity: 0;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  transition: 0.3s;

  text-align: center;

  background: rgba(31, 53, 72, 0.6);

  padding-bottom: 30px;

}



.portfolio .portfolio-wrap .portfolio-info h2 {

  font-size: 20px;

  color: #fff;

  font-weight: 600;

	font-weight: 600;

	width: 80%;

	line-height: 30px;

}



.portfolio .portfolio-wrap .portfolio-info p {

  color: #fff;

  font-size: 14px;

  text-transform: uppercase;

}



.portfolio .portfolio-wrap .portfolio-info a {

  color: #f57722;

  margin: 0 4px;

  line-height: 0;

  background-color: #fff;

  border-radius: 50px;

  text-align: center;

  width: 36px;

  height: 36px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  transition: 0.3s;

}



.portfolio .portfolio-wrap .portfolio-info a i {

  font-size: 22px;

  line-height: 0;

}



.portfolio .portfolio-wrap .portfolio-info a:hover {

  background: #f57722;

  color: #fff;

}



.portfolio .portfolio-wrap:hover {

  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);

}



.portfolio .portfolio-wrap:hover .portfolio-info {

  opacity: 1;

  padding-bottom: 0;

}



.portfolio .portfolio-wrap:hover img {

  transform: scale(1.1);

}



/*--------------------------------------------------------------

# Portfolio Details

--------------------------------------------------------------*/

.portfolio-details {

  padding-top: 40px;

}



.portfolio-details .portfolio-details-slider img {

  width: 100%;

}



.portfolio-details .portfolio-details-slider .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #f57722;

}



.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #f57722;

}



.portfolio-details .portfolio-info {

  padding: 30px;

  box-shadow: 0px 0 30px rgba(31, 53, 72, 0.08);

}



.portfolio-details .portfolio-info h3 {

  font-size: 22px;

  font-weight: 700;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #eee;

}



.portfolio-details .portfolio-info ul {

  list-style: none;

  padding: 0;

  font-size: 15px;

}



.portfolio-details .portfolio-info ul li + li {

  margin-top: 10px;

}



.portfolio-details .portfolio-description {

  padding-top: 30px;

}



.portfolio-details .portfolio-description h2 {

  font-size: 26px;

  font-weight: 700;

  margin-bottom: 20px;

}



.portfolio-details .portfolio-description p {

  padding: 0;

}



.glightbox-clean .gdesc-inner {background:#f57722}

.glightbox-clean .gslide-title {color:#fff;font-family: 'Blinker', sans-serif}



/*--------------------------------------------------------------

# Our Team

--------------------------------------------------------------*/

.product {

  background: #fff;

  padding: 60px 0 30px 0;

}



.product .member {

  text-align: center;

  margin-bottom: 80px;

  position: relative;

}



.product .member .pic {

  overflow: hidden;

}



.product .member img {

  transition: all ease-in-out 0.4s;

}



.product .member:hover img {

  transform: scale(1.1);

}



.product .member .member-info {

  position: absolute;

  bottom: -70px;

  left: 20px;

  right: 20px;

	box-shadow: 0 0 30px rgb(214 215 216 / 60%);

  padding: 15px 0;

  border-radius: 4px;

}



.product .member h2 {

  font-weight: 700;

  margin-bottom: 10px;

  font-size: 22px;

  color: #000000;

  position: relative;

  padding-bottom: 10px;

}



.product .member h2::after {

  content: '';

  position: absolute;

  display: block;

  width: 50px;

  height: 1px;

  background: #f57722;

  bottom: 0;

  left: calc(50% - 25px);

}



.product .member span {

  display: block;

  font-size: 18px;

  color: #000000;

  font-weight: 200;

}



.product .member .social {

  margin-top: 15px;

}



.product .member .social a {

  transition: color 0.3s;

  color: #fff;

}



.product .member .social a:hover {

  color: #9eccf4;

}



.product .member .social i {

  font-size: 16px;

  margin: 0 2px;

}



@media (max-width: 992px) {

  .product .member {

    margin-bottom: 100px;

  }

}



/*--------------------------------------------------------------

# Frequently Asked Questions

--------------------------------------------------------------*/

.faq {

  padding-bottom: 30px;

}



.faq .faq-item {

  margin-bottom: 40px;

}



.faq .faq-item h4 {

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  margin-bottom: 15px;

  color: #1f3548;

}



/*--------------------------------------------------------------

# Contact Us

--------------------------------------------------------------*/

.contact .info-box {

  color: #000000;

  text-align: center;

  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);

  padding: 30px 0 30px 0;

  margin-bottom: 30px;

  width: 100%;

}



.contact .info-box i {

  font-size: 32px;

  color: #f57722;

  border-radius: 50%;

  padding: 8px;

  border: 2px dotted #c4c4c4;

}



.contact .info-box h3 {

  font-size: 20px;

  color: #000000;

  font-weight: 700;

  margin: 10px 0;

}



.contact .info-box p {

  padding: 0;

  line-height: 24px;

  margin-bottom: 0;

}



.contact .php-email-form {

  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);

  padding: 30px;

	margin-bottom: 30px;

}



.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #f57722;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .error-message br + br {

  margin-top: 25px;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



.contact .php-email-form input, .contact .php-email-form textarea {

		border-radius: 0;

    background: #f7f7f7;

    font-size: 1.2rem;

    font-weight: 400;

		color:#000000;

		z-index:-9999

}

.php-email-form input:focus {border:0}



.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {

  background-color: #f57722;

}



.contact .php-email-form input {

  padding:15px;

}



.contact .php-email-form textarea {

  padding:15px;

}



.contact .php-email-form button[type="submit"] {

		transition: 0.4s;

    color: #f57722;

    border-color: #f57722;

    border-radius: 0;

    font-weight: 600;

    border: 2px solid #f57722;

    padding: .775rem 1.3rem;

		background:transparent;

		font-size:1.2rem

}



.contact .php-email-form button[type="submit"]:hover {

    border-color: #f57722;

		background:#f57722;

		color:#fff

}



.a-reg-form a {font-weight:600;display:inline-block;color:#000000;transition: .4s;}

.a-reg-form a:hover {color:#f57722;transition: .4s;}

.reg-container {overflow: auto;height: 100%;width:100%;padding: 5px 0 5px 0;color:#fff}

input[type=checkbox] {position: absolute;margin: 15px 0;cursor: pointer;opacity: 0}

.checkbox {display: inline-block;color:#000000;margin: 12px 2px 0 0;font-size:12px;font-weight:300;padding-left: 35px;line-height: 22px}

.checkbox:before {cursor: pointer;content: "";display: inline-block;width: 22px;height: 22px;vertical-align: middle;background-color:#f7f7f7;text-align: center;color:#f57722;font-size: 22px;margin-left: -35px;margin-right: 12px;border: 1px solid #ced4da}

input[type=checkbox]:checked + .checkbox:before {content: "\2714";font-size:16px;color:#f57722}

::-webkit-input-placeholder {color:#000;font-weight:300}

:-moz-placeholder { /* Firefox 18- */color:#000;font-weight:300}

::-moz-placeholder { /* Firefox 19+ */color:#000;font-weight:300}

:-ms-input-placeholder {color:#000;font-weight:300}



@-webkit-keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



#footer {

  background:#1e1e21;

  padding:0;

  color: #fff;

  font-size: 14px;

}



#footer .footer-top {

  background: #1e1e21;

  border-top: 1px solid #585858;

  border-bottom: 1px solid #585858;

  padding: 60px 0 0 0;

}



#footer .footer-top .footer-info {

  margin-bottom: 30px;

}



#footer .footer-top .footer-info h3 {

  font-size: 24px;

  margin: 0 0 20px 0;

  padding: 2px 0 2px 0;

  line-height: 1;

  font-weight: 700;

}



#footer .footer-top .footer-info p {

  font-size: 15px;

  line-height: 24px;

  margin-bottom: 0;

  color: #fff;

}



#footer .footer-top .social-links a {

  font-size: 18px;

  display: inline-block;

  color: #fff;

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: 0.3s;

}



#footer .footer-top .social-links a:hover {

  color: #f57722;

  text-decoration: none;

}



#footer .footer-top h4 {

  font-size: 15px;

  position: relative;

  padding-bottom: 12px;

}



#footer .footer-top .footer-links {

  margin-bottom: 30px;

}



#footer .footer-top .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#footer .footer-top .footer-links ul i {

  padding-right: 2px;

  color: #9eccf4;

  font-size: 18px;

  line-height: 1;

}



#footer .footer-top .footer-links ul li {

  padding: 10px 0;

  display: flex;

  align-items: center;

}



#footer .footer-top .footer-links ul li:first-child {

  padding-top: 0;

}



#footer .footer-top .footer-links ul a {

  color: #fff;

  transition: 0.3s;

  display: inline-block;

  line-height: 1;

}



#footer .footer-top .footer-links ul a:hover {

  color: #9eccf4;

}



#footer .footer-top .footer-newsletter form {

  margin-top: 30px;

  background: #fff;

  padding: 6px 10px;

  position: relative;

  border-radius: 4;

}



#footer .footer-top .footer-newsletter form input[type="email"] {

  border: 0;

  padding: 4px;

  width: calc(100% - 110px);

}



#footer .footer-top .footer-newsletter form input[type="submit"] {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  border: 0;

  background: none;

  font-size: 16px;

  padding: 0 20px;

  background: #f57722;

  color: #fff;

  transition: 0.3s;

  border-radius: 4;

}



#footer .footer-top .footer-newsletter form input[type="submit"]:hover {

  background: #5295ce;

}



#footer .copyright {

  padding:24px 0 24px 0;

	color: #a7aaaf;

}



#footer .credits {

  padding:24px 0 24px 0;

  text-align: right;

  font-size: 13px;

  color: #a7aaaf;

}



#footer .credits a {

  color: #a7aaaf;

  transition: 0.3s;

}



#footer .credits a:hover {color:#fff;transition: 0.3s;}



/* FOOTER */

h3.title-big-l {font-size:24px;font-weight:700}

h4.title-big-l {font-size:15px;color:#a7aaaf}

p.p-adress span, p.p-contact span {font-weight:700}

p.p-contact{left:60px;text-transform:none}

a.a-contact {transition: .6s;color:#fff}

a.a-contact:hover {color:#f57722;transition: .6s}

p.p-adress, p.p-contact, p.p-nip {font-size:15px;left:60px;margin:0 0 22px 0;padding: 0 60px 0 0;font-weight: 300;line-height:24px}

/*p.p-adress:before {background: url(../img/mark-ico.png) no-repeat;content: "";background-size: 100%;display: block;width: 40px;height:90px;margin:0 13px 0 0;float:left}*/
p.p-adress:before {background: url(../img/mark-ico.png) no-repeat;content: "";background-size: 100%;display: block;width: 40px;height:90px;margin:0 13px 0 0;float:left}

p.p-contact:before {background: url(../img/contact-ico.png) no-repeat;content: "";background-size: 100%;display: block;width: 40px;height:90px;margin:0 13px 0 0;float:left}

p.p-nip:before {background: url(img/nip-ico.png) no-repeat;content: "";background-size: 100%;display: block;width: 40px;height: 40px;position: absolute;left:-60px}

.catalog {width:160px;height:216px;margin: 0 auto;display: block;padding: 5px;border: 5px solid #a7aaaf;transition: 0.3s}

.catalog:hover {border: 5px solid #f57722;transition: 0.3s}

ul.ul-link-li {list-style:none;text-align: center;}

ul.ul-link-li li {display:inline-block;font-size:13px}

ul.ul-link-li li a:before {font-weight: 900;float: right;content: "•";display: inline-block;color:#f57722;padding: 0 5px 0 5px}

a.a-footer-link {color:#a7aaaf;transition: .6s;text-align:center;font-size:13px;text-transform:none}

ul.ul-link-li li:last-child a::before {content: "";padding: 0}

a.a-footer-link:hover {color:#fff}

/* END FOOTER */



/* COOKIES */

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');



.cookie-alert {

  position: fixed;

  bottom: 15px;

  left: 15px;

	color:#000000;

  width: 50%;

	font-size:11px;

  margin: 0 !important;

  z-index: 999;

  opacity: 0;

  transform: translateY(100%);

  transition: all 500ms ease-out;

}



.cookie-alert.show {

  opacity: 1;

  transform: translateY(0%);

  transition-delay: 1000ms;

}

/* END COOKIES */

.video-container {
    position: relative;
    width: 100%;
    max-width: 710px; /* ograniczenie dla desktopa */
    margin: 0 auto;
    padding-bottom: 56.25%; /* proporcja 16:9 */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}