/*
Theme Name: Azov Theme
Theme URI: https://azov.org.ua/
Author: OMos
Author URI: https://azov.org.ua/
Description: Theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: azov-theme
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #3b3b3b; /*OMos #24292e*/
  font-weight: 500; /*OMos 600*/
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-family: 'AA-Duke-Fill';
  font-size: 3rem; /*OMos 32px*/
  text-align: center; /*OMos*/
  text-transform: uppercase; /*OMos*/
  /*padding-bottom: 10px; OMos*/
}
h2 {
  /*font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25; OMos*/
  font-family: 'AA-Duke-Fill';
  font-size: 2.5rem;
  margin: 1.25rem 0;
  padding: 0px;
  color: #3b3b3b;
}
h3 {
  font-size: 18px;
  line-height: 25px;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  /*font-size: 21px; 
  border-bottom: 1px solid #eaecef; OMos*/
}
h2.entry-title {
  /*border-bottom: 1px solid #eaecef; OMos*/
}
h3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  font-family: Verdana;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: rgba(63, 56, 50, 0.7); /*OMos #563d7c*/
  /*box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); OMos*/
  padding: 0rem 1rem; /*OMos .74rem 1rem*/
  min-height: 3rem;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  font-family: Calibri, Arial, sans-serif; /*OMos*/
  color: #e2e2e2; /*OMos #cdbfe3*/
  padding: 1.9rem 0.5rem; /*OMos 0.5rem*/
  font-weight: normal !important; /*OMos 500*/
  font-size: 1rem; /*OMos 14px*/
  opacity: 0.8; /*OMos*/
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
  opacity: 1;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.current-menu-item > a { /*OMos current_page_item*/
  color: #fff;
  font-weight: 600 !important;
  opacity: 1;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  font-size: 14px;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 14px;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 1rem; /*OMos 3.75rem*/
  padding-top: 5.5rem; /*OMos 4.125rem*/
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: fontawesome;
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #fff; /*OMos 99979c*/
  background-color: #000; /*OMos f7f7f7*/
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}

/*--------------------------------------------------------------
## Added by OMos
--------------------------------------------------------------*/

@font-face {
  font-family: 'AA-Duke-Fill';
  src: url('fonts/AA-Duke-Fill.otf');
}

dd {
  margin: 0.5rem 1.5rem 1.5rem 1.5rem;
}

a[href^="tel:"] {
  color: #000;
  text-decoration: none;
}

a[href^="tel:"]:hover {
  color: #000;
  text-decoration: underline;
}

.page_numeration {
  text-align: center;
  font-family: 'AA-Duke-Fill';
  font-weight: bold;
  font-size: 2.5rem;
  color: #ffcc00;
}

.page_numeration li {
  display: inline;
  padding-left: 0.5rem;
}

.page_numeration a {
  color: #000;
  font-weight: 100;
}

.postgallery {
	text-align: center;
}

/*--------------------------Header----------------------------*/
.navbar-brand-img {
  max-height: 115px;
  position: absolute;
  padding-left: 5px;
  padding-top: 0rem;
  top: 0;
  margin: 0;
  z-index: 1;
}

.navbar{
  padding: 0rem 0rem;  
}

.navbar:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -56px;
    border: 28px solid transparent;
    border-top: 28px solid rgba(63, 56, 50, 0.7);
    left: 5px;
    z-index: -10;
}

.navbar-collapse {
  padding-left: 60px;
}

.navbar-text {
  padding: 0;
}

.top-menu {
  text-align: left;
  list-style: none;
  margin: 0;
  padding-left: 0;
  font-size: 1.1rem;
}

.top-menu li {
  font-family: Calibri;
  font-weight: bold;
  display: inline-block;
}

.top-menu li a{
  padding-left: 1.8rem;
  color: #ffcc00 !important;
}

.top-menu li:nth-child(1) {
    background: url(img/pencil.png) no-repeat;
    background-size: 30px;
}

