html {
  scroll-behavior: smooth;
}
input,
button,
select,
optgroup,
textarea {
  border-radius: 0 !important;
}
html,
body {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  background-color: transparent;
  overflow-x: hidden;
}
@media only screen and (max-width : 1199px) {
  body {
    overflow-x: hidden;
  }
}

::-webkit-scrollbar-track {
  background-color: #EBEBEB;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: #EBEBEB;
}
::-webkit-scrollbar-thumb {
  background-color: #adadad;
}
::selection {
  background: var(--primary);
  color: var(--white);
}
::-moz-selection {
  background: var(--primary);
  color: var(--white);
}
.list-unstyled {
  padding: 0;
  margin: 0;
}
.list-unstyled li {
  list-style: none;
}
a,
input,
textarea,
button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
input:hover,
textarea:hover,
button:hover,
a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: none;
}
svg path {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.anim {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.anim_medium {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.anim_slow {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.anim_fast {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.anim_cubic {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
}
.centerit {
  margin: 0 auto;
  position: relative;
}
.section {
  position: relative;
  width: 100%;
}
.container_big {
  position: relative;
  width: 98%;
  max-width: 1600px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.wp-block-button__link:hover {
    background-color: var(--primary) !important;
}

.banner_front_page{
	width: 100%;
    background-image: url(../images/Link_Bunscha_home_page_r13_01.png);
	background-size: cover;
	padding-top: 145px;
	margin-top:-145px;
	}
	
	
	.banner_front_page h1 {
    color: #1e355d;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 72px;
    line-height: 1;
    margin-top: 145px;
	margin-bottom: 50px;
}

.button_home_banner_container {
    margin-bottom: 50px;
}

h1.blad404 {
    text-align: center;
    color: #1e355d;
    font-size: 120px;
}

h3.tekstblad404{
	    color: #1e355d;
}


.button_wyszukiwarka {
    border: none;
    color: #fff;
    padding: 0.8rem 1.5rem;
    background-color: var(--secondary);
    display: inline-block;
    text-transform: uppercase;
	margin-right: 20px;
	margin-bottom: 20px;
}

.button_wyszukiwarka:hover {
cursor: pointer;
background-color: var(--primary);
color:white;
}

button.button_wyszukiwarka_szary{
	border: none;
    color: #fff;
    padding: 0.8rem 1.5rem;
    background-color: rgb(218, 218, 218);
    display: inline-block;
    text-transform: uppercase;
}


@media only screen and (max-width : 575px) {
    .banner_front_page h1{
	font-size: 56px;
	} 
}

@media only screen and (max-width : 410px) {
    .banner_front_page h1{
	font-size: 42px;
	} 
}

@media only screen and (max-width : 1400px) {
    .banner_front_page h1{
		margin-top: 40px;
	} 
}
	
a.button_home_banner {
    border: 2px solid #1e355d;
    display: block;
    margin: auto;
    width: 215px;
    padding: 10px;
    color: #1e355d;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 20px;
	margin-bottom:10px;
}

a.button_home_banner:hover {
	background-color:#1e355d;
	color: white;
}
@media only screen and (max-width : 1199px) {
  .container_big {
    width: 98%;
  }
}
.container_mid {
  position: relative;
  width: 98%;
  max-width: 1400px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width : 1199px) {
  .container_mid {
    width: 98%;
  }
}
::placeholder {
  color: #a0a0a0;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #a0a0a0;
}
::-ms-input-placeholder {
  color: #a0a0a0;
}
.section_header {
  margin-bottom: 3rem;
}
.section_header .more_link_wrap {
  text-align: right;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
@media only screen and (max-width : 767px) {
  .section_header .more_link_wrap {
    text-align: center;
  }
  
  .banner_front_page{
	padding-top: 90px;
	padding-bottom: 50px;
	}
	
	.button_home_banner_container{
			padding-bottom: 50px;
	}
}
a.more_link {
  font-size: 1.1rem;
  font-weight: 700;
}
a.more_link .arrow_more {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  left: 0;
  margin-left: 1rem;
  display: inline-block;
}
a.more_link:hover .arrow_more {
  left: 10px;
}
.clear {
  clear: both;
}
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body {
 /* letter-spacing: 1px; */
}
h2,
.h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2rem;
  color: #1e355d;
}
h2.h-gray,
.h2.h-gray {
  /*color: #55565a; */
}

h3.wykonczenie_tytul{
  color: var(--secondary);
}

strong.numer {
    color: var(--primary);
    font-size: 1.7rem;
    margin-right: 7px;
	font-weight: 700;
}

a.page-numbers {
    color: #b3b3b3;
}

span.page-numbers.current {
    color: var(--primary);
}

a.page-numbers:hover {
    color: var(--primary);
}



@media only screen and (max-width : 1199px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
  
    .banner_front_page h1{
		margin-top:100px;
			}
	
}
@media only screen and (max-width : 575px) {
  h2,
  .h2 {
    font-size: 26px;
  }
  
    h2.section_title{
    line-height: 29px;
}

  .section_title{
    line-height: 26px;
}
}
h3,
.h3 {
  font-size: 1.7rem;
}
@media only screen and (max-width : 1199px) {
  h3,
  .h3 {
    font-size: 1.7rem;
  }
}
h4,
.h4 {
  font-size: 1.2rem;
}
@media only screen and (max-width : 1199px) {
  h4,
  .h4 {
    font-size: 1.3rem;
  }
}
h5,
.h5 {
  font-size: 1.25rem;
}
@media only screen and (max-width : 1199px) {
  h5,
  .h5 {
    font-size: 1.15rem;
  }
}
h6,
.h6 {
  font-size: 0.9rem;
}
p {
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
@media only screen and (max-width : 575px) {
  p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
}
.btn {
  padding: 0.7rem 1.4rem;
  text-transform: uppercase;
  border: none;
  display: inline-block;
  cursor: pointer;
}
.btn.btn-reset {
  background-color: #b3b3b3;
  color: #fff;
}
.btn.btn-reset:hover {
  background-color: #727272;
}
.btn.btn-submit {
  background-color: var(--secondary);
  color: #fff;
}
.btn.btn-submit:hover {
  background-color: var(--primary);
}
.page_section {
  position: relative;
  padding-top: 7rem;
  padding-bottom: 7rem;
}
@media only screen and (max-width : 767px) {
  .page_section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.section_title {
  position: relative;
  margin: 0 0 3rem 0;
  line-height: 2.5rem;
}
@media only screen and (max-width : 575px) {
  .section_title {
    margin: 0 0 1rem 0;
  }
}
.section_title:before {
	content: url(../images/link_line.svg);
    position: absolute;
    left: -25px;
    top: 25px;
   /* width: 2px;
    height: 200px;
    background-color: var(--primary);*/
}
@media only screen and (max-width : 575px) {
  .section_title:before {
    top: -8px;
    width: 2rem;
  }
}
#hero_mobile {
  position: relative;
}
#hero_mobile .from_left,
#hero_mobile .from_right {
  transition: all 900ms cubic-bezier(0.94, 0.79, 0.205, 1.095);
  /* custom */
  transition-timing-function: cubic-bezier(0.94, 0.79, 0.205, 1.095);
  /* custom */
  background-color: var(--primary);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  color: #fff;
  box-shadow: 0 0 0 0 #fff;
}
#hero_mobile .from_left .se_bg,
#hero_mobile .from_right .se_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-position: center;
}
#hero_mobile .from_left .side_el_inner,
#hero_mobile .from_right .side_el_inner {
  position: absolute;
  bottom: 4rem;
  max-width: 500px;
}
@media only screen and (max-width : 1199px) {
  #hero_mobile .from_left .side_el_inner,
  #hero_mobile .from_right .side_el_inner {
    bottom: 2rem;
    max-width: calc(100% - 1rem);
  }
}
@media only screen and (max-width : 1400px) {
  #hero_mobile .from_left .side_el_inner,
  #hero_mobile .from_right .side_el_inner {
    bottom: 0;
  }
}
#hero_mobile .from_left .side_el_inner svg,
#hero_mobile .from_right .side_el_inner svg {
  display: inline-block;
  width: 100px !important;
  height: 100px !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
@media only screen and (max-width : 1400px) {
  #hero_mobile .from_left .side_el_inner svg,
  #hero_mobile .from_right .side_el_inner svg {
    width: 66px !important;
    height: 66px !important;
  }
}
#hero_mobile .from_left .side_el_inner svg path,
#hero_mobile .from_right .side_el_inner svg path {
  fill: transparent !important;
  stroke: #fff !important;
}
#hero_mobile .from_left .side_el_inner .se_split,
#hero_mobile .from_right .side_el_inner .se_split {
  width: 60px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 0 0 7px auto;
  text-align: right;
}
#hero_mobile .from_left .side_el_inner h3,
#hero_mobile .from_right .side_el_inner h3 {
  position: relative;
  font-weight: 100;
  line-height: 21px;
  margin-bottom: 1rem;
  font-size: 20px;
}
#hero_mobile .from_left .side_el_inner h3 strong,
#hero_mobile .from_right .side_el_inner h3 strong {
  font-weight: 600;
}
#hero_mobile .from_left .side_el_inner p,
#hero_mobile .from_right .side_el_inner p {
  position: relative;
  font-weight: 100;
}
@media only screen and (max-width : 1400px) {
  #hero_mobile .from_left .side_el_inner p,
  #hero_mobile .from_right .side_el_inner p {
    font-size: 0.8rem;
    line-height: 1.3rem;
  }
}
#hero_mobile .from_left {
  left: -110%;
  border-right: 1px solid #fff;
}
#hero_mobile .from_left .se_bg {
  right: 0;
}
#hero_mobile .from_left .side_el_inner {
  text-align: right;
  right: 6rem;
}
#hero_mobile .from_left .side_el_inner svg {
  left: 10px !important;
}
@media only screen and (max-width : 1199px) {
  #hero_mobile .from_left .side_el_inner {
    right: 2rem;
  }
}
@media only screen and (max-width : 1400px) {
  #hero_mobile .from_left .side_el_inner {
    right: 1rem;
  }
}
#hero_mobile .from_left.mobile_banner_info.active {
  left: 0px;
  opacity: 1;
  box-shadow: 0 0 23px -6px #fff;
}
#hero_mobile .from_right {
  right: -110%;
  border-left: 1px solid #fff;
}
#hero_mobile .from_right.mobile_banner_info.active {
  right: 0px;
  opacity: 1;
}
#hero_mobile .from_right .se_bg {
  left: 0;
}
#hero_mobile .from_right .side_el_inner {
  text-align: left;
  left: 6rem;
}
#hero_mobile .from_right .side_el_inner svg {
  right: 10px !important;
}
@media only screen and (max-width : 1199px) {
  #hero_mobile .from_right .side_el_inner {
    left: 2rem;
  }
}
@media only screen and (max-width : 1400px) {
  #hero_mobile .from_right .side_el_inner {
    left: 1rem;
  }
}
#hero_mobile .from_right .side_el_inner .se_split {
  margin: 0rem auto 7px 0;
  text-align: left;
  box-shadow: 0 0 23px -6px #fff;
}
.mobile_banner_btn {
  color: #fff;
  background: #66abd6;
  display: inline-block;
  padding: 10px 28px;
  margin-bottom: 1rem;
}
.close_it {
  position: absolute;
  top: 1rem;
  right: 2rem;
  font-size: 3rem;
  z-index: 10;
}
#przedsprzedaz-lokalizacja {
  padding-top: 8rem;
}
@media only screen and (max-width : 767px) {
  #przedsprzedaz-lokalizacja {
    padding-top: 4rem;
  }
}
@media only screen and (max-width : 575px) {
  #przedsprzedaz-lokalizacja {
    padding-top: 2rem;
  }
}
#przedsprzedaz-lokalizacja .oi_map {
  padding-top: 0;
  padding-bottom: 0;
}
#mieszkania-w-przedsprzedazy .hi_text {
  columns: 2;
}
@media only screen and (max-width : 767px) {
  #mieszkania-w-przedsprzedazy .hi_text {
    columns: 1;
  }
}
#mieszkania-w-przedsprzedazy #lista_mieszkan {
  margin-top: 4rem;
}
.goto_button {
  border: none;
  color: #fff;
  padding: 0.8rem 1.5rem;
  background-color: var(--primary);
  display: inline-block;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.goto_button:hover {
  background-color: var(--secondary);
  cursor: pointer;
}
#przedsprzedaz-kontakt {
  margin-bottom: 4rem;
  position: relative;
}
#przedsprzedaz-kontakt .container_big {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media only screen and (max-width : 575px) {
  #przedsprzedaz-kontakt .container_big {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
