/*
Theme Name: ODA
Theme URI: http://webcase.studio
Author: Webcase.studio
Author URI: http://webcase.studio
Description: Макет для сайту Житомирської обласної державної адміністрації
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ODA
*/

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

.popup-thank-you {
  display: none;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  z-index: 2000;
  background: rgba(49,49,49,0.9);
  top: 0;
  left: 0;
  padding-top: 18%;
}
.popup-thank-you__text {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 100;
}
.popup-thank-you__top {
  font-size: 35px;
  text-transform: uppercase;
}
.sub-thank {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 10;
}
@media screen and (max-width: 720px) {
    .popup-thank-you__top {
        font-size: 24px;
    }
}
@media screen and (max-width: 480px) {
    .popup-thank-you__top {
        font-size: 16px;
    }
}
.quote_time {
  position: absolute;
  margin-top: 40px;
}
.quote_time img {
  width: 16px;
  animation: rotating 1.2s ease-in-out infinite;
}
@keyframes rotating {
  100% {
    transform: rotate(360deg);
  }
}
.hidden {
    display: none;
}
.visible {
    display: block;
}