@import url(./assets/css/css.css);
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SITE COLORS
/*-------------------------------------------------------------------------------------------------------------------------------*/
:root {
  --gr-dark-blue: #444e8b;
  --gr-dark-purple: #1e008c;
  --gr-main-text: #201600;
}

/*------------------------------------------------------------------

Template:Interio
Version: 1.2.0
Last change:16/05/17 [fixed bug, zn]
Author:Azelab

-------------------------------------------------------------------*/
/* TABLE OF CONTENTS:

0. RESET
1. BOOTSTRAP
2. FONTS
3. MIXINS
4. TYPOGRAPHY
5. HELP CLASSES
6. SLIDER STYLES
7. SLIDER NAV BUTTON STYLES
8. SLIDER PAGINATION STYLES
9. HEADER
10. FOOTER
11. POPUP & PANEL
12. RESPONSIVE
13. SHOP PAGE
14. SHOP PAGE TOP SIDEBAR
15. BLOG PAGE
16. BLOG SIDEBAR
17. BLOG POST
18. ABOUT PAGE
19. CONTACT PAGE
20. PROJECT PAGE
21. GALLERY
22. PROJECT LIST SLIDER
23. PRICE PAGE
24. REGISTRETION PAGE
25. SERVICE PAGE
26. TEAM PAGE
27. PRODUCT PAGE
28. SINGLE 1
29. SINGLE 2
30. SINGLE 3
31. Onepage v5
32. Mini
33. Solo
34. Onepage v6
35. Index (dark)
*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 0. RESET
/*-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

body * { -webkit-text-size-adjust: none; box-sizing: border-box; }

input:focus, select:focus, textarea:focus, button:focus, input:invalid { outline: none; box-shadow: none; }

input, textarea, select { font-weight: 400; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0px none; }

select::-ms-expand { display: none; }

a, a:link, a:visited, a:active, a:hover { cursor: pointer; text-decoration: none; outline: none; }

body { font-weight: normal; font-size: 14px; line-height: 1; }

ul, ol { list-style: none; }

b { font-weight: 700; }

input::-webkit-input-placeholder, input::-moz-placeholder, input:-moz-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 1. BOOTSTRAP
/*-------------------------------------------------------------------------------------------------------------------------------*/
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .container { width: 730px; } }
@media (min-width: 992px) { .container { width: 964px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.row { margin-left: -15px; margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0; } }
.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); }

.tooltip.in { opacity: .9; filter: alpha(opacity=90); }

.tooltip.top { margin-top: -3px; padding: 5px 0; }

.tooltip.right { margin-left: 3px; padding: 0 5px; }

.tooltip.bottom { margin-top: 3px; padding: 5px 0; }