#przedsprzedaz-kontakt:after {
  content: '';
  width: 50%;
  background: #e9e9e9;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width : 767px) {
  #przedsprzedaz-kontakt:after {
    width: 100%;
    height: 50%;
    top: unset;
    bottom: 0;
  }
}
#przedsprzedaz-kontakt:before {
  content: '';
  width: 50%;
  background: linear-gradient(90deg, #4298CC 0%, #1376B2 100%);
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width : 767px) {
  #przedsprzedaz-kontakt:before {
    width: 100%;
    height: 50%;
  }
}
#przedsprzedaz-kontakt textarea {
  height: 5rem;
}
#przedsprzedaz-kontakt .section_title:before {
  background-color: #fff;
}
#kontakt_left {
  padding-right: 4rem;
}
@media only screen and (max-width : 767px) {
  #kontakt_left {
    padding-right: 25px;
  }
}
#kontakt_left h2,
#kontakt_left p {
  color: #fff;
}
#kontakt_left a {
  text-decoration: underline;
  color: #fff;
  font-weight: 600;
}
#kontakt_right {
  position: relative;
  z-index: 1;
  padding-left: 4rem;
}
@media only screen and (max-width : 767px) {
  #kontakt_right {
    padding-left: 25px;
    padding-top: 4rem;
  }
}
#homepage-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#homepage-popup.hidden {
  display: none;
}
.popup-content {
  background: white;
  padding: 10px;
  border-radius: 0;
  position: relative;
}
.popup-content img {
  max-width: 690px;
  width: auto;
  height: 90vh;
  max-height: 630px;
}


#popupForm p {
  /*  text-align: left; */
    font-size: 12px;
}

@media only screen and (max-width : 575px) {
  .popup-content img {
    max-width: 690px;
    width: 100%;
    height: auto;
    max-height: 630px;
  }
}
#popup-close-btn {
  position: absolute;
  top: 5px;
  right: 15px;
  border: none;
  background: none;
  font-size: 40px;
  cursor: pointer;
}
#privacy_policy {
  position: relative;
  margin-bottom: 2rem;
}
.page-template-page-landing #main_header.fixed {
  padding-bottom: 1rem;
}
@media only screen and (max-width : 1400px) {
  .page-template-page-landing #main_header.fixed {
    padding-bottom: 0.5rem;
  }
}
@media only screen and (max-width : 575px) {
  .page-template-page-landing #lista_mieszkan #lista_mieszkan_tabela {
    width: 100% !important;
  }
}
.wpcf7-text.hidden {
  display: none;
  visibility: hidden;
}
#przedsprzedaz {
  padding-bottom: 0;
}
#kontakt {
  padding-top: 8rem;
}
@media only screen and (max-width : 575px) {
  .mobile_off {
    display: none!important;
  }
}
.modal {
  z-index: 999999!important;
}
.modal-body {
  padding: 0rem!important;
}
.modal-dialog {
  max-width: 1080px;
}
@media only screen and (max-width : 767px) {
  .modal-dialog {
    width: 98%;
  }
}
#customModal .close {
  position: absolute;
  top: 1px;
  right: 6px;
  z-index: 1;
}
#top_info {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  text-align: center;
  background: #21345c;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.5rem;
  margin-top: -2rem;
  padding: 0.5rem;
}
#top_info span {
  font-size: 0.9rem;
}
@media only screen and (max-width : 767px) {
  #top_info {
    margin-bottom: 1rem;
    margin-top: -1rem;
    padding: 0.5rem;
  }
  #top_info span {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width : 575px) {
  #top_info span {
    font-size: 0.5rem;
  }
}
.fixed #top_info {
  margin-bottom: 0.5rem;
  margin-top: -1rem;
}
.header_inner {
  display: flex;
  justify-content: space-between;
}
#nav_desktop {
  display: flex;
}
#nav_desktop nav > div ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
#nav_desktop nav > div ul li .sub-menu {
  display: none;
}
.emptybox {
  position: relative;
  height: 0;
}
.emptybox.fixed {
  height: 108px;
}
#main_header {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  width: 100%;
  top: 2rem;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width : 575px) {
  #main_header {
    top: 1rem;
  }
}
#main_header.subpage {
  position: relative;
  margin-bottom: 2rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
  padding-bottom: 50px;
  z-index: 1001;
}

#main_header.homepage {
  position: relative;
  /*margin-bottom: 2rem;*/
  padding-bottom: 50px;
  z-index: 1001;
}
#main_header.fixed {
  padding-top: 1rem;
  position: fixed;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  padding-bottom: 1rem;
}
@media only screen and (max-width : 1400px) {
  #main_header.fixed {
    padding-bottom: 1rem;
  }
}
#hero {
  position: relative;
  margin-top: -3rem;
}
@media only screen and (max-width : 575px) {
  #hero {
    display: none;
  }
}
#hero svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#hero img.banner_hover {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#hero img.banner_hover.show {
  opacity: 1;
}
#hero_mobile {
  display: none;
}
@media only screen and (max-width : 575px) {
  #hero_mobile {
    display: block;
    margin-top: -6rem;
  }
}
#head_logo {
  width: 100px;
  float: left;
  position: relative;
}
@media only screen and (max-width : 1100px) {
  #head_logo {
    width: 80px;
	margin-top:10px;
  }
}
#nav_trigger {
  position: relative;
  float: right;
  width: 68px;
  height: 68px;
}
@media only screen and (max-width : 575px) {
  #nav_trigger {
    width: 61px;
    height: 63px;
  }
}
#nav_trigger span {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  position: absolute;
  width: 100%;
  height: 4px;
}
#nav_trigger span:nth-child(1) {
  top: 15px;
  background-color: var(--primary);
}
#nav_trigger span:nth-child(2) {
  top: 32px;
  background-color: var(--secondary);
}
@media only screen and (max-width : 575px) {
  #nav_trigger span:nth-child(2) {
    top: 30px;
  }
}
#nav_trigger span:nth-child(3) {
  bottom: 15px;
  background-color: var(--secondary);
}
#nav_trigger:hover {
  cursor: pointer;
}
#nav_trigger:hover span:nth-child(1) {
  top: 10px;
}
#nav_trigger:hover span:nth-child(3) {
  bottom: 10px;
}
#mobile_nav_trigger {
  position: relative;
  float: right;
  width: 45px;
  height: 68px;
  display: none;
}
@media only screen and (max-width : 1400px) {
  #mobile_nav_trigger {
    display: block;
  }
}
#mobile_nav_trigger span {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  position: absolute;
  width: 100%;
  height: 3px;
}
#mobile_nav_trigger span:nth-child(1) {
  top: 15px;
  background-color: var(--primary);
}
#mobile_nav_trigger span:nth-child(2) {
  top: 30px;
  background-color: var(--secondary);
}
#mobile_nav_trigger span:nth-child(3) {
  top: 45px;
  background-color: var(--secondary);
}
#mobile_nav_trigger:hover {
  cursor: pointer;
}
#mobile_nav_trigger:hover span:nth-child(1) {
  top: 10px;
}
#mobile_nav_trigger:hover span:nth-child(3) {
  top: 50px;
}
#btn_nawiguj-do {
  position: absolute;
  right: 25px;
  bottom: -1rem;
  text-transform: uppercase;
  background-color: var(--primary);
  color: #fff;
  font-weight: 400;
  padding: 0.5rem 1.5rem 1.5rem;
  text-align: center;
}
@media only screen and (max-width : 575px) {
  #btn_nawiguj-do {
    padding: 0.4rem 1rem 1.2rem;
    font-size: 0.9rem;
    bottom: -2.5rem;
  }
}
#btn_nawiguj-do .nd_01 {
  position: absolute;
  left: 24px;
  bottom: 10px;
  font-size: 11px;
}
@media only screen and (max-width : 575px) {
  #btn_nawiguj-do .nd_01 {
    left: 15px;
    bottom: 8px;
    font-size: 10px;
  }
}
#btn_nawiguj-do .nd_02 {
  display: none;
}
#btn_nawiguj-do:hover {
  background-color: var(--secondary);
}
#subpage_nav {
  position: relative;
  font-size: 0.9rem;
  float: right;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#subpage_nav a {
  color: var(--secondary);
  font-weight: 700;
}
#subpage_nav a:hover {
  color: var(--primary);
  font-weight: 700;
}
@media only screen and (max-width : 1400px) {
  #subpage_nav {
    display: none;
  }
}
#subpage_nav ul {
  text-align: right;
  padding: 0;
  margin: 0;
  list-style: none;
}
#subpage_nav ul > li {
  display: inline-block;
  margin-left: 2rem;
  position: relative;
}

@media only screen and (max-width : 1042px) {
#subpage_nav ul > li {
  margin-left: 1rem;
}
}

#subpage_nav ul > li > a {
  color: var(--secondary);
  font-weight: 700;
}
#subpage_nav ul > li > a:hover {
  color: var(--primary);
  font-weight: 700;
}
#subpage_nav ul > li > .sub-menu {
  display: none;
}
#subpage_nav ul > li.current_page_parent a,
#subpage_nav ul > li.current_page_item a {
  font-weight: 700;
  color: var(--primary);
}
#subpage_nav ul > li.current_page_parent > .sub-menu,
#subpage_nav ul > li.current_page_item > .sub-menu {
 /* display: block;
  position: absolute;
  font-size: 0.9rem;
  right: 0;
  width: 225px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-right: 2px solid #4298cc;
    padding-right: 10px;
    margin-top: 0.5rem;
	    background: #ffffffe8;*/
}


@media only screen and (min-width: 1400px) {
.sub-menu{
  position: absolute;
  font-size: 0.9rem;
  right: 0;
  width: 225px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-right: 2px solid #4298cc;
  padding-right: 10px;
  margin-top: 0.5rem;
	background: #ffffffe8;
}

#subpage_nav ul > li > .sub-menu,
#subpage_nav ul > li > .sub-menu {
  position: absolute;
  font-size: 0.9rem;
  right: 0;
  width: 225px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  border-right: 2px solid #4298cc;
  padding-right: 10px;
	background: #ffffffe8;
}

.sub-menu li:hover a {
    color: var(--primary) !important;
}
}

.menu-item-has-children:hover .sub-menu {
    display: block !important;
}

