@charset "UTF-8";
/*------------------------------------------------------------------
[Table of contents]  

1. Include Variables styles..............................(Line 90)
2. Include appear-animate styles.........................(Line 91)
3. Include Typography styles.............................(Line 92)
4. Include Primary-menu styles...........................(Line 93)
5. Include Vertical-tabs styles..........................(Line 94)
6. Preloader ............................................(Line 99)
7. Default Section.......................................(Line 189)
8. Background............................................(Line 207)
  8.1. Video Background..................................(Line 241)
  8.2. Background Slider.................................(Line 260)
  8.3. Parallax styles...................................(Line 279)
9. Header................................................(Line 290)
  9.1. Logo-mini.........................................(Line 333)
  9.2. Languages.........................................(Line 361)
  9.3. Header-soc-icon...................................(Line 480)
  9.4. Top-nav-line......................................(Line 544)
10. Primary-banner-center-box............................(Line 612)
11. Table-block style....................................(Line 698)
12. Table-box style......................................(Line 741)
13. About................................................(Line 801)
14. Team-carousel........................................(Line 900)
15. Cicle Team...........................................(Line 1267)
16. Portfolio............................................(Line 1250)
  16.1 Sliders PortfolioStyle............................(Line 1671)
17. Social-feeds.........................................(Line 2010)
  17.1. Twitter-timeline.................................(Line 2126)
  17.2. Instagram-timeline...............................(Line 2151)
18. Social-footer-links..................................(Line 2172)
19. Small Icon...........................................(Line 2215)
20. Services.............................................(Line 2232)
21. Fan-facts............................................(Line 2400)
22. Clients..............................................(Line 2422)
  22.1. Clients-carousel.................................(Line 2454)
23. Last-post............................................(Line 2571)
  23.1. Last-posts carousel..............................(Line 2632)
24. Slider-overlay-style.................................(Line 2745)
25. Box-table style......................................(Line 2877)
26. Like-theme...........................................(Line 2895)
27. Pricing..............................................(Line 3061)
28. How-about Video......................................(Line 3171)
29. Primary Blog Banner..................................(Line 3361)
30. Blog Masonry.........................................(Line 3393)
31. Blog lists...........................................(Line 3487)
32. Pagination...........................................(Line 3584)
33. Sidebar..............................................(Line 3707)
  33.1 Search Form.......................................(Line 3824)
  33.2. Widgets..........................................(Line 3673)
    33.2.1. Recent-entries...............................(Line 3896)
    33.3.2. Calendar.....................................(Line 3930)
34. Blog Posts...........................................(Line 4050)
  34.1. Comments.........................................(Line 4150)
  34.2. Leave Comments...................................(Line 4252)
35. SOCIAL Share LINK....................................(Line 4304)
  35.1. TWITTER..........................................(Line 4421)
  35.2. FACEBOOK.........................................(Line 4431)
  35.3. GOOGLE+..........................................(Line 4441)
  35.4. PINTEREST........................................(Line 4451)
  35.5. VK...............................................(Line 4461)
  35.6. StumbleUpon......................................(Line 4471)
  35.7. LinkedIn.........................................(Line 4481)
36. Login-box............................................(Line 4497)
37. Block Maps...........................................(Line 4605)
38. Soc-icon.............................................(Line 4621)
39. Contact..............................................(Line 4711)
40. Page-404.............................................(Line 4817)
41. Tabs-section.........................................(Line 4843)
  44.1. Tab > accordion..................................(Line 4886)
42. Fancybox style.......................................(Line 4952)
43. FAQ .................................................(Line 5038)
  43.1. Accordion........................................(Line 5097)
44 Notify-me.............................................(Line 5199)
45.Retina................................................(Line 5291)
*/
/*
Animate.css - http: //daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.appear-animation {
  opacity: 0; }

.appear-animation-visible {
  opacity: 1; }

.animated, .appear-animation {
  /*-webkit-animation-fill-mode: both;*/
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s; }
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    opacity: 1; }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    opacity: 1; }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    opacity: 1; } }
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
    opacity: 1; } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    opacity: 1; } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1; } }
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1; } }
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg);
    opacity: 1; } }
@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
            transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg);
            transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg);
            transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg);
            transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg);
            transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg);
            transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg);
            transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg);
    opacity: 1; } }
.wiggle {
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

.pulse2 {
  animation-name: pulse2;
  -webkit-animation-name: pulse2;
  animation-duration: 25s;
  -webkit-animation-duration: 25s;
  -webkit-animation-timing-function: ease-in-out;
  /* Chrome, Safari, Opera */
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg); }
  50% {
    -webkit-transform: scale(1) rotate(5deg);
            transform: scale(1) rotate(5deg); }
  100% {
    -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg); } }
@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.95), rotate(0deg); }
  50% {
    -webkit-transform: scale(1), rotate(5deg); }
  100% {
    -webkit-transform: scale(0.95), rotate(0deg); } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

/* ----------------------------------------------------*/
/* ------------------ TYPOGRAPHY CSS ------------------*/
/* --------------------------------------------------- */
html, body {
  font-family: 'Raleway', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px; }

.typography-section {
  padding-bottom: 70px;
  position: relative; }

