/* All */
a:visited {
  color: #d90a1399;
}
body {
  background: white;
}
.section-head h1 span {
  color: #d90a13;
}
/* Header first screen */
.logo2 {
  display: flex;
  width: 150px;
  position: absolute;
  left: 10px;
}
header .logo a {
  background-image: url(../images/logo_red.png);
  height: auto;
  height: 69px;
  width: 150px;
  background-size: contain;
  margin-right: 10px;
}
#hero {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  background-size: cover !important;
  padding-top: 66px;
  padding-bottom: 90px;
  width: 100%;
  text-align: center;
  position: relative;
}
.section-head h1 {
  font-family: "raleway-bold", sans-serif;
  font-size: 30px;
  font-weight: bold;
}

ul#nav li.current a {
  background: #f90811db;
}
ul#nav li a:hover {
  background-color: #e0484c;
}

/* header */
#hero-slider .flex-caption .button.stroke {
  border-color: #e0484c;
}
#hero-slider .flex-caption .button.stroke:hover {
  background: #e0484c !important;
}

/* Our works */
#portfolio {
  padding-bottom: 120px;
}
#portfolio .item .item-wrap .overlay {
  background: #e0484c;
  min-height: 220px;
  height: 220px;
}
#portfolio .bgrid__category-preview {
  /* max-height: 200px; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 220px;
}

/* Main last works */
#journal .bgrid__category-preview {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 220px;
}
#journal a:hover .bgrid__category-preview {
}
#portfolio.journal {
  background: inherit;
  padding-top: 0;
}
#portfolio.journal #portfolio-wrapper {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
}
#portfolio.journal {
  padding-top: 0;
  padding-bottom: 0;
}
#journal #blog-wrapper .bgrid {
  padding: 18px 18px;
}
#journal a.button:after {
  font-family: FontAwesome;
  content: "\F101";
  padding-left: 5px;
  top: 1px;
  position: relative;
}
#portfolio.journal .item .item-wrap .overlay {
  background: #17171778;
}
#portfolio.journal .portfolio-item-meta {
  transform: translateY(90%);
}
#journal h1 a {
  color: #252525;
}
#journal h1 a:hover {
  color: #e0484c;
}
#journal h5 {
  color: #e0484c;
}
#journal .button.orange:hover {
  background-color: #e0484c;
}
.archive-link {
  padding-top: 70px;
}

/* Main categories */
#services .button,
.button:visited {
  padding: 4px 16px;
  margin: 7px 3px 6px 0;
}
#services .service-list h3 {
  font-weight: 700;
  text-transform: uppercase;
}

#services .bgrid {
  border: none;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  border-bottom: 3px solid #e0484c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

#services .service-list .bgrid {
  margin: 15px;
}

#services .service-list .bgrid img {
  width: 100%;
  max-height: 200px;
}

#services .bgrid-third .bgrid {
  width: 30%;
}
#services .bgrid__category-preview {
  /* max-height: 200px; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: inherit;
  height: 200px;
}
#services .service-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#services .bgrid-third .bgrid {
  width: 22%;
}
#services .service-list .bgrid {
  padding: 0;
}
.button.stroke.red-color {
  border-color: #e0484c;
  color: #e0484c;
}
.button.red-color {
  background: #e0484c;
}
.button.stroke.red-color:hover {
  background: #e0484c !important;
  color: #fff;
}
#services a:after {
  font-family: FontAwesome;
  content: "\F101";
  padding-left: 5px;
  top: 1px;
  position: relative;
}

/* About */
#about .six,
#about .row .six {
  width: 25%;
}
#about i {
  font-size: 70px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 80px;
}
#about .six,
#about .row .six {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#about h3 {
  text-align: center;
  font-weight: bold;
}
#about p {
  text-align: center;
  font-size: 14px;
  min-height: 80px;
  margin-bottom: 0;
}
#about .about-content {
  display: flex;
  max-width: 935px;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