#subpage_nav ul > li.current_page_parent > .sub-menu li,
#subpage_nav ul > li.current_page_item > .sub-menu li {
  position: relative;
  margin-left: 0;
}
#subpage_nav ul > li.current_page_parent > .sub-menu li.current_page_item a,
#subpage_nav ul > li.current_page_item > .sub-menu li.current_page_item a {
  color: var(--primary);
}
#subpage_nav ul > li > .sub-menu li a,
#subpage_nav ul > li > .sub-menu li a {
  font-weight: 700;
  font-size: 0.9rem;
  padding-bottom: 8px;
  display: block;
  color: var(--secondary);
}
#home_nav {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  top: 0;
  width: 420px;
  right: -900px;
  padding: 10rem 2rem 2rem 2rem;
  height: 100%;
  z-index: 99999;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 111px 11px #000;
}
#home_nav .close_hn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999999;
  height: 70px;
  width: 70px;
  background: var(--primary);
  display: block;
}
#home_nav .close_hn span {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  position: absolute;
  width: 50px;
  z-index: 9999;
  height: 2px;
  background-color: var(--white);
  transform: rotate(45deg);
}
#home_nav .close_hn span:nth-child(1) {
  top: 33px;
  left: 10px;
}
#home_nav .close_hn span:nth-child(2) {
  top: 33px;
  right: 10px;
  transform: rotate(-45deg);
}
#home_nav .close_hn:hover {
  cursor: pointer;
}
#home_nav .close_hn:hover span:nth-child(1) {
  transform: rotate(-45deg);
}
#home_nav .close_hn:hover span:nth-child(2) {
  transform: rotate(45deg);
}
@media only screen and (max-width : 575px) {
  #home_nav {
    width: 100%;
  }
}
#home_nav nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
  font-weight: 600;
  font-size: 1.2rem;
}
#home_nav nav ul li {
  position: relative;
  display: block;
}
#home_nav nav ul li.current_page_item a {
  font-weight: 700;
  color: var(--primary);
}
#home_nav nav ul li a {
  display: inline-block;
  padding: 0 0 10px 0;
  font-weight: 900;
  color: var(--secondary);
}
#home_nav nav ul li a:hover {
  color: var(--primary);
  font-weight: 700;
}
#home_nav nav ul li .sub-menu > li a {
  opacity: 1;
  font-size: 90%;
  text-transform: lowercase;
  font-weight: 500;
}
#home_nav nav ul li .sub-menu > li a:hover {
  color: var(--primary) !important;
}
#home_nav.open {
  right: 0;
}
#mobile_nav {
  display: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  top: 0;
  width: 420px;
  right: -900px;
  padding: 10rem 2rem 2rem 2rem;
  height: 100%;
  z-index: 10000;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 111px 11px #000;
}
@media only screen and (max-width : 1400px) {
  #mobile_nav {
    display: block;
  }
}
#mobile_nav .close_hn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999999;
  height: 70px;
  width: 70px;
  background: var(--primary);
  display: block;
}
#mobile_nav .close_hn span {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  position: absolute;
  width: 50px;
  z-index: 9999;
  height: 2px;
  background-color: var(--white);
  transform: rotate(45deg);
}
#mobile_nav .close_hn span:nth-child(1) {
  top: 33px;
  left: 10px;
}
#mobile_nav .close_hn span:nth-child(2) {
  top: 33px;
  right: 10px;
  transform: rotate(-45deg);
}
#mobile_nav .close_hn:hover {
  cursor: pointer;
}
#mobile_nav .close_hn:hover span:nth-child(1) {
  transform: rotate(-45deg);
}
#mobile_nav .close_hn:hover span:nth-child(2) {
  transform: rotate(45deg);
}
@media only screen and (max-width : 575px) {
  #mobile_nav {
    width: 100%;
  }
}
#mobile_nav nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
  font-weight: 600;
  font-size: 1.2rem;
}

#mobile_nav li.call-us {
    border-left: 0px;
}

#mobile_nav nav ul li {
  position: relative;
}
#mobile_nav nav ul li.current_page_item a {
  color: var(--secondary);
  font-weight: 700;
}
#mobile_nav nav ul li a {
  display: block;
  padding: 0 0 10px 0;
  color: var(--secondary);
  font-weight: 500;
}
#mobile_nav nav ul li a:hover {
  color: var(--secondary);
  font-weight: 700;
}
#mobile_nav nav ul li .sub-menu > li.current_page_item a {
  font-weight: 500;
  opacity: 1;
  color: var(--primary) !important;
}
#mobile_nav nav ul li .sub-menu > li > a {
  color: #adadad;
  font-weight: 400;
  opacity: 9;
  font-size: 80%;
}
#mobile_nav nav ul li .sub-menu > li > a:hover {
  color: var(--primary) !important;
}
#mobile_nav.open {
  right: 0;
}
.call-us a span {
	font-weight: 700;
    font-size: 12px;
}

li.call-us small {
    color: var(--primary);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: normal;
	margin-top: -5px;
    display: block;
}


li.call-us {
    border-left: 2px solid var(--primary);
    padding-left: 46px;
	letter-spacing: normal;
}