@media (min-width: 1200px) {
  body.typography .container {
    width: 1140px; } }

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6,
.white-text p, .white-text span, .white-text a, .white-text div, .white-text cite {
  color: #fff; }

.red-color {
  color: #cd3333; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  margin-top: 0;
  text-transform: uppercase; }

h1 {
  font-size: 48px;
  font-size: 3.42857rem;
  margin-bottom: 26px; }

h2 {
  font-size: 42px;
  font-size: 3rem;
  margin-bottom: 24px; }

h3 {
  font-size: 36px;
  font-size: 2.57143rem;
  margin-bottom: 23px; }

h4 {
  font-size: 32px;
  font-size: 2.28571rem;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    h4 {
      font-size: 24px;
      font-size: 1.71429rem; } }

h5 {
  font-size: 24px;
  font-size: 1.71429rem;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    h5 {
      font-size: 20px;
      font-size: 1.42857rem; } }

h6 {
  font-size: 18px;
  font-size: 1.28571rem;
  margin-bottom: 20px; }

.underline {
  position: relative;
  padding-bottom: 28px; }
  .underline:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: #000; }

.white-text .underline:after {
  background: #fff; }

/* Link
------------------------------------------------------*/
.default-links {
  padding: 19px 0 0 11px; }
  @media (max-width: 991px) {
    .default-links {
      padding: 19px 0 0 0; } }
  .default-links a {
    padding: 8px 0 0 0;
    font-size: 16px;
    font-size: 1.14286rem; }

a {
  color: #cd3333; }
  a:hover, a:active, a:focus {
    color: #d84545;
    text-decoration: none;
    outline: none; }
  a.default-hovered {
    position: relative;
    display: inline-block;
    -webkit-transition: color 0.1s;
    transition: color 0.1s; }
    a.default-hovered:after {
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #cd3333;
      content: ' ';
      opacity: 0;
      -webkit-transition: opacity 0.3s, bottom 0.3s;
      transition: opacity 0.3s, bottom 0.3s;
      pointer-events: none; }
    a.default-hovered.default-visited {
      color: #E08B8B;
      text-decoration: none; }
    a.default-hovered:hover, a.default-hovered.default-hover {
      color: #d84545;
      text-decoration: none; }
      a.default-hovered:hover:after, a.default-hovered.default-hover:after {
        bottom: -2px;
        opacity: 1;
        text-decoration: none;
        background: #E08B8B; }
    a.default-hovered:active, a.default-hovered.default-active, a.default-hovered.active {
      color: #cd3333;
      outline: none; }
      a.default-hovered:active:after, a.default-hovered.default-active:after, a.default-hovered.active:after {
        bottom: -2px;
        opacity: 1;
        text-decoration: none;
        background: #cd3333; }
    a.default-hovered:focus {
      outline: none;
      color: #cd3333; }
      a.default-hovered:focus:after {
        bottom: -2px;
        opacity: 1;
        text-decoration: none;
        background: #cd3333; }

/* style for p
----------------------------------------------------*/
p {
  line-height: 1.75;
  margin: 0 0 25px; }
  p.big-size {
    font-size: 18px;
    font-size: 1.28571rem;
    font-weight: 300;
    line-height: 1.6; }
    @media (max-width: 767px) {
      p.big-size {
        font-size: 16px;
        font-size: 1.14286rem; } }

/* Img-responsive
-----------------------------------------------------*/
figure {
  max-width: 250px;
  width: 100%;
  margin: 5px 0 23px 0; }
  @media (min-width: 768px) {
    figure {
      margin: 5px 40px 23px 0;
      float: left; } }
  figure figcaption {
    margin-top: 15px;
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.7;
    line-height: 1.8; }

/* style ol, ul 
----------------------------------------------------- */
ol {
  padding-left: 25px; }

ol li, ul li {
  padding: 3px 0 2px 0; }

ul {
  padding-left: 17px; }
  ul li {
    list-style-image: url(../images/li-img.png); }

/* style table 
----------------------------------------------------- */
.table-responsive {
  border: none;
  padding-top: 15px; }

table {
  border: 1px solid #e9e9e9;
  width: 100%; }
  table th {
    background: #f9f9f9;
    color: #222;
    font-weight: 700;
    border: 1px solid #e9e9e9;
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.55;
    padding: 18px 20px 14px 20px;
    text-align: center; }
  table td {
    border: 1px solid #e9e9e9;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.55;
    padding: 15px 20px 13px 20px;
    text-align: center;
    color: #111; }

/* style for blockquote
----------------------------------------------------*/
blockquote {
  position: relative;
  text-align: center;
  position: relative;
  padding: 23px 60px 10px 60px;
  border: none;
  margin: 50px 0 5px 0;
  font-size: 24px;
  font-size: 1.71429rem;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.58; }
  @media (max-width: 767px) {
    blockquote {
      font-size: 16px;
      font-size: 1.14286rem;
      padding: 23px 40px 10px 40px; } }
  blockquote:before {
    background: rgba(0, 0, 0, 0.13);
    content: ' ';
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: -2px;
    width: 40px; }
  blockquote:after {
    content: ' ';
    height: 45px;
    width: 65px;
    position: absolute;
    top: 26px;
    left: 0;
    background-image: url(../images/blockquote-bg.png);
    background-position: 0 center;
    background-repeat: no-repeat; }
    @media (max-width: 767px) {
      blockquote:after {
        height: 30px;
        width: 38px;
        background-size: cover; } }
  blockquote footer {
    margin-top: 15px; }
    blockquote footer:before {
      display: none; }
    blockquote footer cite {
      font-style: normal;
      font-weight: 700;
      font-size: 13px;
      font-size: 0.92857rem;
      text-transform: uppercase;
      letter-spacing: 0px; }

/* style for input[type="text"]
----------------------------------------------------*/
.input-box > div > div {
  margin-bottom: 10px; }

::-webkit-input-placeholder {
  color: #777; }

::-moz-placeholder {
  color: #777; }

:-moz-placeholder {
  color: #777; }

:-ms-input-placeholder {
  color: #777; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="name"] {
  width: 100%;
  height: 40px;
  border: 1px solid #e5e5e5;
  padding: 0 12px;
  border-radius: 2px;
  box-shadow: none; }
  input[type="text"]:active:focus, input[type="text"]:active, input[type="text"]:focus,
  input[type="email"]:active:focus,
  input[type="email"]:active,
  input[type="email"]:focus,
  input[type="password"]:active:focus,
  input[type="password"]:active,
  input[type="password"]:focus,
  input[type="name"]:active:focus,
  input[type="name"]:active,
  input[type="name"]:focus {
    outline: none; }
  input[type="text"].white-style,
  input[type="email"].white-style,
  input[type="password"].white-style,
  input[type="name"].white-style {
    background: rgba(255, 255, 255, 0.2);
    color: #dde8ab;
    border: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset; }
    input[type="text"].white-style::-webkit-input-placeholder,
    input[type="email"].white-style::-webkit-input-placeholder,
    input[type="password"].white-style::-webkit-input-placeholder,
    input[type="name"].white-style::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    input[type="text"].white-style::-moz-placeholder,
    input[type="email"].white-style::-moz-placeholder,
    input[type="password"].white-style::-moz-placeholder,
    input[type="name"].white-style::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    input[type="text"].white-style:-moz-placeholder,
    input[type="email"].white-style:-moz-placeholder,
    input[type="password"].white-style:-moz-placeholder,
    input[type="name"].white-style:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    input[type="text"].white-style:-ms-input-placeholder,
    input[type="email"].white-style:-ms-input-placeholder,
    input[type="password"].white-style:-ms-input-placeholder,
    input[type="name"].white-style:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }

/**/
textarea {
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  padding: 0 12px;
  width: 100%; }
  textarea.form-control {
    box-shadow: none;
    border-radius: 2px;
    resize: none;
    border: 1px solid #e5e5e5 !important; }
  textarea.white-style {
    background: rgba(255, 255, 255, 0.2);
    color: #dde8ab;
    border: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
    padding-top: 10px;
    resize: vertical;
    min-height: 80px;
    border: none !important; }
    textarea.white-style:focus {
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset; }
    textarea.white-style::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    textarea.white-style::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    textarea.white-style:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    textarea.white-style:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }

.form-control:focus {
  border: 1px solid #e5e5e5;
  box-shadow: none; }

/* style for input[type="radio"]
----------------------------------------------------*/
input[type="radio"] {
  left: -9999px;
  position: absolute; }
input[type="checkbox"] {
  /*left: -9999px;
  position: absolute;*/ }
  input[type="checkbox"] + label:before {
    background-image: url(../images/checkbox-bg.png);
    background-position: -3px -3px;
    background-repeat: no-repeat;
    content: ' ';
    display: inline-block;
    height: 22px;
    left: 20px;
    position: absolute;
    top: 9px;
    width: 22px; }
  input[type="checkbox"] + label.white-style {
    color: #fff; }
    input[type="checkbox"] + label.white-style:before {
      background-image: url(../images/checkbox-bg-white.png); }
  input[type="checkbox"] + label.red-style {
    color: #222222;
    margin-left: 33px; }
    input[type="checkbox"] + label.red-style:before {
      background-image: url(../images/checkbox-bg-red.png); }
input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before {
  background-position: -3px -58px; }
input[type="radio"] + label, input[type="checkbox"] + label {
  color: #222;
  cursor: pointer;
  font-size: 14px;
  font-size: 1rem;
  font-weight: normal;
  margin-left: 40px;
  margin-top: 12px; }
input[disabled="disabled"] + label {
  opacity: 0.4; }
input[type="radio"] + label:before {
  background-image: url(../images/radio-bg.png);
  background-position: -3px -3px;
  background-repeat: no-repeat;
  content: ' ';
  display: inline-block;
  height: 22px;
  left: 20px;
  position: absolute;
  top: 10px;
  width: 23px; }
input[type="radio"] + label.white-style {
  color: #fff; }
  input[type="radio"] + label.white-style:before {
    background-image: url(../images/radio-bg-white.png); }

/* btn-default
-----------------------------------------------------*/
.button-box {
  margin-top: 20px; }
  .button-box button {
    margin-right: 5px;
    margin-bottom: 10px; }

button:active, button:focus, button:active:focus, button.button-active, button:active:hover {
  box-shadow: none;
  outline: none;
  border: none; }
button:active:hover {
  box-shadow: none;
  outline: none;
  border: none; }

.btn-default, input[type="submit"] {
  background-color: #86a200;
  border: none;
  padding: 13px 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: none;
  border-color: #789100;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 13px;
  font-size: 0.92857rem;
  outline: none; }
  .btn-default:hover, .btn-default.button-hover, input[type="submit"]:hover, input[type="submit"].button-hover {
    background-color: #92ab19;
    color: #fff;
    box-shadow: none;
    border-color: #789100;
    outline: none; }
  .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default.button-active, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:active:focus, input[type="submit"].button-active {
    box-shadow: none;
    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    outline: none;
    background-color: #92ab19;
    color: #fff; }
  .btn-default:visited, input[type="submit"]:visited {
    box-shadow: none;
    background-color: #92ab19;
    border-color: #789100;
    color: #fff;
    outline: none; }
  .btn-default.white-style, input[type="submit"].white-style {
    background-color: #fff;
    color: #86a200; }
    .btn-default.white-style:hover, .btn-default.white-style.button-hover, input[type="submit"].white-style:hover, input[type="submit"].white-style.button-hover {
      background-color: #fffdec; }
    .btn-default.white-style:active, .btn-default.white-style:focus, .btn-default.white-style:active:focus, .btn-default.white-style.button-active, input[type="submit"].white-style:active, input[type="submit"].white-style:focus, input[type="submit"].white-style:active:focus, input[type="submit"].white-style.button-active {
      box-shadow: none;
      color: #86a200;
      box-shadow: inset 0 2px 0px #dddddd; }
  .btn-default i, input[type="submit"] i {
    padding-right: 10px; }
  .btn-default.red-style, input[type="submit"].red-style {
    background-color: #cd3333;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .btn-default.red-style:hover, .btn-default.red-style.button-hover, input[type="submit"].red-style:hover, input[type="submit"].red-style.button-hover {
      background-color: rgba(205, 51, 51, 0.9); }
    .btn-default.red-style:active, .btn-default.red-style:focus, .btn-default.red-style:active:focus, .btn-default.red-style.button-active, input[type="submit"].red-style:active, input[type="submit"].red-style:focus, input[type="submit"].red-style:active:focus, input[type="submit"].red-style.button-active {
      box-shadow: none;
      color: #fff;
      box-shadow: inset 0 2px 0px #B14D4D;
      background-color: rgba(205, 51, 51, 0.9); }
    .btn-default.red-style i, input[type="submit"].red-style i {
      font-size: 18px;
      font-size: 1.28571rem;
      margin-left: 3px;
      position: relative;
      top: 1px; }
  .btn-default.red-text-style, input[type="submit"].red-text-style {
    background-color: #fff !important;
    color: #cd3333;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 11px 28px; }
    .btn-default.red-text-style:hover, .btn-default.red-text-style.button-hover, input[type="submit"].red-text-style:hover, input[type="submit"].red-text-style.button-hover {
      background-color: #fff !important;
      color: #cd3333; }
    .btn-default.red-text-style:active, .btn-default.red-text-style:focus, .btn-default.red-text-style:active:focus, .btn-default.red-text-style.button-active, input[type="submit"].red-text-style:active, input[type="submit"].red-text-style:focus, input[type="submit"].red-text-style:active:focus, input[type="submit"].red-text-style.button-active {
      box-shadow: none;
      color: #cd3333;
      box-shadow: inset 0 2px 0px #dddddd;
      background-color: #fff !important; }
    .btn-default.red-text-style i, input[type="submit"].red-text-style i {
      font-size: 14px;
      font-size: 1rem;
      margin: 0 3px;
      position: relative;
      top: 1px; }

/* bootstrap-select
-----------------------------------------------------*/
.bootstrap-select .btn-default {
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  height: 40px;
  width: 250px;
  color: #777777;
  padding: 10px 11px;
  font-weight: 400;
  text-transform: none;
  font-size: 14px; }
  .bootstrap-select .btn-default .caret {
    background: url(../images/select-arrow.svg) no-repeat;
    width: 8px;
    height: 15px;
    border: none;
    top: 38% !important;
    opacity: 0.4;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  .bootstrap-select .btn-default:hover .caret {
    opacity: 1; }
  .bootstrap-select .btn-default:active, .bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:visited, .bootstrap-select .btn-default.dropdown-toggle {
    outline: none !important;
    background: white !important;
    border-color: #e5e5e5 !important;
    box-shadow: none !important; }
.bootstrap-select .dropdown-menu {
  width: 250px;
  border-radius: 2px;
  padding: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .bootstrap-select .dropdown-menu li {
    padding: 0;
    -webkit-transition: background 0.2s;
    transition: background 0.2s; }
    .bootstrap-select .dropdown-menu li:hover {
      background: #9eb533; }
      .bootstrap-select .dropdown-menu li:hover a {
        color: #fff; }
    .bootstrap-select .dropdown-menu li.selected {
      background-color: #86a200; }
      .bootstrap-select .dropdown-menu li.selected a {
        color: #fff; }
    .bootstrap-select .dropdown-menu li a {
      background: none;
      padding: 11px;
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
      .bootstrap-select .dropdown-menu li a:after {
        display: none; }
    .bootstrap-select .dropdown-menu li:before {
      display: none; }
.bootstrap-select.open .dropdown-menu {
  opacity: 1; }
.bootstrap-select.white-style .btn-default {
  border: none !important;
  background: #9eb533 !important;
  color: #dde8ab; }
  .bootstrap-select.white-style .btn-default .caret {
    background: url(../images/select-arrow-white.svg) no-repeat; }
.bootstrap-select.white-style .dropdown-menu {
  background-color: #9eb533; }
  .bootstrap-select.white-style .dropdown-menu li a {
    color: #dde8ab; }
  .bootstrap-select.white-style .dropdown-menu li:hover {
    background-color: #86a200; }
  .bootstrap-select.white-style .dropdown-menu li.selected {
    background-color: #fffdec; }
    .bootstrap-select.white-style .dropdown-menu li.selected a {
      color: #777777; }

.header .primary a {
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  font-size: 0.78571rem; }
.header .navbar {
  min-height: 45px; }
.header .navbar-default {
  background: none;
  border-radius: 0;
  border: none;
  margin-bottom: 0; }
.header.top-menu .menu-close {
  display: none; }
@media (max-width: 991px) {
  .header.top-menu .primary {
    display: inline-block;
    float: none;
    margin: 0 0 0 -4px;
    text-align: left;
    vertical-align: top;
    z-index: inherit; } }
.header.top-menu .primary .navbar .navbar-collapse {
  position: relative; }
  .header.top-menu .primary .navbar .navbar-collapse .nav {
    position: relative; }
    @media (min-width: 992px) {
      .header.top-menu .primary .navbar .navbar-collapse .nav {
        width: 100%;
        text-align: center; } }
    .header.top-menu .primary .navbar .navbar-collapse .nav .parent {
      position: relative; }
      .header.top-menu .primary .navbar .navbar-collapse .nav .parent:hover > .sub {
        display: block;
        -webkit-animation: fadeIn 0.4s;
        animation: fadeIn 0.4s; }
    .header.top-menu .primary .navbar .navbar-collapse .nav > li {
      position: relative;
      padding: 0; }
      @media (min-width: 992px) {
        .header.top-menu .primary .navbar .navbar-collapse .nav > li {
          float: none;
          display: inline-block;
          text-align: left; } }
      .header.top-menu .primary .navbar .navbar-collapse .nav > li > a {
        position: static;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        z-index: 901; }
      .header.top-menu .primary .navbar .navbar-collapse .nav > li.parent > a:after {
        background: transparent;
        bottom: 0;
        content: "";
        display: none;
        height: 12px;
        left: 4px;
        margin: 0 0 -6px 0;
        position: absolute;
        right: 4px;
        -webkit-transition: background 0.5s linear;
        transition: background 0.5s linear;
        z-index: 906; }
      .header.top-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a:after {
        content: "\f105";
        font-family: FontAwesome;
        font-style: normal;
        font-size: 14px;
        font-size: 1rem;
        font-weight: 600;
        display: block;
        line-height: 1;
        position: absolute;
        right: 10px;
        top: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub {
        background: rgba(0, 0, 0, 0.97);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        display: none;
        font-size: 13px;
        line-height: 24px;
        margin: -1px 0 0;
        position: absolute;
        z-index: 905; }
        .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li {
          padding: 7px 20px 2px 20px;
          list-style: none;
          border-top: 1px solid #22201f; }
          @media (max-width: 991px) {
            .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li {
              background: #171212;
              text-align: center; } }
          @media (max-width: 767px) {
            .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li {
              padding: 0px 20px 0px 20px; } }
          @media (max-width: 991px) {
            .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li:first-of-type {
              border-top: 1px solid #22201f; } }
          .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li:hover {
            background: rgba(255, 253, 236, 0.1); }
            @media (max-width: 991px) {
              .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li:hover {
                background: #171212; } }
          .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li a {
            color: #bbb;
            display: block;
            text-decoration: none;
            width: 145px;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear; }
            .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub li a:hover {
              color: #fff; }
        .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub .sub {
          left: 100%;
          top: 0;
          margin-left: 1px; }
          .header.top-menu .primary .navbar .navbar-collapse .nav > li .sub .sub li:first-of-type {
            border-top: none; }
.header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li, .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li {
  display: block;
  float: none; }
.header.menu-sidebar a:hover:after {
  display: none !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .primary .navbar-collapse.collapse {
    display: none !important; }
    .primary .navbar-collapse.collapse.in {
      display: block !important; } }
/**/
@media (min-width: 992px) {
  .header.top-menu:not(.minimized-menu) .primary .navbar .navbar-collapse .nav > li, .header.top-menu:not(.transform-menu) .primary .navbar .navbar-collapse .nav > li {
    padding-left: 18px;
    padding-right: 18px; }
    .header.top-menu:not(.minimized-menu) .primary .navbar .navbar-collapse .nav > li > a, .header.top-menu:not(.transform-menu) .primary .navbar .navbar-collapse .nav > li > a {
      padding-left: 0px;
      padding-right: 0px;
      color: #cd3333;
      text-transform: uppercase;
      font-size: 12px;
      font-size: 0.85714rem;
      font-weight: 600;
      letter-spacing: 1.8px; }
      .header.top-menu:not(.minimized-menu) .primary .navbar .navbar-collapse .nav > li > a.default-hovered, .header.top-menu:not(.transform-menu) .primary .navbar .navbar-collapse .nav > li > a.default-hovered {
        position: relative; }
      .header.top-menu:not(.minimized-menu) .primary .navbar .navbar-collapse .nav > li > a:after, .header.top-menu:not(.transform-menu) .primary .navbar .navbar-collapse .nav > li > a:after {
        bottom: 17px; }
      .header.top-menu:not(.minimized-menu) .primary .navbar .navbar-collapse .nav > li > a:hover:after, .header.top-menu:not(.transform-menu) .primary .navbar .navbar-collapse .nav > li > a:hover:after {
        bottom: 20px; }
  .header.top-menu:not(.minimized-menu) .primary .navbar .navbar-collapse .nav .sub, .header.top-menu:not(.transform-menu) .primary .navbar .navbar-collapse .nav .sub {
    left: 0;
    padding-left: 0; } }
.header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li {
  padding-left: 0;
  padding-right: 0; }

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*-------------------- -minimized-menu -------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.header.top-menu.minimized-menu .primary .navbar,
.header.top-menu.transform-menu .primary .navbar,
.header.minimized-menu .primary .navbar {
  margin: 0;
  position: static; }
  .header.top-menu.minimized-menu .primary .navbar .navbar-collapse,
  .header.top-menu.transform-menu .primary .navbar .navbar-collapse,
  .header.minimized-menu .primary .navbar .navbar-collapse {
    border: 0 none;
    box-shadow: none;
    left: auto;
    margin: 20px 0 0;
    max-height: inherit;
    overflow: hidden !important;
    padding: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: 100%;
    z-index: 919; }
    @media (max-width: 767px) {
      .header.top-menu.minimized-menu .primary .navbar .navbar-collapse,
      .header.top-menu.transform-menu .primary .navbar .navbar-collapse,
      .header.minimized-menu .primary .navbar .navbar-collapse {
        margin: -3px 0 0;
        top: 48px; } }
    .header.top-menu.minimized-menu .primary .navbar .navbar-collapse.collapse,
    .header.top-menu.transform-menu .primary .navbar .navbar-collapse.collapse,
    .header.minimized-menu .primary .navbar .navbar-collapse.collapse {
      height: 0 !important; }
      .header.top-menu.minimized-menu .primary .navbar .navbar-collapse.collapse.in,
      .header.top-menu.transform-menu .primary .navbar .navbar-collapse.collapse.in,
      .header.minimized-menu .primary .navbar .navbar-collapse.collapse.in {
        height: auto !important; }
    .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav,
    .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav,
    .header.minimized-menu .primary .navbar .navbar-collapse .nav {
      float: none;
      background: rgba(1, 0, 0, 0.9);
      margin-top: 0; }
      .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li,
      .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li,
      .header.minimized-menu .primary .navbar .navbar-collapse .nav > li {
        float: none;
        text-align: center;
        border-top: 1px solid #272323 !important; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > a,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > a,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > a {
          background: none;
          position: relative;
          margin: 0;
          padding: 14px 59px 14px 59px;
          text-decoration: none;
          color: #bbbbbb;
          font-size: 12px;
          font-size: 0.85714rem; }
          @media (max-width: 767px) {
            .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > a,
            .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > a,
            .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > a {
              padding: 6px 59px 3px 59px; } }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > a:after,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > a:after,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > a:after {
            display: none; }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > a:hover,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > a:hover,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > a:hover {
            color: #fff; }
            .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > a:hover:after,
            .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > a:hover:after,
            .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > a:hover:after {
              display: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li .sub,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li .sub,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li .sub {
          background: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > .sub,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub {
          background: none; }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub a,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > .sub a,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub a {
            font-size: 13px;
            font-size: 0.92857rem;
            text-transform: none;
            background: none;
            color: #bbb;
            padding: 4px 59px 4px 59px;
            text-decoration: none;
            width: auto !important;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear; }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub li,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > .sub li,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub li {
            line-height: 22px;
            background: none; }
            .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub li:first-of-type,
            .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > .sub li:first-of-type,
            .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub li:first-of-type {
              border-top: 1px solid #272323; }
            .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub li .sub li,
            .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li > .sub li .sub li,
            .header.minimized-menu .primary .navbar .navbar-collapse .nav > li > .sub li .sub li {
              border: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li:hover > a,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li:hover > a,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li:hover > a {
          color: #fff;
          background: rgba(255, 253, 236, 0.04); }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li:hover .open-sub,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li:hover .open-sub,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li:hover .open-sub {
          top: 9px; }
          @media (max-width: 767px) {
            .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li:hover .open-sub,
            .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li:hover .open-sub,
            .header.minimized-menu .primary .navbar .navbar-collapse .nav > li:hover .open-sub {
              top: 1px; } }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent:hover > a,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent:hover > a,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent:hover > a {
          color: #fff; }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent:hover > a:after,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent:hover > a:after,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent:hover > a:after {
            display: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent:hover .sub,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent:hover .sub,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent:hover .sub {
          -webkit-animation: none;
          animation: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent.active,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent.active,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent.active {
          border-top: 1px solid #272323;
          color: #ffffff;
          -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear; }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent.active > a .open-sub span + span,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent.active > a .open-sub span + span,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent.active > a .open-sub span + span {
            display: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .sub,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .sub,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .sub {
          display: none;
          left: 0;
          position: relative; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a:after,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a:after,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a:after {
          display: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span {
          background: #bbb;
          height: 1px;
          margin: 14px 0 0 15px;
          position: absolute;
          width: 16px; }
          @media (max-width: 767px) {
            .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span,
            .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span,
            .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span {
              margin: 22px 0 0 15px; } }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span + span,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span + span,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span + span {
            height: 16px;
            margin: 6px 0 0 22px;
            width: 1px; }
            @media (max-width: 767px) {
              .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span + span,
              .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span + span,
              .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent > a .open-sub span + span {
                margin: 14px 0 0 22px; } }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent.active > a,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent.active > a,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent.active > a {
          color: #fff; }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent.active > a .open-sub span + span,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent.active > a .open-sub span + span,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent.active > a .open-sub span + span {
            display: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent:hover > .sub,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent .parent:hover > .sub,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent .parent:hover > .sub {
          -webkit-animation: fadeIn 0;
          animation: fadeIn 0;
          display: none; }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent.active > a,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav > li.parent.active > a,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav > li.parent.active > a {
          color: #fff; }
      .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav .sub,
      .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav .sub,
      .header.minimized-menu .primary .navbar .navbar-collapse .nav .sub {
        border: 0 none;
        display: none;
        left: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        position: relative; }
      .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub,
      .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav .open-sub,
      .header.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub {
        bottom: 0;
        right: 0;
        position: absolute;
        top: 9px;
        width: 45px;
        display: block;
        height: 30px;
        z-index: 98; }
        @media (max-width: 767px) {
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav .open-sub,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub {
            top: 1px; } }
        .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub span,
        .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav .open-sub span,
        .header.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub span {
          background: #ABABAB;
          display: block;
          height: 1px;
          margin: 17px 0 0 15px;
          position: absolute;
          width: 16px; }
          .header.top-menu.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub span + span,
          .header.top-menu.transform-menu .primary .navbar .navbar-collapse .nav .open-sub span + span,
          .header.minimized-menu .primary .navbar .navbar-collapse .nav .open-sub span + span {
            height: 16px;
            margin: 10px 0 0 22px;
            width: 1px; }
  .header.top-menu.minimized-menu .primary .navbar .btn-navbar,
  .header.top-menu.transform-menu .primary .navbar .btn-navbar,
  .header.minimized-menu .primary .navbar .btn-navbar {
    display: block;
    height: 60px;
    line-height: 15px;
    margin: 0 auto;
    float: none;
    padding: 13px 20px;
    position: relative;
    text-shadow: none;
    z-index: 920;
    border: none;
    border-left: 1px solid #cd3333;
    border-right: 1px solid #cd3333;
    border-radius: 0;
    width: 80px;
    background: none; }
    .header.top-menu.minimized-menu .primary .navbar .btn-navbar .text,
    .header.top-menu.transform-menu .primary .navbar .btn-navbar .text,
    .header.minimized-menu .primary .navbar .btn-navbar .text {
      color: #cd3333;
      float: right;
      line-height: 16px;
      padding: 22px 0 0px 0px;
      text-transform: uppercase;
      font-size: 12px;
      font-size: 0.85714rem;
      font-weight: 600; }
      @media (max-width: 767px) {
        .header.top-menu.minimized-menu .primary .navbar .btn-navbar .text,
        .header.top-menu.transform-menu .primary .navbar .btn-navbar .text,
        .header.minimized-menu .primary .navbar .btn-navbar .text {
          position: absolute;
          top: -6px;
          right: 8px; } }
    .header.top-menu.minimized-menu .primary .navbar .btn-navbar .icon-bar,
    .header.top-menu.transform-menu .primary .navbar .btn-navbar .icon-bar,
    .header.minimized-menu .primary .navbar .btn-navbar .icon-bar {
      background: #cd3333;
      box-shadow: none;
      border-radius: 0;
      height: 3px;
      margin: 0 0 0 9px;
      width: 18px; }
      @media (max-width: 767px) {
        .header.top-menu.minimized-menu .primary .navbar .btn-navbar .icon-bar,
        .header.top-menu.transform-menu .primary .navbar .btn-navbar .icon-bar,
        .header.minimized-menu .primary .navbar .btn-navbar .icon-bar {
          width: 13px;
          height: 2px; } }
      .header.top-menu.minimized-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar,
      .header.top-menu.transform-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar,
      .header.minimized-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar {
        margin-top: 3px; }
        @media (max-width: 767px) {
          .header.top-menu.minimized-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar,
          .header.top-menu.transform-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar,
          .header.minimized-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar {
            margin-top: 2px; } }
    .header.top-menu.minimized-menu .primary .navbar .btn-navbar.opened,
    .header.top-menu.transform-menu .primary .navbar .btn-navbar.opened,
    .header.minimized-menu .primary .navbar .btn-navbar.opened {
      background: #cd3333; }
      .header.top-menu.minimized-menu .primary .navbar .btn-navbar.opened .text,
      .header.top-menu.transform-menu .primary .navbar .btn-navbar.opened .text,
      .header.minimized-menu .primary .navbar .btn-navbar.opened .text {
        color: #fff; }
      .header.top-menu.minimized-menu .primary .navbar .btn-navbar.opened .icon-bar,
      .header.top-menu.transform-menu .primary .navbar .btn-navbar.opened .icon-bar,
      .header.minimized-menu .primary .navbar .btn-navbar.opened .icon-bar {
        background: #fff; }
    @media (max-width: 767px) {
      .header.top-menu.minimized-menu .primary .navbar .btn-navbar,
      .header.top-menu.transform-menu .primary .navbar .btn-navbar,
      .header.minimized-menu .primary .navbar .btn-navbar {
        padding: 3px 5px;
        height: 45px; } }
    .header.top-menu.minimized-menu .primary .navbar .btn-navbar.collapsed:before,
    .header.top-menu.transform-menu .primary .navbar .btn-navbar.collapsed:before,
    .header.minimized-menu .primary .navbar .btn-navbar.collapsed:before {
      display: block; }

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------- left-sidebar ---------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.header.right-sidebar {
  height: 120%;
  width: 320px;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  background: #161212;
  -webkit-transform: translateX(320px);
  -ms-transform: translateX(320px);
      transform: translateX(320px);
  -webkit-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s; }
  .header.right-sidebar.open-menu {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
        transform: translateX(0px); }
.header.menu-sidebar.minimized-menu {
  overflow-y: auto !important;
  display: table-row; }
  .header.menu-sidebar.minimized-menu .widget-box {
    display: block !important; }
  .header.menu-sidebar.minimized-menu .header-box {
    float: none;
    width: 100% !important; }
  @media (min-width: 768px) {
    .header.menu-sidebar.minimized-menu .menu-box {
      display: table-cell;
      vertical-align: middle;
      float: none !important;
      width: 320px !important; } }
  @media (max-width: 767px) {
    .header.menu-sidebar.minimized-menu .menu-box {
      padding-top: 60px; } }
  .header.menu-sidebar.minimized-menu .primary .navbar .btn-navbar {
    display: none; }
  .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse {
    height: auto !important;
    position: static;
    display: block !important;
    max-height: inherit !important; }
    .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav {
      background: none;
      border: none;
      text-align: center;
      overflow: hidden !important; }
      .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav li {
        padding: 0; }
      .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav a {
        color: #bbbbbb;
        padding: 6px 59px 3px 59px;
        background: none;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav a .open-sub {
          top: 1px; }
        .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav a:hover {
          color: #fff; }
      .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent {
        position: relative; }
        .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent.active:before {
          content: " ";
          position: absolute;
          top: 14px;
          width: 300px;
          height: calc(100% - 8px);
          display: block !important;
          border: 1px solid #272323;
          left: 10px; }
        .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent > a {
          background: #171212;
          z-index: 99;
          position: relative; }
          .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent > a .open-sub {
            top: -1px; }
            .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent > a .open-sub span {
              width: 13px;
              margin: 14px 0 0 14px; }
              .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent > a .open-sub span + span {
                height: 13px;
                margin: 8px 0 0 20px;
                width: 1px; }
        .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent ul {
          margin-bottom: 3px; }
        .header.menu-sidebar.minimized-menu .primary .navbar .navbar-collapse .nav .parent .parent li a {
          line-height: 24px; }

@media (max-width: 1023px) {
  .touch-device .navbar-nav {
    padding-bottom: 40px !important; } }
@media (max-width: 767px) {
  .header-box.menu-box {
    float: right !important; }

  .header-box {
    width: auto !important; }

  .navbar-nav {
    margin-left: 0;
    margin-right: 0; } }
.widget-box > div {
  width: 50%; }
  @media (max-width: 767px) {
    .widget-box > div {
      padding: 5px; }
      .widget-box > div ul {
        width: 100%; } }
  .widget-box > div:first-of-type {
    border-right: 1px solid #272323; }

.widget-box a,
.widget-box a i {
  color: #fff !important; }

.menu-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #c5c4c4;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding-top: 0px; }
  .menu-close img {
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0; }

.header.top-menu.minimized-menu .primary .navbar .navbar-collapse.collapse.in,
.header.minimized-menu .primary .navbar .navbar-collapse.collapse.in {
  overflow-y: auto !important; }

@media (max-width: 767px) {
  .header.top-menu.minimized-menu .primary .navbar .navbar-collapse.collapse.in,
  .header.top-menu.transform-menu .primary .navbar .navbar-collapse.collapse.in,
  .header.minimized-menu .primary .navbar .navbar-collapse.collapse.in {
    height: auto !important; } }
.header.top-menu.minimized-menu .primary .navbar .navbar-collapse.collapse.in .nav,
.header.top-menu.transform-menu .primary .navbar .navbar-collapse.collapse.in .nav,
.header.minimized-menu .primary .navbar .navbar-collapse.collapse.in .nav {
  max-height: 100% !important; }
  @media (max-width: 767px) {
    .header.top-menu.minimized-menu .primary .navbar .navbar-collapse.collapse.in .nav,
    .header.top-menu.transform-menu .primary .navbar .navbar-collapse.collapse.in .nav,
    .header.minimized-menu .primary .navbar .navbar-collapse.collapse.in .nav {
      max-height: auto !important; } }

/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 ─░smail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px; }

.tabs-left {
  border-right: 1px solid #ddd; }

.tabs-right {
  border-left: 1px solid #ddd; }

.tabs-left > li, .tabs-right > li {
  float: none;
  margin-bottom: 2px; }

.tabs-left > li {
  margin-right: -1px; }

.tabs-right > li {
  margin-left: -1px; }

.tabs-left > li.active > a {
  border-bottom-color: #ddd;
  border-right-color: transparent; }
  .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent; }

.tabs-right > li.active > a {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent; }
  .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent; }

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block; }

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0; }

.vertical-text {
  margin-top: 50px;
  border: none;
  position: relative; }
  .vertical-text > li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px; }
    .vertical-text > li > a {
      border-bottom: 1px solid #ddd;
      border-right-color: transparent;
      text-align: center;
      border-radius: 4px 4px 0px 0px; }
    .vertical-text > li.active > a {
      border-bottom-color: transparent;
      border-right-color: #ddd;
      border-left-color: #ddd; }
      .vertical-text > li.active > a:hover, .vertical-text > li.active > a:focus {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        border-left-color: #ddd; }
  .vertical-text.tabs-left {
    left: -50px; }
  .vertical-text.tabs-right {
    right: -50px; }
    .vertical-text.tabs-right > li {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  .vertical-text.tabs-left > li {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

body {
  color: #333333; }

/* Preloader 
-----------------------------------------------------------------*/
.preloader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  text-align: center; }
  .preloader .middle-t {
    width: 100%; }

.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
  -ms-transform: translate(-50%, -50%) rotate(360deg);
  transform: translate(-50%, -50%) rotate(360deg);
  width: 50px;
  z-index: 4; }

.path {
  stroke-dasharray: 1, 500;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #3498db; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }
/**/
body.no-scroll {
  overflow: hidden; }

/* Default Section 
-----------------------------------------------------------------*/
main {
  position: relative; }

.section {
  overflow: hidden;
  position: relative; }
  .section.dafault-padding {
    padding-bottom: 80px;
    padding-top: 80px; }
    @media (max-width: 767px) {
      .section.dafault-padding {
        padding-bottom: 30px;
        padding-top: 30px; } }

/* Background 
-----------------------------------------------------------------*/
.background {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  .background .layer {
    -webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }
    .background .layer.left-50 {
      z-index: 0; }
      @media (min-width: 768px) {
        .background .layer.left-50 {
          left: -50%; } }

.bg-inside {
  position: relative; }

/* Video Background 
---------------------------------------------------------------------*/
.bg-video video, .bg-video-all video {
  background-attachment: fixed;
  bottom: 0;
  height: auto;
  max-width: inherit;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  right: 0;
  vertical-align: top;
  width: auto;
  z-index: 0; }

/* Background Slider
---------------------------------------------------------------------*/
.bg-slides ul {
  height: 100%;
  padding: 0;
  width: 100%;
  z-index: 0; }
  .bg-slides ul li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    list-style: none;
    width: 100%; }

/* Parallax styles
-------------------------------------------------------------*/
.dzsparallaxer {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/* Header
---------------------------------------------------------------*/
body.typography #header {
  position: fixed; }

header.top-menu {
  height: 60px; }
  @media (max-width: 767px) {
    header.top-menu {
      height: 45px; } }

#header.top-menu {
  background-color: #fff;
  color: #fff;
  height: 60px;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99; }
  #header.top-menu.fixed {
    position: fixed; }
  @media (max-width: 767px) {
    #header.top-menu {
      height: 45px; } }
  #header.top-menu .header-box.menu-box {
    text-align: center; }
#header.menu-sidebar {
  height: 100%; }

/* Logo-mini
---------------------------------------------------------------*/
.logo-mini {
  margin: 4px;
  padding: 6px; }
  .logo-mini a {
    display: block;
    overflow: hidden; }
    .logo-mini a svg {
      width: 58px;
      height: 40px; }
  @media (max-width: 767px) {
    .logo-mini {
      margin: 1px;
      padding: 1px; } }

.top-nav-line .logo-mini img {
  background: #fff;
  margin: 10px 20px 20px 20px; }
  @media (max-width: 767px) {
    .top-nav-line .logo-mini img {
      margin: 1px 0px; } }

/* Languages
---------------------------------------------------------------*/
#languages {
  padding: 17px 30px 0 30px; }
  #languages ul {
    padding: 0; }
    #languages ul li {
      display: inline-block; }
      #languages ul li a {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        font-size: 0.85714rem;
        margin-right: 11px; }
        #languages ul li a :last-of-type {
          margin-right: 0; }

.menu-sidebar.minimized-menu #languages a:after {
  display: block !important; }

.top-menu .widget-box > div ul {
  width: 100% !important; }
  .top-menu .widget-box > div ul li a, .top-menu .widget-box > div ul li i {
    color: #bbb !important; }
@media (min-width: 768px) and (max-width: 991px) {
  .top-menu #languages {
    position: relative;
    margin-left: -10px; } }
@media (max-width: 767px) {
  .top-menu #languages {
    padding: 3px 10px 3px 10px; }
    .top-menu #languages ul a {
      margin-right: 8px;
      font-weight: 700; }
      .top-menu #languages ul a:after {
        bottom: 0; }
      .top-menu #languages ul a:hover:after, .top-menu #languages ul a.active:after {
        bottom: 3px; } }

@media (max-width: 767px) {
  .menu-sidebar .widget-box > div ul {
    width: 100% !important; }
    .menu-sidebar .widget-box > div ul li a, .menu-sidebar .widget-box > div ul li i {
      color: #cd3333 !important; }
      .menu-sidebar .widget-box > div ul li a:hover, .menu-sidebar .widget-box > div ul li i:hover {
        opacity: .9; } }
.menu-sidebar #languages {
  padding: 60px 30px 0 30px;
  width: 100%; }
  @media (max-width: 767px) {
    .menu-sidebar #languages {
      border-bottom: 1px solid #272323 !important;
      padding: 3px 10px 3px 45px;
      width: 50%; } }
  .menu-sidebar #languages ul {
    text-align: center;
    width: 100% !important; }
    @media (max-width: 767px) {
      .menu-sidebar #languages ul {
        text-align: left; } }
    .menu-sidebar #languages ul a {
      font-weight: 700;
      margin-right: 11px;
      padding: 0; }
      @media (max-width: 767px) {
        .menu-sidebar #languages ul a {
          font-weight: 700;
          margin-right: 8px; }
          .menu-sidebar #languages ul a:after {
            bottom: 0; }
          .menu-sidebar #languages ul a:hover:after, .menu-sidebar #languages ul a.active:after {
            bottom: 3px; } }
    .menu-sidebar #languages ul li:last-of-type a {
      margin-right: 0; }

/* Header-soc-icon
---------------------------------------------------------------*/
.header-soc-icon {
  padding: 17px 2px 0 25px; }
  .header-soc-icon ul {
    padding: 0; }
  .header-soc-icon li {
    display: inline-block; }

.top-menu .header-soc-icon {
  padding: 17px 10px 0 25px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .top-menu .header-soc-icon {
      margin-right: -5px;
      position: relative; } }
  @media (min-width: 768px) {
    .top-menu .header-soc-icon ul {
      text-align: right; } }
  @media (max-width: 767px) {
    .top-menu .header-soc-icon {
      padding: 3px 10px 3px 10px; }
      .top-menu .header-soc-icon ul a {
        margin-left: 16px;
        font-size: 13px;
        font-size: 0.92857rem; } }

/**/
.header-soc-icon ul li a {
  margin-left: 25px; }
.header-soc-icon ul li:first-of-type a {
  margin-left: 0px; }

.menu-sidebar .header-soc-icon {
  float: none !important;
  padding: 17px 0px 53px 0px; }
  @media (max-width: 767px) {
    .menu-sidebar .header-soc-icon {
      border-bottom: 1px solid #272323 !important;
      float: right !important;
      padding: 3px 45px 3px 10px; } }
  .menu-sidebar .header-soc-icon ul {
    text-align: center;
    width: 100% !important; }
    .menu-sidebar .header-soc-icon ul a {
      color: #bbb !important; }
    @media (max-width: 767px) {
      .menu-sidebar .header-soc-icon ul {
        text-align: right; }
        .menu-sidebar .header-soc-icon ul a {
          margin-left: 16px;
          padding: 0 !important;
          font-size: 13px;
          font-size: 0.92857rem; } }

/* Top-nav-line
---------------------------------------------------------------*/
.top-nav-line {
  display: none;
  height: 87px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 98;
  overflow: hidden; }
  .top-nav-line #menu-open {
    background: #fff;
    border-bottom: 0 none;
    border: none;
    outline: none;
    padding: 10px 21px;
    width: 80px; }
    @media (min-width: 992px) {
      .top-nav-line #menu-open {
        margin: 20px 20px 0 0; } }
    @media (max-width: 767px) {
      .top-nav-line #menu-open {
        height: 45px;
        padding: 18px 10px;
        width: 75px; } }
    .top-nav-line #menu-open .text {
      color: #cd3333;
      float: right;
      font-weight: 600;
      line-height: 16px;
      padding: 25px 0 0 0px;
      text-transform: uppercase;
      font-size: 12px;
      font-size: 0.85714rem; }
      @media (max-width: 767px) {
        .top-nav-line #menu-open .text {
          padding: 0;
          position: absolute;
          right: 10px;
          top: 15px;
          font-size: 11px;
          font-size: 0.78571rem; } }
    .top-nav-line #menu-open .icon-bar {
      background: #cd3333;
      border-radius: 0;
      box-shadow: none;
      display: block;
      height: 3px;
      margin: 3px 0 4px 10px;
      width: 18px; }
      @media (max-width: 767px) {
        .top-nav-line #menu-open .icon-bar {
          height: 2px;
          margin: -2px 0 4px 1px;
          width: 15px; } }
  .top-nav-line.fixed {
    left: auto;
    position: fixed;
    width: auto;
    z-index: 999; }
    .top-nav-line.fixed .logo-mini {
      display: none; }

/* Primary-banner-center-box
------------------------------------------------------------------*/
.primary-banner {
  width: 100%; }
  .primary-banner h1 {
    color: #fff;
    margin-bottom: 6px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .primary-banner h1 {
        font-size: 36px !important;
        margin-bottom: 0px; } }
    .primary-banner h1 span {
      font-size: 120px;
      font-size: 8.57143rem;
      letter-spacing: -1px; }
      @media (max-width: 991px) {
        .primary-banner h1 span {
          font-size: 90px;
          font-size: 6.42857rem; } }
      @media (max-width: 767px) {
        .primary-banner h1 span {
          font-size: 36px;
          font-size: 2.57143rem; } }
  .primary-banner p.tlt {
    color: #fff;
    font-size: 41px;
    font-size: 2.92857rem;
    font-weight: 700; }
    @media (max-width: 991px) {
      .primary-banner p.tlt {
        font-size: 31px;
        font-size: 2.21429rem; } }
    @media (max-width: 767px) {
      .primary-banner p.tlt {
        font-size: 16px;
        font-size: 1.14286rem; } }
  .primary-banner p.tlt-2 {
    color: #fff;
    font-size: 18px; }
  .primary-banner .buttons {
    margin-top: 20px; }
  .primary-banner .btn {
    padding: 13px 30px;
    margin-left: 15px;
    margin-right: 15px; }
  .primary-banner .primary-banner-center-box {
    display: table;
    height: 100%;
    width: 100%; }
  .primary-banner .primary-banner-center-box > .container-fluid {
    display: table-row; }
  .primary-banner .primary-banner-center-box > .container-fluid > .row {
    display: table-cell;
    vertical-align: middle; }
  @media (min-width: 768px) {
    .primary-banner.three-row .primary-banner-center-box > div {
      padding-left: 0;
      padding-right: 0; }
    .primary-banner.three-row .primary-banner-center-box > .container-fluid {
      height: 100%;
      display: table;
      width: 100%; }
    .primary-banner.three-row .primary-banner-center-box > .container-fluid > .row {
      display: table;
      height: 100%;
      margin: 0;
      margin-left: -1px;
      width: calc(100% + 2px); }
      .primary-banner.three-row .primary-banner-center-box > .container-fluid > .row > div {
        display: table-cell;
        float: none;
        height: 100%;
        vertical-align: middle; }
        .primary-banner.three-row .primary-banner-center-box > .container-fluid > .row > div .background {
          height: 100vh;
          z-index: 0; }
    .primary-banner.three-row .ie10 .primary-banner-center-box > .container-fluid > .row > div, .primary-banner.three-row .ie11 .primary-banner-center-box > .container-fluid > .row > div {
      height: 100vh; } }
  .primary-banner.three-row .primary-banner-center-box > .container-fluid > .row > div {
    padding-left: 0;
    padding-right: 0; }
  .primary-banner.three-row .background.bg-video-all .go-play i {
    -webkit-transition: all 0.2s linear;
    font-size: 84px;
    font-size: 6rem;
    color: #fff;
    cursor: pointer;
    left: 50%;
    margin-left: -34px;
    margin-top: -43px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
    z-index: 10; }
    .primary-banner.three-row .background.bg-video-all .go-play i.fa-pause {
      opacity: 0;
      z-index: -10; }
    .primary-banner.three-row .background.bg-video-all .go-play i:hover {
      color: rgba(255, 255, 255, 0.9); }
  .primary-banner.three-row .background.bg-video-all.play-my-video .go-play i.fa-pause {
    opacity: 1;
    z-index: 10; }
  .primary-banner.three-row .background.bg-video-all.play-my-video .go-play i.fa-play {
    opacity: 0;
    z-index: -10; }
  .primary-banner.banner-type-2 h2 {
    letter-spacing: -1px;
    margin-bottom: -2px;
    margin-left: 18%;
    line-height: 0.9; }
    .primary-banner.banner-type-2 h2 span {
      font-size: 120px;
      font-size: 8.57143rem;
      color: #fffdec;
      text-transform: uppercase; }
    @media (min-width: 1300px) and (max-width: 1500px) {
      .primary-banner.banner-type-2 h2 {
        margin-left: 14%; } }
    @media (min-width: 1024px) and (max-width: 1299px) {
      .primary-banner.banner-type-2 h2 {
        margin-left: 7%; } }
    @media (max-width: 1023px) {
      .primary-banner.banner-type-2 h2 {
        margin-left: 7%; }
        .primary-banner.banner-type-2 h2 span {
          font-size: 80px;
          font-size: 5.71429rem; } }
  .primary-banner.banner-type-2 p.tlt {
    margin: 0 0 -50px !important;
    color: #2d2d2d; }
  /*.primary-banner.banner-type-4 .element-item {
    width: 50% !important; }*/
  .primary-banner.banner-type-4 .social-feeds {
    border: none;
    padding-left: 15px;
    padding-right: 15px; }
    .primary-banner.banner-type-4 .social-feeds .social-feeds-box {
      padding: 0 !important; }
  @media (max-width: 767px) {
    .primary-banner.banner-type-4 .title-box, .primary-banner.banner-type-4 .tweets-box {
      padding-top: 60px;
      padding-bottom: 40px; } }
  .primary-banner.banner-type-4 .wrap-tweet {
    margin-left: -15px;
    margin-right: -15px; }
  .primary-banner.banner-type-4 .title-box {
    background-color: #2063ad;
    overflow: hidden; }
  .primary-banner.banner-type-4 .tweets-box {
    background-color: #00c2f7;
    overflow: hidden; }
  @media (min-width: 992px) and (max-width: 1480px) {
    .primary-banner.banner-type-4 h1 span {
      font-size: 55px;
      font-size: 3.92857rem; } }
  @media (max-width: 991px) {
    .primary-banner.banner-type-4 h1 span {
      font-size: 55px;
      font-size: 3.92857rem; } }
  @media (min-width: 768px) {
    .primary-banner.banner-type-4 p.tlt {
      margin: 0 0 -50px !important; } }
  .primary-banner.banner-type-5 .tlt {
    margin-left: 30px; }
  /*.primary-banner.banner-type-5 .element-item {
    width: 25% !important; }
    @media (max-width: 767px) {
      .primary-banner.banner-type-5 .element-item {
        width: 50% !important; } }*/
  .primary-banner .social-feeds h5 {
    text-transform: uppercase; }
  .primary-banner .social-feeds .social-feeds-box .owl-controls .owl-nav div i,
  .primary-banner .social-feeds .social-feeds-box .owl-item li p,
  .primary-banner .social-feeds .social-feeds-box .owl-item li p a {
    color: #fff !important; }

.next-sections {
  cursor: pointer;
  font-size: 13px;
  font-size: 0.92857rem;
  background: none;
  border: none;
  bottom: 28px;
  color: #fff;
  font-weight: 300;
  left: 50%;
  margin-left: -42px;
  position: absolute;
  text-align: center; }
  .next-sections i {
    font-size: 30px;
    font-size: 2.14286rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 253, 236, 0.5);
    color: #fff;
    display: block;
    height: 40px;
    margin: 12px auto;
    padding: 5px 0 0 1px;
    width: 40px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .next-sections:hover i {
    border: 1px solid #fffdec; }
  @media (max-height: 320px) {
    .next-sections {
      display: none; } }

/* Table-block
----------------------------------------------------------------*/
.table-block h1 {
  opacity: 0.9;
  position: relative;
  font-size: 300px;
  font-size: 21.42857rem; }
  .table-block h1 span {
    font-size: 26px;
    font-size: 1.85714rem;
    bottom: 2%;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-transform: none;
    width: 100%; }
    @media (min-width: 992px) {
      .table-block h1 span {
        bottom: 2%; } }

@media (min-width: 768px) {
  .table-block {
    padding-bottom: 75px;
    padding-top: 105px; } }
@media (max-width: 767px) {
  .table-block {
    padding-bottom: 30px;
    padding-top: 30px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .table-block {
      padding-bottom: 48px;
      padding-top: 75px; } }

/* Table-box
----------------------------------------------------------------*/
.table-box {
  overflow: hidden; }
  .table-box > .row > div.t2 {
    padding-left: 10px;
    padding-right: 10px; }

.table-row {
  margin-left: 0;
  margin-right: 0; }

@media (min-width: 992px) {
  .table-row {
    display: table;
    width: 100%; }
    .table-row > div {
      display: table-cell;
      float: none;
      height: 100%;
      vertical-align: middle; } }
.no-padding {
  padding-left: 0;
  padding-right: 0; }

.no-margin {
  margin-left: 0;
  margin-right: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .table-row {
    display: table;
    width: 100%; }
    .table-row > div:nth-child(2), .table-row > div:nth-child(3) {
      display: table-cell;
      float: none; }
    .table-row > div:nth-child(1) {
      display: table-caption;
      float: none; }
    .table-row.two-cell {
      display: block; }
      .table-row.two-cell > div {
        display: block;
        float: left; } }
/* About
---------------------------------------------------------------*/
#about-us .background .layer, .about-us .background .layer {
  background-color: #fff; }
#about-us .table-block h1, .about-us .table-block h1 {
  color: #cd3333; }
#about-us h4, .about-us h4 {
  color: #fff;
  padding-bottom: 24px;
  position: relative; }
  @media (max-width: 767px) {
    #about-us h4, .about-us h4 {
      padding-bottom: 34px; } }
  #about-us h4:before, .about-us h4:before {
    background: rgba(255, 255, 255, 0.75);
    bottom: 0;
    content: " ";
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px; }
#about-us h5, .about-us h5 {
  color: #cd3333; }
  @media (max-width: 991px) {
    #about-us h5, .about-us h5 {
      margin-bottom: 32px; } }
#about-us .t2 p, .about-us .t2 p {
  color: #fff1f1;
  font-size: 18px;
  font-size: 1.28571rem;
  letter-spacing: 0;
  line-height: 1.65; }
  @media (max-width: 767px) {
    #about-us .t2 p, .about-us .t2 p {
      font-size: 16px;
      font-size: 1.14286rem; } }
  @media (max-width: 767px) {
    #about-us .t2 p, .about-us .t2 p {
      font-size: 14px;
      font-size: 1rem;
      line-height: 1.9; } }
#about-us .t1, .about-us .t1 {
  min-height: 300px; }
  @media (min-width: 1170px) {
    #about-us .t1, .about-us .t1 {
      min-height: 535px; } }
#about-us .big-text, .about-us .big-text {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.14286rem;
  margin-bottom: 28px; }
  @media (min-width: 992px) {
    #about-us .big-text, .about-us .big-text {
      font-size: 18px;
      font-size: 1.28571rem;
      line-height: 1.6; } }
#about-us .cont-a-text-box, .about-us .cont-a-text-box {
  padding: 40px; }
  @media (max-width: 991px) {
    #about-us .cont-a-text-box, .about-us .cont-a-text-box {
      padding: 40px 30px; } }
#about-us .next-sections, .about-us .next-sections {
  margin-left: -49px; }
#about-us .hello-box, .about-us .hello-box {
  padding-bottom: 120px;
  padding-top: 35px; }
  @media (max-width: 767px) {
    #about-us .hello-box, .about-us .hello-box {
      padding-bottom: 112px;
      padding-top: 35px; } }
#about-us .about-text-box, .about-us .about-text-box {
  padding-bottom: 48px;
  position: inherit; }
  @media (max-width: 991px) {
    #about-us .about-text-box, .about-us .about-text-box {
      padding-bottom: 30px; } }
  #about-us .about-text-box:last-of-type, .about-us .about-text-box:last-of-type {
    padding-bottom: 0; }

/* Team-carousel
---------------------------------------------------------------*/
@media (min-width: 991px) {
  #team .table-block {
    left: 1%;
    position: absolute;
    top: 18%;
    z-index: 9; } }
@media (max-width: 991px) {
  #team .table-block {
    background: #d6e6e7;
    display: block; } }
#team h1 {
  color: rgba(240, 255, 255, 0.75) !important; }
  @media (max-width: 991px) {
    #team h1 {
      color: #334a4b !important; } }
#team h2 {
  font-size: 48px;
  font-size: 3.42857rem;
  padding-bottom: 23px;
  position: relative; }
  @media (max-width: 991px) {
    #team h2 {
      font-size: 28px;
      font-size: 2rem;
      margin-bottom: 28px;
      padding-bottom: 27px; } }
  @media (max-width: 767px) {
    #team h2 {
      font-size: 24px;
      font-size: 1.71429rem;
      padding-bottom: 30px;
      padding-top: 28px; } }
  #team h2:before {
    background: rgba(255, 255, 255, 0.75);
    bottom: 0px;
    content: ' ';
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px; }

/**/
#team-carousel .team-element, #team-carousel .table-block > h1.team-element {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }
  @media (max-width: 767px) {
    #team-carousel .team-element, #team-carousel .table-block > h1.team-element {
      opacity: 1 !important; } }
  #team-carousel .team-element.show-team-element, #team-carousel .table-block > h1.team-element.show-team-element {
    opacity: 1; }
#team-carousel .table-block h1.team-element {
  -webkit-transition-delay: 0.2s;
  /* Safari */
  transition-delay: 0.2s; }
#team-carousel .slide-text.team-element {
  -webkit-transition-delay: 0.4s;
  /* Safari */
  transition-delay: 0.4s; }
#team-carousel #thumbs.team-element {
  -webkit-transition-delay: 0.7s;
  /* Safari */
  transition-delay: 0.7s; }
#team-carousel #prev.team-element, #team-carousel #next.team-element {
  -webkit-transition-delay: 0.9s;
  /* Safari */
  transition-delay: 0.9s; }

/**/
#team-carousel #carousel-wrapper #carousel {
  max-height: 970px !important; }
  #team-carousel #carousel-wrapper #carousel > div {
    padding-left: 0;
    padding-right: 0;
    position: relative; }
  #team-carousel #carousel-wrapper #carousel img {
    height: auto;
    width: 100%; }
  #team-carousel #carousel-wrapper #carousel .wrap-img {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    max-width: 1500px; }
    @media (min-width: 768px) and (max-width: 991px) {
      #team-carousel #carousel-wrapper #carousel .wrap-img img {
        margin-left: -20%; } }
  #team-carousel #carousel-wrapper #carousel .slide-text {
    color: #f0ffff;
    padding: 10px;
    right: 2%;
    text-align: center;
    top: 35%; }
    @media (min-width: 1200px) {
      #team-carousel #carousel-wrapper #carousel .slide-text {
        top: 35%; } }
    @media (min-width: 992px) {
      #team-carousel #carousel-wrapper #carousel .slide-text {
        position: absolute;
        top: 30%;
        width: 33%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #team-carousel #carousel-wrapper #carousel .slide-text {
        position: absolute;
        top: 15%;
        width: 42%; } }
    @media (max-width: 767px) {
      #team-carousel #carousel-wrapper #carousel .slide-text {
        color: #fff;
        padding: 10px 10px 30px 10px; } }
    #team-carousel #carousel-wrapper #carousel .slide-text p {
      font-size: 16px;
      font-size: 1.14286rem;
      letter-spacing: 1px;
      margin: 0 0 23px; }
      @media (max-width: 991px) {
        #team-carousel #carousel-wrapper #carousel .slide-text p {
          font-size: 14px;
          font-size: 1rem;
          letter-spacing: 0.5px;
          line-height: 1.9; } }
    #team-carousel #carousel-wrapper #carousel .slide-text .social {
      background-color: green;
      margin: 0 auto;
      padding: 10px;
      width: 90%; }
    #team-carousel #carousel-wrapper #carousel .slide-text .block-inline {
      display: inline-block; }
    #team-carousel #carousel-wrapper #carousel .slide-text .circules {
      height: 90px;
      margin: 73px auto 0px;
      width: 90%; }
      @media (min-width: 1200px) {
        #team-carousel #carousel-wrapper #carousel .slide-text .circules {
          margin: 73px auto 0px; } }
      @media (max-width: 1199px) {
        #team-carousel #carousel-wrapper #carousel .slide-text .circules {
          margin: 10px auto 0; } }
      @media (max-width: 991px) {
        #team-carousel #carousel-wrapper #carousel .slide-text .circules {
          margin: 20px auto 0px; } }
      @media (max-width: 767px) {
        #team-carousel #carousel-wrapper #carousel .slide-text .circules {
          margin: 42px auto 0px;
          width: 100%; } }

