/*
Theme Name: Flash Child
Theme URI: https://themegrill.com/themes/flash
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Flash is free responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. Like never before, it provides multiple pre-built demos which can be imported in seconds using ThemeGrill Demo Importer Plugin. The theme fully integrates with Flash Toolkit and SiteOrigin’s Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts, WooCommerce support, multiple header styles, multiple color options etc.
Version: 1.1.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: flash
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, e-commerce
Template: flash
/*


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
  --------------------------------------------------------------*/

  #absolute-logo {
  	position: absolute;
  	top: 0;
  	left: 5%;
  	width: 10%;
  	max-width: 200px;
  	z-index: 1000;
  }

  .logo {
  	display: none;
  }

/*  @media screen and (max-width: 1770px) and (min-width: 1550px) {
    #absolute-logo {
        left: 1%;
    }
}*/

  @media screen and (max-width: 980px) {
    #absolute-logo {
        display: none;
    }

    .logo {
    	display: block;
    }
}

/*#content {
	margin-top: 10%;
}*/

 #top-footer, #bottom-footer {
  	background-color: #000000;
  }

.trail-title {
  	clear: both;
  	text-align: center;
  }

  #scroll-up {
  	opacity: 1;
  }

  #section-services .sow-features-feature {
  	min-height: 200px;
  	transition: all 0.5s;
  }

 #section-services .sow-features-feature:hover {
 	background-color: #F6F6F6;
 }

 #uslugi .panel-grid-cell {
 	opacity: 1;
 	transition: all 0.5s;
 }

 #uslugi  .panel-grid-cell:hover {
  	opacity: 0.9;
  }

 #kontakt {
 	margin: 5% auto 0 auto;
 	text-align: center;
 }

 #kontakt-header {
 	font-size: 2.5em;
 }

  #hr-0150 {
 	width: 10%;
 	margin: 0 auto 25px auto;
 }

.wpcf7-form {
 	width: 80%;
 	margin: 0 auto;
 	padding: 0 0 5% 0;
 	text-align: center;
 }


.page-right {
  margin-left: 15%;
}

#modal-overlay {
  background-color: black;
  opacity: 0.7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  text-align: center;
  display: none;
}

#modal-box {
  margin: 0 auto;
  width: 90%;
  max-width: 600px;
  height: 80%;
  max-height: 600px;
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
   z-index: 1000010;
   overflow-y: scroll;
   overflow-x: hidden;
    display: none;
    opacity: 1;
}

/* width */
#modal-box::-webkit-scrollbar {
    width: 10px;
}
/* Track */
#modal-box::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
/* Handle */
#modal-box::-webkit-scrollbar-thumb {
    background: #888; 
}
/* Handle on hover */
#modal-box::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

#modal-box-title {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 2.5rem;
}

#modal-box-content {
  padding: 5%;
}

.fa-close {
  font-size: 50px;
  font-family: 'FontAwesome';
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  cursor: pointer;
}

#mapa {
  margin-bottom: 100px;
  width: 100%;
  height: 600px;
}

#googleMapContent, #googleMapBodyContent {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}