/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
/* Responsive Breakpoints */
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
/*mixin linear-gradient start*/
/*examples .selector-1 { @include linear-gradient(#31B7D7, #EDAC7D); } .selector-2 { @include linear-gradient(to right, #E47D7D 0%, #C195D3 50%, #4FB4E8 100%); } .selector-3 { @include linear-gradient(42deg, #B58234 0%, #D2B545 50%, #D7C04D 50.01%, #FFFFFF 100%); } */
/*mixin linear-gradient end*/
/**************************** HIGH PPI DISPLAY BACKGROUNDS */
html { color: #222; font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301 Vendor-prefixed and regular ::selection selectors cannot be combined: https://stackoverflow.com/a/16982510/7133471 Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Hide visually and from screen readers */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: https://snook.ca/archives/html_and_css/hiding-content-for-accessibility 1. For long content, line feeds are not interpreted as spaces and small width causes content to wrap 1 word per line: https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */
.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; /* 1 */ }

/* Extends the .sr-only class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }

/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* Printing Tables: https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }

/*==========================*/
html { font-size: 16px; line-height: 1.8; }

body { font-size: 16px; line-height: 1.8; font-weight: 400; font-family: "Open Sans", sans-serif !important; color: #737373; }

body .header-space { display: none; }

body.stickyHeader .header-space { display: block; background: #fff; }

body.stickyHeader .header-area.is-fixed { position: fixed; z-index: 100; -webkit-animation: stickySlideDown .2s forwards; animation: stickySlideDown .2s forwards; -webkit-transition: none; transition: none; -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.55); box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.55); -webkit-transform: translateY(-100px); transform: translateY(-100px); }

body.stickyHeader .header-area.is-fixed .header-top-bar { display: none; }

body.stickyHeader .header-area.is-fixed .header-info-area { display: none; }

@media screen and (min-width: 768px) { body.stickyHeader .header-space { height: 292px; } }

@media screen and (max-width: 991px) { body.stickyHeader .header-space { height: 177px; }
  body.stickyHeader .header-area.is-fixed .header-info-area { display: block; } }

@media screen and (max-width: 500px) { body.stickyHeader .header-space { height: 85px; } }