/**/
@media (min-width: 767px) and (max-width: 991px) {
  #team-carousel {
    background: #466169;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #466169), color-stop(12%, #4a656b), color-stop(24%, #4d696f), color-stop(38%, #5f7a81), color-stop(45%, #779093), color-stop(50%, #869b9f), color-stop(63%, #9cb0b1), color-stop(74%, #b0c1c3), color-stop(88%, #b9c8ca), color-stop(100%, #b3c5c7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #466169 0%, #4a656b 12%, #4d696f 24%, #5f7a81 38%, #779093 45%, #869b9f 50%, #9cb0b1 63%, #b0c1c3 74%, #b9c8ca 88%, #b3c5c7 100%);
    /*Chrome10+,Safari5.1+*/
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #466169 0%, #4a656b 12%, #4d696f 24%, #5f7a81 38%, #779093 45%, #869b9f 50%, #9cb0b1 63%, #b0c1c3 74%, #b9c8ca 88%, #b3c5c7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#466169', endColorstr='#b3c5c7',GradientType=0 )
    /* IE6-9 */ } }
@media (max-width: 767px) {
  #team-carousel {
    background-color: #3d5354; } }

#thumbs-wrapper {
  padding: 20px 0;
  position: relative;
  z-index: 9; }
  @media (max-width: 991px) {
    #thumbs-wrapper {
      margin: 0;
      padding: 20px 45px;
      width: 100%;
      background: #2e4343;
      /* Old browsers */
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e4343), color-stop(25%, #2f4445), color-stop(50%, #304647), color-stop(76%, #324849), color-stop(100%, #334a4b));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #2e4343 0%, #2f4445 25%, #304647 50%, #324849 76%, #334a4b 100%);
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      /* IE10+ */
      background: linear-gradient(to bottom, #2e4343 0%, #2f4445 25%, #304647 50%, #324849 76%, #334a4b 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e4343', endColorstr='#334a4b',GradientType=0 )
      /* IE6-9 */ } }
  #thumbs-wrapper #thumbs > div {
    text-align: center; }
  #thumbs-wrapper #thumbs a {
    -webkit-transition: all 0.2s linear;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #e4e7e8;
    display: block;
    float: none;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear; }
    @media (max-width: 767px) {
      #thumbs-wrapper #thumbs a {
        font-size: 0; } }
    #thumbs-wrapper #thumbs a span {
      border-radius: 50%;
      border: 5px solid rgba(255, 255, 255, 0.1);
      display: block;
      float: none;
      height: 100px;
      margin-bottom: 11px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      width: 100px;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      #thumbs-wrapper #thumbs a span img {
        height: 100%;
        display: block;
        position: absolute;
        right: -50%;
        margin: auto;
        left: -50%; }
      @media (max-width: 767px) {
        #thumbs-wrapper #thumbs a span {
          margin-bottom: 0; } }
    #thumbs-wrapper #thumbs a:hover, #thumbs-wrapper #thumbs a.selected, #thumbs-wrapper #thumbs a:focus {
      color: #e4e7e8;
      outline: medium none; }
      #thumbs-wrapper #thumbs a:hover span, #thumbs-wrapper #thumbs a.selected span, #thumbs-wrapper #thumbs a:focus span {
        border-color: #f0ffff; }
  #thumbs-wrapper #prev {
    color: rgba(255, 255, 255, 0.5);
    left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    font-size: 32px;
    font-size: 2.28571rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    @media (max-width: 991px) {
      #thumbs-wrapper #prev {
        left: 16px;
        margin-top: -27px; } }
    @media (max-width: 767px) {
      #thumbs-wrapper #prev {
        left: 22%; } }
    #thumbs-wrapper #prev:hover {
      color: #fff;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
    #thumbs-wrapper #prev:hover, #thumbs-wrapper #prev:focus, #thumbs-wrapper #prev:active {
      outline: none; }
  #thumbs-wrapper #next {
    color: rgba(255, 255, 255, 0.5);
    margin-top: -30px;
    position: absolute;
    right: -30px;
    top: 50%;
    font-size: 32px;
    font-size: 2.28571rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    @media (max-width: 991px) {
      #thumbs-wrapper #next {
        right: 16px;
        margin-top: -27px; } }
    @media (max-width: 767px) {
      #thumbs-wrapper #next {
        right: 22%; } }
    #thumbs-wrapper #next:hover {
      color: #fff;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
    #thumbs-wrapper #next:hover, #thumbs-wrapper #next:focus, #thumbs-wrapper #next:active {
      outline: none; }