#wybierz_wyszukiwarke {
  margin-top: 2rem;
}
.home_wg {
  position: relative;
  max-width: 300px;
  background-color: var(--primary);
  display: block;
  color: #ffffff;
  padding: 1.2rem 4rem;
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2rem;
}
.home_wg:hover {
  background-color: var(--secondary);
  color: #ffffff;
}
@media only screen and (max-width : 575px) {
  .home_wg {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.sg_wrap {
  text-align: right;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media only screen and (max-width : 575px) {
  .sg_wrap {
    text-align: right;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 100%;
  }
}
.bg-darker-graf {
  background: #f8f8f8;
}
.txt-head {
  font-weight: 300;
  text-transform: uppercase;
}
#home_intro {
  background-color: #e9e9e9;
}
#home_intro .hi_text p {
  margin-bottom: 1rem;
}
#home_features {
  overflow-x: hidden;
}
.hf_item {
  position: relative;
  margin-bottom: 2rem;
}
@media only screen and (max-width : 1199px) {
  .hf_item {
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width : 767px) {
  .hf_item {
    margin-bottom: 1rem;
  }
}
.hf_item .hfi_img {
  position: relative;
  width: 50%;
}
@media only screen and (max-width : 767px) {
  .hf_item .hfi_img {
    width: 100%;
  }
}
.hf_item .hfi_img img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hf_item .hfi_img .primary_image {
  position: relative;
  opacity: 1;
  z-index: 2;
}
.hf_item .hfi_img .secondary_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.hf_item:hover .hfi_img .primary_image {
  opacity: 0;
}
.hf_item .hfi_txt {
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 65%;
  padding: 3rem 5rem;
  z-index: 3;
}
@media only screen and (max-width : 767px) {
  .hf_item .hfi_txt {
    width: 100%;
    position: relative;
    top: 0%;
    transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
}
@media only screen and (max-width : 1199px) {
  .hf_item .hfi_txt {
    padding: 3rem 3rem;
  }
}
@media only screen and (max-width : 767px) {
  .hf_item .hfi_txt {
    padding: 2rem 2rem;
  }
}
.hf_item.to_right .hfi_txt {
  right: 0;
}
.hf_item.to_right .hfi_txt:after {
  content: '';
  height: 100%;
  position: absolute;
  width: 10000px;
  right: -10000px;
  top: 0;
}
@media only screen and (max-width : 767px) {
  .hf_item.to_right .hfi_txt:after {
    display: none;
  }
}
.hf_item.to_left .hfi_img {
  float: right;
}
@media only screen and (max-width : 767px) {
  .hf_item.to_left .hfi_img {
    float: none;
  }
}
.hf_item.to_left .hfi_txt {
  left: 0;
}
.hf_item.to_left .hfi_txt:before {
  content: '';
  height: 100%;
  position: absolute;
  width: 10000px;
  left: -10000px;
  top: 0;
}
@media only screen and (max-width : 767px) {
  .hf_item.to_left .hfi_txt:before {
    display: none;
  }
}
.hf_navy .hfi_txt {
  background: #304e77;
  background: -moz-linear-gradient(90deg, #304e77 0%, #1b3259 100%);
  background: -webkit-linear-gradient(90deg, #304e77 0%, #1b3259 100%);
  background: linear-gradient(90deg, #304e77 0%, #1b3259 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#304e77", endColorstr="#1b3259", GradientType=1);
}
.hf_navy .hfi_txt:after {
  background-color: #1b3259;
}
.hf_gray .hfi_txt {
  background: #7f7f7f;
  background: -moz-linear-gradient(90deg, #7f7f7f 0%, #a6a5a5 100%);
  background: -webkit-linear-gradient(90deg, #7f7f7f 0%, #a6a5a5 100%);
  background: linear-gradient(90deg, #7f7f7f 0%, #a6a5a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f7f7f", endColorstr="#a6a5a5", GradientType=1);
}
.hf_gray .hfi_txt:before {
  background: #7f7f7f;
}
.hf_blue .hfi_txt {
  background: #93ccf7;
  background: -moz-linear-gradient(90deg, #93ccf7 0%, #479bcf 100%);
  background: -webkit-linear-gradient(90deg, #93ccf7 0%, #479bcf 100%);
  background: linear-gradient(90deg, #93ccf7 0%, #479bcf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93ccf7", endColorstr="#479bcf", GradientType=1);
}
.hf_blue .hfi_txt:after {
  background-color: #479BCF;
}
#wliniiprostej .wlp_item {
  margin-bottom: 2rem;
}
#wliniiprostej .wlp_item .wpl_inner {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  position: relative;
  padding: 1rem 1rem 2rem;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 200px;
  max-width: 250px;
  text-align:center;
}

#wliniiprostej .wlp_item:hover img {
    width: 50px;
}
span.wlp_icon img {
    width: 70px;
}

}
#wliniiprostej .wlp_item .wpl_inner .wlp_icon {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  position: relative;
  text-align: center;
  display: block;
}
#wliniiprostej .wlp_item .wpl_inner .wlp_icon svg {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  width: 150px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width : 575px) {
  #wliniiprostej .wlp_item .wpl_inner .wlp_icon svg {
    width: 100%;
  }
}
#wliniiprostej .wlp_item .wpl_inner .wlp_icon svg path {
  stroke: var(--secondary) !important;
}
#wliniiprostej .wlp_item .wpl_inner h4 {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  position: relative;
  text-align: center;
  color: var(--secondary);
  text-transform: uppercase;
  margin-top:10px;
  font-size:0.85rem;
}
@media only screen and (max-width : 575px) {
  #wliniiprostej .wlp_item .wpl_inner h4 {
    font-size: 0.85rem;
	margin-top:10px;
  }
}
#wliniiprostej .wlp_item .wpl_inner h4:after {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  content: '';
  width: 80px;
  height: 0px;
  position: relative;
  margin: 10px auto;
  background-color: var(--primary);
  display: block;
  opacity: 0;
}
#wliniiprostej .wlp_item .wpl_inner p {
  -webkit-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -moz-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  -o-transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  transition: all 0.3s cubic-bezier(0.64, -0.68, 0.4, 1.85);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: auto;
  text-align: center;
  padding: 0;
  margin: 0;
  opacity: 0;
  color: #var(--primary);
  line-height: 1.4rem;
  font-size:0.85rem;
}
@media only screen and (max-width : 575px) {
  #wliniiprostej .wlp_item .wpl_inner p {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width : 575px) {
  #wliniiprostej .wlp_item .wpl_inner {
  /*  background-color: var(--secondary); */
  }
  #wliniiprostej .wlp_item .wpl_inner .wlp_icon svg {
    width: 100px;
  }
  #wliniiprostej .wlp_item .wpl_inner .wlp_icon svg path {
    stroke: white!important;
  }
  #wliniiprostej .wlp_item .wpl_inner h4:after {
    opacity: 1;
  }
  #wliniiprostej .wlp_item .wpl_inner p {
    opacity: 1;
    bottom: auto;
  }
}
#wliniiprostej .wlp_item:hover .wpl_inner {
  background-color: #d6f0ff;
}
#wliniiprostej .wlp_item:hover .wpl_inner .wlp_icon svg {
  width: 100px;
}
#wliniiprostej .wlp_item:hover .wpl_inner .wlp_icon svg path {
  stroke: white!important;
}
#wliniiprostej .wlp_item:hover .wpl_inner h4:after {
  opacity: 1;
}
#wliniiprostej .wlp_item:hover .wpl_inner p {
  opacity: 1;
  bottom: auto;
}
#podlinkuj_sie .pls_item {
  margin-bottom: 2rem;
}
#podlinkuj_sie .pls_item .pls_img_wrap .pls_img {
  position: relative;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie .pls_item .pls_img_wrap .pls_img {
    position: relative;
    max-width: 990px;
    margin: 0 auto;
  }
}
#podlinkuj_sie .pls_item .pls_img_wrap .pls_img img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#podlinkuj_sie .pls_item .pls_img_wrap .pls_img .primary_image {
  position: relative;
  opacity: 1;
  z-index: 2;
}
#podlinkuj_sie .pls_item .pls_img_wrap .pls_img .secondary_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
#podlinkuj_sie .pls_item .pls_txt {
  position: relative;
  padding: 1rem 4rem;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie .pls_item .pls_txt {
    padding: 2rem 2rem;
  }
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie .pls_item .pls_txt {
    max-width: calc(100% - 50px);
    position: relative;
    left: 25px;
    padding: 2rem 1rem;
  }
}
#podlinkuj_sie .pls_item .pls_txt .pls_txt_inner {
  position: relative;
  top: 47%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#podlinkuj_sie .pls_item .pls_txt h3 {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 3rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie .pls_item .pls_txt h3 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width : 575px) {
  #podlinkuj_sie .pls_item .pls_txt h3 {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
}
#podlinkuj_sie .pls_item .pls_txt .pls_icons {
  position: relative;
  margin-bottom: 1rem;
}
@media only screen and (max-width : 1400px) {
  #podlinkuj_sie .pls_item .pls_txt .pls_icons {
    text-align: center;
  }
}
#podlinkuj_sie .pls_item .pls_txt .pls_icons li {
  display: inline-block;
}
#podlinkuj_sie .pls_item .pls_txt .pls_icons li svg {
  width: 70px;
  height: 70px;
  display: block;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie .pls_item .pls_txt .pls_icons li svg {
    width: 50px;
    height: 50px;
  }
}
#podlinkuj_sie .pls_item .pls_txt .pls_icons li svg path {
  stroke: #fff !important;
}
#podlinkuj_sie .pls_item .pls_txt .pls_icons li .pls_line {
  width: 50px;
  height: 2px;
  display: block;
  background: #fff;
  margin: 33px 5px;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie .pls_item .pls_txt .pls_icons li .pls_line {
    width: 21px;
    height: 2px;
    margin: 24px 5px;
  }
}
#podlinkuj_sie .pls_item.pt_right .pls_img_wrap {
  padding-right: 0;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie .pls_item.pt_right .pls_img_wrap {
    padding-right: 25px;
  }
}
#podlinkuj_sie .pls_item:hover .pls_img .primary_image {
  opacity: 0;
}
#podlinkuj_sie #pls_01 .pls_txt {
  background: #4298cc;
  background: -moz-linear-gradient(90deg, #4298cc 0%, #1376b2 100%);
  background: -webkit-linear-gradient(90deg, #4298cc 0%, #1376b2 100%);
  background: linear-gradient(90deg, #4298cc 0%, #1376b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4298cc", endColorstr="#1376b2", GradientType=1);
  color: #fff;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie #pls_01 .pls_txt {
    max-width: calc(100% - 50px);
    position: relative;
    left: 25px;
    padding: 2rem 1rem;
  }
}
#podlinkuj_sie #pls_01 .pls_txt:after {
  content: '';
  background-color: #1376b2 !important;
  width: 1000px;
  right: -1000px;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie #pls_01 .pls_txt:after {
    display: none;
  }
}
#podlinkuj_sie #pls_01 .pls_txt .pls_icons li svg path {
  stroke: #fff !important;
}
#podlinkuj_sie #pls_01 .pls_txt .pls_icons li .pls_line {
  background: #fff;
}
#podlinkuj_sie #pls_02 .pls_txt h3 {
  color: #0b69a7;
}
#podlinkuj_sie #pls_02 .pls_txt:after {
  display: none;
}
#podlinkuj_sie #pls_02 .pls_txt .pls_icons li svg path {
  stroke: #0b69a7 !important;
}
#podlinkuj_sie #pls_02 .pls_txt .pls_icons li .pls_line {
  background: #0b69a7;
}
#podlinkuj_sie #pls_03 .pls_txt h3 {
  color: #8c8b8d;
}
#podlinkuj_sie #pls_03 .pls_txt:after {
  display: none;
}
#podlinkuj_sie #pls_03 .pls_txt .pls_icons li svg path {
  stroke: #8c8b8d !important;
}
#podlinkuj_sie #pls_03 .pls_txt .pls_icons li .pls_line {
  background: #8c8b8d;
}
#podlinkuj_sie #pls_04 .pls_txt {
  background: #4298cc;
  background: -moz-linear-gradient(90deg, #4298cc 0%, #93ccf7 100%);
  background: -webkit-linear-gradient(90deg, #4298cc 0%, #93ccf7 100%);
  background: linear-gradient(90deg, #4298cc 0%, #93ccf7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4298cc", endColorstr="#93ccf7", GradientType=1);
  color: #fff;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie #pls_04 .pls_txt {
    max-width: calc(100% - 50px);
    position: relative;
    left: 25px;
    padding: 2rem 1rem;
  }
}
#podlinkuj_sie #pls_04 .pls_txt:before {
  content: '';
  background-color: #4298cc !important;
  width: 1000px;
  left: -1000px;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie #pls_04 .pls_txt:before {
    display: none;
  }
}
#podlinkuj_sie #pls_04 .pls_txt:after {
  content: '';
  background-color: #93ccf7 !important;
  width: 25px;
  right: -25px;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie #pls_04 .pls_txt:after {
    display: none;
  }
}
#podlinkuj_sie #pls_04 .pls_txt .pls_icons li svg path {
  stroke: #fff !important;
}
#podlinkuj_sie #pls_04 .pls_txt .pls_icons li .pls_line {
  background: #fff;
}
#podlinkuj_sie #pls_05 .pls_txt h3 {
  color: var(--primary);
}
#podlinkuj_sie #pls_05 .pls_txt:after {
  display: none;
}
#podlinkuj_sie #pls_05 .pls_txt .pls_icons li svg path {
  stroke: var(--primary) !important;
}
#podlinkuj_sie #pls_05 .pls_txt .pls_icons li .pls_line {
  background: var(--primary);
}
#podlinkuj_sie #pls_06 .pls_txt h3 {
  color: #0b69a7;
}
#podlinkuj_sie #pls_06 .pls_txt:after {
  display: none;
}
#podlinkuj_sie #pls_06 .pls_txt .pls_icons li svg path {
  stroke: #0b69a7 !important;
}
#podlinkuj_sie #pls_06 .pls_txt .pls_icons li .pls_line {
  background: #0b69a7;
}
#podlinkuj_sie #pls_07 .pls_txt {
  background: #a6a5a5;
  background: -moz-linear-gradient(90deg, #a6a5a5 0%, #7a7a7a 100%);
  background: -webkit-linear-gradient(90deg, #a6a5a5 0%, #7a7a7a 100%);
  background: linear-gradient(90deg, #a6a5a5 0%, #7a7a7a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6a5a5", endColorstr="#7a7a7a", GradientType=1);
  color: #fff;
}
#podlinkuj_sie #pls_07 .pls_txt:after {
  content: '';
  background-color: #a6a5a5 !important;
  width: 1000px;
  right: -1000px;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (max-width : 1199px) {
  #podlinkuj_sie #pls_07 .pls_txt:after {
    display: none;
  }
}
#podlinkuj_sie #pls_07 .pls_txt .pls_icons li svg path {
  stroke: #fff !important;
}
#podlinkuj_sie #pls_07 .pls_txt .pls_icons li .pls_line {
  background: #fff;
}
#podlinkuj_sie #pls_08 .pls_txt h3 {
  color: #91c5ec;
}
#podlinkuj_sie #pls_08 .pls_txt:after {
  display: none;
}
#podlinkuj_sie #pls_08 .pls_txt .pls_icons li svg path {
  stroke: #91c5ec !important;
}
#podlinkuj_sie #pls_08 .pls_txt .pls_icons li .pls_line {
  background: #91c5ec;
}
#o_mieszkaniach p {
  color: #55565a;
}
#o_mieszkaniach .om_info_02 h3 {
  font-size: 2.6rem;
}
@media only screen and (max-width : 767px) {
  #o_mieszkaniach .om_info_02 h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width : 767px) {
  #o_mieszkaniach .om_info_02f.flip_photo .fp_inner {
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
}
@media only screen and (max-width : 767px) {
  #o_mieszkaniach .flip_photo .fp_inner {
    margin-bottom: 3rem;
  }
}
.flip_photo {
  position: relative;
}
.flip_photo .fp_inner {
  position: relative;
}
.flip_photo img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.flip_photo .primary_image {
  position: relative;
  opacity: 1;
  z-index: 2;
}
.flip_photo .secondary_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.flip_photo:hover .primary_image {
  opacity: 0;
}
#oi_header {
  position: relative;
  margin-bottom: 6rem;
}
@media only screen and (max-width : 575px) {
  #oi_header {
    display: none;
  }
}
#oi_header img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#oi_header .primary_image {
  position: relative;
  opacity: 1;
  z-index: 2;
}
#oi_header .secondary_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
#oi_header:hover .primary_image {
  opacity: 0;
}
#oi_header_mobile {
  position: relative;
  margin-bottom: 6rem;
  display: none;
}
@media only screen and (max-width : 575px) {
  #oi_header_mobile {
    display: block;
    margin-bottom: 3rem;
  }
}
#oi_header_mobile img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#oi_header_mobile .primary_image {
  position: relative;
  opacity: 1;
  z-index: 2;
}
#oi_header_mobile .secondary_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
#oi_header_mobile:hover .primary_image {
  opacity: 0;
}
.oi_map {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (max-width : 575px) {
  .oi_map {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
}
.bg_lightblue {
  background-color: #daeffe;
  position: relative;
  width: 100%;
}
#wybierz_wyszukiwarke ul {
  text-align: left;
}
#wybierz_wyszukiwarke ul li {
  position: relative;
  display: inline-block;
  color: #ffffff;
  margin: 0 10px;
  margin-top: 20px;
}
#wybierz_wyszukiwarke ul li a {
    display: block;
    color: #dbdbdb;
    text-transform: uppercase;
    padding-bottom: 10px;
    text-align: left;
    font-weight: 700;
    border-bottom: 5px solid transparent;
}
@media only screen and (max-width : 575px) {
  #wybierz_wyszukiwarke ul li a {
    display: block;
    text-transform: uppercase;
    text-align: center;
  }
}
#wybierz_wyszukiwarke ul li a.active-btn {
  color: #1e355d;