.top-menu li:nth-child(2) {
    background: url(img/phone.png) no-repeat;
    background-size: 28px;
}

.dropbtn {
    border: none;
	background: url(img/phone.png) no-repeat;
    background-size: 28px;
	padding-left: 1.8rem;
    color: #ffcc00 !important;
	font-family: Calibri;
  	font-weight: bold;
  	display: inline-block;
}

.dropdown-phone {
    position: relative;
    display: inline-block;
}

.phones-content {
    display: none;
    position: absolute;
    background-color: rgba(63, 56, 50, 0.9);
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	margin-right: -100px;
}

.phones-content a {
    color: #969696;
    padding: 6px 10px;
    display: block;
}

.phones-content a:hover {
	color: #fff !important;
}

.dropdown-phone:hover .phones-content {
    display: block;
}

/*--------------------------Footer----------------------------*/

.tnp-widget-minimal input.tnp-email {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px;
    border-color: #ddd;
    background-color: #f4f4f4;
    color: #444;
    font-size: 14px;
    box-sizing: border-box;
  }

.tnp-widget-minimal input.tnp-email {
    width: 60% !important;
    border-radius: 0;
    border: 1px solid #ffffff !important;
    max-width: 100%;
}

.tnp-widget-minimal input.tnp-submit {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  display: inline-block;
  border: 1px;
  border-color: #ddd;
  background-color: #444;
  background-image: none;
  text-shadow: none;
  color: #fff;
  font-size: 14px;
  line-height: normal;
  border-radius: 0px;
  box-sizing: border-box;
  height: auto;
}

.tnp-widget-minimal input.tnp-submit {
  width: 15% !important;
  border-radius: 0;
  background-color: #ffcc00 !important;
  color: #000000 !important;
  border: 1px solid #ffcc00 !important;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.footer-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer-loc {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1rem;
  text-align: center;
  line-height: 1.5rem;
}
.footer-soc {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

.footer-subs h3, .footer-soc h3 {
  color: #ffa935;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1rem;
  font-weight: bold;
}

.social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(img/social.png) no-repeat;
  background-position: 0 0;
  opacity: 0.8;
  margin-right: 5px;
}

.social a:hover {
    opacity: 1;
}

.social .tw {
    background-position: -30px 0;
}

.social .inst{
    background-position: -60px 0;
}

.social .ytb{
    background-position: -90px 0;
}

.social .mail{
    background-position: -120px 0;
    margin-right: 0;
}

/*---------------------------Home-----------------------------*/
.frontPage {
  background-color: #000;
}

.frontPage > .container-fluid {
  padding: 0;
}

.frontPage > .entry-content {
  margin: 0;
}

.frontPage-slider {
  margin-top: -7rem;
}

.carousel.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  transition: opacity ease-out 1s;
}

.carousel.carousel-fade .carousel-item.active {
  opacity: 1 !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
}

.carousel-control-next, .carousel-control-prev {
  width: 5%;
}

.frontPage h1 {
  padding: 4rem 0;
  color: #ffcc00;
  font-family: 'AA-Duke-Fill';
  font-size: 2.8rem;
  margin: 0;
  line-height: 2.25rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

div.slideshow {
    position: relative;
}

h3.uris-slider-title {
    color: #ffffff;
    font-weight: bold;
    width: 195px;
    line-height: 35px;
    font-size: 27px;
    border-top: 2px solid #ffcc00;
    padding-top: 10px;
    text-shadow: 1px 1px 8px #000000;
    position: absolute;
    z-index: 999;
    top: 50px;
    left: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin: 1em 0;
}

.sp-fade-full-screen, .sp-full-screen-button {
	display: none;
}

.video-block {
  width: 100%;
  height: 350px;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  box-shadow: inset 0px 102px 45px 0px rgba(0, 0, 0, 0.6);
}

.video-1 {
  background-image: url(img/rekrut.jpg);
}

.video-2 {
  background-image: url(img/oneday.jpg);
}

.video-3 {
  background-image: url(img/battle.jpg);
}

.frontPage-video h3 {
  display: inline;
  position: absolute;
  color: #ffffff !important;
  font-family: Calibri;
  font-weight: bold !important;
  font-size: 36px !important;
  line-height: 35px;
  left: 20px;
  cursor: pointer;
  margin-top: 15px;
  opacity: 1;
}

.frontPage-video a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(img/play.png) no-repeat 10px 90%;
  -webkit-background-size: 100px;
  background-size: 100px;
  opacity: 0.5;
}