[data-animation] {
  opacity: 0; }

#carousel .active [data-animation] {
  opacity: 1; }

/* Cicle Team
--------------------------------------------------------------------------------------*/
.pie_progress {
  display: inline-block;
  text-transform: uppercase;
  width: 80px;
  font-size: 11px;
  font-size: 0.78571rem;
  margin-right: 10px; }
  @media (max-width: 991px) {
    .pie_progress {
      margin-right: 6px; } }
  .pie_progress:last-of-type {
    margin-right: 0; }

.skill-wrap {
  display: inline-block;
  margin: 0 0px 0 3px;
  position: relative; }
  .skill-wrap .skill-percent {
    font-size: 33px;
    font-size: 2.35714rem;
    font-family: 'Arial';
    font-weight: bold;
    left: 0;
    position: absolute;
    right: 0;
    top: 46px; }
  .skill-wrap .skill-name {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #222;
    font-weight: 400;
    font-weight: normal;
    left: 0;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 90px; }

.team-element, .table-block h1.team-element {
  opacity: 0; }
  .team-element.show-team-element, .table-block h1.team-element.show-team-element {
    opacity: 1; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- PORTFOLIO ------------------------------------ */
/* ---------------------------------------------------------------------------------- */
/*
.portfolio {
  overflow: hidden;
  position: relative; }
  @media (max-width: 767px) {
    .portfolio .table-block {
      padding-top: 92px; } }
  .portfolio .portfolio .row {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    z-index: 8; }
    .portfolio .portfolio .row > div {
      padding-left: 0;
      padding-right: 0; }

.wrap-isotop {
  position: relative; }

@media (min-width: 768px) {
  .table-block {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: middle; } }
@media (min-width: 768px) and (max-width: 991px) {
  .table-block {
    padding-bottom: 20px;
    padding-top: 0; } }
.table-block h1 {
  font-size: 300px;
  font-size: 21.42857rem;
  color: #fff;
  line-height: 1.3;
  z-index: 0; }
  @media (max-width: 1450px) {
    .table-block h1 {
      font-size: 220px;
      font-size: 15.71429rem; } }
  @media (max-width: 1170px) {
    .table-block h1 {
      font-size: 220px;
      font-size: 15.71429rem;
      line-height: 0.8; } }
  @media (max-width: 991px) {
    .table-block h1 {
      line-height: 1.1; } }
  .table-block h1 span {
    font-size: 26px;
    font-size: 1.85714rem;
    letter-spacing: 0.2px; }
    @media (max-width: 1170px) {
      .table-block h1 span {
        font-size: 20px;
        font-size: 1.42857rem;
        bottom: -20px;
        position: absolute; } }
    @media (max-width: 991px) {
      .table-block h1 span {
        bottom: 4px;
        position: absolute; } }

.isotop-filters {
  background-color: rgba(33, 97, 169, 0.95);
  display: table;
  height: 33.332%;
  left: 33.332%;
  position: absolute;
  text-align: center;
  text-align: center;
  width: 33.332%;
  z-index: 98;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  @media (min-width: 768px) and (max-width: 991px) {
    .isotop-filters {
      left: 25%;
      width: 50%; } }
  @media (max-width: 767px) {
    .isotop-filters {
      display: inline-block;
      height: auto;
      left: 0 !important;
      margin-bottom: -5px;
      padding-bottom: 73px;
      position: relative;
      top: 0 !important;
      width: 100%; } }
  .isotop-filters .wrap-button {
    left: 0;
    padding: 25px 10px 0 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99; }
    @media (max-width: 1170px) {
      .isotop-filters .wrap-button {
        padding: 8px 10px 0 10px; } }
    @media (max-width: 991px) {
      .isotop-filters .wrap-button {
        padding: 10px 90px 0 90px; } }
    @media (max-width: 767px) {
      .isotop-filters .wrap-button {
        bottom: 17px;
        padding: 10px 40px 0 40px;
        position: absolute;
        z-index: 90; } }
  .isotop-filters .table-block h1 {
    color: white !important; }
  @media (min-width: 768px) {
    .isotop-filters .table-block {
      padding-top: 0;
      padding-bottom: 0; } }
  .isotop-filters button {
    background: none;
    border: none;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: -0.7px;
    margin-left: 0;
    margin-right: 17px;
    padding: 10px 0;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    @media (min-width: 1400px) {
      .isotop-filters button {
        font-size: 17px;
        font-size: 1.21429rem; } }
    @media (max-width: 1399px) {
      .isotop-filters button {
        font-size: 16px;
        font-size: 1.14286rem;
        margin-right: 10px;
        padding: 6px 0; } }
    @media (max-width: 991px) {
      .isotop-filters button {
        font-size: 14px;
        font-size: 1rem;
        margin-right: 19px;
        padding: 6px 0; } }
    @media (max-width: 991px) {
      .isotop-filters button {
        padding: 4px 0 5px 0; } }
    .isotop-filters button:last-of-type {
      margin-right: 0; }
    .isotop-filters button:hover, .isotop-filters button:active, .isotop-filters button.is-checked {
      background: none;
      border: none;
      box-shadow: none;
      color: #fff; }
  .isotop-filters .show-panel, .isotop-filters .hide-panel {
    bottom: 5px;
    font-size: 11px;
    font-weight: 700;
    left: 10px;
    letter-spacing: -0.2px;
    padding: 0;
    position: absolute;
    text-transform: uppercase; }
    .isotop-filters .show-panel i, .isotop-filters .hide-panel i {
      font-size: 12px;
      margin-right: 4px; }
  .isotop-filters .show-panel {
    bottom: 0;
    color: #fff;
    display: none;
    height: 100%;
    left: 0;
    margin: 0 auto;
    width: 100%; }
    .isotop-filters .show-panel i {
      font-size: 21px;
      font-size: 1.5rem;
      border-radius: 3px;
      border: 1px solid rgba(255, 253, 236, 0.4);
      padding: 7px 10px 7px 10px;
      position: absolute;
      right: 10px;
      top: 10px;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .isotop-filters .show-panel:hover i {
      border: 1px solid #fffdec; }
  .isotop-filters .mini-filter {
    display: none; }
  .isotop-filters.hide-panel {
    background-color: rgba(205, 51, 51, 0.97);
    display: table;
    left: 0 !important;
    top: 0 !important; }
    .isotop-filters.hide-panel .wrap-button {
      display: none; }
    .isotop-filters.hide-panel .mini-filter {
      display: block; }
    .isotop-filters.hide-panel .big-filter {
      display: none; }
    .isotop-filters.hide-panel .table-block {
      display: table-cell;
      float: none;
      height: 100%;
      padding: 0;
      vertical-align: middle; }
      .isotop-filters.hide-panel .table-block h1 {
        font-size: 160px;
        font-size: 11.42857rem;
        line-height: 1; }
        @media (min-width: 1500px) {
          .isotop-filters.hide-panel .table-block h1 {
            font-size: 190px;
            font-size: 13.57143rem;
            line-height: 1.1; } }
        @media (min-width: 992px) and (max-width: 1170px) {
          .isotop-filters.hide-panel .table-block h1 {
            font-size: 130px;
            font-size: 9.28571rem; } }
        .isotop-filters.hide-panel .table-block h1 span {
          font-size: 33px;
          font-size: 2.35714rem;
          bottom: -12%;
          font-weight: 800;
          text-transform: uppercase; }
          @media (min-width: 992px) and (max-width: 1170px) {
            .isotop-filters.hide-panel .table-block h1 span {
              font-size: 28px;
              font-size: 2rem; } }
    @media (min-width: 768px) {
      .isotop-filters.hide-panel button.hide-panel {
        display: none; }
      .isotop-filters.hide-panel .show-panel {
        display: block; } }

.isotope {
  margin: 0;
  min-height: 330px; }
  .isotope h3 {
    font-size: 16px;
    font-size: 1.14286rem;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
    color: #fff;
    cursor: pointer;
    font-weight: 300;
    font-weight: 300;
    left: 0;
    margin-bottom: 0;
    margin-top: 22%;
    opacity: 0;
    text-align: center;
    text-transform: none;
    width: 100%;
    z-index: 10; }
    .isotope h3 span {
      font-size: 11px;
      font-size: 0.78571rem;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase; }
  .isotope .element-item:hover .overlay h3 {
    opacity: 1; }

.element-item {
  height: auto;
  overflow: hidden;
  text-align: center;
  width: 16.666666667%; }
  @media (min-width: 768px) and (max-width: 991px) {
    .element-item {
      width: 25%; } }
  @media (max-width: 767px) {
    .element-item {
      width: 50%; } }
  .element-item img {
    height: auto;
    margin-bottom: 0;
    width: 100%; }
  .element-item a {
    display: block;
    outline: none !important;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    .element-item a:focus, .element-item a:active {
      outline: none !important; }
  .element-item .overlay {
    color: #fff;
    height: 93%;
    left: 3.5%;
    position: absolute;
    text-align: center;
    top: 3.5%;
    width: 93%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .element-item .overlay .p-target {
      opacity: 0; }
  .element-item:focus .overlay, .element-item:active .overlay, .element-item:hover .overlay {
    background: rgba(5, 67, 131, 0.8); }
    .element-item:focus .overlay .p-target, .element-item:active .overlay .p-target, .element-item:hover .overlay .p-target {
      opacity: 1; }
  .element-item .overlay .p-target {
    margin-top: 37%;
    width: auto !important;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear; }
    .element-item .overlay .p-target * {
      fill: #fff; }
  .element-item span {
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin-top: 10px;
    position: relative;
    z-index: 10; }
    @media (max-width: 480px) {
      .element-item span {
        margin-top: 5px; } }
  .element-item:hover span {
    opacity: 1; }

.p-title {
  bottom: 5%;
  position: absolute;
  width: 100%;
  z-index: 99999; }

.element-item a {
  opacity: 0; }
.element-item.show-element a {
  opacity: 1; }

.element-item a {
  -webkit-transition: opacity 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
   }

@media (min-width: 992px) {
  .firefox .portfolio .element-item {
    width: 16.666665%; }
  .firefox .portfolio .isotop-filters {
    left: 33.3%; } }
*/

/*  SLIDERS PORTFOLIO STYLE 
-----------------------------------------------------------------------------------*/
.sliders {
  overflow: hidden;
  position: relative; }
  .sliders > .row {
    box-shadow: inset 0px 1px 0px 0px #e5e5e5;
    height: 100%; }
  .sliders .sliders-preloader {
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999; }
    .sliders .sliders-preloader.loaded {
      opacity: 0;
      z-index: -1; }

.sliders {
  height: 0;
  max-height: 700px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s cubic-bezier(0.62, 0.28, 0.23, 0.99), height 0.5s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  transition: max-height 0.5s cubic-bezier(0.62, 0.28, 0.23, 0.99), height 0.5s cubic-bezier(0.62, 0.28, 0.23, 0.99); }
  .sliders.close-box {
    max-height: 0;
    -webkit-transition: max-height 0.5s cubic-bezier(0.62, 0.28, 0.23, 0.99);
    transition: max-height 0.5s cubic-bezier(0.62, 0.28, 0.23, 0.99); }
  .sliders .a-slider-bcontrols {
    margin: 20px 0 42px 0; }
  .sliders .container-fluid {
    display: none;
    min-width: 100px; }
    .sliders .container-fluid .wrap-slider {
      position: relative; }
      .sliders .container-fluid .wrap-slider .photos-container {
        clear: both;
        overflow: hidden; }
        .sliders .container-fluid .wrap-slider .photos-container img {
          display: block;
          float: none;
          height: auto;
          width: 100%; }
      .sliders .container-fluid .wrap-slider .rslides > div {
        margin: 0 auto;
        text-align: center;
        width: 100%; }
      .sliders .container-fluid .wrap-slider .rslides_nav {
        -webkit-transition: all 0.05s ease-in-out 0.05s;
        transition: all 0.05s ease-in-out 0.05s;
        background-color: #fff;
        background-repeat: no-repeat;
        border-radius: 50%;
        display: block !important;
        font-size: 0;
        height: 40px;
        margin-top: -20px;
        opacity: 1;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 40px;
        z-index: 999; }
        .sliders .container-fluid .wrap-slider .rslides_nav.prev {
          background-position: 13px center !important;
          left: -5px; }
          .sliders .container-fluid .wrap-slider .rslides_nav.prev:hover {
            background-color: #fff;
            background-position: 13px center !important;
            background-repeat: no-repeat; }
        .sliders .container-fluid .wrap-slider .rslides_nav.next {
          background-position: 15px center !important;
          right: -5px; }
          .sliders .container-fluid .wrap-slider .rslides_nav.next:hover {
            background-color: #fff;
            background-position: 15px center !important;
            background-repeat: no-repeat; }
    .sliders .container-fluid .additional-info {
      color: #999;
      margin-top: 36px;
      position: relative; }
      @media (max-width: 767px) {
        .sliders .container-fluid .additional-info {
          margin-top: 15px; } }
      .sliders .container-fluid .additional-info > div {
        padding-left: 30px !important;
        padding-right: 30px !important; }
        @media (max-width: 767px) {
          .sliders .container-fluid .additional-info > div {
            padding-left: 10px !important;
            padding-right: 10px !important; } }
      .sliders .container-fluid .additional-info .text-box {
        margin-bottom: 35px; }
      .sliders .container-fluid .additional-info .heading {
        font-size: 24px;
        font-size: 1.71429rem;
        color: #cd3333;
        font-weight: 700;
        line-height: 1.65;
        margin-bottom: 24px;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .sliders .container-fluid .additional-info .heading {
            margin-bottom: 10px; } }
      .sliders .container-fluid .additional-info .adinfo-category {
        margin-top: -12px; }
      .sliders .container-fluid .additional-info .description {
        color: #45443a;
        margin-bottom: 30px; }
        .sliders .container-fluid .additional-info .description p:first-of-type {
          font-size: 18px;
          font-size: 1.28571rem;
          font-weight: 300;
          line-height: 1.65; }
          @media (max-width: 991px) {
            .sliders .container-fluid .additional-info .description p:first-of-type {
              font-size: 16px;
              font-size: 1.14286rem;
              line-height: 1.45; } }
      .sliders .container-fluid .additional-info .link-box {
        padding-bottom: 40px; }
      .sliders .container-fluid .additional-info .link a {
        font-size: 14px;
        font-size: 1rem;
        background-color: #cd3333;
        color: white;
        display: inline-block;
        font-weight: 700;
        letter-spacing: -0.5px;
        padding: 21px 60px;
        text-transform: uppercase;
        -webkit-transition: background 0.2s linear;
        transition: background 0.2s linear; }
        .sliders .container-fluid .additional-info .link a:hover {
          background: #d84545; }
        .sliders .container-fluid .additional-info .link a:focus, .sliders .container-fluid .additional-info .link a:active {
          outline: none; }
    .sliders .container-fluid .album-controls {
      position: relative;
      text-align: center;
      z-index: 1; }
    @media (min-width: 992px) {
      .sliders .container-fluid .nav-album {
        float: left; } }
    @media (min-width: 1601px) {
      .sliders .container-fluid .nav-album {
        width: 33.7%; } }
    @media (min-width: 1441px) and (max-width: 1600px) {
      .sliders .container-fluid .nav-album {
        width: 33.7777%; } }
    @media (min-width: 1191px) and (max-width: 1440px) {
      .sliders .container-fluid .nav-album {
        width: 33.8888%; } }
    @media (min-width: 992px) and (max-width: 1190px) {
      .sliders .container-fluid .nav-album {
        width: 33.9999%; } }
    .sliders .container-fluid .a-slider-tcontrols {
      background: #2063ad; }
    .sliders .container-fluid .a-slider-tcontrols a {
      font-size: 64px;
      font-size: 4.57143rem;
      -webkit-transition: all 0.1s ease-in-out 0.1s;
      transition: all 0.1s ease-in-out 0.1s;
      color: #fff;
      display: inline-block;
      margin-right: -4px;
      padding: 11% 0%;
      text-align: center;
      width: 33.33333%; }
      @media (max-width: 991px) {
        .sliders .container-fluid .a-slider-tcontrols a {
          padding: 2% 0%; } }
      .sliders .container-fluid .a-slider-tcontrols a:focus, .sliders .container-fluid .a-slider-tcontrols a:active, .sliders .container-fluid .a-slider-tcontrols a:hover {
        opacity: 0.85;
        outline: none;
        text-decoration: none; }
      .sliders .container-fluid .a-slider-tcontrols a.a-sliders-close {
        border-left: 1px solid rgba(255, 253, 236, 0.13);
        border-right: 1px solid rgba(255, 253, 236, 0.13);
        text-align: center; }
      .sliders .container-fluid .a-slider-tcontrols a i {
        display: block;
        margin: 0 auto; }
    .sliders .container-fluid .album-sliders-container {
      position: relative; }
      .sliders .container-fluid .album-sliders-container h4.album-name {
        font-size: 63px;
        font-size: 4.5rem;
        color: red;
        margin-bottom: 0;
        margin-top: 3.5%;
        text-transform: uppercase; }
        @media (min-width: 992px) and (max-width: 1169px) {
          .sliders .container-fluid .album-sliders-container h4.album-name {
            font-size: 45px;
            font-size: 3.21429rem;
            margin-top: 4.5%; } }
        @media (max-width: 991px) {
          .sliders .container-fluid .album-sliders-container h4.album-name {
            font-size: 53px;
            font-size: 3.78571rem;
            margin-bottom: 1.5%;
            margin-top: 1.5%; } }
        @media (max-width: 767px) {
          .sliders .container-fluid .album-sliders-container h4.album-name {
            font-size: 33px;
            font-size: 2.35714rem;
            margin-bottom: 3.5%;
            margin-top: 3.5%; } }
      .sliders .container-fluid .album-sliders-container .wrap-slider {
        z-index: 1; }
      .sliders .container-fluid .album-sliders-container .owl-item {
        padding: 0 10px; }
        .sliders .container-fluid .album-sliders-container .owl-item img {
          height: auto;
          max-width: 100%;
          width: auto; }
      .sliders .container-fluid .album-sliders-container iframe {
        display: block;
        margin: 0 auto; }
  .sliders .rslides {
    position: relative;
    z-index: 1; }
  .sliders .rslides_tabs {
    bottom: 20px;
    clear: both;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99; }
    .sliders .rslides_tabs li {
      display: inline-block; }
      .sliders .rslides_tabs li a {
        border-radius: 50%;
        display: block;
        font-size: 0;
        height: 15px;
        margin-right: 10px;
        position: relative;
        width: 15px; }
        .sliders .rslides_tabs li a:after {
          background-color: rgba(255, 255, 255, 0.75);
          border-radius: 50%;
          content: " ";
          height: 15px;
          left: 0px;
          position: absolute;
          top: 0px;
          width: 15px;
          -webkit-transition: all 0.1s linear;
          transition: all 0.1s linear; }
        .sliders .rslides_tabs li a:before {
          border-radius: 50%;
          border: 1px solid transparent;
          content: " ";
          height: 15px;
          left: 0px;
          position: absolute;
          top: 0px;
          width: 15px;
          -webkit-transition: all 0.1s linear;
          transition: all 0.1s linear; }
      .sliders .rslides_tabs li.rslides_here a:before, .sliders .rslides_tabs li:hover a:before {
        border: 1px solid rgba(255, 255, 255, 0.75);
        height: 21px;
        left: -3px;
        top: -3px;
        width: 21px; }
      .sliders .rslides_tabs li.rslides_here a:after, .sliders .rslides_tabs li:hover a:after {
        background-color: white;
        height: 11px;
        left: 2px;
        top: 2px;
        width: 11px; }

/* Social-feeds
-------------------------------------------------------------------------*/
.social-feeds {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .social-feeds .row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden; }
  .social-feeds .social-feeds-box {
    padding: 76px 80px;
    position: relative;
    z-index: 1; }
    @media (max-width: 991px) {
      .social-feeds .social-feeds-box {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
    @media (max-width: 767px) {
      .social-feeds .social-feeds-box {
        padding: 40px 15px; } }
    .social-feeds .social-feeds-box:after {
      content: " ";
      height: 1000%;
      left: 1px;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1; }
      @media (min-width: 992px) {
        .social-feeds .social-feeds-box:after {
          border-right: 1px solid rgba(0, 0, 0, 0.1); } }
    .social-feeds .social-feeds-box:last-of-type {
      border: none; }
      .social-feeds .social-feeds-box:last-of-type:after {
        border-right: none;
        left: 0px !important; }
    .social-feeds .social-feeds-box:nth-child(2):after {
      left: 0px !important; }
    .social-feeds .social-feeds-box h5 {
      font-size: 20px;
      font-size: 1.42857rem;
      margin-bottom: 22px;
      text-transform: none; }
      @media (max-width: 991px) {
        .social-feeds .social-feeds-box h5 {
          text-align: center; } }
    .social-feeds .social-feeds-box .owl-item li p {
      font-size: 18px;
      font-size: 1.28571rem;
      color: #777777;
      font-weight: 300;
      line-height: 1.60;
      margin-bottom: 0;
      word-wrap: break-word; }
      .social-feeds .social-feeds-box .owl-item li p a {
        font-size: 18px;
        font-size: 1.28571rem;
        color: #222222;
        margin-right: 10px; }
      .social-feeds .social-feeds-box .owl-item li p span {
        display: inline-block; }
      @media (max-width: 991px) {
        .social-feeds .social-feeds-box .owl-item li p {
          text-align: center; } }
    .social-feeds .social-feeds-box .owl-controls {
      margin-top: 20px; }
      .social-feeds .social-feeds-box .owl-controls .owl-nav {
        text-align: right; }
        @media (max-width: 991px) {
          .social-feeds .social-feeds-box .owl-controls .owl-nav {
            text-align: center; } }
        .social-feeds .social-feeds-box .owl-controls .owl-nav div {
          background: none;
          margin-left: 2px;
          margin-right: 2px; }
          .social-feeds .social-feeds-box .owl-controls .owl-nav div i {
            font-size: 14px;
            font-size: 1rem;
            color: #777;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear; }
          .social-feeds .social-feeds-box .owl-controls .owl-nav div:hover {
            background: none; }
            .social-feeds .social-feeds-box .owl-controls .owl-nav div:hover i {
              color: #222; }
    @media (max-width: 991px) {
      .social-feeds .social-feeds-box #fb-widget {
        width: 100%; }
        .social-feeds .social-feeds-box #fb-widget > span {
          display: block;
          margin: 0 auto; } }

@media (max-width: 991px) {
  .social-feeds .social-feeds-box .owl-controls {
    position: static; } }
/* twitter-timeline 
-------------------------------------------------------------------------*/
.twitter-timeline ul {
  padding: 0 0 20px 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }
  .twitter-timeline ul.show-carousel {
    opacity: 1; }
  .twitter-timeline ul li {
    list-style: none !important; }
.twitter-timeline .owl-nav div {
  border-radius: 50%;
  font-size: 14px;
  height: 15px;
  line-height: 1;
  padding: 0;
  width: 15px; }

/* instagram-timeline 
-------------------------------------------------------------------------*/
#instagram-timeline ul {
  padding: 0; }
  @media (max-width: 991px) {
    #instagram-timeline ul {
      text-align: center; } }
  #instagram-timeline ul li {
    display: inline-block;
    margin: 2px 4px; }
    #instagram-timeline ul li a img {
      height: 55px;
      width: 55px; }

/* Social-footer-links
-------------------------------------------------------------------------*/
.social-footer-links {
  padding: 75px 0 0px 0; }
  .social-footer-links ul {
    list-style: none;
    padding: 0;
    text-align: center; }
    .social-footer-links ul li {
      list-style: none;
      margin: 0px 18px; }
      @media (min-width: 768px) {
        .social-footer-links ul li {
          display: inline-block;
          margin-bottom: 6px; } }
      .social-footer-links ul li a {
        font-weight: 300;
        letter-spacing: 0.3px; }
        .social-footer-links ul li a.facebook {
          color: #324097; }
        .social-footer-links ul li a.twitter {
          color: #1983b9; }
        .social-footer-links ul li a.google {
          color: #c43021; }
        .social-footer-links ul li a.instagram {
          color: #492d13; }
      .social-footer-links ul li.facebook a {
        color: #324097; }
      .social-footer-links ul li.twitter a {
        color: #1983b9; }
      .social-footer-links ul li.google a {
        color: #c43021; }
      .social-footer-links ul li.instagram a {
        color: #492d13; }

.corp {
  color: #777777;
  font-size: 12px;
  padding: 5px 0 80px 0;
  text-align: center; }

/*  Small Icon 
------------------------------------------------------------------------*/
.sm-icon {
  display: inline-block;
  height: 33px;
  position: relative;
  width: 33px; }
  .sm-icon svg {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important; }

/*  Services 
------------------------------------------------------------------------*/
.big-icon-box {
  padding: 0 30px; }
  @media (max-width: 991px) {
    .big-icon-box {
      padding-bottom: 35px; } }
  @media (max-width: 767px) {
    .big-icon-box {
      padding-bottom: 13px; } }
  .big-icon-box .big-icon {
    height: 130px;
    width: 130px; }
    @media (max-width: 991px) {
      .big-icon-box .big-icon {
        height: 100px;
        margin-top: 60px;
        width: 100px; } }
    @media (max-width: 767px) {
      .big-icon-box .big-icon {
        height: 85px;
        margin-top: 40px;
        width: 85px; } }
  @media (max-width: 991px) {
    .big-icon-box.t1 {
      border-right: 1px solid #f0eed9; } }
  @media (max-width: 767px) {
    .big-icon-box.t1 {
      border-bottom: 1px solid #f0eed9; } }

@media (max-width: 991px) {
  .services .table-box {
    padding-bottom: 5%;
    padding-top: 5%; } }
@media (min-width: 768px) {
  .services .table-box:nth-child(2) {
    border-right: 1px solid #f0eed9; } }
@media (max-width: 767px) {
  .services .table-box:nth-child(2) {
    border-bottom: 1px solid #f0eed9; } }

.services {
  border-bottom: 1px solid #f0eed9; }
  .services .background .layer {
    background-color: #fff; }
  .services h1 {
    opacity: 1; }
  .services h3 {
    font-weight: 400;
    padding-bottom: 35px;
    padding-top: 20px;
    position: relative;
    text-transform: none; }
    @media (max-width: 991px) {
      .services h3 {
        font-size: 28px;
        font-size: 2rem;
        padding-bottom: 27px;
        padding-top: 28px; } }
    @media (max-width: 767px) {
      .services h3 {
        font-size: 26px;
        font-size: 1.85714rem;
        padding-bottom: 25px;
        padding-top: 5px; } }
    .services h3:after {
      background: #cd3333;
      bottom: 0;
      content: " ";
      height: 2px;
      left: 50%;
      margin-left: -20px;
      position: absolute;
      width: 40px; }
  .services .table-row p {
    padding: 0px 14%; }
    @media (max-width: 991px) {
      .services .table-row p {
        padding: 0px 6%; } }
    @media (max-width: 767px) {
      .services .table-row p {
        padding: 0px 10px; } }

.small-icon {
  position: relative; }
  .small-icon .small-icon-box {
    border-top: 1px solid #f0eed9;
    padding-bottom: 2%;
    padding-top: 2%;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear; }
    .small-icon .small-icon-box > * {
      z-index: 1;
      position: relative; }
    .small-icon .small-icon-box:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 150%;
      background: none;
      z-index: 0;
      border-right: 1px solid #f0eed9;
      -webkit-transition: background 0.2s linear;
      transition: background 0.2s linear; }
    .small-icon .small-icon-box:hover:after {
      background: #fffdec; }
    .small-icon .small-icon-box:last-of-type:after {
      border-right: none; }
    @media (min-width: 768px) and (max-width: 991px) {
      .small-icon .small-icon-box:nth-child(4):after {
        border-right: none; } }
    @media (max-width: 767px) {
      .small-icon .small-icon-box:after {
        border-right: none; } }
  .small-icon .sm-icon {
    height: 65px;
    margin-bottom: 23px;
    margin-top: 25px;
    width: 65px; }
    @media (max-width: 767px) {
      .small-icon .sm-icon {
        margin-top: 34px; } }
  .small-icon h6 {
    font-size: 13px;
    font-size: 0.92857rem;
    color: #45443a;
    font-weight: 700;
    margin-bottom: 8px; }
  .small-icon p {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #45443a;
    line-height: 1.65;
    padding: 0px 5%; }

/* Fan-facts
------------------------------------------------------------------------*/
.fan-facts .container-fluid {
  padding: 100px 0 70px 0; }
.fan-facts .timer-box {
  padding-top: 30px; }
  .fan-facts .timer-box .timer {
    font-size: 100px;
    font-size: 7.14286rem;
    color: #cd3333;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 0.85; }
  .fan-facts .timer-box p i {
    color: #cd3333; }

/* Clients
------------------------------------------------------------------------*/
.quotation-marks {
  font-size: 500px;
  font-size: 35.71429rem;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../images/quotation-marks.svg);
  color: #8eb3dc;
  height: 148px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
  opacity: 0.2; }
  .quotation-marks svg {
    position: absolute; }
    .quotation-marks svg path {
      fill: #fff; }
  @media (max-width: 991px) {
    .quotation-marks {
      width: 148px;
      height: 110px; } }

@media (max-width: 991px) {
  .clients .client-carousel {
    margin-bottom: 40px;
    margin-top: 50px; } }

/* Clients-carousel
------------------------------------------------------------------------*/
.client-carousel h5 {
  color: #fff;
  margin-bottom: 24px;
  padding-bottom: 28px;
  position: relative; }
  .client-carousel h5:after {
    background: #fff;
    bottom: 0;
    content: " ";
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px; }
.client-carousel p {
  font-size: 22px;
  font-size: 1.57143rem;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.70;
  padding: 0 5%; }
.client-carousel span {
  font-size: 13px;
  font-size: 0.92857rem;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase; }
.client-carousel .cl-carousel-wrapper {
  margin: 0 auto 25px;
  max-width: 1600px; }
.client-carousel .cl-thumbs-wrapper .cl-prev, .client-carousel .cl-thumbs-wrapper .cl-next {
  color: rgba(255, 255, 255, 0.6); }

.cl-thumbs-wrapper {
  padding: 20px 10%;
  position: relative;
  z-index: 9; }
  .cl-thumbs-wrapper .cl-thumbs > div {
    display: table;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center; }
  .cl-thumbs-wrapper .cl-thumbs a {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.23);
    display: table-cell;
    float: none;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    vertical-align: middle; }
    .cl-thumbs-wrapper .cl-thumbs a:after {
      bottom: 0;
      content: " ";
      height: 2px;
      left: 0;
      position: absolute;
      width: 101%;
      -webkit-transition: background 0.2s linear;
      transition: background 0.2s linear; }
    .cl-thumbs-wrapper .cl-thumbs a:hover:after, .cl-thumbs-wrapper .cl-thumbs a.selected:after {
      background: rgba(255, 255, 255, 0.5); }
  .cl-thumbs-wrapper .cl-prev {
    font-size: 32px;
    font-size: 2.28571rem;
    color: rgba(142, 179, 220, 0.6);
    left: 7%;
    margin-top: -23px;
    position: absolute;
    top: 50%;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    .cl-thumbs-wrapper .cl-prev:hover {
      color: #8eb3dc; }
    @media (max-width: 767px) {
      .cl-thumbs-wrapper .cl-prev {
        left: 2%; } }
  .cl-thumbs-wrapper .cl-next {
    font-size: 32px;
    font-size: 2.28571rem;
    color: rgba(142, 179, 220, 0.6);
    margin-top: -23px;
    position: absolute;
    right: 7%;
    top: 50%;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear; }
    .cl-thumbs-wrapper .cl-next:hover {
      color: #8eb3dc; }
    @media (max-width: 767px) {
      .cl-thumbs-wrapper .cl-next {
        right: 2%; } }

/* Last-post
---------------------------------------------------------------------------*/
.last-post-box {
  padding-left: 0;
  padding-right: 0; }
  .last-post-box .play-video {
    font-size: 25px;
    font-size: 1.78571rem;
    background: none;
    border-radius: 50%;
    border: 5px solid rgba(244, 246, 247, 0.56);
    color: rgba(244, 246, 247, 0.56);
    height: 65px;
    left: 50%;
    margin-left: -33px;
    margin-top: -33px;
    padding-left: 2px;
    padding-top: 0;
    position: absolute;
    top: 50%;
    width: 65px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block; }
    .last-post-box .play-video .fa {
      padding-top: 15px;
      width: 55px; }
      .last-post-box .play-video .fa:before {
        display: block;
        width: 22px;
        margin: 0 auto; }
    .last-post-box .play-video:hover {
      border-color: rgba(244, 246, 247, 0.76);
      color: rgba(244, 246, 247, 0.76); }
  .last-post-box .info-box {
    padding-bottom: 100px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 28px; }
    @media (max-width: 991px) {
      .last-post-box .info-box {
        padding-left: 15px;
        padding-right: 15px; } }
    .last-post-box .info-box h6 {
      font-size: 18px;
      font-size: 1.28571rem;
      margin-bottom: 7px;
      text-transform: uppercase;
      color: #333333;
      font-weight: 800; }
      .last-post-box .info-box h6 a {
        font-size: 18px;
        font-size: 1.28571rem;
        margin-bottom: 7px;
        text-transform: uppercase;
        color: #333333;
        font-weight: 800; }
    .last-post-box .info-box .post-inf-box {
      color: #777777;
      font-weight: 300;
      margin-bottom: 10px; }
      .last-post-box .info-box .post-inf-box .writer-post {
        border-right: 1px solid rgba(150, 150, 150, 0.5);
        padding-right: 13px;
        font-size: 13px;
        font-size: 0.92857rem; }
      .last-post-box .info-box .post-inf-box .comment-post {
        padding-left: 13px;
        font-size: 13px;
        font-size: 0.92857rem; }
    .last-post-box .info-box p {
      margin-bottom: 15px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      display: block;
      height: 75px;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis; }
    .last-post-box .info-box a {
      text-transform: uppercase;
      font-size: 11px;
      font-size: 0.78571rem;
      font-weight: 700; }

/* Last-posts carousel
---------------------------------------------------------------------------*/
.owl-carousel .owl-item img {
  height: auto; }

.owl-controls {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1; }
  .owl-controls .owl-dots .owl-dot span {
    background: none;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 15px;
    margin-right: 10px;
    position: relative;
    width: 15px; }
    .owl-controls .owl-dots .owl-dot span:after {
      background-color: rgba(255, 255, 255, 0.75);
      border-radius: 50%;
      content: " ";
      height: 15px;
      left: 0px;
      position: absolute;
      top: 0px;
      width: 15px;
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear; }
    .owl-controls .owl-dots .owl-dot span:before {
      border-radius: 50%;
      border: 1px solid transparent;
      content: " ";
      height: 15px;
      left: 0px;
      position: absolute;
      top: 0px;
      width: 15px;
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear; }
  .owl-controls .owl-dots .owl-dot.active span, .owl-controls .owl-dots .owl-dot:hover span {
    background: none; }
    .owl-controls .owl-dots .owl-dot.active span:before, .owl-controls .owl-dots .owl-dot:hover span:before {
      border: 1px solid rgba(255, 255, 255, 0.75);
      height: 21px;
      left: -3px;
      top: -3px;
      width: 21px; }
    .owl-controls .owl-dots .owl-dot.active span:after, .owl-controls .owl-dots .owl-dot:hover span:after {
      background-color: white;
      height: 11px;
      left: 2px;
      top: 2px;
      width: 11px; }

.last-posts {
  padding-top: 100px; }
  @media (min-width: 768px) {
    .last-posts .container-fluid .row > div:last-of-type {
      margin-left: -1px; } }

.img-post {
  position: relative; }
  .img-post img {
    height: auto;
    width: 100%; }
  .img-post .img-date-post {
    font-size: 48px;
    font-size: 3.42857rem;
    background-color: rgba(255, 255, 255, 0.85);
    bottom: 0;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    height: 120px;
    left: 0;
    line-height: 1.15;
    padding-top: 28px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 120px;
    z-index: 98;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    .img-post .img-date-post span {
      display: block;
      font-size: 13px;
      font-size: 0.92857rem;
      font-family: 'Raleway', sans-serif;
      font-weight: 400; }
    @media (max-width: 991px) {
      .img-post .img-date-post {
        display: none; } }

/* Slider-overlay-style
------------------------------------------------------------------------- */
.like-theme-height,
.second-like-theme-height {
  height: 740px; }
  @media (max-width: 991px) {
    .like-theme-height,
    .second-like-theme-height {
      height: 620px; } }
  @media (max-width: 767px) {
    .like-theme-height,
    .second-like-theme-height {
      height: 550px; } }

@media (max-width: 767px) {
  .second-like-theme-height {
    min-height: 290px !important;
    height: 290px !important; } }

.slider-overlay {
  background: #f4f6f7;
  bottom: 0;
  box-shadow: 0 0 0 1px #F4F6F7;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }
  .slider-overlay.loaded {
    background: none; }
    .slider-overlay.loaded .slider-content {
      opacity: 1; }
  .slider-overlay .slider-content {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    height: 100%;
    opacity: 0;
    table-layout: fixed;
    width: 100%; }
    @media (max-width: 767px) {
      .slider-overlay .slider-content {
        width: 101%;
        margin-left: -1px; } }
  .slider-overlay .slider-content .bg {
    background: #f4f6f7;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0; }
    .slider-overlay .slider-content .bg .block-inline {
      margin: 0;
      padding-left: 1px !important; }
  .slider-overlay .slider-content .content-bg {
    display: table-row;
    margin: 0px;
    text-indent: -9999px; }
    .slider-overlay .slider-content .content-bg .bg {
      border-collapse: collapse;
      border-spacing: 0;
      display: table-cell;
      line-height: 1;
      margin: 0px;
      min-width: 20px;
      width: 20px; }
      .slider-overlay .slider-content .content-bg .bg:nth-child(2) {
        width: 100%; }
  .slider-overlay .slider-content .content-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table-row;
    height: 1px;
    margin: 0;
    vertical-align: middle; }
    .slider-overlay .slider-content .content-box > .bg {
      border-collapse: collapse;
      border-spacing: 0;
      display: table-cell;
      margin: 0;
      width: 20px; }
  .slider-overlay .title-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table-cell;
    margin: 0;
    position: relative;
    width: 100%; }
    .slider-overlay .title-box canvas {
      vertical-align: top;
      width: 100%; }
    .slider-overlay .title-box .title {
      color: #fff;
      font-size: 160px;
      font-weight: 800;
      line-height: 1;
      margin: 0;
      position: absolute;
      width: 100%; }
      @media (max-width: 1400px) {
        .slider-overlay .title-box .title {
          font-size: 120px; } }
    .slider-overlay .title-box .slider-content {
      border-collapse: collapse;
      border-spacing: 0;
      margin: 0; }

/* -- slider-overlay style --*/
.slider-overlay .title-box h1 {
  opacity: 0; }

/* Box-table style
----------------------------------------------------------------------*/
.pre-box-table {
  height: 100%;
  padding-left: 0;
  padding-right: 0; }

.box-table {
  display: table;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  width: 100%; }
  .box-table > div {
    display: table-cell;
    float: none; }

/* Like-theme
----------------------------------------------------------------------*/
.like-theme .purcase-now {
  background-color: #fff;
  border-radius: 50%;
  display: block !important;
  height: 350px;
  left: 50%;
  margin-top: -170px;
  overflow: hidden;
  position: absolute;
  top: 55%;
  width: 350px;
  z-index: 98; }
  @media (max-width: 991px) {
    .like-theme .purcase-now {
      height: 230px;
      left: 66%;
      margin-top: -110px;
      width: 230px; } }
  @media (max-width: 767px) {
    .like-theme .purcase-now {
      height: 195px;
      left: 50%;
      margin-left: -95px;
      margin-top: 0;
      top: 50%;
      width: 195px; } }
  .like-theme .purcase-now a {
    font-size: 48px;
    font-size: 3.42857rem;
    border-radius: 50%;
    display: block;
    height: 100%;
    line-height: 1.25;
    position: relative;
    text-transform: uppercase;
    width: 100%; }
    @media (max-width: 991px) {
      .like-theme .purcase-now a {
        font-size: 32px;
        font-size: 2.28571rem; } }
    @media (max-width: 767px) {
      .like-theme .purcase-now a {
        font-size: 24px;
        font-size: 1.71429rem; } }
    .like-theme .purcase-now a:after {
      border-radius: 50%;
      border: 10px solid transparent;
      content: " ";
      height: 90%;
      left: 5%;
      position: absolute;
      top: 5%;
      width: 90%;
      -webkit-transition: border 0.1s linear;
      transition: border 0.1s linear; }
    .like-theme .purcase-now a:hover:after {
      border: 10px solid #f1f4e6; }
    .like-theme .purcase-now a span {
      display: block; }
    .like-theme .purcase-now a span.now-bold {
      font-weight: 700; }
    .like-theme .purcase-now a .icon-box {
      font-size: 56px;
      font-size: 4rem;
      padding: 44px 0 26px 0;
      position: relative;
      text-transform: none; }
      @media (max-width: 991px) {
        .like-theme .purcase-now a .icon-box {
          font-size: 38px;
          font-size: 2.71429rem;
          padding: 34px 0 17px 0; } }
      @media (max-width: 767px) {
        .like-theme .purcase-now a .icon-box {
          font-size: 28px;
          font-size: 2rem;
          padding: 43px 0 12px 0; } }
      .like-theme .purcase-now a .icon-box:before, .like-theme .purcase-now a .icon-box:after {
        background: #cd3333;
        content: " ";
        height: 2px;
        position: absolute;
        top: 58%;
        width: 40px; }
        @media (max-width: 991px) {
          .like-theme .purcase-now a .icon-box:before, .like-theme .purcase-now a .icon-box:after {
            top: 58%; } }
        @media (max-width: 767px) {
          .like-theme .purcase-now a .icon-box:before, .like-theme .purcase-now a .icon-box:after {
            top: 58%; } }
      .like-theme .purcase-now a .icon-box:before {
        left: 25%; }
        @media (max-width: 991px) {
          .like-theme .purcase-now a .icon-box:before {
            height: 1px;
            left: 25%;
            width: 26px; } }
        @media (max-width: 767px) {
          .like-theme .purcase-now a .icon-box:before {
            left: 26%;
            top: 68%;
            width: 17px; } }
      .like-theme .purcase-now a .icon-box:after {
        right: 24%; }
        @media (max-width: 991px) {
          .like-theme .purcase-now a .icon-box:after {
            height: 1px;
            right: 24%;
            width: 26px; } }
        @media (max-width: 767px) {
          .like-theme .purcase-now a .icon-box:after {
            right: 26%;
            top: 68%;
            width: 17px; } }
.like-theme .pre-box-table .box-table > .second-like-theme-height + div {
  box-shadow: 0 0 0 1px #F4F6F7; }

.bg-like-theme {
  height: 100%;
  width: 100%;
  display: block !important;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/like-theme.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 9; }
  @media (max-width: 991px) {
    .bg-like-theme {
      right: -30%;
      width: 130%; } }
  @media (max-width: 767px) {
    .bg-like-theme {
      background-size: contain;
      height: 50%;
      right: -15%;
      width: 130%; } }
  @media (max-width: 400px) {
    .bg-like-theme {
      right: -30%; } }

@media (max-width: 767px) {
  .empty-block {
    height: 300px;
    position: relative; } }
/* Pricing
---------------------------------------------------------------*/
.price h1 {
  color: rgba(205, 51, 51, 0.9); }
.price .table-box:last-child {
  float: right;
  width: 100%; }

@media (min-width: 992px) {
  .pricing-row {
    margin-right: -13px; } }
@media (max-width: 991px) {
  .pricing-row {
    margin-right: -11px; } }

.pricing-box {
  padding-bottom: 60px;
  padding-top: 50px; }
  .pricing-box .background {
    width: 101%; }
  .pricing-box .price-icon-box,
  .pricing-box a, .pricing-box ul {
    position: inherit; }
  .pricing-box .price-icon-box {
    margin: 20px auto;
    width: 120px; }
  .pricing-box .price-icon {
    font-size: 56px;
    font-size: 4rem;
    background: #fff;
    border-radius: 50%;
    color: #cd3333;
    display: table-cell;
    height: 120px;
    vertical-align: middle;
    width: 120px; }
  .pricing-box.start .price-icon {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); }
  .pricing-box.optima .price-icon {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1); }
  .pricing-box.vip .price-icon {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); }
  .pricing-box .sorting {
    font-size: 40px;
    font-size: 2.85714rem;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0 0 45px 0;
    text-transform: uppercase; }
  .pricing-box ul {
    list-style: none;
    padding: 0; }
    .pricing-box ul li {
      font-size: 18px;
      font-size: 1.28571rem;
      border-top: 1px solid rgba(255, 253, 236, 0.07);
      color: #fff;
      letter-spacing: 0.02em;
      list-style: none;
      margin-bottom: 0;
      padding: 17px 20px 17px 20px; }
      .pricing-box ul li .price {
        font-size: 85px;
        font-size: 6.07143rem;
        color: #fff;
        display: block;
        font-family: arial;
        font-weight: 700;
        margin-top: 55px; }
        .pricing-box ul li .price span {
          font-size: 53px;
          font-size: 3.78571rem;
          bottom: 30px;
          font-family: 'Open Sans', sans-serif;
          position: relative; }
  .pricing-box a.btn-default {
    font-size: 18px;
    font-size: 1.28571rem;
    background-color: #fff !important;
    border-radius: 0;
    color: #cd3333;
    padding: 18px 65px; }
    .pricing-box a.btn-default:hover, .pricing-box a.btn-default:active, .pricing-box a.btn-default:focus, .pricing-box a.btn-default:active:focus {
      background-color: #fff !important;
      color: #cd3333; }

/* How-about Video
---------------------------------------------------------------------------------*/
.how-about-video-height {
  box-shadow: 0 0 0 1px #F4F6F7; }
  @media (min-width: 992px) {
    .how-about-video-height {
      height: 790px; } }
  @media (max-width: 991px) {
    .how-about-video-height {
      height: 480px !important; } }
  @media (max-width: 767px) {
    .how-about-video-height {
      height: 300px !important; } }

.about-video-container {
  box-shadow: 0 0 0 1px #F4F6F7;
  padding-bottom: 140px; }
  @media (min-width: 992px) {
    .about-video-container {
      padding-top: 140px; } }
  @media (max-width: 767px) {
    .about-video-container {
      padding-bottom: 30px; } }

.about-video-box {
  margin: 0 auto 30px;
  max-height: 400px;
  max-width: 635px;
  position: relative;
  width: 100%; }
  @media (min-width: 768px) {
    .about-video-box {
      height: 400px; } }
  @media (max-width: 767px) {
    .about-video-box {
      max-width: 280px; } }
  @media (max-width: 767px) {
    .about-video-box .youtube-iframe {
      height: 180px; } }
  .about-video-box .about-video-box-title {
    bottom: 0;
    display: block;
    margin: 0 20%;
    min-height: 30px;
    position: absolute;
    width: 60%;
    z-index: 9; }
    .about-video-box .about-video-box-title span {
      font-size: 16px;
      font-size: 1.14286rem;
      background-color: rgba(255, 255, 255, 0.74);
      font-weight: 800;
      padding: 10px 20px;
      text-transform: uppercase; }
    @media (max-width: 767px) {
      .about-video-box .about-video-box-title {
        margin: 15px auto 0;
        min-height: 27px;
        position: static;
        width: 100%; }
        .about-video-box .about-video-box-title span {
          font-size: 14px;
          font-size: 1rem;
          background: none; } }
  .about-video-box p {
    font-size: 18px;
    font-size: 1.28571rem;
    color: #45443a;
    font-weight: 300;
    line-height: 1.65;
    padding: 21px 8% 0 8%; }
    @media (max-width: 767px) {
      .about-video-box p {
        font-size: 14px;
        font-size: 1rem;
        padding: 0; } }

.play-fan-video {
  display: block;
  margin-bottom: 23px;
  position: relative;
  min-height: 65px; }
  .play-fan-video img {
    height: 100%;
    width: 100%; }
  .play-fan-video .play-video {
    font-size: 25px;
    font-size: 1.78571rem;
    background: none;
    border-radius: 50%;
    border: 5px solid rgba(244, 246, 247, 0.56);
    color: rgba(244, 246, 247, 0.56);
    height: 65px;
    left: 50%;
    margin-left: -33px;
    margin-top: -33px;
    padding-left: 2px;
    padding-top: 0;
    position: absolute;
    top: 50%;
    width: 65px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block; }
    .play-fan-video .play-video .fa {
      padding-top: 15px;
      width: 55px; }
      .play-fan-video .play-video .fa:before {
        display: block;
        width: 22px;
        margin: 0 auto; }
    .play-fan-video .play-video:hover {
      border-color: rgba(244, 246, 247, 0.76);
      color: rgba(244, 246, 247, 0.76); }

.youtube-iframe {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .youtube-iframe .iframe {
    height: 100%;
    left: -100%;
    min-height: 220px;
    position: relative;
    width: 100%;
    z-index: 1; }
    .youtube-iframe .iframe.show-video {
      left: 0; }
  .youtube-iframe .clickMe, .youtube-iframe .link-to-post {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 98; }
    .youtube-iframe .clickMe img, .youtube-iframe .link-to-post img {
      height: 100%;
      width: 100%; }
  .youtube-iframe .play-video {
    font-size: 25px;
    font-size: 1.78571rem;
    background: none;
    border-radius: 50%;
    border: 5px solid rgba(244, 246, 247, 0.56);
    color: rgba(244, 246, 247, 0.56);
    height: 65px;
    left: 50%;
    margin-left: -33px;
    margin-top: -33px;
    padding-left: 2px;
    padding-top: 0;
    position: absolute;
    top: 50%;
    width: 65px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block; }
    .youtube-iframe .play-video .fa {
      padding-top: 15px;
      width: 55px; }
      .youtube-iframe .play-video .fa:before {
        display: block;
        width: 22px;
        margin: 0 auto; }
    .youtube-iframe .play-video:hover {
      border-color: rgba(244, 246, 247, 0.76);
      color: rgba(244, 246, 247, 0.76); }

.last-posts .youtube-iframe {
  width: 101%; }

/* Primary Blog Banner
----------------------------------------------------------------------------------*/
.primary-blog-banner {
  height: 530px; }
  .primary-blog-banner h1 {
    font-size: 300px;
    font-size: 21.42857rem;
    line-height: 0.8;
    margin-bottom: 12px;
    opacity: 0.97; }
  .primary-blog-banner p {
    font-size: 27px;
    font-size: 1.92857rem;
    font-weight: 300;
    line-height: 1; }
  .primary-blog-banner.post-page {
    height: 185px; }
    .primary-blog-banner.post-page h1 {
      font-size: 42px;
      font-size: 3rem; }
    .primary-blog-banner.post-page span {
      font-size: 13px;
      font-size: 0.92857rem; }
      .primary-blog-banner.post-page span i {
        padding-left: 5px;
        padding-right: 5px; }

/* Blog Masonry
----------------------------------------------------------------------------------*/
/*Grid*/
.grid-item {
  padding: 20px;
  width: 33.333%; }
  @media (max-width: 991px) {
    .grid-item {
      padding: 10px;
      width: 50%; } }
  @media (max-width: 767px) {
    .grid-item {
      padding: 10px 0;
      width: 100%; } }

.masonry--grid-box {
  margin: 0 auto;
  max-width: 1155px;
  width: 100%; }

/*style blog-masonry */
.blog-masonry {
  padding: 80px 0 40px 0; }
  .blog-masonry .info-box {
    padding-top: 25px; }
    .blog-masonry .info-box h6 {
      font-size: 18px;
      font-size: 1.28571rem;
      font-weight: 800;
      margin-bottom: 8px;
      text-transform: uppercase;
      color: #333; }
      .blog-masonry .info-box h6 a {
        font-size: 18px;
        font-size: 1.28571rem;
        font-weight: 800;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #333; }
    .blog-masonry .info-box .post-inf-box {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #777777;
      margin-bottom: 13px; }
      .blog-masonry .info-box .post-inf-box span {
        border-right: 1px solid rgba(119, 119, 119, 0.56);
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px; }
        .blog-masonry .info-box .post-inf-box span:first-of-type {
          padding-left: 0; }
        .blog-masonry .info-box .post-inf-box span:last-of-type {
          border: none; }
    .blog-masonry .info-box p {
      font-weight: 300;
      margin-bottom: 14px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      display: block;
      height: 75px;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis; }
    .blog-masonry .info-box a {
      -webkit-transition: all 0.2s linear;
      font-size: 11px;
      font-size: 0.78571rem;
      font-weight: 600;
      text-transform: uppercase;
      -webkit-transition: all 0.2s linear;
              transition: all 0.2s linear; }
  .blog-masonry .owl-carousel .owl-controls {
    bottom: 10px; }
    .blog-masonry .owl-carousel .owl-controls .owl-dot span {
      margin: 5px 4px; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- Blog listS ----------------------------------- */
/* ---------------------------------------------------------------------------------- */
.blog-list img, .blog-post img {
  max-width: 100%;
  height: auto; }
.blog-list .posts, .blog-post .posts {
  margin-bottom: 71px; }
  .blog-list .posts h4, .blog-post .posts h4 {
    margin-bottom: 9px; }
    .blog-list .posts h4 a, .blog-post .posts h4 a {
      font-size: 30px;
      font-size: 2.14286rem;
      -webkit-transition: all 0.1s ease-in-out 0.1s;
      transition: all 0.1s ease-in-out 0.1s;
      color: #222;
      font-weight: 800;
      letter-spacing: -0.015em; }
      .blog-list .posts h4 a:hover, .blog-post .posts h4 a:hover {
        color: #5E5E5E;
        text-decoration: none; }
  .blog-list .posts .post-info, .blog-post .posts .post-info {
    font-size: 12px;
    font-size: 0.85714rem;
    margin-bottom: 29px;
    overflow: hidden; }
    .blog-list .posts .post-info > div, .blog-post .posts .post-info > div {
      float: left; }
    .blog-list .posts .post-info .entry-meta, .blog-post .posts .post-info .entry-meta {
      color: #999; }
      .blog-list .posts .post-info .entry-meta span, .blog-post .posts .post-info .entry-meta span {
        padding-left: 10px;
        padding-right: 10px; }
    .blog-list .posts .post-info a, .blog-post .posts .post-info a {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #999;
      font-weight: 300; }
      .blog-list .posts .post-info a:hover, .blog-post .posts .post-info a:hover {
        color: #777;
        text-decoration: none; }
      .blog-list .posts .post-info a span, .blog-post .posts .post-info a span {
        padding-left: 10px;
        padding-right: 10px; }
  .blog-list .posts .owl-carousel,
  .blog-list .posts .img-post, .blog-post .posts .owl-carousel,
  .blog-post .posts .img-post {
    margin-bottom: 23px; }
  .blog-list .posts .owl-controls, .blog-post .posts .owl-controls {
    bottom: 10px; }
    .blog-list .posts .owl-controls .owl-dot span, .blog-post .posts .owl-controls .owl-dot span {
      margin-right: 1px; }
  .blog-list .posts .post-img, .blog-post .posts .post-img {
    margin: 30px 0 22px 0; }
    .blog-list .posts .post-img img, .blog-post .posts .post-img img {
      height: auto;
      width: 100%; }
.blog-list p, .blog-post p {
  font-size: 14px;
  font-size: 1rem;
  clear: both;
  color: #777;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis; }
.blog-list blockquote, .blog-post blockquote {
  margin-bottom: 29px;
  margin-top: 50px;
  padding-top: 29px; }
.blog-list .pagination-box ul, .blog-post .pagination-box ul {
  margin-top: 4px; }

/* PAGINATION 
---------------------------------------------------------------------------------*/
.pagination {
  border-radius: 2px;
  vertical-align: top; }
  .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 2px;
    vertical-align: top; }
  .pagination > li > a, .pagination > li > span {
    font-size: 13px;
    font-size: 0.92857rem;
    border-radius: 2px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -0.03em;
    line-height: 1rem;
    margin-right: 2px;
    min-width: 32px;
    padding: 9px 14px 9px 14px;
    text-align: center; }
  .pagination > li > a.pag-center {
    padding: 4px 8px 2px 8px; }
  .pagination li span {
    font-weight: bold; }
  .pagination > li > a, .pagination > li > span {
    background: #e5e5e5;
    color: #888 !important;
    height: 33px;
    margin-bottom: 3px; }
  .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background: #eee;
    color: #888 !important; }
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #444;
    border-color: #444; }
  .pagination > .disabled > span {
    background: #e5e5e5; }
    .pagination > .disabled > span:hover, .pagination > .disabled > span:focus {
      background: #e5e5e5; }
  .pagination > .disabled > a {
    background: #e5e5e5; }
    .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
      background: #e5e5e5; }
  .pagination .pagination-next {
    padding-left: 5px; }

/* --- */
.pagination-box ul {
  width: 100%; }
  .pagination-box ul li {
    display: inline-block; }
    .pagination-box ul li:last-child {
      margin-right: 0; }

#block-posts {
  padding-top: 95px; }
  #block-posts.right-list:after {
    background: rgba(0, 0, 0, 0.1);
    content: " ";
    height: 150%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px; }
  #block-posts.left-list:after {
    background: rgba(0, 0, 0, 0.1);
    content: " ";
    height: 150%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px; }
  @media (max-width: 991px) {
    #block-posts {
      padding-bottom: 80px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 767px) {
    #block-posts {
      padding-bottom: 40px; } }

/* Sidebar
--------------------------------------------------------------------------*/
.sidebar {
  padding-top: 95px; }
  @media (max-width: 991px) {
    .sidebar {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding-top: 0; }
      .sidebar .sidebar-col:first-of-type {
        padding: 60px 20px 0px 20px; } }
  @media (max-width: 991px) and (max-width: 767px) {
    .sidebar .sidebar-col:first-of-type {
      padding-top: 30px; } }

  @media (min-width: 768px) and (max-width: 991px) {
    .sidebar .sidebar-col {
      padding: 60px 20px 75px 20px; }
      .sidebar .sidebar-col:first-of-type:after {
        background: rgba(0, 0, 0, 0.1);
        content: " ";
        height: 150%;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px; }
    .sidebar .sidebar-no-padding {
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 991px) {
    .sidebar {
      padding-left: 20px;
      padding-right: 20px; } }
  .sidebar h6 {
    color: #cd3333;
    font-size: 12px;
    font-size: 0.85714rem;
    letter-spacing: 1px; }
  .sidebar ul {
    padding-left: 0; }
    .sidebar ul li {
      list-style: none;
      margin-bottom: 6px; }
      .sidebar ul li a {
        -webkit-transition: all 0.2s linear;
        font-size: 13px;
        font-size: 0.92857rem;
        color: #999999;
        -webkit-transition: all 0.2s linear;
                transition: all 0.2s linear; }
        .sidebar ul li a.active, .sidebar ul li a:hover {
          color: #222222; }
      .sidebar ul li span {
        font-size: 13px;
        font-size: 0.92857rem; }

/* SEARCH FORM 
------------------------------------------ -------------------------------- ----------------*/
#searchform {
  margin-bottom: 9px;
  margin-top: 5px;
  position: relative; }
  #searchform input[type="text"] {
    font-size: 14px;
    font-size: 1rem;
    height: 40px;
    padding-right: 45px;
    padding-top: 1px;
    position: relative;
    width: 100%; }
  #searchform input[type="submit"] {
    background-image: url(../images/blog/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background: none;
    border: none;
    font-size: 0;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px; }
  @media (max-width: 991px) {
    #searchform {
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 0;
      margin-top: 60px;
      padding-bottom: 60px;
      padding-left: 20px;
      padding-right: 20px; }
      #searchform input[type="submit"] {
        right: 20px; } }
  @media (max-width: 767px) {
    #searchform {
      margin-top: 30px; } }

/* WIDGET 
--------------------------------------------------- ------------------------------ --------------*/
.widget {
  margin-bottom: 52px
  /* widget-recent-entries 
  ----------------------------------------------------------------- */ }
  @media (max-width: 991px) {
    .widget.search-form {
      margin-bottom: 0px; } }
  .widget h6 {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #cd3333;
    letter-spacing: 0.09em;
    margin-bottom: 19px;
    text-transform: uppercase; }
  .widget ul {
    margin: 0;
    padding: 0; }
    .widget ul li {
      list-style: none;
      margin-bottom: 6px; }
      .widget ul li a, .widget ul li span {
        font-size: 13px;
        font-size: 0.92857rem;
        color: #999; }
      .widget ul li a.active, .widget ul li a:hover, .widget ul li a:active, .widget ul li a:focus {
        color: #222;
        text-decoration: none; }
  .widget.widget-tag-cloud {
    margin-bottom: 58px; }
    .widget.widget-tag-cloud a {
      font-size: 14px;
      font-size: 1rem;
      -webkit-transition: all 0.1s ease-in-out 0.1s;
      transition: all 0.1s ease-in-out 0.1s;
      color: #999; }
      .widget.widget-tag-cloud a.active, .widget.widget-tag-cloud a:hover, .widget.widget-tag-cloud a:active, .widget.widget-tag-cloud a:focus {
        color: #222;
        text-decoration: none; }
  .widget.widget-text {
    margin-bottom: 58px; }
  .widget.tags li {
    display: inline-block;
    margin-bottom: 2px; }
    .widget.tags li a {
      font-size: 13px;
      font-size: 0.92857rem;
      background: #e5e5e5;
      border-radius: 2px;
      color: #999;
      display: block;
      font-weight: 700;
      margin: 0px 0 0 -1px;
      padding: 10px 8px 9px 8px;
      text-transform: uppercase; }
      .widget.tags li a:hover {
        background: #eee;
        color: #999; }
  .widget.widget-recent-entries h6 {
    margin-bottom: 22px; }
  .widget.widget-recent-entries ul li {
    clear: both;
    margin-bottom: 10px !important;
    min-height: 53px;
    padding-left: 53px;
    padding-top: 0;
    position: relative; }
    .widget.widget-recent-entries ul li .preview-img {
      left: 0;
      margin-right: 8px;
      position: absolute;
      top: 4px; }
    .widget.widget-recent-entries ul li a {
      font-size: 12px;
      font-size: 0.85714rem; }
    .widget.widget-recent-entries ul li span {
      font-size: 12px;
      font-size: 0.85714rem;
      color: #999;
      display: block;
      margin-top: 4px; }

/*  Calendar 
------------------------------------------------------------ */
#calendar_wrap {
  background: #f5f5f5;
  margin-bottom: 58px;
  padding: 13px 20px;
  position: relative; }
  @media (max-width: 767px) {
    #calendar_wrap {
      width: 100%; } }
  #calendar_wrap table {
    border: none;
    width: auto; }
    #calendar_wrap table td, #calendar_wrap table th {
      font-size: 13px;
      font-size: 0.92857rem;
      background: none;
      border: none;
      font-weight: 400;
      font-weight: normal;
      padding: 0 0px; }
    #calendar_wrap table td {
      font-family: arial;
      line-height: 1;
      padding: 5px; }
    #calendar_wrap table th {
      color: #555;
      padding: 0 0px 5px 0px; }
  #calendar_wrap td span {
    font-size: 13px;
    font-size: 0.92857rem;
    border-radius: 2px;
    color: #555;
    display: block;
    height: 24px;
    padding-top: 5px;
    text-align: center;
    width: 25px; }
  #calendar_wrap td.others-month span {
    color: #777; }
  #calendar_wrap td span:hover {
    background: #e5e5e5;
    color: #555;
    text-decoration: none; }
  #calendar_wrap td a {
    color: red;
    font-family: arial;
    font-weight: bold;
    text-align: center; }
  #calendar_wrap #wp-calendar {
    width: 100%; }
    @media (min-width: 768px) {
      #calendar_wrap #wp-calendar {
        position: relative; } }
    @media (max-width: 767px) {
      #calendar_wrap #wp-calendar {
        margin: 0 auto; } }
    #calendar_wrap #wp-calendar caption {
      font-size: 13px;
      font-size: 0.92857rem;
      color: #555;
      font-weight: 700;
      padding: 6px 20px 21px 20px;
      text-align: center; }
      @media (min-width: 768px) {
        #calendar_wrap #wp-calendar caption.cap-all {
          position: relative; } }
      #calendar_wrap #wp-calendar caption a {
        font-size: 21px;
        font-size: 1.5rem;
        color: red;
        font-weight: 700; }
        #calendar_wrap #wp-calendar caption a:hover {
          color: #92ab19; }
        #calendar_wrap #wp-calendar caption a.prev-calendar {
          left: 0;
          position: absolute;
          top: 0; }
          @media (max-width: 767px) {
            #calendar_wrap #wp-calendar caption a.prev-calendar {
              left: 23px;
              top: 10px; } }
        #calendar_wrap #wp-calendar caption a.next-calendar {
          position: absolute;
          right: 0;
          top: 0; }
          @media (max-width: 767px) {
            #calendar_wrap #wp-calendar caption a.next-calendar {
              right: 23px;
              top: 10px; } }
    #calendar_wrap #wp-calendar .others-month {
      color: #bbb; }

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- BLOG POSTS ----------------------------------- */
/* ---------------------------------------------------------------------------------- */
.blog-post h2 {
  margin-bottom: 17px; }
  .blog-post h2 a {
    font-size: 42px;
    font-size: 3rem;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
    color: #222;
    font-weight: 800;
    letter-spacing: -0.015em; }
    .blog-post h2 a:hover {
      color: #5E5E5E;
      text-decoration: none; }
.blog-post .posts {
  margin-bottom: 65px; }
.blog-post #nav-posts {
  margin-top: 26px; }
  .blog-post #nav-posts .pagination {
    margin-bottom: 22px;
    margin-top: 40px; }
  .blog-post #nav-posts a {
    font-size: 14px;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .blog-post #nav-posts .p-right a {
    padding: 10px 17px 6px 16px; }
  .blog-post #nav-posts .p-left a {
    padding: 10px 17px 6px 15px; }
  .blog-post #nav-posts .p-center a {
    padding: 10px 10px;
    font-size: 14px;
    font-size: 1rem; }
  .blog-post #nav-posts .pagination i.fa-angle-left {
    margin-right: 4px; }
  .blog-post #nav-posts .pagination i.fa-angle-right {
    margin-left: 4px; }
.blog-post .post-soc-icon {
  margin-top: 34px; }
  .blog-post .post-soc-icon > div {
    float: left; }
  .blog-post .post-soc-icon .soc-icon {
    margin-top: 8px; }
  .blog-post .post-soc-icon .count-shared {
    border-right: 1px solid #e5e5e5;
    margin-right: 0px;
    padding-right: 24px;
    color: #777; }
    .blog-post .post-soc-icon .count-shared .quantity {
      font-size: 32px;
      font-size: 2.28571rem;
      color: #cd3232;
      font-family: arial;
      font-weight: bold; }
    .blog-post .post-soc-icon .count-shared span {
      font-size: 14px;
      font-size: 1rem;
      color: #999;
      display: block;
      margin-top: -8px; }
  .blog-post .post-soc-icon .wrap-button {
    margin-right: 3px; }
  .blog-post .post-soc-icon .getshare-text {
    background: #f2f2f2 !important;
    color: #cd3333 !important;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .blog-post .post-soc-icon .getshare-text:hover {
      background: #cd3333 !important;
      color: #fff !important; }

/* COMMENTS 
------------------------------------------------------------------------------------*/
.success, #success {
  margin-bottom: 10px; }
  .success span, #success span {
    color: #9eb533 !important; }

.invert-elements .success span, .invert-elements #success span {
  color: rgba(255, 255, 255, 0.88) !important; }

#comments {
  margin-top: 6px; }
  #comments h5 {
    font-weight: 600;
    margin-bottom: 43px; }
    #comments h5 span {
      font-size: 16px;
      font-size: 1.14286rem;
      color: #777;
      font-weight: 400; }
  #comments ul {
    list-style: none;
    margin-top: 11px;
    padding: 0; }
    #comments ul.children {
      margin-top: -4px;
      padding-left: 103px; }
      #comments ul.children li {
        font-size: 100%; }
      @media (max-width: 767px) {
        #comments ul.children {
          padding-left: 20px; } }
  #comments li {
    list-style: none;
    margin-top: 10px; }
    #comments li li {
      margin-top: 44px; }
  #comments .avatar {
    border-radius: 35px;
    float: left;
    height: 70px;
    margin: 5px 31px 0 0;
    width: 70px; }
    @media (max-width: 767px) {
      #comments .avatar {
        height: 35px;
        margin-right: 10px;
        width: 35px; } }
  #comments .meta {
    font-size: 12px;
    font-size: 0.85714rem;
    color: #999;
    margin-bottom: 12px;
    padding-top: 2px; }
    #comments .meta a {
      font-size: 12px;
      font-size: 0.85714rem;
      margin-left: 15px; }
    @media (max-width: 767px) {
      #comments .meta cite {
        display: block; } }
    @media (max-width: 767px) {
      #comments .meta {
        position: relative; } }
    @media (max-width: 767px) {
      #comments .meta a {
        position: absolute;
        right: 0;
        top: 5px; } }
  #comments p {
    font-size: 13px;
    font-size: 0.92857rem;
    clear: none;
    line-height: 1.7em !important;
    overflow: hidden;
    height: auto;
    -webkit-line-clamp: 99; }