/* Single content */
#content {
  padding-bottom: 0;
}
#page-title {
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#page-title * {
  z-index: 2;
}
#page-title .bg-fon {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
#page-title .twelve.columns h3 {
  font: 25px/1.3 "raleway-bold", sans-serif;
  color: white;
  text-transform: lowercase;
  text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
}
#page-title .twelve.columns h4 {
  color: white;
}
#page-title .twelve.columns h3 a {
}
#content header {
  margin-top: 0px;
}
.entry-content ul li {
  padding-left: 4px;
  font-size: 17px;
  line-height: 30px;
}
#lightbox {
  max-height: 90vh !important;
}

/* Widget */
#portfolio.widget .bgrid-fourth .bgrid {
  width: 100%;
}
#portfolio.widget #portfolio-wrapper {
  margin-top: 0;
}
#portfolio.widget {
  padding-top: 0;
  padding-bottom: 0;
}
#sidebar .tagcloud a.active {
  color: white;
  background: #f26522;
}
#sidebar hr {
  margin: 11px auto 15px 0;
  width: 100%;
}
.tagcloud.group a {
  font-weight: bold;
}

/* Footer */
footer .info-site {
  width: 100%;
}
.six,
.row .six.info-site {
  width: initial;
  width: 100%;
}
footer .copyright.disklaimer {
  text-align: left;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
}
footer h3 {
  color: #f90811;
  font-weight: 900;
  letter-spacing: 2px;
}
#contact input.wpcf7-form-control.wpcf7-submit:hover,
.input.wpcf7-form-control.wpcf7-submit:hover {
  color: white;
  /*background: #f26522;*/
  background: #e0484c;
}

#contact input.wpcf7-form-control.wpcf7-submit,
.input.wpcf7-form-control.wpcf7-submit {
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 18px 20px;
  margin-bottom: 36px;
  line-height: 24px;
  display: block;
  /*border: 3px solid #f26522;*/
  border: 3px solid #e0484c;
  /*color: #f26522;*/
  color: #e0484c;
  background: transparent;
}
.feedback-data {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.feedback-number,
.feedback-name {
  width: 50%;
  box-sizing: border-box;
}
.feedback-number {
  padding-left: 18px;
}
.feedback-name {
  padding-right: 18px;
}
.feedback-text {
  color: white;
  font-size: 13px;
}
#contact input,
#contact textarea,
#contact select {
  margin-bottom: 0px;
}
.call-phone__icon {
  height: 30px;
  padding-right: 5px;
}
.call-phone {
  display: flex;
  align-items: center;
}
span.not-copy {
  /* display: none; */
  font-size: 1px;
  color: white;
}
footer .row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
footer .copyright {
  margin: 0;
  padding: 24px 0px 6px 0px;
  clear: both;
}
footer .copyright.develop {
  text-align: left;
  padding: 0;
}
footer .right-cols .columns {
  width: 70%;
}
.call-phone__number.phone {
  font-weight: bold;
  font-size: 15px;
}
.address_mail {
  font-weight: bold;
  font-size: 15px;
}
img.call-phone__icon.mail {
  width: 32px;
  height: auto;
}
/*      	footer a {
color: #f90811;
}*/
footer a:hover,
footer a:focus {
  color: #f26522;
}
footer a:visited {
  color: #f26522;
}
.footer-logo {
  margin-top: 12px;
  width: 200px;
}
.footer-logo__img {
}

/* Archive page */
.post-type-archive article {
  width: 50%;
  box-sizing: border-box;
}

.post-type-archive div#main {
  display: flex;
  flex-wrap: wrap;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  min-width: 100%;
  min-height: auto;
}

/* Media */
section#portfolio,
section#services,
section#about,
section#journal {
  padding-top: 80px;
  padding-bottom: 60px;
}

section#portfolio hr,
section#services hr,
section#about hr,
section#journal hr,
section#contact hr {
  border: 1px solid #f2652200;
}

