@charset "UTF-8";
@import url(animate.css);
@import url(material-icons.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,600);
/*=========================================================
            MAIN STYLES
=========================================================*/
html { font-size: 70px; }
@media screen and (min-width: 1025px) {
  html { font-size: 80px; }
    .hidden{
        display:none;
    }
}
@media screen and (min-width: 992px) {
  html { font-size: 90px; }
}
@media screen and (min-width: 1200px) {
  html { font-size: 100px; }
}
body { font-family: "Open Sans", sans-serif; line-height: 30px; font-weight: 400; color: #777; background: #FFF; -webkit-text-size-adjust: none; font-size: 16px; }
@media screen and (min-width: 768px) {
  body { font-size: 18px; }
}
@media (min-width: 1200px) {
  body section { min-height: 100vh; }
}
h1, h2, h3, h4, h5, h6 { color: #333; font-family: "Montserrat", sans-serif; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #00BDFF; }
h1 { font-size: 30px; line-height: 1.5; }
@media (min-width: 1500px) {
  h1 { font-size: 50px; line-height: 80px; }
}
h2 { font-size: 24px; } /*42px*/
h3 { font-size: 35px; line-height: 48px; }
h4 { font-size: 26px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }
p { font-weight: 500; }
p a:hover { text-decoration: underline; }
p .fa { text-decoration: none; }
a { font: inherit; color: inherit; text-decoration: none; transition: 0.4s; }
a:focus { outline: none; }
a:active { background-color: transparent; }
a[href^="tel:"], a[href^="callto:"] { color: inherit; text-decoration: none; }
img {height: auto;max-width: 100%;; }
/*@media (max-width: 767px) {
  img { width: 100%; }
}
*/

.bold, strong { font-weight: 700; }
[class*='fa-'] { line-height: inherit; }
[class*='fa-']:before { font-weight: 400; font-family: "FontAwesome"; }
.page { height: 100%; overflow: hidden; min-height: 500px; background: #FFFFFF; z-index: 100; }
.lt-ie9 .page { min-width: 1200px; }
@media (min-width: 1200px) {
  .page:before { content: ""; position: fixed; top: 0; bottom: 0; left: 0; width: 50px; background: #EEEEEE; z-index: 120; }
}
.container-fluid { width: 100%; }
/*=========================================================
            MAIN LAYOUT
=========================================================*/
* + .btn { margin-top: 50px; }
* + .offset-1 { margin-top: 6px; }
* + .offset-2 { margin-top: 40px; }
* + .offset-3 { margin-top: 50px; }
.page .inset-1 { padding-top: 14%; }
* + h6 { margin-top: 30px; }
* + p { margin-top: 30px; }
* + .box { margin-top: 35px; }
.box + .box { margin-top: 32px; }
* + .rd-mailform { margin-top: 50px; }
/*=========================================================
            HELP CLASSES
=========================================================*/
.z-index { z-index: 10; }
.circle { border-radius: 50%; }
.height { min-height: 100vh; }
.img { display: inline-block; width: auto; }
.round { border-radius: 5%; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-center { text-align: center; }
  .text-sm-right { text-align: right; }
}
@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-center { text-align: center; }
  .text-md-right { text-align: right; }
}
@media (min-width: 1200px) {
  .text-lg-left { text-align: left; }
  .text-lg-center { text-align: center; }
  .text-lg-right { text-align: right; }
}
.height { height: 100vh; }
.text-white { color: #FFFFFF; }
@media (min-width: 1980px) {
  .max-width-xl { max-width: 810px; }
}
.relative { position: relative; }
/*==================    Colors    ======================*/
.pricesUah { color: red; font-size: 130%; }
.pricesEur { font-size: 85%; }
.bg-primary { background: #00BDFF; }
.bg-primary .icon-primary { background: #FFF; color: #00BDFF; }
.bg-secondary { background: #F96332; }
.bg-color-1 { background: #333; }
.bg-primary, .bg-secondary, .bg-color-1 { color: #FFF; }
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6,
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5,
.bg-secondary h6, .bg-color-1 h1, .bg-color-1 h2, .bg-color-1 h3, .bg-color-1 h4, .bg-color-1 h5,
.bg-color-1 h6 { color: inherit; }
.bg-contrast { background: #FFFFFF; }
.text-primary { color: #00BDFF; }
.text-secondary { color: #F96332; }
@media (min-width: 1200px) {
  .flex { display: flex; flex-direction: row; }
}
@media (min-width: 1200px) {
  .flex-center { align-items: center; }
}
[class*="bg-image-"] { background-color: #EEEEEE; background-size: 100%; background-position: center; background-repeat: no-repeat; }
html:not(.mobile) [class*="bg-image-"] { background-attachment: fixed; }


.bg-image-1 { background-image: url(../images/page-1_bg01.jpg); background-position: center; }
.bg-image-2 { background-image: url(../images/page-1_bg02.jpg); }
@media (min-width: 1200px) {
  .bg-image-2 h1, .bg-image-2 h2, .bg-image-2 h3, .bg-image-2 h4, .bg-image-2 h5, .bg-image-2 h6,
  .bg-image-2 p { }
}
.bg-image-3 { background-image: url(../images/page-1_bg03.jpg); }
.bg-image-4 { background-image: url(../images/page-1_bg04.jpg); }
.bg-image-5 { background-image: url(../images/page-1_bg05.jpg); }
.bg-image-6 { background-image: url(../images/page-1_bg06.jpg); }
.bg-image-7 { background-image: url(../images/page-1_bg07.jpg); }
.bg-image--skin-1 { position: relative; overflow: no-display; }
.bg-image--skin-1 > * { position: relative; z-index: 1; }
.bg-image--skin-1:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; background: rgba(255, 255, 255, 0.7); }
@media (min-width: 1200px) {
  .bg-image--skin-1:before { display: none; }
}
/*=========================================================
            COMPONENTS
=========================================================*/
/*==================     Brand     ======================*/
.brand { display: inline-block; position: relative; padding-left: 46px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 30px; line-height: 32px; color: #FFF; }
.brand:before { display: inline-block; position: absolute; left: 0; top: 0; content: url('/images/logo.png'); font-family: "Material Icons"; font-weight: 100; font-size: 20px; line-height: 22px; color: #000000; }
.brand a:hover { color: inherit; }
/*==================    Buttons    ======================*/
.alignBtn { text-align: center; }
.btn { display: inline-block; width: 163px; padding: 10px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; line-height: 20px; text-align: center; text-transform: uppercase; color: #FFF; background: #777; border-radius: 20px; transition: 0.3s; }
.btn:hover { background: #00BDFF; }
.btn:active { background: #0097CC; }
.btn-primary { background: #00BDFF; }
.btn-primary:hover { background: #F96332; }
.btn-primary:active { background: #BF3306; }
.btn-secondary { background: #F96332; }
.btn-secondary:hover { background: #00BDFF; }
.btn-secondary:active { background: #007199; }
.btn-with-icon { position: relative; padding-left: 54px; text-align: left; }
.btn-with-icon:before { position: absolute; top: 0; bottom: 0; left: 20px; font-size: 24px; line-height: 40px; color: inherit; }
/*==================     Icons     ======================*/
.icon { display: inline-block; text-align: center; border-radius: 50%; }
.icon-primary { color: #FFF; background: #00BDFF; }
.icon-secondary { color: #FFF; background: #F96332; }
.icon-xs { width: 22px; height: 22px; line-height: 22px; font-size: 18px; }
.icon-sm { width: 53px; height: 53px; line-height: 53px; font-size: 21px; }
.icon-md { width: 60px; height: 60px; line-height: 64px; font-size: 24px; }
.icon-lg { width: 90px; height: 90px; line-height: 90px; font-size: 32px; }
/*==================     Media     ======================*/
.box-left { display: table-cell; vertical-align: middle; }
.box-body { display: table-cell; vertical-align: middle; padding-left: 30px; }
@media (max-width: 1199px) {
  .box-left, .box-body { display: block; text-align: left; padding-left: 0; }
  .box-left { margin-bottom: 30px; }
}
/*==================  Inline List  ======================*/
.floatright { float: right;}
.floatleft { float: left; }
.inline-list{
    width: 100%;
}
.inline-list li { display: inline-block; }
.inline-list li a { vertical-align: middle; }
.inline-list li + li { margin-left: 5px; }
.inline-list a:hover { color: #FFF; }
/*
/!*==================== Video ====================*!/
.vide {
  text-align: center;

  &_bg {
    opacity: .5;
  }

  &_cnt {
    @include transform(translateY(-50%));
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    > * {
      -webkit-animation: fade 1.5s forwards;
      animation: fade 1.5s forwards;
    }

    h3,
    p {
      color: #fff;
    }
  }

  @media (max-width: 1199px) {
    &_cnt {
      position: static;
      @include transform(translateY(0));
    }
  }

}
*/
/*==================     Quote    ======================*/
.quote .img + p { margin-top: 40px; }
.quote q { font-weight: 300; }
.quote cite { display: inline-block; margin-top: 50px; font-size: 14px; font-weight: 700; font-family: "Montserrat", sans-serif; text-transform: uppercase; }
/*==================     ToTop     ======================*/
.toTop { width: 32px; height: 32px; font-size: 32px; line-height: 32px; color: #F96332; position: absolute; right: 66px; bottom: 180px; display: none; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; }
.toTop:hover { color: #ADADAD; text-decoration: none; }
@media only screen and (max-width: 1399px) {
  .toTop { display: none !important; }
}
/*
* @subsection   RD Parallax
*
* @description  Describes style declarations for RD Parallax extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      3.0.0
*/
.rd-parallax-inner { overflow: hidden; position: relative; min-height: 100%; }
.rd-parallax-outer { overflow: hidden; }
.rd-parallax-outer .rd-parallax-inner { overflow: visible; }
.rd-parallax-layer[data-type="media"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; -webkit-backface-visibility: hidden; }
.rd-parallax-layer[data-type="media"] iframe { width: 100%; height: 100%; }
.rd-parallax-layer[data-url] { -webkit-background-size: cover; background-size: cover; background-position: center center; }
.rd-parallax-layer[data-type="html"] { position: relative; }
/*
* @subsection   Vide
* @description  Describes style declarations for Vide extension
*/
.vide { background: #191919; position: relative; color: #FFFFFF; }
.vide .vide_bg { position: fixed !important; z-index: 1; }
.vide .vide_bg video { z-index: 2; margin-top: 0; }
.vide h1, .vide h2, .vide h3, .vide h4, .vide h5, .vide h6 { color: #FFFFFF; }
.vide__body { position: relative; top: 50%; left: 0; right: 0; z-index: 1; }
@media (min-width: 1200px) {
  .vide__body { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; }
}
.vide__body > * { -webkit-animation: fade 1.5s forwards; animation: fade 1.5s forwards; }
.vide__body h3, .vide__body p { color: #FFF; }
/*
* @subsection   RD Mail Form
*
* @description  Describes style declarations for RD Mail Form extension
*
* @author       Evgeniy Gusarov
* @link         https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version      1.1.2
*/
.rd-mailform { position: relative; text-align: left; margin-left: auto; margin-right: auto; }
.rd-mailform fieldset { border: none; }
.rd-mailform fieldset > .row + .row { margin-top: 20px; }
.rd-mailform label { position: relative; display: block; width: 100%; margin-top: 20px; }
.rd-mailform label:first-child { margin-top: 0; }
.rd-mailform label input, .rd-mailform label select { height: 40px; }
.rd-mailform label input, .rd-mailform label select, .rd-mailform label textarea { display: block; width: 100%; margin: 0; -webkit-appearance: none; font-size: 16px; padding: 2px 18px; line-height: 34px; color: #888888; background: #F1F5F6; font-weight: 300; border: 1px solid rgba(255, 255, 255, 0); border-radius: 75px; }
.rd-mailform label input:-moz-placeholder, .rd-mailform label select:-moz-placeholder, .rd-mailform
label textarea:-moz-placeholder { color: #888888; opacity: 1; }
.rd-mailform label input::-webkit-input-placeholder, .rd-mailform label
select::-webkit-input-placeholder, .rd-mailform label textarea::-webkit-input-placeholder { color: #888888; opacity: 1; }
.rd-mailform label input::-moz-placeholder, .rd-mailform label select::-moz-placeholder,
.rd-mailform label textarea::-moz-placeholder { color: #888888; opacity: 1; }
.rd-mailform label input:-ms-input-placeholder, .rd-mailform label select:-ms-input-placeholder,
.rd-mailform label textarea:-ms-input-placeholder { color: #888888; opacity: 1; }
.rd-mailform label textarea { resize: vertical; overflow: auto; min-height: 40px; height: 195px; max-height: 292.5px; font-family: inherit; font-weight: inherit; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; outline: none; }
@media (min-width: 768px) {
  .rd-mailform label { margin-top: 20px; }
}
/*
* MF Controls
*/
.mfControls { margin-top: 20px; }
@-webkit-keyframes fout {
  0% { -ms-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); }
  100% { -ms-transform: scale(0) translateX(0); -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); }
}
@keyframes fout {
  0% { -ms-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); }
  100% { -ms-transform: scale(0) translateX(0); -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); }
}
/*
* MF Placeholder
*/
.mfPlaceHolder { cursor: text; position: absolute; left: 0; top: 0; padding: 2px 18px; font-weight: inherit; font-size: 16px; line-height: 34px; color: #888888; opacity: 1; transition: 0.2s all ease; }
*:-webkit-autofill ~ .mfPlaceHolder { opacity: 0.4; }
.mfPlaceHolder.state-1 { opacity: 0.0; }
*:-webkit-autofill ~ .mfPlaceHolder { display: none; }
.mfInput.filled .mfPlaceHolder.state-1 { display: none; }
/*
* MF Validation
*/
.mfValidation { position: absolute; top: 0; padding-left: 18px; right: 25px; color: #F00; font-weight: inherit; font-size: 9px; line-height: 20px; opacity: 0; visibility: hidden; z-index: 997; pointer-events: none; transition: 0.3s all ease; }
.mfValidation.show { opacity: 1; visibility: visible; }
.mfValidation.hide, .mfValidation.valid { opacity: 0; visibility: hidden; }
/*
* MF Submit
*/
.mfInfo, .mfProgress { position: absolute; left: 15px; bottom: 15px; padding: 17px; height: 54px; color: #FFF; background: #111; border-radius: 8px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11); line-height: 20px; font-size: 13px; transition: 0.3s all ease; opacity: 0; visibility: hidden; -ms-transform: translateY(83px); -webkit-transform: translateY(83px); transform: translateY(83px); z-index: 999; }
.mfInfo .loader, .mfProgress .loader { display: inline-block; position: relative; margin-right: 16px; }
.mfInfo .loader, .mfInfo .loader:before, .mfInfo .loader:after, .mfProgress .loader, .mfProgress
.loader:before, .mfProgress .loader:after { width: 20px; height: 20px; line-height: 20px; }
.mfInfo .loader:before, .mfInfo .loader:after, .mfProgress .loader:before, .mfProgress .loader:after { content: ''; position: absolute; top: 0; left: 0; }
.mfInfo .loader:before, .mfProgress .loader:before { -webkit-animation: mfLoader 1.1s infinite linear; animation: mfLoader 1.1s infinite linear; border: 2px solid #FFF; border-top-color: transparent; border-radius: 50%; opacity: 1; visibility: visible; transition: 0.3s all ease; }
.mfInfo .loader:after, .mfProgress .loader:after { opacity: 0; visibility: hidden; font-weight: 400; font-family: "FontAwesome"; font-size: 20px; transition: 0.6s all ease; -ms-transform: rotate(-90deg) scale(0); -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); }
.mfInfo.fail, .mfProgress.fail { background: #F34234; }
.mfInfo.fail .loader:after, .mfProgress.fail .loader:after { content: '\f00d'; }
.mfInfo.success, .mfProgress.success { background: #2E7D32; }
.mfInfo.success .loader:after, .mfProgress.success .loader:after { content: '\f00c'; }
.mfInfo.fail .loader:before, .mfInfo.success .loader:before, .mfProgress.fail .loader:before,
.mfProgress.success .loader:before { opacity: 0; visibility: hidden; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.mfInfo.fail .loader:after, .mfInfo.success .loader:after, .mfProgress.fail .loader:after,
.mfProgress.success .loader:after { opacity: 1; visibility: visible; -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.mfInfo.fail, .mfInfo.success, .mfInfo.sending, .mfProgress.fail, .mfProgress.success,
.mfProgress.sending { opacity: 1; visibility: visible; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
@media (min-width: 768px) {
  .mfInfo, .mfProgress { bottom: 24px; left: 50%; -ms-transform: translate(-50%, 83px); -webkit-transform: translate(-50%, 83px); transform: translate(-50%, 83px); }
  .mfInfo.fail, .mfInfo.success, .mfInfo.sending, .mfProgress.fail, .mfProgress.success,
  .mfProgress.sending { -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
}
@-webkit-keyframes mfLoader {
  0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes mfLoader {
  0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/*
* MF Icon
*/
.mfInput[data-add-icon] input, .mfInput[data-add-icon] .mfPlaceHolder { padding-right: 44px; }
.mfIcon { position: absolute; text-align: center; top: 8px; right: 10px; width: 24px; height: 24px; line-height: 24px; color: #333333; font: 400 20px / 24px "FontAwesome"; }
.mfIcon span:before, .mfIcon span:after { position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -10px; transition: 0.4s all ease-in-out; }
.mfIcon span:before { content: ""; }
.mfIcon span:after { content: ""; -ms-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); -webkit-animation: zoom-out 0.4s ease-in-out 1 forwards; animation: zoom-out 0.4s ease-in-out 1 forwards; }
.mfIcon.state-1:after { content: ""; position: absolute; bottom: -1px; width: 0; height: 1px; background: #333333; -webkit-animation: line 1.2s 0.4s infinite; animation: line 1.2s 0.4s infinite; }
.mfIcon.state-1 span:before { -ms-transform: scale(0) rotate(90deg); -webkit-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); }
.mfIcon.state-1 span:after { -ms-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); -webkit-animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; }
.mfIcon.state-2 span:before { content: ""; -ms-transform: scale(0) rotate(90deg); -webkit-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); }
.mfIcon.state-2 span:after { -ms-transform: scale(1) rotate(-210deg); -webkit-transform: scale(1) rotate(-210deg); transform: scale(1) rotate(-210deg); -webkit-animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; }
@-webkit-keyframes anim-1 {
  0% { left: 50%; }
  100% { left: 90%; }
}
@keyframes anim-1 {
  0% { left: 50%; }
  100% { left: 90%; }
}
@-webkit-keyframes anim-2 {
  0% { -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
  25% { -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  50% { -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
  75% { -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  100% { -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
}
@keyframes anim-2 {
  0% { -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
  25% { -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  50% { -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
  75% { -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  100% { -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
}
@-webkit-keyframes anim-3 {
  0% { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; }
  50% { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; }
  100% { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; }
}
@keyframes anim-3 {
  0% { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; }
  50% { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; }
  100% { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; }
}
@-webkit-keyframes zoom-out {
  0% { -ms-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); }
  100% { -ms-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); }
}
@keyframes zoom-out {
  0% { -ms-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); }
  100% { -ms-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); }
}
@-webkit-keyframes zoom-in-state-1 {
  0% { -ms-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); }
  100% { -ms-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); }
}
@keyframes zoom-in-state-1 {
  0% { -ms-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); }
  100% { -ms-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); }
}
@-webkit-keyframes zoom-in-state-2 {
  0% { -ms-transform: scale(0) rotate(-35deg); -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); }
  100% { left: 50%; -ms-transform: scale(1) rotate(150deg); -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); }
}
@keyframes zoom-in-state-2 {
  0% { -ms-transform: scale(0) rotate(-35deg); -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); }
  100% { left: 50%; -ms-transform: scale(1) rotate(150deg); -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); }
}
@-webkit-keyframes line {
  0% { left: 40%; }
  100% { left: 40%; width: 40%; }
}
@keyframes line {
  0% { left: 40%; }
  100% { left: 40%; width: 40%; }
}
.mfInput input[name='phone'] ~ .mfIcon span:before, .mfInput select[name='phone'] ~ .mfIcon
span:before, .mfInput textarea[name='phone'] ~ .mfIcon span:before { content: ""; }
.mfInput input[name='email'] ~ .mfIcon span:before, .mfInput select[name='email'] ~ .mfIcon
span:before, .mfInput textarea[name='email'] ~ .mfIcon span:before { content: ""; }
.mfInput input[name='name'] ~ .mfIcon span:before, .mfInput select[name='name'] ~ .mfIcon
span:before, .mfInput textarea[name='name'] ~ .mfIcon span:before { content: ""; }
.mfInput input[name='date'] ~ .mfIcon span:before, .mfInput select[name='date'] ~ .mfIcon
span:before, .mfInput textarea[name='date'] ~ .mfIcon span:before { content: ""; }
.mfInput input[name='guests'] ~ .mfIcon span:before, .mfInput select[name='guests'] ~ .mfIcon
span:before, .mfInput textarea[name='guests'] ~ .mfIcon span:before { content: ""; }
.mfInput input[name='message'] ~ .mfIcon, .mfInput select[name='message'] ~ .mfIcon, .mfInput
textarea[name='message'] ~ .mfIcon { display: none; }
.mfInput input:-webkit-autofill ~ .mfIcon span:before, .mfInput textarea:-webkit-autofill ~ .mfIcon
span:before { color: #2D2D2D; }
/*
* MF Select
*/
.mfSelect { position: relative; }
.mfSelect .dropdown { position: absolute; top: 100%; left: 0; width: 100%; padding-top: 5px; padding-bottom: 5px; margin-top: 15px; max-height: 300px; opacity: 0; visibility: hidden; border: 1px solid #888; box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.11); transition: 0.3s all ease-in-out; outline: none; -webkit-appearance: none; font-weight: inherit; line-height: 34px; border: 1px solid rgba(255, 255, 255, 0); background: #FFFFFF; color: #888888; border-radius: 75px; z-index: 1; -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); }
.mfSelect .dropdown .option { position: relative; z-index: 1; text-transform: none; cursor: pointer; padding: 10px 15px; overflow: hidden; transition: 0.4s all ease-in-out; transition-delay: 0.2s; font-size: 16px; line-height: 30px; }
.mfSelect .dropdown .option.selected { background: #F2F2F2; color: #888888; }
.mfSelect .dropdown .option:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; z-index: -1; transition: 0.4s all ease-in-out; -ms-transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); }
.mfSelect .dropdown .option:before { content: '\f00c'; position: absolute; display: inline-block; left: 15px; color: #FFFFFF; font: 400 20px "FontAwesome"; line-height: inherit; transition: 0.4s all ease-in-out; -ms-transform: scale(0) rotate(-60deg); -webkit-transform: scale(0) rotate(-60deg); transform: scale(0) rotate(-60deg); }
.mfSelect .dropdown .option:hover { color: #FFFFFF; padding-left: 40px; transition-delay: 0s; }
.mfSelect .dropdown .option:hover:before { transition-delay: 0.15s; -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); }
.mfSelect .dropdown .option:hover:after { width: 1000px; height: 500px; opacity: 1; }
.mfSelect .dropdown:before { content: ''; position: absolute; bottom: 100%; left: 14px; width: 0; height: 0; border-style: solid; border-width: 0 7px 8px 7px; border-color: transparent transparent #EBEBEB transparent; }
.mfSelect .dropdown:after { content: ''; position: absolute; bottom: 100%; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #FFF transparent; }
.mfSelect .value { cursor: pointer; transition: 0.4s all ease-in-out; font-size: 16px; padding: 2px 18px; line-height: 34px; color: #888888; background: #F1F5F6; border: 1px solid rgba(255, 255, 255, 0); border-radius: 75px; }
.mfSelect .value:before, .mfSelect .value:after { position: absolute; right: 12px; top: 8px; width: 24px; height: 24px; font: 400 20px "FontAwesome"; line-height: 24px; color: #333333; text-align: center; transition: 0.4s all ease; }
.mfSelect .value:before { content: '\f0c9'; -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.mfSelect .value:after { content: '\f107'; font-size: 24px; -ms-transform: rotate(-180deg) scale(0); -webkit-transform: rotate(-180deg) scale(0); transform: rotate(-180deg) scale(0); }
.mfSelect.show .dropdown { opacity: 1; visibility: visible; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.mfSelect.show .value { background: #FFFFFF; color: #888888; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11); }
.mfSelect.show .value:before, .mfSelect.show .value:after { color: #888888; }
.mfSelect.show .value:before { -ms-transform: rotate(90deg) scale(0); -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); }
.mfSelect.show .value:after { -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
/*
* MF Datepicker
*/
.mfDatePicker { position: absolute; top: 100%; left: 0; margin-top: 15px; padding: 10px 15px; opacity: 0; z-index: 1; width: 270px; visibility: hidden; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11); transition: 0.3s all ease-in-out; -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); background: #333333; color: #FFFFFF; border-radius: 8px; border: 1px solid #333333; }
.mfDatePicker:before { content: ''; position: absolute; bottom: 100%; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #333333 transparent; }
.mfDatePicker table { text-align: center; border-collapse: separate; border-spacing: 3px; font-size: 12px; }
.mfDatePicker table th { font-weight: 700; text-transform: uppercase; font-size: 14px; }
.mfDatePicker table td { width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; transition: 0.3s all ease; border-radius: 50%; }
.mfDatePicker table td:hover { color: #333333; background: #EBEBEB; }
.mfDatePicker table td.dp-offset { color: #C6BBBA; }
.mfDatePicker table td.dp-today { color: #333333; background: #FFFFFF; }
.mfDatePicker table td.dp-selected { color: #FFFFFF; }
.mfDatePicker_title { font-size: 16px; line-height: 30px; }
.mfDatePicker_next, .mfDatePicker_prev { font: 400 22px "FontAwesome"; line-height: inherit; text-align: center; color: #FFFFFF; cursor: pointer; }
.mfDatePicker_panel { text-align: center; padding: 0 2px; line-height: 30px; }
.mfDatePicker_next { float: right; }
.mfDatePicker_next:before { content: '\f105'; }
.mfDatePicker_prev { float: left; }
.mfDatePicker_prev:before { content: '\f104'; }
.mfDatePicker_panel + table { margin-top: 5px; }
.mfDatePicker.open { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
/*========================================================
           HEADER  Section
=========================================================*/
header { position: relative; left: 0; right: 0; padding-bottom: 2px; min-height:85px; text-align: center; z-index: 120; opacity: 0.8; background: #191919; margin-top: -22px; padding-top: 2px; }

header .nav { position: fixed; width: 50px; top: 50%; left: 0; display: none; z-index: 120; }
@media (min-width: 1200px) {
  header .nav { display: block; }
}
header .nav > ul { position: relative; top: 50%; left: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
header .nav > ul li a { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
header .nav li a { display: block; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #FFFFFF; }
header .nav li + li { margin-top: 20px; }
header .nav li.active a { background: #00BDFF; }
@media (min-width: 768px) {
  header .brand { float: left; }
  header .inline-list { float: inherit; }
}
@media (min-width: 1200px) {
  header { position: fixed; top: 0; left: 0; right: 0; }
}
/*========================================================
           CONTENT  Section
=========================================================*/
main { display: block; background: #FFF; }
/*==================      Well     ======================*/
.well-1 { padding-top: 48px; padding-bottom: 48px; }
.well-2 { padding-top: 48px; padding-bottom: 48px; }
@media (min-width: 768px) {
  .well-1 { padding-top: 80px; padding-bottom: 80px; }
  .well-2 { padding-top: 140px; padding-bottom: 140px; }
}
/*========================================================
           FOOTER  Styles
=========================================================*/
.copyright { margin-top: 78px; font-size: 12px; font-weight: 300; }


.contact,.phonenumber { font-size: larger; color: #FFFFFF; font-weight: bold; line-height: 1.1; }

.phones-bottom{

font-size: 50px;
line-height: 1.2;
font-weight: bolder;
margin-bottom: 43px;
    color: black;
}
@media screen and (max-width: 1199px){

  #product3{
    padding:0;
  }
  H6{
    font-size: larger;
  }
  .bg-image-1,.bg-image-2,.bg-image-3,.bg-image-4,.bg-image-5,.bg-image-6,.bg-image-7{
    background:none!important;
    text-align: left;
 }
  #description{
    display: none;
  }
  .small-image>img{
      width: 50%;

  }
  .small-image{
      display: block;
      text-align: center;
      margin-bottom: 56px;
      margin-top: 56px;

  }
    .well-2{
        padding: 0;
    }
    .hidden{
        display:block;
        margin-top: 65px;
        margin-bottom: 65px;
    }

}
@media screen and (max-width: 768px){

    .phones>ul>li{
        text-align: center;
        float: none;
        margin: 0 auto;
        color: black;
    }

    .small-image>img{
        width: 93%;

    }
}

@media screen and (min-width: 1200px){
    .small-image{
        display: none;

    }
    .icon-xs {
        font-size: 30px;
    }
}
.contact-label{
    margin: 10px;
    font-size: 44px;
    font-weight: 500;
    color: black;
    /*font-family: "Montserrat", sans-serif;*/
font-family: "Open Sans", sans-serif;
}
.phonenumber>ul>li{
    margin: 5px 0 5px 0;
}
@media screen and (max-width: 768px){
    .phones-bottom{
        font-size: 30px;
        line-height: 1.2;
        font-weight: bolder;
        margin-bottom: 43px;
        color: black;
    }

    @media screen and (max-width: 767px){
        .icon-md { font-size: 30px; }
        .floatright,.floatleft{
            float: inherit;
        }
        .phones{
            width: 100%;
        }
        .logo>a>img{
            width:98%;
        }
        .social,.phonenumber{
            margin-top: 2%;
        }
    }
}
@media screen and (max-width: 767px){
    .phones>li{
        display: inline-block;
        width: 49%;
    }
    .icon-md {
        width: 70px;
        height: 50px;
        font-size: 2em;
        margin-top: -16%;
    }
    @media screen and (max-width: 414px) {
        .phones > li {
            display: block;
            width: 100%;
        }
        .icon-md {
            font-size: 25px;
        }
    }
}
@media screen and (min-width: 768px) {
    .social,.phonenumber{
        margin: 0;
    }
    .logo{
        margin-top: 0.6em;
    }
    .logo>a>img{
        width:210px;
        float: left;
    }
    header {
        padding: 0;
        margin: 0;
        min-height: unset;

    }
}