/*  LEAVE COMMENT 
------------------------------------------------------ */
#respond {
  margin-top: 47px; }
  #respond h3 {
    font-size: 24px;
    font-size: 1.71429rem;
    font-weight: 600;
    text-transform: uppercase; }
  @media (max-width: 767px) {
    #respond {
      margin-top: 36px; } }

#comments form {
  margin-top: 54px; }
  #comments form input[type="text"], #comments form input[type="email"] {
    font-size: 14px;
    font-size: 1rem;
    background: #fff;
    border-radius: 0 !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    height: 40px;
    padding: 0 10px;
    width: 100%; }
  #comments form textarea {
    height: 90px;
    padding: 10px;
    width: 100%;
    resize: none; }
  @media (max-width: 767px) {
    #comments form {
      margin-top: px; } }
#comments .form-field {
  margin-bottom: 10px; }
#comments form button {
  font-size: 12px;
  font-size: 0.85714rem;
  height: 40px;
  margin-top: 10px;
  padding: 1px 29px 0 29px; }

/*---------------------------------------------------------------------------------------*/
/*----------------------------------------SOCIAL Share LINK------------------------------*/
/*---------------------------------------------------------------------------------------*/
.social-inp.down {
  text-align: center;
  width: 100%; }
  .social-inp.down a {
    display: inline-block;
    float: none; }