border-bottom: 5px solid var(--primary);

}
#wybierz_wyszukiwarke ul li a:hover {
  color: var(--primary);
}
@media only screen and (max-width : 767px) {
  #lista_mieszkan #lista_mieszkan_tabela_wrapper {
    overflow: scroll;
  }
}
#lista_mieszkan #lista_mieszkan_tabela {
  text-align: center;
}
@media only screen and (max-width : 767px) {
  #lista_mieszkan #lista_mieszkan_tabela {
    text-align: center;
    width: 1700px !important;
  }
}
@media only screen and (max-width : 575px) {
  #lista_mieszkan #lista_mieszkan_tabela {
    width: 1100px !important;
  }
}
#lista_mieszkan #lista_mieszkan_tabela thead tr th {
  background-color: transparent;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: 700;
  padding: 14px 0;
  border-bottom: 2px solid var(--primary);
}
@media only screen and (max-width : 575px) {
  #lista_mieszkan #lista_mieszkan_tabela thead tr th {
    font-size: 12px;
  }
}
#lista_mieszkan #lista_mieszkan_tabela thead tr th.sorting span {
  opacity: 0.8;
  transform: rotate(-90deg);
  left: 4px;
  display: inline-block;
  position: relative;
}
#lista_mieszkan #lista_mieszkan_tabela thead tr th.sorting_asc span {
  transform: rotate(-90deg);
  left: 4px;
  display: inline-block;
  position: relative;
}
#lista_mieszkan #lista_mieszkan_tabela thead tr th.sorting_desc span {
  transform: rotate(90deg);
  left: 4px;
  display: inline-block;
  position: relative;
}
#lista_mieszkan #lista_mieszkan_tabela thead tr th.nosort span {
  display: none !important;
}
#lista_mieszkan #lista_mieszkan_tabela tbody tr:hover td {
  background-color: #d6f0ff;
}
#lista_mieszkan #lista_mieszkan_tabela tbody tr td {
  padding: 14px 0;
  border-bottom: 1px solid #d6f0ff;
}
@media only screen and (max-width : 575px) {
  #lista_mieszkan #lista_mieszkan_tabela tbody tr td {
    font-size: 14px;
  }
}
#lista_mieszkan .dataTables_info {
  display: none;
}
.page-template-page-dziennik #contact_form,
.page-template-page-mieszkania #contact_form {
 /* background-color: #e9e9e9; */
}
.wg_desc {
  position: relative;
  height: 100%;
}
.wg_desc p {
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 2.4rem;
}
@media only screen and (max-width : 767px) {
  .wg_desc p {
    font-size: 1.2rem;
    font-weight: 100;
    line-height: 2rem;
  }
}
.wg_desc .arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 35px;
  opacity: 0.3;
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@media only screen and (max-width : 767px) {
  .wg_desc .arrow {
    display: none;
  }
}
.grow {
  filter: blur(0);
  -webkit-filter: blur(0);
  -ms-filter: blur(0);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  display: inline-block;
  opacity: 1;
  transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  animation-name: grow_anim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  -moz-opacity: 1;
  -moz-animation-name: grow_anim;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 4s;
  -moz-animation-fill-mode: forwards;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-name: grow_anim;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-delay: 4s;
  -o-animation-fill-mode: forwards;
  -o-animation-timing-function: ease-in-out;
  -webkit-animation-name: grow_anim;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes grow_anim {
  0% {
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
  }
  50% {
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
  }
  80% {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    opacity: 0.8;
    -moz-opacity: 0.8;
  }
  100% {
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
  }
}
.step_back {
  background: none;
  border: none;
  padding: 0;
  color: var(--primary);
  position: absolute;
  bottom: -2rem;
  left: 0;
}
@media only screen and (max-width : 767px) {
  .step_back {
    display: none;
  }
}
#rower_hover {
  opacity: 0;
}
#krok_1,
#krok_2,
#krok_3,
#krok_4 {
  border-top: 1px solid #ccc;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.krok_inactive #krok_4_footer,
.krok_inactive #plan_mieszkania,
.krok_inactive .btn_pobierz_plan,
.krok_inactive .rzut_pietra,
.krok_inactive .arrow,
.krok_inactive .step_back,
.krok_inactive .wgd_pietro,
.krok_inactive .wgd_mieszkanie,
.krok_inactive .wgd_budynek {
  display: none;
}
.krok_inactive #k2_budynek,
.krok_inactive #wg_wybor_pietra {
  display: none;
}
.btn_default {
  color: #fff;
  padding: 0.8rem 1.5rem;
  background-color: #dadada;
  display: inline-block;
  text-transform: uppercase;
}
#budynek-b1,
#budynek-b2,
#budynek-b3 {
  fill: #b3b3b3 !important;
  stroke: #b3b3b3 !important;
}
#budynek-b1.active_building,
#budynek-b2.active_building,
#budynek-b3.active_building,
#budynek-b1:hover,
#budynek-b2:hover,
#budynek-b3:hover {
  fill: var(--primary) !important;
  stroke: var(--primary) !important;
}
#kierunek_k3,
#kierunek_k1 {
  position: absolute;
  top: 3rem;
  right: 3rem;
  opacity: 0.2;
  transform: rotate(11deg);
}
@media only screen and (max-width : 767px) {
  #kierunek_k3,
  #kierunek_k1 {
    top: 1rem;
    right: 1rem;
  }
}
#kierunek_k3 svg,
#kierunek_k1 svg {
  display: block;
  width: 100px;
  height: 100px;
}
@media only screen and (max-width : 767px) {
  #kierunek_k3 svg,
  #kierunek_k1 svg {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width : 767px) {
  #wg_wybor_pietra {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
#wg_wybor_pietra li {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #b3b3b3;
  text-align: center;
  margin-bottom: 0.4rem;
  padding: 0.3rem;
}
#wg_wybor_pietra li.active,
#wg_wybor_pietra li:hover {
  background-color: var(--primary);
  color: #fff;
}
#k2_budynek {
  position: relative;
}
#k2_budynek svg {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#k2_budynek svg path {
  fill: #4298cc;
  opacity: 0;
}
#k2_budynek svg path.active,
#k2_budynek svg path:hover {
  opacity: 0.71;
}
#krok_3 {
  position: relative;
}
#k3_legenda {
  height: 100%;
}
#legenda {
  position: relative;
  top: 12rem;
}
@media only screen and (max-width : 767px) {
  #legenda {
    position: relative;
    top: 0;
    margin-top: 2rem;
  }
}
#legenda.hidden {
  display: none;
}
#legenda li {
  display: block;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1rem;
}
#legenda li span {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: red;
  position: absolute;
  top: 0;
  left: 0;
}
#legenda li.leg_zajete span {
  background-color: #df4658;
}
#legenda li.leg_wolne span {
  background-color: #dbedf7;
}
.maski_mieszkania {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: -2px;
}
.maski_mieszkania .mm_hidden {
  display: none;
}
.maski_mieszkania div {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
}
.maski_mieszkania div svg {
  width: 100%;
  height: 100%;
  display: block;
}
.maski_mieszkania div svg polygon,
.maski_mieszkania div svg path {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  fill: #4ba3d8 !important;
  opacity: 0.2;
}
.maski_mieszkania div svg polygon:hover,
.maski_mieszkania div svg path:hover {
  opacity: 0.5;
}
.maski_mieszkania div svg polygon.zajete,
.maski_mieszkania div svg path.zajete {
  fill: #df4658 !important;
}
.maski_mieszkania div svg polygon.zajete:hover,
.maski_mieszkania div svg path.zajete:hover {
  fill: #cdcdcd !important;
}
.hidden_floor {
  display: none;
}
.rzut_pietra {
  padding-left: 0;
  padding-right: 0;
}
.rzut_pietra svg {
  width: 100%;
}
.rzut_pietra svg .maska_mieszkania {
  fill: red;
  opacity: 0.4;
}
.rzut_pietra svg .maska_mieszkania:hover {
  opacity: 0.8;
}
#krok_4 .btn_pobierz_plan {
  float: right;
  position: absolute;
  right: 25px;
  bottom: 0;
}
@media only screen and (max-width : 767px) {
  #krok_4 .btn_pobierz_plan {
    float: right;
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 1rem;
    width: 100%;
  }
}
#krok_4 .btn_pobierz_plan:hover {
  background-color: #666666;
  color: #fff;
}
#krok_4_footer #to_step_3 {
  float: left;
  position: relative;
  bottom: 0;
}
#krok_4_footer #to_step_3:hover {
  cursor: pointer;
}
#plan_mieszkania {
  padding-top: 2rem;
  text-align: right;
}
#plan_mieszkania p {
  font-size: 12px;
  opacity: 0.8;
}
#budynki {
  position: relative;
}
#budynki svg {
  width: 100%;
}
#zapytaj_o_mieszkanie {
  color: #fff;
  float: right;
  border: none;
  padding: 0.8rem 1.5rem;
  background-color: var(--primary);
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (max-width : 767px) {
  #zapytaj_o_mieszkanie {
    width: 100%;
  }
}
#zapytaj_o_mieszkanie:hover {
  background-color: var(--secondary);
  cursor: pointer;
}
.detailed_cf {
  display: none;
  position: relative;
  padding-top: 4rem;
}
#tresc_zapytania {
  text-transform: none;
}
.page-template-page-graficzna #contact_form {
  /*background-color: #e9e9e9; */
}
#label-b1.al_white path,
#label-b2.al_white path,
#label-b3.al_white path,
#label-b1.active_label path,
#label-b2.active_label path,
#label-b3.active_label path {
  fill: #ffffff !important;
}
#galeria {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#galeria .gal_wrap {
  position: relative;
  width: 170%;
  left: -35%;
}
#galeria .gal_wrap .left_overlay,
#galeria .gal_wrap .right_overlay {
  position: absolute;
  height: 100%;
  width: 25%;
  top: 0;
  z-index: 10;
  background: #ccc;
  opacity: 0.4;
}
#galeria .gal_wrap .left_overlay {
  left: 0;
}
#galeria .gal_wrap .right_overlay {
  right: 0;
}
#galeria .owl-dots {
  display: none;
}
#galeria .nav_btns {
  height: calc(100% - 24px);
  top: 0;
  background: rgba(30, 53, 93, 0.8);
  width: calc(25% - 2px);
  position: absolute;
  z-index: 11;
}
#galeria .nav_btns svg {
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 28px;
}
#galeria .nav_btns.nb_left {
  left: 0;
}
#galeria .nav_btns.nb_left svg {
  position: absolute;
  right: 7%;
}
#galeria .nav_btns.nb_right {
  right: 0;
}
#galeria .nav_btns.nb_right svg {
  position: absolute;
  left: 7%;
}
#galeria .lastActiveItem,
#galeria .firstActiveItem {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#dziennik_wrap h4 {
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 500;
  margin-bottom: 2rem;
}
#dziennik_wrap .owl-nav {
  text-align: right;
}
#dziennik_wrap .owl-nav .db_btns {
  width: 45px;
  padding: 0.8rem;
}
#dziennik_wrap .owl-nav .db_btns svg path {
  stroke: var(--primary) !important;
}
.line {
  background-color: #b2b1b1;
  width: 100%;
  height: 1px;
  margin-bottom: 4rem;
}
.line_bottom {
  background-color: #b2b1b1;
  width: 100%;
  height: 1px;
  margin-bottom: 4rem;
}
.db_hero {
  position: relative;
}
.animated {
  -webkit-animation-duration: 0ms !important;
  animation-duration: 0ms !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.CTA_container{
	  display: flex;
  width: 100%;
}

section#call_to_action_o_inwestycji {
    margin-bottom: 100px;
    margin-top: 50px;
}

