.sprites-sprite, .fancybox-close, .slick-prev, .slick-next, .header .slogan:after, .planning ul li:before, .contacts .place:before, .contacts .fax:before, .contacts .phone:before, .contacts .email:before, .footer .up { background-image: url('../images/sprites-s830cb2cf9f.png'); background-repeat: no-repeat; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

/* $fonts */
/* $colors */
/* $font-size */
@font-face { font-family: "MyriadProRegular"; src: url("../fonts/MyriadPro-Regular.otf"); }
.fancybox-skin { background: #fff; border-radius: 0; }

.fancybox-close { display: block; top: 10px; right: 10px; width: 9px; height: 10px; background-size: initial; background-position: 0 -260px; }

.slick-prev, .slick-next { position: absolute; top: 50%; display: block; margin-top: -10px; padding: 0; border: none; outline: none; width: 16px; height: 24px; cursor: pointer; color: transparent; background-color: transparent; font-size: 0; line-height: 0; }

.slick-prev { left: -25px; background-position: 0 0; }

.slick-next { right: -25px; background-position: 0 -130px; }

html, body { height: 100%; }

body { min-height: 100%; font-family: "Open Sans", sans-serif; font-size: 14px; color: #272727; }

/* $general */
a { color: #222222; }
a:hover, a:focus { color: #3e6e40; text-decoration: none; }

p, ul li { line-height: 24px; }

.paragraphs p { margin-bottom: 30px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { padding-bottom: 35px; text-align: center; color: #333333; font-size: 36px; line-height: 41px; }

.bold, strong { font-weight: bold; }

.green-bg { background: #3e6e40; }

.color-white { color: #fff; }

.align-middle, .table .align-middle { vertical-align: middle; }

.btn { border-radius: 0; }

.btn-green, .btn-white { padding: 14px 35px; font-size: 20px; }

.btn-green { border-color: #3e6e40; color: #fff; background: #3e6e40; }
.btn-green:hover, .btn-green:focus { background: #fff; color: #3e6e40; }

.btn-white { border-color: #fff; color: #3e6e40; background: #fff; }
.btn-white:hover, .btn-white:focus { background: #3e6e40; color: #fff; }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin: 5px; }

.mb10 { margin: 10px; }

.mb20 { margin-bottom: 20px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.display-block { display: block; margin: 0 auto; }

/* $my-general */
.section { padding-top: 70px; padding-bottom: 70px; }

/* $page */
.page { position: relative; margin: 0 auto; width: 100%; min-height: 100%; overflow: hidden; }

.form-box .form-group { margin-bottom: 30px; }
.form-box .form-control { display: block; width: 100%; height: 56px; padding: 20px 30px; font-size: 14px; line-height: 1.42857143; color: #222; background-color: #fff; background-image: none; border: 1px solid #767676; border-radius: 0; box-shadow: none; }
.form-box textarea.form-control { height: 220px; resize: none; }

.feedback { display: none; padding: 20px; max-width: 470px; background: #fff; }
.feedback .note { margin: 0 auto 35px; color: #4c4c4c; line-height: 20px; text-align: center; }

.header { z-index: 2; position: fixed; top: 0; left: 0; right: 0; background: #fff; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0px; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0px; }
.header .navbar { border: none; margin-bottom: 0; min-height: auto; background: #000000; border-radius: 0; }
.header .navbar-brand { display: block; float: none; padding: 21px 0; width: 187px; height: initial; }
.header .navbar-nav { float: none; }
.header .navbar-toggle { cursor: pointer; }
.header .navbar-toggle .icon-bar { background: #fff; }
.header .navbar-collapse .nav { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.header .navbar-collapse a { padding-top: 11px; padding-bottom: 11px; color: #fff; font-family: "MyriadProRegular"; font-size: 16px; text-transform: uppercase; }
.header .navbar-collapse a.active, .header .navbar-collapse a:hover, .header .navbar-collapse a:focus { background: #3e6e40; }
.header .slogan { padding: 27px 0; }
.header .slogan:after { content: ""; display: block; margin: 0 auto; width: 275px; height: 36px; background-position: 0 -408px; }
.header .contacts { padding-top: 7px; padding-bottom: 11px; }
.header .contacts a { display: block; font-size: 16px; font-family: "MyriadProRegular"; }
.header .contacts .phone.last { margin-bottom: 4px; }

.promo { display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 129px; min-height: 525px; background: url("../temp/promo.jpg"); background-size: cover; background-position: center; }
.promo h1 { margin-bottom: 50px; }

.pad { padding-left: 30px; padding-right: 30px; }
#partners { padding-top: 26px; padding-bottom: 26px; }

.price .table td { border: 1px solid #767676; }
.price .table .head td { background: #dbdbdb; font-weight: bold; }

.planning ul li { margin-bottom: 4px; color: #fff; }
.planning ul li:before { content: ""; margin: 3px 15px 0 0; float: left; width: 11px; height: 18px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 -330px; }
.planning ul span { display: block; padding-left: 28px; }

.license { text-decoration: underline; }
.license:hover { text-decoration: none; }

.partners { background: #cdced1; }
.partners img { margin: 0 auto; }

.contacts .contact { margin-bottom: 10px; height: 30px; font-weight: bold; }
.contacts .contact:before { content: ""; margin: 0 10px; float: left; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 25px; height: 30px; }
.contacts .place { line-height: 16px; }
.contacts .place:before { background-position: 0 -378px; }
.contacts .fax:before { background-position: 0 -300px; }
.contacts .phone:before { background-position: 0 -348px; }
.contacts .email:before { background-position: 0 -270px; }
.contacts .fax, .contacts .phone, .contacts .email { line-height: 26px; }
.contacts .map { margin-left: 10px; background: #dedede; }

.footer { padding: 25px 0; background: #000; }
.footer .container { position: relative; }
.footer * { color: #fff; }
.footer span { display: block; line-height: 18px; }
.footer span:first-child { margin-bottom: 18px; }
.footer .up { position: absolute; top: 0; right: 0; display: block; width: 42px; height: 43px; background-position: 0 -444px; }

@media (max-width: 998px) { .header .navbar-collapse a { padding: 10px 9px; font-size: 15px; } }
@media (max-width: 768px) { .text-right-sm { text-align: right; }
  .pull-right-sm { float: right; }
  .header .navbar-brand { padding: 5px 0; }
  .header .slogan { padding: 11px 0; }
  .header .contacts { padding-top: 11px; padding-bottom: 11px; } }
@media (max-width: 600px) { .header { position: relative; }
  .promo { margin-top: 0; } }
@media (max-width: 520px) { .slogan-box { display: none; }
  .logo-box { margin-bottom: 10px; width: 100%; }
  .logo-box .navbar-brand { margin: 0 auto; }
  .contacts { float: none; text-align: center; } }
@media (max-width: 480px) { .section { padding-top: 55px; padding-bottom: 55px; }
  .hidden-xxs { display: none; }
  .visible-xxs { display: block !important; }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-size: 30px; }
  .contacts .map { margin: 0 auto; }
  .promo h1 { margin-bottom: 25px; }
  .footer .up { position: relative; top: auto; right: auto; margin: 20px auto 0; }
  .feedback { padding: 5px; }
  .feedback h2 { padding-bottom: 20px; font-size: 20px; }
  .feedback .note { margin: 0 auto 12px; font-size: 12px; }
  .btn-green, .btn-white { padding: 10px 25px; font-size: 16px; }
  .form-box .form-group { margin-bottom: 15px; }
  .form-box .form-control { padding: 10px 15px; height: 45px; }
  .form-box textarea.form-control { height: 120px; } }