h1 i,
h2 i,
h3 i {
  font-size: 20px;
  /*display: flex;*/
  /*align-items: center;*/
  /*position: absolute;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  /*height: 23px;*/
}
#page-title h1 span,
#page-title h2 span,
#page-title h3 span,
h1 span,
h2 span,
h3 span {
  color: #d90a13;
}
hr {
  border: 1px solid #d90a13;
  background: #d90a13;
  height: 1px;
}
#sidebar .tagcloud a.active,
#sidebar .tagcloud a:hover {
  background: #dd262b;
}
.entry .entry-meta ul li a.category__link:hover {
  transition: all 0.3s;
  color: #d90a13;
}
.entry .entry-meta ul li a.category__link {
  transition: all 0.3s;
}
.button.stroke.title-btn {
  border-color: #dd262b;
  color: #ffffff;
  transition: all 0.3s;
}
.button.stroke.title-btn:hover {
  background: #dd262b !important;
  transition: all 0.3s;
}
/* TOP btn */
footer #go-top a {
  background: #bf060eb0;
  color: #ffffff;
}
footer #go-top a:hover {
  background: #dd262b;
  color: #ffffff;
}

#page-title h3 span.geo_town {
  text-transform: capitalize;
  color: white;
}

/* 1366 ... 1919px = 1366 */
@media screen and (max-width: 1919px) {
  .row {
    max-width: 1260px;
  }
}
/* 1024 ... 1365px = 1024 */
@media screen and (max-width: 1365px) {
  .row {
    max-width: 980px;
  }
}
/* 768 ... 1024 = 768 */
@media screen and (max-width: 1023px) {
  .row {
    max-width: 700px;
  }
}
/*  <- 768 = 320 */
@media screen and (max-width: 767px) {
  .row {
    max-width: 300px;
  }
}

/* ====== Page: catalog ========== */
/* =============================== */
#page-title.page-catalog {
  margin-bottom: 0;
}

.rc-anchor-light {
  background: #12151b !important;
  color: #fff !important;
}

/* ====== Page: catalog ========== */
/* =============================== */
footer .footer-description {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
}

/* ====== Form: recaptcha ========== */
/* ================================= */
.anr_captcha_field {
  display: none;
}
.anr_captcha_field.show_recaptcha {
  display: flex;
}

/* ====== Archive products========== */
/* ================================= */
#content .archive-page {
  width: 100%;
}

#content .archive-page article {
  /* width: 32%; */
  width: 280px;
  box-sizing: border-box;
  margin: auto;
  box-sizing: border-box;
}

#content .archive-page .pagenav.group {
  width: 100%;
  margin-top: 20px;
}

#page-title.archive-page-intro {
  height: 400px;
  background: #12151b url(../images/archive/background_3.JPG) no-repeat center
    center fixed;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  background-size: cover !important;
}
#content.archive-page-content {
  padding-top: 0;
}
#content.archive-page-content .widget {
  margin: 0 0 0;
}

/* ====== Main pages adaptive ========== */
/* ===================================== */

/* 768 ... 1024 = 768 */
@media screen and (max-width: 1023px) {
  .home.page-template h1 {
    line-height: 1.2;
  }
  #portfolio #portfolio-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #portfolio .s-bgrid-third .bgrid {
    width: 49%;
  }
  #services .bgrid-third .bgrid {
    width: 40%;
  }
  .home-slider__item {
    height: 90vh;
  }
  header .logo a {
    height: 50px;
    width: 150px;
    background-size: contain;
    margin-right: -120px;
  }
}
/*  <- 768 = 320 */
@media screen and (max-width: 767px) {
  .home.page-template h1 {
    font-size: 22px;
  }
  .home-slider__description {
    top: 70%;
  }
  #portfolio .s-bgrid-third .bgrid {
    width: 100%;
  }
  #services .bgrid-third .bgrid {
    width: 100%;
  }
  .home-slider__item {
    height: 90vh;
  }
  header .logo a {
    margin-right: -65px;
  }
  #contact {
    padding-bottom: 0;
  }
  #contact .feedback-data {
    flex-wrap: wrap;
  }
  #contact .feedback-number,
  #contact .feedback-name {
    width: 100%;
  }
  #contact .feedback-name,
  #contact .feedback-number {
    padding-left: 0;
    padding-right: 0;
  }
  footer .row {
    flex-wrap: wrap;
  }
  footer .info-site {
    order: 1;
  }
  footer .footer-about {
    order: 2;
  }
}