.CTA_banner{
	height:600px;
    background-image: url(../images/o-inwestycji/IMG_0047.jpg);
	background-size: cover;
	margin-bottom: -100px;
}

.box_shadow{
	-webkit-box-shadow: 0px 0px 60px -40px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 0px 60px -40px rgba(0, 0, 0, 1);
box-shadow: 0px 0px 60px -40px rgba(0, 0, 0, 1);
    padding: 50px;
	background-color:white;
	text-align:center;
  flex: 1;
	
}

h4.CTA_title{
	color: var(--secondary);
	text-transform:uppercase;
	margin-bottom: 20px;
	
}

.CTA_icon{
	margin-bottom:50px;
}

.CTA_icon img {
    width: 60px;
}


a.CTA_button{
	width:150px;
	padding:10px;
	border: 1px solid #4298cc;
	margin:auto;
	display: block;
	margin-top: 20px;
	border-radius: 40px;
	}
	
	
	a.CTA_button:hover{
	background-color: #4298cc;
	color: white;
	}



#main_days_nav {
  text-align: center;
}
#main_days_nav li {
  display: inline-block;
  position: relative;
  float: left;
}
#main_days_nav li:nth-child(1) {
  width: 30px;
  height: 30px;
  background-color: #b3b2b1;
}
#main_days_nav li:nth-child(1):hover {
  background-color: var(--primary);
  cursor: pointer;
}
#main_days_nav li:nth-child(1) .my-controls-btns {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 3px;
}
#main_days_nav li:nth-child(2) {
  width: calc(100% - 60px);
  color: var(--primary);
}
#main_days_nav li:nth-child(3) {
  width: 30px;
  height: 30px;
  background-color: #b3b2b1;
}
#main_days_nav li:nth-child(3):hover {
  background-color: var(--primary);
  cursor: pointer;
}
#main_days_nav li:nth-child(3) .my-controls-btns {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 3px;
}
#db_main_column {
  max-height: 800px;
  overflow: hidden;
}
@media only screen and (max-width : 575px) {
  #db_main_column {
    max-height: 350px;
    overflow: hidden;
  }
}
.priv_policy_form p {
  font-size: 0.7rem;
  line-height: 1.2rem;
  letter-spacing: 0.2px;
}

.priv_policy_form {
    padding-top: 20px;
}

.pp_info p {
    font-size: 9px;
    line-height: 1.5;
}

.show_more {
    font-size: 10px !important;
    line-height: 1.5;
	margin-bottom: 1rem;
}

.show_more.open {
    font-weight: 400;
    margin-bottom: 1rem;
}

.show_more p {
    margin-bottom: 0px;
}

.priv_policy_form .show_more {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: 0 0;
  border: none;
  font-weight: 400;
  height: auto;
  display: block;
  font-size: 0.9rem;
  padding: 7px 0;
  opacity: 0.8;
  color: var(--primary);
  text-decoration:underline;
}
.priv_policy_form .show_more:hover {
  opacity: 1;
  cursor: pointer;
}
.priv_policy_form .collapsible_text {
  display: none;
}
.page-template-page-podlinkuj #wyszukiwarka_txt {
 /* background-color: #e9e9e9; */
}
.page-template-page-tekstowa #contact_form {
  /*background-color: #e9e9e9;*/
}
#wyszukiwarka_txt {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#wyszukiwarka_txt .section_title {
  margin-bottom: 5rem;
}
@media only screen and (max-width : 767px) {
  #wyszukiwarka_txt .section_title {
    margin-bottom: 2rem;
  }
}
#wyszukiwarka_txt h4 {
  text-transform: uppercase;
  color: var(--secondary);
  font-weight: 700;
  margin-bottom: 2rem;
}
@media only screen and (max-width : 767px) {
  #wyszukiwarka_txt h4 {
    margin-bottom: 1rem;
  }
}
@medai only screen and (max-width : 575px) {
  margin-bottom: 0.4rem;
}
#wyszukiwarka_tekstowa_lista {
  margin-bottom: 2rem;
  padding-top:0px;
  font-size:12px;
}
#form_btns {
  text-align: left;
  padding-top: 1rem;
}
#form_btns ul li {
  display: inline-block;
  margin-right: 1rem;
}
@media only screen and (max-width : 575px) {
  #form_btns ul li {
    margin-left: 0;
    width: 100%;
    display: block;
    margin-bottom: 1rem;
  }
}
#form_btns ul li input[type=reset] {
  border: none;
  color: #fff;
  padding: 0.8rem 1.5rem;
  background-color: #dadada;
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (max-width : 575px) {
  #form_btns ul li input[type=reset] {
    width: 100%;
  }
}
#form_btns ul li input[type=reset]:hover {
  cursor: pointer;
  background-color: #666666;
}
#form_btns ul li input[type=submit] {
  border: none;
  color: #fff;
  padding: 0.8rem 1.5rem;
  background-color: var(--secondary);
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (max-width : 575px) {
  #form_btns ul li input[type=submit] {
    width: 100%;
  }
}
#form_btns ul li input[type=submit]:hover {
  cursor: pointer;
  background-color: var(--primary);
}
.wt_column {
  margin-bottom: 3rem;
}
@media only screen and (max-width : 575px) {
  .wt_column {
    margin-bottom: 1rem;
  }
}
#wt_strona input,
#wt_dodatkowe input,
#wt_pietro input,
#wt_budynek input {
  display: none;
}
#wt_strona label,
#wt_dodatkowe label,
#wt_pietro label,
#wt_budynek label {
  position: relative;
  display: block;
}
@media only screen and (max-width : 575px) {
  #wt_strona label,
  #wt_dodatkowe label,
  #wt_pietro label,
  #wt_budynek label {
    position: relative;
    display: inline-block;
    width: 100%;
  }
}
#wt_strona label .circle,
#wt_dodatkowe label .circle,
#wt_pietro label .circle,
#wt_budynek label .circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 40px;
  background-color: #e1e1e1;
  margin-right: 15px;
  position: relative;
  top: 0;
}


#wt_strona label:hover .circle, #wt_dodatkowe label:hover .circle, #wt_pietro label:hover .circle, #wt_budynek label:hover .circle, #wt_metraz label:hover .circle, #wt_pokoje label:hover .circle {
background-color: #b7b7b7;
}





#wt_strona input[type="checkbox"]:checked + label .circle,
#wt_dodatkowe input[type="checkbox"]:checked + label .circle,
#wt_pietro input[type="checkbox"]:checked + label .circle,
#wt_budynek input[type="checkbox"]:checked + label .circle {
  background-color: var(--primary);
}
#wt_metraz input,
#wt_pokoje input {
  display: none;
}
#wt_metraz label,
#wt_pokoje label {
  position: relative;
  display: inline-block;
}
#wt_metraz label .circle,
#wt_pokoje label .circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 40px;
  background-color: #e1e1e1;
  margin-right: 15px;
  position: relative;
  top: 0;
}
#wt_metraz input[type="checkbox"]:checked + label .circle,
#wt_pokoje input[type="checkbox"]:checked + label .circle {
  background-color: var(--primary);
}
@media only screen and (max-width : 767px) {
  #wt_metraz {
    padding-bottom: 3rem;
  }
}
#wt_metraz label {
  position: relative;
  display:block;
}
@media only screen and (max-width : 575px) {
  #wt_metraz label {
  /*  font-size: 11px; */
  }
}
#wt_metraz label .number_lab {
  left: 40%;
  position: absolute;
  top: 1.5rem;
}
@media only screen and (max-width : 575px) {
  #wt_metraz label .number_lab {
    left: 36%;
  }
}
#wt_metraz label .circle {
 /* left: 50%;*/
}
#wt_metraz label:nth-of-type(1):before,
#wt_metraz label:nth-of-type(2):before,
#wt_metraz label:nth-of-type(3):before,
#wt_metraz label:nth-of-type(4):before,
#wt_metraz label:nth-of-type(5):before {
  /*content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #d8d8d8;
  top: 50%;
  transform: translateY(-50%);
  left: 0;*/
}
#wt_pokoje label {
  position: relative;
  display:block;
}
#wt_pokoje label .number_lab {
  left: 51%;
  position: absolute;
  top: 1.5rem;
}
#wt_pokoje label .circle {
 /* left: 50%;*/
}
#wt_pokoje label:nth-of-type(1):before,
#wt_pokoje label:nth-of-type(2):before,
#wt_pokoje label:nth-of-type(3):before,
#wt_pokoje label:nth-of-type(4):before {
 /* content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #d8d8d8;
  top: 50%;
  transform: translateY(-50%);
  left: 0;*/
}
#small_map_wrap {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.kolko_w_tle {
    position: absolute;
    width: 700px;
    height: 700px;
    border-radius: 700px;
    background-color: #d6f0ff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:-100
	}
	
	.kolko_w_tle_male {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 400px;
    background-color: #d6f0ff;
top: 0%;
    left: 90%;
transform: translate(-50%, -50%);
z-index:-100
	}
	
		.kolko_w_tle_male_wykonczenie {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 400px;
    background-color: #d6f0ff;
transform: translate(-20%, -60%);
z-index:-100
	}
	
	.wykonecznie_image {
	width: 70%;
    margin: auto;
    display: block;
}
	
		.kolko_w_tle_kontakt {
    position: absolute;
    width: 800px;
    height: 800px;
    border-radius: 800px;
    background-color: #d6f0ff;
    bottom: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
    z-index: -100;
	}



#small_map{ 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /*filter: url(grayscale.svg); */ /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

@media only screen and (max-width : 575px) {
  #small_map_wrap {
    padding-top: 0;
    padding-bottom: 2rem;
  }
}
#small_map {
  padding-right: 0;
  height: 400px;
}
@media only screen and (max-width : 575px) {
  #small_map {
    padding-right: 25px;
  }
}
#small_map_button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: var(--secondary);
  width: 120px;
  height: 45px;
}
@media only screen and (max-width : 575px) {
  #small_map_button {
    background: transparent;
  }
}
#small_map_button:hover {
  background: var(--primary);
}
@media only screen and (max-width : 575px) {
  #small_map_button:hover {
    background: transparent;
  }
}
#small_map_button{
  left: 0;
  top: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.9rem;
  text-align:center;
}
@media only screen and (max-width : 575px) {
  #small_map_button{
    position: relative;
  	background: var(--secondary);
  }
}
#small_map_button .smb_inner {
  position: relative;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media only screen and (max-width : 575px) {
  #small_map_button .smb_inner {
    text-align: center;
    width: 100%;
    padding: 1rem;
    top: 0;
    transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    background: #93ccf7;
    background: -moz-linear-gradient(90deg, #93ccf7 0%, #4298cc 100%);
    background: -webkit-linear-gradient(90deg, #93ccf7 0%, #4298cc 100%);
    background: linear-gradient(90deg, #93ccf7 0%, #4298cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93ccf7", endColorstr="#4298cc", GradientType=1);
  }
}
#main_footer {
  margin-top: 2rem;
  background-color: #6d6d6d;
  color: #fff;
  font-size: 0.9rem;
  padding-top: 4rem;
  padding-bottom: 10rem;
}
@media only screen and (max-width : 575px) {
  #main_footer {
    padding-bottom: 4rem;
  }
}
#main_footer p {
  font-size: 0.9rem;
  font-weight: 300;
}
#main_footer a {
  color: #fff;
      text-align: left;
    margin-bottom: 10px;
}
#main_footer a:hover {
  text-decoration: underline;
}
@media only screen and (max-width : 1400px) {
#main_footer a {
    margin-bottom: 0px;
}
}

