/*
  Theme Name: Крутые печати
  Author: Сергей Нужнов
  Author URI: https://nuzhnov.ru
  Details URI: https://nuzhnov.ru
  Version: 1.0
  Description: Простая тема с непростым функционалом
*/

html {
  font-size: 16px;
}
.notdrag {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.a-txt {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 1rem;
}
.t-txt {
  font-family: 'Cormorant Unicase', serif;
  font-weight: 400;
}
.btn {
  cursor: pointer;
  border-radius: 6px;
  padding: 0.25rem 1rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 300;
}
.btn:focus {
  box-shadow: 0px 0px transparent;
}
.btn.btn-default {
  background: #f2f2f2;
  color: #444;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.btn.btn-default:hover {
  background: #d9d9d9;
}
.btn.btn-default:active,
.btn.btn-default:focus {
  background: #f2f2f2;
  color: #444;
}
.btn.btn-default:active:hover,
.btn.btn-default:focus:hover {
  background: #d9d9d9;
}
.btn.btn-danger {
  background: #002d8e;
  border: 0px solid transparent;
  border-bottom: 5px solid #0045db;
  color: #444;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.btn.btn-danger:hover {
  color: #444;
  background: #002d8e;
  border-bottom: 5px solid #001542;
}
.btn.btn-danger:active,
.btn.btn-danger:focus {
  background: #002d8e;
  border: 0px solid transparent;
  border-bottom: 5px solid #0045db;
  color: #444;
}
.btn.btn-danger:active:hover,
.btn.btn-danger:focus:hover {
  color: #444;
  background: #002d8e;
  border-bottom: 5px solid #001542;
}
.btn.btn-primary {
  background: #ff3a2f;
  border: 1px solid #e20c00;
  color: #fff;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.btn.btn-primary:hover {
  color: #fff;
  background: #e20c00;
  border: 1px solid #af0900;
}
.btn.btn-primary:active,
.btn.btn-primary:focus {
  background: #ff3a2f;
  border: 1px solid #e20c00;
  color: #fff;
}
.btn.btn-primary:active:hover,
.btn.btn-primary:focus:hover {
  color: #fff;
  background: #e20c00;
  border: 1px solid #af0900;
}
.btn.btn-lg {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.btn.btn-success {
  background: #002d8e;
  border: 1px solid #001542;
  color: #fff;
}
.btn.btn-success:hover {
  background: #001d5b;
  border: 1px solid #00050f;
}
.btn.btn-success:active,
.btn.btn-success:focus {
  background: #002d8e;
  border: 1px solid #001542;
  color: #fff;
}
.btn.btn-success:active:hover,
.btn.btn-success:focus:hover {
  color: #fff;
  background: #001d5b;
  border: 1px solid #00050f;
}
:focus {
  outline: none !important;
  box-shadow: 0px 0px transparent !important;
}
* {
  box-sizing: border-box;
}
body {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 1rem;
  color: #444;
}
h1,
h2,
h3,
h4,
ul,
ol {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4 {
  font-family: 'Cormorant Unicase', serif;
  font-weight: 400;
}
.btn,
.form-control {
  border-radius: 0px;
  transition: all 250ms ease-in;
}
a {
  color: #002d8e;
  text-decoration: underline;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
a:hover {
  color: #ff3a2f;
  text-decoration: underline;
}
.bootstrap-select {
  width: 100% !important;
  margin-bottom: 1rem;
}
.modal .modal-title {
  font-size: 1.75rem;
}
.modal .input-group {
  margin-bottom: 1rem;
}
.modal .btn,
.modal .form-control {
  border-radius: 4px;
  transition: all 250ms ease-in;
  font-size: 1rem;
}
.modal .bootstrap-select {
  width: 100% !important;
  margin-bottom: 1rem;
}
.logo {
  display: flex;
  color: #444;
  text-decoration: none;
  align-items: center;
  width: 265px;
}
.logo svg {
  height: 95px;
}
.logo svg .mn-cl {
  fill: #ff3a2f;
}
.logo svg .s-cl {
  fill: #002d8e;
}
.logo img {
  width: 100%;
  max-width: 100px;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.logo .title {
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin-left: 1rem;
  font-family: 'Cormorant Unicase', serif;
  font-weight: 400;
  color: #002d8e;
}
.logo .title span {
  color: #ff3a2f;
  font-weight: 800;
}
.logo:hover {
  text-decoration: none;
}
.contact span {
  margin-left: 0.5rem;
}
.contact span.fa-stack {
  margin-left: 0px;
  background: #002d8e;
}
header {
  position: relative;
  background: #fff;
}
header .contacts {
  font-size: 1rem;
}
header .contacts a {
  color: #444;
  text-decoration: none;
}
header .navbar-toggle {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #fff;
  border-radius: 0;
}
header .navbar-toggle .icon-bar {
  background: #fff;
}
header .navbar-collapse.in {
  overflow-y: hidden;
}
header .navbar-collapse {
  padding: 0;
}
header .nav-tabs.nav-justified > li > a,
header .nav-tabs.nav-justified > li > a:focus,
header .nav-tabs.nav-justified > li > a:active {
  border: 0px solid transparent;
  border-radius: 0;
  color: #fff;
  transition: all 250ms ease-in;
}
header .nav-tabs.nav-justified > li > a:hover,
header .nav-tabs.nav-justified > li > a:focus:hover,
header .nav-tabs.nav-justified > li > a:active:hover {
  color: #fff;
  background: #ff3a2f;
}
header .nav .open > a,
header .nav .open > a:focus,
header .nav .open > a:hover {
  background: #ff3a2f;
  color: #fff !important;
}
.ox_flex_cont {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ox_cont_pd {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
nav {
  background: #002d8e;
}
.MainMenu li a {
  text-decoration: none;
}
.MainMenu li a:focus,
.MainMenu li a:hover {
  background: transparent;
}
.MainMenu li.current-menu-item a {
  background-color: transparent;
  color: #ff3a2f !important;
}
.MainMenu .sub-menu li a {
  border: 0px solid transparent;
  border-radius: 0;
  color: #444;
  text-transform: uppercase;
  transition: all 250ms ease-in;
}
.MainMenu .sub-menu li a:hover {
  color: #ff3a2f;
  background: transparent;
}
.decor-title {
  position: relative;
}
.decor-title:before {
  content: '';
  position: absolute;
  width: 150px;
  height: 1px;
  background: #ff3a2f;
  bottom: -1rem;
  left: calc(50% - 75px);
}
.mainBlock {
  background: #f9f9f9;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.mainBlock .offer {
  padding-top: 200px;
  padding-bottom: 200px;
  color: #595959;
}
.mainBlock .offer .title {
  font-size: 2rem;
  margin-bottom: 35px;
}
.mainBlock .offer p {
  margin-bottom: 35px;
  padding: 0;
}
.mainBlock .offer .btn {
  text-transform: uppercase;
  font-size: 1rem;
  transition: all 250ms ease-in;
  padding: 0.5rem 1.5rem;
}
.mainBlock .decor img {
  position: absolute;
  bottom: -50px;
  opacity: 0;
  max-width: 85%;
  display: block;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  transition: all 750ms ease-in;
}
.mainBlock .decor img.show {
  bottom: 0;
  opacity: 1;
}
.folio {
  color: #002d8e;
  overflow: hidden;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.folio .decor-img {
  display: block;
  margin: 0px auto 1rem;
  width: 40px;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.folio h2 {
  margin-bottom: 2rem;
}
.folio .titile p {
  margin-bottom: 2rem;
}
.folio .for-slider {
  padding: 0;
}
.folio .owl-carousel .slider {
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
.folio .owl-carousel .slider img {
  width: 100%;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.folio .for-services {
  padding: 0;
}
.folio .for-services__text {
  padding: 1rem;
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: 0rem;
}
.services {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.services .serv {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 25%;
  text-align: center;
  text-decoration: none;
  color: #002d8e;
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: all 250ms ease-in;
  border: 1px solid #f2f2f2;
}
.services .serv .srv-cont {
  text-align: center;
}
.services .serv .srv-cont img {
  width: 147px;
  max-width: 100%;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.services .serv .srv-cont h3 {
  font-family: 'Cormorant Unicase', serif;
  font-weight: 400;
  margin-top: 0.5rem;
  font-size: 1.25rem;
}
.services .serv .btn {
  margin-top: 0.5rem;
  font-size: 1rem;
}
.services .serv:hover {
  box-shadow: inset 0px 0px 60px 10px rgba(0, 0, 0, 0.035);
}
.news {
  background: #002d8e;
  color: #fff;
  overflow: hidden;
}
.news h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.news p {
  margin-bottom: 1rem;
}
.news .newst {
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  perspective: 1000px;
  text-decoration: none;
}
.news .newst img {
  max-width: 110%;
  transform: translate3d(0, 0, 30px);
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  transition: all 250ms ease-in;
}
.news .newst .lighten {
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  transition: all 250ms ease-in;
}
.news .newst .search {
  position: absolute;
  top: 50%;
  left: 0;
  color: transparent;
  z-index: 4;
  font-size: 30px;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  transition: all 250ms ease-in;
}
.news .newst:hover img {
  transform: translate3d(0, 0, 10px);
}
.news .newst:hover .lighten {
  background: rgba(255, 255, 255, 0.5);
}
.news .newst:hover .search {
  color: #002d8e;
}
footer {
  background: #ececec;
  color: #444;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
}
footer .contacts .inner {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0px auto;
}
footer .contacts .inner h2 {
  padding-bottom: 2.5rem;
}
.footer_widget .title_widget {
  font-size: 1.5rem;
  position: relative;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.footer_widget .title_widget:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ff3a2f;
  width: 150px;
  height: 1px;
}
.footer_widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer_widget ul li a {
  display: block;
  padding: 0.25rem;
}
.footer_widget .contact a {
  text-decoration: none;
}
.footer_widget .contact a:hover {
  color: #002d8e;
  text-decoration: none;
}
.forPost {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.forPost .post {
  background: #fff;
  padding: 2.5rem;
  border: 1px solid #d9d9d9;
  margin-bottom: 1rem;
}
.forPost .post .title {
  display: flex;
 // flex-wrap: wrap;
  align-items: center;
}
.forPost .post .title__img {
  padding: 0.5rem;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
}
.forPost .post .title__img img {
  width: 70px;
}
.forPost .post .title__text {
  margin-left: 1rem;
}
.forPost .post p {
  line-height: 1.75rem;
}
.forPost .post ul {
  margin: 1.5rem 0 1.5rem 1.5rem;
}
.forPost .post ul li {
  margin-bottom: 10px;
}
.forPost .post h2,
.forPost .post h3,
.forPost .post h4,
.forPost .post h5,
.forPost .post h6 {
  margin: 2.5rem auto 1.5rem;
}
.forPost .post .decor-title {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.forPost .post .decor-title:before {
  left: 0;
  bottom: 0;
}
.forPost .post .post-meta {
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 0.75rem auto;
}
.forPost .post .post-meta p {
  margin: 0;
}
.forPost .post .post-meta a {
  color: #ff3a2f;
}
.forPost.archive .post {
  margin-bottom: 3rem;
}
.forPost.archive h1 {
  text-align: center;
  margin-bottom: 3rem;
}
.forPost.archive a.post-title {
  text-decoration: none;
  transition: all 250ms ease-in;
}
.forPost.archive a.post-title h2 {
  color: #444;
  transition: all 250ms ease-in;
}
.forPost.archive a.post-title:hover h2 {
  color: #1e1e1e;
}
.forPost.archive a.more-link {
  font-size: 1rem;
  display: inline-block;
  padding: 0.5rem 1rem;
  color: #fff;
  text-decoration: none;
}
.forPost .sidebar {
  margin: 0;
}
.forPost .sidebar h4 {
  text-align: center;
  margin-bottom: 1rem;
}
.forPost .sidebar .form-control {
  background: #e6e6e6;
}
.forPost .sidebar .widget {
  background: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  border: 1px solid #d9d9d9;
  margin-bottom: 2rem;
}
.forPost .sidebar .widget .bootstrap-select {
  width: 100% !important;
  margin-bottom: 0.5rem;
}
.forPost .sidebar .widget ul {
  list-style: none;
}
.forPost .sidebar .widget ul li a {
  display: block;
  padding: 0.35rem 0.5rem;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.forPost .sidebar .widget ul li a:hover {
  background: #f2f2f2;
}
.post_footer {
  background: #d9d9d9;
  border-top: 1px solid #bfbfbf;
  padding-top: 0.5rem;
  font-size: 0.75rem;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .current-menu-parent > a,
.nav-tabs.nav-justified > .current-menu-parent > a:focus,
.nav-tabs.nav-justified > .current-menu-parent > a:hover {
  border: 0px;
  color: #ff3a2f;
  background: #002d8e;
}
span.wpcf7-not-valid-tip {
  position: absolute;
  display: none;
}
.widget .form-control {
  margin-bottom: 0;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.widget .form-control.wpcf7-not-valid {
  border-color: #ff3a2f;
}
.widget .input-group {
  margin-bottom: 1rem;
}
.hidden-input {
  display: none;
}
blockquote {
  background: #f2f2f2;
  border-left: 5px solid #d9d9d9;
  font-style: italic;
  font-size: 1rem;
}
@media (max-width: 1199px) {
  .nav > li > a {
    padding: 10px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .logo {
    float: none !important;
  }
  header .contacts {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  header .nav-tabs.nav-justified > li > a,
  header .nav-tabs.nav-justified > li > a:focus,
  header .nav-tabs.nav-justified > li > a:active {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  header .nav-tabs.nav-justified > li {
    width: initial;
  }
  header .MainMenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
  }
  .mainBlock .decor img {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  footer .contacts .inner {
    text-align: center;
  }
  footer .ox_flex_cont {
    display: block;
  }
  footer .footer_widget {
    margin: 1.5rem auto;
  }
  footer .footer_widget .title_widget:before {
    left: calc(50% - 75px);
  }
  footer .logo {
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mainBlock .decor img {
    max-width: 95%;
  }
  .services .serv .srv-cont img {
    width: 80px;
    max-width: 100%;
  }
  .services .serv .srv-cont h3 {
    font-family: 'Cormorant Unicase', serif;
    font-weight: 400;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  header .logo {
    float: none !important;
    margin: 0 auto;
  }
  header .contacts {
    font-size: 1rem;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  header .contacts a {
    display: block;
    margin: 0 auto;
    color: #444;
    text-decoration: none;
  }
  header .contacts .contact span {
    margin: 0.75rem auto;
    margin-left: 0px;
  }
  .forMenu {
    padding-top: 55px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .forMenu .sub-menu.dropdown-menu {
    background: #fafafa;
    position: relative;
    float: none;
    text-align: center;
    border-radius: 0;
    border: 0px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0px 0px 0px transparent;
  }
  .forMenu .sub-menu.dropdown-menu li a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .ox_flex_cont {
    display: block;
  }
  header .nav-tabs.nav-justified > li > a,
  header .nav-tabs.nav-justified > li > a:focus,
  header .nav-tabs.nav-justified > li > a:active {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .mainBlock {
    position: relative;
  }
  .mainBlock .offer {
    position: relative;
    z-index: 1;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .mainBlock .offer .title {
    text-align: center;
  }
  .mainBlock .offer .btn {
    display: block;
    margin: 15px auto;
    transition: all 250ms ease-in;
  }
  .mainBlock .decor {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .mainBlock .decor img {
    position: absolute;
    bottom: -50px;
    opacity: 0;
    right: 5%;
    max-width: 50%;
    transition: all 750ms ease-in;
  }
  .mainBlock .decor img.show {
    bottom: 0;
    opacity: 0.15;
  }
  .services .serv {
    width: 50%;
  }
  .services .serv .srv-cont {
    text-align: center;
  }
  .services .serv .srv-cont img {
    width: 147px;
    max-width: 100%;
  }
  footer .contacts .inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
  }
  .forPost .post .title {
    display: block;
  }
  .forPost .post .title__img {
    text-align: center;
    padding: 0rem;
    background: rgba(255, 255, 255, 0);
    border: 0px solid rgba(255, 255, 255, 0);
  }
  .forPost .post .title__img img {
    width: 120px;
    padding: 0.5rem;
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
  }
  .forPost .post .title__text {
    margin-left: 0rem;
    text-align: center;
  }
}
@media (max-width: 565px) {
  .col-xs-6 {
    width: 100%;
  }
}
@media (max-width: 460px) {
  header .logo {
    width: 195px;
  }
  header .logo svg {
    height: 60px;
  }
  header .logo .title {
    font-size: 1.75rem;
  }
  .services .serv {
    width: 100%;
  }
  .services .serv .srv-cont {
    text-align: center;
  }
  .services .serv .srv-cont img {
    width: 120px;
    max-width: 100%;
  }
  .modal .modal-title {
    font-size: 1.25rem;
  }
  .news .newst {
    width: 100%;
  }
  .news .newst img {
    max-width: 100%;
    transform: translate3d(0, -5px, 40px);
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: all 750ms ease-in;
  }
  .news .newst:hover img {
    transform: translate3d(0, 0, 0px);
  }
}