.social-inp {
  display: inline-block;
  margin: 14px 0 0px 0;
  padding: 0 17px;
  vertical-align: middle; }
  .social-inp label {
    cursor: pointer;
    margin-bottom: 0; }
  .social-inp input {
    display: none; }
  .social-inp a {
    border: none;
    display: block;
    float: left;
    font-size: 0;
    line-height: 1;
    outline: none;
    position: relative; }
    .social-inp a:hover {
      border: none; }
      .social-inp a:hover .getshare-text {
        color: #fff; }
  .social-inp .getshare-text {
    font-size: 14px;
    font-size: 1rem;
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-weight: lighter;
    height: 30px;
    padding: 9px 8px 8px 8px;
    position: relative;
    text-align: center;
    -webkit-transition: color .2s ease,background .2s ease;
            transition: color .2s ease,background .2s ease;
    vertical-align: middle;
    width: 30px; }
  .social-inp .getshare-counter {
    font-size: 12px;
    font-size: 0.85714rem;
    background: #e5e5e5;
    border-radius: 2px;
    color: #555;
    display: block;
    font-weight: normal;
    height: 23px;
    line-height: 12px;
    max-width: 40px;
    max-width: inherit;
    opacity: 0;
    overflow: visible;
    padding: 6px 0;
    position: absolute;
    text-align: center;
    top: -35px;
    width: 100%;
    -webkit-transition: max-width .2s ease,padding .2s ease, background .2s ease;
            transition: max-width .2s ease,padding .2s ease, background .2s ease;
    vertical-align: middle;
    -webkit-transition: visibility .2s ease, opacity .2s ease;
            transition: visibility .2s ease, opacity .2s ease;
    visibility: hidden; }
    .social-inp .getshare-counter:before {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 7px solid #e5e5e5;
      bottom: -6px;
      content: '';
      height: 0;
      margin-left: -2px;
      position: absolute;
      width: 0; }
  .social-inp .getshare-icon {
    text-align: center; }
    .social-inp .getshare-icon:hover .getshare-counter {
      opacity: 1;
      visibility: visible; }
  .social-inp .gt-gp .getshare-text {
    background: #dc4c39; }
  .social-inp input[type="checkbox"] + label {
    margin: 0 0 0 2px; }
    .social-inp input[type="checkbox"] + label:before {
      background: none; }

/* TWITTER */
.gt-tw .getshare-text {
  background: #3799dd; }

.gt-tw .getshare-text:before {
  content: "\f099"; }

/* FACEBOOK */
.gt-fb .getshare-text {
  background: #314e8f; }

.gt-fb .getshare-text:before {
  content: "\f09a"; }

/* GOOGLE+ */
.gt-gp .getshare-text {
  background: #a94034; }

.gt-gp .getshare-text:before {
  content: "\f0d5"; }

/* PINTEREST + */
.gt-pt .getshare-text {
  background: #9d2027; }

.gt-pt .getshare-text:before {
  content: "\f0d2"; }

/* VK */
.gt-vk .getshare-text {
  background: #4B5A97; }

.gt-vk .getshare-text:before {
  content: "\f189"; }

/* StumbleUpon */
.gt-st .getshare-text {
  background: #555555; }

.gt-st .getshare-text:before {
  content: "\f1a4"; }

/* LinkedIn + */
.gt-in .getshare-text {
  background: #3f4bb8; }

.gt-in .getshare-text:before {
  content: "\f0e1"; }

@media (max-width: 1229px) {
  .social-fix {
    display: none; } }
/* Login-box
-------------------------------------------------------------------------*/
.login-primary-banner {
  height: 185px; }
  .login-primary-banner h1 {
    font-size: 42px;
    font-size: 3rem;
    color: #fff;
    line-height: 0.235;
    margin-top: 10px;
    opacity: 0.97; }
    @media (max-width: 767px) {
      .login-primary-banner h1 {
        font-size: 42px;
        font-size: 3rem; } }
  .login-primary-banner span {
    font-size: 13px;
    font-size: 0.92857rem;
    font-weight: 300; }
    .login-primary-banner span i {
      padding-left: 5px;
      padding-right: 5px; }

.login .nav-tabs {
  border: none; }
  .login .nav-tabs > li {
    margin-right: -6px; }
    .login .nav-tabs > li > a {
      font-size: 12px;
      font-size: 0.85714rem;
      background: #fff;
      border-radius: 0;
      border: 1px solid #e1e1e1;
      color: #777777;
      font-weight: 600;
      padding: 17px 43px 14px 43px;
      text-align: center;
      text-transform: uppercase;
      width: 135;
      -webkit-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear; }
    .login .nav-tabs > li.active a, .login .nav-tabs > li:hover a {
      background: #f9f9f9;
      border: 1px solid #e1e1e1;
      color: #222; }
.login .tab-content {
  margin-top: 80px; }
  .login .tab-content input {
    background: #fff; }
.login .login-box {
  margin: 98px auto 100px;
  max-width: 346px;
  width: 100%; }
  .login .login-box .checkbox {
    float: left;
    margin-left: -20px;
    margin-top: -10px; }
  .login .login-box .sign-in-box {
    font-size: 12px;
    font-size: 0.85714rem;
    float: right;
    margin-top: 2px; }
    .login .login-box .sign-in-box span {
      color: #777777;
      letter-spacing: 0.5px; }
    .login .login-box .sign-in-box a {
      font-size: 12px;
      font-size: 0.85714rem; }
    @media (max-width: 479px) {
      .login .login-box .sign-in-box {
        float: left; } }
  .login .login-box .form-group {
    margin-bottom: 10px; }
  .login .login-box .nav-tabs {
    text-align: center;
    width: 100%; }
    .login .login-box .nav-tabs li {
      display: inline-block;
      float: none; }
  .login .login-box button {
    clear: both;
    float: none;
    margin-top: 30px;
    padding: 10px 18px;
    width: 100%; }

/* Block Maps 
-----------------------------------------------------------------------*/
.map-canvas {
  bottom: 0;
  height: 100%;
  left: 0;
  min-height: 260px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }
  @media (max-width: 676px) {
    .map-canvas {
      position: static; } }

/* Soc-icon 
-----------------------------------------------------------------------*/
.soc-icon {
  margin: 0 10px;
  padding-top: 5px; }
  .soc-icon.block-inline {
    display: inline-block;
    vertical-align: top; }
  .soc-icon .wrap-button {
    float: left;
    height: 22px;
    margin-right: 5px;
    width: 22px;
    -webkit-perspective: 100px;
    -o-perspective: 100px;
    perspective: 100px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    -webkit-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
        transform: rotatex(0deg); }
    .soc-icon .wrap-button:last-of-type {
      margin-right: 0px; }

.soc-icon a {
  -webkit-transition: all 0.1s ease-in-out 0.1s;
  transition: all 0.1s ease-in-out 0.1s;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 22px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 22px; }
  .soc-icon a:hover {
    text-decoration: none;
    -webkit-transform: rotatex(-30deg);
    -ms-transform: rotatex(-30deg);
        transform: rotatex(-30deg); }
  .soc-icon a i {
    display: table-cell;
    height: 22px;
    padding-top: 2px;
    vertical-align: middle;
    width: 22px; }
  .soc-icon a.fb, .soc-icon a.facebook {
    background: #3c5fb2; }
  .soc-icon a.tw, .soc-icon a.twitter {
    background: #3799dd; }
  .soc-icon a.g-plus, .soc-icon a.google-plus {
    background: #dc4c39; }
  .soc-icon a.pinterest {
    background: #cc2127; }
  .soc-icon a.inst, .soc-icon a.instagram {
    background: #96624e; }
  .soc-icon a.vk {
    background: #4e729a; }
  .soc-icon a.linkedin {
    background: #008cc9; }

.social-inp.down .getshare-counter {
  bottom: -35px;
  top: auto; }
  .social-inp.down .getshare-counter:before {
    border-bottom: 7px solid #e5e5e5;
    border-top: 0px solid #e5e5e5;
    bottom: auto;
    top: -6px; }

/* contact
----------------------------------------------------------------------------------*/
#contact .table-box h1, .contact .table-box h1 {
  color: rgba(134, 162, 0, 0.9); }
#contact .background, .contact .background {
  z-index: 0; }
#contact .table-row > div, .contact .table-row > div {
  position: relative; }
#contact .cont-text-box, .contact .cont-text-box {
  margin-bottom: 13px;
  margin-top: 35px;
  padding-left: 40px !important;
  padding-right: 40px !important; }
  @media (max-width: 1170px) {
    #contact .cont-text-box, .contact .cont-text-box {
      padding-left: 10px;
      padding-right: 10px; } }
  #contact .cont-text-box p, .contact .cont-text-box p {
    font-size: 18px;
    font-size: 1.28571rem;
    color: #fff;
    font-weight: 300;
    line-height: 1.6; }
  #contact .cont-text-box .company-info-box, .contact .cont-text-box .company-info-box {
    margin-bottom: 40px; }
#contact .t1 img, .contact .t1 img {
  width: 100%; }
#contact .cont-box, .contact .cont-box {
  color: #fff;
  float: left;
  padding-left: 10px;
  padding-right: 10px; }
  #contact .cont-box h6, .contact .cont-box h6 {
    font-size: 16px;
    font-size: 1.14286rem;
    margin-bottom: 4px;
    text-transform: none; }
  #contact .cont-box p, .contact .cont-box p {
    font-size: 14px;
    font-size: 1rem; }
  #contact .cont-box.address-box, .contact .cont-box.address-box {
    font-weight: 300; }
    #contact .cont-box.address-box p, .contact .cont-box.address-box p {
      margin-bottom: 25px; }
      #contact .cont-box.address-box p span, .contact .cont-box.address-box p span {
        font-size: 16px;
        font-size: 1.14286rem;
        font-weight: 700; }
#contact .form-box, .contact .form-box {
  padding-bottom: 25px;
  padding-top: 30px; }
  #contact .form-box .contact-form button, .contact .form-box .contact-form button {
    width: 100%; }
  #contact .form-box h5, .contact .form-box h5 {
    color: #fff;
    margin-bottom: 25px; }
  #contact .form-box .form-group, .contact .form-box .form-group {
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #contact .form-box .form-group.name, .contact .form-box .form-group.name {
        padding-right: 5px; } }
    @media (min-width: 768px) {
      #contact .form-box .form-group.email, .contact .form-box .form-group.email {
        padding-left: 5px; } }
  #contact .form-box button, .contact .form-box button {
    margin-top: 7px; }
  #contact .form-box input[type="submit"], .contact .form-box input[type="submit"] {
    background-color: #fffdec;
    width: 100%;
    color: #222; }