ul#foot_logos img {
    width: 80%;
}
@media only screen and (max-width : 1200px) {
ul#foot_logos img {
    width: 66%;
}

#foot_lower span{
	display:block;
	float:none !important;
	position:relative !important;
	right:0px !important;
	margin-top: 15px;
}
}
#main_footer svg path {
  fill: #fff;
}
#main_footer #link_logo_svg_white {
  width: 100px;
}
@media only screen and (max-width : 575px) {
  #main_footer #link_logo_svg_white {
    margin-bottom: 2rem;
  }
}
#main_footer #link_logo_svg_white rect,
#main_footer #link_logo_svg_white path,
#main_footer #link_logo_svg_white polygon {
  fill: #fff !important;
}
#foot_lower {
  position: relative;
  margin-top: 3rem;
  padding-top: 1.5rem;
}
#foot_lower:before {
  content: '';
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 25px;
  width: calc(100% - 50px);
}
#foot_lower span {
  float: right;
  position: absolute;
  right: 25px;
  bottom: 0;
}
@media only screen and (max-width : 575px) {
  #foot_lower span {
    right: 0;
    width: 100%;
    position: relative;
    padding-top: 1rem;
  }
}
#foot_logos li {
  display: inline-block;
}
#foot_logos li a {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 3rem;
}
@media only screen and (max-width : 767px) {
  #foot_logos li a {
    margin-right: 0;
  }
}
#foot_logos li:nth-child(2) img {
  position: relative;
  top: 5px;
}
#foot_social {
  text-align: center;
}
@media only screen and (max-width : 575px) {
  #foot_social {
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: left;
  }
}
#foot_social a {
  display: block;
}
#foot_social a svg {
  width: 40px;
}
#cookie-notice {
  font-family: 'Open Sans', sans-serif !important;
  text-align: left!important;
  box-shadow: 0 0 33px -24px #000;
}
#cookie-notice .cookie-notice-container {
  text-align: left!important;
}
#cookie-notice .cn-notice-text {
  text-align: left;
}
#cookie-notice .cn-button {
  border: none;
  color: #fff;
  padding: 0.8rem 1.5rem;
  background-color: var(--primary);
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif !important;
  border-radius: 0;
  margin: 0;
}
#cookie-notice .cn-button:hover {
  background-color: var(--secondary);
}
.contactform_wrap input {
  border: 0px solid #d2d2d2;
  background-color: #fff;
  padding: 0.6rem 1rem;
  width: 100%;
  margin-bottom: 0.5rem;
}

.contactform_wrap input[type=text] {
  box-shadow: 3px 3px 10px #dddddd;
}

.contactform_wrap input[type=email] {
  box-shadow: 3px 3px 10px #dddddd;
}

.contactform_wrap input[type=tel] {
  box-shadow: 3px 3px 10px #dddddd;
}

.acceptance_wrap p {
    font-size: 12px;
    line-height: 1.5;
}