.frontPage-video a:hover {
  opacity: 1;
}

.frontPage-join h3 {
  color: #ffcc00;
  font-weight: bold;
}

.join-circles.frontPage-join {
  padding-top: 0;
}

.frontPage-findus {
  text-align: center;
}

.zal-title {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
    font-size: 7rem;
    letter-spacing: 2.3rem;
	display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/wp-content/uploads/Images/zal.jpg");
	padding: 4rem 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center;
}

.zal-title:hover {
	text-shadow: 0 0 30px #a4a4a3;
}

.frontPage-zal a{
	text-decoration: none;
	color: #fff;
}

/*--------------------------Career----------------------------*/

.SportUniform-image img, .MainUniform-image img{
  height:400px;
}

.Goggles, .Helmet, .Gloves, .Knees, .Boots, .BodyArmor, .Uniform, .SUniform, .Sneakers{
/*opacity: 0.1;*/
fill:transparent;
/*stroke-width: 1;
stroke: orange;*/
}
.SUniform:hover{
opacity: 0.6;
fill:orange;
}
.Sneakers:hover{
opacity: 0.6;
fill:orange;
}

.Goggles:hover{
opacity: 0.6;
fill:orange;
}
.Helmet:hover{
opacity: 0.6;
fill:orange;
}
.Gloves:hover{
opacity: 0.6;
fill:orange;
}
.Knees:hover{
opacity: 0.6;
fill:orange;
}
.Boots:hover{
opacity: 0.6;
fill:orange;
}
.BodyArmor:hover{
opacity: 0.6;
fill:orange;
}
.Uniform:hover{
opacity: 0.6;
fill:orange;
}

.suniform_text, .sneakers_text, .goggles_text, .helmet_text, .bodyarmor_text, .gloves_text, .knees_text, .uniform_text, .boots_text {
	display: none;
	border-width: 0px;
	border-style: solid;
	border-color: orange;
}

.suniform_text, .sneakers_text {
	border-right-width: 1px;
	padding-right: 5px;
}

.goggles_text, .helmet_text, .bodyarmor_text, .gloves_text, .knees_text, .uniform_text, .boots_text {
	border-left-width: 1px;
	padding-left: 5px;
}

.pgimg img{
  width: 520px;
  height: 347px;
  padding-left: 10px;
    padding-right: 10px;
}
.pgimg {
  text-align: center;
}

/*---------------------------News-----------------------------*/

article.post {
  margin-bottom: 2.2rem;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid #eeeeee;
}

.more-link {
  border: 2px solid #ffcc00;
  text-transform: uppercase;
  font-family: 'AA-Duke-Fill';
  font-size: 1.5rem;
  font-weight: 100;
  color: #000000;
  float: right;
  text-decoration: none;
  padding: 4px 10px;
}

.more-link:hover {
  background: #ffcc00;
  color: #000000;
  text-decoration: none;
}

/*---------------------------Join-----------------------------*/

.join-link {
  border: 2px solid #ffcc00;
  text-transform: uppercase;
  font-family: 'AA-Duke-Fill';
  font-size: 2rem;
  font-weight: 100;
  letter-spacing: 1px;
  color: #000000;
  float: unset;
  text-decoration: none;
  padding: 10px 20px;
}

.join-link:hover {
  background: #ffcc00;
  color: #000000;
  text-decoration: none;
}

.join-circles {
  padding-top: 2rem;
  text-align: center;
}