#contact .form-message, .contact .form-message {
  display: block;
  margin-top: 20px; }
  #contact .form-message .text-danger, .contact .form-message .text-danger {
    color: #cd3333 !important; }
  #contact .form-message .text-success, .contact .form-message .text-success {
    color: #fff !important; }

/* Page-404 
-------------------------------------------------------------------------------------*/
.page-404 h1 {
  font-size: 300px;
  font-size: 21.42857rem;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  line-height: 0.835;
  opacity: 0.97; }
  @media (max-width: 767px) {
    .page-404 h1 {
      font-size: 100px;
      font-size: 7.14286rem; } }
.page-404 p {
  font-size: 18px;
  font-size: 1.28571rem;
  font-weight: 300;
  margin-bottom: 35px; }
  @media (max-width: 767px) {
    .page-404 p {
      font-size: 18px;
      font-size: 1.28571rem;
      padding-left: 45px;
      padding-right: 45px; } }

/* Tabs-section
-------------------------------------------------------------------------------------*/
.tabs-section {
  padding-bottom: 100px;
  padding-top: 100px; }
  .tabs-section h5 {
    margin-bottom: 78px; }
  .tabs-section h2 {
    color: #cd3333; }

.nav-tabs {
  border: none; }
  .nav-tabs > li > a {
    color: #777777;
    font-size: 12px;
    font-size: 0.85714rem;
    border-color: #e1e1e1;
    border-radius: 0;
    font-weight: 600;
    margin-right: -1px;
    padding: 16px 43px 14px 43px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background: #f9f9f9;
  border-color: #e1e1e1;
  color: #222222; }

.nav-tabs > li > a:hover {
  background: #f9f9f9;
  border-color: #e1e1e1;
  color: #222222; }

.tab-content {
  margin-bottom: 100px;
  padding-top: 30px; }

/* tab > accordion ----------------------------------*/
.panel-default {
  border: none; }
  .panel-default > .panel-heading {
    background: none;
    border-radius: 0;
    border: none;
    color: #222;
    color: #fff;
    padding: 0; }
    .panel-default > .panel-heading a {
      font-size: 12px;
      font-size: 0.85714rem;
      background: #f9f9f9;
      border: 1px solid #e1e1e1;
      color: #222;
      display: block;
      font-weight: 600;
      padding: 18px 19px;
      position: relative;
      width: 100%;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .panel-default > .panel-heading a:after {
        border-bottom: 5px solid #cd3333;
        border: 5px solid transparent;
        content: " ";
        margin-top: -8px;
        position: absolute;
        right: 23px;
        top: 50%; }
      .panel-default > .panel-heading a.collapsed {
        background: none;
        border: 1px solid #e1e1e1;
        color: #777; }
        .panel-default > .panel-heading a.collapsed:after {
          border-bottom: none;
          border-top: 5px solid #777777;
          margin-top: -2px; }
      .panel-default > .panel-heading a:hover {
        background: #f9f9f9;
        border: 1px solid #e1e1e1;
        color: #222; }

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
  color: #777; }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border: none !important; }

.panel, .panel-default > .panel-heading {
  box-shadow: none; }

.panel-group .panel + .panel {
  margin-top: -1px; }

.panel-body {
  line-height: 1.7;
  padding: 31px 20px 41px 20px; }

/* Fancybox style
-----------------------------------------------------------------------------*/
.fancybox-overlay {
  background: rgba(17, 17, 17, 0.95) !important; }

.fancybox-skin {
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important; }

.fancybox-close {
  background: url(../images/close-fancybox.png);
  background-position: -2px -2px;
  border-radius: 50%;
  border: 1px solid rgba(255, 253, 236, 0.55);
  height: 44px;
  position: fixed;
  right: 55px;
  top: 37px;
  width: 44px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .fancybox-close:hover {
    border-color: rgba(255, 253, 236, 0.75); }
  @media (max-width: 767px) {
    .fancybox-close {
      right: 10px;
      top: 10px; } }

@media (max-width: 767px) {
  .fancybox-inner {
    padding: 40px 0 0 0; } }
@media (max-width: 450px) {
  .fancybox-inner {
    padding: 40px 0; } }

.fancybox-next span, .fancybox-prev span {
  background: none;
  border-radius: 50%;
  border: 1px solid rgba(255, 253, 236, 0.55);
  color: rgba(255, 253, 236, 0.75);
  font: normal normal normal 23px/1 FontAwesome;
  height: 34px;
  padding: 5px 0 0 1px;
  text-align: center;
  width: 34px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .fancybox-next span:after, .fancybox-prev span:after {
    content: "\f105"; }
  .fancybox-next span:hover, .fancybox-prev span:hover {
    border-color: rgba(255, 253, 236, 0.75); }

.fancybox-next span:after {
  content: "\f105"; }
@media (min-width: 1170px) {
  .fancybox-next {
    right: -11%; } }

.fancybox-prev span {
  padding: 5px 0 0 0px; }
  .fancybox-prev span:after {
    content: "\f104";
    left: -1px;
    position: relative; }
@media (min-width: 1170px) {
  .fancybox-prev {
    left: -11%; } }

/* FAQ
----------------------------------------------------------------------------------*/
.faq {
  /* Accordion ----------------------------------------------*/ }
  .faq h1 {
    color: #3471b4; }
  .faq h5.nav-tabs-title {
    color: #fff;
    margin-bottom: 0;
    padding: 40px; }
  .faq .nav-tabs {
    border: none; }
    .faq .nav-tabs li {
      border-top: 1px solid rgba(142, 179, 220, 0.13);
      margin: 0;
      padding: 0; }
      .faq .nav-tabs li:last-of-type {
        border-bottom: 1px solid rgba(142, 179, 220, 0.13); }
      .faq .nav-tabs li a {
        -webkit-transition: all 0.2s linear;
        border: none;
        color: #fff;
        padding: 27px 40px;
        -webkit-transition: all 0.2s linear;
                transition: all 0.2s linear; }
      .faq .nav-tabs li.active a, .faq .nav-tabs li:hover a, .faq .nav-tabs li.active:focus a {
        background-color: rgba(142, 179, 220, 0.1);
        border: none;
        color: #bbbbbb !important;
        padding: 27px 40px; }
      .faq .nav-tabs li.active a:focus {
        background-color: rgba(142, 179, 220, 0.1); }
  .faq .tab-content {
    padding: 50px 30px; }
    @media (min-width: 768px) {
      .faq .tab-content {
        position: absolute;
        top: 0;
        z-index: -10; } }
    .faq .tab-content.active {
      z-index: 1; }
    .faq .tab-content h5, .faq .tab-content h6 {
      color: #2063ad; }
    .faq .tab-content h6 {
      font-size: 16px;
      font-size: 1.14286rem; }
  .faq .panel {
    background: none; }
  @media (max-width: 768px) {
    .faq .panel-group {
      margin-bottom: 0; } }
  .faq .panel-group .panel + .panel {
    margin-top: 0; }
  .faq .panel-default {
    border: none; }
  .faq .panel-default > .panel-heading {
    background: none;
    border-top: 1px solid rgba(142, 179, 220, 0.13);
    border: none;
    color: #fff;
    padding: 10px 40px; }
    @media (max-width: 767px) {
      .faq .panel-default > .panel-heading {
        border: none; } }
    @media (max-width: 767px) {
      .faq .panel-default > .panel-heading a {
        font-size: 14px;
        font-size: 1rem;
        background: transparent;
        border: none;
        color: #fff;
        font-weight: 400;
        text-transform: none; } }
    .faq .panel-default > .panel-heading a:after {
      -webkit-transition: -webkit-transform .5s;
      border-bottom: 5px solid #fff;
      border-top: 0;
      margin-top: -2px;
      -webkit-transition: -webkit-transform .5s;
              transition: transform .5s; }
    @media (max-width: 767px) {
      .faq .panel-default > .panel-heading a.collapsed:after {
        -webkit-transform: rotate(180deg);
        -webkit-transition: -webkit-transform .5s;
        margin-top: -2px;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: -webkit-transform .5s;
                transition: transform .5s; } }
    .faq .panel-default > .panel-heading:hover {
      background-color: rgba(142, 179, 220, 0.1); }
  @media (max-width: 767px) {
    .faq .panel-default > .panel-heading {
      border-bottom: 1px solid rgba(142, 179, 220, 0.13); } }
  .faq .panel-default:last-of-type > .panel-heading {
    border-bottom: 1px solid rgba(142, 179, 220, 0.13); }
  .faq .panel-collapse {
    background-color: rgba(142, 179, 220, 0.1); }
    @media (max-width: 767px) {
      .faq .panel-collapse {
        background-color: #fff; } }
  .faq .panel-title > a {
    color: #8eb3dc;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .faq .panel-title > a.collapsed {
      color: #fff; }
  .faq .panel-body h5, .faq .panel-body h6 {
    color: #2063ad; }
  .faq .panel-body h6 {
    font-size: 16px;
    font-size: 1.14286rem; }
    @media (max-width: 767px) {
      .faq .panel-body h6 {
        text-transform: none; } }
  .faq .nav-tabs > li.active > a,
  .faq .nav-tabs > li.active > a:hover,
  .faq .nav-tabs > li.active > a:focus {
    background: rgba(142, 179, 220, 0.1); }

.faq .nav-tabs.hide-active > li.active > a {
  background: none !important; }

/*  Notify-me
-----------------------------------------------------------------------------------------*/
.notify-me {
  margin: 0 auto;
  max-width: 600px; }
  .notify-me .btn-default.red-style {
    padding: 11px 18px;
    width: 100%; }
  .notify-me .form-message {
    display: block;
    padding-top: 10px; }
  @media (min-width: 768px) {
    .notify-me .notify-button-box {
      padding-left: 0; } }

/*
-----------------------------------------------------------------------------------------*/
.dividing-block a.btn-default {
  padding: 13px 5px !important;
  width: 100%;
  max-width: 250px; }
.dividing-block .play-fan-video .play-video {
  border: 5px solid #f4f6f7;
  color: #f4f6f7; }
  .dividing-block .play-fan-video .play-video:hover {
    border-color: rgba(244, 246, 247, 0.5);
    color: rgba(244, 246, 247, 0.5); }
.dividing-block.sample-3 {
  color: #303030; }
  .dividing-block.sample-3 h5 {
    margin-bottom: 0;
    text-transform: none;
    padding-top: 7px; }
    @media (max-width: 767px) {
      .dividing-block.sample-3 h5 {
        text-align: center;
        margin-bottom: 25px; } }
  .dividing-block.sample-3 span {
    font-family: 'Open Sans', sans-serif;
    color: #d04646; }
    @media (max-width: 767px) {
      .dividing-block.sample-3 span {
        display: block;
        margin-bottom: 10px;
        margin-top: 10px; } }
  .dividing-block.sample-3 p {
    font-weight: 300;
    margin-bottom: 0; }
.dividing-block.sample-2 {
  color: #303030; }
  .dividing-block.sample-2 h5 {
    margin-bottom: 24px; }
  .dividing-block.sample-2 span {
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px; }
    @media (max-width: 767px) {
      .dividing-block.sample-2 span {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px; } }
  .dividing-block.sample-2 p {
    font-size: 18px;
    font-weight: 300; }
  .dividing-block.sample-2 button i {
    padding-right: 10px; }
  .dividing-block.sample-2 .btn {
    background-color: #f0a860 !important; }
    .dividing-block.sample-2 .btn:hover {
      background-color: #d67514 !important; }
    .dividing-block.sample-2 .btn.red-style {
      background-color: #f65c6c !important; }
      .dividing-block.sample-2 .btn.red-style:hover {
        background-color: #e00c22 !important; }

/* -------------------------------------------------------------------------- */
/* -------------------------------- RETINA -----------------------------------*/
/* -------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 2) {
  .replace-2x {
    opacity: 0; }
    .replace-2x.loaded {
      opacity: 1;
      -webkit-transition: opacity .2s linear;
      transition: opacity .2s linear; } }
.show-for-retina {
  display: none; }

/*for css*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .show-for-retina {
    display: block; }

  .hide-for-retina {
    display: none; } }
/**/
.wrap-isotop .p-scroll.start-slide .p-target {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

/* Other styles */
.accent-gap {
  height: 1px;
  margin: 0 0 19px;
  clear: both;
  display: block;
  border: none; }

.middle-t {
  table-layout: fixed;
  display: table;
  height: 100%;
  max-width: 100%; }
  .middle-t .middle-tc {
    display: table-cell;
    vertical-align: middle; }