/* ====== Archive page adaptive ======== */
/* ===================================== */
.post-type-archive-products #page-title .twelve.columns {
  top: 90px;
}
.post-type-archive-products #page-title.archive-page-intro {
  height: 500px;
}
/* 768 ... 1024 = 768 */
@media screen and (max-width: 1023px) {
  .post-type-archive-products h1 {
    line-height: 1.2;
  }
  .post-type-archive-products #content.archive-page-content #main {
    display: flex;
    justify-content: space-between;
    padding: 0 0px;
  }
  .post-type-archive-products #content.archive-page-content article {
    width: 293px;
    display: flex;
    margin: 0;
    z-index: 0;
  }
  #content #sidebar {
    margin-top: 0px;
  }

  #sidebar .tagcloud a {
    font: 9px/12px "raleway-heavy", sans-serif !important;
    display: inline-block;
    float: left;
    margin: 0 0 7px 5px;
    padding: 6px 15px;
  }
}
/*  <- 768 = 320 */
@media screen and (max-width: 767px) {
  .post-type-archive-products h1 {
    font-size: 22px;
  }
}

/* ====== Catalog page adaptive ======== */
/* ===================================== */
.tax-catalog #page-title {
  background-position-y: -250px;
}
.tax-catalog #page-title .twelve.columns {
  top: 90px;
}
.tax-catalog article {
  width: 45%;
}
.tax-catalog #content #main {
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tax-catalog article#portfolio {
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .tax-catalog #page-title {
    background-position-y: 0px;
  }
}
/* 768 ... 1024 = 768 */
@media screen and (max-width: 1023px) {
  .tax-catalog h1 {
    line-height: 1.2;
  }

  .tax-catalog #page-title {
    height: 600px;
  }
  .tax-catalog #page-title .twelve.columns {
    top: 175px;
  }

  .tax-catalog article {
    width: 45%;
  }

  .tax-catalog #content #main {
    padding-top: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
/*  <- 768 = 320 */
@media screen and (max-width: 767px) {
  .tax-catalog #page-title {
    height: 380px;
  }
  .tax-catalog #page-title .twelve.columns {
    top: 66px;
  }
  .tax-catalog article {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .tax-catalog h1 {
    font-size: 22px;
  }
}

/* ====== Single product adaptive ======== */
/* ===================================== */
.single-products #page-title {
  background-position-y: -250px;
}
/* 768 ... 1024 = 768 */
@media screen and (max-width: 1100px) {
  .single-products #page-title {
    background-position-y: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .single-products h1 {
    line-height: 1.2;
  }
  .single-products #page-title {
    height: 600px;
  }
  .single-products #page-title .twelve.columns {
    top: 150px;
  }
  .single-products #page-title .twelve.columns h1 {
    font-size: 25px !important;
  }
}
/*  <- 768 = 320 */
@media screen and (max-width: 767px) {
  .single-products #page-title {
    height: 425px;
  }
  .single-products #page-title .twelve.columns h3 {
    font: 18px/1.3 "raleway-bold", sans-serif;
  }
  .single-products #page-title .twelve.columns {
    top: 30px;
  }
  .single-products h1 {
    font-size: 22px;
  }
}

/* ====== Single product adaptive ======== */
/* ===================================== */

/* 768 ... 1024 = 768 */
@media screen and (max-width: 1023px) {
  .page-template h1 {
    line-height: 1.2;
  }
  .page-template #page-title {
    height: 600px;
  }
  .page-template #page-title .twelve.columns {
    top: 150px;
  }
}
/*  <- 768 = 320 */
@media screen and (max-width: 767px) {
  .page-template #page-title {
    height: 425px;
  }
  .page-template #page-title .twelve.columns {
    top: 30px;
  }
  .page-template h1 {
    font-size: 22px;
  }
}

#portfolio .group:before,
#portfolio .group:after {
  content: none;
}