@media only screen and (max-width : 767px) {
  .contactform_wrap input {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width : 575px) {
  .contactform_wrap input {
    margin-bottom: 0.6rem;
  }
}
.contactform_wrap textarea {
  background-color: #fff;
  border: 0px solid #d2d2d2;
  text-transform: uppercase;
  padding: 0.6rem 1rem;
  width: 100%;
  margin-bottom: 0.5rem;
  box-shadow: 3px 3px 10px #dddddd;

}
.contactform_wrap .btn-submit {
  color: #fff;
}
@media only screen and (max-width : 767px) {
  .contactform_wrap .btn-submit {
    width: 100%;
    text-align: center;
  }
}
#kontakt h2.section_title {
  text-transform: none;
}
.anim_line_2s {
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
.anim_line_18s {
  animation-name: dash;
  animation-duration: calc(1.8s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(1.8s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(1.8s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
.anim_line_15s {
  animation-name: dash;
  animation-duration: calc(1.5s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(1.5s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
.anim_line_07s {
  animation-name: dash;
  animation-duration: calc(.7s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.7s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.7s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
.anim_line_08s {
  animation-name: dash;
  animation-duration: calc(.8s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.8s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.8s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
.anim_big_dur_2 {
  animation-duration: calc(2s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
.anim_big_dur_15 {
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
.anim_big_dur_05 {
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
.anim_big_dur_06 {
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
.anim_big_dur_08 {
  animation-duration: calc(.8s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.8s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
.anim_pulse_icon {
  animation-name: pulse!important;
  animation-duration: 2s!important;
  animation-iteration-count: infinite!important;
}
@keyframes pulse {
  0% {
    opacity: 0.3 !important;
  }
  50% {
    opacity: 1!important;
  }
  100% {
    opacity: 0.3 !important;
  }
}
#main_center {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  -moz-animation-name: anim_opacity;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -moz-animation-fill-mode: forwards;
}
#center_frame {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  -moz-animation-name: anim_opacity;
  -moz-animation-duration: 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0.2s;
  -moz-animation-fill-mode: forwards;
}
#center_main,
.center_main {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.8s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.8s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(.2s - 0.9s);
}
.line_anim {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation-name: dash;
  animation-duration: calc(1.5s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(1.5s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(1s - 0.9s);
  -moz-stroke-dasharray: 1000;
  -moz-stroke-dashoffset: 1000;
  -moz-animation-delay: calc(1s - 0.9s);
}
.main_bg_01 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(1.5s - 0.9s);
  -moz-animation-name: anim_opacity_to_half;
  -moz-animation-delay: calc(1.5s - 0.9s);
}
#big_circle_01 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-delay: calc(1.5s - 0.9s);
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(1.5s - 0.9s);
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
.dot_01 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(1.5s - 0.9s);
  -moz-animation-name: anim_opacity_to_03;
  -moz-animation-delay: calc(1.5s - 0.9s);
}
#icon_01 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2s - 0.9s);
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(2s - 0.9s);
}
#line_small_02_01 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(2s - 0.9s);
  -moz-stroke-dasharray: 700;
  -moz-stroke-dashoffset: 700;
  -moz-animation-delay: calc(2s - 0.9s);
}
#small_circle_02 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.2s - 0.9s);
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(2.2s - 0.9s);
}
#bg_small_02 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.5s - 0.9s);
}
#icon_small_2 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(2s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.5s - 0.9s);
}
#line_small_01 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(3s - 0.9s);
}
#small_circle_01 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.2s - 0.9s);
}
#bg_small_01 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.5s - 0.9s);
}
#icon_small_1 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(2s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.5s - 0.9s);
}
#i2_line02 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation-name: dash;
  animation-duration: calc(1.5s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(1.5s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(1.5s - 0.9s);
}
#i2_main_bg_02 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2s - 0.9s);
}
#i2_big_circle_02 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2s - 0.9s);
}
.i2_dot_02 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2s - 0.9s);
}
#i2_icon_02 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.5s - 0.9s);
}
#i2_line_small_02 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(3s - 0.9s);
}
#i2_small_circle_02 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.2s - 0.9s);
}
#i2_bg_small_02 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.5s - 0.9s);
}
#i2_icon_small_02 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(2s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.5s - 0.9s);
}
#line_03 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation-name: dash;
  animation-duration: calc(1.8s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(1.8s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(1.8s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(2.5s - 0.9s);
}
#main_bg_03 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.7s - 0.9s);
}
#big_circle_03 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.7s - 0.9s);
}
.dot_03 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.7s - 0.9s);
}
#icon_03 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-delay: calc(3.5s - 0.9s);
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
#line_small_01_03 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(3.5s - 0.9s);
}
#small_circle_01_03 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.7s - 0.9s);
}
#bg_small_01_03 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-delay: calc(4s - 0.9s);
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
#icon_small_01_03 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(2s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4s - 0.9s);
}
#line_small_02_03 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(3s - 0.9s);
}
#small_circle_02_03 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.2s - 0.9s);
}
#bg_small_02_03 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.5s - 0.9s);
}
#icon_small_02_03 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.5s - 0.9s);
}
#line_04 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation-name: dash;
  animation-duration: calc(.8s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.8s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.8s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(3.5s - 0.9s);
}
#main_bg_04 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.8s - 0.9s);
}
#big_circle_04 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.8s - 0.9s);
}
.dot_04 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.8s - 0.9s);
}
#icon_04 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3.8s - 0.9s);
}
#line_small_01_04 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-delay: calc(4s - 0.9s);
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
#small_circle_01_04 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.2s - 0.9s);
}
#bg_small_01_04 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5s - 0.9s);
}
#icon_small_01_04 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5s - 0.9s);
}
#line_small_02_04 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.5s - 0.9s);
}
#small_circle_02_04 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.7s - 0.9s);
}
#bg_small_02_04 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#icon_small_02_04 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#line_05 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-delay: calc(3.5s - 0.9s);
  animation-name: dash;
  animation-duration: calc(1.5s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(1.5s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
#main_bg_05 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-delay: calc(4s - 0.9s);
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
#big_circle_05 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-delay: calc(4s - 0.9s);
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
.dot_05 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4s - 0.9s);
}
#icon_05 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4s - 0.9s);
}
#line_small_01_05 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4s - 0.9s);
}
#small_circle_01_05 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.2s - 0.9s);
}
#bg_small_01_05 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5s - 0.9s);
}
#icon_small_01_05 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5s - 0.9s);
}
#line_small_02_05 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.5s - 0.9s);
}
#small_circle_02_05 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.7s - 0.9s);
}
#bg_small_02_05 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#icon_small_02_05 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#line_06 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation-name: dash;
  animation-duration: calc(.7s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.7s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.7s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4s - 0.9s);
}
#main_bg_06 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-delay: calc(4.3s - 0.9s);
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
#big_circle_06 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.3s - 0.9s);
}
.dot_06 {
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-delay: calc(4.3s - 0.9s);
}
#icon_06 {
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  opacity: 0;
  animation-name: anim_opacity;
  animation-delay: calc(4.3s - 0.9s);
}
#line_small_01_06 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.3s - 0.9s);
}
#small_circle_01_06 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.5s - 0.9s);
}
#bg_small_01_06 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.3s - 0.9s);
}
#icon_small_01_06 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.3s - 0.9s);
}
#line_small_02_06 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.5s - 0.9s);
}
#small_circle_02_06 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.7s - 0.9s);
}
#bg_small_02_06 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#icon_small_02_06 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#line_07 {
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation-name: dash;
  animation-duration: calc(.7s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.7s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.7s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.2s - 0.9s);
  -moz-stroke-dasharray: 600;
  -moz-stroke-dashoffset: 600;
  -moz-animation-delay: calc(4.2s - 0.9s);
}
#main_bg_07 {
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-delay: calc(4.3s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity_to_half;
  -moz-animation-delay: calc(4.3s - 0.9s);
}
#big_circle_07 {
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  opacity: 0;
  animation-name: anim_opacity;
  animation-delay: calc(4.3s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(4.3s - 0.9s);
}
.dot_07 {
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-delay: calc(4.3s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity_to_03;
  -moz-animation-delay: calc(4.3s - 0.9s);
}
#icon_07 {
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  opacity: 0;
  animation-name: anim_opacity;
  animation-delay: calc(4.3s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(4.3s - 0.9s);
}
#line_small_01_07 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.3s - 0.9s);
  -moz-stroke-dasharray: 700;
  -moz-stroke-dashoffset: 700;
  -moz-animation-delay: calc(4.3s - 0.9s);
}
#small_circle_01_07 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.5s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(4.5s - 0.9s);
}
#bg_small_01_07 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-delay: calc(5.3s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity_to_half;
  -moz-animation-delay: calc(5.3s - 0.9s);
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
}
#icon_small_01_07 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.3s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(5.3s - 0.9s);
}
#line_small_02_07 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.5s - 0.9s);
  -moz-stroke-dasharray: 700;
  -moz-stroke-dashoffset: 700;
  -moz-animation-delay: calc(4.5s - 0.9s);
}
#small_circle_02_07 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.7s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(4.7s - 0.9s);
}
#bg_small_02_07 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity_to_half;
  -moz-animation-delay: calc(5.5s - 0.9s);
}
#icon_small_02_07 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
  -moz-opacity: 0;
  -moz-animation-name: anim_opacity;
  -moz-animation-delay: calc(5.5s - 0.9s);
}
#line_08 {
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  animation-name: dash;
  animation-duration: calc(.7s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.7s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.7s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.2s - 0.9s);
}
#main_bg_08 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.3s - 0.9s);
}
#big_circle_08 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.3s - 0.9s);
}
.dot_08 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.3s - 0.9s);
}
#icon_08 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.3s - 0.9s);
}
#line_small_01_08 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.3s - 0.9s);
}
#small_circle_01_08 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.5s - 0.9s);
}
#bg_small_01_08 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.3s - 0.9s);
}
#icon_small_01_08 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.3s - 0.9s);
}
#line_small_02_08 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(4.5s - 0.9s);
}
#small_circle_02_08 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(4.7s - 0.9s);
}
#bg_small_02_08 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#icon_small_02_08 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#line_09 {
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  animation-name: dash;
  animation-duration: calc(.7s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.7s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.7s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(5s - 0.9s);
}
#main_bg_09 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#big_circle_09 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
.dot_09 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#icon_09 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#line_small_01_09 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(5.3s - 0.9s);
}
#small_circle_01_09 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.5s - 0.9s);
}
#bg_small_01_09 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.3s - 0.9s);
}
#icon_small_01_09 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6s - 0.9s);
}
#line_small_02_09 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(5.6s - 0.9s);
}
#small_circle_02_09 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(5.8s - 0.9s);
}
#bg_small_02_09 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.6s - 0.9s);
}
#icon_small_02_09 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6s - 0.9s);
}
#line_10 {
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  animation-delay: calc(6s - 0.9s);
  animation-name: dash;
  animation-duration: calc(.7s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(.7s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(.7s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
}
#main_bg_10 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.5s - 0.9s);
}
#big_circle_10 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.6s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.6s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.5s - 0.9s);
}
.dot_10 {
  opacity: 0;
  animation-name: anim_opacity_to_03;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.5s - 0.9s);
}
#icon_10 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.5s - 0.9s);
}
@keyframes pulse_icon {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-6.5%, -8.6%) scale(1.1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
#line_small_01_10 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(6.3s - 0.9s);
}
#small_circle_01_10 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.5s - 0.9s);
}
#bg_small_01_10 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(7.3s - 0.9s);
}
#icon_small_01_10 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(7s - 0.9s);
}
#line_small_02_10 {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation-name: dash;
  animation-duration: calc(2s - 0.4s);
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  -moz-animation-name: dash;
  -moz-animation-duration: calc(2s - 0.4s);
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: dash;
  -webkit-animation-duration: calc(2s - 0.4s);
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-delay: calc(6.6s - 0.9s);
}
#small_circle_02_10 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(6.8s - 0.9s);
}
#bg_small_02_10 {
  opacity: 0;
  animation-name: anim_opacity_to_half;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(7.6s - 0.9s);
}
#icon_small_02_10 {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(1.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(1.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(7s - 0.9s);
}
@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}
#first {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-delay: calc(.5s - 0.9s);
  animation-fill-mode: forwards;
}
#second {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(1s - 0.9s);
}
#second_icon {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(1.5s - 0.9s);
}
#third {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2s - 0.9s);
}
#last {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(2.5s - 0.9s);
}
#last_icons {
  opacity: 0;
  animation-name: anim_opacity;
  animation-duration: calc(.5s - 0.4s);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -moz-animation-duration: calc(.5s - 0.4s);
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  animation-delay: calc(3s - 0.9s);
}
@-webkit-keyframes anim_opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim_opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes anim_opacity_to_03 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes anim_opacity_to_03 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@-webkit-keyframes anim_opacity_to_half {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes anim_opacity_to_half {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
.hb_bus {
  top: 78%;
  right: 31.5%;
}
.hb_rozmowa {
  top: 78%;
  left: 39.5%;
}
.hb_praca {
  top: 71%;
  left: 24.3%;
}
.hb_auto {
  top: 56%;
  left: 9%;
}
.hb_las {
  top: 38%;
  left: 16.7%;
}
.hb_uczelnie {
  top: 30%;
  left: 31.9%;
}
.hb_jedzenie {
  top: 30%;
  left: 54.7%;
}
.hb_rower {
  bottom: 16%;
  left: 77.6%;
}
.hb_szkola {
  bottom: 31%;
  left: 85.1%;
}
.hb_lotnisko {
  top: 38%;
  right: 24%;
}
.svg_active_el {
  position: absolute;
  width: 6.1%;
  height: 13%;
  opacity: 0;
  z-index: 5;
}
@keyframes bs_4 {
  0% {
    display: block;
    opacity: 0;
  }
  55% {
    display: block;
    opacity: 1;
  }
  100% {
    display: block;
    opacity: 0;
  }
}
@keyframes bs_3 {
  0% {
    display: block;
    opacity: 0;
  }
  55% {
    display: block;
    opacity: 1;
  }
  100% {
    display: block;
    opacity: 0;
  }
}
@keyframes bs_2 {
  0% {
    display: block;
    opacity: 0;
  }
  55% {
    display: block;
    opacity: 1;
  }
  100% {
    display: block;
    opacity: 0;
  }
}
@keyframes big_show {
  0% {
    display: block;
    opacity: 0;
  }
  55% {
    display: block;
    opacity: 1;
  }
  100% {
    display: block;
    opacity: 0;
  }
}
.from_left,
.from_right {
  transition: all 900ms cubic-bezier(0.94, 0.79, 0.205, 1.095);
  /* custom */
  transition-timing-function: cubic-bezier(0.94, 0.79, 0.205, 1.095);
  /* custom */
  background-color: var(--primary);
  position: absolute;
  top: 0;
  width: calc(50% + 100px);
  height: 100%;
  z-index: 1000;
  color: #fff;
  box-shadow: 0 0 0 0 #fff;
}
.from_left .se_bg,
.from_right .se_bg {
  position: absolute;
  width: 95%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-position: center;
}
.from_left .side_el_inner,
.from_right .side_el_inner {
  position: absolute;
  bottom: 4rem;
  max-width: 400px;
}
@media only screen and (max-width : 1199px) {
  .from_left .side_el_inner,
  .from_right .side_el_inner {
    bottom: 2rem;
    max-width: 70%;
  }
}
@media only screen and (max-width : 1400px) {
  .from_left .side_el_inner,
  .from_right .side_el_inner {
    bottom: 0;
  }
}
.from_left .side_el_inner svg,
.from_right .side_el_inner svg {
  display: inline-block;
  width: 100px!important;
  height: 100px!important;
  position: relative!important;
  top: auto!important;
  left: auto!important;
}
@media only screen and (max-width : 1400px) {
  .from_left .side_el_inner svg,
  .from_right .side_el_inner svg {
    width: 66px!important;
    height: 66px!important;
  }
}
.from_left .side_el_inner svg path,
.from_right .side_el_inner svg path {
  fill: transparent!important;
  stroke: #fff !important;
}
.from_left .side_el_inner .se_split,
.from_right .side_el_inner .se_split {
  width: 60px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 1rem 0 1rem auto;
  text-align: right;
}
.from_left .side_el_inner h3,
.from_right .side_el_inner h3 {
  position: relative;
  font-weight: 100;
  line-height: 2rem;
  margin-bottom: 1rem;
}
.from_left .side_el_inner h3 strong,
.from_right .side_el_inner h3 strong {
  font-weight: 600;
}
.from_left .side_el_inner p,
.from_right .side_el_inner p {
  position: relative;
  font-weight: 100;
}
@media only screen and (max-width : 1400px) {
  .from_left .side_el_inner p,
  .from_right .side_el_inner p {
    font-size: 0.8rem;
    line-height: 1.3rem;
  }
}
.from_left {
  left: -110%;
  border-right: 1px solid #fff;
}
.from_left .se_bg {
  right: 0;
}
.from_left .side_el_inner {
  text-align: right;
  right: 6rem;
}
.from_left .side_el_inner svg {
  left: 10px!important;
}
@media only screen and (max-width : 1199px) {
  .from_left .side_el_inner {
    right: 3rem;
  }
}
@media only screen and (max-width : 1400px) {
  .from_left .side_el_inner {
    right: 2rem;
  }
}
.from_left.act {
  left: -100px;
  opacity: 1;
  box-shadow: 0 0 23px -6px #fff;
}
.from_right {
  right: -110%;
  border-left: 1px solid #fff;
}
.from_right .se_bg {
  left: 0;
}
.from_right .side_el_inner {
  text-align: left;
  left: 6rem;
}
.from_right .side_el_inner svg {
  right: 10px!important;
}
@media only screen and (max-width : 1199px) {
  .from_right .side_el_inner {
    left: 3rem;
  }
}
@media only screen and (max-width : 1400px) {
  .from_right .side_el_inner {
    left: 2rem;
  }
}
.from_right .side_el_inner .se_split {
  margin: 1rem auto 1rem 0;
  text-align: left;
  box-shadow: 0 0 23px -6px #fff;
}
.from_right.act {
  right: -100px;
  opacity: 1;
}
.hover_it #main_bg_10,
.hover_it #main_bg_09,
.hover_it #main_bg_08,
.hover_it #main_bg_07,
.hover_it #main_bg_06,
.hover_it #main_bg_05,
.hover_it #main_bg_04,
.hover_it #main_bg_03,
.hover_it #i2_main_bg_02,
.hover_it #main_bg_01 {
  fill: #21345c !important;
  opacity: 1!important;
}
.svg_active_el {
  cursor: pointer;
}
#icon_01,
#icon_02,
#icon_03,
#icon_04,
#icon_05,
#icon_06,
#icon_07,
#icon_08,
#icon_09,
#icon_10,
#i2_icon_02 {
  transform-origin: center;
}
#main_center {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transform-origin: center;
}
#center_frame {
  fill: #21345c !important;
  opacity: 1!important;
}
.beam_of_light {
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: -10%;
  z-index: 10;
  box-shadow: 0 0 45px 16px #fff;
  opacity: 0.1;
  animation-name: beam_move;
  animation-duration: 1.7s;
  animation-iteration-count: 1;
  animation-delay: 3s;
  animation-fill-mode: forwards;
  -moz-animation-name: beam_move;
  -moz-animation-duration: 1.7s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 3s;
  -moz-animation-fill-mode: forwards;
}
@keyframes beam_move {
  0% {
    left: -10%;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    left: 110%;
  }
}