.join-circles img {
  width: 9rem;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.join-circles img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.join-circles a:hover {
  text-decoration: none;
}

.join-circles h2 {
  color: #000;
}

.fazes h5 {
	margin: 0;
	color: #ffcc00;
}

.fazes .btn {
	color: #ffcc00;
	white-space: normal;
    word-wrap: normal;
	text-align: left;
}

.fazes .card-header {
	background-color: #3b3b3b;
} 

.p-redtext {
	color:red;
}

/*--------------------------Anketa----------------------------*/

.anketaContainer{
  background-color: #fff;
  /*-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);*/
  word-wrap: break-word;
  /*width: 550px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 48px;
}

.anketaContainer iframe {
	max-height: unset !important;
}

.amoforms-footer-copyright {
	display: none;
}

.anketaContainer form{
  padding: 17px;
}

.anketaHeader{
  padding: 17px 17px 0 17px;
  /*background-color: #ffee8c;*/
}

.anketaHeader h1{
  text-transform: none;
}

.anketaItem {
  background-color: transparent;
  margin-top: 2px;
  padding: 4px 17px;
  page-break-inside: avoid;
  -webkit-transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);
  transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);
}

.anketaItemTitle {
  color: #000;
  font-size: 18px;
  line-height: 135%;
  width: 100%;
}

.anketaItemRequired {
  color: #db4437;
}

.anketaItemWrapper {
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: .5em .5em .5em 0;
}

.anketaTextInput{
  width: 50%;
}

.anketaInputMainContent{
  height: 40px;
  position: relative;
  vertical-align: top;
}

.anketaInputArea{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  min-width: 0%;
  position: relative;
}

.anketaInputArea input{
  border: none;
  border-radius: 0;
}

.anketaInputArea input[type=email]{
  border: none;
}

.anketaInput{
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  background-color: transparent;
  display: block;
  height: 24px;
  line-height: 24px;
  margin: 0;
  min-width: 0%;
  outline: none;
  padding: 0;
  z-index: 0;
  border-bottom: 1px solid rgb(169, 169, 169) !important;
}

.anketaInputArea input:focus {
  border-bottom: 2px solid #ffcc00 !important;
}

.anketaItemTitleContainer {
  background-color: #ffcc00;
  margin-left: -34px;
  padding: 5px 5px 5px 34px;
  min-width: 0%;
  display: inline-block;
}

.anketaSelectStyle {
  height: 34px;
  width: 150px;
}