@-webkit-keyframes stickySlideDown { 100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes stickySlideDown { 100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fontColorDark1 { color: #1d1d25; }

.fontColorDark1[class*="title"] span { color: #1d1d25; }

.fontColorDark1 a:not(.btn), .sdbwidget-wrapper .fontColorDark1 a:not(.btn) { color: #1d1d25; }

.txt-highlight { color: red; }

.txt-sz-1 { font-size: 15px; }

.txt-sz-2 { font-size: 14px; }

.bg-grey { background-color: #f4f4f4; }

.lst-s1 { margin: 0; padding: 0; list-style: none; }

.lst-s1 li { line-height: 1.3em; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #d9d9d9; }

.lst-s1 li a { display: block; }

.lst-s1 li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

.lst-s1.lighten { color: #fff; }

.lst-s1.lighten li { border-bottom: 1px solid #34343c; }

.lst-s1.spacing1 li:not(:last-child) { padding-bottom: 11px; margin-bottom: 11px; }

.lst-s2 { margin: 0; padding: 0; list-style: none; }

.lst-s2 li { line-height: 1.3em; padding-bottom: 7px; margin-bottom: 7px; position: relative; padding-left: 10px; }

.lst-s2 li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

.lst-s2 li:before { content: '*'; position: absolute; top: 1px; left: 0; }

.btn { padding: 10px 25px; font-size: 15px; }

.btn-primary { background-color: #8dcce7; border-color: #78c3e3; }

.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: #39a6d5; border-color: #2b9aca; }

.btn-primary:focus { -webkit-box-shadow: none; box-shadow: none; }

.btn-primary:not(:disabled):not(.disabled).active { background-color: #2b9aca; border-color: #268ab5; }

.btn-primary:not(:disabled):not(.disabled).active:focus { -webkit-box-shadow: none; box-shadow: none; }

.btn-primary:not(:disabled):not(.disabled):active { background-color: #2b9aca; border-color: #268ab5; }

.btn-primary:not(:disabled):not(.disabled):active:focus { -webkit-box-shadow: none; box-shadow: none; }

.btn-primary[type="submit"] { font-weight: 700; font-size: 1rem; }

.btn-primary-large { font-size: .8rem; letter-spacing: .5px; padding: 13px 35px; }

.btn-primary.noradius { border-radius: 0px; }

.btn-secondary:focus { -webkit-box-shadow: none; box-shadow: none; }

.btn-secondary:not(:disabled):not(.disabled).active:focus { -webkit-box-shadow: none; box-shadow: none; }

.btn-secondary:not(:disabled):not(.disabled):active:focus { -webkit-box-shadow: none; box-shadow: none; }

.title-s1 { color: #8dcce7; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 35px; margin-top: 35px; margin-bottom: 25px; text-transform: none; text-align: center; }

.title-s1 span { color: #000; }

.title-s1.altfont { font-family: "Roboto", sans-serif; }

.title-s1.altfont4 { font-family: "Poppins", sans-serif; }

.title-s1.tlight span { color: #e1e1e1; }

.title-s1.underline:after { content: ''; display: block; width: 100px; height: 3px; font-weight: bold; background-color: #8dcce7; margin: 0 auto; margin-top: .4em; margin-bottom: 25px; }

.title-s1.fontWeight-500 { font-weight: 500; }

.title-s1.txt-sz1 { font-size: 33px; }

.title-s1.txt-sz2 { font-size: 31px; }

.title-s1.txt-sz3 { font-size: 29px; }

.title-s1.txt-sz4 { font-size: 27px; }

.title-s1.txt-sz5 { font-size: 25px; }

.title-s1.txt-sz6 { font-size: 23px; }

.title-s1.txt-sz7 { font-size: 21px; }

.title-s1.txt-sz8 { font-size: 19px; }

.title-s1.txt-sz9 { font-size: 17px; }

.title-s1.txt-sz10 { font-size: 15px; }

.title-s1.txt-sz11 { font-size: 14px; }

.title-s1.txt-sz12 { font-size: 13px; }

.title-s1:first-child { margin-top: 0; }

.title-s2 { color: #8dcce7; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 36px; margin-top: 35px; margin-bottom: 25px; text-transform: none; text-align: left; }

.title-s2 span { color: #000; }

.title-s2.altfont { font-family: "Roboto", sans-serif; }

.title-s2.altfont4 { font-family: "Poppins", sans-serif; }

.title-s2.tlight span { color: #e1e1e1; }

.title-s2.underline:after { content: ''; display: block; width: 100px; height: 3px; font-weight: bold; background-color: #8dcce7; margin: 0 auto; margin-top: .4em; margin-bottom: 25px; }

.title-s2.underline:after { margin-left: 0; }

.title-s2.fontWeight-500 { font-weight: 500; }

.title-s2.txt-sz1 { font-size: 34px; }

.title-s2.txt-sz2 { font-size: 32px; }

.title-s2.txt-sz3 { font-size: 30px; }

.title-s2.txt-sz4 { font-size: 28px; }

.title-s2.txt-sz5 { font-size: 26px; }

.title-s2.txt-sz6 { font-size: 24px; }

.title-s2.txt-sz7 { font-size: 22px; }

.title-s2.txt-sz8 { font-size: 20px; }

.title-s2.txt-sz9 { font-size: 18px; }

.title-s2.txt-sz10 { font-size: 16px; }

.title-s2.txt-sz11 { font-size: 15px; }

.title-s2.txt-sz12 { font-size: 14px; }

.title-s2:first-child { margin-top: 0; }

.block-title-wrapper { text-align: center; }

.block-title-wrapper:not(:first-child) { margin-top: 30px; }

.block-title-wrapper:not([class*="margin-bottom"]) { margin-bottom: 50px; }

.block-title-wrapper.margin-bottom__10 { margin-bottom: 10px; }

.block-title-wrapper.margin-bottom__10 [class*="title"] { margin-bottom: 10px; }

.block-title-wrapper.margin-bottom__20 { margin-bottom: 20px; }

.block-title-wrapper.margin-bottom__20 [class*="title"] { margin-bottom: 20px; }

.block-title-wrapper.margin-bottom__30 { margin-bottom: 30px; }

.block-title-wrapper.margin-bottom__40 { margin-bottom: 40px; }

.block-title-wrapper.margin-bottom__50 { margin-bottom: 50px; }

.block-title-wrapper:not(.margin-bottom__10) [class*="title"] + p { margin-top: -10px !important; }

.block-title-wrapper p { max-width: 550px; margin-left: auto; margin-right: auto; margin-bottom: 0; }

.block-title-wrapper.text-left { text-align: left; }

.block-title-wrapper.text-left .title-s1 { text-align: left; }

.block-title-wrapper.text-left .title-s1.underline:after { margin-left: 0; }

.block-title-wrapper.text-left p { max-width: initial; margin-left: 0; margin-right: auto; }

.block-title-wrapper.pnomaxwidth p { max-width: initial; }

.img-wrapper { margin-bottom: 34px; }

.img-wrapper img { width: 100%; vertical-align: top; }

.img-wrapper:not(:first-child) { margin-top: 34px; }

@media screen and (max-width: 767px) { .tg { width: auto !important; min-width: 630px; }
  .tg col { width: auto !important; }
  .tg-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

.tg { border-collapse: collapse; border-spacing: 0; width: 100%; }

.tg td, .tg th { padding: 4px 5px; }

.tg-wrap { margin-bottom: 25px; }

.simple-list { list-style: none; padding: 0; margin-bottom: 30px; line-height: 1.3em; }

.simple-list li { margin-bottom: 6px; }

.font-alt { font-family: "Poppins", sans-serif; }

.font-alt-1 { font-family: "Roboto", sans-serif; }

.map-wrap { margin-bottom: 70px; }

a, button, .ico:before, .ico-pdf:before, .hs-swiper-button-nav, .header-navigation nav > ul > li > a, .header-navigation nav > ul > li > a:before, .header-navigation .submenu, .mobile-menu-wrap, .mixer-range-item__image a img, .mixer-range-item__image .icon, .mixer-accessories-item__image a img, .pdfinfo-item__image a img, .videotutorial-item__image a img, .gallery-wrap-item__image img, .our-team-info__image img, .order-info__image img, .footer-area .footer-content-wrapper .bloq-email .email input[type="submit"], .footer-area .footer-content-wrapper .nav-footer ul li a { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

#btn-back-to-top { display: inline-block; background-color: #8dcce7; width: 50px; height: 50px; text-align: center; border: 1px solid #6bbde0; border-radius: 50%; margin: 30px; position: fixed; bottom: 30px; right: 30px; -webkit-transition: background-color .5s, opacity .6s, visibility .6s; transition: background-color .5s, opacity .6s, visibility .6s; opacity: 0; visibility: hidden; z-index: 1000; }

#btn-back-to-top.show { opacity: 1; visibility: visible; }

#btn-back-to-top:hover { cursor: pointer; background-color: #333; border-color: gray; }

#btn-back-to-top:active { background-color: #6f6f6f; border-color: #999999; }

#btn-back-to-top:after { content: '\f2fc'; font-family: Material-Design-Iconic-Font; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }

a, button { display: inline-block; text-decoration: none; cursor: pointer; }

a { color: #8dcce7; }

a:hover { text-decoration: none; color: #8dcce7; }

h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; font-weight: 700; }

h1.alt-font, h2.alt-font, h3.alt-font, h4.alt-font, h5.alt-font, h6.alt-font { font-family: "Poppins", sans-serif; }

.defaultBG { background-color: #8dcce7; }

.defaultBG_c2 { background-color: #8dcce9; }

.videopopupjs 
.videopopupjs__content { position: relative; }

.videopopupjs .videopopupjs__close {
  color: rgba(0, 0, 0, 0.7);
  margin-left: auto;
  margin-right: 0;
  position: absolute;
  top: -10px;
  right: -10px;
}

.videopopupjs .videopopupjs__close:after { background: #8dcce7; font-family: FontAwesome; font-weight: normal; font-style: normal; content: "\f00d"; line-height: 30px; -webkit-transition: .4s all ease-in-out; transition: .4s all ease-in-out; }

.videopopupjs .videopopupjs__close:hover { opacity: 1; }

.videopopupjs .videopopupjs__close:hover:after { background: #c0e3f2; }

.ico { width: 100%; height: auto; max-width: 36px; display: inline-block; vertical-align: middle; }

.ico:before { content: ''; display: inline-block; width: 100%; padding-top: 75%; }

.ico-mixer { margin-top: -3px; margin-bottom: 3px; margin-right: 4px; }

.ico-mixer:before { background: url(../img/mixer-black.png) no-repeat 50% 50%; background-size: auto; padding-top: 75%; }

a:hover .ico-mixer:before { background-image: url(../img/mixer-blue.png); }

.ico-pdf:before { background: url(../img/pdf.png) no-repeat 50% 50%; background-size: auto; padding-top: 113.63636%; }

.list-ico { list-style: none; margin: 0; padding: 0; font-weight: 600; font-size: .9333em; line-height: 1em; color: #000; }

.list-ico a { display: block; }

.list-ico sup { font-size: .7em; }

.list-ico li { padding: 16px 0; border-bottom: 1px solid #e5e5e5; }

.list-ico li:last-child { border-bottom: 0; padding-bottom: 0; }

.row-fx { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -16px; }

.row-fx > .col-fx { margin-left: 16px; }

.row-fx:not(.row-fx-ico) > .col-fx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.row-fx-ico { margin-left: -14px; line-height: 1.4; }

.row-fx-ico > .col-fx { margin-left: 14px; }

.row-fx-ico .zmdi-hc-fw { width: 1em; }

.row-fx:not(:last-child) { margin-bottom: 20px; }

@media screen and (max-width: 991px) { .row > aside[class*="col"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 70px; } }

.bgc { background-color: rgba(43, 43, 43, 0.8); padding: 32px 26px; color: #fff; }

.bgc--img1:before { content: ''; background: url(../img/contact-bg.jpg) no-repeat 50% 50%; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; }

.contact-info ul { margin: 0; padding: 0; list-style: none; }

.contact-info ul li { margin-bottom: 15px; }

.contact-info a { color: #fff; }

.contact-info a:hover { color: #8dcce7; }

.info-bx { display: -webkit-box; display: -ms-flexbox; display: flex; }

.info-bx-ico { width: 2em; text-align: center; margin-right: 4px; display: inline-block; font-size: 1.5em; line-height: 1.2em; color: #8dcce7; }

.info-bx-text { line-height: 1.5em; }

.form-wrap { font-size: .86666rem; }

.form-wrap.small .form-control:not(textarea) { height: calc(1em + 1rem + 10px); }

.form-wrap.border-c1 .form-control { border-color: #8dcce7; }

.form-wrap.border-c1 .select-wrap:after { color: #8dcce7; }

.form-control { height: calc(1.5em + 1rem + 10px); padding-left: 20px; padding-right: 20px; font-size: 1rem; }

textarea.form-control { padding-top: 1rem; }

.select-wrap { position: relative; }

.select-wrap:after { font-family: FontAwesome; font-weight: normal; content: "\f0d7"; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.2em; color: gray; }

.select-wrap select { -webkit-appearance: none; -moz-appearance: none; }

select { background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px); background-size: 9px 6px, 5px 6px, 1px 1.5em; background-repeat: no-repeat; }

address { line-height: 1.4; }

address .zmdi { font-size: 1.5em; }

.sdbwidget-wrapper { background-color: #f7f8fa; color: #000; padding: 28px 28px; margin-bottom: 50px; }

.sdbwidget-wrapper:last-child { margin-bottom: 0; }

.sdbwidget-wrapper a:not(.btn) { color: #000; }

.sdbwidget-wrapper a:not(.btn):hover { color: #8dcce7; }

.sdbwidget-wrapper.nobg { background-color: transparent; padding: 0; }

@media screen and (max-width: 767px) { .sdbwidget-wrapper { font-size: .9rem; } }

.sdbwidget-title { font-size: 22px; font-family: "Roboto", sans-serif; color: #000; margin-bottom: 20px; }

.sdbwidget-title:not([class*="margin-bottom"]) { margin-bottom: 20px; }

.sdbwidget-title.margin-bottom__10 { margin-bottom: 10px; }

.sdbwidget-title.margin-bottom__10 [class*="title"] { margin-bottom: 10px; }

.sdbwidget-title.margin-bottom__20 { margin-bottom: 20px; }

.sdbwidget-title.margin-bottom__20 [class*="title"] { margin-bottom: 20px; }

.sdbwidget-title.margin-bottom__30 { margin-bottom: 30px; }

.sdbwidget-title.margin-bottom__40 { margin-bottom: 40px; }

.sdbwidget-title.margin-bottom__50 { margin-bottom: 50px; }

.key-personal-wrap .zmdi { font-size: 2.3em; }

[class$="-slider"] { position: relative; }

@media screen and (max-width: 1270px) { [class$="-slider"] { max-width: 1010px; margin-left: auto; margin-right: auto; } }

.hs-swiper-button-nav { position: absolute; cursor: pointer; background-image: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none !important; width: 52px; height: 52px; line-height: 52px; font-size: 20px; font-weight: 500; color: #222; border: 2px solid rgba(54, 54, 54, 0.21); border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; background: rgba(255, 255, 255, 0.45); }

.hs-swiper-button-nav:hover { background-color: #8dcce9; }

.swiper-button-prev { left: -68px; }

.swiper-button-next { right: -68px; }

@media screen and (max-width: 1140px) and (min-width: 1018px) { .swiper-button-prev { left: -26px; }
  .swiper-button-next { right: -26px; } }

@media screen and (max-width: 1018px) { .swiper-button-prev { display: none; }
  .swiper-button-next { display: none; } }

.header-area { background-color: #fff; }

.header-area.header-sticky { position: relative; left: 0; top: 0; width: 100%; -webkit-transition: none; transition: none; -webkit-animation-duration: .5s; animation-duration: .5s; }

.header-area.header-sticky:not(.is-fixed) { animation: stickyFadeIn .2s reverse !important; }

@-webkit-keyframes stickyFadeIn { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes stickyFadeIn { 0% { opacity: 1; }
  100% { opacity: 0; } }

.header-top-bar { background-color: #313131; }

.header-top-bar .ht-btn { height: 48px; line-height: 24px; font-size: 12px; padding-left: 38px; padding-right: 38px; }

.top-bar-right-wrapper { text-align: right; }

.ht-btn { background-color: #949494; border: none; border-radius: 0; color: #fff; display: inline-block; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; text-align: center; line-height: 1.2em; letter-spacing: 0px; max-width: 250px; margin: 0 auto; outline: 0; text-decoration: none; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #8dcce7 !important; border: 1px solid rgba(141, 204, 231, 0.5) !important; color: #fff !important; padding: 12px 26px; }

.ht-btn:hover { background-color: #8dcce9; color: #fff; }

.ht-btn:disabled { background-color: #909090 !important; }

.ht-btn:disabled:hover { background-color: #909090 !important; }

.ht-btn:hover { color: #fff !important; background-color: #62b9e1 !important; }

.see-more-link { font-size: .93333rem; font-weight: 700; line-height: 1; color: #393939; text-decoration: underline; }

.see-more-link:hover { text-decoration: underline; }

.see-more-link.color-v1 { color: #8dcce7; }

.see-more-link.color-v1:hover { color: #393939; }

section[class$="area"] { padding: 70px 0; }

.section-padding { padding: 70px 0; }

.logo-txt { display: inline-block; line-height: .8; vertical-align: middle; font-family: "Raleway", sans-serif; font-size: 25px; color: #5a5959; }

.logo-txt span { display: block; }

.logo-txt .r1 { font-size: 35px; display: block; }

.header-info-area { padding: 35px 0; }

.header-info-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.header-info-wrapper .header-contact-info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media screen and (max-width: 991px) { .header-info-wrapper .header-contact-info { display: none; } }

.header-info-wrapper .header-contact-single-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: 60px; font-family: "Roboto", sans-serif; }

.header-info-wrapper .header-contact-single-item:last-child { margin-right: 0; }

.header-info-wrapper .header-contact-single-item__icon { color: #8dcce9; width: 52px; height: 52px; margin-right: 13px; text-align: center; border: 1px solid #8dcce9; border-radius: 50%; }

.header-info-wrapper .header-contact-single-item__icon i { line-height: 51px; font-size: 28px; }

.header-info-wrapper .header-contact-single-item__title { display: block; font-size: 1.2rem; }

.header-info-wrapper .header-contact-single-item__subtitle { display: block; font-size: 1.0666rem; line-height: 1.45em; }

.headings { height: 26vh; background: url(../img/header-background.jpg) no-repeat 50% 50%; background-size: cover; text-align: center; color: #fff; }

.headings .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.headings .main-heading { font-family: "Roboto", sans-serif; color: #fff; font-weight: 500; line-height: 1.1em; font-size: 47px; margin-bottom: 16px; }

.headings .subheading { font-family: "Roboto", sans-serif; color: #fff; font-weight: 500; line-height: 1.1em; font-size: 26px; margin-bottom: 0; }

.headings-contact-wrap { background-image: url(../img/contact-us-bg-pic.jpg); }

.headings-contact-wrap .main-heading { font-family: "Roboto", sans-serif; color: #fff; font-weight: 500; line-height: 1.1em; font-size: 46px; margin-bottom: 16px; }

.headings-contact-wrap .subheading { font-family: "Roboto", sans-serif; color: #fff; font-weight: 500; line-height: 1.1em; font-size: 20px; margin-bottom: 0; font-weight: 400; }

.tagline { height: 67px; line-height: 67px; text-align: center; font-size: 30px; font-family: "Raleway", sans-serif; color: #fff; }

.header-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 991px) { .header-navigation-area { display: none; } }

.header-navigation nav > ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; list-style: none; }

.header-navigation nav > ul li.has-children { position: relative; }

.header-navigation nav > ul li.has-children a { padding-bottom: 13px; }

.header-navigation nav > ul li.has-children:hover > .submenu { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }

.header-navigation nav > ul > li { padding: 10px 15px; }

.header-navigation nav > ul > li > a { padding: 18px 0; color: #393939; text-transform: uppercase; display: block; position: relative; }

.header-navigation nav > ul > li > a:before { content: ""; background-color: #fff; position: absolute; width: 0; height: 2px; right: -8px; bottom: 8px; }

.header-navigation nav > ul > li.has-children > a:after { font-family: Material-Design-Iconic-Font; content: '\f2f2'; position: static; margin-left: 4px; font-size: 20px; font-weight: 500; vertical-align: middle; }

.header-navigation nav > ul > li:hover > a, .header-navigation nav > ul > li.active > a { color: #fff; }

.header-navigation nav > ul > li:hover > a:before, .header-navigation nav > ul > li.active > a:before { width: calc(100% + 16px); left: -8px; right: auto; }

.header-navigation .submenu { list-style: none; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.6); background-color: #fff; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition-delay: .25s; transition-delay: .25s; -webkit-transition-duration: .4s; transition-duration: .4s; visibility: hidden; opacity: 0; min-width: 260px; padding: 8px 0; z-index: 10; }

.has-children .has-children .submenu { padding: 0; left: 100%; top: -1px; }

.header-navigation .submenu li { border-bottom: 1px solid #d9d9d9; }

.header-navigation .submenu li > a { display: block; padding: 8px 16px; color: #1a1a1a; font-size: .9em; }

.header-navigation .submenu li > a:hover { color: #8dcce7; }

.mobile-nav-icon { font-size: 30px; display: none; }

@media screen and (max-width: 767px) { .mobile-nav-icon { display: block; } }

@media screen and (max-width: 991px) and (min-width: 768px) { .mobile-nav-icon { display: block; } }

.mobile-menu-wrap { -webkit-transition-duration: .6s; transition-duration: .6s; position: fixed; right: 0; top: 0; width: 400px; max-width: 100%; height: 100vh; z-index: 9999; -webkit-transform: translateX(100%); transform: translateX(100%); padding-left: 55px; }

.mobile-menu-wrap.opened { -webkit-transform: translateX(0); transform: translateX(0); }

.mobile-menu-i1 { overflow: auto; height: 100%; -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09); background-color: #fff; position: relative; padding: 86px 34px 0; }

.mobile-menu-close { position: absolute; left: 0; top: 0; background: #313131; z-index: 10; width: 55px; height: 55px; color: #fff; line-height: 55px; text-align: center; font-size: 30px; }

.mobile-search-area { position: fixed; width: calc(100% - 55px); top: 0; right: 0; padding: 10px; background-color: #e8e8e8; z-index: 1; }

.mobile-search-area input[type="search"] { width: 100%; background: none; border: none; padding: 4px 42px 4px 10px; outline: none; }

.mobile-search-area button { background: none; border: none; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #a7a7a7; padding: 0; outline: none; font-size: 22px; }

.mobile-navigation ul { margin: 0; padding: 0; list-style: none; }

.mobile-navigation ul li a { display: block; color: #444; padding: 3px 0; }

.mobile-navigation ul li.has-children { position: relative; }

.mobile-navigation ul li.has-children .expand-ico { position: absolute; top: 0; right: 0; font-size: 1.1em; }

.mobile-navigation ul li.has-children .expand-ico .zmdi-plus { font-size: 1.2em; }

.mobile-navigation ul li.has-children .submenu { margin-left: 20px; font-size: .9em; overflow: hidden; display: none; }

.mobile-navigation > ul > li { margin-bottom: 6px; font-size: 1.2em; }

.mobile-navigation > ul > li.opened > .expand-ico i:before { content: '\f272'; }

.mobile-navigation > ul > li .has-children.opened .expand-ico i:before { content: '\f273'; }

.mobile-navigation > ul > li > a { font-weight: 700; }

.main-slider__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 730px; width: 580px; max-width: 100%; }

.main-slider__title { font-family: "Roboto", sans-serif; font-size: 70px; line-height: 1.2; color: #fff; margin-bottom: 40px; margin-top: -15px; }

.main-slider__text { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.8; color: #fff; margin-bottom: 30px; }

.main-slider-area .main-slider__content > * { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.main-slider-area .swiper-slide-active .main-slider__content > :first-child { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .5s; animation-delay: .5s; }

.main-slider-area .swiper-slide-active .main-slider__content > :nth-child(2) { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 1s; animation-delay: 1s; }

.main-slider-area .swiper-container .hs-swiper-button-nav { font-size: 26px; color: rgba(255, 255, 255, 0.75); }

.main-slider-area .swiper-container .hs-swiper-button-nav:hover { color: white; }

.main-slider-area .swiper-container .swiper-button-prev { left: 68px; }

.main-slider-area .swiper-container .swiper-button-next { right: 68px; }

@media only screen and (max-width: 1499px) and (min-width: 992px) { .main-slider__content { height: 600px; }
  .main-slider__title { font-size: 60px; margin-top: -12px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) { .main-slider__content { height: 550px; }
  .main-slider__title { font-size: 50px; margin-top: -8px; } }

@media only screen and (max-width: 767px) { .main-slider__content { height: 450px; }
  .main-slider__title { font-size: 40px; margin-bottom: 20px; margin-top: -8px; } }

.mixer-range-item__image { position: relative; padding-top: calc(64.38746% + 0px); margin-bottom: 60px; }

.mixer-range-item__image a { display: block; }

.mixer-range-item__image a img { width: 100%; height: auto; }

.mixer-range-item:hover .mixer-range-item__image a img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.mixer-range-item__image .icon { width: 70px; height: 70px; line-height: 70px; text-align: center; background-color: #393939; position: absolute; bottom: -35px; left: 20px; }

.mixer-range-item__image .icon i { color: #fff; font-size: 40px; }

.mixer-range-item:hover .mixer-range-item__image .icon { background-color: #8dcce9; }

.mixer-range-item__image-wrapper { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.mixer-range-item__content { line-height: 1.6em; font-size: 1.0666rem; }

.mixer-range-item__content p:last-child { margin-bottom: 0; }

.mixer-range-item__content .title { font-size: 22px; font-family: "Roboto", sans-serif; font-weight: 700; color: #393939; }

.mixer-range-item__content .title a { color: #393939; }

.mixer-range-item__content .title a:hover { color: #8dcce9; }

.mixer-range-item__content .subtitle { font-size: 1.0666rem; }

.mixer-range-item .btn-row { font-weight: 700; }

.mixer-accessories-item__image { position: relative; padding-top: calc(64% + 15px); margin-bottom: 60px; }

.mixer-accessories-item__image a { display: block; }

.mixer-accessories-item__image a img { width: 100%; height: auto; }

.mixer-accessories-item:hover .mixer-accessories-item__image a img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.mixer-accessories-item__image-wrapper { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.mixer-accessories-item__content { line-height: 1.6em; font-size: 0.875rem; font-family: "Poppins", sans-serif; color: #686666; }

.mixer-accessories-item__content p:last-child { margin-bottom: 0; }

.mixer-accessories-item__content .title { font-size: 22px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #393939; }

.mixer-accessories-item__content .title a { color: #393939; }

.mixer-accessories-item__content .title a:hover { color: #8dcce9; }

.mixer-accessories-item__content .subtitle { font-size: 1.0666rem; }

.mixer-accessories-item .btn-row { font-weight: 700; }

.mixer-accessories-bx { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -3.50877%; margin-bottom: -3.50877%; }

.mixer-accessories-bx.tacenter { text-align: center; }

.mixer-accessories-item { margin: 0 0 3.50877% 3.50877%; padding: 15px; -webkit-box-shadow: 0px 0px 13px 2px #cbcbcb; box-shadow: 0px 0px 13px 2px #cbcbcb; }

.mixer-accessories-bx.noshadow .mixer-accessories-item { -webkit-box-shadow: none; box-shadow: none; }

.mixer-accessories-item + .blank-item { margin: 0 0 0 3.50877%; }

@media screen and (min-width: 992px) { .mixer-accessories-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 3.50877%); flex: 0 0 calc(33.33333% - 3.50877%); max-width: calc(33.33333% - 3.50877%); }
  .mixer-accessories-item + .blank-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 3.50877%); flex: 0 0 calc(33.33333% - 3.50877%); max-width: calc(33.33333% - 3.50877%); } }

@media screen and (min-width: 768px) and (max-width: 993px) { .mixer-accessories-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 3.50877%); flex: 0 0 calc(50% - 3.50877%); max-width: calc(50% - 3.50877%); }
  .mixer-accessories-item + .blank-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 3.50877%); flex: 0 0 calc(50% - 3.50877%); max-width: calc(50% - 3.50877%); } }

@media screen and (max-width: 767px) { .mixer-accessories-item + .blank-item { display: none; } }

.mixer-accessories-item__image { margin: -15px -15px 28px -15px; }

.pdfinfo-item__image { position: relative; padding-top: calc(74.85714% + 15px); margin-bottom: 60px; border-bottom: 1px solid #8dcce9; }

.pdfinfo-item__image a { display: block; }

.pdfinfo-item__image a img { width: 100%; height: auto; }

.pdfinfo-item:hover .pdfinfo-item__image a img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.pdfinfo-item__image-wrapper { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.pdfinfo-item__content { line-height: 1.6em; font-size: 0.9375rem; font-family: "Open Sans", sans-serif; color: #686666; }

.pdfinfo-item__content p:last-child { margin-bottom: 0; }

.pdfinfo-item__content .title { font-size: 22px; font-family: "Raleway", sans-serif; font-weight: 700; color: #070707; }

.pdfinfo-item__content .title a { color: #070707; }

.pdfinfo-item__content .title a:hover { color: #8dcce9; }

.pdfinfo-item__content .subtitle { font-size: 1.0666rem; }

.pdfinfo-item .btn-row { font-weight: 700; }

.pdfinfo-bx { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -3.50877%; margin-bottom: -3.50877%; }

.pdfinfo-bx.tacenter { text-align: center; }

.pdfinfo-item { margin: 0 0 3.50877% 3.50877%; padding: 15px; -webkit-box-shadow: 0px 0px 13px 2px #cbcbcb; box-shadow: 0px 0px 13px 2px #cbcbcb; }

.pdfinfo-bx.noshadow .pdfinfo-item { -webkit-box-shadow: none; box-shadow: none; }

.pdfinfo-item + .blank-item { margin: 0 0 0 3.50877%; }

@media screen and (min-width: 992px) { .pdfinfo-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 3.50877%); flex: 0 0 calc(33.33333% - 3.50877%); max-width: calc(33.33333% - 3.50877%); }
  .pdfinfo-item + .blank-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 3.50877%); flex: 0 0 calc(33.33333% - 3.50877%); max-width: calc(33.33333% - 3.50877%); } }

@media screen and (min-width: 768px) and (max-width: 993px) { .pdfinfo-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 3.50877%); flex: 0 0 calc(50% - 3.50877%); max-width: calc(50% - 3.50877%); }
  .pdfinfo-item + .blank-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 3.50877%); flex: 0 0 calc(50% - 3.50877%); max-width: calc(50% - 3.50877%); } }

@media screen and (max-width: 767px) { .pdfinfo-item + .blank-item { display: none; } }

.pdfinfo-item__image { margin: -15px -15px 28px -15px; }

.pdfinfo-item { background-color: #fff; }

.videotutorial-item__image { position: relative; padding-top: calc(56.22318% + 15px); margin-bottom: 60px; border-bottom: 1px solid #8dcce9; }

.videotutorial-item__image a { display: block; }

.videotutorial-item__image a img { width: 100%; height: auto; }

.videotutorial-item:hover .videotutorial-item__image a img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.videotutorial-item__image-wrapper { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.videotutorial-item__content { line-height: 1.6em; font-size: 0.9375rem; font-family: "Open Sans", sans-serif; color: #686666; }

.videotutorial-item__content p:last-child { margin-bottom: 0; }

.videotutorial-item__content .title { font-size: 22px; font-family: "Roboto", sans-serif; font-weight: 700; color: #070707; }

.videotutorial-item__content .title a { color: #070707; }

.videotutorial-item__content .title a:hover { color: #8dcce9; }

.videotutorial-item__content .subtitle { font-size: 1.0666rem; }

.videotutorial-item .btn-row { font-weight: 700; }

.videotutorial-bx { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -7.89474%; margin-bottom: -7.89474%; }

.videotutorial-bx.tacenter { text-align: center; }

.videotutorial-item { margin: 0 0 7.89474% 7.89474%; padding: 15px; -webkit-box-shadow: 0px 0px 13px 2px #cbcbcb; box-shadow: 0px 0px 13px 2px #cbcbcb; }

.videotutorial-bx.noshadow .videotutorial-item { -webkit-box-shadow: none; box-shadow: none; }

.videotutorial-item + .blank-item { margin: 0 0 0 7.89474%; }

@media screen and (min-width: 992px) { .videotutorial-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7.89474%); flex: 0 0 calc(50% - 7.89474%); max-width: 466px; }
  .videotutorial-item + .blank-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7.89474%); flex: 0 0 calc(50% - 7.89474%); max-width: 466px; } }

@media screen and (min-width: 768px) and (max-width: 993px) { .videotutorial-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7.89474%); flex: 0 0 calc(50% - 7.89474%); max-width: calc(50% - 7.89474%); }
  .videotutorial-item + .blank-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7.89474%); flex: 0 0 calc(50% - 7.89474%); max-width: calc(50% - 7.89474%); } }

@media screen and (max-width: 767px) { .videotutorial-item + .blank-item { display: none; } }

.videotutorial-item__image { margin: -15px -15px 28px -15px; }

.videotutorial-item { background-color: #fff; }

.videotutorial-item__content .title { text-align: center; }

.mixer-range-slider .swiper-container.swiper-container-horizontal { padding-bottom: 60px; }

.mixer-range-slider .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px; }

.project-image-header { margin-bottom: 30px; }

.project-image-header img { width: 100%; }

.project-detail-wrap { font-family: "Poppins", sans-serif; }

.project-detail-sidebar { background-color: #000; padding: 26px 20px; margin-bottom: 30px; font-size: .8125em; }

.project-detail-sidebar [class*="title"] { color: #fff; }

.project-detail-content { font-size: .9375em; }

.gallery-wrap { margin-bottom: -14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.gallery-wrap-item { position: relative; margin-bottom: 14px; }

.gallery-wrap-item:before { content: ''; display: block; padding-top: 100%; }

.gallery-wrap-item__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.gallery-wrap-item__image img { width: 100%; }

.gallery-wrap-item:hover .gallery-wrap-item__image img { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media screen and (min-width: 992px) { .gallery-wrap-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 7px); flex: 0 0 calc(25% - 7px); max-width: calc(25% - 7px); overflow: hidden; } }

@media screen and (min-width: 501px) and (max-width: 993px) { .gallery-wrap-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7px); flex: 0 0 calc(50% - 7px); max-width: calc(50% - 7px); overflow: hidden; } }

@media screen and (max-width: 500px) { .gallery-wrap-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; overflow: hidden; } }

.banner-mission-area { text-align: center; color: #fff; padding: 88px 0; }

.banner-mission__title { font-size: 38px; margin-bottom: 60px; }

.banner-mission__subtitle { font-size: 22px; }

@media screen and (max-width: 767px) { .our-team-slider { max-width: 400px; } }

.our-team-info__image { overflow: hidden; }

.our-team-info:hover .our-team-info__image img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.our-team-info__image img { -webkit-transform: scale(1.005); transform: scale(1.005); width: 100%; }

.our-team-info__content { text-align: center; background: #8dcce9; border-bottom: 3px solid #78c2e5; padding: 25px 10px 10px; min-height: 200px; }

.our-team-info__content .name { font-size: 22px; line-height: 1.1em; margin-bottom: 8px; color: #000; }

.our-team-info__content .title { color: #696969; margin-bottom: 20px; }

.our-team-info__content .office-list { margin: 0; padding: 0; list-style: none; color: #000; }

.order-area { background: #2b2b2b; padding: 6rem 0; }

.order-info__image { overflow: hidden; }

.order-info:hover .order-info__image img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.order-info__image img { width: 100%; }

.order-info .order-info__content { padding: 20px; background: #fff; color: #464646; text-align: center; }

.order-info .order-info__content .title { font-size: 22px; }

.order-info .order-info__content .title a { color: #000; }

.order-info .order-info__content .title a:hover { color: #8dcce7; }

@media screen and (max-width: 991px) { .order-area .row > [class*="col"] { margin-bottom: 30px; }
  .order-area .row > [class*="col"]:last-child { margin-bottom: 0; }
  .order-info { max-width: 500px; margin: 0 auto; } }

.latest-project-info__content .count { font-size: 60px; line-height: 1; color: #bebebe; font-weight: 700; margin-bottom: 20px; }

.latest-project-info__content .title { color: #393939; }

.latest-project-info__content .desc { font-size: 18px; margin-bottom: 30px; }

.brand-logo-slider-area { background-color: #8dcce9; padding: 20px 0 !important; }

.brand-logo-slider-area .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.brand-logo-slider-area .swiper-slide { text-align: center; }

.brand-logo-slider-area .swiper-slide .brand-logo__image { display: inline-block; }

.brand-logo-slider-area .swiper-slide .brand-logo__image > img { width: 100%; }

.main-content-wrap { padding: 100px 0; }

.project-single-slider .swiper-slide img { width: 100%; }

.project-single-slider .swiper-button-prev { left: 28px; opacity: 0; }

.project-single-slider .swiper-button-next { right: 28px; opacity: 0; }

.project-single-slider:hover .swiper-button-prev, .project-single-slider:hover .swiper-button-next { opacity: 1; }

.product-info-area { font-size: .86666rem; }

.product-info-area .title { font-size: .86666rem; margin-bottom: .6em; }

.img-desc-bx { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; margin-bottom: 35px; }

.img-desc-bx .img-wrap { margin-right: 50px; -webkit-box-flex: 1; -ms-flex: 1 1 500px; flex: 1 1 500px; }

.img-desc-bx .img-wrap img { vertical-align: top; width: 100%; }

.img-desc-title-wrap { color: #000; font-family: "Roboto", sans-serif; font-weight: 500; }

.img-desc-title-wrap p { line-height: 1.5; }

.img-desc-title { font-family: "Roboto", sans-serif; font-size: 37px; font-weight: 500; }

.img-desc-subtitle { font-family: "Roboto", sans-serif; font-size: 22px; font-weight: 400; }

.img-desc-content-wrap { -webkit-box-flex: 1; -ms-flex: 1 1 500px; flex: 1 1 500px; }

.img-desc-content { font-size: 14px; color: #393939; }

.img-desc-content .btn { font-size: 14px; }

.img-desc-content p:last-child { margin-bottom: 0; }

.img-desc-bx.alt .img-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; }

.img-desc-bx.alt .img-desc-content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.img-desc-bx.alt .img-desc-content-wrap { margin-right: 50px; }

@media (max-width: 991px) { .img-desc-bx { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .img-desc-bx .img-wrap { margin: 0 0 25px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  .img-desc-bx.alt .img-desc-content-wrap { margin: 0; }
  .img-desc-content-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.entry-content-wrap .media { margin-bottom: 30px; }

.entry-content-wrap .btn-row { margin-top: 40px; }

.footer-area { padding: 70px 0; }

.footer-area.dark-bg { background-color: #2b2b2b; color: #fff; }

.footer-area.dark-bg p, .footer-area.dark-bg a { color: #fff; }

.footer-area.dark-bg .alert p { color: #000; }

.footer-area a:hover { color: #8dcce9; }

.footer-area .footer-content-wrapper .title { color: #8dcce7; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 1.4666rem; margin-top: 35px; margin-bottom: 25px; text-transform: none; text-align: left; }

.footer-area .footer-content-wrapper .title span { color: #000; }

.footer-area .footer-content-wrapper .title.altfont { font-family: "Roboto", sans-serif; }

.footer-area .footer-content-wrapper .title.altfont4 { font-family: "Poppins", sans-serif; }

.footer-area .footer-content-wrapper .title.tlight span { color: #e1e1e1; }

.footer-area .footer-content-wrapper .title.underline:after { content: ''; display: block; width: 100px; height: 3px; font-weight: bold; background-color: #8dcce7; margin: 0 auto; margin-top: .4em; margin-bottom: 25px; }

.footer-area .footer-content-wrapper .title.underline:after { margin-left: 0; }

.footer-area .footer-content-wrapper .title.fontWeight-500 { font-weight: 500; }

.footer-area .footer-content-wrapper .title.txt-sz1 { font-size: -0.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz2 { font-size: -2.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz3 { font-size: -4.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz4 { font-size: -6.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz5 { font-size: -8.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz6 { font-size: -10.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz7 { font-size: -12.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz8 { font-size: -14.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz9 { font-size: -16.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz10 { font-size: -18.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz11 { font-size: -19.5334rem; }

.footer-area .footer-content-wrapper .title.txt-sz12 { font-size: -20.5334rem; }

.footer-area .footer-content-wrapper .title:first-child { margin-top: 0; }

.footer-area .footer-content-wrapper .bloq-email { display: -webkit-box; display: -ms-flexbox; display: flex; }

.footer-area .footer-content-wrapper .bloq-email .email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.footer-area .footer-content-wrapper .bloq-email .email input[type="email"] { border: 0; padding: 7px 10px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 15px; vertical-align: top; }

.footer-area .footer-content-wrapper .bloq-email .email input[type="submit"] { border: 0; padding: 7px 10px; background: #8dcce9; border: 1px solid #fff; color: #fff; text-transform: capitalize; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.footer-area .footer-content-wrapper .bloq-email .email input[type="submit"]:hover { background-color: #38a6d9; }

.footer-area .footer-content-wrapper .netabout .logo { margin-bottom: 20px; }

.footer-area .footer-content-wrapper .netabout .logo span { color: #fff; }

.footer-area .footer-content-wrapper .contactus .zmdi { padding-right: 15px; font-size: 25px; color: #8dcce9; }

.footer-area .footer-content-wrapper .contactus .info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .6rem; }

.footer-area .footer-content-wrapper .contactus .info p { margin-bottom: 0; }

.footer-area .footer-content-wrapper .contactus ul { list-style: none; padding: 0; margin: 0; }

.footer-area .footer-content-wrapper .contactus ul li { margin-bottom: 1rem; border-bottom: 1px dotted #464646; }

.footer-area .footer-content-wrapper .nav-footer ul { list-style: none; padding: 0px; }

.footer-area .footer-content-wrapper .nav-footer ul li { margin-bottom: 12px; border-bottom: 1px dotted #464646; }

.footer-area .footer-content-wrapper .nav-footer ul li a { text-decoration: none; font-weight: 300; }

@media screen and (max-width: 1200px) and (min-width: 992px) { .footer-area .footer-content-wrapper .row > [class*="col"] { margin-bottom: 30px; }
  .footer-area .footer-content-wrapper .row > [class*="col"]:nth-last-child(-n + 2) { margin-bottom: 0; } }

@media screen and (max-width: 991px) { .footer-area .footer-content-wrapper .row > [class*="col"] { margin-bottom: 30px; }
  .footer-area .footer-content-wrapper .row > [class*="col"]:nth-last-child(-n + 1) { margin-bottom: 0; } }

@media screen and (max-width: 991px) { .footer-area .footer-content-wrapper { text-align: center; }
  .footer-area .footer-content-wrapper .title { text-align: center; }
  .footer-area .footer-content-wrapper .title.underline:after { margin-left: auto; margin-right: auto; }
  .footer-area .footer-content-wrapper .contactus .info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .footer-area .footer-content-wrapper .email { max-width: 500px; margin-left: auto; margin-right: auto; } }

.second-footer-area { background: #111; color: #fff; font-weight: 300; padding: 15px 0 0; text-align: center; }

.second-footer-area p { color: #fff; font-weight: 300; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

/*@keyframes shine { 100% { left: 125%; } }*/
/*------ HOVER EFFECT ------*/
/*.hover-effect figure { position: relative; overflow: hidden; margin: 0; } .hover-effect figure::before { position: absolute; top: 0; left: -90%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover-effect:hover figure::before { -webkit-animation: shine .75s; animation: shine .75s; } .hover-effect figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s ease; transition: .5s ease; } .hover-effect:hover figure img { -webkit-transform: scale(1.3); transform: scale(1.3); } */

/*# sourceMappingURL=main.css.map */