.tooltip.left { margin-left: -3px; padding: 0 5px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.hidden { display: none !important; }

.affix { position: fixed; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 2. FONTS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'montserratthin'; src: url("./assets/font/montserrat-hairline-webfont.woff2") format("woff2"), url("./assets/font/montserrat-hairline-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'montserratthin'; src: url("./assets/font/montserrat-thin-webfont.woff2") format("woff2"), url("./assets/font/montserrat-thin-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat Black'; font-style: normal; font-weight: 400; src: local("Montserrat Black"), local("Montserrat-Black"), url(assets/font/montserrat-black.woff) format("woff"), url(assets/font/montserrat-black.ttf) format("truetype"); }
@font-face { font-family: 'Montserrat Light'; font-style: normal; font-weight: 400; src: local("Montserrat Light"), local("Montserrat-Light"), url(assets/font/montserrat-light.woff) format("woff"), url(assets/font/montserrat-light.ttf) format("truetype"); }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 3. MIXINS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.preload { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; z-index: 5000; }

.loader { width: 250px; height: 50px; line-height: 50px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-transform: uppercase; font-weight: 900; color: #7f7f7f; letter-spacing: 0.2em; }
.loader::before, .loader::after { content: ""; display: block; width: 15px; height: 15px; background: #7f7f7f; position: absolute; animation: load .7s infinite alternate ease-in-out; -webkit-animation: load .7s infinite alternate ease-in-out; }
.loader::before { top: 0; }
.loader::after { bottom: 0; }

.preload.version2 { background: #2d333c; }
.preload.version2 .load-wave { position: absolute; width: 0%; height: 10px; top: 50%; left: 0px; animation: wave .7s infinite alternate ease-in-out; }
.preload.version2 .load-wave:before { content: ''; position: absolute; left: 0px; bottom: 0px; height: 8px; width: 100%; background: url(assets/img/word_wave.png) repeat-x; }

@keyframes wave { 0% { width: 0; }
  100% { width: 100%; } }
@-webkit-keyframes wave { 0% { width: 0; }
  100% { width: 100%; } }
@-moz-keyframes wave { 0% { width: 0; }
  100% { width: 100%; } }
@-ms-keyframes wave { 0% { width: 0; }
  100% { width: 100%; } }
@keyframes load { 0% { left: 0; height: 30px; width: 15px; }
  50% { height: 8px; width: 40px; }
  100% { left: 235px; height: 30px; width: 15px; } }
@-webkit-keyframes load { 0% { left: 0; height: 30px; width: 15px; }
  50% { height: 8px; width: 40px; }
  100% { left: 235px; height: 30px; width: 15px; } }
@-moz-keyframes load { 0% { left: 0; height: 30px; width: 15px; }
  50% { height: 8px; width: 40px; }
  100% { left: 235px; height: 30px; width: 15px; } }
@-ms-keyframes load { 0% { left: 0; height: 30px; width: 15px; }
  50% { height: 8px; width: 40px; }
  100% { left: 235px; height: 30px; width: 15px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 4. TYPOGRAPHY*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
body, html { width: 100%; }
body.full-h, html.full-h { height: 100%; }

body { font-family: 'Playfair Display', serif; color: var(--gr-main-text); }
body.overflow { overflow: hidden; }

input, textarea { font-family: 'Montserrat', sans-serif; }

.font-type-1, .questions input, .step-slider-item .title i { font-family: 'Playfair Display', serif; }

.font-type-2, .loader, .h13, .title-counter span, .title-second.type-2 .title, .button-type-1, .button-type-2, .button-type-3, .button-type-4, .tag-link-2, .pagination.style-type-2 .swiper-pagination-bullet i, .nav-menu > ul > li a, .header-icon a span, .mobile-footer .copyright, .copyright, .shop-item .price-val, .shop-total .title-numb, .sub-title, .sidebar-item .title a, .label-text, .tab-room a, .amount-wrap input, .amount-wrap .val, .drop-down.type-1, .top-shop-item .title, .page-pagination a, .range-theme-2 .slider-container .back-bar .pointer-label, .date-line, .like-item, .load-more, .search-input .input-text, .list-toggle li a, .post-share .share span, .block-comment .caption, .comment-wrapper .title-comment, .main-title.type-1 .h14, .circle-item .title, .skill-line, .mini-title, .addr-item .addr-list li, .addr-item .link, .number-step span, .error-message, .marker-tooltip h5, .no-faound-title b, .price-item .title, .price-period-check, .price-value, .slider-range.type-2 .amount-start, .amount-wrap, .wide-sub-title, .range-bar-start, .total-price, .back-price-step, .sub-caption, .pricelist ul, .price-val.type-2, .item-type-1, .service-item.type-3, .project-item.type-2, .step-swich-link li .title, .step-slider-item, .single-desc .folow span, .solo-header nav, .solo-button.button-type-2.style-2, .solo-sub-title, .circle-solo-point.point-circle-slider .slide-point span { font-family: 'Montserrat', sans-serif; }

.font-type-3, .sub-title-black, .post-author .image span, .post-author h5, .block-comment .caption a, .year-item b, .team-slide-item .sub-title, .full-main-slide-title h2, .date-slide, .author-comm, .filter-val-slide { font-family: 'Montserrat Black', sans-serif; }

.font-type-4, .footer.type-2, .bottom-bar .copyright, .item-type-1 .simple-text p, .service-item.type-3 .simple-text p, .project-item.type-2 .simple-text p, .testi-slide .simple-text p, .single-desc .simple-text p, .project-author, .full-about-item.type-2 .signature { font-family: 'Montserrat Light', sans-serif; }

.font-type-5, .title-second.type-2 .sub-title, .simple-text.index-type p, .h2-index, .h3-index, .h4-index, .drag-point, .slider-counter .counter-number, .slider-counter p, .slider-counter .counter-length, .clip-text, .full-about-item.type-2 p, .adres-item, .index-contact-form .final-message, .controls.submit-form .text, .index-contact-form .questions .input-control { font-family: 'montserratthin'; }

.font-type-6, .onepagev6 { font-family: 'Quicksand', sans-serif; }

.h1 { font-size: 118px; }

.h2 { font-size: 105px; }

.h3 { font-size: 94px; }

.h4 { font-size: 70px; }

.h5 { font-size: 64px; }

.h6 { font-size: 50px; }

.h7 { font-size: 26px; line-height: 34px; }

.h8 { font-size: 27px; line-height: 40px; }

.h9 { font-size: 19px; }

.h10 { font-size: 18px; }

.h11 { font-size: 16px; }

.h12 { font-size: 14px; }

.h13 { font-size: 13px; letter-spacing: 1.6px; font-weight: 700; text-transform: uppercase; }

.h14 { font-size: 11px; }

.title-counter { text-align: center; padding-bottom: 45px; position: relative; }
.title-counter .title { padding-bottom: 25px; }
.title-counter span { position: relative; display: inline-block; width: 32px; height: 32px; font-size: 10px; color: #fff; background: #4d4d4e; line-height: 32px; border-radius: 50%; font-weight: 700; vertical-align: middle; }
.title-counter.no-padd { padding-bottom: 0px; }
.title-counter i { font-size: 30px; line-height: 55px; display: inline-block; vertical-align: bottom; }
.title-counter.col-white { color: #fff; }
.title-counter.col-white.col-white .title { color: #fff; }
.title-counter.no-margin { padding-bottom: 0px; margin: 0px; }
.title-counter.no-margin .title { padding-bottom: 0px; }

.title-second { text-align: center; padding-bottom: 70px; position: relative; }
.title-second .title { padding-bottom: 20px; }
.title-second.box-style { max-width: 700px; margin: 0 auto; }
.title-second.type-2 .title { font-size: 65px; line-height: 65px; padding-bottom: 0px; }
.title-second.type-2 .sub-title { font-size: 14px; line-height: 16px; letter-spacing: 6.2px; }
.title-second.type-2.col-style-1 { color: #fff; }
.title-second.type-2.col-style-2 { color: #484848; }

.simple-text { position: relative; }
.simple-text p { font-size: 14px; line-height: 22px; font-weight: 400; }
.simple-text.large p { font-size: 25px; line-height: 36px; }
.simple-text.lg p { font-size: 22px; line-height: 30px; }
.simple-text.mdl p { font-size: 18px; line-height: 34px; }
.simple-text.md p { font-size: 16px; line-height: 24px; }
.simple-text.sm p { font-size: 15px; line-height: 23px; }
.simple-text.xs p { font-size: 14px; line-height: 22px; }
.simple-text.col-type-1 p { color: rgba(77, 77, 78, 0.6); }
.simple-text.col-type-2 p { color: #4d4d4e; }
.simple-text.col-type-3 p { color: rgba(255, 255, 255, 0.6); }
.simple-text.col-type-4 p { color: rgba(77, 77, 78, 0.7); }
.simple-text.col-type-5 p { color: #fff; }
.simple-text.col-type-6 p { color: rgba(255, 255, 255, 0.5); }

.back-cramps-list { font-size: 0px; }

.back-cramps-list li { display: inline-block; font-size: 15px; line-height: 18px; padding: 0px 20px; position: relative; overflow: hidden; }
.back-cramps-list li a { color: #4d4d4e; position: relative; }
.back-cramps-list li:before { content: ''; position: absolute; right: -100%; margin-right: 10px; height: 1px; background: #4d4d4e; top: 50%; width: 100%; margin-top: 2px; }
.back-cramps-list li:after { content: ''; position: absolute; left: -100%; margin-left: 10px; height: 1px; background: #4d4d4e; top: 50%; width: 100%; margin-top: 2px; }
.back-cramps-list li:first-child:after, .back-cramps-list li:last-child:before { display: none; }

.button-type-1 { position: relative; display: inline-block; height: 55px; border-radius: 27px; background: #75acff; padding: 0px 35px; font-weight: 700; color: #fff; text-align: center; border: 2px solid transparent; font-size: 13px; letter-spacing: 1.2px; line-height: 51px; text-transform: uppercase; overflow: hidden; }
.button-type-1:hover { background: none; border-color: #75acff; }
.button-type-1 span { position: relative; display: inline-block; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.button-type-1 span:before { content: attr(data-text); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 51px; color: #75acff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.button-type-1:hover span { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
.button-type-1.type-2 { border-radius: 0px; border-color: #4d4d4e; color: #4d4d4e; background: none; padding: 0px; }
.button-type-1.type-2 span { padding: 0px 75px; }
.button-type-1.type-2 span:before { color: #fff; background: #4d4d4e; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.button-type-1 i { font-size: 16px; display: inline-block; padding-right: 15px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.button-type-1:hover i { color: #75acff; }
.button-type-1.lg-padding { padding: 0px 60px; }

.button-type-2 { position: relative; display: inline-block; height: 77px; line-height: 73px; box-shadow: inset 0px 0px 0px 2px #fff; color: #fff; font-size: 13px; overflow: hidden; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; }
.button-type-2 span:before { content: ''; position: absolute; left: 0px; top: 0px; width: 0%; height: 2px; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0.75s; -moz-transition: all 0.25s ease-out 0.75s; -ms-transition: all 0.25s ease-out 0.75s; transition: all 0.25s ease-out 0.75s; }
.button-type-2:before { content: ''; position: absolute; right: 0px; bottom: 0px; height: 2px; width: 0%; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -ms-transition: all 0.25s ease-out 0.25s; transition: all 0.25s ease-out 0.25s; }
.button-type-2 span:after { content: ''; position: absolute; right: 0px; top: 0px; width: 2px; height: 0%; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0.5s; -moz-transition: all 0.25s ease-out 0.5s; -ms-transition: all 0.25s ease-out 0.5s; transition: all 0.25s ease-out 0.5s; }
.button-type-2:after { content: ''; position: absolute; left: 0px; bottom: 0px; height: 0%; width: 2px; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -ms-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; }
.button-type-2:hover span:before, .button-type-2:hover:before { width: 100%; }
.button-type-2:hover span:after, .button-type-2:hover:after { height: 100%; }
.button-type-2:hover span:before { transition-delay: 0s; }
.button-type-2:hover span:after { transition-delay: 0.25s; }
.button-type-2:hover:before { transition-delay: 0.5s; }
.button-type-2:hover:after { transition-delay: 0.75s; }
.button-type-2:hover { letter-spacing: 5px; }

.button-type-3 { position: relative; display: inline-block; height: 46px; border-radius: 25px; font-size: 0px; overflow: hidden; z-index: 5; text-transform: uppercase; backface-visibility: hidden; }
.button-type-3.type-1 { color: #fff; }
.button-type-3.type-2 { color: #b1b1b1; }
.button-type-3.type-1 span:first-child { border-right: 2px solid #fff; }
.button-type-3.type-2 span:first-child { border-right: 2px solid #b1b1b1; }
.button-type-3 > span { position: relative; display: inline-block; text-align: center; padding: 0px 25px; line-height: 46px; font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; }
.button-type-3 i { font-style: normal; display: inline-block; position: relative; }
.button-type-3:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 5; border-radius: 25px; z-index: 2; }
.button-type-3.type-1:before { box-shadow: inset 0px 0px 0px 2px #fff; }
.button-type-3.type-2:before { box-shadow: inset 0px 0px 0px 2px #b1b1b1; }
.button-type-3.type-2 span:first-child { background: #fff; z-index: 1; position: relative; display: inline-block; }
.button-type-3 span:last-child:before { content: ''; background: #75acff; width: 100%; height: 100%; left: 0%; opacity: 0; top: 1px; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.button-type-3:hover span:last-child:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; transition-delay: 0s; }
.button-type-3:hover span:last-child { color: #fff; }
.button-type-3.type-1 span:first-child:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.35s ease-out 0.15s; -moz-transition: all 0.35s ease-out 0.15s; -ms-transition: all 0.35s ease-out 0.15s; transition: all 0.35s ease-out 0.15s; }
.button-type-3.type-1:hover span:first-child { color: #75acff; }
.button-type-3.type-1:hover span:first-child:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.button-type-4 { font-size: 14px; font-weight: 700; color: var(--gr-main-text); position: relative; display: inline-block; z-index: 1; text-align: center; padding: 0px 60px; height: 60px; line-height: 60px; background: var(--gr-dark-purple); border-radius: 30px; text-transform: uppercase; overflow: hidden; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -ms-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }
.button-type-4 span { position: relative; }
.button-type-4:before { content: ''; position: absolute; left: 50%; bottom: -40px; margin-left: -40px; width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; opacity: 0; }
.button-type-4:hover:before { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); background: #fff; opacity: 1; }
.button-type-4:hover { color: var(--gr-dark-blue); background: #fff; }

.tag-link { position: relative; display: inline-block; padding: 0px 20px; font-size: 11px; height: 30px; line-height: 30px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; border-radius: 15px; background: #4d4d4e; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.tag-link:hover { background: rgba(255, 255, 255, 0.5); color: #4d4d4e; }

.tags { text-align: center; position: relative; }
.tags .tag-link { margin: 0 7px; }

.tag-link-2 { position: relative; display: inline-block; margin: 0px 14px 14px 0px; padding: 0px 30px; text-align: center; height: 38px; border-radius: 19px; background: #dadbd9; text-transform: uppercase; font-size: 12px; letter-spacing: 1.4px; font-weight: 700; color: rgba(77, 77, 78, 0.6); line-height: 38px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.tag-link-2:hover { background: #75acff; color: #fff; }

.section { position: relative; }
.section.xxs-padding { padding: 0px 0px 70px 0px; }
.section.sm-padding { padding: 80px 0px 40px; }
.section.xs-padding { padding: 40px 0px 60px; }

.section-fullpage { position: relative; padding: 70px 0px 80px; }
.section-fullpage.full { height: 1080px; height: 100vmin; min-height: 800px; }

.full-h-section { height: 700px; height: 100vmin; min-height: 650px; }

.content-bg { padding: 160px 0px 180px; position: relative; }

.main-baner-align { padding-top: 90px; position: relative; width: 100%; display: table; height: 100%; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 5. HELP CLASSES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bg-grey { background: #eceeeb; }

.bg-grey2 { background: #f1f1f1; }

.bg-section-1 { background: #484848; }

.bg-section-2 { background: #ededed; }

.pos-absol, .bg, .service-layer, .layer-bg-1, .layer-bg-2, .layer-bg-3, .layer-bg-4, .layer-bg-5, .layer-bg-6, .layer-bg-7, .nav-menu > ul > li > a:before, .pusher-layer, .search-input .send-button input, .slide-layer, .hold-layer, .hold-slide-layer, .mini-slider-layer, .clip-text:after, .clients-item .image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.transition-def, .button-type-3 > span, .button-type-3 span:last-child:before, a, .nav-menu > ul > li > a:before, .close img, .close-item img, .nav-page-pagination.fixed-nav li span, .tumbs-item .slide-swich img { transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; }

.bg, .service-layer { overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; backface-visibility: hidden; }
.bg.fix, .fix.service-layer { background-attachment: fixed; }

.vertical-align, .search-panel.popup .close, .amount-wrap .val, .inside-img img, .skill-line { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; }
.vertical-align.full, .search-panel.popup .full.close, .amount-wrap .full.val, .inside-img img.full, .full.skill-line { left: 0px; width: 100%; text-align: center; }

.table-view { display: table; width: 100%; height: 100%; }

.cell-view { display: table-cell; vertical-align: middle; height: inherit; }

.clear { clear: both; overflow: hidden; height: 0px; font-size: 0px; display: block; }

.layer-bg-1 { background: rgba(104, 106, 176, 0.54); backface-visibility: hidden; }

.layer-bg-2 { background: rgba(49, 46, 73, 0.6); backface-visibility: hidden; }

.layer-bg-3 { background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; backface-visibility: hidden; }

.layer-bg-4 { background: rgba(77, 77, 78, 0.7); backface-visibility: hidden; }

.layer-bg-5 { background: rgba(39, 31, 69, 0.68); backface-visibility: hidden; }

.layer-bg-6 { background: rgba(43, 44, 56, 0.5); backface-visibility: hidden; }

.layer-bg-7 { background: rgba(40, 33, 33, 0.38); backface-visibility: hidden; }

.col-white { color: #fff; }

.column-50 { width: 50%; position: relative; }

.align-parent { display: inline-block; vertical-align: middle; }

.full-h { height: 100%; }

.align-bottom { display: table-row; }

.vertical-wrap { font-size: 0px; }

.vertical-wrap > div[class*="col"] { display: inline-block; vertical-align: middle; position: relative; float: none; }

.wr-last-child > div:last-child { padding-bottom: 0px; margin-bottom: 0px; }

.resp-img { width: 100%; height: auto; display: block; }

div.no-padding-block { padding-bottom: 0px; }

.sub-title-black { font-size: 12px; text-transform: uppercase; letter-spacing: 1.4px; line-height: 16px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 6. SLIDER STYLES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.full-h .swiper-container { height: 100%; }

.swiper-wrapper { cursor: url(assets/img/drag.png) 16 16, ew-resize !important; }

.pagination { text-align: center; position: absolute; bottom: 15px; left: 0px; width: 100%; z-index: 5; }

.swiper-pagination-bullet { position: relative; display: inline-block; width: 10px; height: 10px; background: #7d798f; margin: 0px 4px; opacity: 1; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }

.swiper-pagination-bullet-active { background: #fff; }

.pagination.hidden { display: none; }

.style-type-1 i { display: none; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 7. SLIDER NAV BUTTON STYLES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-button { position: absolute; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; text-align: center; cursor: pointer; z-index: 15; }

.small-arrow-style .swiper-button { position: absolute; width: 15px; height: 15px; line-height: 15px; font-size: 15px; color: #fff; top: 0px; opacity: 0.5; }
.small-arrow-style .swiper-button:hover { opacity: 1; }

.circle-arrow-style { position: absolute; left: 0px; bottom: 180px; max-width: 970px; width: 100%; left: 50%; z-index: 50; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.circle-arrow-style .swiper-button { width: 97px; height: 97px; border-radius: 50%; border: 2px solid rgba(77, 77, 78, 0.3); top: 0px; line-height: 93px; color: rgba(77, 77, 78, 0.3); overflow: hidden; }

.circle-arrow-style .swiper-button i { font-size: 40px; line-height: 90px; position: relative; display: inline-block; width: 100%; height: 100%; }

.circle-arrow-style .swiper-button i:after { font-family: "fontello"; position: absolute; left: 50%; top: 50%; font-size: 40px; color: #75acff; z-index: 5; width: 100%; height: 100%; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; opacity: 0; }

.circle-arrow-style .swiper-arrow-right { right: 0px; }

.circle-arrow-style .swiper-arrow-right i:after { content: '\e811'; -webkit-transform: translate(20%, -50%); -moz-transform: translate(20%, -50%); -ms-transform: translate(20%, -50%); transform: translate(20%, -50%); }

.circle-arrow-style .swiper-arrow-left i:after { content: '\e810'; -webkit-transform: translate(-120%, -50%); -moz-transform: translate(-120%, -50%); -ms-transform: translate(-120%, -50%); transform: translate(-120%, -50%); }

.circle-arrow-style i:before { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.circle-arrow-style .swiper-arrow-left { left: 0px; }

.circle-arrow-style .swiper-button:hover { border-color: #75acff; }

.circle-arrow-style .swiper-arrow-left:hover i:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }

.circle-arrow-style .swiper-arrow-right:hover i:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }

.circle-arrow-style .swiper-arrow-right:hover i:before { -webkit-transform: translateX(-300%); -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); transform: translateX(-300%); opacity: 0; }

.circle-arrow-style .swiper-arrow-left:hover i:before { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%); opacity: 0; }

@media (max-width: 992px) { .circle-arrow-style .swiper-button { width: 50px; height: 50px; line-height: 43px; }
  .circle-arrow-style .swiper-button i:after, .circle-arrow-style .swiper-button i { font-size: 20px; line-height: 43px; } }
@media (max-width: 768px) { .circle-arrow-style { bottom: 65px; }
  .circle-arrow-style .swiper-arrow-right { right: 15px; }
  .circle-arrow-style .swiper-arrow-left { left: 15px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 8. SLIDER PAGINATION STYLES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.pagination.style-type-2 { bottom: 120px; }
.pagination.style-type-2 .swiper-pagination-bullet { width: 45px; height: 30px; border-radius: 0px; background: none; margin: 0px 5px; position: relative; }
.pagination.style-type-2 .swiper-pagination-bullet i { font-size: 12px; text-align: center; text-transform: uppercase; font-weight: 700; color: #fff; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.pagination.style-type-2 .swiper-pagination-bullet:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.pagination.style-type-2 .swiper-pagination-bullet:after { content: ''; position: absolute; left: 13px; bottom: 9px; width: 0%; height: 3px; background: #fff; }
.pagination.style-type-2 .swiper-pagination-bullet-active { background: none; width: 70px; }
.pagination.style-type-2 .swiper-pagination-bullet-active i { opacity: 1; }
.pagination.style-type-2 .swiper-pagination-bullet-active:before { bottom: 9px; background: none; }
.pagination.style-type-2 .swiper-pagination-bullet-active:after { width: 44px; -webkit-transition: all 0.35s ease-out 0.35s; -moz-transition: all 0.35s ease-out 0.35s; -ms-transition: all 0.35s ease-out 0.35s; transition: all 0.35s ease-out 0.35s; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 9. HEADER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header.style-center { position: fixed; left: 0px; top: 0px; height: 90px; width: 100%; background: #fff; z-index: 500; text-align: center; backface-visibility: hidden; }

.style-fullpage.header.bg-scroll { background: #484848; }

.scroll-hidden { -webkit-transition: all 0.35s ease-out 0.35s; -moz-transition: all 0.35s ease-out 0.35s; -ms-transition: all 0.35s ease-out 0.35s; transition: all 0.35s ease-out 0.35s; }

.scroll-hidden.active { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.logo-mobile, .open-menu { display: none; }

.header-wrap { position: relative; margin: 0px 90px; height: 100%; }

.style-fullpage.header { background: none; }
.style-fullpage.header .nav-menu > ul > li > a, .style-fullpage.header .header-icon a i { color: #fff; }
.style-fullpage.header .logo { left: 15px; }
.style-fullpage.header .header-icon { right: 15px; }
.style-fullpage.header .nav-menu ul > li.active > a, .style-fullpage.header .nav-menu ul > li:hover > a { color: #1a205a; }
.style-fullpage.header .nav-menu ul .sub-menu > li.active > a, .style-fullpage.header .nav-menu ul .sub-menu > li:hover > a { color: #fff; }
.style-fullpage.header .nav-menu > ul > li > a:before { background: #fff; }

.style-fullpage .header-wrap { margin: 0px auto; }

nav li { position: relative; }

.nav-menu > ul > li { position: relative; display: inline-block; margin: 0px 8px; padding: 5px 0px; }
.nav-menu > ul > li span { position: relative; z-index: 1; }
.nav-menu > ul > li a { display: block; font-size: 13px; color: var(--gr-main-text); text-transform: uppercase; font-weight: 700; letter-spacing: 1.4px; padding: 5px 10px; line-height: 13px; position: relative; overflow: hidden; }
.nav-menu > ul > li > a:before { content: '';/* background: #7f7f7f;*/ -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); }

.nav-menu ul > li.active > a, .nav-menu ul > li:hover > a { color: #fff; background-color: var(--gr-dark-blue); }
.nav-menu ul > li.active > a:before, .nav-menu ul > li:hover > a:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.header.style-center nav { position: relative; padding: 29px 0px; display: inline-block; }

.logo { left: 0px; width: 102px; }
.logo img { width: 100%; height: auto; }

.header-icon { right: 0px; }
.header-icon a { position: relative; float: left; margin: 0px 0px 0px 10px; }
.header-icon a span { width: 14px; height: 14px; line-height: 14px; position: absolute; right: -5px; bottom: -3px; background: #888; color: #fff; border-radius: 50%; font-size: 8px; font-weight: 400; }
.header-icon a i { color: #888888; font-size: 20px; }

.sub-menu { position: absolute; top: 100%; min-width: 220px; left: 0px; background: #fff; border: 1px solid rgba(4, 5, 5, 0.05); text-align: left; box-shadow: 0px 93px 122px rgba(2, 2, 2, 0.47); padding: 10px 0px; -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); transform: translateX(-35px); visibility: hidden; opacity: 0; -webkit-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }
.sub-menu li { padding: 0px 20px; }
.sub-menu li:last-child a { border-bottom: 0px none; }
.sub-menu .sub-menu { position: absolute; left: 100%; top: 0px; }

.nav-menu > ul > li .sub-menu li a { padding: 8px 10px; line-height: 16px; border-bottom: 1px solid #f2f2f2; font-size: 10px; }

.burger { position: absolute; cursor: pointer; display: none; padding: 9px 0px; width: 50px; height: 100%; left: 0px; z-index: 50; -webkit-transition: all 250ms ease-in 0.35s; -moz-transition: all 250ms ease-in 0.35s; -ms-transition: all 250ms ease-in 0.35s; transition: all 250ms ease-in 0.35s; }
.burger i { position: relative; width: 60%; display: block; margin: 20px auto 0; }
.burger i:before, .burger i:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; display: block; height: 2px; background: #7f7f7f; transform-origin: center center; -webkit-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }
.burger i:after { top: -3px; }
.burger i:before { top: 3px; }
.burger.active i:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.burger.active i:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; }

.mobile-footer { display: none; position: relative; width: 100%; text-align: center; }
.mobile-footer .folow { width: 100%; position: relative; display: inline-block; margin-bottom: 20px; }
.mobile-footer .folow a { margin: 0 10px; }
.mobile-footer .copyright { color: rgba(255, 255, 255, 0.25); font-weight: 300; font-size: 10px; margin-bottom: 20px; float: none; }

.solo-close-menu { position: absolute; text-align: center; width: 60px; height: 60px; top: 25px; left: 50%; margin-left: -30px; line-height: 60px; color: #fff; font-size: 18px; cursor: pointer; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10. FOOTER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer { position: relative; margin: 0 90px; height: 90px; background: #fff; padding: 36px 0px; }

.footer.type-2 { background: #484848; margin: 0px; padding: 0px; display: inline-block; width: 100%; height: auto; }

.footer.fix-footer { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 500; margin: 0px; padding: 36px 90px; height: auto; }

.logo-f { display: block; z-index: 5; position: absolute; left: 0px; }
.logo-f img { width: 100px; height: auto; display: block; }

.footer.type-2 .top-bar .folow { right: 0px; position: absolute; z-index: 5; }

.top-bar { position: relative; width: 100%; border-bottom: 1px solid #6d6d6d; padding: 40px 0px; }
.top-bar .container { position: relative; }

.bottom-bar { position: relative; padding: 30px 0px 25px; }
.bottom-bar .simple-text { float: left; max-width: 450px; }
.bottom-bar .simple-text p { color: rgba(255, 255, 255, 0.4); }
.bottom-bar .copyright { float: right; font-size: 14px; line-height: 16px; color: rgba(255, 255, 255, 0.4); }

.footer-nav { position: relative; display: inline-block; text-align: center; width: 100%; }
.footer-nav li { display: inline-block; margin: 0 18px; line-height: 25px; font-size: 16px; }
.footer-nav li a { color: rgba(255, 255, 255, 0.4); }
.footer-nav li a:hover { color: #fff; }

.copyright { position: relative; float: left; display: inline-block; font-size: 13px; line-height: 24px; color: #7f7f7f; }

.footer .folow { position: relative; float: right; display: inline-block; }

.folow a { font-size: 16px; color: #bdbec0; display: inline-block; margin: 0px 0px 0px 20px; position: relative; }
.folow a:after { content: ''; font-family: "fontello"; position: absolute; display: block; width: 100%; text-align: center; line-height: 16px; font-size: 16px; color: #000; left: 0px; top: 0px; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }
.folow a:before { -webkit-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }

.folow.folow-title { text-align: center; }
.folow.folow-title span { font-size: 12px; padding-bottom: 20px; }
.folow.folow-title a { margin: 0 13px; }
.folow.folow-title a:after { color: #fff; }

.folow .fa-twitter:after { content: '\e806'; }

.folow .fa-facebook:after { content: '\e805'; }

.folow .fa-gplus:after { content: '\e804'; }

.folow .fa-tumblr:after { content: '\e807'; }

.folow .fa-pinterest:after { content: '\e808'; }

.folow .fa-linkedin:after { content: '\e809'; }

.folow.color-style a { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: #fff; text-align: center; font-size: 18px; }
.folow.color-style a:after { line-height: 50px; font-size: 18px; }
.folow.color-style a.fa-twitter { background: #4eccf0; }
.folow.color-style a.fa-facebook { background: #567da9; }
.folow.color-style a.fa-gplus { background: #ea6254; }
.folow.color-style a.fa-pinterest { background: #c24149; }
.folow.color-style a.fa-twitter:after { color: #4eccf0; }
.folow.color-style a.fa-facebook:after { color: #567da9; }
.folow.color-style a.fa-gplus:after { color: #ea6254; }
.folow.color-style a.fa-pinterest:after { color: #c24149; }
.folow.color-style a:hover { background: #fff; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11. POPUP & PANEL*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrap { position: relative; width: 100%; overflow: hidden; }

.wrap-over { position: relative; overflow: hidden; height: 100%; }

.pusher-layer { background: rgba(100, 77, 77, 0.44); cursor: pointer; visibility: hidden; opacity: 0; z-index: 5500; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.effect-push { position: relative; left: 0; height: 100%; background: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; backface-visibility: hidden; }
.effect-push.persp { perspective: 1000px; -webkit-perspective: 1000px; }

.container-perspective { position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; overflow: hidden; }
.container-perspective.persp { -webkit-perspective: 1500px; perspective: 1500px; }
.container-perspective.add-effect { background: #7f7f7f; cursor: pointer; }
.container-perspective.add-effect .effect-push { -webkit-transform: translate3d(0px, 0, -94px) rotateY(6deg); -moz-transform: translate3d(0px, 0, -94px) rotateY(6deg); -ms-transform: translate3d(0px, 0, -94px) rotateY(6deg); transform: translate3d(0px, 0, -94px) rotateY(6deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.container-perspective.add-effect .pusher-layer { opacity: 1; visibility: visible; }
.container-perspective.open-bottom .effect-push { -webkit-transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); -moz-transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); -ms-transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.container-perspective.open-bottom .pusher-layer { opacity: 1; visibility: visible; }

.search-panel { position: fixed; left: 0px; top: 0px; width: 100%; height: 90px; background: #fff; z-index: 600; visibility: hidden; opacity: 0; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.search-panel.active { visibility: visible; opacity: 1; }
.search-panel.popup .close { width: 26px; height: 26px; right: 0px; margin-top: 5px; }
.search-panel .wrap { position: relative; margin: 0 90px; height: inherit; }

.serch-form { position: relative; max-width: 770px; margin: 0 auto; }
.serch-form input { position: relative; display: inline-block; padding: 10px 50px 10px 0px; width: 100%; height: 50px; background: none; color: rgba(77, 77, 78, 0.5); font-size: 26px; }
.serch-form .close-result { right: 0px; cursor: pointer; }

.close { position: absolute; right: 0px; top: 0px; cursor: pointer; }
.close:hover img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.close-item:hover img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12. RESPONSIVE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) { .nav-menu > ul > li:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
  .sub-menu > li:hover > a { color: #fff; background: #7f7f7f; }
  .sub-menu li:hover .sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
  .folow a:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
  .folow a:hover:before { opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } }
@media (max-width: 1400px) { .header-wrap, .footer, .search-panel .wrap { margin: 0 30px; }
  .header.style-center { height: 66px; }
  .header.style-center nav { padding: 16px 0px; }
  .main-baner-align { padding-top: 66px; }
  .search-panel { height: 66px; }
  .footer .folow { margin-top: 5px; }
  .footer { padding: 25px 0px; height: 66px; } }
@media (max-width: 1200px) { .nav-menu > ul > li { margin: 0px 7px; }
  .footer { height: 70px; padding: 25px 0px; }
  .search-panel { height: 66px; }
  .serch-form input { font-size: 18px; height: 40px; padding: 5px 0px; } }
@media (max-width: 992px) { .h6 { font-size: 40px; }
  .h4 { font-size: 60px; }
  .title-counter .title { padding-bottom: 15px; }
  .main-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
  .burger { display: block; }
  .burger.active { -webkit-transform: translateX(230px) translateY(0%); -moz-transform: translateX(230px) translateY(0%); -ms-transform: translateX(230px) translateY(0%); transform: translateX(230px) translateY(0%); background: #fff; top: 0px; text-align: center; }
  .nav-menu { display: table; width: 100%; height: 100%; }
  .logo-mobile { display: block; margin-bottom: 75px; padding-left: 20px; }
  .header.style-center nav { position: fixed; overflow-y: auto; z-index: 580; top: 0px; text-align: left; left: 0px; width: 250px; background: #7f7f7f; height: 100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
  .header.style-center nav .nav-menu > ul { position: relative; width: 100%; display: inline-block; padding: 0px 20px 60px 20px; }
  .header.style-center nav .nav-menu ul > li { display: block; padding: 0px; margin: 0px; }
  .header.style-center nav .nav-menu ul > li > a { color: #fff; padding: 0px 0px 30px; font-size: 14px; }
  .header.style-center nav .nav-menu ul > li .sub-menu li a { border-bottom: 0px none; color: rgba(255, 255, 255, 0.5); font-size: 12px; line-height: 12px; padding-bottom: 20px; }
  .style-fullpage .burger { left: 15px; }
  .style-fullpage .header-wrap { width: 100%; }
  .style-fullpage .burger.active { -webkit-transform: translateX(250px) translateY(0%); -moz-transform: translateX(250px) translateY(0%); -ms-transform: translateX(250px) translateY(0%); transform: translateX(250px) translateY(0%); }
  .align-bottom .mobile-footer { display: table-cell; vertical-align: bottom; }
  .open-menu { position: absolute; right: 0px; display: block; top: 0px; cursor: pointer; font-size: 13px; }
  .open-menu.act { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .header.style-center nav.slide { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  .header.style-center .logo { left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .container-perspective.push-content .main-content { -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); }
  .sub-menu { visibility: visible; display: none; padding: 0px 0px 10px 15px; opacity: 1; position: relative; top: auto; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); box-shadow: none; background: none; border: 0px none; min-width: 100%; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; }
  .sub-menu li { padding: 0px; }
  .sub-menu .sub-menu { position: relative; top: auto; left: auto; padding-bottom: 0px; }
  .serch-form { max-width: 320px; }
  .container-perspective.open-bottom .effect-push { -webkit-transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); -moz-transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); -ms-transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); }
  .main-baner-align .cell-view { display: block; width: 100%; } }
@media (max-width: 768px) { .header-wrap, .footer, .search-panel .wrap { margin: 0px 15px; }
  .burger.active { -webkit-transform: translateX(235px) translateY(0%); -moz-transform: translateX(235px) translateY(0%); -ms-transform: translateX(235px) translateY(0%); transform: translateX(235px) translateY(0%); }
  .footer { text-align: center; height: auto; padding: 25px 0px 0px; }
  .footer .folow, .footer .copyright { float: none; width: 100%; margin-bottom: 20px; }
  .footer .folow a { margin: 0px 10px; }
  .blog-post-img .video-block { margin: 0px; } }
@media (max-width: 480px) { .footer { height: auto; display: inline-block; padding: 25px 0px 20px; }
  .h4 { font-size: 50px; }
  .h6 { font-size: 30px; }
  .h7 { font-size: 24px; line-height: 30px; }
  .serch-form { max-width: 220px; }
  .button-type-1 { height: 40px; line-height: 36px; padding: 0px 15px; font-size: 11px; }
  .button-type-1 span:before { line-height: 36px; font-size: 11px; }
  .mobile-auto .main-baner-align { padding: 66px 15px 0px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13. SHOP PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.shop-panel { position: fixed; right: 0px; top: 0px; width: 540px; background: #4d4d4e; height: 100%; z-index: 550; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }

.popup.active { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.popup .close { width: 26px; height: 26px; top: 65px; right: 50px; z-index: 5; }

.counter { position: relative; display: inline-block; min-width: 110px; border: 2px solid #fff; height: 40px; border-radius: 20px; text-align: center; color: #fff; padding: 0px 14px; line-height: 36px; font-size: 10px; }
.counter input { display: inline-block; background: none; border: 0px none; max-width: 70px; text-align: center; color: #fff; line-height: 34px; font-size: 13px; font-weight: 700; }

.plus-val { float: right; cursor: pointer; }

.minus-val { float: left; cursor: pointer; }

.shop-panel-wrap { position: absolute; width: 100%; top: 0; bottom: 210px; padding: 50px 40px 0px; overflow-y: auto; }
.shop-panel-wrap .title { color: #fff; padding-bottom: 70px; }
.shop-panel-wrap .title .h6 { padding-bottom: 15px; }
.shop-panel-wrap .title p { color: rgba(255, 255, 255, 0.4); }

.shop-item { position: relative; width: 100%; border-bottom: 1px solid #717171; padding-bottom: 25px; margin-bottom: 25px; display: inline-block; }
.shop-item .image { position: relative; float: left; overflow: hidden; max-width: 117px; }
.shop-item .image img { width: 100%; height: auto; border-radius: 50%; }
.shop-item .text { position: relative; padding-left: 140px; }
.shop-item .text a { font-size: 18px; line-height: 27px; color: #fff; display: block; padding-bottom: 15px; }
.shop-item .price-val { display: inline-block; padding-left: 30px; font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, 0.25); line-height: 40px; }
.shop-item .close-item { right: 0px; cursor: pointer; z-index: 5; }
.shop-item:last-child { border-bottom: 0px none; }
.shop-item .text:hover a { color: rgba(255, 255, 255, 0.5); }

.shop-total-wrap { padding: 0px 40px 40px; }

.shop-total { position: absolute; left: 0px; bottom: 0px; width: 100%; background: #4d4d4e; z-index: 8; height: 210px; }
.shop-total .title-numb { display: inline-block; width: 100%; padding: 25px 0px 40px; border-top: 1px solid #717171; }
.shop-total .title-numb .h14 { color: rgba(255, 255, 255, 0.25); text-transform: uppercase; float: left; line-height: 26px; }
.shop-total .title-numb .price-val { color: #fff; font-size: 26px; font-weight: 700; float: right; }
.shop-total .button-type-2 { width: 100%; }

.main-content { position: relative; border: 90px solid #fff; height: 100%; padding: 45px 0px 20px; border-bottom: 0px none; }
.main-content.no-top { padding: 0px; border-top-width: 0px; }
.main-content.no-padd { padding: 45px 0px 0px; }

.card-item { position: relative; width: 100%; z-index: 2; overflow: hidden; border-radius: 5px; background: #fff; text-align: center; margin-bottom: 30px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.card-item.full { min-height: 380px; text-align: left; }
.card-item.full .text { position: relative; max-width: 630px; padding: 50px 40px 40px 45px; height: 100%; }
.card-item.full .text .title { font-size: 27px; color: #fff; line-height: 32px; padding-bottom: 26px; display: block; }
.card-item.full .text .title:hover { color: rgba(255, 255, 255, 0.5); }
.card-item.full .sub-title { color: rgba(255, 255, 255, 0.5); padding-bottom: 7px; }
.card-item.full .simple-text { max-width: 330px; padding-bottom: 70px; }
.card-item.full .simple-text p { color: rgba(255, 255, 255, 0.5); }
.card-item.full .button { position: relative; }
.card-item.full .button-type-3 { position: absolute; left: 45px; bottom: 40px; }
.card-item.full.lg { height: 480px; }
.card-item .image { position: relative; display: block; height: 180px; margin-bottom: 15px; }
.card-item .text { padding: 0px 20px; }
.card-item .text .title { font-size: 16px; line-height: 26px; padding-bottom: 17px; display: inline-block; color: #4d4d4e; }
.card-item .text .title:hover { color: rgba(77, 77, 78, 0.5); }
.card-item .button-type-3.type-2 { margin-bottom: 25px; }
.card-item .sub-title { padding-bottom: 5px; }
.card-item .swiper-container { height: 100%; }
.card-item:hover { box-shadow: 0px 7px 50px rgba(1, 1, 1, 0.4); }
.card-item.type-2 .image { height: 285px; }

.sub-title { font-size: 11px; text-transform: uppercase; font-weight: 700; display: block; letter-spacing: 1.6px; }

.sidebar-item { position: relative; background: #fff; border-radius: 5px; margin-bottom: 15px; }
.sidebar-item .title { border-bottom: 1px solid #d2d2d3; padding: 20px 15px; }
.sidebar-item .h13 { display: inline-block; }
.sidebar-item .title a { float: right; display: inline-block; color: #75acff; border-bottom: 2px solid #caddff; }
.sidebar-item .wrap { padding: 15px 15px 0px 15px; position: relative; display: inline-block; width: 100%; }

.input-entry { display: inline-block; cursor: pointer; position: relative; width: 100%; margin-bottom: 20px; }
.input-entry .checkbox-form { display: none; }
.input-entry .sp-check { position: relative; float: left; width: 17px; height: 17px; background: #c1c1c1; border-radius: 4px; }
.input-entry .sp-check img { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -9px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.input-entry.act .sp-check { background: #75acff; }
.input-entry.act .sp-check img { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.input-entry.radio .sp-check { border-radius: 50%; }
.input-entry.act .label-text { color: #4d4d4e; }
.input-entry.radio .sp-check img { margin-left: -7.5px; margin-top: -5.5px; }

.label-text { position: relative; padding-left: 28px; font-size: 13px; display: block; font-weight: 700; color: rgba(77, 77, 78, 0.7); text-align: left; line-height: 18px; text-transform: uppercase; }

.tab-room { margin-left: -6px; margin-right: -6px; padding-bottom: 20px; }
.tab-room a { width: 50px; height: 50px; border: 2px solid #d2d2d3; line-height: 46px; font-size: 16px; font-weight: 700; color: #4d4d4e; text-align: center; display: inline-block; margin: 0 4px; border-radius: 50%; background: #fff; }
.tab-room a.act { border-color: #75acff; box-shadow: 0px 13px 27px rgba(4, 5, 5, 0.3); }

.slider-range { display: block; margin-top: 5px; }

.range-title { font-size: 10px; display: block; padding-bottom: 25px; text-transform: uppercase; }

.slider-range .ui-slider { margin-bottom: 10px; }

.ui-slider-horizontal { position: relative; height: 4px; text-align: left; background: #efefef; }

.ui-slider .ui-slider-range { position: absolute; top: 0; height: 100%; display: block; border: 0; background-position: 0 0; z-index: 1; background: #4d4d4e; }

.ui-slider .ui-slider-handle { position: absolute; top: -6px; cursor: default; -ms-touch-action: none; width: 16px; height: 16px; margin-left: -6px; border-radius: 50%; z-index: 2; background: #75acff; cursor: pointer; }

.ui-slider .ui-slider-handle:focus { outline: none; }

.amount-start { float: left; }

.amount-end { float: right; }

.input-range { position: relative; width: 100%; display: inline-block; margin-bottom: 20px; }

.amount-wrap { position: relative; display: inline-block; width: 100%; margin-bottom: 24px; }
.amount-wrap input { background: transparent; border: none; width: 100px; height: 35px; font-size: 11px; font-weight: 700; line-height: 35px; border: 2px solid #d2d2d3; border-radius: 20px; color: rgba(77, 77, 78, 0.5); padding: 0px 15px; display: inline-block; position: relative; }
.amount-wrap .amount-end { margin-right: 20px; }
.amount-wrap .val { right: 0px; font-size: 11px; color: rgba(77, 77, 78, 0.5); text-transform: uppercase; font-weight: 700; letter-spacing: -2px; }
.amount-wrap .val sup { font-size: 8px; margin-top: -5px; display: inline-block; vertical-align: top; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14. RESPONSIVE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1400px) { .main-content { border-width: 30px; border-top-width: 66px; }
  .shop-panel-wrap { padding: 30px 20px 0px; bottom: 130px; }
  .shop-panel-wrap .title { padding-bottom: 30px; }
  .shop-item:last-child { margin-bottom: 0px; }
  .popup .close { top: 50px; right: 20px; }
  .shop-total { height: 130px; }
  .shop-total .title-numb { padding: 10px 0px 15px; }
  .shop-total-wrap { padding: 0px 20px 20px; }
  .shop-total-wrap .button-type-2 { height: 57px; line-height: 53px; } }
@media (max-width: 768px) { .main-content { border-width: 15px; border-top-width: 66px; }
  .card-item.full .text { max-width: 100%; left: 0px; top: 0px; padding: 30px; }
  .card-item.full .button { left: 30px; bottom: 30px; }
  .counter input { line-height: 28px; } }
@media (max-width: 540px) { .shop-panel { width: 100%; } }
@media (max-width: 480px) { .shop-item .text a { font-size: 16px; line-height: 22px; }
  .shop-item .image { max-width: 80px; }
  .shop-item .text { padding: 0px 20px 0px 100px; }
  .shop-panel-wrap .title .h6 { padding-bottom: 10px; }
  .popup .close { top: 34px; }
  .shop-item .price-val { padding-left: 0px; display: block; }
  .card-item.full .text { padding: 15px; }
  .card-item.full .text .title { font-size: 24px; line-height: 30px; }
  .tab-room a { margin: 0 3px; }
  .back-cramps-list li { padding: 0px 15px; } }
.drop-down.type-1 { position: relative; display: inline-block; max-width: 160px; }
.drop-down.type-1 .drop-down-text { position: relative; min-width: 130px; height: 30px; border-radius: 15px; background: #4d4d4e; font-size: 11px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); padding: 0px 15px; display: inline-block; line-height: 30px; cursor: pointer; z-index: 100; }
.drop-down.type-1 .drop-down-text span { padding-right: 10px; }
.drop-down.type-1 .drop-down-list { background: #4d4d4e; padding: 15px 15px 5px 15px; min-width: 130px; margin-top: -15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.drop-down.type-1 .drop-down-list li { font-size: 11px; color: rgba(255, 255, 255, 0.5); line-height: 30px; display: block; text-transform: uppercase; cursor: pointer; }
.drop-down.type-1 .drop-down-list li:hover { color: #fff; }
.drop-down.type-1 .drop-down-text i { position: absolute; right: 15px; top: 0px; }

.drop-down.act { z-index: 450; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15. SHOP PAGE TOP SIDEBAR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.drop-down-list { position: absolute; left: 0px; top: 100%; display: none; width: 100%; }

.top-shop-nav { position: relative; display: inline-block; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 40px; padding: 20px 70px 20px 0px; z-index: 5; }

.top-shop-item { position: relative; display: inline-block; }

.top-shop-item .title { position: relative; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 1.6px; padding: 0px 10px 0px 30px; }

.top-shop-item .input-entry { padding-left: 30px; margin-bottom: 0px; }

.filter-button { position: absolute; right: 0px; top: 0px; width: 70px; height: 100%; background: #75acff; text-align: center; line-height: 70px; font-size: 24px; color: #fff; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.filter-button i { display: inline-block; position: relative; text-shadow: 0px 10px 10px rgba(4, 5, 5, 0.44); }

.page-pagination { position: relative; width: 100%; padding: 10px 60px; text-align: center; display: inline-block; font-size: 0px; background: #fff; border-radius: 5px; margin: 10px 0px 65px; }
.page-pagination a { width: 50px; height: 50px; display: inline-block; position: relative; line-height: 50px; font-size: 14px; font-weight: 700; color: #4d4d4e; border-radius: 50%; margin: 0 10px; }
.page-pagination .left-nav { float: left; }
.page-pagination .right-nav { float: right; }
.page-pagination a:hover { box-shadow: 0px 12px 23px rgba(2, 2, 2, 0.24); text-decoration: none; color: rgba(77, 77, 78, 0.5); background: #fff; }

.range-theme-2 { position: relative; display: inline-block; }

.range-theme-2 .theme-green .back-bar .pointer { width: 55px; height: 16px; background: none; border-radius: 8px; text-align: center; border: 0px none; }

.range-theme-2 .slider-container .back-bar .pointer-label { top: -5px; height: 16px; line-height: 16px; border-radius: 8px; background: #4d4d4e; color: rgba(255, 255, 255, 0.5); font-size: 11px; text-transform: uppercase; padding: 0px 10px; }

.range-theme-2 .theme-green .back-bar .selected-bar { background: #4d4d4e; }

.slider-container .scale { display: none; }

.slider-container .back-bar .pointer { cursor: pointer; }

.range-theme-1 { position: relative; width: 100%; margin-bottom: 30px; }

.range-theme-1 .slider-container { display: inline-block; }

.range-theme-1 .theme-green .back-bar .pointer { width: 16px; height: 16px; background: #75acff; border-radius: 50%; text-align: center; border: 0px none; }

.range-theme-1 .slider-container .back-bar .pointer-label { opacity: 0; }

.range-theme-1 .theme-green .back-bar .selected-bar { background: #4d4d4e; }

@media (max-width: 1200px) { .top-shop-item { width: 50%; float: left; margin-bottom: 20px; text-align: center; }
  .top-shop-item:nth-child(3) { clear: both; }
  .top-shop-item .title { padding: 0px 0px 10px 0px; display: block; }
  .top-shop-item .input-entry { padding-left: 0px; }
  .top-shop-nav { padding: 20px 70px 0px 20px; }
  .top-shop-item .input-entry { width: auto; } }
@media (max-width: 992px) { .page-pagination a { margin: 0px; }
  .page-pagination { padding: 10px; margin: 0px 0px 30px; } }
@media (max-width: 768px) { .card-item.full .button-type-3 { left: 30px; bottom: 30px; }
  .page-pagination a { width: 30px; height: 30px; line-height: 30px; font-size: 11px; } }
@media (max-width: 650px) { .top-shop-item { width: 100%; }
  .top-shop-nav { padding: 20px 50px 0px 10px; }
  .filter-button { width: 50px; height: 50px; line-height: 50px; border-radius: 5px; font-size: 16px; }
  .card-item.full.lg { height: 380px; }
  .card-item.type-2 .image { height: 185px; } }
@media (max-width: 480px) { .top-shop-nav { padding: 70px 10px 0px; }
  .card-item.full .button-type-3 { left: 15px; bottom: 15px; }
  .page-pagination a { width: 25px; height: 25px; line-height: 25px; }
  .page-pagination { padding: 10px 5px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16. BLOG PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-item { position: relative; display: inline-block; width: 100%; background: #fff; margin-bottom: 55px; padding: 35px 70px 40px; }
.blog-item .title { padding-bottom: 15px; }
.blog-item .title a { color: #4d4d4e; }
.blog-item .title a:hover { color: rgba(77, 77, 78, 0.5); }
.blog-item .simple-text { padding-bottom: 20px; }
.blog-item .simple-text p { color: rgba(77, 77, 78, 0.7); }
.blog-item.full-w { padding: 0px; }
.blog-item.full-w .text { padding: 20px 70px 20px; position: relative; display: inline-block; width: 100%; }
.blog-item.full-w .like-item { float: left; }
.blog-item.full-w .like-item a { padding-right: 40px; }
.blog-item.full-bg .title a, .blog-item.full-bg .date-line a { color: #fff; }
.blog-item.full-bg .simple-text p { color: rgba(255, 255, 255, 0.6); }
.blog-item.full-bg .date-line span { color: rgba(255, 255, 255, 0.5); }

.date-line { position: relative; display: inline-block; width: 100%; font-size: 12px; font-weight: 900; text-transform: uppercase; padding-bottom: 15px; }
.date-line a { color: #4d4d4e; display: inline-block; padding-right: 20px; }
.date-line a:hover { color: #75acff; }
.date-line span { color: rgba(77, 77, 78, 0.7); }

.like-item { display: inline-block; position: relative; float: right; font-size: 13px; text-transform: uppercase; font-weight: 700; padding: 25px 0px; }
.like-item a { color: rgba(77, 77, 78, 0.3); }
.like-item i { font-size: 18px; padding-right: 10px; vertical-align: middle; }
.like-item span { line-height: 18px; vertical-align: middle; }
.like-item a:hover { color: #75acff; }

.wh-img .image { position: absolute; width: 50%; height: 100%; top: 0px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }

.wh-img .simple-text { padding-bottom: 75px; }

.blog-item.right-img .image { right: 0px; }

.blog-item.right-img .text { position: relative; float: left; width: 50%; display: inline-block; height: 100%; padding-right: 60px; }

.blog-item.left-img .image { left: 0px; }

.blog-item.left-img .text { position: relative; float: right; width: 50%; display: inline-block; height: 100%; padding-left: 60px; }

.load-more { position: relative; cursor: pointer; margin-bottom: 60px; width: 100%; text-align: center; font-size: 13px; color: #4d4d4e; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; overflow: hidden; height: 75px; line-height: 75px; background: #eceeeb; box-shadow: 0px 35px 79px rgba(4, 5, 5, 0.4); }
.load-more span { z-index: 5; position: relative; display: inline-block; }
.load-more:before { content: ''; width: 100px; height: 100px; background: #dedfdd; border-radius: 50%; left: 50%; bottom: 0%; margin: 0px 0px -50px -50px; position: absolute; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.load-more:hover:before { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); transform: scale(5); opacity: 0; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 17. BLOG SIDEBAR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.search-input { position: relative; width: 100%; margin-bottom: 20px; }
.search-input .input-text { position: relative; width: 100%; height: 50px; border: 2px solid #d2d2d3; border-radius: 5px; line-height: 46px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0px 50px 0px 15px; background: none; }
.search-input .send-button { position: absolute; right: 0px; top: 0px; width: 50px; height: 100%; line-height: 50px; text-align: center; color: #a8a9a8; }
.search-input .send-button input { z-index: 5; cursor: pointer; background: none; border: 0px none; }

.sidebar-item.no-bg { background: none; }

.inst-row { margin-left: -7px; margin-right: -7px; }

.inst-item { position: relative; float: left; display: inline-block; width: 33.333%; padding: 0px 7px 14px; border-radius: 5px; overflow: hidden; height: 70px; }
.inst-item a { position: relative; display: inline-block; width: 100%; height: 100%; }
.inst-item .bg, .inst-item .service-layer { border-radius: 5px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.inst-item:hover .bg, .inst-item:hover .service-layer { opacity: 0.5; }

.sidebar-item .title .link-inst { color: rgba(77, 77, 78, 0.5); border-bottom: 0px none; }

.list-toggle li { border-bottom: 1px solid #ededed; position: relative; width: 100%; display: block; }
.list-toggle li a { padding: 15px 20px; z-index: 5; font-weight: 700; font-size: 13px; line-height: 16px; text-transform: uppercase; color: rgba(77, 77, 78, 0.7); position: relative; display: inline-block; width: 100%; }
.list-toggle li:hover a { color: #4d4d4e; }
.list-toggle .arrow { position: absolute; right: 20px; top: 0px; line-height: 45px; display: block; font-size: 10px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; color: rgba(77, 77, 78, 0.7); }
.list-toggle .arrow.act { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.list-toggle li ul { border-top: 1px solid #ededed; display: none; }
.list-toggle li ul li a { padding: 15px 20px 15px 35px; font-weight: 400; }
.list-toggle li ul li:last-child { border-bottom: 0px none; }

.sidebar-slider { position: relative; width: 100%; height: 300px; overflow: hidden; }
.sidebar-slider .bg, .sidebar-slider .service-layer { border-radius: 5px; }
.sidebar-slider .title { color: #fff; position: absolute; left: 0px; top: 0px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); z-index: 5; }
.sidebar-slider .small-arrow-style .swiper-button { line-height: 50px; }
.sidebar-slider .small-arrow-style .swiper-arrow-right { right: 10px; }
.sidebar-slider .small-arrow-style .swiper-arrow-left { right: 25px; }

@media (min-width: 992px) { .wh-img:hover .image { box-shadow: 0px 15px 90px rgba(4, 5, 5, 0.75); } }
@media (max-width: 992px) { .blog-item.left-img .text { padding-left: 30px; }
  .blog-item.right-img .text { padding-right: 30px; }
  .blog-item { padding: 30px; } }
@media (max-width: 768px) { .wh-img .image { position: relative; width: 100%; height: 300px; }
  .blog-item.left-img .text, .blog-item.right-img .text { width: 100%; padding: 30px; }
  .wh-img .simple-text { padding-bottom: 40px; }
  .blog-item, .load-more { margin-bottom: 30px; }
  .blog-item { padding: 0px; }
  .blog-item.no-img { padding: 30px; }
  .blog-item.full-w .text { padding: 20px 30px; } }
@media (max-width: 480px) { .like-item { padding: 10px 0px; font-size: 11px; }
  .like-item i { font-size: 16px; }
  .blog-item.left-img .text, .blog-item.right-img .text, .blog-item.no-img { padding: 20px 15px; }
  .date-line a { padding-right: 10px; }
  .date-line { font-size: 11px; }
  .load-more { font-size: 11px; line-height: 45px; height: 45px; }
  .blog-item.full-w .text { padding: 20px 15px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 18. BLOG POST */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.align-wrap { margin-left: -25px; position: relative; width: 100%; height: 100%; }

.blog-post-img { position: relative; float: right; width: 50%; height: inherit; }

.padd-wrap { position: relative; width: 100%; padding: 90px 0px 95px; display: inline-block; height: 100%; }

.blog-post-desc { position: absolute; width: 50%; left: 0px; top: 90px; bottom: 0px; overflow-y: auto; padding: 70px 70px 70px 80px; }
.blog-post-desc .title { line-height: 70px; padding-bottom: 25px; display: block; }
.blog-post-desc .sub-title-black { color: rgba(77, 77, 78, 0.3); padding-bottom: 20px; }
.blog-post-desc article .simple-text { padding-bottom: 25px; }
.blog-post-desc .tags { margin-bottom: 35px; }

.back-button { position: relative; width: 30px; text-align: center; height: 60px; display: block; margin-bottom: 30px; }
.back-button i { color: #b1b2b0; font-size: 55px; line-height: 57px; display: block; }

.quote-text { border: 1px solid #b6b7b5; position: relative; padding: 35px 35px 50px; margin: 20px 0px 70px; }
.quote-text .sub-title { color: rgba(77, 77, 78, 0.5); font-size: 12px; padding-bottom: 20px; z-index: 1; position: relative; }
.quote-text p { font-size: 19px; line-height: 28px; color: #4d4d4e; }
.quote-text p i { font-style: italic; font-weight: 700; }
.quote-text .bq { display: block; position: absolute; left: -55px; top: 0px; font-size: 250px; line-height: 110px; color: #eceeeb; text-shadow: 0px 39px 54px rgba(4, 5, 5, 0.35); }

.post-author { position: relative; text-align: center; padding-bottom: 30px; }
.post-author .image { position: relative; display: inline-block; }
.post-author .image span { font-size: 85px; color: rgba(77, 77, 78, 0.15); letter-spacing: 1.4px; line-height: 90px; display: block; position: relative; text-transform: uppercase; }
.post-author .image img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0px; }
.post-author h5 { font-size: 15px; color: #4d4d4e; line-height: 18px; text-transform: uppercase; letter-spacing: 1.4px; }

.post-share { position: relative; display: inline-block; width: 100%; text-align: center; margin-bottom: 50px; }
.post-share .share { position: relative; width: 33.333%; height: 59px; border: 1px solid #b2b3b1; border-right: 0px none; line-height: 54px; display: block; float: left; color: rgba(77, 77, 78, 0.4); }
.post-share .share:hover { color: #4d4d4e; }
.post-share .share span { display: inline-block; font-size: 12px; letter-spacing: 5.4px; font-weight: 700; text-transform: uppercase; }
.post-share .share i { display: inline-block; padding-right: 15px; font-size: 18px; }
.post-share .comm { position: relative; float: left; display: block; width: 60px; line-height: 56px; color: rgba(77, 77, 78, 0.4); border: 1px solid #b2b3b1; font-size: 18px; }
.post-share .comm:hover { color: #4d4d4e; }

.share-wrap { position: relative; width: 100%; padding-right: 60px; }

.block-comment { position: relative; width: 100%; margin-bottom: 55px; display: inline-block; }
.block-comment .image { position: relative; float: left; }
.block-comment .image img { max-width: 75px; height: auto; }
.block-comment .text { position: relative; padding-left: 100px; }
.block-comment .text textarea { background: #fff; resize: none; border-radius: 5px; height: 135px; width: 100%; padding: 25px; font-size: 14px; color: #4d4d4e; position: relative; margin-bottom: 15px; }
.block-comment .text .button-type-1 { margin-bottom: 30px; }
.block-comment .caption { position: relative; display: block; padding-bottom: 15px; }
.block-comment .caption a { font-size: 14px; letter-spacing: 1.4px; color: #4d4d4e; padding-right: 10px; text-transform: uppercase; }
.block-comment .caption span { font-size: 13px; color: rgba(77, 77, 78, 0.5); }

.comment-wrapper .title-comment { display: block; margin-bottom: 40px; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 5.4px; color: #4d4d4e; text-align: center; }

.post-navigation { position: relative; width: 100%; display: inline-block; padding-bottom: 70px; }
.post-navigation .nav-arr { position: relative; width: 50%; float: left; padding: 0px 45px; }
.post-navigation .nav-arr i { display: block; font-size: 60px; line-height: 60px; color: #b1b2b0; position: absolute; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.post-navigation h5 { font-size: 15px; line-height: 21px; color: #4d4d4e; display: block; padding-bottom: 10px; }
.post-navigation .sub-title-black { font-size: 11px; color: rgba(77, 77, 78, 0.3); }
.post-navigation .nav-arr:hover i { color: #4d4d4e; }

.right-post-nav { text-align: right; }
.right-post-nav i { right: 0px; }
.right-post-nav:hover i { margin-right: 15px; }

.left-post-nav { text-align: left; }
.left-post-nav i { left: 0px; }
.left-post-nav:hover i { margin-left: 15px; }

@media (max-width: 1500px) { .post-navigation .right-post-nav { padding: 0px 50px 0px 0px; }
  .post-navigation .left-post-nav { padding: 0px 0px 0px 50px; }
  .blog-post-desc { padding: 70px 30px; }
  .quote-text .bq { left: 0px; }
  .block-comment .text .button-type-1 { margin-bottom: 0px; } }
@media (max-width: 1400px) { .blog-post-desc { top: 66px; } }
@media (max-width: 1200px) { .blog-post-desc { padding: 50px 30px; }
  .post-share .share span { font-size: 11px; letter-spacing: 1.4px; } }
@media (max-width: 992px) { .blog-post-img { width: 100%; height: 450px; margin-top: 66px; }
  .blog-post-desc { position: relative; width: 100%; top: auto; }
  .back-button { margin-bottom: 20px; }
  .blog-post-desc .title { font-size: 40px; line-height: 50px; padding-bottom: 15px; }
  .blog-post-desc article .simple-text.large p { font-size: 20px; line-height: 28px; }
  .post-navigation { padding-bottom: 0px; } }
@media (max-width: 500px) { .post-navigation h5, .post-navigation .sub-title-black, .post-share .share span { display: none; }
  .post-share .share i { padding-right: 0px; }
  .post-navigation .right-post-nav, .post-navigation .left-post-nav { padding: 0px; }
  .post-navigation .nav-arr i { position: relative; }
  .quote-text { padding: 35px 25px; }
  .quote-text .bq { font-size: 150px; line-height: 90px; }
  .post-author .image span { font-size: 50px; }
  .tags .tag-link { margin: 0px 3px 6px; }
  .block-comment .text { padding-left: 0px; }
  .block-comment .image { display: block; float: none; }
  .block-comment .image img { margin: 0 auto 20px; display: block; }
  .blog-post-desc { padding: 30px 15px; }
  .block-comment { margin-bottom: 30px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 19. ABOUT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.full-scroll-section { position: relative; width: 100%; }

.wrapper-full-scroll { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; padding-top: 90px; }

.nav-page-pagination.fixed-nav { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }
.nav-page-pagination.right { right: 0px; width: 90px; }
.nav-page-pagination.fixed-nav li { position: relative; }
.nav-page-pagination.fixed-nav li span { position: relative; display: block; width: 5px; height: 5px; background: rgba(77, 77, 78, 0.7); margin: 0 auto 15px; border-radius: 50%; cursor: pointer; }
.nav-page-pagination.fixed-nav li.active span, .nav-page-pagination.fixed-nav li:hover span { -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); transform: scale(2.2); background: #4d4d4e; }

.tooltip-point { position: absolute; right: 0px; margin-right: 67px; top: -8px; font-size: 12px; z-index: 5; background: #75acff; color: #fff; border-radius: 10px; padding: 5px 8px 6px; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; cursor: pointer; }

.fixed-nav li:hover .tooltip-point { opacity: 1; margin-right: 57px; z-index: 1; }

.full-height-baner { position: relative; width: 100%; height: 100vmin; min-height: 800px; z-index: -1; }
.full-height-baner.section-scroll { min-height: 100%; }
.full-height-baner.over { overflow: hidden; z-index: 1; }

.scroll-fade.padd { left: 90px; right: 90px; width: auto; }

.over-wrap-hidden { height: 100vmin; position: relative; width: 100%; }

.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }

@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
.main-title.type-1 { backface-visibility: hidden; position: relative; }
.main-title.type-1 .h1 { font-size: 135px; line-height: 145px; padding-bottom: 15px; }
.main-title.type-1 .h14 { font-weight: 700; color: rgba(255, 255, 255, 0.5); letter-spacing: 1.4px; text-transform: uppercase; }
.main-title.type-1.text-left { padding: 0px 120px; }
.main-title.type-1.vertical-align, .search-panel.popup .main-title.type-1.close, .amount-wrap .main-title.type-1.val, .inside-img img.main-title.type-1, .main-title.type-1.skill-line { position: absolute; }

.inside-img img { max-height: 580px; }
.inside-img img:first-child { left: -90px; }
.inside-img img:last-child { right: -90px; }

.about-tags-block { text-align: center; padding: 130px 0px 205px; position: relative; }
.about-tags-block .title { font-size: 42px; line-height: 55px; padding-bottom: 30px; }
.about-tags-block .simple-text { padding-bottom: 35px; }
.about-tags-block .simple-text p { line-height: 40px; }
.about-tags-block .button-type-1 { margin: 0px 8px 16px; }

.about-team-block { font-size: 0px; position: relative; height: 900px; }

.desc-block { padding: 0px 35px 0px 85px; }

.tab-item { visibility: hidden; opacity: 0; height: 100%; width: 100%; left: 0px; top: 0px; position: absolute; }
.tab-item.active { visibility: visible; opacity: 1; }

.rel-item .tab-item { position: relative; height: auto; left: auto; top: auto; }

.tumbs-item { margin-bottom: 25px; position: relative; display: inline-block; }

.tumbs-item .slide-swich { position: relative; float: left; margin-right: 20px; width: 70px; height: 70px; z-index: 1; border-radius: 50%; overflow: hidden; background: #484848; cursor: pointer; }
.tumbs-item .slide-swich img { width: 100%; height: auto; display: block; opacity: 0.2; }
.tumbs-item .slide-swich.active img, .tumbs-item .slide-swich:hover img { opacity: 1; }

.team-desc { position: relative; width: 100%; }
.team-desc .title { font-size: 77px; line-height: 86px; padding-bottom: 20px; display: block; }
.team-desc .simple-text { padding-bottom: 65px; }
.team-desc .simple-text.lg p { font-size: 20px; line-height: 34px; }

.team-follow { position: relative; display: inline-block; vertical-align: top; }
.team-follow a { font-size: 30px; color: #4d4d4e; display: inline-block; padding-right: 30px; line-height: 50px; }
.team-follow a:hover { color: #75acff; }

.analitic-block { text-align: center; font-size: 0px; padding: 65px 0px 30px; position: relative; }

.circle-item { position: relative; width: 100%; display: inline-block; margin-bottom: 40px; text-align: center; }
.circle-item .title { font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 5.4px; padding-top: 20px; }

.client-block { padding: 70px 0px 50px; }

.client-item { position: relative; width: 100%; margin-bottom: 140px; text-align: center; }
.client-item a { display: inline-block; width: 100%; opacity: 0.3; }
.client-item:hover a { opacity: 1; }

.scroll-fade.bg, .scroll-fade.service-layer { position: fixed; }

.skill-line { left: 0px; width: 100%; text-align: center; color: #4d4d4e; font-size: 47px; font-weight: 700; }
.skill-line b { font-size: 30px; display: inline-block; color: #4d4d4e; }

.skill-circle { position: relative; display: inline-block; width: 210px; height: 210px; }

.slider-animation .swiper-slide .team-desc .title { opacity: 0; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.slider-animation .swiper-slide .team-desc .simple-text { opacity: 0; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.45s ease-out 0.25s; -moz-transition: all 0.45s ease-out 0.25s; -ms-transition: all 0.45s ease-out 0.25s; transition: all 0.45s ease-out 0.25s; }

.slider-animation .swiper-slide .team-follow-wrap { opacity: 0; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.65s ease-out 0.35s; -moz-transition: all 0.65s ease-out 0.35s; -ms-transition: all 0.65s ease-out 0.35s; transition: all 0.65s ease-out 0.35s; }

.slider-animation .swiper-slide.swiper-slide-active .team-desc .title, .slider-animation .swiper-slide.swiper-slide-active .simple-text, .slider-animation .swiper-slide.swiper-slide-active .team-follow-wrap { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }

.service-item { position: relative; padding-bottom: 70px; text-align: center; }
.service-item .image { /*width: 120px;*/ height: 120px; position: relative; background: #fff; border-radius: 50%; margin: 0 auto 15px; text-align: center; overflow: hidden; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.service-item .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; display: block; backface-visibility: hidden; }
.service-item .text .title { padding-bottom: 10px; }
.service-item:hover .image, .service-item.active .image { background: #75acff; }
.service-item .image img.img-in { opacity: 0; -webkit-transform: translate(-50%, 150%); -moz-transform: translate(-50%, 150%); -ms-transform: translate(-50%, 150%); transform: translate(-50%, 150%); }
.service-item:hover .image .img-out, .service-item.active .image .img-out { -webkit-transform: translate(-50%, -150%); -moz-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); transform: translate(-50%, -150%); opacity: 0; }
.service-item:hover .image .img-in, .service-item.active .image .img-in { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }
.service-item .simple-text p { color: rgba(77, 77, 78, 0.5); }

.video-item { height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; overflow: hidden; z-index: -5; border-radius: 10px; }

.play-button { cursor: pointer; z-index: 5; }
.play-button img { opacity: 0.4; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.play-button img:hover { opacity: 1; }

.close-video { width: 30px; height: 30px; background: #fff; z-index: 8; color: #272b2b; opacity: 0; position: absolute; right: 15px; top: 15px; line-height: 30px; text-align: center; font-size: 24px; cursor: pointer; backface-visibility: hidden; }
.close-video span { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.video-item.act { z-index: 5; }
.video-item.act .video-title { opacity: 0; }
.video-item.act .close-video { opacity: 1; }
.video-item.act .video-wrapper { opacity: 1; visibility: visible; }

.video-wrapper { position: relative; width: 100%; display: block; background: #000; height: 100%; opacity: 0; visibility: hidden; }

.video-iframe { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.video-iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; outline: none; }

.video-block { position: relative; width: 100%; overflow: hidden; height: 340px; box-shadow: 0px 73px 76px rgba(5, 5, 6, 0.75); border-radius: 10px; }
.video-block .bg, .video-block .service-layer, .video-block .layer-bg-2 { border-radius: 10px; }
.video-block.full-video { height: 100%; box-shadow: none; border-radius: 0px; }
.video-block.full-video .bg, .video-block.full-video .service-layer, .video-block.full-video .layer-bg-2 { border-radius: 0px; }

.caption { position: relative; text-align: left; }
.caption .title { padding-bottom: 10px; }
.caption .simple-text { padding-bottom: 30px; }

.history-slide { position: relative; width: 100%; padding-bottom: 0px; text-align: center; }

.block-img { position: relative; max-width: 370px; margin: -85px auto 0px; display: inline-block; }
.block-img .image { margin: 0px auto 20px; box-shadow: 0px 40px 87px rgba(5, 5, 6, 0.3); position: relative; width: 220px; height: 220px; border-radius: 50%; }
.block-img .title { font-size: 22px; line-height: 35px; padding-bottom: 20px; }
.block-img .title a { color: #4d4d4e; }
.block-img .title a:hover { color: #75acff; }

.mini-title { font-size: 12px; font-weight: 700; text-transform: uppercase; color: rgba(77, 77, 78, 0.3); }

.year-item { position: relative; text-align: center; overflow: hidden; }
.year-item b { font-size: 218px; color: rgba(77, 77, 78, 0.25); display: inline-block; line-height: 200px; font-weight: 900; position: relative; background: #eceeeb; padding: 0px 60px; }

.wrapp-line .swiper-slide:before { content: ''; position: absolute; left: 0%; width: 100%; background: url(assets/img/timeline_bg.png) repeat-x; height: 106px; top: 27px; }

.team-block { height: 580px; z-index: 5; }
.team-block .caption { text-align: center; position: relative; padding-top: 55px; backface-visibility: hidden; }

.gutter-15 .swiper-slide { padding: 0px 15px; }

.test-item { position: relative; width: 100%; padding: 25px; background: #fff; }
.test-item .rate { float: right; }
.test-item h5 { position: relative; float: left; padding-bottom: 12px; letter-spacing: -0.2px; }
.test-item .simple-text { display: block; padding-bottom: 10px; clear: both; }

.rate { position: relative; display: inline-block; line-height: 20px; }
.rate i { font-size: 12px; color: #d4e51c; margin: 0 1px; }

.rev-title { position: relative; }
.rev-title .h6 { font-size: 53px; line-height: 55px; padding-bottom: 10px; }
.rev-title p { font-size: 18px; }

.team-item { position: absolute; bottom: 30px; left: 50%; margin-left: -115px; background: #fff; border-radius: 5px; padding: 25px 35px 30px; display: inline-block; width: 305px; text-align: center; z-index: 5; box-shadow: 0px 0px 51px rgba(5, 5, 6, 0.2); opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.team-item:before { content: ''; position: absolute; left: 50%; top: -8px; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; }
.team-item .title { font-size: 25px; padding-bottom: 15px; }
.team-item .simple-text { padding-bottom: 20px; }
.team-item .share a { font-size: 20px; color: #4d4d4e; margin: 0px 10px; }
.team-item .share a:hover { color: #75acff; }
.team-item .image { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0 auto 20px; }

.hover-area { position: relative; width: 100%; height: 100%; float: left; }
.hover-area:hover .team-item { opacity: 1; visibility: visible; }
.hover-area:last-child .team-item { left: auto; right: 0px; margin-left: 0px; }
.hover-area:first-child .team-item { left: 0px; margin-left: 0px; }

.button-wrapper { display: block; max-width: 785px; margin: 0 auto; }

.no-overflow, .no-overflow .swiper-wrapper { overflow: visible !important; }

#fp-nav.right { right: 34px; }

.block-3 { position: relative; width: 100%; height: inherit; }

.fix-footer.no-padd { padding-right: 0px; padding-left: 0px; }

@media (min-width: 1200px) { .section-scroll.section.sm-padding { padding: 0px; margin: 0px; } }
@media (max-width: 1500px) { .section-scroll .service-item { padding-bottom: 30px; }
  .team-block { height: 420px; }
  .section-scroll .title-second { padding-bottom: 30px; }
  .year-item b { font-size: 118px; line-height: 160px; }
  .block-img .image { width: 140px; height: 140px; }
  .service-item .image { width: 90px; height: 90px; }
  .service-item .image img { max-width: 36px; }
  .main-title.type-1 .h1 { font-size: 90px; line-height: 100px; }
  .full-block .title-second .title, .full-block .rev-title .h6 { font-size: 40px; line-height: 50px; }
  .full-block .title-second { padding-bottom: 40px; }
  .full-block .service-item { padding-bottom: 50px; }
  .full-block .caption .title { font-size: 40px; line-height: 50px; }
  .full-block .simple-text.lg p { font-size: 18px; line-height: 22px; }
  .full-block .team-block .caption { font-size: 40px; line-height: 50px; } }
@media (max-width: 1400px) { .main-title.type-1 .h1 { font-size: 74px; line-height: 84px; }
  .about-tags-block .title { font-size: 32px; line-height: 42px; }
  .about-tags-block { padding: 80px 0px 100px; }
  .inside-img img { max-height: 350px; }
  .about-tags-block .button-type-1 { margin: 0px 5px 10px; }
  .team-desc .title { font-size: 56px; line-height: 66px; }
  .team-desc .simple-text.lg p { font-size: 18px; line-height: 32px; }
  .client-item { margin-bottom: 60px; }
  .desc-block { padding: 0px 35px; }
  .about-team-block { height: 700px; }
  .pagination.style-type-2 { bottom: 40px; }
  .block-img { max-width: 280px; }
  #fp-nav.right { right: 0px; }
  .footer.fix-footer { padding: 16px 30px; }
  .scroll-fade.padd { left: 30px; right: 30px; }
  .padd-wrap { padding: 66px 0px 54px; }
  .wrapper-full-scroll { padding-top: 66px; }
  .full-block .service-item .text .title { font-size: 20px; line-height: 26px; }
  .full-block .service-item { padding-bottom: 30px; }
  .full-block .title-second { padding-bottom: 10px; }
  .full-block .title-second .title { font-size: 30px; line-height: 40px; }
  .full-block .block-img .title { font-size: 20px; line-height: 24px; }
  .test-item .simple-text.xs p { font-size: 12px; line-height: 18px; }
  .full-block .team-item { padding: 15px; }
  .full-block .team-item .image { width: 80px; height: 80px; }
  .full-block .team-item .image img { width: 100%; height: auto; }
  .full-block .team-item .title { font-size: 18px; line-height: 22px; }
  .full-block .team-item .simple-text.xs p { font-size: 12px; line-height: 16px; }
  .full-block .team-item .share a { font-size: 18px; }
  .nav-page-pagination.right { right: 0px; width: 30px; }
  .tooltip-point { margin-right: 37px; }
  .fixed-nav li:hover .tooltip-point { margin-right: 27px; } }
@media (max-width: 1200px) { .over-wrap-hidden { height: 600px; }
  .full-height-baner { min-height: 600px; }
  .client-item img { max-width: 100%; height: auto; }
  .footer.fix-footer { position: relative; display: inline-block; }
  .full-height-baner.section-scroll { min-height: 600px; height: auto; }
  .scroll-fade.bg, .scroll-fade.service-layer { position: absolute; }
  .scroll-fade.padd { left: 0px; right: 0px; }
  .padd-wrap { padding: 66px 0px 0px; }
  .block-5 .footer.fix-footer { position: absolute; } }
@media (max-width: 1024px) { .full-block > .vertical-align.full, .search-panel.popup .full-block > .full.close, .amount-wrap .full-block > .full.val, .inside-img .full-block > img.full, .full-block > .full.skill-line { position: relative; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
  .full-block { padding: 100px 0px; position: relative; }
  .full-block .video-slider .vertical-align.full, .full-block .video-slider .search-panel.popup .full.close, .search-panel.popup .full-block .video-slider .full.close, .full-block .video-slider .amount-wrap .full.val, .amount-wrap .full-block .video-slider .full.val, .full-block .video-slider .inside-img img.full, .inside-img .full-block .video-slider img.full, .full-block .video-slider .full.skill-line { position: relative; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); padding: 100px 0px 130px; }
  .full-block.block-3, .full-block.block-5 { padding: 0px; }
  .block-1.full-block { min-height: 600px; }
  .block-5 .footer.fix-footer { position: relative; display: inline-block; }
  .nav-page-pagination { display: none; } }
@media (max-width: 992px) { .about-tags-block .simple-text p { font-size: 18px; line-height: 30px; }
  .about-team-block { height: 600px; }
  .team-desc .title { font-size: 32px; line-height: 42px; }
  .team-desc .simple-text.lg p { font-size: 16px; line-height: 24px; }
  .team-desc .simple-text { padding-bottom: 35px; }
  .title-second h4.title { font-size: 40px; line-height: 50px; }
  .title-second .simple-text.lg p { font-size: 18px; }
  .button-type-1 { padding: 0px 25px; height: 45px; line-height: 41px; font-size: 11px; letter-spacing: 1px; }
  .button-type-1 span:before { line-height: 41px; }
  .title-second { padding-bottom: 40px; }
  .client-block { padding: 30px 0px; }
  .full-height-baner { height: auto; }
  .about-tags-block { padding: 80px 0px; }
  .analitic-block { padding: 75px 0px 10px; }
  .tumbs-item .slide-swich { width: 60px; height: 60px; margin-right: 10px; }
  .year-item b { font-size: 124px; line-height: 105px; }
  .block-img { max-width: 230px; margin-top: -15px; }
  .block-img .title { font-size: 16px; line-height: 26px; padding-bottom: 10px; }
  .wrapp-line .swiper-slide:before { top: -5px; }
  .section.full-h-section { height: auto; min-height: 400px; }
  .caption h2.title { font-size: 55px; line-height: 65px; }
  .simple-text.lg p { font-size: 18px; line-height: 30px; }
  .video-slider .no-mobile.vertical-align, .video-slider .search-panel.popup .no-mobile.close, .search-panel.popup .video-slider .no-mobile.close, .video-slider .amount-wrap .no-mobile.val, .amount-wrap .video-slider .no-mobile.val, .video-slider .inside-img img.no-mobile, .inside-img .video-slider img.no-mobile, .video-slider .no-mobile.skill-line { position: relative; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); padding: 80px 0px 120px; }
  .team-block .caption { font-size: 55px; line-height: 65px; }
  .rev-title { text-align: center; margin-bottom: 40px; }
  .service-item .text .title { font-size: 20px; line-height: 30px; }
  .service-item { padding-bottom: 40px; }
  .history-slide { padding-bottom: 50px; }
  .team-item { visibility: visible; opacity: 1; bottom: auto; position: relative; left: auto; margin-left: 0px; width: 100%; padding: 30px 15px; }
  .team-block .caption { position: relative; margin-bottom: 30px; }
  .team-item:before { display: none; }
  .no-overflow { overflow: hidden !important; }
  .hover-area, .team-block { height: auto; }
  .team-block .no-overflow { padding-bottom: 60px; }
  .client-item a { padding: 0px 15px; }
  .padd-wrap { padding: 0px; }
  .full-block .team-block { height: auto; }
  .full-block { padding: 80px 0px; } }
@media (max-width: 768px) { .inside-img { display: none; }
  .about-team-block .container-swich { height: 400px; }
  .about-team-block { height: auto; }
  .about-team-block .column-50 { width: 100%; }
  .tumbs-item { width: 100%; margin: 35px 0px; }
  .main-title.type-1.text-left { padding: 0px 30px; }
  .video-block { margin: 30px 0px; }
  .video-slider .no-mobile.vertical-align, .video-slider .search-panel.popup .no-mobile.close, .search-panel.popup .video-slider .no-mobile.close, .video-slider .amount-wrap .no-mobile.val, .amount-wrap .video-slider .no-mobile.val, .video-slider .inside-img img.no-mobile, .inside-img .video-slider img.no-mobile, .video-slider .no-mobile.skill-line { padding-bottom: 100px; }
  .block-img { margin-top: 20px; }
  .wrapp-line .swiper-slide:before { display: none; }
  .year-item b { font-size: 80px; line-height: 90px; }
  .footer.fix-footer { padding: 25px 0px 0px; } }
@media (max-width: 480px) { .section.sm-padding { padding: 60px 0px 20px; }
  .main-title.type-1 .h1 { font-size: 50px; line-height: 56px; }
  .about-tags-block { padding: 60px 0px; }
  .desc-block { padding: 0px 15px; }
  .analitic-block { padding: 55px 0px 10px; }
  .client-block { padding: 20px 0px 10px; }
  .client-item { margin-bottom: 40px; }
  .team-follow a { padding-right: 20px; font-size: 20px; }
  .tumbs-item .slide-swich { width: 50px; height: 50px; }
  .main-title.type-1.text-left { padding: 0px 15px; text-align: center; }
  .gutter-15 .swiper-slide { padding: 0px; }
  .client-item img { max-width: 80%; } }
@media (max-width: 340px) { .serch-form { margin: 0px; }
  .block-1.full-block { min-height: 500px; }
  .team-follow a { padding-right: 10px; } }
@media (max-height: 670px) and (min-width: 1200px) { .footer.fix-footer { padding: 15px 30px; }
  .footer.fix-footer.no-padd { padding: 15px 0px; }
  .section-scroll .service-item .text .title { font-size: 20px; line-height: 30px; padding-bottom: 5px; }
  .section-scroll .service-item .simple-text p { font-size: 12px; line-height: 20px; }
  .section-scroll .service-item .image { width: 80px; height: 80px; }
  .section-scroll .service-item .image img { max-width: 35px; }
  .section-scroll .title-second .title { font-size: 40px; line-height: 50px; padding-bottom: 10px; }
  .section-scroll .caption .title { font-size: 60px; line-height: 75px; }
  .section-scroll .caption .simple-text.lg p, .section-scroll .title-second .simple-text.lg p, .section-scroll .block-img .title, .section-scroll .team-item .title { font-size: 18px; line-height: 20px; }
  .section-scroll .pagination.style-type-2 { bottom: 80px; }
  .section-scroll .year-item b { font-size: 150px; line-height: 150px; padding: 0px 50px; }
  .section-scroll .block-img .image { width: 140px; height: 140px; }
  .section-scroll .team-block .caption { font-size: 40px; line-height: 50px; padding-top: 90px; }
  .section-scroll .team-block { height: 385px; }
  .section-scroll .team-item { padding: 25px 15px 30px; }
  .section-scroll .team-item .image { width: 80px; height: 80px; }
  .section-scroll .team-item .image img { width: 100%; height: auto; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 20. CONTACT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.effect-push-2 { z-index: 99; overflow: hidden; }

.left-desc { float: left; height: 100%; padding: 0px 80px 0px 120px; display: inherit; }
.left-desc .title { font-size: 79px; line-height: 84px; padding-bottom: 90px; }

.bg-contact { background: #565656; padding: 120px 0px; }

.addr-item-wrap { padding-bottom: 40px; }

.addr-item { padding-bottom: 50px; }
.addr-item .sub-title { font-size: 15px; color: rgba(0, 0, 0, 0.5); }
.addr-item .addr-list li, .addr-item .link { font-size: 30px; line-height: 34px; font-weight: 400; color: #4d4d4e; }
.addr-item .link:hover { color: #75acff; }

.right-desc { float: left; height: 100%; display: inherit; }

.map-wrapper { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.questform { position: relative; margin: 0 auto; max-width: 700px; margin-bottom: 110px; }

.questions { position: relative; display: inline-block; width: 100%; }
.questions input { position: relative; height: 100px; padding: 0px 100px 0px 24px; font-size: 50px; line-height: 100px; color: #fff; width: 100%; background-image: -webkit-linear-gradient(90deg, #989898 0, #888888 100%); background-image: -moz-linear-gradient(0deg, #989898 0, #888888 100%); background-image: linear-gradient(0deg, #989898 0, #888888 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; }
.questions li { visibility: hidden; position: relative; height: 0; overflow: hidden; opacity: 0; }
.questions li.active { visibility: visible; height: auto; opacity: 1; }
.questions li span { display: block; position: relative; overflow: hidden; margin-bottom: 10px; }
.questions .sub-title { color: #d6d6d6; font-size: 15px; position: relative; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.questions li.active .sub-title { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.questions li.move .sub-title { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.bottom-align { bottom: 0px; left: 0px; width: 100%; position: absolute; }

.bottom-step-form { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: #7f7f7f; visibility: hidden; opacity: 0; }

.bottom-step-form.active { visibility: visible; opacity: 1; }

.bottom-step-form .copyright { position: relative; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.5); font-weight: 100; margin-bottom: 80px; font-size: 14px; line-height: 20px; }

.simform-inner { position: relative; width: 100%; display: inline-block; min-height: 120px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.controls { position: absolute; left: 0px; bottom: 0px; width: 100%; left: 0px; }

.submit-button { display: none; background: none; border: 0px none; z-index: 5; }

.next-step, .submit-button { position: absolute; right: 0px; height: 100px; top: 0px; width: 100px; text-align: center; font-size: 30px; color: #fff; line-height: 100px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); cursor: pointer; }

.progress { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 7px; background: #666; z-index: 1; }

.progress-line { content: ''; position: absolute; left: 0px; top: 0px; height: 100%; width: 0%; background: #75acff; display: block; }

.number-step { position: absolute; right: 0px; top: 10px; }
.number-step span { font-size: 15px; color: rgba(255, 255, 255, 0.5); position: relative; display: inline-block; }

.error-message { position: absolute; left: 0px; top: 10px; right: 50px; font-size: 13px; font-style: italic; color: #f56060; opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

.error-message.act { opacity: 1; }

.final-message { visibility: hidden; opacity: 0; font-size: 40px; color: #fff; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -ms-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }

.marker-tooltip { position: relative; padding: 35px 25px 60px; background: #fff; min-width: 260px; height: 170px; text-align: center; overflow: visible; border-radius: 0px; border: 0px none; }
.marker-tooltip .sub-title { padding-bottom: 25px; }

.questform.last-step .simform-inner { opacity: 0; }

.questform.last-step .final-message { visibility: visible; opacity: 1; }

.full-height-baner.upper { z-index: 5; }

.no-faound-title { position: relative; display: inline-block; z-index: 5; padding: 0px 15px; }
.no-faound-title b { display: block; font-size: 426px; color: #eceeeb; font-weight: 700; line-height: 315px; text-shadow: 0px 100px 139px rgba(5, 5, 6, 0.45); padding-bottom: 60px; letter-spacing: -40px; margin-left: -40px; }
.no-faound-title .title { display: block; margin-bottom: 30px; }

.close-form { position: absolute; display: none; right: 15px; top: 15px; width: 30px; height: 30px; cursor: pointer; z-index: 50; }
.close-form img { width: 100%; height: auto; }

@media (max-height: 870px) { .bottom-step-form .copyright, .questform { margin-bottom: 30px; } }
@media (max-height: 1700px) { .left-desc { padding: 0px 60px; }
  .left-desc .title { font-size: 50px; line-height: 56px; }
  .addr-item .addr-list li, .addr-item .link { font-size: 20px; line-height: 24px; } }
@media (max-width: 1400px) { .left-desc .title { padding-bottom: 50px; }
  .addr-item .addr-list li, .addr-item .link { font-size: 20px; line-height: 24px; }
  .addr-item { padding-bottom: 30px; }
  .bottom-step-form .copyright, .questform { margin-bottom: 30px; }
  .questions input { font-size: 40px; } }
@media (max-width: 992px) { .close-form { display: block; }
  .addr-item-wrap { padding-bottom: 30px; }
  .full-height-baner.upper { height: 100vmin; min-height: 800px; }
  .left-desc.column-50 { width: 100%; height: auto; padding: 0px 30px; }
  .left-desc.column-50 .vertical-align, .left-desc.column-50 .search-panel.popup .close, .search-panel.popup .left-desc.column-50 .close, .left-desc.column-50 .amount-wrap .val, .amount-wrap .left-desc.column-50 .val, .left-desc.column-50 .inside-img img, .inside-img .left-desc.column-50 img, .left-desc.column-50 .skill-line { position: relative; display: inline-block; width: 100%; top: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
  .left-desc.column-50 .caption { padding: 45px 0px 60px; text-align: center; }
  .right-desc.column-50 { width: 100%; height: 400px; }
  .bottom-step-form .bottom-align { bottom: auto; top: 50px; } }
@media (max-width: 768px) { .no-faound-title b { font-size: 250px; line-height: 200px; padding-bottom: 30px; }
  .no-faound-title .title { font-size: 40px; }
  .questform { max-width: 100%; padding: 0px 15px; } }
@media (max-width: 480px) { .full-height-baner.upper { min-height: 600px; }
  .no-faound-title b { font-size: 170px; line-height: 130px; }
  .caption h2.title { font-size: 35px; line-height: 45px; padding-bottom: 30px; }
  .addr-item .addr-list li, .addr-item .link { font-size: 16px; line-height: 20px; }
  .addr-item .sub-title { padding-bottom: 10px; }
  .questions input { height: 60px; line-height: 60px; padding: 0px 60px 0px 15px; font-size: 20px; }
  .next-step, .submit-button { height: 60px; line-height: 56px; width: 60px; font-size: 20px; }
  .simform-inner { min-height: 70px; }
  .questions .sub-title { font-size: 11px; }
  .final-message { font-size: 24px; }
  .questform { margin-bottom: 60px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 21. PROJECT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.izotope-container { position: relative; }

.wh-50 { width: 50%; }

.wh-25 { width: 25%; }

.wh-100 { width: 100%; }

.grid-sizer { width: 0; }

.item { position: relative; float: left; display: block; }
.item img { width: 100%; height: auto; display: block; }

.project-item { position: relative; width: 100%; height: 100%; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.project-item .layer-bg-3 { opacity: 0; }

.project-title { position: absolute; left: 60px; top: 60px; max-width: 660px; }
.project-title .sub-title { color: #fff; margin-bottom: 20px; font-size: 14px; }
.project-title .title a { color: #fff; }
.project-title .title a:hover { color: #75acff; }
.project-title.sm { max-width: 470px; }
.project-title.sm .title { font-size: 40px; line-height: 50px; }
.project-title.lg { max-width: 1280px; }
.project-title.lg .title { font-size: 80px; line-height: 90px; }

.filter-list { text-align: center; padding-bottom: 30px; }
.filter-list .link-style-1 { position: relative; display: inline-block; height: 30px; font-size: 15px; line-height: 26px; color: #4d4d4e; padding: 0px 15px; border-radius: 20px; overflow: hidden; z-index: 1; cursor: pointer; margin: 0 5px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.filter-list .link-style-1 span { z-index: 5; position: relative; }
.filter-list .link-style-1:before { content: ''; position: absolute; left: 0px; top: 0px; border-radius: 50px; background: #4d4d4e; width: 100%; height: 100%; border-radius: 20px; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.filter-list .link-style-1:hover:before, .filter-list .link-style-1.active:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.filter-list .link-style-1:hover, .filter-list .link-style-1.active { color: #fff; }

.height-lg { height: 870px; }

.height-md { height: 435px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 22. GALLERY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mobile-toggle-slide { text-align: center; position: relative; margin: 0 auto; width: 100%; }

.slide-lidt-text { position: relative; width: 100%; display: none; padding: 0px 20px; height: 50px; border: 2px solid #d2d2d3; line-height: 46px; margin: 0 auto 30px; cursor: pointer; }

.slide-lidt-text i { position: absolute; right: 20px; top: 0px; }

.gallery-slide-1 { padding-top: 50px; }

.gallery-slide-1 .swiper-slide { width: auto; }

.gallery-slide { text-align: center; }
.gallery-slide .text { max-width: 570px; display: block; margin: 50px auto 80px; padding: 0px 15px; opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.gallery-slide .title { padding-bottom: 10px; color: #4d4d4e; display: block; }
.gallery-slide .image img { max-width: 100%; }

.gallery-title { text-align: center; padding-top: 60px; position: relative; width: 100%; }
.gallery-title i { font-size: 30px; line-height: 55px; display: inline-block; vertical-align: bottom; }

.swiper-slide-active .gallery-slide .text { opacity: 1; }

@media (min-width: 992px) { .item.scale-hover:hover .project-item { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 5; box-shadow: 0px 59px 89px rgba(5, 5, 6, 0.75); }
  .item.scale-hover:hover .project-item .layer-bg-3 { opacity: 1; } }
@media (max-width: 1200px) { .project-title { left: 30px; top: 30px; right: 30px; }
  .project-title .title, .project-title.sm .title, .project-title.lg .title { font-size: 30px; line-height: 40px; }
  .project-title .sub-title { margin-bottom: 10px; }
  .height-lg { height: 600px; }
  .height-md { height: 300px; } }
@media (max-width: 992px) { .project-item .layer-bg-3 { opacity: 1; }
  .wh-50 { width: 100%; }
  .slide-lidt-text { display: inline-block; }
  .mobile-toggle-slide { max-width: 320px; }
  .mobile-toggle-slide ul { position: absolute; left: 0px; top: 50px; background: #fff; padding: 20px; min-width: 100%; z-index: 50; box-shadow: 0px 35px 79px rgba(4, 5, 5, 0.4); }
  .mobile-toggle-slide ul .link-style-1 { width: 100%; display: block; border-radius: 0px; margin: 0px; }
  .mobile-toggle-slide ul .link-style-1:before { border-radius: 0px; }
  .slide-toggle-list { display: none; }
  .gallery-slide .text { margin-top: 30px; }
  .gallery-slide-1 .swiper-slide { width: 100%; }
  .height-lg { height: 300px; }
  .height-md { height: 300px; } }
@media (max-width: 768px) { .main-baner-full { display: inline-block; } }
@media (max-width: 480px) { .project-title { left: 15px; top: 15px; right: 15px; }
  .project-title .title, .project-title.sm .title, .project-title.lg .title { font-size: 20px; line-height: 26px; }
  .project-title .sub-title { font-size: 11px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 23. PROJECT LIST SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.main-list-content { position: relative; width: 100%; overflow: hidden; padding: 20px 0px 50px; }

.project-list { height: auto; padding: 20px 0px; overflow: visible; }
.project-list .swiper-slide { width: auto; height: auto; }
.project-list .swiper-slide:first-child .bg, .project-list .swiper-slide:first-child .service-layer { transform-origin: left center; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; }
.project-list .swiper-slide:last-child .bg, .project-list .swiper-slide:last-child .service-layer { transform-origin: right center; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; }

.project-item-2 { position: relative; display: block; width: 210px; height: 210px; margin: 0px 20px; }
.project-item-2 .layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 5; opacity: 0; background: rgba(77, 77, 78, 0.7); backface-visibility: hidden; }
.project-item-2 .bg, .project-item-2 .service-layer { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.project-item-2 .main-img { max-width: 100%; height: auto; }

.slider-list-container { position: relative; width: 100%; display: inline-block; }

.slider-list-desc { position: absolute; left: 0px; top: 0px; width: 300px; height: 100%; padding: 20px 20px 0px 0px; background: #eceeeb; z-index: 5; font-size: 0px; }
.slider-list-desc .title { position: relative; text-align: right; font-size: 35px; line-height: 35px; }
.slider-list-desc:before { content: ''; position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; background: inherit; }

.slider-list-gallery { position: relative; float: left; width: 100%; padding-left: 300px; background: #eceeeb; }

.first-list .slider-list-desc { top: -20px; padding-top: 40px; }

@media (min-width: 992px) { .project-item-2:hover .layer { opacity: 1; }
  .project-item-2:hover .bg, .project-item-2:hover .service-layer { -webkit-transform: scale(1.37); -moz-transform: scale(1.37); -ms-transform: scale(1.37); transform: scale(1.37); box-shadow: 0px 59px 89px rgba(5, 5, 6, 0.75); z-index: 1; }
  .project-item-2:hover .vertical-align img, .project-item-2:hover .search-panel.popup .close img, .search-panel.popup .project-item-2:hover .close img, .project-item-2:hover .amount-wrap .val img, .amount-wrap .project-item-2:hover .val img, .project-item-2:hover .inside-img img img, .inside-img .project-item-2:hover img img, .project-item-2:hover .skill-line img { -webkit-transform: scale(0.63); -moz-transform: scale(0.63); -ms-transform: scale(0.63); transform: scale(0.63); } }
@media (max-width: 992px) { .slider-list-desc { position: relative; width: 100%; height: auto; display: inline-block; text-align: center; padding-top: 20px; }
  .first-list .slider-list-desc { top: auto; padding: 20px 0px 0px 0px; }
  .slider-list-desc .title { text-align: center; }
  .slider-list-gallery { padding-left: 0px; } }
@media (max-width: 768px) { .project-item-2 { width: 150px; height: 150px; margin: 0 10px; }
  .slider-list-desc .title { font-size: 26px; line-height: 32px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 23. PRICE PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.price-wrap { margin-top: 25px; }

.price-item { position: relative; display: inline-block; width: 100%; background: #fff; padding: 50px 35px 35px; text-align: center; }
.price-item .title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 5.4px; padding-bottom: 10px; }
.price-item .simple-text { padding-bottom: 25px; }
.price-item.center { padding: 60px 35px 50px; margin-top: -25px; }
.price-item.year .price-value { font-size: 24px; }
.price-item.year .price-value b { font-size: 80px; line-height: 70px; }
.price-item.year .price-value p { line-height: 80px; }

.price-period-check { position: relative; text-align: center; margin: 30px 0px 35px; display: inline-block; width: 100%; }
.price-period-check .sub-title { display: inline-block; padding-right: 20px; line-height: 30px; color: #fff; }
.price-period-check a { display: inline-block; font-size: 11px; line-height: 30px; color: rgba(255, 255, 255, 0.5); position: relative; text-align: center; padding: 0px 18px; height: 30px; text-transform: uppercase; border-radius: 15px; }
.price-period-check a.active, .price-period-check a:hover { background: #fff; color: #4d4d4e; }

.price-value { font-size: 35px; font-weight: 700; color: #4d4d4e; padding-bottom: 50px; white-space: nowrap; }
.price-value p { display: inline-block; padding-right: 15px; line-height: 100px; vertical-align: top; }
.price-value b { font-size: 110px; line-height: 90px; display: inline-block; }
.price-value span { color: rgba(77, 77, 78, 0.3); display: inline-block; }

.slider-range.type-2 .ui-slider .ui-slider-handle { height: 56px; width: 56px; box-shadow: 0px 10px 13px rgba(21, 21, 22, 0.25); top: -23px; }
.slider-range.type-2 .ui-slider .ui-slider-handle:last-child { display: none; }
.slider-range.type-2 .ui-slider .ui-slider-handle:before { content: '\e816'; font-family: "fontello"; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; line-height: 56px; color: #fff; font-size: 30px; }
.slider-range.type-2 .ui-slider-horizontal { height: 12px; background: #73a9fa; border-radius: 3px; display: inline-block; width: 100%; margin-bottom: 60px; }
.slider-range.type-2 .ui-slider .ui-slider-range { background: #e0e2df; border-radius: 3px; }
.slider-range.type-2 .amount-start { position: relative; background: none; margin: 0 auto 40px; font-size: 130px; font-weight: 700; position: relative; width: 100%; height: 100px; line-height: 100px; text-align: center; border: 0px none; color: #4d4d4e; }

.amount-wrap { position: relative; display: inline-block; }
.amount-wrap { position: relative; display: inline-block; font-size: 35px; font-weight: 700; line-height: 130px; vertical-align: top; }

.wide-sub-title { font-size: 14px; font-weight: 700; letter-spacing: 5.2px; text-transform: uppercase; margin-bottom: 30px; }
.wide-sub-title.col-grey { color: rgba(77, 77, 78, 0.5); margin-bottom: 10px; }

.price-choose { position: relative; text-align: center; padding: 0px 70px; }

.service-item-tooltip { position: absolute; bottom: -50px; left: 0px; text-align: center; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.service-item-tooltip .wide-sub-title { position: relative; display: inline-block; padding: 12px 15px; background: #fff; border-radius: 5px; margin-bottom: 0px; }
.service-item-tooltip .wide-sub-title:before { content: ''; position: absolute; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #ffffff transparent; margin-left: -5px; top: -5px; }

.service-item.type-2 { display: inline-block; margin: 0px 30px 50px; padding: 0px; cursor: pointer; }
.service-item.type-2 .image { width: 165px; height: 165px; margin-bottom: 0px; }
.service-item.type-2:hover .service-item-tooltip, .service-item.type-2.active .service-item-tooltip { opacity: 1; visibility: visible; bottom: -25px; }

.step-slider { position: relative; width: 100%; display: none; }

.step-slider.active { display: block; }

.range-bar-start { margin: 0 auto 40px; font-size: 130px; font-weight: 700; position: relative; width: 100%; height: 100px; line-height: 130px; text-align: center; border: 0px none; color: #4d4d4e; background: none; padding: 0px; }

.range-bar { position: relative; width: 100%; height: 12px; background: #e0e2df; border-radius: 3px; z-index: 1; margin-bottom: 65px; }

.line-active { display: block; position: absolute; left: 0px; top: 0px; width: 0%; border-radius: 3px; height: 100%; background: #75acff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

.rang-circle { position: absolute; right: 0px; margin-right: -28px; height: 56px; width: 56px; box-shadow: 0px 10px 13px rgba(21, 21, 22, 0.25); top: -23px; border-radius: 50%; background: #75acff; backface-visibility: hidden; z-index: 4; }
.rang-circle:before { content: '\e816'; font-family: "fontello"; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; line-height: 56px; color: #fff; font-size: 30px; }

.step-slider .reg-input { max-width: 350px; margin: 0 auto 30px; display: block; }

.total-price { display: block; position: relative; font-size: 80px; font-weight: 700; margin: 0 auto 40px; }
.total-price i { font-size: 30px; line-height: 80px; vertical-align: top; }

.back-price-step { display: block; font-size: 13px; font-weight: 700; text-transform: uppercase; color: rgba(77, 77, 78, 0.6); margin: 10px 0px 0px; }
.back-price-step:hover { color: #75acff; }

@media (max-width: 1200px) { .price-item .price-value { font-size: 20px; } }
@media (max-width: 992px) { .price-item { margin-bottom: 30px; }
  .price-item.center { margin-top: 0px; }
  .price-wrap { margin-top: 0px; }
  .content-bg { padding: 120px 0px 80px; }
  .service-item.type-2 { margin: 0px 10px 30px; } }
@media (max-width: 768px) { .price-choose { padding: 0px 15px; }
  .service-item-tooltip { opacity: 1; visibility: visible; bottom: -25px; }
  .service-item.type-2 { display: block; clear: both; margin-bottom: 50px; }
  .service-item.type-2 .image { background: #75acff; }
  .service-item.type-2 .image img.img-out { display: none; }
  .service-item.type-2 .image img.img-in { opacity: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .slider-range.type-2 .amount-start { font-size: 60px; line-height: 40px; margin-bottom: 20px; }
  .price-value { padding-bottom: 30px; font-size: 25px; }
  .price-value b { font-size: 60px; line-height: 50px; }
  .price-value p { line-height: 50px; } }
@media (max-width: 480px) { .content-bg { padding: 100px 0px 20px; }
  .price-item { padding: 30px 15px; }
  .price-period-check .sub-title { display: block; margin-bottom: 10px; }
  .range-bar-start { font-size: 80px; line-height: 80px; }
  .total-price { font-size: 50px; line-height: 50px; }
  .total-price i { line-height: 50px; } }
@media (max-width: 380px) { .range-bar-start { font-size: 40px; line-height: 40px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 24. REGISTRETION PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.reg-form { position: relative; display: block; margin: 0 auto; text-align: center; padding: 50px 40px 35px; max-width: 480px; background: #fff; }
.reg-form .title { font-size: 44px; line-height: 50px; padding-bottom: 50px; }
.reg-form .input-entry { margin-bottom: 30px; }
.reg-form .input-entry .sp-check { display: inline-block; float: none; }
.reg-form .label-text { display: inline-block; vertical-align: top; padding-left: 10px; color: #4d4d4e; }
.reg-form .label-text a { text-decoration: underline; color: inherit; }
.reg-form .label-text a:hover { color: #75acff; }
.reg-form .sub-title { font-size: 13px; letter-spacing: 0px; }
.reg-form .button-type-1 { margin-bottom: 35px; }

.reg-input { position: relative; display: inline-block; width: 100%; height: 65px; border: 2px solid #d2d2d3; border-radius: 30px; margin-bottom: 20px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.reg-input input { font-size: 13px; text-align: center; position: relative; display: inline-block; width: 100%; height: 100%; border-radius: 30px; background: none; padding: 0px 15px; }
.reg-input label { font-size: 13px; color: rgba(77, 77, 78, 0.5); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.reg-input.active { margin-top: 30px; border-color: #75acff; }
.reg-input.active label { -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); color: #75acff; }

.button-type-1 input { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none; z-index: 5; cursor: pointer; }

.link-login { color: #d2d2d3; }
.link-login a { color: #4d4d4e; text-decoration: underline; }
.link-login a:hover { color: #75acff; }

@media (max-height: 670px) and (min-width: 1200px) { .reg-form { padding: 30px; }
  .reg-form .title { padding-bottom: 20px; font-size: 36px; line-height: 46px; }
  .reg-input { height: 55px; border-radius: 25px; } }
@media (max-width: 992px) { .reg-input { height: 55px; border-radius: 25px; } }
@media (max-width: 480px) { .reg-form { padding: 30px 15px; }
  .reg-form .title { font-size: 34px; line-height: 40px; padding-bottom: 30px; }
  .reg-form .label-text, .reg-form .sub-title { font-size: 11px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 25. SERVICE PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.service-nav { position: relative; margin: 0 auto; background: #fff; width: 345px; text-align: center; z-index: 5; }
.service-nav li { font-size: 25px; line-height: 55px; color: #7f7f7f; position: relative; cursor: pointer; -webkit-transition: all 0.65s ease-out; -moz-transition: all 0.65s ease-out; -ms-transition: all 0.65s ease-out; transition: all 0.65s ease-out; }
.service-nav li span { position: absolute; left: 0px; top: 0px; background: #7f7f7f; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.service-nav li.active { color: #fff; }

.column-50.text-col { overflow-y: auto; }

.main-baner-full { position: relative; width: 100%; height: 100vmin; display: table; }

.scrol-section { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; -webkit-transition: transform 1000ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: transform 1000ms cubic-bezier(0.42, 0, 0.58, 1); -ms-transition: transform 1000ms cubic-bezier(0.42, 0, 0.58, 1); transition: transform 1000ms cubic-bezier(0.42, 0, 0.58, 1); backface-visibility: hidden; overflow: hidden; z-index: 1; }
.scrol-section .column-50 { height: 100%; }
.scrol-section .column-50.left { float: left; }
.scrol-section .column-50.right { float: right; }
.scrol-section.active { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); z-index: 3; }
.scrol-section.first { z-index: 2; }
.scrol-section.first .service-desc { margin-top: 0px; }

.main-content.no-margin { padding: 0px; margin: 0px; border-top-width: 0px; border-bottom-width: 0px; }

.service-desc { padding: 130px 110px 95px 260px; position: relative; display: table; height: 100%; -webkit-transition: all 800ms cubic-bezier(0.42, 0, 0.58, 1) 0.2s; -moz-transition: all 800ms cubic-bezier(0.42, 0, 0.58, 1) 0.2s; -ms-transition: all 800ms cubic-bezier(0.42, 0, 0.58, 1) 0.2s; transition: all 800ms cubic-bezier(0.42, 0, 0.58, 1) 0.2s; }
.service-desc .simple-text { margin-bottom: 40px; }
.service-desc .simple-text p { font-size: 17px; line-height: 25px; color: #4d4d4e; padding-bottom: 25px; }

.service-caption { padding: 0px 110px 0px 65px; color: #fff; }
.service-caption .sub-title { font-size: 13px; letter-spacing: 2.8px; padding-bottom: 10px; }

.right .service-caption { text-align: right; padding: 0px 65px 0px 110px; }

.left .service-desc { padding: 130px 260px 95px 110px; }

.main-baner-align.padd-bottom { padding-bottom: 95px; }

@media (max-width: 1700px) { .service-desc { padding: 130px 40px 95px 180px; }
  .service-nav { width: 300px; }
  .service-nav li { font-size: 18px; line-height: 46px; }
  .left .service-desc { padding: 130px 180px 95px 40px; }
  .service-desc .simple-text { margin-bottom: 20px; }
  .right .service-caption { padding: 0px 40px 0px 60px; } }
@media (max-width: 1500px) { .service-caption { padding: 100px 60px 54px 40px; }
  .service-caption .title { font-size: 70px; }
  .service-desc .simple-text p { font-size: 13px; line-height: 20px; } }
@media (max-width: 1300px) { .service-caption .title { font-size: 55px; } }
@media (max-width: 992px) { .main-baner-full.mobile-auto { height: auto; min-height: 600px; padding: 50px 0px 50px; }
  .main-baner-full > .cell-view { display: inline-block; vertical-align: top; width: 100%; }
  .service-nav { top: 0px; }
  .service-caption, .right .service-caption { padding: 0px 30px; }
  .mobile-toggle-slide.service-toggle { z-index: 5; margin: 0px; position: fixed; top: 110px; left: 50%; margin-left: -160px; }
  .mobile-toggle-slide.service-toggle .slide-lidt-text { background: #fff; margin: 0px; font-size: 18px; line-height: 46px; }
  .service-desc, .left .service-desc { padding: 90px 30px 60px; }
  .service-nav li span { display: none; }
  .service-nav li.active { background: #7f7f7f; }
  .main-baner-align .service-desc .cell-view { display: table-cell; }
  .mobile-toggle-slide.service-toggle { top: 80px; } }
@media (max-width: 768px) { .main-baner-full { display: inline-block; height: auto; min-height: 600px; }
  .main-baner-align { display: inline-block; }
  .scrol-section .column-50 { width: 100%; }
  .scrol-section { position: relative; width: 100%; display: inline-block; display: none; }
  .scrol-section .column-50.bg-col { height: 350px; }
  .scrol-section .column-50.text-col { padding: 50px 0px; }
  .service-desc { margin-top: 0px; }
  .scrol-section-wrap { position: relative; width: 100%; }
  .service-desc.vertical-align, .search-panel.popup .service-desc.close, .amount-wrap .service-desc.val, .inside-img img.service-desc, .service-desc.skill-line { position: relative; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
  .right .service-caption { text-align: left; }
  .scrol-section.active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); display: none; }
  .scrol-section.first { display: block; }
  .service-desc, .service-caption, .right .service-caption, .left .service-desc { padding: 0px 15px; }
  .price-item.year .price-value b { font-size: 50px; line-height: 60px; }
  .price-item.year .price-value { font-size: 20px; }
  .main-baner-align .service-desc .cell-view { display: block; } }
@media (max-width: 480px) { .service-desc .simple-text p { padding-bottom: 15px; }
  .service-nav li { font-size: 16px; line-height: 36px; }
  .mobile-toggle-slide.service-toggle .slide-lidt-text { font-size: 16px; }
  .service-caption .title { font-size: 35px; }
  .mobile-toggle-slide.service-toggle { max-width: 280px; margin-left: -140px; top: 70px; }
  .mobile-toggle-slide.service-toggle ul { max-width: 280px; min-width: 100%; } }
.service-item.type-4 .image { width: 220px; height: 220px; margin: 0px auto 55px; }
.service-item.type-4 .image img { min-width: 65px; }
.service-item.type-4 .simple-text { max-width: 250px; margin: 0 auto; display: block; }

.service-panel { position: fixed; right: 0px; top: 0px; width: 100%; overflow-y: auto; max-width: 740px; background: #fff; height: 100%; z-index: 550; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }

.service-popup-wrap { position: relative; }
.service-popup-wrap .image-bg { text-align: center; height: 530px; position: relative; width: 100%; }
.service-popup-wrap .text { padding: 45px 65px; }
.service-popup-wrap .text .title { padding-bottom: 30px; }
.service-popup-wrap .simple-text p { padding-bottom: 15px; }

.caption-service-popup { z-index: 5; }
.caption-service-popup img { display: block; margin: 0 auto 20px; }
.caption-service-popup .title { font-size: 45px; line-height: 60px; color: #fff; max-width: 340px; display: block; margin: 0 auto; padding: 0px 15px; }

@media (max-width: 992px) { .service-item.type-4 .image { width: 120px; height: 120px; margin: 0 auto 20px; }
  .service-item.type-4 .image img { min-width: inherit; } }
@media (max-width: 768px) { .service-popup-wrap .text { padding: 30px 15px; }
  .caption-service-popup .title { font-size: 35px; line-height: 40px; }
  .service-popup-wrap .image-bg { height: 430px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 26. TEAM PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.team-slide-item-wrap { height: 100%; position: relative; width: 100%; padding: 90px 0px 0px; }

.team-slide-item { position: relative; float: left; width: 25%; height: 100%; -webkit-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }
.team-slide-item .folow a { margin: 0px 10px; font-size: 24px; color: #fff; }
.team-slide-item .folow a:after { font-size: 24px; color: rgba(255, 255, 255, 0.5); }
.team-slide-item .desc { color: #fff; position: absolute; left: 0px; width: 100%; top: 0px; -webkit-transition: all 0.35s ease-out 0.35s; -moz-transition: all 0.35s ease-out 0.35s; -ms-transition: all 0.35s ease-out 0.35s; transition: all 0.35s ease-out 0.35s; }
.team-slide-item .desc .title { font-size: 36px; display: block; padding-bottom: 15px; line-height: 40px; }
.team-slide-item .sub-title { font-size: 15px; letter-spacing: 1.4px; }
.team-slide-item .detail-desc { position: relative; width: 100%; color: #fff; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; opacity: 0; }
.team-slide-item .detail-desc .title { font-size: 80px; line-height: 70px; padding-bottom: 50px; }
.team-slide-item .detail-desc .simple-text { max-width: 450px; margin: 0 auto 30px; }

.team-slide-item .bg, .team-slide-item .service-layer { overflow: visible; }

.team-slide-item:first-child .bg, .team-slide-item:first-child .service-layer { background-position: left center; }

.team-slide-item:last-child .bg, .team-slide-item:last-child .service-layer { background-position: right center; }

@media (min-width: 1200px) { .team-slide-item.out { width: 40%; }
  .team-slide-item.out .desc { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
  .team-slide-item.out .detail-desc { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-out 0.3s; -moz-transition: all 0.35s ease-out 0.3s; -ms-transition: all 0.35s ease-out 0.3s; transition: all 0.35s ease-out 0.3s; }
  .team-slide-item.in { width: 20%; } }
@media (max-width: 1400px) { .team-slide-item-wrap { padding: 66px 0px 0px 0px; }
  .team-slide-item .desc .title { font-size: 30px; line-height: 24px; }
  .team-slide-item .sub-title { font-size: 12px; }
  .team-slide-item .detail-desc .title { font-size: 40px; line-height: 40px; padding-bottom: 30px; }
  .team-slide-item .detail-desc .simple-text p { font-size: 14px; line-height: 20px; } }
@media (max-width: 1200px) { .lg-auto-height.top-baner { height: auto; }
  .team-slide-item { width: 50%; height: auto; }
  .team-slide-item .desc { display: none; }
  .team-slide-item .detail-desc { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; color: #4d4d4e; }
  .team-slide-item .detail-desc .simple-text { margin: 0 auto 20px; padding: 0px 30px; }
  .main-baner-align.padd-bottom { padding-bottom: 0px; }
  .team-slide-item .detail-desc .simple-text p { color: rgba(77, 77, 78, 0.7); }
  .team-slide-item .bg, .team-slide-item .service-layer { position: relative; width: 100%; height: 350px; margin-bottom: 30px; }
  .team-slide-item .vertical-align.full, .team-slide-item .search-panel.popup .full.close, .search-panel.popup .team-slide-item .full.close, .team-slide-item .amount-wrap .full.val, .amount-wrap .team-slide-item .full.val, .team-slide-item .inside-img img.full, .inside-img .team-slide-item img.full, .team-slide-item .full.skill-line { position: relative; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
@media (max-width: 768px) { .team-slide-item { width: 100%; }
  .team-slide-item .detail-desc .title { font-size: 30px; line-height: 35px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 27. PRODUCT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-post-img .slider-swiching { height: inherit; position: relative; }

.main-baner-full.no-table { display: block; }

.caption-rate .title { line-height: 60px; padding-bottom: 15px; }

.caption-rate .sub-title { font-size: 12px; line-height: 16px; color: #767775; }

.sub-caption { display: block; font-size: 13px; position: relative; text-transform: uppercase; letter-spacing: 1.4px; color: rgba(77, 77, 78, 0.6); line-height: 13px; padding-bottom: 20px; font-weight: 700; }
.sub-caption.type-2 { color: #4d4d4e; padding-bottom: 40px; text-align: center; }

.rate.style-2 { margin-bottom: 30px; }
.rate.style-2 i.act { color: #75acff; }
.rate.style-2 i { color: #bdbebc; font-size: 16px; }
.rate.style-2 .sub-title { display: inline-block; padding-left: 5px; font-size: 14px; color: #767775; }

.pricelist { position: relative; float: left; padding: 30px 30px 45px; background: #fff; border-radius: 10px; width: 60%; margin-bottom: 50px; }
.pricelist ul { position: relative; width: 100%; margin-bottom: 20px; }
.pricelist ul:after { content: ''; position: absolute; left: 0px; bottom: 0px; height: 4px; border-radius: 2px; background: #e6e6e6; width: 100%; }
.pricelist ul li { display: inline-block; width: 100%; padding-bottom: 20px; }
.pricelist ul li span { font-size: 13px; font-weight: 700; color: #a3a3a3; line-height: 18px; display: block; float: left; letter-spacing: 1.4px; text-transform: uppercase; }
.pricelist ul li b { font-size: 20px; font-weight: 700; color: #4d4d4e; display: block; float: right; }
.pricelist ul li p { font-size: 13px; line-height: 16px; display: block; float: right; max-width: 150px; text-align: right; }

.right-item-wrapp { position: relative; float: left; width: 40%; padding: 0px 0px 0px 30px; }

.tags-item-wrap { padding-bottom: 75px; }

.share-item-wrap { margin-bottom: 50px; }

.price-item-wrap { margin-bottom: 60px; text-align: center; position: relative; display: inline-block; width: 100%; }
.price-item-wrap .counter { display: block; float: left; }
.price-item-wrap .price-val { display: inline-block; }
.price-item-wrap .button-type-1 { float: right; margin-top: -15px; }

.project-item-wrap { margin-bottom: 40px; }

.share-item-wrap .folow.color-style a { margin: 0px 5px 0px 0px; }

.counter.style-2 { border-color: #d2d2d3; color: #9c9d9c; display: inline-block; }
.counter.style-2 input { color: #4d4d4e; }

.price-val.type-2 { display: inline-block; }
.price-val.type-2 p { line-height: 35px; padding-right: 15px; display: inline-block; vertical-align: text-bottom; }
.price-val.type-2 span { font-size: 36px; color: #b1b1b1; font-weight: 700; display: inline-block; line-height: 36px; }

.slide-point { position: relative; width: 123px; height: 123px; border-radius: 50%; cursor: pointer; }
.slide-point:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0px 0px 0px 3px #fff; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.slide-point .bg, .slide-point .service-layer { width: 100px; height: 100px; border-radius: 50%; left: 50%; top: 50%; margin: -50px 0px 0px -50px; }
.slide-point .path { stroke: #75acff; stroke-width: 3; stroke-miterlimit: 10; }
.slide-point .spinner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; }
.slide-point:hover:before, .slide-point.active:before { opacity: 1; }
.slide-point.active .spinner { opacity: 1; }
.slide-point.active .path { -webkit-animation: dash1 2s forwards; -moz-animation: dash1 2s forwards; -ms-animation: dash1 2s forwards; animation: dash1 2s forwards; }

.point-circle-slider { position: absolute; left: 50px; bottom: 45px; width: 100%; }
.point-circle-slider .swiper-container { width: auto; display: inline-block; }
.point-circle-slider .swiper-slide { padding: 0px 10px; }

@keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@-webkit-keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@-moz-keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@-ms-keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@media (max-width: 1880px) { .blog-post-desc.product-elem { padding: 70px 50px; }
  .share-item-wrap .folow.color-style a { margin: 0px 5px 0px 0px; }
  .pricelist { width: 100%; }
  .right-item-wrapp { width: 100%; padding: 0px; }
  .tags-item-wrap { padding-bottom: 30px; } }
@media (max-width: 1200px) { .price-item-wrap .button-type-1 { float: left; clear: both; margin-top: 0px; }
  .price-item-wrap .counter { margin-bottom: 30px; }
  .price-item-wrap .price-val { float: right; }
  .blog-post-desc.product-elem { padding: 50px 30px; } }
@media (max-width: 992px) { .point-circle-slider { text-align: center; left: 0px; bottom: 20px; }
  .point-circle-slider .swiper-slide { padding: 0px 5px; }
  .main-baner-full.no-table { height: auto; }
  .project-item-wrap { margin-bottom: 0px; }
  .caption-rate .title { font-size: 40px; line-height: 50px; } }
@media (max-width: 500px) { .blog-post-desc.product-elem { padding: 30px 15px; }
  .price-item-wrap .counter, .price-item-wrap .button-type-1 { float: none; }
  .price-item-wrap .price-val { float: none; margin-bottom: 30px; width: 100%; }
  .tags-item-wrap { text-align: center; }
  .tags-item-wrap .tag-link-2 { margin: 0px 7px 14px; }
  .share-item-wrap { text-align: center; }
  .share-item-wrap .folow.color-style a { margin: 0px 3px; } }
@media (max-width: 480px) { .pricelist ul li b, .pricelist ul li p { float: left; clear: both; text-align: left; }
  .caption-rate .title, .blog-post-desc .title { font-size: 30px; line-height: 36px; }
  .point-circle-slider { display: none; } }
.top-baner { position: relative; width: 100%; height: 1080px; height: 60vmin; min-height: 600px; }

.full-main-slide { position: relative; width: 100%; height: 100%; }

.full-main-slide-title { position: relative; width: 100%; color: #fff; display: table; height: 100%; width: 100%; }
.full-main-slide-title h2 { font-size: 112px; line-height: 104px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; }
.full-main-slide-title p { font-style: italic; font-size: 30px; line-height: 47px; letter-spacing: -0.2px; display: block; margin-bottom: 20px; }
.full-main-slide-title .button-type-4 { backface-visibility: hidden; }

.scroll-down { position: absolute; left: 0px; bottom: 0px; text-align: center; width: 100%; }
.scroll-down img { position: relative; margin: 0 auto 60px; display: block; cursor: pointer; z-index: 5; }

.section-button { text-align: center; }

.item-type-1 { position: relative; width: 100%; }
.item-type-1 .image { position: relative; width: 100%; height: 275px; border-radius: 8px; overflow: hidden; margin-bottom: 35px; box-shadow: 0px 44px 98px rgba(21, 21, 22, 0.31); z-index: 5; }
.item-type-1 .bg, .item-type-1 .service-layer { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.item-type-1:hover .bg, .item-type-1:hover .service-layer { -webkit-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); }
.item-type-1 .text { padding: 0px 10px; }
.item-type-1 .title { font-size: 25px; line-height: 31px; color: #fff; letter-spacing: -0.2px; padding-bottom: 20px; display: block; }
.item-type-1 .title:hover { color: #a3de15; }
.item-type-1 .simple-text { padding-bottom: 45px; }
.item-type-1 .video-block { height: 275px; margin-bottom: 35px; box-shadow: 0px 44px 98px rgba(21, 21, 22, 0.31); }
.item-type-1 .play-button img { max-width: 40px; }

.service-item.type-3 { color: #fff; margin-bottom: 80px; padding: 0px 20px; }
.service-item.type-3 .image { background: none; border-radius: 0px; margin-bottom: 0px; height: auto; }
.service-item.type-3 .image img { position: relative; display: block; margin: 0 auto 20px; top: auto; left: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.service-item.type-3 .title { font-size: 25px; padding-bottom: 20px; }
.service-item.type-3 .simple-text p { color: #fff; }

.lg-size { height: 540px; }

.sm-size { height: 270px; }

.project-item.type-2 { height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.project-item.type-2 a { font-size: 30px; font-weight: 700; line-height: 40px; color: #fff; padding-bottom: 15px; display: block; }
.project-item.type-2 a:hover { color: #a3de15; }
.project-item.type-2 .simple-text { padding-bottom: 40px; }
.project-item.type-2 .simple-text p { color: rgba(255, 255, 255, 0.5); }
.project-item.type-2 .sub-title { font-size: 14px; line-height: 14px; color: #a3de15; letter-spacing: 0px; position: relative; margin: 0px; }
.project-item.type-2 .sub-title:before { content: ''; position: absolute; width: 0px; height: 10px; background: #a3de15; top: 2px; left: -110px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.project-item.type-2 .project-title { position: relative; width: 100%; left: auto; top: auto; padding: 0px 50px; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.item.sm-size .project-item.type-2 .project-title a { font-size: 20px; line-height: 24px; padding-bottom: 10px; }
.item.sm-size .project-item.type-2 .project-title { padding: 0px 30px; }
.item.sm-size .project-item.type-2 .simple-text { padding-bottom: 20px; }
.item.sm-size .project-item.type-2 .simple-text p { font-size: 12px; line-height: 16px; }

.rel-wrap { position: relative; width: 100%; overflow: hidden; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(800px); transform: perspective(800px); }

.rel-wrap:hover { box-shadow: 0px 7px 50px rgba(1, 1, 1, 0.4); }

.rel-wrap:hover .project-title, .poster:hover .layer-bg-3 { opacity: 1; }

.rel-wrap:hover .sub-title:before { width: 100px; }

.gutter-style .item { padding: 0px 15px 30px; }

.gutter-style .grid-sizer { width: 1%; }

.item .poster .layer-bg-3 { background: rgba(44, 34, 34, 0.88); backface-visibility: hidden; height: auto; width: auto; left: -10px; top: -10px; right: -10px; bottom: -10px; }

.poster .shine { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%); z-index: 100; opacity: 0.2; }

.layer-bg { position: absolute; top: -14px; left: -10px; right: -10px; bottom: -10px; background-size: cover; background-repeat: no-repeat; background-position: 0 0; -webkit-transition: 0.1s; transition: 0.1s; }

.poster .vertical-align, .poster .search-panel.popup .close, .search-panel.popup .poster .close, .poster .amount-wrap .val, .amount-wrap .poster .val, .poster .inside-img img, .inside-img .poster img, .poster .skill-line { z-index: 500; }

.mobile-toggle-slide.type-2 .filter-list .link-style-1 { color: #fff; }
.mobile-toggle-slide.type-2 .filter-list .link-style-1:before { background: #2d2d2d; }

.izotope-append { position: relative; width: 100%; display: none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px; }
.izotope-append .item { display: none; }
.izotope-append.act { visibility: visible; opacity: 1; display: block; height: auto; overflow: visible; }
.izotope-append.act .item { display: block; }

.step-swich-link { position: relative; text-align: center; font-size: 0px; }
.step-swich-link li { display: inline-block; position: relative; width: 25%; margin-bottom: 85px; cursor: pointer; }
.step-swich-link li .image { position: relative; margin: 0 auto 20px; }
.step-swich-link li .image img, .step-swich-link li .title { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.step-swich-link li .img-out { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1.5); -moz-transform: translate(-50%, -50%) scale(1.5); -ms-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); opacity: 0; }
.step-swich-link li .title { color: rgba(255, 255, 255, 0.25); }
.step-swich-link li:hover .img-out, .step-swich-link li.active .img-out { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; }
.step-swich-link li:hover .img-in, .step-swich-link li.active .img-in { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.step-swich-link li:hover .title, .step-swich-link li.active .title { color: #a3de15; }

.step-slider-item .text { padding-left: 40px; }
.step-slider-item .simple-text { padding-bottom: 45px; }
.step-slider-item .image img { max-width: 100%; height: auto; }
.step-slider-item .title { font-size: 44px; font-weight: 400; color: #fff; line-height: 53px; padding-bottom: 15px; display: block; }
.step-slider-item .title i { color: #a3de15; font-style: italic; }

.no-margin-bottom .card-item { margin-bottom: 0px; }

.quote { position: absolute; top: 10px; left: 10px; font-size: 250px; line-height: 150px; color: rgba(255, 255, 255, 0.1); font-weight: 400; }

.testi-slide { position: relative; width: 100%; padding: 30px 0px 80px 100px; margin-top: 60px; }
.testi-slide .title { color: #fff; line-height: 38px; display: block; padding-bottom: 35px; }
.testi-slide .simple-text p { color: rgba(255, 255, 255, 0.6); }

.testi-container .tab-links { padding-left: 100px; }

@media (max-width: 1200px) { .no-margin-bottom .card-item { margin-bottom: 30px; }
  .gutter-style .wh-25 { width: 50%; }
  .layer-bg { top: 0px; left: 0px; bottom: 0px; right: 0px; background-size: cover; }
  .project-item.type-2 .project-title { right: auto; }
  .poster .shine { display: none; } }
@media (max-width: 992px) { .full-main-slide-title h2 { font-size: 55px; line-height: 60px; }
  .full-main-slide-title p { font-size: 20px; line-height: 30px; }
  .style-fullpage.header .logo { left: 50%; }
  .style-fullpage.header .nav-menu > ul > li > a:before { background: none; }
  .style-fullpage.header .nav-menu ul > li.active > a, .style-fullpage.header .nav-menu ul > li:hover > a { color: #fff; }
  .mobile-toggle-slide.type-2 .slide-lidt-text { color: #fff; }
  .mobile-toggle-slide.type-2 .filter-list .link-style-1 { color: #4d4d4e; }
  .mobile-toggle-slide.type-2 .filter-list .link-style-1.active, .mobile-toggle-slide.type-2 .filter-list .link-style-1:hover { color: #fff; }
  .project-item.type-2 .project-title { opacity: 1; }
  .step-slider-item .image { width: 100%; display: block; }
  .step-slider-item .image img { margin: 0 auto 30px; display: block; }
  .step-slider-item .text { text-align: center; padding: 0px; }
  .footer.type-2 .logo-f, .footer.type-2 .top-bar .folow { position: relative; display: block; margin: 0 auto 20px; left: auto; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .footer.type-2 .top-bar .folow { width: 100%; text-align: center; margin-bottom: 0px; }
  .footer.type-2 .footer-nav { padding-bottom: 30px; }
  .footer.type-2 .logo-f img { margin: 0 auto; }
  .footer.type-2 .folow a { margin: 0 10px; }
  .bottom-bar .simple-text { width: 100%; text-align: center; float: none; margin: 0 auto 20px; }
  .bottom-bar .copyright { float: none; text-align: center; width: 100%; } }
@media (max-width: 768px) { .item-type-1 { margin-bottom: 30px; }
  .margin-custom > div > div:last-child .item-type-1 { margin-bottom: 0px; }
  .service-item.type-3 { margin-bottom: 30px; }
  .button-type-4 { height: 50px; line-height: 50px; padding: 0px 30px; font-size: 12px; }
  .title-second.type-2 .title { font-size: 40px; line-height: 50px; }
  .title-second.type-2 .sub-title { font-size: 12px; }
  .gutter-style .wh-25 { width: 100%; }
  .project-item.type-2 .project-title { padding: 0px 30px; }
  .step-slider-item .title { font-size: 30px; line-height: 36px; }
  .testi-slide { padding: 30px 0px 0px 30px; margin-top: 0px; }
  .quote { font-size: 100px; line-height: 80px; }
  .testi-container .tab-links { padding-left: 30px; }
  .section-fullpage.full { min-height: 600px; height: auto; } }
@media (max-width: 600px) { .step-swich-link li { width: 50%; margin-bottom: 40px; } }
@media (max-width: 480px) { .step-swich-link li .title { font-size: 14px; }
  .full-main-slide-title { padding: 100px 0px; } }
@media (max-width: 340px) { .top-baner { height: 600px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 28. SINGLE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.main-baner-full.align-center { padding: 90px 0px; }

.single-title { text-align: center; position: relative; display: inline-block; width: 100%; padding: 210px 0px 0px; z-index: 1; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.single-title .title { font-size: 90px; line-height: 100px; padding-bottom: 25px; }
.single-title .simple-text { padding-bottom: 40px; }

.image-offset { position: relative; width: 100%; height: 100%; box-shadow: 0px 38px 98px rgba(0, 0, 0, 0.74); }

.over-wrapp { position: absolute; overflow: hidden; left: 0px; top: 90px; bottom: 90px; right: 0px; }

.section-offset-container { position: absolute; width: 100%; height: 100%; z-index: 5; left: 0px; top: 0px; overflow-y: auto; margin-left: 20px; padding-right: 20px; }

.slide-layer { background: rgba(49, 44, 44, 0.6); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.hold-layer { background: rgba(77, 77, 78, 0.7); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.main-baner-full.hold .hold-layer { background: rgba(71, 52, 52, 0.96); }

.slide-elem { position: relative; padding: 35px 0px; width: 100%; height: 100%; }
.slide-elem .container { height: 100%; position: relative; }

.single-caption { right: -240px; max-width: 240px; padding: 0px 20px; }
.single-caption .title { font-size: 36px; line-height: 42px; color: #fff; padding-bottom: 10px; }

@media (max-width: 1840px) { .single-caption { position: relative; right: 0px; } }
@media (max-width: 1500px) { .single-title .title { font-size: 50px; line-height: 60px; }
  .single-title { padding-top: 120px; } }
@media (max-width: 1200px) { .single-page .over-wrapp { bottom: 0px; }
  .slide-elem { height: 500px; } }
@media (max-width: 1400px) { .over-wrapp { top: 66px; bottom: 53px; }
  .slide-elem .container, .single-title .container { width: 100%; padding: 0px; }
  .image-offset { box-shadow: none; } }
@media (max-width: 1024px) { .single-title { padding-right: 20px; }
  .slide-elem { padding-right: 20px; } }
@media (max-width: 992px) { .single-page .main-baner-full { min-height: 800px; }
  .single-title { padding: 80px 15px 0px; }
  .single-title .title { font-size: 30px; line-height: 40px; padding-bottom: 15px; }
  .slide-elem { padding: 15px 30px; }
  .section-offset-container { margin-left: 0px; padding-right: 0px; } }
@media (max-width: 480px) { .slide-elem { padding: 15px; }
  .single-title { padding-top: 60px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 29. SINGLE
/*-------------------------------------------------------------------------------------------------------------------------------*/
.row.row-lg { margin-left: -25px; margin-right: -25px; height: 100%; }

.col { position: relative; padding: 0px 25px 50px; height: 100%; float: left; }

.col-100 { width: 100%; }

.col-60 { width: 60%; }

.col-40 { width: 40%; }

.single-slide { position: relative; width: 100%; height: 100%; }

.single2-slider { padding: 90px 0px 0px 220px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.single-desc { z-index: 5; color: #fff; position: absolute; }
.single-desc .folow span { font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.3); letter-spacing: 1.4px; text-transform: uppercase; }

.single2-desc { background: #7f7f7f; max-width: 420px; left: 35px; padding: 20px 30px 55px 80px; margin-top: 45px; -webkit-transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out; -ms-transition: all 0.55s ease-out; transition: all 0.55s ease-out; }
.single2-desc .title { font-size: 90px; line-height: 90px; display: block; min-width: 607px; padding-bottom: 40px; }
.single2-desc .simple-text { padding-bottom: 25px; }

.project-author { color: #fff; font-size: 15px; line-height: 18px; display: block; margin-bottom: 50px; }

.single2-point { position: absolute; right: 25px; top: 115px; width: 65px; padding: 3px; background: rgba(0, 0, 0, 0.25); z-index: 10; }
.single2-point li { position: relative; width: 100%; cursor: pointer; }
.single2-point li img { width: 100%; height: 33px; margin-bottom: 3px; display: block; }
.single2-point li:last-child img { margin-bottom: 0px; }
.single2-point li:before { content: ''; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; background: rgba(255, 255, 255, 0.15); border: 1px solid #fff; opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.single2-point li:hover:before, .single2-point li.active:before { opacity: 1; }

.main-content.open-panel .single2-slider { padding-left: 0px; }

.main-content.open-panel .single2-desc { left: -800px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 30. SINGLE 
/*-------------------------------------------------------------------------------------------------------------------------------*/
.single3-slider { padding: 90px 550px 0px 0px; }

.singl3-desc { right: 0px; width: 100%; overflow-y: auto; z-index: 25; max-width: 550px; background: #2f2f2f; top: 90px; bottom: 0px; padding: 45px 45px 60px; }
.singl3-desc .title { font-size: 67px; line-height: 75px; display: block; padding-bottom: 20px; }
.singl3-desc .simple-text p { color: rgba(255, 255, 255, 0.25); }
.singl3-desc .simple-text { padding-bottom: 75px; }
.singl3-desc .folow a:after { color: #fff; }
.singl3-desc .folow { position: relative; display: inline-block; width: 100%; padding-bottom: 60px; }

.single3-point { position: relative; width: 100%; height: 200px; }
.single3-point.active .layer-bg-3 { opacity: 0; }

.single3-slider-point { width: 200px; position: absolute; right: 550px; top: 90px; bottom: 0px; z-index: 15; height: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.single3-slider-point .swiper-slide { height: auto; }
.single3-slider-point.active { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.bar-navigation { position: absolute; left: -50px; width: 50px; z-index: 6; }
.bar-navigation .nav-arrow { background: #fff; text-align: center; width: 100%; height: 50px; line-height: 50px; font-size: 20px; color: #c3c3c3; cursor: pointer; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.bar-navigation .nav-arrow:hover { background: #201a1a; color: #fff; }

.close-nav-bar { position: relative; width: 100%; height: 50px; background: #201a1a; text-align: center; cursor: pointer; }
.close-nav-bar i { display: inline-block; margin-top: 23px; width: 25px; height: 2px; background: #fff; position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.close-nav-bar i:before { content: ''; position: absolute; left: 0px; top: -6px; width: 100%; height: 2px; background: #fff; backface-visibility: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.close-nav-bar i:after { content: ''; position: absolute; left: 0px; bottom: -6px; width: 100%; height: 2px; background: #fff; backface-visibility: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.close-nav-bar.active i { background: transparent; }
.close-nav-bar.active i:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
.close-nav-bar.active i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0px; }
.close-nav-bar.type-2 { position: fixed; left: 140px; top: 50%; width: 50px; margin-top: -25px; z-index: 50; background: #7f7f7f; }
.close-nav-bar.type-2 i:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background: #9d9d9d; }
.close-nav-bar.type-2 i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0px; background: #9d9d9d; }
.close-nav-bar.type-2 i { background: transparent; }
.close-nav-bar.type-2.active i:before { -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); top: -6px; width: 90%; }
.close-nav-bar.type-2.active i:after { -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); bottom: -6px; width: 90%; }

.sliders-wrapp { height: 100%; }

@media (max-width: 1500px) { .single2-desc .title { font-size: 60px; line-height: 60px; padding-bottom: 30px; }
  .single2-desc { left: 0px; padding: 30px 30px 30px 50px; }
  .close-nav-bar.type-2 { left: 30px; }
  .project-author { margin-bottom: 30px; } }
@media (max-width: 1400px) { .singl3-desc .title { font-size: 47px; line-height: 50px; }
  .singl3-desc .simple-text { padding-bottom: 50px; }
  .single3-slider-point { width: 100px; }
  .single3-point { height: 100px; }
  .single3-slider { padding: 66px 550px 0px 0px; }
  .single3-slider-point { top: 66px; }
  .singl3-desc { top: 66px; }
  .single2-desc { margin-top: 33px; }
  .single2-slider { padding: 66px 0px 0px 220px; }
  .col { padding: 0px 15px 30px; }
  .row.row-lg { margin-left: -15px; margin-right: -15px; } }
@media (max-width: 1200px) { .singl3-desc { width: 400px; }
  .single3-slider { padding: 66px 400px 0px 0px; }
  .single3-slider-point { right: 400px; } }
@media (max-width: 992px) { .singl3-desc { position: relative; display: inline-block; width: 100%; top: auto; max-width: 100%; margin-top: 66px; padding: 40px 30px; }
  .singl3-desc .folow { padding-bottom: 0px; }
  .singl3-desc .simple-text { padding-bottom: 30px; }
  .single3-slider-point { right: 0; top: 0; }
  .top-baner.slider-swiching { height: auto; }
  .sliders-wrapp { position: relative; width: 100%; height: auto; overflow: hidden; }
  .single3-slider { height: 450px; padding: 0px; }
  .close-nav-bar.type-2 { top: 66px; margin-top: 0px; }
  .single2-point { top: 75px; }
  .single2-slider { padding: 66px 0px 0px 0px; height: 750px; }
  .col { padding: 15px; }
  .row.row-lg { margin-left: 0px; margin-right: 0px; }
  .single2-desc { padding: 30px; }
  .single2-desc.vertical-align, .search-panel.popup .single2-desc.close, .amount-wrap .single2-desc.val, .inside-img img.single2-desc, .single2-desc.skill-line { top: 66px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 0px; padding: 60px 30px 30px 30px; } }
@media (max-width: 768px) { .singl3-desc .title, .single2-desc .title { font-size: 30px; line-height: 40px; }
  .singl3-desc .simple-text p, .single2-desc .simple-text p { font-size: 12px; line-height: 20px; }
  .singl3-desc, .single2-desc { padding: 30px 15px; }
  .single3-slider { height: 400px; }
  .col-60, .col-40 { width: 100%; height: 50%; }
  .single2-desc .title { min-width: 100%; }
  .single2-desc .project-author { padding-bottom: 30px; } }
@media (max-width: 480px) { .single2-slider { height: 620px; }
  .single2-desc { z-index: 20; } }
@media (max-width: 378px) { .single2-slider { height: 580px; }
  .col { padding: 1px; }
  .close-nav-bar.type-2 { left: 15px; }
  .single2-desc.vertical-align, .search-panel.popup .single2-desc.close, .amount-wrap .single2-desc.val, .inside-img img.single2-desc, .single2-desc.skill-line { padding: 60px 15px 30px 15px; }
  .single-title .title { font-size: 20px; line-height: 24px; }
  .simple-text.sm p { font-size: 13px; line-height: 18px; }
  .single-title .simple-text { padding-bottom: 20px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 31. ONEPAGE V5 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'DINOT-Black'; src: url("assets/font/dinot/DINOT-Black.otf") format("opentype"); font-weight: 900; font-style: normal; }
@font-face { font-family: 'DINOT-Bold'; src: url("assets/font/dinot/DINOT-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'DINOT-CondBlack'; src: url("assets/font/dinot/DINOT-CondBlack.otf") format("opentype"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'DINOT-Light'; src: url("assets/font/dinot/DINOT-Light.otf") format("opentype"); font-weight: 300; font-style: normal; }
.bg-sq1 { background: #fff; }

.bg-sq2 { background: #46ff38; }

.bg-sq3 { background: #5c46ff; }

.bg-sq4 { background: #a63030; }

.bg-sq5 { background: none; box-shadow: 0px 30px 150px rgba(2, 2, 2, 0.75); }

.font-black, .button-type-2.style-2, .box-item .number, .price-number b, .price-number span { font-family: 'DINOT-Black'; font-weight: 900; }

.font-bold, .box-title, .box-type-4 .sm-box-text h5 { font-family: 'DINOT-Bold'; font-weight: 700; }

.font-cond, .box-title.xs, .box-title.sm, .box-title.md, .box-title.lg, .box-subtitle, .price-sm-item { font-family: 'DINOT-CondBlack'; font-weight: 700; }

.font-light, .box-nav li a, .box-text p { font-family: 'DINOT-Light'; font-weight: 300; }

.box-grad, .box-item .text-block, .price-sm-item { background-image: -webkit-linear-gradient(45deg, rgba(2, 2, 2, 0.12) 0, rgba(255, 255, 255, 0.12) 100%); background-image: -moz-linear-gradient(45deg, rgba(2, 2, 2, 0.12) 0, rgba(255, 255, 255, 0.12) 100%); background-image: linear-gradient(45deg, rgba(2, 2, 2, 0.12) 0, rgba(255, 255, 255, 0.12) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; }

.box-grad2, .onepage-box.style-1 .box-type-4 .text-block, .onepage-box.style-2 .box-type-4 .text-block { background-image: -webkit-linear-gradient(-45deg, #f65236 0, #ca1933 100%); background-image: -moz-linear-gradient(135deg, #f65236 0, #ca1933 100%); background-image: linear-gradient(135deg, #f65236 0, #ca1933 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; }

.onepage-box { position: relative; }
.onepage-box.style-1 { background: #4e4040; }
.onepage-box.style-1 .box-container { background: #403030; }
.onepage-box.style-1 .header.box-style.bg-scroll { background: #3f2b2b; }
.onepage-box.style-1 .box-item .text-block { background-color: #403030; }
.onepage-box.style-1 .hold-slide-layer { background: #3f2b2b; }

.onepage-box { position: relative; }
.onepage-box.style-2 { background: #191e3f; }
.onepage-box.style-2 .box-container { background: #0b0e24; }
.onepage-box.style-2 .header.box-style.bg-scroll { background: #0b0e24; }
.onepage-box.style-2 .box-item .text-block { background-color: #0b0e24; }
.onepage-box.style-2 .hold-slide-layer { background: #0b0e24; }

.header.box-style { position: fixed; z-index: 105; left: 0px; top: 0px; width: 100%; height: 150px; text-align: center; -webkit-transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out; -ms-transition: all 0.55s ease-out; transition: all 0.55s ease-out; }
.header.box-style.bg-scroll { height: 80px; }
.header.box-style.bg-scroll .box-nav { padding: 10px 0px; }
.header.box-style .logo { left: 0px; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); width: auto; }
.header.box-style .logo img { max-width: 50px; height: auto; }
.header.box-style .add-nav-link { right: 0px; display: block; }
.header.box-style .container, .header.box-style .navigation { height: inherit; }
.header.box-style .navigation { position: relative; width: 100%; }

.box-nav { position: relative; display: inline-block; padding: 45px 0px; overflow: hidden; }
.box-nav ul { display: block; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out; -ms-transition: all 0.55s ease-out; transition: all 0.55s ease-out; }
.box-nav li { position: relative; display: inline-block; margin: 0 20px; }
.box-nav li a { color: rgba(255, 255, 255, 0.5); font-size: 19px; line-height: 60px; }
.box-nav li a:hover, .box-nav li a.active { color: #fff; }

.box-nav.slide ul { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.add-nav-link { width: 60px; height: 60px; z-index: 60; border-radius: 50%; background: rgba(255, 255, 255, 0.1); text-align: center; }
.add-nav-link img { position: absolute; opacity: 0.3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); display: block; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.add-nav-link.act img { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.top-box-slider { position: relative; width: 100%; }

.scroll-down.lg { bottom: auto; top: 15px; }

.main-container { padding-top: 150px; position: relative; width: 100%; overflow: hidden; }

.hold-slide-layer { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.hold-slide .swiper-slide-active .hold-slide-layer { opacity: 0; visibility: hidden; }

.hold-slide.gallery-slide-1 { padding-top: 110px; }

.hold-slide .swiper-slide { max-width: 945px; }

.pagination.style-type-3 { position: absolute; left: 0px; top: 50px; bottom: auto; width: 100%; }
.pagination.style-type-3 .swiper-pagination-bullet { width: 12px; height: 12px; background: rgba(255, 255, 255, 0.2); margin: 0px 8px; vertical-align: middle; -webkit-transition: margin 0.35s ease-out; -moz-transition: margin 0.35s ease-out; -ms-transition: margin 0.35s ease-out; transition: margin 0.35s ease-out; }
.pagination.style-type-3 .swiper-pagination-bullet:before { content: ''; position: absolute; left: -12px; top: -12px; border: 5px solid rgba(255, 255, 255, 0.2); background: none; width: 25px; height: 25px; border-radius: 50%; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.pagination.style-type-3 .swiper-pagination-bullet-active { background: none; margin: 0 13px; }
.pagination.style-type-3 .swiper-pagination-bullet-active:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.link-more { position: relative; display: block; width: 70px; height: 70px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.3); }
.link-more img { position: absolute; opacity: 0.3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); display: block; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.link-more:hover img { -webkit-transform: translate(-50%, -50%) scale(0.8); -moz-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); }

.button-type-2.style-2 { white-space: nowrap; height: 60px; line-height: 60px; padding: 0px 30px; font-size: 15px; letter-spacing: 6px; -webkit-transition: all 0.35s ease-out 1s; -moz-transition: all 0.35s ease-out 1s; -ms-transition: all 0.35s ease-out 1s; transition: all 0.35s ease-out 1s; }
.button-type-2.style-2:hover { box-shadow: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; }

.box-container { position: relative; width: 100%; padding-top: 380px; }

.box-title { font-size: 31px; line-height: 49px; padding-bottom: 10px; letter-spacing: 3.8px; text-transform: uppercase; color: #fff; }
.box-title.xs { font-size: 32px; line-height: 40px; letter-spacing: 5px; letter-spacing: 15px; }
.box-title.sm { font-size: 88px; line-height: 137px; letter-spacing: 50px; }
.box-title.md { font-size: 93px; line-height: 96px; letter-spacing: 42px; padding-bottom: 20px; }
.box-title.lg { font-size: 134px; line-height: 137px; margin-left: -215px; letter-spacing: 50px; padding-bottom: 25px; }

.box-subtitle { font-size: 32px; letter-spacing: 5px; line-height: 40px; text-transform: uppercase; color: #fff; }

.box-text { position: relative; }
.box-text p { font-size: 17px; line-height: 32px; color: rgba(255, 255, 255, 0.5); }

.box-item { position: relative; width: 100%; display: inline-block; }
.box-item .number { position: absolute; font-size: 334px; line-height: 210px; text-shadow: 0px 30px 150px rgba(2, 2, 2, 0.75); letter-spacing: -18px; color: rgba(255, 255, 255, 0.1); }
.box-item .box-slider { width: 570px; height: 640px; position: absolute; }
.box-item .box-slider .shadow-imit { position: absolute; width: 570px; height: 570px; box-shadow: 0px 30px 150px rgba(2, 2, 2, 0.75); left: 0px; bottom: 0px; }
.box-item .box-slider .swiper-container { padding-top: 70px; }
.box-item .box-slider .pagination.style-type-3 { top: 30px; }
.box-item .text-block { position: relative; display: inline-block; box-shadow: 0px 30px 150px rgba(2, 2, 2, 0.75); }

.square-box { position: absolute; width: 395px; height: 395px; }
.square-box.md { width: 175px; height: 175px; }
.square-box.lg { width: 270px; height: 270px; }
.square-box.sm { width: 288px; height: 377px; }

.box-type-1 { padding-bottom: 185px; margin-bottom: 360px; }
.box-type-1 .number { right: -17%; top: 0px; line-height: 160px; }
.box-type-1 .image { width: 570px; height: 570px; position: absolute; top: 24%; left: 32%; box-shadow: 0px 30px 150px rgba(2, 2, 2, 0.75); z-index: 2; }
.box-type-1 .text-block { padding: 150px 85px 90px 80px; max-width: 570px; z-index: 5; margin-left: -18%; }
.box-type-1 .text-block .box-text { padding-bottom: 30px; }
.box-type-1 .link-more { float: right; }
.box-type-1 .square-box { left: 12%; bottom: 11%; }

.box-type-2 { margin-bottom: 250px; }
.box-type-2 .number { left: -215px; top: 0px; line-height: 270px; }
.box-type-2 .box-slider { right: -120px; top: 0px; z-index: 5; }
.box-type-2 .text-block { padding: 100px 335px 140px 55px; max-width: 730px; z-index: 3; margin-left: 80px; margin-top: 330px; }
.box-type-2 .square-box { left: 400px; top: 200px; }
.box-type-2 .link { position: absolute; bottom: -25px; left: 55px; }
.box-type-2 .button-type-2.style-2:after, .box-type-2 .button-type-2.style-2:before, .box-type-2 .button-type-2.style-2 span:after, .box-type-2 .button-type-2.style-2 span:before { background: #46ff38; }
.box-type-2 .button-type-2.style-2:hover { color: #46ff38; }

.box-type-3 { margin-bottom: 260px; }
.box-type-3 .box-slider { left: -80px; z-index: 5; top: 0px; }
.box-type-3 .text-block { padding: 100px 115px 140px 260px; margin-top: 330px; min-width: 730px; z-index: 3; margin-left: 280px; }
.box-type-3 .link { position: absolute; left: 260px; bottom: -25px; }
.box-type-3 .square-box { left: 420px; top: 210px; }
.box-type-3 .button-type-2.style-2:after, .box-type-3 .button-type-2.style-2:before, .box-type-3 .button-type-2.style-2 span:after, .box-type-3 .button-type-2.style-2 span:before { background: #5c46ff; }
.box-type-3 .button-type-2.style-2:hover { color: #5c46ff; }

.box-type-4 { padding-top: 195px; margin-bottom: 320px; }
.box-type-4 .number { right: -85px; top: 0px; }
.box-type-4 .text-block { min-width: 1170px; padding: 0px 20px 0px 120px; margin-left: -115px; }
.box-type-4 .text-block .box-text { max-width: 340px; float: left; }
.box-type-4 .box-title { margin-top: -38px; }
.box-type-4 .sm-box-wrap { position: relative; display: inline-block; width: 62%; float: right; margin-bottom: -25px; padding-top: 30px; }
.box-type-4 .sm-box-text { position: relative; width: 100%; display: inline-block; margin-right: 70px; box-shadow: 0px 30px 150px rgba(2, 2, 2, 0.75); padding: 60px 30px 50px 30px; min-height: 255px; }
.box-type-4 .column-50 { float: left; padding-right: 70px; }
.box-type-4 .sm-box-text h5 { font-size: 17px; line-height: 29px; text-transform: uppercase; color: #fff; letter-spacing: 5.8px; }
.box-type-4 .column-50:nth-child(1), .box-type-4 .column-50:nth-child(2) { margin-bottom: 75px; }

.box-type-5 { margin-bottom: 130px; }
.box-type-5 .image { width: 670px; height: 670px; position: relative; float: left; margin-left: -160px; margin-top: 110px; z-index: 5; }
.box-type-5 .text-block-team { float: left; position: relative; width: 40%; margin-top: 220px; z-index: 6; }
.box-type-5 .number { right: 70px; top: 0px; }
.box-type-5 .square-box { left: 325px; top: 30px; z-index: 3; }
.box-type-5 .box-text { padding: 0px 0px 0px 40px; }

.box-type-6 { padding-top: 210px; margin-bottom: 320px; }
.box-type-6 .number { right: -156px; top: 0px; }
.box-type-6 .box-title { text-align: center; padding-bottom: 5px; }

.price-number { position: relative; width: 100%; display: inline-block; padding-bottom: 70px; }
.price-number b { font-size: 595px; line-height: 475px; color: rgba(255, 255, 255, 0.1); margin-left: -24px; position: relative; display: block; }
.price-number span { position: absolute; width: 115px; height: 115px; line-height: 115px; color: #fff; font-size: 41px; background: rgba(255, 255, 255, 0.1); bottom: 0px; right: -20px; text-align: center; text-transform: uppercase; }
.price-number span sub { font-size: 20px; line-height: 70px; position: relative; display: inline-block; vertical-align: top; margin-right: -15px; }

.start-calc { position: absolute; background: #ff3838; cursor: pointer; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; width: 280px; height: 280px; text-align: center; line-height: 280px; color: #fff; font-size: 100px; border-radius: 50%; }
.start-calc:before { content: ''; position: absolute; top: 50%; left: -500%; width: 500%; height: 8px; margin-top: -4px; background: #ff3838; }

.price-sm-wrapp .column-50 { float: left; padding: 0px 0px 0px 70px; }

.price-sm-item { position: relative; width: 176px; height: 176px; box-shadow: 0px 30px 150px rgba(2, 2, 2, 0.75); color: #fff; padding: 40px 0px 0px 100px; }
.price-sm-item .title { position: relative; min-width: 360px; }
.price-sm-item .title h6 { font-size: 18px; line-height: 20px; text-transform: uppercase; letter-spacing: 5px; }
.price-sm-item .title b { display: block; font-size: 66px; line-height: 66px; }

.box-type-7 { text-align: center; padding: 140px 0px 80px; margin-bottom: 300px; }
.box-type-7 .number { left: 50%; top: 0px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.box-type-7 .box-title { z-index: 5; position: relative; padding-bottom: 0px; }
.box-type-7 .box-subtitle { padding-bottom: 20px; z-index: 5; position: relative; }
.box-type-7 .image { position: relative; width: 100%; min-width: 1646px; margin-left: -345px; display: block; }
.box-type-7 .image img { width: 100%; height: auto; position: relative; z-index: 1; }
.box-type-7 .column-50 { float: left; text-align: left; padding: 0px 40px; }
.box-type-7 .text { position: relative; width: 100%; margin-top: -215px; padding: 0px 40px; }
.box-type-7 .text .box-title { letter-spacing: 112px; margin-left: 55px; padding-bottom: 30px; }
.box-type-7 .square-box { position: relative; margin: -110px auto 0px; display: block; }
.box-type-7 .link { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -25px; z-index: 5; }
.box-type-7 .button-type-2.style-2:after, .box-type-7 .button-type-2.style-2:before, .box-type-7 .button-type-2.style-2 span:after, .box-type-7 .button-type-2.style-2 span:before { background: #ff3838; }
.box-type-7 .button-type-2.style-2:hover { color: #ff3838; }

.point-laptop { width: 230px; height: 230px; background: #fe3838; position: absolute; right: 191px; top: -35px; border-radius: 50%; }

@media (max-width: 1290px) { .box-container { padding-top: 180px; }
  .main-container { padding-top: 80px; }
  .header.box-style { height: 80px; }
  .onepage-box.style-1 .header.box-style { background: #3f2b2b; }
  .onepage-box.style-2 .header.box-style { background: #0b0e24; }
  .box-nav { padding: 10px 0px; }
  .scroll-down.lg { display: none; }
  .box-type-1 { margin-bottom: 200px; }
  .box-type-1 .number { right: 0px; }
  .box-type-1 .text-block { margin-left: 0px; }
  .box-type-1 .image { left: auto; right: 0px; top: 33%; }
  .box-type-2 { margin-bottom: 200px; }
  .box-type-2 .number { left: 0px; }
  .box-type-2 .box-slider { right: 0px; }
  .box-type-2 .text-block { margin-left: 0px; padding: 100px 380px 95px 55px; }
  .box-type-3 { margin-bottom: 200px; }
  .box-type-3 .box-slider { left: 0px; width: 470px; height: 570px; }
  .box-type-3 .text-block { margin-left: 212px; padding: 100px 60px 116px 285px; }
  .box-type-3 .box-slider .shadow-imit { width: 470px; height: 500px; }
  .box-type-3 .link { left: 285px; }
  .box-type-4 { margin-bottom: 200px; }
  .box-type-4 .number { right: 10px; }
  .box-type-4 .text-block { min-width: 100%; margin-left: 0px; }
  .box-type-4 .text-block { padding: 0px 20px 0px 60px; }
  .box-type-4 .sm-box-wrap { width: 100%; }
  .box-type-5 .image { margin-left: 0px; width: 570px; height: 570px; }
  .box-type-5 .text-block-team { width: 35%; }
  .box-type-5 .number { right: 10px; }
  .box-type-6 { margin-bottom: 200px; }
  .box-type-6 .number { right: 10px; }
  .price-number span { right: 20px; }
  .box-type-7 { margin-bottom: 200px; }
  .box-type-7 .image { min-width: 100%; margin-left: 0px; }
  .box-type-7 .text { margin-top: -120px; }
  .point-laptop { width: 130px; height: 130px; right: 115px; } }
@media (max-width: 992px) { .box-type-1 { padding-bottom: 0px; margin-bottom: 120px; }
  .box-type-1 .text-block { max-width: none; width: 100%; padding: 60px; }
  .box-type-1 .image { position: relative; width: 100%; top: 0px; height: 370px; }
  .square-box { display: none; }
  .box-item .text-block { z-index: 6; }
  .box-item .number { position: relative; text-align: center; display: block; margin: 0 auto 30px; font-size: 200px; line-height: 155px; }
  .box-item .box-slider { width: 100%; height: 470px; position: relative; }
  .box-item .box-slider .shadow-imit { width: 100%; height: 400px; }
  .box-type-2 .text-block { margin-top: 0px; padding: 60px 60px 120px; }
  .box-type-2 .link, .box-type-3 .link { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .box-type-3 .text-block { margin: 0px; padding: 60px 60px 120px; min-width: 100%; }
  .box-type-4 { padding-top: 0px; }
  .box-type-4 .column-50:nth-child(1), .box-type-4 .column-50:nth-child(2) { margin-bottom: 35px; }
  .box-type-4 .box-title { margin-top: 20px; }
  .box-type-5 .image { margin-top: 0px; width: 100%; height: 370px; }
  .box-type-5 .image .bg, .box-type-5 .image .service-layer { background-position: top center; }
  .box-type-5 .text-block-team { width: 100%; margin-top: 0px; }
  .box-title.lg { margin-left: 30px; }
  .box-type-6 { padding-top: 0px; }
  .box-type-2, .box-type-4, .box-type-3, .box-type-6 { margin-bottom: 130px; }
  .price-number b { font-size: 448px; line-height: 360px; margin-left: -13px; }
  .box-type-7 { padding: 0px; }
  .box-title.lg { font-size: 94px; line-height: 90px; }
  .box-type-5 .text-block-team { margin-top: 30px; }
  .start-calc { font-size: 75px; line-height: 180px; width: 180px; height: 180px; }
  .price-sm-item .title b { font-size: 50px; line-height: 60px; }
  .price-sm-wrapp .column-50 { padding: 0px 0px 0px 40px; }
  .price-sm-item { padding: 40px 0px 0px 30px; }
  .price-number span { width: 80px; height: 80px; line-height: 80px; font-size: 30px; }
  .box-type-7 .text .box-title { letter-spacing: 35px; margin-left: 35px; }
  .box-title.sm { letter-spacing: 35px; line-height: 88px; margin-left: 35px; }
  .box-type-7 .column-50 { padding: 0px 20px; z-index: 6; }
  .point-laptop { display: none; }
  .box-nav ul { padding: 40px 0px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: auto; z-index: 50; }
  .onepage-box.style-1 .box-nav ul { background: #3f2b2b; }
  .onepage-box.style-2 .box-nav ul { background: #3f2b2b; }
  .box-nav li { display: block; } }
@media (max-width: 768px) { .box-container { padding-top: 80px; }
  .box-title.lg, .box-title.md, .box-title.sm { letter-spacing: 35px; font-size: 64px; line-height: 60px; }
  .box-item .number { font-size: 120px; line-height: 90px; letter-spacing: 3px; }
  .box-type-4 .column-50 { width: 100%; margin-bottom: 35px; }
  .box-type-4 .sm-box-text { min-height: 100%; }
  .box-type-4 .sm-box-wrap { margin-bottom: 0px; }
  .price-number b { text-align: center; margin: 0 auto; font-size: 260px; line-height: 190px; }
  .start-calc { width: 100px; height: 100px; line-height: 100px; font-size: 40px; }
  .box-type-7 .column-50 { width: 100%; padding: 0px 20px 30px; }
  .box-type-7 .square-box { margin: -50px auto; }
  .price-sm-wrapp .column-50 { width: 100%; }
  .price-sm-wrapp .column-50:first-child { padding-bottom: 30px; } }
@media (max-width: 480px) { .price-number { padding-bottom: 50px; }
  .price-number b { font-size: 154px; line-height: 180px; }
  .price-number span { font-size: 20px; width: 60px; height: 60px; line-height: 60px; bottom: 24px; }
  .price-number span sub { line-height: 45px; font-size: 13px; }
  .price-sm-item .title { min-width: 100%; }
  .box-type-1 .image { height: 270px; }
  .box-type-1 .text-block { padding: 30px; }
  .box-type-1 .text-block .box-text { padding-bottom: 20px; }
  .box-item .box-slider { height: 400px; }
  .box-item .box-slider .shadow-imit { display: none; }
  .box-type-2 .text-block, .box-type-3 .text-block { padding: 30px 30px 80px; }
  .box-title.lg, .box-title.md, .box-title.sm { font-size: 40px; line-height: 40px; letter-spacing: 5px; }
  .box-type-4 .text-block, .box-type-5 .box-text, .price-sm-wrapp .column-50 { padding: 0px 20px 0px 30px; }
  .box-type-4 .text-block { width: 100%; }
  .box-type-4 .column-50 { padding-right: 0px; }
  .box-title.xs, .box-subtitle { font-size: 25px; line-height: 25px; letter-spacing: 5px; }
  .price-sm-item { width: 100%; }
  .box-title { font-size: 27px; line-height: 43px; }
  .box-title.sm { margin-left: 0px; }
  .box-type-7 .text { margin-top: 0px; display: inline-block; padding: 0px 30px 60px; }
  .box-type-7 .column-50 { padding: 0px 0px 30px; }
  .box-type-7 { margin-bottom: 130px; }
  .box-type-7 .text .box-title { letter-spacing: 5px; margin-left: 0px; }
  .box-type-7 .square-box { display: none; }
  .button-type-2.style-2 { letter-spacing: 3px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 32. Mini */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'GTWalsheimProLight'; src: url("assets/font/walsheim/GT-Walsheim-Pro-Light.eot"); src: url("assets/font/walsheim/GT-Walsheim-Pro-Light.woff") format("woff"), url("assets/font/walsheim/GT-Walsheim-Pro-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'GTWalsheimProRegular'; src: url("assets/font/walsheim/GT-Walsheim-Pro-Regular.eot"); src: url("assets/font/walsheim/GT-Walsheim-Pro-Regular.woff") format("woff"), url("assets/font/walsheim/GT-Walsheim-Pro-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'GTWalsheimProBold'; src: url("assets/font/walsheim/GT-Walsheim-Pro-Bold.eot"); src: url("assets/font/walsheim/GT-Walsheim-Pro-Bold.woff") format("woff"), url("assets/font/walsheim/GT-Walsheim-Pro-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }
.mini-title-h1, .mini-title-h2, .mini-title-h3, .mini-title-h4, .mini-title-h5, .mini-title-h6, .mini-title-h7 { font-family: 'GTWalsheimProRegular'; color: #423c3c; }

.mini-title-h1.white-col, .mini-title-h2.white-col, .mini-title-h3.white-col, .mini-title-h4.white-col, .mini-title-h5.white-col, .mini-title-h6.white-col { color: #fff; }

.mini-title-h1 { font-size: 115px; line-height: 126px; }

.mini-title-h2 { font-size: 85px; line-height: 90px; }

.mini-title-h3 { font-size: 75px; line-height: 80px; }

.mini-title-h4 { font-size: 70px; line-height: 82px; }

.mini-title-h5 { font-size: 55px; line-height: 60px; }

.mini-title-h6 { font-size: 38px; line-height: 44px; }

.mini-title-h7 { font-size: 35px; line-height: 40px; }

.simple-text-mini { position: relative; }
.simple-text-mini p { font-size: 16px; line-height: 29px; color: #423c3c; font-family: 'GTWalsheimProLight'; }
.simple-text-mini.lg p { font-size: 18px; line-height: 38px; }

.sub-mini-title { font-size: 35px; line-height: 50px; color: #423c3c; }
.sub-mini-title.sm { font-size: 28px; line-height: 45px; }
.sub-mini-title.sm a { display: inline-block; position: relative; color: inherit; }
.sub-mini-title.sm a:before { content: ''; position: absolute; left: 0px; bottom: 8px; width: 100%; height: 8px; z-index: -1; background: #39b2ff; }
.sub-mini-title.xs { font-size: 20px; line-height: 30px; color: rgba(66, 60, 60, 0.5); }
.sub-mini-title.xxs { font-size: 13px; text-transform: uppercase; line-height: 30px; letter-spacing: 6px; color: rgba(255, 255, 255, 0.5); }

.font-mini-light, .sub-mini-title, .mini-nav, .footer-mini .copyright, .footer-mini .link-contact, .blog-item-title, .author-name span, .mini-adr-item span, .mini-adr-item a, .mini-adr-item ul li, .input-label label, .input-label .input-field input, .input-label .input-field textarea, .send-mini-button span, .project-mini-title .title, .project-mini-title span, .project-filter a, .quote-mini-block .text blockquote p, .quote-mini-block .text blockquote .bq, .text-change-field { font-family: 'GTWalsheimProLight'; font-weight: 300; }

.font-mini-regular, .service-mini-item .value { font-family: 'GTWalsheimProRegular'; font-weight: 400; }

.font-mini-bold, .info-item { font-family: 'GTWalsheimProBold'; font-weight: 700; }

.pagination.style-type-4 { position: absolute; left: 0px; bottom: 85px; width: 100%; }
.pagination.style-type-4 .swiper-pagination-bullet { width: 50px; display: block; border-radius: 0px; height: 4px; background: #fff; margin: 8px auto; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.pagination.style-type-4 .swiper-pagination-bullet:before { content: ''; position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: #39b2ff; -webkit-transition: all 0.45s ease-out 0.35s; -moz-transition: all 0.45s ease-out 0.35s; -ms-transition: all 0.45s ease-out 0.35s; transition: all 0.45s ease-out 0.35s; }
.pagination.style-type-4 .swiper-pagination-bullet-active { width: 95px; }
.pagination.style-type-4 .swiper-pagination-bullet-active:before { width: 100%; }

.header.mini-style { z-index: 50; position: absolute; left: 0px; top: 0px; width: 100%; }

.header.mini-style .logo-mini { max-width: 150px; position: absolute; top: 15px; left: 15px; width: 100%; }
.header.mini-style .logo-mini img { width: 100%; height: auto; }

.header.mini-style .folow { position: absolute; right: 15px; top: 15px; z-index: 5; }
.header.mini-style .folow a { color: #fff; line-height: 16px; }
.header.mini-style .folow a:after { color: #39b2ff; }
.header.mini-style .folow.dark a { color: #423c3c; }

.mini-nav { position: fixed; left: 0px; top: 50%; padding: 40px 30px; left: 10px; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); min-width: 150px; background: #423c3c; }
.mini-nav:before { content: ''; position: absolute; left: -10px; top: 0px; width: 4px; height: 100%; background: #39b2ff; }
.mini-nav li a { font-size: 20px; line-height: 36px; color: #b1b0b0; }
.mini-nav li a:hover, .mini-nav li a.active { color: #39b2ff; }

.mini-slider-layer { background: rgba(63, 63, 63, 0.5); backface-visibility: hidden; }

.content-load-wrap { position: relative; width: 100%; height: 1080px; height: 125vmin; min-height: 650px; }
.content-load-wrap.auto-h { height: auto; }

.footer-mini { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 20px 25px; z-index: 15; }
.footer-mini .copyright { font-size: 15px; line-height: 36px; color: rgba(255, 255, 255, 0.5); float: left; }
.footer-mini .copyright.dark { color: rgba(66, 60, 60, 0.5); }
.footer-mini .link-contact { float: right; }
.footer-mini .link-contact a { color: rgba(255, 255, 255, 0.5); text-decoration: underline; display: inline-block; padding: 0px 0px 0px 20px; line-height: 36px; }
.footer-mini .link-contact a:hover { color: #fff; }
.footer-mini .link-contact.dark a { color: rgba(66, 60, 60, 0.5); }
.footer-mini .link-contact.dark a:hover { color: #423c3c; }
.footer-mini .folow { display: none; }

.main-mini-title { color: #fff; }
.main-mini-title .mini-title-h2 span { display: inline-block; width: 85px; height: 85px; line-height: 75px; border: 5px solid #fff; text-align: center; border-radius: 50%; font-size: 44px; vertical-align: middle; }

.column-mini-baner.bg-dark { background: #2e2828; }

.column-mini-baner.bg-grey2 { background: #f1f1f1; }

.column-mini-baner { width: 100%; height: inherit; position: relative; font-size: 0px; background: #fff; }
.column-mini-baner .column-50 { display: inline-block; vertical-align: middle; }
.column-mini-baner .column-30 { width: 33.333%; display: inline-block; vertical-align: middle; position: relative; }
.column-mini-baner .column-60 { width: 66.666%; display: inline-block; vertical-align: middle; position: relative; }

.about-mini-img { height: inherit; }

.about-mini-desc { padding: 0px 90px 0px 100px; }
.about-mini-desc .sub-mini-title { padding-bottom: 15px; }
.about-mini-desc .simple-text-mini { padding-bottom: 30px; max-width: 800px; }
.about-mini-desc .simple-text-mini p { padding-bottom: 30px; }

.about-mini-info { position: relative; width: 100%; }

.info-item { display: inline-block; text-align: left; padding-right: 35px; }
.info-item .timer-info { font-size: 92px; line-height: 90px; color: rgba(66, 60, 60, 0.3); display: inline-block; vertical-align: middle; }
.info-item b { font-size: 35px; line-height: 35px; color: #39b2ff; display: inline-block; margin-left: -15px; vertical-align: middle; }

.service-mini-img { height: inherit; }

.service-mini-item { position: relative; width: 100%; padding-bottom: 50px; }
.service-mini-item .text { position: relative; padding-left: 80px; }
.service-mini-item .value { font-size: 150px; line-height: 122px; color: #39b2ff; position: relative; display: block; float: left; }
.service-mini-item .mini-title-h7 { padding-bottom: 10px; }

.blog-mini-item { position: relative; }
.blog-mini-item.lg { width: 100%; height: 538px; height: 50vmin; min-height: 500px; float: left; display: block; }
.blog-mini-item.sm { width: 50%; height: 538px; height: 50vmin; min-height: 500px; float: left; display: block; }

.blog-item-title { position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 0px 45px 40px 45px; }
.blog-item-title .blog-date { position: relative; display: inline-block; font-size: 14px; color: rgba(255, 255, 255, 0.5); padding: 5px 10px; background: #423c3c; line-height: 14px; margin-bottom: 5px; }
.blog-item-title .title a { color: #fff; }
.blog-item-title .title a:hover { color: #39b2ff; }

body.overflowh { overflow: hidden; }

.popup-ajax { position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 50; overflow: hidden; visibility: hidden; opacity: 0; }
.popup-ajax .image { width: 100%; height: 640px; position: relative; }
.popup-ajax.type-center { overflow-y: auto; }
.popup-ajax.type-center .popup-ajax-wrap { position: relative; max-width: 1170px; width: 100%; margin: 0 auto; background: #fff; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; overflow: hidden; height: auto; visibility: hidden; opacity: 0; }
.popup-ajax.type-center .popup-ajax-layer { position: fixed; }

.popup-ajax-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(66, 60, 60, 0.9); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; visibility: hidden; opacity: 0; }

.popup-ajax-title .mini-title-h5 { text-align: center; color: #fff; }

.text-popup-ajax { padding: 70px; }
.text-popup-ajax .sub-mini-title { padding-bottom: 35px; }

.popup-ajax-wrap { position: absolute; right: 0px; width: 50%; top: 0px; background: #fff; height: 100%; overflow-y: auto; z-index: 500; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.35s ease-out 1.35s; -moz-transition: all 0.35s ease-out 1.35s; -ms-transition: all 0.35s ease-out 1.35s; transition: all 0.35s ease-out 1.35s; }

.close-ajax-popup { position: absolute; right: 45px; top: 45px; z-index: 5; }

.popup-ajax.active { visibility: visible; opacity: 1; }

.popup-ajax.active .popup-ajax-layer { visibility: visible; opacity: 1; }

.popup-ajax.active .popup-ajax-wrap { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.popup-ajax.type-center.active .popup-ajax-wrap { visibility: visible; opacity: 1; }

.client-mini-title { text-align: center; position: relative; padding-top: 70px; }
.client-mini-title .sub-mini-title { padding-bottom: 10px; }
.client-mini-title .title { padding-bottom: 50px; }

.client-slide { display: block; }
.client-slide img { margin: 0 auto; display: block; opacity: 0.4; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.client-slide img:hover { opacity: 1; }

.client-slider-mini { margin-bottom: 45px; }

.client-slider-mini .swiper-slide { min-height: 85px; }

.client-wrap-desc { position: relative; width: 100%; height: 100%; background: #fff; padding: 120px 100px 95px; }
.client-wrap-desc .simple-text-mini p { padding-bottom: 40px; }

.author-name { position: relative; }
.author-name .mini-title-h6 { padding-bottom: 5px; }
.author-name span { font-size: 14px; line-height: 29px; letter-spacing: 6px; color: rgba(66, 60, 60, 0.5); text-transform: uppercase; display: block; }

.client-mini-wrap { position: relative; width: 100%; display: inline-block; }
.client-mini-wrap .bg, .client-mini-wrap .service-layer { width: 50%; }
.client-mini-wrap .client-wrap-desc { position: relative; float: right; width: 50%; }

.address-item { padding: 0px 70px 0px 180px; }

.mini-adr-item { position: relative; width: 100%; padding-bottom: 60px; }
.mini-adr-item span { font-size: 20px; display: block; line-height: 30px; color: rgba(255, 255, 255, 0.5); }
.mini-adr-item a, .mini-adr-item ul li { font-size: 30px; line-height: 30px; color: #fff; display: block; }
.mini-adr-item a:hover { color: #39b2ff; }
.mini-adr-item:last-child { padding-bottom: 0px; }

.contact-form { position: relative; width: 100%; }
.contact-form .column-50 { float: left; padding-right: 70px; }
.contact-form .column-100 { float: left; width: 100%; padding-right: 70px; }

.input-label { position: relative; width: 100%; display: inline-block; }
.input-label label { font-size: 15px; color: #423c3c; display: block; position: relative; float: left; padding-bottom: 10px; }
.input-label .input-field { position: relative; display: inline-block; width: 100%; margin-bottom: 40px; }
.input-label .input-field input, .input-label .input-field textarea { position: relative; display: inline-block; width: 100%; height: 75px; line-height: 75px; padding: 0px 20px; background: #fff; font-size: 30px; }
.input-label .input-field textarea { height: 260px; resize: none; }

.send-mini-button { display: inline-block; background: #39b2ff; color: #fff; padding: 0px 30px; height: 70px; position: relative; min-width: 430px; float: right; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.send-mini-button input { position: absolute; background: none; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; cursor: pointer; }
.send-mini-button span { position: relative; display: inline-block; line-height: 70px; font-size: 25px; }
.send-mini-button i { position: absolute; right: 30px; top: 0px; font-size: 20px; line-height: 70px; }
.send-mini-button:hover { background: #fff; color: #39b2ff; }

.project-slider-mini { padding-bottom: 70px; }

.project-slider-mini .swiper-slide { max-width: 1340px; margin: 0 auto; opacity: 0.8; min-height: 650px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.project-slider-mini .swiper-slide-active.swiper-slide { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.project-mini-title .title { font-size: 64px; line-height: 64px; color: #fff; }
.project-mini-title .title a { color: inherit; }
.project-mini-title .title a:hover { color: #39b2ff; }

.project-mini-title span { font-size: 13px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); letter-spacing: 6px; line-height: 16px; padding-bottom: 10px; display: block; }

.project-filter { position: relative; width: 100%; display: inline-block; padding: 120px 0px 60px; text-align: center; }
.project-filter a { font-size: 15px; line-height: 15px; color: #423c3c; position: relative; display: inline-block; margin: 0 15px; padding-bottom: 10px; }
.project-filter a:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 0%; background: #39b2ff; height: 4px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.project-filter a:hover:before, .project-filter a.active:before { width: 100%; }

.pagination.style-type-5 { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 15; }

.pagination.style-type-5 .swiper-pagination-bullet { width: 15px; display: inline-block; border-radius: 0px; height: 15px; background: none; margin: 0 auto; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.pagination.style-type-5 .swiper-pagination-bullet:before { content: ''; position: absolute; left: 50%; top: 50%; margin: -2.5px 0px 0px -2.5px; width: 5px; height: 5px; background: #c5c4c4; border-radius: 50%; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.pagination.style-type-5 .swiper-pagination-bullet-active:before { -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); }

.img-detail { position: relative; height: 580px; float: left; }

.img-detail.full { width: 100%; }

.quote-mini-block { position: relative; width: 100%; float: left; }
.quote-mini-block .bg, .quote-mini-block .service-layer { width: 50%; }
.quote-mini-block .text { width: 50%; float: right; padding: 70px 50px 25px; }
.quote-mini-block .text blockquote p { font-size: 25px; line-height: 45px; padding-bottom: 40px; z-index: 1; }
.quote-mini-block .text blockquote { position: relative; }
.quote-mini-block .text blockquote .bq { position: absolute; display: block; line-height: 5px; z-index: -1; right: 0px; bottom: 0px; font-size: 240px; color: #39b2ff; }

.arrow-mini-back { position: relative; width: 100%; display: inline-block; background: #2c2222; padding: 40px 50px; }
.arrow-mini-back .circle-link { position: absolute; right: 50px; top: 45px; }
.arrow-mini-back .text { position: relative; width: 100%; padding-right: 120px; }
.arrow-mini-back .title { color: #fff; }
.arrow-mini-back .title a { color: inherit; }

.circle-link { width: 62px; height: 62px; border: 3px solid #fff; line-height: 58px; border-radius: 50%; text-align: center; font-size: 24px; color: #fff; display: block; }

.text-popup-ajax .project-mini-title { text-align: center; }
.text-popup-ajax .project-mini-title span { color: rgba(66, 60, 60, 0.5); }
.text-popup-ajax .project-mini-title .title { color: #423c3c; padding-bottom: 70px; }

.popup-ajax.type-center .simple-text-mini p { padding-bottom: 35px; }

.popup-ajax.type-center .simple-text-mini p:last-child { padding-bottom: 0px; }

.burger.mini-mobile-open { position: absolute; left: 50%; top: 20px; }
.burger.mini-mobile-open i:before, .burger.mini-mobile-open i:after { background: #39b2ff; }
.burger.mini-mobile-open.active { -webkit-transform: translateY(0) translateX(0); -moz-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); background: none; }

.text-change-field { position: relative; display: none; margin: 0 auto; height: 50px; line-height: 50px; border: 1px solid #423c3c; line-height: 50px; padding: 0px 15px; font-size: 15px; cursor: pointer; max-width: 320px; }
.text-change-field i { position: absolute; right: 15px; top: 0px; line-height: inherit; font-size: 14px; }

@media (max-width: 1910px) { .info-item .timer-info { font-size: 55px; }
  .info-item b { font-size: 28px; }
  .about-mini-info { text-align: center; } }
@media (max-width: 1800px) { .mini-title-h1 { font-size: 80px; line-height: 90px; }
  .mini-title-h2 { font-size: 60px; line-height: 70px; }
  .mini-title-h3 { font-size: 50px; line-height: 60px; }
  .mini-title-h4 { font-size: 50px; line-height: 60px; }
  .mini-title-h5 { font-size: 40px; line-height: 50px; }
  .sub-mini-title { font-size: 30px; line-height: 35px; }
  .service-mini-item { padding-bottom: 0px; }
  .service-mini-item .value { font-size: 80px; line-height: 70px; }
  .service-mini-item .text { padding-left: 60px; }
  .mini-adr-item a, .mini-adr-item ul li, .mini-adr-item .link-fax { font-size: 28px !important; } }
@media (max-width: 1600px) { .about-mini-desc { padding: 0px 60px; }
  .client-wrap-desc { padding: 60px; }
  .project-filter { padding: 80px 0px 40px; }
  .project-slider-mini .swiper-slide { min-height: 600px; } }
@media (max-width: 1400px) { .mini-title-h1 { font-size: 60px; line-height: 70px; }
  .sub-mini-title { font-size: 20px; line-height: 28px; }
  .simple-text-mini p { font-size: 14px; line-height: 22px; }
  .project-filter { padding: 60px 0px 20px; }
  .client-mini-title { padding-top: 60px; }
  .client-mini-title .title { padding-bottom: 30px; }
  .project-slider-mini { padding-bottom: 50px; }
  .project-slider-mini .swiper-slide { min-height: 470px; }
  .footer-mini { padding: 5px 15px; }
  .pagination.style-type-4 { bottom: 35px; }
  .blog-mini-item.lg, .blog-mini-item.sm { min-height: 380px; }
  .input-label .input-field input, .input-label .input-field textarea { height: 55px; line-height: 55px; font-size: 20px; }
  .input-label .input-field textarea { height: 180px; }
  .input-label .input-field { margin-bottom: 30px; }
  .send-mini-button { height: 55px; padding: 0px 20px; min-width: 230px; }
  .send-mini-button span, .send-mini-button i { line-height: 55px; font-size: 20px; }
  .popup-ajax .image { height: 450px; }
  .mini-adr-item a, .mini-adr-item ul li, .mini-adr-item .link-fax { font-size: 24px !important; } }
@media (max-width: 1280px) { .contact-baner.column-mini-baner .column-30 { width: 100%; padding: 80px 0px 60px; display: inline-block; height: auto; }
  .contact-baner.column-mini-baner .column-60 { width: 100%; height: auto; padding: 60px 60px 60px 220px; }
  .address-item.vertical-align, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line { position: relative; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 0px 60px 0px 220px; }
  .mini-adr-item { width: 50%; float: left; padding-bottom: 30px; }
  .column-mini-baner.contact-baner { height: auto; }
  .contact-form .column-50, .contact-form .column-100 { padding-right: 30px; }
  .content-load-wrap.h-auto-desktop { height: auto; } }
@media (max-width: 992px) { .content-load-wrap { height: auto; }
  .header.mini-style { height: 62px; background: #fff; position: fixed; }
  .header.mini-style .folow a { color: #423c3c; }
  .slider-mini-main .swiper-slide { min-height: 962px; }
  .content-load-wrap { padding-top: 62px; }
  .header.mini-style .logo-mini { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .mini-nav { -webkit-transform: translate(-120%, 0%); -moz-transform: translate(-120%, 0%); -ms-transform: translate(-120%, 0%); transform: translate(-120%, 0%); top: 62px; padding: 20px 15px; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -ms-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }
  .mini-nav.slide { -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  .address-item.vertical-align, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line { padding: 0px 30px; }
  .contact-baner.column-mini-baner .column-60 { padding: 30px 30px 60px; }
  .contact-form .column-50, .contact-form .column-100 { padding: 0px 15px; }
  .mini-adr-item a, .mini-adr-item ul li { font-size: 22px; line-height: 22px; }
  .mini-adr-item span { font-size: 18px; line-height: 26px; }
  .contact-form { width: auto; margin-left: -15px; margin-right: -15px; }
  .service-mini-img { display: none; }
  .column-mini-baner .column-60, .column-mini-baner .column-50 { width: 100%; }
  .about-mini-desc { padding: 60px 30px 80px; }
  .about-mini-img { height: 350px; }
  .blog-mini-item.sm, .client-mini-wrap .client-wrap-desc { width: 100%; }
  .blog-item-title { padding: 30px; }
  .client-mini-wrap .bg, .client-mini-wrap .service-layer { width: 100%; height: 350px; position: relative; }
  .client-wrap-desc, .text-popup-ajax { padding: 60px 30px; }
  .popup-ajax-wrap { width: 100%; }
  .close-ajax-popup { right: 30px; top: 30px; }
  .simple-text-mini.lg p { font-size: 14px; line-height: 22px; }
  .text-popup-ajax .project-mini-title .title { padding-bottom: 30px; }
  .quote-mini-block .text blockquote p { font-size: 16px; line-height: 30px; padding-bottom: 30px; }
  .img-detail { height: 400px; }
  .quote-mini-block .text { padding: 50px 30px 25px; }
  .quote-mini-block .text blockquote .bq { font-size: 140px; }
  .header.mini-style .folow { display: none; }
  .burger.mini-mobile-open { left: auto; right: 15px; height: 50px; width: 50px; padding: 0; top: 6px; text-align: center; }
  .burger.mini-mobile-open i { width: 30px; margin: 25px auto; }
  .footer-mini .folow { display: inline-block; width: 100%; text-align: center; padding: 10px 0px; }
  .footer-mini .folow a { margin: 0 10px; }
  .footer-mini { position: relative; background: #fff; }
  .footer-mini .copyright { display: inline-block; width: 100%; text-align: center; line-height: 30px; color: rgba(66, 60, 60, 0.5); }
  .footer-mini .link-contact { width: 100%; display: inline-block; text-align: center; float: none; }
  .footer-mini .link-contact a { padding: 0px 10px; color: rgba(66, 60, 60, 0.5); }
  .text-change-field { display: block; }
  .mini-project-filter { position: absolute; left: 0px; top: 100%; width: 100%; background: #fff; padding: 10px 15px; display: none; }
  .project-filter { display: block; margin: 0 auto; max-width: 320px; z-index: 5; }
  .project-filter .mini-project-filter a { width: 100%; margin: 0px; padding-bottom: 15px; }
  .project-filter .mini-project-filter a:before { display: none; } }
@media (max-height: 767px) { .slider-mini-main .swiper-slide { min-height: 670px; } }
@media (max-width: 768px) { .mini-adr-item, .contact-form .column-50 { width: 100%; }
  .quote-mini-block .bg, .quote-mini-block .service-layer { width: 100%; height: 300px; position: relative; }
  .quote-mini-block .text { width: 100%; }
  .arrow-mini-back .title { font-size: 20px; line-height: 30px; } }
@media (max-width: 480px) { .mini-title-h1 { font-size: 50px; line-height: 60px; }
  .mini-title-h2 { font-size: 40px; line-height: 50px; }
  .mini-title-h3 { font-size: 45px; line-height: 55px; }
  .mini-title-h4 { font-size: 45px; line-height: 55px; }
  .mini-title-h5 { font-size: 30px; line-height: 40px; }
  .project-mini-title .title { font-size: 44px; line-height: 50px; }
  .main-mini-title { padding: 0px 15px; }
  .main-mini-title .mini-title-h2 span { width: 60px; height: 60px; line-height: 53px; font-size: 23px; border-width: 3px; }
  .address-item.vertical-align, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line { padding: 0px 15px; }
  .contact-baner.column-mini-baner .column-60 { padding: 30px 15px 60px; }
  .contact-baner.column-mini-baner .column-30 { padding: 60px 0px; }
  .header.mini-style .logo-mini { max-width: 120px; }
  .about-mini-desc { padding: 30px 15px 30px; }
  .about-mini-desc .simple-text-mini p { padding-bottom: 0px; }
  .project-mini-title span { letter-spacing: 3px; }
  .about-mini-img { height: 250px; }
  .info-item { width: 100%; padding-right: 0px; text-align: center; }
  .blog-item-title .title { font-size: 35px; line-height: 40px; }
  .client-wrap-desc { padding: 30px 15px; }
  .client-mini-wrap .bg, .client-mini-wrap .service-layer { height: 250px; }
  .client-mini-title, .text-popup-ajax, .quote-mini-block .text { padding: 30px 15px; }
  .client-mini-title .title { padding-bottom: 0px; }
  .close-ajax-popup { right: 15px; top: 15px; }
  .sub-mini-title.sm { font-size: 22px; line-height: 34px; }
  .popup-ajax .image { height: 300px; }
  .blog-item-title { padding: 15px; }
  .img-detail.column-50 { width: 100%; }
  .img-detail { height: 250px; }
  .arrow-mini-back .title { display: none; }
  .arrow-mini-back { padding: 30px 15px; }
  .arrow-mini-back .sub-mini-title.xxs { line-height: 57px; letter-spacing: 3px; }
  .arrow-mini-back .circle-link { top: 30px; right: 15px; }
  .send-mini-button { min-width: 100%; width: 100%; }
  .project-filter a { margin: 0px 30px 15px; padding-bottom: 7px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 33. SOLO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer.fixed { position: fixed; left: 0px; bottom: 0px; width: 100%; background: #fff; z-index: 555; }
.footer.fixed .folow { float: left; padding-left: 30px; }
.footer.fixed .copyright { line-height: 16px; }

.solo-open-menu { position: relative; display: inline-block; width: 23px; height: 14px; margin: 35px 0px; cursor: pointer; }
.solo-open-menu i { position: relative; width: 19px; height: 2px; background: #7f7f7f; margin: 6px auto 0px; display: block; }
.solo-open-menu i:before { content: ''; position: absolute; left: -2px; top: -6px; width: 23px; height: 2px; background: #7f7f7f; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.solo-open-menu i:after { content: ''; position: absolute; left: 2.5px; top: 6px; width: 15px; height: 2px; background: #7f7f7f; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.solo-open-menu:hover i:before { width: 15px; left: 2px; }
.solo-open-menu:hover i:after { width: 23px; left: -2.5px; }

.solo-header { position: fixed; left: 0px; top: 0px; text-align: center; z-index: 500; width: 100%; padding: 230px 0px 170px; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
.solo-header nav { position: relative; width: 100%; }
.solo-header ul li { display: inline-block; position: relative; margin: 0 30px; }
.solo-header ul li a { position: relative; font-size: 25px; line-height: 30px; text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 1.8px; }
.solo-header ul li a:before { content: ''; position: absolute; left: 50%; top: 0px; opacity: 0; width: 7px; height: 120px; background: #535353; z-index: -1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.solo-header ul li:hover a:before, .solo-header ul li.active a:before { top: -50px; opacity: 1; }
.solo-header.show-solo-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.main-content.solo-type { height: 100vmin; padding: 0px; border-top-width: 0px; }
.main-content.solo-type .content-load, .main-content.solo-type .ajax-load-content { height: inherit; }

.solo-baner { background: #ebebe9; position: relative; width: 100%; height: 100%; padding: 90px 0px; }
.solo-baner .main-img { position: absolute; right: -5%; bottom: 0px; width: 83%; }
.solo-baner .main-img img { width: 100%; height: auto; }
.solo-baner.overflowh { overflow: hidden; }

.solo-button.button-type-2.style-2 { color: #4d4d4e; box-shadow: inset 0px 0px 0px 2px #4d4d4e; font-size: 13px; font-weight: 700; letter-spacing: 1.4px; height: 53px; line-height: 53px; padding: 0px 50px; }
.solo-button.button-type-2.style-2:before, .solo-button.button-type-2.style-2:after, .solo-button.button-type-2.style-2 span:before, .solo-button.button-type-2.style-2 span:after { background: #25c5f9; }
.solo-button.button-type-2.style-2:hover { color: #25c5f9; }

.solo-main-title { padding: 0px 70px 0px 140px; z-index: 5; }
.solo-main-title .simple-text { max-width: 540px; padding-bottom: 35px; }
.solo-main-title .title { font-size: 150px; line-height: 127px; padding-bottom: 30px; }
.solo-main-title .title-md { font-size: 98px; line-height: 90px; padding-bottom: 40px; }

.container-perspective.persp { -webkit-perspective: 1500px; perspective: 1500px; }
.container-perspective.open-solo-menu { background: #7f7f7f; }
.container-perspective.open-solo-menu .effect-push { -webkit-transform: translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75); -moz-transform: translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75); -ms-transform: translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75); transform: translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.container-perspective.open-solo-menu .pusher-layer { opacity: 1; visibility: visible; }

.left-column { width: 65%; float: left; height: 100%; position: relative; }

.right-column { width: 35%; float: left; height: 100%; position: relative; }

.solo-sub-title { position: absolute; font-size: 13px; text-transform: uppercase; letter-spacing: 1.4px; font-weight: 700; color: #4d4d4e; display: block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); left: 35px; top: 290px; }

.main-slider { position: relative; width: 100%; height: inherit; display: inline-block; }

.circle-solo-point.point-circle-slider { position: relative; display: inline-block; width: 100%; left: 0px; bottom: auto; }
.circle-solo-point.point-circle-slider .swiper-slide { padding: 0px 15px 0px 0px; }
.circle-solo-point.point-circle-slider .slide-point .path { stroke: #25c5f9; stroke-width: 2px; }
.circle-solo-point.point-circle-slider .slide-point { width: 62px; height: 62px; }
.circle-solo-point.point-circle-slider .slide-point:before { box-shadow: inset 0px 0px 0px 2px rgba(77, 77, 78, 0.3); opacity: 1; backface-visibility: hidden; }
.circle-solo-point.point-circle-slider .slide-point:hover:before, .circle-solo-point.point-circle-slider .slide-point.active:before { box-shadow: inset 0px 0px 0px 2px #4d4d4e; }
.circle-solo-point.point-circle-slider .slide-point span { position: absolute; font-size: 13px; font-weight: 700; left: 0%; top: 0%; width: 100%; height: 100%; line-height: 62px; text-align: center; color: rgba(77, 77, 78, 0.3); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.circle-solo-point.point-circle-slider .slide-point:hover span, .circle-solo-point.point-circle-slider .slide-point.active span { color: #4d4d4e; }

.solo-page3 .left-column { width: 55%; }

.solo-page3 .right-column { width: 45%; }

.slide-shadow img { width: 100%; }

.date-slide { position: relative; display: inline-block; padding: 25px 0px; background: #4d4d4e; color: #fff; width: 100%; text-align: center; }
.date-slide b { font-size: 45px; line-height: 45px; position: relative; display: block; padding-bottom: 8px; }
.date-slide span { font-size: 10px; text-transform: uppercase; display: block; position: relative; letter-spacing: 1.4px; }

.testi-slider { position: fixed; left: 0px; width: 100%; visibility: hidden; opacity: 0; z-index: 50; -webkit-transform: translateY(-75px); -moz-transform: translateY(-75px); -ms-transform: translateY(-75px); transform: translateY(-75px); }

.testi-post-slider .swiper-slide { margin: 0px 20px; width: 110px; }

.title-counter.solo-title-counter { padding: 70px 0px 30px; }
.title-counter.solo-title-counter .title { padding-bottom: 0px; }
.title-counter.solo-title-counter .open-slider { cursor: pointer; }
.title-counter.solo-title-counter .open-slider b { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; line-height: 33px; font-size: 10px; font-weight: 400; border-radius: 50%; background: #fff; color: #4d4d4e; opacity: 0; visibility: visible; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

.solo-comment-slider { position: relative; width: 100%; padding: 90px 0px 0px; }
.solo-comment-slider .swiper-container { margin: 0px 80px; padding: 0px 60px; }

.solo-comment-slide { position: relative; width: 100%; padding: 0px 60px; min-height: 420px; }
.solo-comment-slide p { font-size: 32px; line-height: 50px; color: #4d4d4e; padding-bottom: 90px; }
.solo-comment-slide p a { font-weight: 700; color: #4d4d4e; }

.author-comm { position: absolute; bottom: 0px; width: 100%; padding: 20px 0px; text-transform: uppercase; }
.author-comm:before { content: ''; position: absolute; left: 0px; top: 0px; width: 60%; height: 2px; background: #4d4d4e; }
.author-comm .title { font-size: 15px; letter-spacing: 1.5px; padding-bottom: 13px; }
.author-comm .colmm-tags { font-size: 12px; color: rgba(77, 77, 78, 0.3); letter-spacing: 1.4px; }

.comm-arrow { position: absolute; top: 50%; font-size: 24px; width: 50px; height: 50px; line-height: 50px; cursor: pointer; text-align: center; z-index: 15; margin-top: -25px; }
.comm-arrow.swiper-arrow-right { right: 0px; }
.comm-arrow.swiper-arrow-left { left: 0px; }

.solo-baner .client-item { margin: 30px 0px; }

.solo-projects-slider { position: fixed; left: 0px; top: 320px; width: 100%; z-index: 50; position: relative; }
.solo-projects-slider .swiper-slide { width: 370px; margin: 0 50px; }
.solo-projects-slider .swiper-container { padding-bottom: 230px; }

.solo-project-slide { position: relative; width: 100%; box-shadow: 0px 93px 122px rgba(2, 2, 2, 0.47); min-height: 510px; }
.solo-project-slide .layer-bg-3 { opacity: 0; display: block; }
.solo-project-slide .title { position: absolute; left: 0px; bottom: 55px; width: 100%; color: #fff; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.solo-project-slide .title h4 { font-size: 43px; line-height: 50px; margin-bottom: 10px; position: relative; z-index: 1; }
.solo-project-slide .title span { z-index: 5; position: relative; }
.solo-project-slide .title:before { content: ''; position: absolute; left: -7px; top: -15px; width: 115px; height: 120px; background: #4d4d4e; -webkit-transform: skewX(-35deg) translateX(50px); -moz-transform: skewX(-35deg) translateX(50px); -ms-transform: skewX(-35deg) translateX(50px); transform: skewX(-35deg) translateX(50px); opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.solo-project-slide:hover .title:before { opacity: 1; -webkit-transform: skewX(-45deg) translateX(0px); -moz-transform: skewX(-45deg) translateX(0px); -ms-transform: skewX(-45deg) translateX(0px); transform: skewX(-45deg) translateX(0px); }
.solo-project-slide:hover .layer-bg-3 { opacity: 1; }
.solo-project-slide:hover .title { opacity: 1; left: 30px; }

.pagination.style-type-2.nubmer-point { bottom: 140px; }
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet { width: 44px; }
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet i { color: #4d4d4e; }
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet:before { background: #7f7f7f; }
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet:after { background: #4d4d4e; left: 0px; }
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet-active:before { background: none; }

.filter-val-slide { position: relative; display: inline-block; color: #fff; text-align: center; }
.filter-val-slide b { font-size: 112px; line-height: 100px; }
.filter-val-slide .h13 { font-size: 12px; display: block; }

.filter-number-slider { position: relative; padding: 120px 0px 130px; text-align: center; visibility: hidden; opacity: 0; -webkit-transform: translateY(-80px); -moz-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); }
.filter-number-slider .swiper-container { width: auto; max-width: 1300px; }

.revers-color.active { background: #7f7f7f; }
.revers-color.active .solo-title-counter, .revers-color.active .solo-comment-slide p, .revers-color.active .author-comm .title, .revers-color.active .solo-comment-slide p a, .revers-color.active .comm-arrow, .revers-color.active .filter-list .link-style-1, .revers-color.active .solo-sub-title, .revers-color.active .slide-lidt-text { color: #fff; }
.revers-color.active .open-slider { background: none; }
.revers-color.active .open-slider b { opacity: 1; visibility: visible; }
.revers-color.active .author-comm .colmm-tags { color: rgba(255, 255, 255, 0.25); }
.revers-color.active .author-comm:before { background: #fff; }
.revers-color.active .testi-slider { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.revers-color.active .solo-comment-slider { padding: 165px 0px 0px 0px; }
.revers-color.active .filter-number-slider { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.revers-color.active .solo-projects-slider { top: 664px; }

.solo-title-counter, .solo-comment-slide p, .author-comm .title, .open-slider, .open-slider b, .author-comm .colmm-tags, .author-comm:before, .testi-slider, .solo-comment-slider, .comm-arrow, .solo-comment-slide p a, .solo-projects-slider, .filter-number-slider, .solo-sub-title, .slide-lidt-text { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

@media (max-width: 1800px) { .solo-main-title { padding: 0px 60px; }
  .solo-sub-title { top: 160px; left: -30px; }
  .solo-comment-slide p { font-size: 20px; line-height: 30px; }
  .solo-main-title .title-md { font-size: 60px; line-height: 70px; padding-bottom: 25px; } }
@media (max-width: 1400px) { .solo-main-title .title { font-size: 90px; line-height: 95px; }
  .solo-main-title .title-md { font-size: 50px; line-height: 50px; }
  .solo-open-menu { margin: 25px 0px; }
  .solo-header { padding: 130px 0px; }
  .solo-header ul li a { font-size: 18px; line-height: 20px; }
  .solo-baner { padding: 66px 0px; }
  .solo-comment-slider .swiper-container { margin: 0px 60px; padding: 0px 30px; }
  .solo-comment-slide { padding: 0px 30px; } }
@media (max-width: 992px) { .header.style-center .mobile-left.logo { left: 0px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .solo-header ul li { display: block; margin: 0px 0px 30px; }
  .solo-header ul li a:before { height: 70px; }
  .solo-header ul li:hover a:before, .solo-header ul li.active a:before { top: -25px; }
  .container-perspective.open-solo-menu .effect-push { -webkit-transform: translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75); -moz-transform: translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75); -ms-transform: translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75); transform: translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75); }
  .solo-header { height: 100%; background: #7f7f7f; overflow-y: auto; padding: 110px 0px; }
  .main-content.solo-type { height: auto; }
  .solo-baner { min-height: 780px; }
  .footer.fixed { position: relative; }
  .footer.fixed .folow { padding-left: 0px; }
  .solo-main-title.vertical-align, .search-panel.popup .solo-main-title.close, .amount-wrap .solo-main-title.val, .inside-img img.solo-main-title, .solo-main-title.skill-line { position: relative; left: 0px; top: 0px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 60px; }
  .slide-shadow.vertical-align, .search-panel.popup .slide-shadow.close, .amount-wrap .slide-shadow.val, .inside-img img.slide-shadow, .slide-shadow.skill-line { position: relative; left: 0px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 0px; }
  .left-column, .right-column, .solo-page3 .left-column, .solo-page3 .right-column { width: 100%; height: auto; }
  .right-column .main-slider { height: 400px; }
  .solo-baner.overflowh.slider-swiching { padding-bottom: 0px; }
  .solo-baner.overflowh { padding-bottom: 0px; }
  .bg-position > .bg, .bg-position > .service-layer { display: none; }
  .right-column.bg-position .main-slider { height: auto; }
  .right-column.bg-position .main-slider .swiper-container { padding-bottom: 60px; }
  .solo-projects-slider { position: relative; top: 0px; }
  .filter-number-slider { position: absolute; left: 0px; width: 100%; padding: 30px 0px 60px; }
  .solo-projects-slider .swiper-container { padding-bottom: 110px; }
  .pagination.style-type-2.nubmer-point { bottom: 40px; }
  .solo-baner.solo-page4 { padding: 66px 0px 0px; }
  .filter-val-slide b { font-size: 70px; line-height: 70px; }
  .revers-color.active .solo-projects-slider { top: 180px; }
  .solo-baner .slide-lidt-text { margin-bottom: 60px; }
  .solo-mobile-filter .filter-list { position: absolute; left: 0px; top: 50px; border: 2px solid #d2d2d3; z-index: 500; background: #fff; min-width: 320px; padding-bottom: 0px; }
  .solo-mobile-filter .filter-list .link-style-1 { display: block; margin: 5px 0px; }
  .solo-mobile-filter .filter-list .link-style-1:before { display: none; }
  .solo-mobile-filter .filter-list .link-style-1:hover, .solo-mobile-filter .filter-list .link-style-1.active { color: #000; }
  .solo-comment-slider { padding: 30px 0px 100px 0px; }
  .solo-comment-slide { min-height: 100%; }
  .author-comm { position: relative; }
  .solo-comment-slide p { padding-bottom: 30px; }
  .testi-slider { position: absolute; }
  .solo-baner .title-second { padding-top: 60px; } }
@media (max-width: 768px) { .solo-main-title { padding: 0px 30px; }
  .solo-main-title .title { font-size: 60px; line-height: 60px; }
  .solo-baner { min-height: 780px; }
  .footer.fixed { height: auto; margin: 0px; }
  .footer.fixed .folow { padding-left: 0px; }
  .solo-main-title.vertical-align, .search-panel.popup .solo-main-title.close, .amount-wrap .solo-main-title.val, .inside-img img.solo-main-title, .solo-main-title.skill-line { padding: 30px; }
  .solo-sub-title { position: relative; left: 0px; top: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); padding: 30px 0px 0px 30px; }
  .solo-comment-slider .swiper-container { margin: 0px 30px; }
  .solo-baner.solo-page4 { min-height: 100%; } }
@media (max-width: 480px) { .solo-main-title .title { font-size: 40px; line-height: 40px; }
  .solo-main-title .title-md { font-size: 30px; line-height: 30px; }
  .solo-main-title { padding: 0px 15px; }
  .solo-baner { min-height: 630px; }
  .solo-main-title.vertical-align, .search-panel.popup .solo-main-title.close, .amount-wrap .solo-main-title.val, .inside-img img.solo-main-title, .solo-main-title.skill-line { padding: 30px 15px; }
  .solo-sub-title { padding: 30px 0px 0px 15px; }
  .solo-projects-slider .swiper-slide { width: 320px; margin: 0px 10px; }
  .solo-projects-slider .swiper-container.nubmer-point-style { padding: 0px 30px 100px; width: 100%; }
  .title-counter.solo-title-counter { padding: 30px 0px; }
  .solo-comment-slider .swiper-container { margin: 0px 15px; padding: 0px 15px; }
  .solo-comment-slide p { font-size: 16px; line-height: 26px; }
  .solo-comment-slide { padding: 0px 15px; }
  .comm-arrow.swiper-arrow-left { left: -15px; }
  .comm-arrow.swiper-arrow-right { right: -15px; }
  .solo-comment-slider { padding: 30px 0px 80px; }
  .testi-post-slider .swiper-slide { width: 80px; margin: 0px 10px; }
  .date-slide b { font-size: 30px; line-height: 30px; }
  .revers-color.active .solo-comment-slider { padding: 145px 0px 0px 0px; }
  .date-slide span { letter-spacing: 0px; }
  .right-column.bg-position .main-slider { height: auto; }
  .right-column.bg-position .main-slider .swiper-container { padding-bottom: 0px; } }
@media (max-height: 1000px) and (min-width: 992px) { .title-counter.solo-title-counter { padding: 30px 0px; }
  .solo-projects-slider { top: -285px; }
  .solo-project-slide { min-height: 480px; } }
@media (max-height: 900px) and (min-width: 992px) { .solo-projects-slider { top: -230px; }
  .title-counter.solo-title-counter .title { font-size: 40px; }
  .title-counter.solo-title-counter { padding: 30px 0px 20px; }
  .solo-project-slide { min-height: 250px; }
  .solo-baner .client-item img { max-width: 180px; }
  .solo-baner .title-second .title { font-size: 50px; line-height: 60px; }
  .solo-baner .title-second { padding-bottom: 50px; }
  .solo-project-slide .title { bottom: 30px; }
  .solo-project-slide .title h4 { font-size: 25px; line-height: 25px; }
  .filter-number-slider { padding: 60px 0px; }
  .revers-color.active .solo-projects-slider { top: 490px; }
  .solo-project-slide .title:before { top: -30px; }
  .solo-comment-slide { min-height: 300px; }
  .solo-comment-slider { padding: 60px 0px 0px; }
  .date-slide b { font-size: 35px; line-height: 35px; }
  .solo-projects-slider .swiper-container { padding-bottom: 220px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 34. ONEPAGE V6 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.onepagev6 #fp-nav { visibility: hidden; opacity: 0; }

.onepagev6 { font-weight: 400; background: #2d333c; }

.header.right-style { position: relative; width: 100%; overflow: hidden; }
.header.right-style .header-wrap { position: relative; width: 100%; padding: 0px 90px; height: inherit; }
.header.right-style .burger { right: 30px; left: auto; z-index: 5000; }
.header.right-style .burger i:after, .header.right-style .burger i:before { background: #fff; }
.header.right-style .burger.active { -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); top: 50%; padding: 9px 0px; background: none; }

.logo-left { left: 100px; top: 60px; z-index: 150; position: fixed; }

.right-navigation { position: fixed; right: 0px; top: 0px; width: 130px; height: 100%; background: #2d333c; z-index: 500; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.right-navigation .folow { padding-top: 50px; text-align: center; }
.right-navigation .menu-scrol { position: relative; text-align: center; width: 100%; height: 100%; right: 0px; margin: 0px !important; top: 0px; padding: 60px 12%; }
.right-navigation .menu-scrol li { display: block; margin: 0px 15px; width: auto; height: auto; float: left; }
.right-navigation .menu-scrol li a { font-size: 14px; text-transform: uppercase; color: rgba(255, 254, 254, 0.5); position: relative; display: block; }
.right-navigation .menu-scrol li a:hover, .right-navigation ul li a.active { color: #fffefe; }
.right-navigation .copy { position: absolute; left: 0px; width: 100%; bottom: 60px; text-align: center; font-size: 14px; color: rgba(255, 254, 254, 0.5); }

.transform-wrap { position: fixed; width: 100%; height: 135px; transform-origin: left top; transform: rotate(90deg) translateY(-100%); }

.folow.grey a { color: #62666d; margin: 0 10px; }

.folow.grey a:after { color: #fff; }

.full-section { /* IE10+ */ background-image: -ms-linear-gradient(bottom left, #2D333C 20%, #3C4359 40%, #464C6C 50%, #757EC8 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(bottom left, #2D333C 20%, #3C4359 40%, #464C6C 50%, #757EC8 100%); /* Opera */ background-image: -o-linear-gradient(bottom left, #2D333C 20%, #3C4359 40%, #464C6C 50%, #757EC8 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, right top, color-stop(20, #2D333C), color-stop(40, #3C4359), color-stop(50, #464C6C), color-stop(100, #757EC8)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(bottom left, #2D333C 20%, #3C4359 40%, #464C6C 50%, #757EC8 100%); /* W3C Markup */ background-image: linear-gradient(to top right, #2D333C 20%, #3C4359 40%, #464C6C 50%, #757EC8 100%); }

.full-section-wrap { padding-right: 130px; }

.full-section { position: relative; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; }

.full-section-wrap.wrapper-full-scroll { padding-top: 0px; }

.full-main-title { position: relative; padding: 0px 100px; }

.title-h1 { font-size: 96px; line-height: 96px; font-weight: 300; text-align: left; color: #fff; letter-spacing: -0.8px; }

.word-anime { display: inline-block; position: relative; padding-bottom: 20px; }
.word-anime:before { content: ''; position: absolute; left: 0px; bottom: 0px; height: 8px; width: 0%; background: url(assets/img/word_wave.png) repeat-x; -webkit-transition: all 0.85s ease-out 0.5s; -moz-transition: all 0.85s ease-out 0.5s; -ms-transition: all 0.85s ease-out 0.5s; transition: all 0.85s ease-out 0.5s; }
.word-anime.sm:before { background: url(assets/img/word_wave_sm.png) repeat-x; }
.word-anime.sm { padding-bottom: 10px; }

.scroll-down-section { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 14px; line-height: 14px; color: rgba(255, 255, 255, 0.5); width: auto; position: absolute; left: 40px; bottom: 130px; cursor: pointer; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.scroll-down-section:hover { color: #fff; }

.open-all-project { position: absolute; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 20px; color: rgba(255, 255, 255, 0.25); left: 50%; margin-left: -30px; top: 50px; cursor: pointer; z-index: 120; }
.open-all-project.act i:before { content: '\e800'; }

.project-item-wr { position: absolute; overflow: hidden; left: 50%; top: 50%; padding: 0px 100px; width: 100%; z-index: 55; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out; -ms-transition: all 0.55s ease-out; transition: all 0.55s ease-out; }

.full-project-item { position: relative; display: inline-block; width: 100%; opacity: 0; -webkit-transition: all 0.85s ease-in 0.5s; -moz-transition: all 0.85s ease-in 0.5s; -ms-transition: all 0.85s ease-in 0.5s; transition: all 0.85s ease-in 0.5s; }
.full-project-item .image { width: 66%; height: 630px; position: relative; box-shadow: 0px 204px 144px rgba(0, 0, 0, 0.11); -webkit-transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out; -ms-transition: all 0.55s ease-out; transition: all 0.55s ease-out; }
.full-project-item .title { left: 66%; text-align: left; width: 100%; }
.full-project-item .title .title-h1 { margin-left: -190px; display: block; padding-bottom: 25px; }
.full-project-item.right-style .image { float: right; }
.full-project-item.right-style .title { left: 0; }
.full-project-item.right-style .title .title-h1 { margin-left: 0px; }
.full-project-item.right-style .project-author { float: right; padding-right: 66%; margin-right: 30px; }
.full-project-item .project-author { padding-left: 30px; }

.project-author { font-size: 16px; }

.about-layer.bg, .about-layer.service-layer { opacity: 0.2; background-size: contain; left: 0px; bottom: 0px; background-position: left bottom; }

.full-about-wr { position: relative; width: 100%; }

.full-about-item { position: relative; max-width: 990px; width: 100%; display: block; margin: 0 auto; }
.full-about-item p { font-size: 32px; line-height: 50px; font-weight: 300; color: #fffefe; padding-bottom: 40px; }

.signature { position: relative; float: right; }
.signature img { margin-bottom: 15px; }
.signature span { display: block; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #fffefe; }

.full-contact-item { position: relative; text-align: center; }
.full-contact-item .title-h2 { font-size: 105px; line-height: 134px; font-weight: 300; letter-spacing: -0.8px; color: #fffefe; }
.full-contact-item p { font-size: 31px; line-height: 42px; color: rgba(255, 254, 254, 0.5); padding-top: 35px; }
.full-contact-item p a { color: inherit; }
.full-contact-item p a:hover { color: #fff; }

.contact-footer-link { position: absolute; left: 0px; width: 100%; bottom: 115px; text-align: center; }
.contact-footer-link h4 { font-size: 31px; line-height: 58px; color: #fffefe; font-weight: 300; display: block; padding-bottom: 15px; }
.contact-footer-link a { display: inline-block; position: relative; text-transform: uppercase; font-size: 16px; font-weight: 300; margin: 0px 15px; color: #fffefe; line-height: 16px; }
.contact-footer-link a:hover { color: #fff; }

.full-section.active { opacity: 1; visibility: visible; }
.full-section.active .word-anime:before { width: 100%; }
.full-section.active .full-project-item { opacity: 1; }

.all-full-project { position: relative; width: 100%; height: inherit; z-index: 5; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.prev_full_project { position: relative; float: left; width: 50%; height: 33.333%; }
.prev_full_project:before { content: ''; z-index: 5; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; backface-visibility: hidden; background: #2d333c; -webkit-transition: all 0.65s ease-out; -moz-transition: all 0.65s ease-out; -ms-transition: all 0.65s ease-out; transition: all 0.65s ease-out; }

.full-section.open-all .all-full-project { opacity: 1; }
.full-section.open-all .prev_full_project:before { height: 0px; }
.full-section.open-all .project-item-wr { top: 0px; left: 0px; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); padding: 0px; }
.full-section.open-all .full-project-item .title { opacity: 0; }
.full-section.open-all .full-project-item .image { width: 50%; height: 33.333vmin; }
.full-section.open-all .all-project-title { opacity: 1; visibility: visible; -webkit-transition: all 0.55s ease-out 1s; -moz-transition: all 0.55s ease-out 1s; -ms-transition: all 0.55s ease-out 1s; transition: all 0.55s ease-out 1s; }

.title-h1 .typed-cursor { display: none; }

.all-project-title { color: #fffefe; position: absolute; text-align: center; opacity: 0; visibility: hidden; left: 50%; top: 50%; z-index: 55; max-width: 1150px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); backface-visibility: hidden; }
.all-project-title .title-h1 { padding-bottom: 30px; text-align: center; }
.all-project-title .project-author { backface-visibility: hidden; }

@media (max-width: 1400px) { .title-h1 { font-size: 50px; line-height: 56px; }
  .right-navigation .menu-scrol { padding: 60px 10%; }
  .scroll-down-section { bottom: 85px; left: -8px; }
  .full-main-title { padding: 0px 60px; }
  .logo-left { left: 60px; top: 30px; }
  .right-navigation .folow { padding-top: 30px; }
  .right-navigation .copy { bottom: 30px; }
  .full-project-item .image { height: 350px; }
  .open-all-project { top: 15px; }
  .full-about-item p { font-size: 22px; line-height: 32px; padding-bottom: 20px; }
  .signature img { max-width: 130px; }
  .full-contact-item .title-h2 { font-size: 60px; line-height: 70px; }
  .full-contact-item p { font-size: 20px; line-height: 32px; }
  .contact-footer-link { bottom: 30px; } }
@media (max-width: 1200px) { .full-about-item { padding: 0 30px; } }
@media (max-width: 1024px) { .full-section { opacity: 1; visibility: visible; }
  .full-project-item { opacity: 1; }
  .word-anime:before { width: 100%; }
  .home-section { min-height: 570px; }
  .project-item-wr { position: relative; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); top: 0px; left: 0px; padding: 0px 30px 60px; margin-bottom: 0px; }
  .scroll-down-section { display: none; }
  .full-main-title { position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; padding: 0px 30px; }
  .project-section { background: none; padding: 60px 0px 0px; }
  .open-all-project { display: none; }
  .full-project-item.right-style .project-author { margin-right: 15px; }
  .full-project-item .project-author { padding-left: 15px; }
  .full-about-item { padding: 100px 30px; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); top: 0px; position: relative; }
  .full-contact-item { display: inline-block; padding: 100px 30px; width: 100%; }
  .contact-footer-link { position: relative; display: inline-block; padding: 0px 0px 60px; bottom: 0px; }
  .contact-section .vertical-align.full, .contact-section .search-panel.popup .full.close, .search-panel.popup .contact-section .full.close, .contact-section .amount-wrap .full.val, .amount-wrap .contact-section .full.val, .contact-section .inside-img img.full, .inside-img .contact-section img.full, .contact-section .full.skill-line { position: relative; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); top: 0px; } }
@media (max-width: 992px) { .right-navigation { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); width: 100%; height: 66px; }
  .right-navigation.slide { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  .right-navigation .copy, .right-navigation .folow { display: none; }
  .right-navigation .menu-scrol { padding: 26px 0px; height: auto; }
  .right-navigation .menu-scrol li { float: none; display: inline-block; }
  .header.right-style.bg-scroll { background: #2d333c; }
  .logo-left { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 20px; }
  .full-section-wrap { padding-right: 0px; }
  .header.right-style .header-wrap { padding: 0px; margin: 0px; }
  .header.right-style { position: fixed; height: 66px; z-index: 500; overflow: visible; }
  .transform-wrap { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  .full-contact-item .title-h2 { font-size: 40px; line-height: 45px; } }
@media (max-width: 768px) { .full-project-item .image { width: 100%; }
  .full-project-item .title .title-h1 { margin-left: 0px; text-align: center; font-size: 30px; line-height: 30px; }
  .full-contact-item .title-h2 { font-size: 30px; line-height: 40px; }
  .full-project-item .title.vertical-align, .full-project-item .search-panel.popup .title.close, .search-panel.popup .full-project-item .title.close, .full-project-item .amount-wrap .title.val, .amount-wrap .full-project-item .title.val, .full-project-item .inside-img img.title, .inside-img .full-project-item img.title, .full-project-item .title.skill-line { left: 0px; text-align: center; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); position: relative; margin-top: -20px; display: inline-block; padding-bottom: 0px; }
  .project-author { font-size: 14px; margin-bottom: 0px; }
  .full-project-item .project-author { padding-left: 0px; }
  .full-project-item.right-style .project-author { padding: 0px; margin: 0px; float: none; } }
@media (max-width: 480px) { .right-navigation .menu-scrol li a { font-size: 13px; }
  .right-navigation .menu-scrol li { margin: 0px 10px; }
  .header.right-style .burger { right: 20px; }
  .title-h1 { font-size: 34px; line-height: 34px; }
  .word-anime { padding-bottom: 10px; }
  .word-anime:before { background: url(assets/img/word_wave_sm.png) repeat-x; height: 4px; }
  .project-item-wr { padding: 0px 20px; }
  .full-project-item .image { height: 150px; }
  .project-section { padding: 0px; }
  .full-project-item { padding-bottom: 50px; }
  .full-about-item p { font-size: 15px; line-height: 23px; }
  .full-about-item { padding: 100px 20px; }
  .about-layer.bg, .about-layer.service-layer { background-size: cover; }
  .signature span { font-size: 13px; line-height: 13px; }
  .full-contact-item .title-h2 { font-size: 20px; line-height: 32px; }
  .full-contact-item p { font-size: 15px; line-height: 22px; padding-top: 15px; }
  .contact-footer-link a { font-size: 12px; margin: 0 10px 10px; }
  .contact-footer-link h4 { font-size: 20px; line-height: 20px; }
  .full-contact-item { padding: 60px 15px 80px; }
  .right-navigation .menu-scrol { padding: 26px 30px 26px 0px; } }
@media (max-height: 910px) and (min-width: 1024px) { .contact-footer-link { bottom: 30px; }
  .full-contact-item .title-h2, .title-h1 { font-size: 60px; line-height: 70px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 35. INDEX (Dark version)
/*-------------------------------------------------------------------------------------------------------------------------------*/
.modern-style .main-content { border-color: #342d2d; }

.header.modern-header { background: #342d2d; }
.header.modern-header .nav-menu > ul > li a { color: #fff; }
.header.modern-header .search-panel { background: #342d2d; }
.header.modern-header .burger.active { background: #342d2d; }
.header.modern-header .burger.active i:before, .header.modern-header .burger.active i:after { background: #fff; }
.header.modern-header .nav-menu > ul > li .sub-menu li a { color: #4d4d4e; }
.header.modern-header .nav-menu > ul > li .sub-menu > li:hover > a { color: #fff; }

.modern-style #fp-nav { display: none !important; }

.simple-text.index-type p { font-size: 15px; line-height: 22px; }

.simple-text.index-type.lg { font-size: 18px; line-height: 24px; }

.index-bg1 { background: #2e2727; }

.index-bg2 { background: #312a2a; }

.index-bg3 { background: #282121; }

.h2-index { font-size: 155px; color: #fff; text-transform: lowercase; line-height: 122px; padding-bottom: 30px; position: relative; }

.h3-index { font-size: 74px; line-height: 74px; text-transform: lowercase; }

.h4-index { font-size: 22px; line-height: 30px; }

.index-baner.main-baner-full { overflow: hidden; }

.swiper-container-horizontal > .swiper-scrollbar { display: block !important; opacity: 1 !important; }

.index-baner { padding: 90px 0px 0px; }

.index-slider-container { position: relative; width: 100%; height: 100%; }

.index-slider { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; opacity: 0; }
.index-slider.active { visibility: visible; opacity: 1; }
.index-slider.active .main-index-title { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.range-slide-wrap { position: absolute; left: 0px; bottom: 70px; text-align: center; width: 100%; }

.range-slide { position: relative; display: block; margin: 0 auto; width: 180px; height: 50px; }
.range-slide:before { content: ''; width: 100%; height: 4px; background: url(assets/img/slider_dot.png) repeat-x; background-size: 10px 4px; top: 50%; left: 0px; margin-top: -2px; position: absolute; }

.drag-point { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; background: #544747; border-radius: 50%; cursor: pointer; line-height: 50px; font-size: 12px; color: #7f7f7f; text-align: center; z-index: 5; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.drag-end { position: absolute; right: 0px; top: 50%; margin-top: -13px; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #544747; background: #282121; }

.section-index { position: relative; width: 100%; height: 91vmin; display: table; }

.section-index .full-about-item.type-2 { padding: 0px; }

.clip-text.lg { font-size: 1080px; line-height: 79%; margin-left: 0px; backface-visibility: hidden; background-size: 100%; }
.clip-text.lg:before { background-image: none; }
.clip-text.lg:after { background: none; }
.clip-text.lg span { margin-left: 0px; }

.main-index-title { position: relative; width: 100%; z-index: 5; opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.main-index-title .h3-index { color: #fff; text-align: center; }

.team-clip-item { position: relative; width: 100%; padding: 0px 15px; text-align: center; }
.team-clip-item .image { height: 326px; position: relative; width: 100%; margin-bottom: 30px; }
.team-clip-item .text .h4-index { padding-bottom: 10px; color: #fff; }
.team-clip-item .text .simple-text p { color: rgba(255, 255, 255, 0.5); }

.clip-text span { display: block; margin-left: -20px; }

.slider-counter { left: 45px; z-index: 5; }
.slider-counter .counter-number { font-size: 97px; line-height: 97px; color: #fff; display: inline-block; vertical-align: middle; }
.slider-counter p { font-size: 75px; color: rgba(255, 255, 255, 0.15); display: inline-block; vertical-align: middle; }
.slider-counter .counter-length { font-size: 35px; color: rgba(255, 255, 255, 0.15); display: inline-block; vertical-align: bottom; line-height: 50px; padding-left: 8px; }

.clip-text { font-size: 385px; line-height: 326px; position: relative; display: inline-block; width: 100%; height: 100%; text-align: center; color: #fff; margin: 0 auto; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; text-transform: uppercase; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.clip-text:after { content: ''; background-color: rgba(47, 40, 40, 0.75); z-index: -1; }

.clip-text:before { position: absolute; content: ''; z-index: -2; top: 0; right: 0; bottom: 0; left: 0; background-image: inherit; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.clients-item { position: relative; width: 100%; height: 570px; }
.clients-item .bg-transper { opacity: 0.2; }
.clients-item .simple-text p { color: rgba(255, 255, 255, 0.5); }
.clients-item .image { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; background: #312a2a; }
.clients-item:hover .service-layer { opacity: 1; }
.clients-item:hover .image { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 5; }

.service-title { position: absolute; left: 0px; width: 100%; text-align: center; bottom: 40px; padding: 0px 30px; z-index: 5; }
.service-title img { margin-bottom: 15px; }

.client-list { padding-bottom: 40px; overflow: visible; }

.client-list .swiper-slide { width: 370px; }

.service-layer { background-image: url(assets/img/service_layer.png); background-repeat: no-repeat; opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

.full-about-item.type-2 { max-width: 720px; margin: 0px; }

.full-about-item.type-2 p { font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.5); }

.full-about-item.type-2 .signature { float: left; }
.full-about-item.type-2 .signature span { letter-spacing: 5.9px; font-size: 14px; color: #7f7f7f; padding-bottom: 10px; }

.services-silde { position: relative; width: 100%; display: inline-block; text-align: center; }
.services-silde .clip-text { font-size: 140px; line-height: 150px; -moz-background-image: none; }
.services-silde .clip-text:before { background-image: none; }
.services-silde .clip-text:after { display: none; }
.services-silde .image { margin-bottom: 10px; }
.services-silde .clip-text span { margin-left: 0px; }

.text-clip-slider { padding: 150px 0px 80px; }
.text-clip-slider .pagination.style-type-3 { top: auto; bottom: 20px; }

.contact-index-desc-wrap { position: relative; width: 100%; }

.shadow-bg:after { position: absolute; top: 0px; width: 50%; left: 0px; height: 400px; content: ''; box-shadow: inset 300px 0px 300px rgba(47, 40, 40, 0.5); }

.contact-index-desc { position: relative; width: 60%; z-index: 5; }

.adres-item { position: relative; padding-bottom: 160px; font-size: 35px; color: #fff; line-height: 40px; }
.adres-item a { color: inherit; display: block; padding-bottom: 20px; }
.adres-item p { padding-bottom: 20px; }

.index-contact-form { position: relative; width: 100%; display: inline-block; }
.index-contact-form .h3-index { color: #fff; padding-bottom: 40px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.index-contact-form .final-message { position: absolute; left: 0px; bottom: 30px; width: 100%; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.index-contact-form .questions li { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.index-contact-form .error-message { top: auto; bottom: -25px; width: 100%; }

.controls.submit-form { position: relative; float: left; margin-left: 25px; height: 60px; line-height: 60px; background: url(assets/img/submit_bg.png) no-repeat; background-size: cover; padding: 0px 20px; width: auto; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.controls.submit-form .text { background: none; position: relative; display: inline-block; float: left; font-size: 25px; color: #fff; line-height: 60px; padding-right: 80px; }
.controls.submit-form input { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; background: none; cursor: pointer; }
.controls.submit-form i { position: relative; display: inline-block; float: right; font-size: 25px; color: rgba(255, 255, 255, 0.2); line-height: 60px; }

.index-contact-form .questions { max-width: 400px; float: left; }

.index-contact-form .questions .input-control { background: none; position: relative; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); font-size: 35px; color: rgba(255, 255, 255, 0.5); height: 60px; line-height: 60px; display: inline-block; background: none; float: left; padding: 0px; }

.footer.type-3 { background: #342d2d; margin: 0px; padding: 25px 90px 20px; display: inline-block; width: 100%; float: left; height: auto; }
.footer.type-3 .folow a { color: #7f7f7f; }
.footer.type-3 .folow a:after { color: #fff; }

.controls.submit-form .next-step { height: 100%; position: relative; line-height: normal; }

.questform.last-step .controls.submit-form { opacity: 0; }

.questform.last-step .h3-index { opacity: 0; }

.service-panel.index-popup { width: 100%; position: absolute; max-width: 100%; background: rgba(47, 40, 40, 0.7); overflow: hidden; z-index: 5; }
.service-panel.index-popup .bg, .service-panel.index-popup .service-layer { width: 177%; }
.service-panel.index-popup .text { max-width: 59%; float: right; margin-right: 80px; color: #fff; text-align: left; }
.service-panel.index-popup .simple-text p { color: rgba(255, 255, 255, 0.5); }
.service-panel.index-popup .h3-index { padding-bottom: 30px; }
.service-panel.index-popup .close { right: 50px; top: 50px; width: 60px; height: 60px; opacity: 0.25; }
.service-panel.index-popup .close:hover { opacity: 1; }

@media (max-width: 1800px) { .clip-text.lg { font-size: 900px; line-height: 900px; }
  .h3-index { font-size: 55px; line-height: 55px; }
  .h2-index { font-size: 100px; line-height: 80px; }
  .services-silde .clip-text { font-size: 90px; line-height: 100px; }
  .adres-item { padding-bottom: 60px; } }
@media (max-width: 1400px) { .clip-text.lg { font-size: 580px; line-height: 580px; }
  .range-slide-wrap { bottom: 30px; }
  .team-clip-item .image { height: 260px; }
  .team-clip-item .clip-text { font-size: 260px; line-height: 260px; }
  .h2-index { font-size: 60px; line-height: 60px; padding-bottom: 20px; }
  .clients-item { height: 350px; }
  .services-silde .clip-text { font-size: 70px; line-height: 80px; }
  .h3-index { font-size: 40px; line-height: 50px; }
  .adres-item { font-size: 20px; line-height: 25px; }
  .input-control { font-size: 25px; }
  .footer.type-3 { padding: 25px 30px; }
  .index-baner { padding-top: 66px; }
  .service-panel.index-popup { width: 100%; } }
@media (max-width: 1200px) { .section-index .cell-view { display: inline-block; width: 100%; height: auto; }
  .section-index { position: relative; padding: 80px 0px; width: 100%; display: block; height: auto; }
  .index-slider-container { height: auto; min-height: 600px; }
  .index-contact-form .h3-index { padding-bottom: 20px; }
  .text-clip-slider { padding: 80px 0px; }
  .controls.submit-form { display: block; margin-left: 0px; }
  .input-control { margin-bottom: 30px; }
  .main-baner-full.index-baner { height: auto; display: block; }
  .clip-text.lg { font-size: 400px; line-height: 400px; }
  .clients-item { height: 450px; }
  .slider-counter { left: 15px; top: 0px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .slider-counter p { font-size: 38px; }
  .slider-counter .counter-number { font-size: 50px; }
  .slider-counter .counter-length { font-size: 25px; line-height: 75px; }
  .service-panel.index-popup .text { margin-right: 60px; } }
@media (max-width: 992px) { .header.style-center.modern-header nav { background: #342d2d; }
  .header.style-center.modern-header .nav-menu > ul > li > a:before { background: none; } }
@media (max-width: 768px) { .services-silde .clip-text { font-size: 40px; line-height: 50px; }
  .clip-text.lg { background-size: 150%; font-size: 500px; line-height: 500px; }
  .footer.type-3 { height: auto; }
  .service-panel.index-popup .close { width: 45px; height: 45px; right: 30px; top: 30px; }
  .service-panel.index-popup .close img { width: 100%; height: auto; }
  .service-panel.index-popup .h3-index { padding-bottom: 20px; }
  .service-panel.index-popup .text { max-width: 100%; padding: 0px 30px; }
  .service-panel.index-popup { background: #2f2828; }
  .service-panel.index-popup .text { margin-right: 0px; }
  .section-index-contact { padding: 80px 0px 0px; }
  .section-index .map-wrapper.type-2 { position: relative; width: 100%; height: 300px; }
  .contact-index-desc-wrap { padding-bottom: 30px; }
  .contact-index-desc { width: 100%; }
  .index-contact-form .error-message { bottom: -5px; left: 15px; } }
@media (max-width: 680px) { .index-contact-form .error-message { bottom: -25px; } }
@media (max-width: 480px) { .clip-text.lg { font-size: 300px; line-height: 400px; }
  .index-slider-container { min-height: 510px; }
  .main-index-title .h3-index { font-size: 30px; line-height: 30px; }
  .adres-item { font-size: 17px; }
  .input-control { line-height: 45px; height: 45px; }
  .controls.submit-form { height: 45px; line-height: 45px; }
  .controls.submit-form .text { line-height: 45px; font-size: 20px; padding-right: 60px; }
  .controls.submit-form i { line-height: 45px; font-size: 20px; }
  .index-contact-form .questions .input-control { font-size: 20px; }
  .index-contact-form .h3-index { font-size: 30px; line-height: 30px; } }
@media (max-height: 735px) { .index-slider-container { min-height: 400px; } }