.anketaSubmitArea input[type=submit]{
  display: block;
  margin: 10px auto;
  height: 45px;
  width: 130px;
  letter-spacing: 0.5px;
  background: #3d3d3d;
  border: 0px solid;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tableInfo table {
  max-width: 800px;
  border-collapse: collapse;
  text-align: left;
  font-family: Verdana;
  font-size: 16px;
  font-weight: 400;
}

.tableInfo th {
  font-size: 15px;
  color: #3b3b3b;
  padding: 4px 10px;
  border-right: 1px solid #ffcc00;
  text-align: center;
  vertical-align: middle;
}

.tableInfo td {
  border-right: 1px solid #ffcc00;
  border-top: 1px solid #ffcc00;
  padding: 4px 10px;
}

.tableInfo th:last-child {
  width: 145px;
}

.tableInfo th:first-child {
  width: 50px;
}

.tableInfo td:first-child {
  text-align: center;
  vertical-align: middle;
}

.tableInfo td:last-child {
  vertical-align: middle;
}

.tableInfo tr:hover td {background: #ffee8c}

.tableAlign{
  margin-left:auto !important; 
  margin-right:auto !important;
}

.tableInfo details {
  padding-bottom: 1rem;
}


/*--------------------------Message---------------------------*/

.message-block-col {
	display: flex;
	justify-content: center;
}

.message-block {
	background-image: url(/wp-content/themes/azovtheme/img/background-message-2.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height: 654px;
	max-width: 390px;
    padding: 5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.message-block h1, .message-block p {
	color: #fff;
}

.message-block p {
	padding: 0 2rem;
	text-align: center;
}

.message-block img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.message-block img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	margin-top: 1.75rem;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
.zal-title {
    font-size: 5rem;
    letter-spacing: 2rem;
    padding: 3rem 0;
	background-size: 100% auto;
}

.zal-title:hover {
	text-shadow: 0 0 30px #a4a4a3;
}
	
.video-block {
		height: 275px;
	}
}
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }

  .navbar-brand-img {
    max-height: 112px;
  }

  .navbar {
    padding: 0;
  }
}

@media screen and (max-width: 1199px) {
  .entry-content {
    margin-top: 0;
  }
  .navbar-dark .dropdown-item {
    color: #fff;
  }

  .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }

  header#masthead{
    min-height: 3.8rem;
  }

  .navbar-brand-img {
    max-height: 80px;
  }

  .navbar {
    padding: .5rem 1rem;
  }

  .navbar:after {
    bottom: -45px;
    border: 20px solid transparent;
    border-top: 20px solid rgba(63, 56, 50, 0.7);
  }

  #masthead .navbar-nav > li > a {
    padding: 1rem 0.5rem !important;
  }

}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 93%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 90%;
  }

  header#masthead {
    min-height: 3rem;
  }

  .navbar-brand-img {
    max-height: 70px;
  }

  .navbar:after {
    bottom: -36px;
    border: 18px solid transparent;
    border-top: 18px solid rgba(63, 56, 50, 0.7);
  }
	
  .top-menu li:nth-child(1) {
	background-size: 26px;	
  }

  .top-menu li:nth-child(2) {
	background-size: 24px;	
  }

  .footer-soc {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }

  .footer-subs {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
  }

  .frontPage-slider {
	margin-top: -5.5rem;		
  }
	
  .frontPage-map {
	height: 300px;
  }
	
  .frontPage-slider2, .frontPage-slider2-title, .video-2, .video-3, .frontPage-beds {
	display: none;
  }
	
	.entry-content iframe {
	max-height:480px;	
  }
	
.zal-title {
    font-size: 4rem;
    letter-spacing: 2rem;
    padding: 3rem 0;
	background-size: cover;
}

.zal-title:hover {
	text-shadow: 0 0 20px #a4a4a3;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 88%;
  }

  .footer-soc, .footer-subs {
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /*body {
    min-width: 34rem;
  }*/
	
  .frontPage-join h3 {
	font-size: 1.1rem;
  }
	
  .top-menu {
	font-size: 1rem;	
  }

  .top-menu li a {
	padding-left: 1.5rem;	
  }

  .top-menu li:nth-child(1) {
	background-size: 24px;	
  }

  .top-menu li:nth-child(2) {
	background-size: 22px;	
  }
	
  .frontPage-slider > .col-12 > .carousel {
	height: 22rem;	
  }

  .frontPage-slider > .col-12 > .carousel > .embed-responsive {
	height: 22rem;
  }

  .frontPage-slider > .col-12 > .carousel > .carousel-inner > .carousel-item {
	overflow: hidden;
  }

  .frontPage-slider img {
	height: 100%;
	width: auto !important;
    max-width: none;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
	
.entry-content iframe {
	max-height:360px;	
  }
.zal-title {
    font-size: 2rem;
    letter-spacing: 1rem;
    padding: 3rem 0;
	background-size: cover;
}

.zal-title:hover {
	text-shadow: 0 0 20px #a4a4a3;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 86%;
  }
	
	.join-circles h2 {
		font-size: 2rem;
	}
	
	.top-menu li:nth-child(1), .dropbtn {
		background-size: 18px;
		background-position-y: center;
	}
	
	.top-menu li a {
		padding-left: 1.2rem;
	}
	
	.dropbtn {
		padding-left: 1.1rem;
		padding-right: 0.5rem;
	}

  .entry-content iframe {
		
  }

	header#masthead {
		padding: 0;
	}
	
	.menu-container {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#first iframe {
		max-height:unset;
	}
}