/* общие для всех страниц элементы */

body { margin: 0; overflow-x: hidden; }
a { text-decoration: none; color: inherit; }
h1,h2,h3 { margin: 0; }

.ci { color: inherit !important; }
.fr { float: right; }
.dn { display: none; }

.block { box-shadow: 0 0 20px 5px rgba(112, 104, 135, .13); background: #fff; border-radius: 5px; box-sizing: border-box; font: normal 16px/18px 'Lato SemiBold', sans-serif; color: #7b5a4a; }

.btn { font: normal 14px/18px 'Lato Heavy', sans-serif; display: inline-block; color: #fff; background-color: #94c42c; border-radius: 3px; padding: 12px 35px; border: 2px solid transparent; text-transform: uppercase; cursor: pointer; outline: none; }
.btn:hover,
.btn:focus,
.btn:active { background-color: #76ac01; }
.btn.disabled,
.btn:disabled { background-color: #bdbdbd; cursor: default; }
.btn.wide { width: 100%; box-sizing: border-box; text-align: center; }
.btn.profile- { background: transparent; color: #94c42c; border: 2px solid #94c42c; }
.btn.profile-:hover { background: #94c42c; color: #fff; }

::-webkit-input-placeholder { color: #cec5c1; }
::-moz-placeholder { color: #cec5c1; }
:-moz-placeholder { color: #cec5c1; }
:-ms-input-placeholder { color: #cec5c1; }

.text-field { font: normal 14px/18px 'Lato Regular', sans-serif; border: 2px solid #eae5e0; background-color: #fbfbfb; padding: 16px 14px; color: #7b5a4a; max-width: 100%; outline: none; }
.text-field:hover,
.text-field:focus,
.text-field:active { border-color: #94c42c; }
.text-field.error { border-color: #ec2525; }

form .title { font: normal 48px/54px 'OzHandicraft', sans-serif; text-transform: uppercase; color: #94c42c; }
form .form-label { margin: 27px 0 17px;  text-transform: uppercase; }
form .wide { width: 100%; box-sizing: border-box; }

.head-menu-containter { position: absolute; z-index: 20; left: 0; right: 0; top: 0; height: 140px; text-transform: uppercase; }
.head-menu { max-width: 1770px; min-width: 1170px; margin: 15px auto 0 auto; height: 125px; font: normal 12px/18px 'Lato Heavy', sans-serif; text-transform: uppercase; text-align: center; color: #fff; }
.head-menu .list-container,
.head-menu .logo-container,
.head-menu .contacts-container { display: inline-block; vertical-align: top; }
.head-menu .list-container { text-align: justify; -moz-text-align-last: justify; text-align-last: justify; padding-top: 50px; font: normal 12px/18px 'Lato Heavy', sans-serif; }
.head-menu .list-container .menu-item { display: inline-block; margin-right: 10px; }
.head-menu .list-container .menu-item:last-child { margin-right: 0; }
.head-menu .list-container .menu-item.active { display: inline-block; padding-bottom: 10px; border-bottom: 2px solid #94c42c; }
.head-menu .contacts-container { text-align: justify; -moz-text-align-last: justify; text-align-last: justify; padding-top: 34px; font: normal 14px/18px 'Lato Bold', sans-serif; }
.head-menu .contacts-container > div { display: inline-block; vertical-align: middle; }
.head-menu .contacts-container .time:before,
.head-menu .contacts-container .phone:before { content: ''; height: 40px; width: 40px; position: absolute; left: 0; top: calc(50% - 20px); }
.head-menu .contacts-container .time:before { background: url('../img/clocks-icon.png') 50% 50% no-repeat; }
.head-menu .contacts-container .phone:before { background: url('../img/phone-icon.png') 50% 50% no-repeat; }
.head-menu .contacts-container .time,
.head-menu .contacts-container .phone {	position: relative; padding-left: 54px; }


@media only screen and (max-width: 1485px) {
	.head-menu .contacts-container .send-message {
		float: right;
		margin-top: 10px;
	}
}

.breadcrumbs-container { position: absolute; z-index: 20; top: 140px; left: 0; right: 0; height: 16px; }
.breadcrumbs-wrap { margin: 0 auto; max-width: 1770px; }
.breadcrumbs { color: #fff; font: normal 12px/14px 'Lato Medium', sans-serif; }
.breadcrumbs .b-item:hover { color: #94c42c; }
.breadcrumbs .b-item.current { color: #a39f9b; }
.breadcrumbs .b-item.current:before { content:''; display: inline-block; height: 3px; width: 3px; background: #fff; margin: 0 7px; vertical-align: middle; border-radius: 50%; }

.footer { font: normal 15px/17px 'Lato SemiBold', sans-serif; height: 100px; padding: 5px 35px; box-sizing: border-box; border-top: 2px solid #e8e8e8; color: #7b5a4a; }
.footer .social a { height: 28px; width: 28px; display: inline-block; margin-right: 30px; background: url('../img/social_sprite.png') 0 0 no-repeat; }
.footer .social a:last-child { margin-right: 0; }
.footer .social a:hover { background-position-x: -28px; }
.footer .social .fb { background-position-y: 0; }
.footer .social .vk { background-position-y: -28px; }
.footer .social .inst { background-position-y: -56px; }
.footer .copyright { text-align: center; }
.footer .madeby { text-align: right; }
.footer .madeby .text { vertical-align: middle; }
.footer .madeby img { vertical-align: middle; max-height: 18px; }

.controls .prev,
.controls .next,
.fancybox-navigation .prev,
.fancybox-navigation .next  {
	display: block;
	height: 50px; width: 50px;
	background: url('../img/sliders_sprite.png') 0 0 no-repeat;
	cursor: pointer;
	border: 0;
	outline: none;
}


.controls .prev > *,
.controls .next > * { display: none; }
.controls .prev:hover,
.controls .next:hover,
.controls .prev:focus,
.controls .next:focus { background-position-y: -50px; }
.controls .prev.disabled,
.controls .next.disabled { higbackground-position-y: -100px; cursor: default; }
.controls .next { background-position-x: -50px; }

.fancybox-navigation .prev > *,
.fancybox-navigation .next > * { display: none; }
.fancybox-navigation .prev:hover,
.fancybox-navigation .next:hover,
.fancybox-navigation .prev:focus,
.fancybox-navigation .next:focus { background-position-y: -50px; }
.fancybox-navigation .prev.disabled,
.fancybox-navigation .next.disabled { background-position-y: -100px; cursor: default; }
.fancybox-navigation .next { background-position-x: -50px; }

.updated { position: relative; }
.updated:after { content: 'кликабельно'; position: absolute; right: -40px; top: -20px; font-size: 12px; background: #f00; border-radius: 10px; padding: 0 5px; }

.custom-select { position: relative; font: normal 14px/18px 'Lato Heavy', sans-serif; }
.custom-select select { display: none; }
.select-selected:after { position: absolute; content: ''; top: 27px; right: 20px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; }
.select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 22px; }
.select-items div,
.select-selected { color: #ffffff; padding: 20px; border: 2px solid rgba(255,255,255,.4); cursor: pointer; }
.select-items { position: absolute; top: 100%; left: 0; right: 0; z-index: 99; }
.select-hide { display: none; }
.select-items div:hover { background-color: #94c42c; color: #fff; }
.select-items div { color: #7b7b7b; background: #fff; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }

.certificate.title { font: normal 48px/54px 'OzHandicraft', sans-serif; text-transform: uppercase; color: #94c42c; }
.certificate.form-label { margin: 27px 0 17px;  text-transform: uppercase; }
.certificate.wide { width: 100%; box-sizing: border-box; }
.certificate.block { box-shadow: 0 0 20px 5px rgba(112, 104, 135, .13); background: #fff; border-radius: 5px; box-sizing: border-box; font: normal 16px/18px 'Lato SemiBold', sans-serif; color: #7b5a4a; }

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.ramka-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 600px;*/
    height: 100px;
    margin: 0px auto;
    /*border: 8px solid #337AB7;*/
    background: #94c42c;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    animation: anim-ramka-1 10s infinite;
    /*font-size: 14px;*/
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font: bold 20px/20px 'OzHandicraft', sans-serif;
    color: white;
}
@keyframes anim-ramka-1 {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
        box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    }
    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
    }
    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
        box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
    }
    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
    }
}

.ramka-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 600px;*/
    height: 300px;
    margin: 0px auto;
    /*border: 8px solid #337AB7;*/
    background: #ffffff;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    animation: anim-ramka-1 10s infinite;
    /*font-size: 14px;*/
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font: bold 20px/20px 'OzHandicraft', sans-serif;
    color: white;
}
@keyframes anim-ramka-2 {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
        box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    }
    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
    }
    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
        box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
    }
    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
    }
}

.ramka-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 100px;
    margin: 0px auto;
    /*border: 8px solid #337AB7;*/
    background: #94c42c;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    animation: anim-ramka-1 10s infinite;
    /*font-size: 14px;*/
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font: bold 20px/20px 'OzHandicraft', sans-serif;
    color: white;
}
@keyframes anim-ramka-3 {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
        box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    }
    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
    }
    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
        box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
    }
    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
    }
}

.preloader-1 svg {
    overflow: visible;
    width: 100px;
    height: 150px;
}
.preloader-1 svg g {
    animation: preloader-1-slide 2s linear infinite;
}
.preloader-1 svg g:nth-child(2) {
    animation-delay: 0.5s;
}
.preloader-1 svg g:nth-child(2) path {
    animation-delay: 0.5s;
    stroke-dasharray: 0px 158px;
    stroke-dashoffset: 1px;
}
.preloader-1 svg path {
    stroke: url(#gradient);
    stroke-width: 20px;
    stroke-linecap: round;
    fill: none;
    stroke-dasharray: 0 157px;
    stroke-dashoffset: 0;
    animation: preloader-1-escalade 2s cubic-bezier(0.8, 0, 0.2, 1) infinite;
}
@keyframes preloader-1-slide {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(50px);
    }
}
@keyframes preloader-1-escalade {
    0% {
        stroke-dasharray: 0 157px;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 156px 157px;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 156px 157px;
        stroke-dashoffset: -156px;
    }
}
.preloader-1-remove {
    opacity: 0;
    z-index: -10;
}