@charset "UTF-8";

/*
Clean Horizon by ID MENEO
*/

/*------------------------------------------------------------------
[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;*/
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-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;
  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;
}

@-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: 16px;
}

.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;
}

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

h1 {
	font-weight: 800;
  font-size: 2rem;
  margin-bottom: 0.6rem;
}

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

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

h4 {
  font-size: 32px;
  font-size: 2.2857142857rem;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  h4 {
    font-size: 24px;
    font-size: 1.7142857143rem;
  }
}

h5 {
  font-size: 24px;
  font-size: 1.7142857143rem;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  h5 {
    font-size: 20px;
    /* font-size: 1.4285714286rem; */
  }
}

h6 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  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.1428571429rem;
}

a {
  color: #cd3333;
}

a:hover,
a:active,
a:focus {
  color: #d84545;
  text-decoration: none;
  outline: none;
}

a.default-hovered {
  position: relative;
  display: inline-block;
  transition: color 0.1s;
}

a.default-hovered:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #cd3333;
  content: " ";
  opacity: 0;
  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.2857142857rem;
  font-weight: 300;
  line-height: 1.6;
}

@media (max-width: 767px) {
  p.big-size {
    font-size: 16px;
    font-size: 1.1428571429rem;
  }
}

/* Img-responsive
-----------------------------------------------------*/

figure {
  max-width: 250px;
  width: 100%;
  margin: 5px 0 23px 0;
}
img {
    max-width: 100%;
    height: auto; 
}
.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
  figure {
    margin: 5px 40px 23px 0;
    float: left;
  }
}

figure figcaption {
  margin-top: 15px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  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?02618a25593edc8e70b04d3050347b2f);
} */


/* 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.8571428571rem;
  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.7142857143rem;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.58;
}

@media (max-width: 767px) {
  blockquote {
    font-size: 16px;
    font-size: 1.1428571429rem;
    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?6db757453fe4ef4469d795a686fa7790);
  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.9285714286rem;
  text-transform: uppercase;
  letter-spacing: 0px;
}

/* Simple styles */
.center-text {
	text-align: center;
}
/* 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: #9eb533;
  color: #dde8ab;
  border: none;
  box-shadow: inset 0 1px 0px #7e9129;
}
input.form-control.white-style::placeholder,textarea.form-control.white-style::placeholder {
    color: white !important;
}
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: #dde8ab;
}

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: #dde8ab;
}

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: #dde8ab;
}

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: #dde8ab;
}

/**/

textarea {
  border-radius: 2px;
}

textarea.form-control {
  box-shadow: none;
  border-radius: 2px;
  resize: none;
  border: 1px solid #e5e5e5 !important;
}

textarea.white-style {
  background: #9eb533;
  color: #dde8ab;
  border: none;
  box-shadow: inset 0 1px 0px #7e9129;
  padding-top: 10px;
  resize: vertical;
  min-height: 80px;
  border: none !important;
}

textarea.white-style:focus {
  box-shadow: inset 0 1px 0px #7e9129;
}

textarea.white-style::-webkit-input-placeholder {
  color: #dde8ab;
}

textarea.white-style::-moz-placeholder {
  color: #dde8ab;
}

textarea.white-style:-moz-placeholder {
  color: #dde8ab;
}

textarea.white-style:-ms-input-placeholder {
  color: #dde8ab;
}

.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?27f7ab83d3a6e7c2f330dbae91a24705);
  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?194e9c91bf0406096b8b308365153073);
}

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?aad3643dbfb25668e12c29a0bc85ba8f);
}

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?a3735fb1384ae6fc998b29339bb21cc2);
  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?d547d701b61175130f073d1caa811667);
}

/* 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 {
  background-color: #005da7;
  border: none;
  padding: 13px 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: none; 
  border-radius: 2px;
  transition: all 0.2s linear;
  font-size: 13px;
  font-size: 0.9285714286rem;
  outline: none;
}

.btn-default:hover,
.btn-default.button-hover {
  background-color: #161212;
  color: #fff;
  box-shadow: none; 
  outline: none;
  opacity: 0.7;
}

.btn-default:active,
.btn-default:focus,
.btn-default:active:focus,
.btn-default.button-active {
  
   
}

.btn-default:visited {
   
}

.btn-default.white-style {
  background-color: #fff;
  color: #86a200;
}

.btn-default.white-style:hover,
.btn-default.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 {
  box-shadow: none;
  color: #86a200;
  box-shadow: inset 0 2px 0px #dddddd;
}

.btn-default i {
  padding-right: 10px;
}

.btn-default.red-style {
  background-color: #cd3333;
  color: #fff;
  transition: all 0.2s linear;
  padding: 7px 18px;
}

.btn-default.red-style:hover,
.btn-default.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 {
  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 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-left: 3px;
  position: relative;
  top: 1px;
}

.btn-default.red-text-style {
  background-color: #fff;
  color: #cd3333;
  transition: all 0.2s linear;
  padding: 11px 28px;
}

.btn-default.red-text-style:hover,
.btn-default.red-text-style.button-hover {
  background-color: #fff;
  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 {
  box-shadow: none;
  color: #cd3333;
  box-shadow: inset 0 2px 0px #dddddd;
  background-color: #fff;
}

.btn-default.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?b83b5439252281ece73693a5cc67064d) no-repeat;
  width: 8px;
  height: 15px;
  border: none;
  top: 38% !important;
  opacity: 0.4;
  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;
  transition: opacity 0.2s;
}

.bootstrap-select .dropdown-menu li {
  padding: 0;
  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;
  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?3a424595b14b2582621f48ca6d705be7) 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;
}

.vspace-5 {
    height: 50px;
}
.header .primary a {
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  font-size: 0.7857142857rem;
}

.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;
  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;
  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;
  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.8571428571rem;
    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.8571428571rem;
}

@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.9285714286rem;
  text-transform: none;
  background: none;
  color: #bbb;
  padding: 4px 59px 4px 59px;
  text-decoration: none;
  width: auto !important;
  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;
  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 rgba(205, 51, 51, 0.3);
  border-right: 1px solid rgba(205, 51, 51, 0.3);
  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.8571428571rem;
  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);
  transform: translateX(320px);
  transition: all 0.25s ease-in-out 0s;
}

.header.right-sidebar.open-menu {
  opacity: 1;
  -webkit-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;
  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);
  transform: rotate(90deg);
}

.vertical-text.tabs-left > li {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

a,
a.default-hovered:active,
a.default-hovered.default-active,
a.default-hovered.active {
  color: #005da7;
}

a.default-hovered:hover,
a.default-hovered.default-hover {
  color: #005da7;
  opacity: 0.9;
}

a.default-hovered:active:after,
a.default-hovered.default-active:after,
a.default-hovered.active:after {
  background: #005da7;
}

@media (max-width: 767px) {
  a.default-hovered:active:after,
  a.default-hovered.default-active:after,
  a.default-hovered.active:after {
    background: #bbb;
  }
}

/* Header Menu 
-------------------------------------------------------------------------------------*/

#header.top-menu {
  background-color: #fff;
}

.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 {
  color: #005da7;
}

@media (max-width: 992px) {
  .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 {
    color: #fff;
  }
}

a.default-hovered:after {
  background: #005da7;
}

a.default-hovered:hover:after,
a.default-hovered.default-hover:after {
  background: #005da7;
  opacity: 0.8;
}

.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,
.top-nav-line #menu-open .icon-bar {
  background-color: #005da7;
}

.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 {
  border-color: #005da7;
}

.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: #005da7;
}

@media (max-width: 767px) {
  .menu-sidebar .widget-box > div ul li a,
  .menu-sidebar .widget-box > div ul li i {
    color: #bbb !important;
  }
}

.top-nav-line #menu-open {
  background: #fff;
}

.top-nav-line #menu-open .text {
  color: #005da7;
}

a.default-hovered:focus:after {
  background: #005da7;
}

.top-menu .widget-box > div ul li a,
.top-menu .widget-box > div ul li i {
  color: #eb8f00 !important;
}

.logo-mini {
  padding: 4px;
  margin: 20px 0 0 20px;
}

@media (max-width: 991px) {
  .logo-mini {
    margin: 0;
  }
}

.logo-mini svg * {
  fill: #005da7 !important;
}

.menu-sidebar .header-box > div ul li a,
.menu-sidebar .header-box > div ul li a i {
  color: #bbbbbb !important;
}

@media (max-width: 767px) {
  .menu-sidebar .header-box > div ul li a,
  .menu-sidebar .header-box > div ul li a i {
    color: #bbbbbb !important;
  }
}

.menu-sidebar .header-box > div ul li a:after,
.menu-sidebar .header-box > div ul li a i:after {
  background: #bbbbbb;
}

/*Primary
---------------------------------------------*/

.primary-banner .fadeIn {
	animation-delay: 1s;
	animation-duration: 3s;
}
.primary-banner .h1 {
  margin-bottom: 30px;
  font-size: 80px;
  font-weight: 300;
  color: white;
} 

.primary-banner p {
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
  color: white;
  font-size: 34px;
}

@media (max-width: 767px) {
	.primary-banner .h1 {
	  font-size: 60px;
	} 
  .primary-banner p {
    font-size: 18px;
	line-height: 28px;
  }
}

/* About
------------------------------------------------------------------------------------*/

#about-us .table-block h1,
#about-us h5 {
  color: #005da7;
}

/*sample-3
------------------------------------------------------------------------------------*/

.sample-3 span {
  color: #005da7;
}

.btn-default.red-style,
.btn-default.blue-style {
  background: #005da7;
}

.btn-default.red-style:hover,
.btn-default.red-style.button-hover,
.btn-default.blue-style:hover,
.btn-default.blue-style.button-hover {
  background: #004f8e;
}

.btn-default.red-style:active,
.btn-default.red-style:focus,
.btn-default.red-style:active:focus,
.btn-default.red-style.button-active,
.btn-default.blue-style:active,
.btn-default.blue-style:focus,
.btn-default.blue-style:active:focus,
.btn-default.blue-style.button-active {
  background: #004983;
  box-shadow: inset 0 2px 0px #00467e;
}

/* portfolio
------------------------------------------------------------------------------------*/

.portfolio .isotop-filters {
  opacity: 0.95;
  background: #005da7;
}

.sliders .container-fluid .a-slider-tcontrols {
  background: #005da7;
}

.sliders .container-fluid .a-slider-tcontrols a {
  color: #fff;
}

.sliders .container-fluid .additional-info .heading,
.sliders .container-fluid .album-sliders-container h4.album-name {
  color: #005da7;
}

.portfolio .element-item:focus .overlay,
.portfolio .element-item:active .overlay,
.portfolio .element-item:hover .overlay {
  opacity: 0.8;
  background: #005da7;
}

.portfolio .isotope h3 span {
  color: #fff;
}

.sliders .container-fluid .additional-info .link a {
  background: #005da7;
}

.sliders .container-fluid .additional-info .link a:hover {
  opacity: 0.9;
  background: #005da7;
}

.portfolio .element-item .overlay .p-target path {
  fill: #fff;
}

/*.client-carousel
------------------------------------------------------------------------------------*/

.client-carousel h5,
.client-carousel span {
  color: #fff;
}

.client-carousel h5:after {
  background: rgba(255, 255, 255, 0.75);
}

.cl-thumbs-wrapper .cl-prev,
.cl-thumbs-wrapper .cl-next {
  color: rgba(255, 255, 255, 0.6);
}

.cl-thumbs-wrapper .cl-prev:hover,
.cl-thumbs-wrapper .cl-next:hover {
  color: #FFFFFF;
}

/*fan-facts
------------------------------------------------------------------------------------*/

.fan-facts .timer-box .timer,
.fan-facts .timer-box p i {
  color: #005da7;
}
#fan .fa {
    font-size: 80px;
    display: block;
    margin: 15px;
}

/*contact
------------------------------------------------------------------------------------*/

#contact .background .layer {
  background-color: #005da7;
}

.table-box h1 {
  color: #005da7;
}

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);
  box-shadow: inset 0 1px 0px #005da7;
}

textarea.white-style {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0px #005da7;
}

.btn-default.white-style {
  color: white;
}

textarea.white-style:focus {
  box-shadow: inset 0 1px 0px #005da7;
}

/*animation
----------------------------------------------------------------------------------*/

.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  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 pulse {
  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 pulse {
  0% {
    -webkit-transform: scale(0.95), rotate(0deg);
  }

  50% {
    -webkit-transform: scale(1), rotate(5deg);
  }

  100% {
    -webkit-transform: scale(0.95), rotate(0deg);
  }
}

/* Team
-----------------------------------------------------------------*/

#thumbs-wrapper #thumbs a:hover span,
#thumbs-wrapper #thumbs a.selected span,
#thumbs-wrapper #thumbs a:focus span {
  border-color: rgba(238, 239, 238, 0.57);
}

body {
  color: #333333;
}
.container-img-team { 
    margin: 0 -10px; 
}
.container-img-team img { 
    margin: 0; 
}
/* Preloader 
-----------------------------------------------------------------*/

.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: all 0.2s ease;
  -webkit-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.default-padding {
  padding-bottom: 50px;
  padding-top: 50px;
}
.dividing-block {
	background: #F4F6F7;
}
@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: 0;
}
.container-content {
    padding-top: 30px;
}
.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%;
}


/* Page Blocks : simple-wysiwyg
------------------------------------------------------*/
.simple-wysiwyg{
    margin-right: auto;
    margin-left: auto;
    padding: 50px 10px;
}
.simple-wysiwyg ul {
    list-style: inside;
}
.simple-wysiwyg:before,
.simple-wysiwyg:after {
    content: " ";
    display: table;
}

/* line 19, ../sass/bootstrap/mixins/_clearfix.scss */
.simple-wysiwyg:after {
    clear: both;
}

@media (min-width: 768px) {

    /* line 10, ../sass/bootstrap/_grid.scss */
    .simple-wysiwyg {
        width: 740px;
    }
}

@media (min-width: 992px) {

    /* line 10, ../sass/bootstrap/_grid.scss */
    .simple-wysiwyg {
        width: 800px;
    }
}

@media (min-width: 1200px) {

    /* line 10, ../sass/bootstrap/_grid.scss */
    .simple-wysiwyg {
        width: 800px;
    }
}

.simple-wysiwyg h2{
  font-size: 2rem;
}

/* Alert
------------------------------------------------------*/
.alert-payment {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 100px;
}

.alert .close{
  font-size: 3rem;
  cursor: pointer;
}



/* 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;
  height: 80px;
  overflow: hidden;
}

.logo-mini a img {
  width: 222px;
  height: 60px;
}

@media (max-width: 767px) {
  .logo-mini {
    margin: 1px;
    padding: 1px;
  }
}

.top-nav-line .logo-mini img {
  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.8571428571rem;
  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: 0.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 2px 0 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .top-menu .header-soc-icon {
    margin-right: -5px;
    position: relative;
  }
}

@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.9285714286rem;
  }
}

/**/

.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;
}

@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.9285714286rem;
  }
}

/* Top-nav-line
---------------------------------------------------------------*/

.top-nav-line {
  display: none;
  height: 87px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 98;
}

.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: #005da7;
  float: right;
  font-weight: 600;
  line-height: 16px;
  padding: 25px 0 0 0px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.8571428571rem;
}

@media (max-width: 767px) {
  .top-nav-line #menu-open .text {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 11px;
    font-size: 0.7857142857rem;
  }
}

.top-nav-line #menu-open .icon-bar {
  background: #005da7;
  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;
}

/* Header Banner
------------------------------------------------------------------*/

.header-banner {
  background-color: #005da7;
  padding: 50px 0;
  position: relative;
}

.header-banner .background .layer {
  background-color: rgba(0, 93, 167, 0.9);
}

.header-banner .background .layer:first-child {
  background-image: url(../images/background-header.jpg?f3849b28b0a419bc60021d041ac7fd3e); 
}

.header-banner .container-content strong{
  font-size: 2rem;
  color: white;
}

.header-banner .container-content i {
  padding: 0 10px;
}

.header-banner .breadcrumb {
  background-color: transparent;
}

.header-banner .breadcrumb a:hover {
  color: black;
}

.header-banner .breadcrumb .active {
  color: white;
}

/* Primary-banner
------------------------------------------------------------------*/

.primary-banner h1 {
  color: #fff;
  margin-bottom: 6px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .header-banner h1 {
    font-size: 36px !important;
    margin-bottom: 0px;  
    margin-top: 50px;

  }
}

.primary-banner h1 span {
  font-size: 120px;
  font-size: 8.5714285714rem;
  letter-spacing: -1px;
}

@media (max-width: 991px) {
  .primary-banner h1 span {
    font-size: 90px;
    font-size: 6.4285714286rem;
  }
}

@media (max-width: 767px) {
  .primary-banner h1 span {
    font-size: 36px;
    font-size: 2.5714285714rem;
  }
}

.primary-banner p.tlt {
  color: #fff;
  font-size: 41px;
  font-size: 2.9285714286rem;
  font-weight: 700;
}

@media (max-width: 991px) {
  .primary-banner p.tlt {
    font-size: 31px;
    font-size: 2.2142857143rem;
  }
}

@media (max-width: 767px) {
  .primary-banner p.tlt {
    font-size: 16px;
    font-size: 1.1428571429rem;
  }
}

.primary-banner-center-box {
  display: table;
  height: 100%;
  width: 100%;
}

.primary-banner-center-box > .container-fluid {
  display: table-row;
}

.primary-banner-center-box > .container-fluid > .row {
  display: table-cell;
  vertical-align: middle;
}

.next-sections {
  cursor: pointer;
  font-size: 13px;
  font-size: 0.9285714286rem;
  background: none;
  border: none;
  bottom: 28px;
  color: #fff;
  font-weight: 300;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  text-align: center;
  z-index: 9;
}

.next-sections i {
  font-size: 30px;
  font-size: 2.1428571429rem;
  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;
  transition: all 0.2s linear;
}

.next-sections:hover i {
  border: 1px solid #fffdec;
}
.next-sections.colored { 
  color: #333; 
}

.next-sections.colored i {
  color: #333;
  border-color: #333;
}
a.next-sections.colored { 
    position: relative;
    left: unset;
    margin: unset;
    display: block;
    top: unset;
    bottom: unset; 
}
@media (max-height: 320px) {
  .next-sections {
    display: none;
  }
}

/* Excerpt-posts_products
-------------------------------------------------------------------------*/

.excerpt-post-products {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.excerpt-post-products .row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 100%;
}
 
.excerpt-post-products .social-feeds-box {
  padding: 50px 20px;
  position: relative;
  z-index: 1;
  height: 100%;
}
.social-feeds-box h2 {
    font-size: 1.8rem;
}
.social-feeds-box .btn {
    margin-bottom: 50px;
}
@media (max-width: 991px) {
  .excerpt-post-products .social-feeds-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 767px) {
  .excerpt-post-products .social-feeds-box {
    padding: 40px 15px;
  }
}

.excerpt-post-products .social-feeds-box:after {
  content: " ";
  height: 1000%;
  left: 1px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media (min-width: 992px) {
  .excerpt-post-products .social-feeds-box:after {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.excerpt-post-products .social-feeds-box:last-of-type {
  border: none;
}

.excerpt-post-products .social-feeds-box:last-of-type:after {
  border-right: none;
  left: 0px !important;
}

.excerpt-post-products .social-feeds-box:nth-child(2):after {
  left: 0px !important;
}

.excerpt-post-products .social-feeds-box h5 {
  font-size: 20px;
  font-size: 1.4285714286rem;
  margin-bottom: 22px;
  text-transform: none;
}

@media (max-width: 991px) {
  .excerpt-post-products .social-feeds-box h5 {
    text-align: center;
  }
  .container_content {
    text-align: center;
  }
}

.excerpt-post-products .social-feeds-box .owl-item li p {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #777777;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 0;
  word-wrap: break-word;
}

.excerpt-post-products .social-feeds-box .owl-item li p a {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #222222;
  margin-right: 10px;
}

.excerpt-post-products .social-feeds-box .owl-item li p span {
  display: inline-block;
}

@media (max-width: 991px) {
  .excerpt-post-products .social-feeds-box .owl-item li p {
    text-align: center;
  }
}

.excerpt-post-products .social-feeds-box .owl-controls {
  margin-top: 20px;
}

.excerpt-post-products .social-feeds-box .owl-controls .owl-nav {
  text-align: right;
}

@media (max-width: 991px) {
  .excerpt-post-products .social-feeds-box .owl-controls .owl-nav {
    text-align: center;
  }
}

.excerpt-post-products .social-feeds-box .owl-controls .owl-nav div {
  background: none;
  margin-left: 2px;
  margin-right: 2px;
}

.excerpt-post-products .social-feeds-box .owl-controls .owl-nav div i {
  font-size: 14px;
  font-size: 1rem;
  color: #777;
  transition: all 0.2s linear;
}

.excerpt-post-products .social-feeds-box .owl-controls .owl-nav div:hover {
  background: none;
}

.excerpt-post-products .social-feeds-box .owl-controls .owl-nav div:hover i {
  color: #222;
}

@media (max-width: 991px) {
  .excerpt-post-products .social-feeds-box #fb-widget {
    width: 100%;
  }

  .excerpt-post-products .social-feeds-box #fb-widget > span {
    display: block;
    margin: 0 auto;
  }
}

.excerpt-post-products .social-feeds-box #twitter-timeline {
  margin-top: -10px;
}

@media (max-width: 991px) {
  .social-feeds .social-feeds-box .owl-controls {
    position: static;
  }
}

/* Single product 
----------------------------------------------------------*/
.single-product h1.smalltitle {
	font-size: 24px;
}

.single-product .btn-container{
  padding-bottom: 20px;
}

.single-product .container-part-up {
  border-right: 1px solid gray;
}

.single-product .btn-default.btn-buy-product{
  background-color: #005da7;
}

.single-product .btn-default{
  background-color: #333;
}

.single-product .btn-container .btn-default {
  margin-top: 20px;
}
.single-product p, .single-product ul li, blockquote{
    font-size: 20px;
}
.single-product h3 {
	text-transform: none;
	font-size: 30px;
}
.single-product h4 {
	text-transform: none;
	font-size: 36px;
}
.single-product h5 {
	text-transform: none;
	font-size: 40px;
}

ol li ol li:first-child{
    counter-reset:children;
}
ol li ol li::before{
    counter-increment: children;  
    content: counter(section) "." counter(children) " - ";
 }
/* Show-cart
----------------------------------------------------------------*/
.show-cart{
  padding-bottom: 20px;
  padding: 50px 15px;
}

/* Checkout
----------------------------------------------------------------*/
.checkout-form{
  margin-bottom: 20px;
}

.checkout-form .rule_payment {
  display: block;
  position: relative;
  padding: 20px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* On mouse-over, add a grey background color */
.checkout-form .rule_payment input~.checkmark {
    background-color: #ccc;
    cursor: pointer;
}

/* When the checkbox is checked, add a blue background */
.checkout-form .rule_payment input:checked~.checkmark {
    background-color: #2196F3;
    padding-left: 10px;
    padding-top: 6px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkout-form .rule_payment .checkmark:after {
    content: "";
    /* position: absolute; */
    display: none;
}

/* Show the checkmark when checked */
.checkout-form .rule_payment input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkout-form .rule_payment .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkout-form .rule_payment input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkout-form .rule_payment span.checkmark {
      cursor: pointer;

    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* Table-block
----------------------------------------------------------------*/

.table-block h1 {
  opacity: 0.9;
  position: relative;
  font-size: 300px;
  font-size: 21.4285714286rem;
}

.table-block h1 span {
  font-size: 26px;
  font-size: 1.8571428571rem;
  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,.table-box.no-padding {
    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;
    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
---------------------------------------------------------------*/

.section-image-texte .background .layer {
  background-color: #fff;
}

.section-image-texte .hello-box {
  background-color: #005da7;
}

.section-image-texte .table-block h1 {
  color: #005da7;
}

.section-image-texte h4 {
  color: #fff;
  padding-bottom: 24px;
  position: relative;
}

@media (max-width: 767px) {
  .section-image-texte h4 {
    padding-bottom: 34px;
  }
}

.section-image-texte h4:before {
  background: rgba(255, 255, 255, 0.75);
  bottom: 0;
  content: " ";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px;
}

.section-image-texte h5 {
  color: #005da7;
  margin-bottom: 0;
}
.about-icon-box.favicon .fas {
    font-size: 50px;
    color: #005da7;
}
@media (max-width: 991px) {
  .section-image-texte h5 {
    margin-bottom: 32px;
  }
}

.section-image-texte .t2 p {
  color: #fff1f1;
  font-size: 18px;
  font-size: 1.2857142857rem;
  letter-spacing: 0;
  line-height: 1.65;
}

@media (max-width: 767px) {
  .section-image-texte .t2 p {
    font-size: 16px;
    font-size: 1.1428571429rem;
  }
}

@media (max-width: 767px) {
  .section-image-texte .t2 p {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.9;
  }
}

.section-image-texte .t1 {
  min-height: 300px;
}

@media (min-width: 1170px) {
  .section-image-texte .t1 {
    min-height: 535px;
  }
}

.section-image-texte .big-text,
.section-image-texte p {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 28px;
}

@media (max-width: 992px) {
  .section-image-texte .big-text,
  .section-image-texte p {
    font-size: 18px; 
    line-height: 1.6;
  }
}
@media (max-width: 767px) {
  .section-image-texte .big-text,
  .section-image-texte p {
    font-size: 16px; 
    line-height: 1.4;
  }
  .section-image-texte h5 {
    margin-bottom: 12px;
  }
}
@media (max-width: 480px) {
  .section-image-texte .big-text,
  .section-image-texte p {
    font-size: 14px; 
    line-height: 1.4;
  }
  h5 {
    font-size: 18px;
    /* font-size: 1.4285714286rem; */
  }

}
.section-image-texte .cont-a-text-box {
  padding: 40px;
}

@media (max-width: 991px) {
  .section-image-texte .cont-a-text-box {
    padding: 40px 30px;
  }
}

.section-image-texte .next-sections {
  margin-left: -49px;
}

.section-image-texte .hello-box {
  padding-bottom: 120px;
  padding-top: 35px;
}
#market-analysis .hello-box,#technical-consulting .hello-box {
    padding-bottom: 20px;
}

@media (max-width: 767px) {
  .section-image-texte .hello-box {
    padding-bottom: 112px;
    padding-top: 35px;
  }
  .about-icon-box {
    text-align: center;
  }
}

.section-image-texte .about-text-box {
  padding-bottom: 18px;
  position: inherit;
}

@media (max-width: 991px) {
  .section-image-texte .about-text-box {
    padding-bottom: 30px;
  }
}

.section-image-texte .about-text-box:last-of-type {
  padding-bottom: 0;
}

/* Team-carousel
---------------------------------------------------------------*/

#team {
  padding-top: 100px;
}

#team .background .layer {
    background: linear-gradient(to bottom, rgba(73,81,112,1) 0%,rgba(103,110,135,1) 100%);
}

@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);
}

@media (max-width: 991px) {
  #team h1 {
    color: #334a4b;
  }
}

#team h2 {
  font-size: 30px;
  padding-bottom: 15px;
  position: relative;
  line-height: 38px;
}
#team h2 i {
    font-size: 18px;
    font-weight: normal;
}
@media (max-width: 991px) {
	 #team { 
		padding-top:0; 
	} 
  #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.7142857143rem;
    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;
  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 {
  /* Safari */
  transition-delay: 0.2s;
}

#team-carousel .slide-text.team-element {
  /* Safari */
  transition-delay: 0.4s;
}

#team-carousel #thumbs.team-element {
  /* Safari */
  transition-delay: 0.7s;
}

#team-carousel #prev.team-element,
#team-carousel #next.team-element {
  /* 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: 700px;
    margin: 200px auto;
    display: block;

}

@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;
    letter-spacing: 0;
    margin: 0 auto 23px auto;
    line-height: 24px;
    max-width: 450px;
}

@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 .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+ */
    /* Chrome,Safari4+ */
    /*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+ */
    /* Chrome,Safari4+ */
    /* 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.8571428571rem;
  color: #e4e7e8;
  display: block;
  float: none;
  font-weight: 700;
  text-transform: uppercase;
  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;
  transition: all 0.2s linear;
  background-color: white;
}

#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.2857142857rem;
  transition: all 0.2s linear;
  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;
  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.2857142857rem;
  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;
  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.7857142857rem;
  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.3571428571rem;
  font-family: "Arial";
  font-weight: bold;
  left: 0;
  position: absolute;
  right: 0;
  top: 46px;
}

.skill-wrap .skill-name {
  font-size: 12px;
  font-size: 0.8571428571rem;
  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, .table-block h2 {
  font-size: 300px;
  font-size: 21.4285714286rem;
  color: #fff;
  line-height: 1.3;
  z-index: 0;
}

@media (max-width: 1450px) {
  .table-block h1, .table-block h2 {
    font-size: 220px;
    font-size: 15.7142857143rem;
  }
}

@media (max-width: 1170px) {
  .table-block h1, .table-block h2 {
    font-size: 220px;
    font-size: 15.7142857143rem;
    line-height: 0.8;
  }
}

@media (max-width: 991px) {
  .table-block h1, .table-block h2 {
    line-height: 1.1;
  }
}

.table-block h1 span, .table-block h2 span {
  font-size: 26px;
  font-size: 1.8571428571rem;
  letter-spacing: 0.2px;
}

@media (max-width: 1170px) {
  .table-block h1 span, .table-block h2 span {
    font-size: 20px;
    font-size: 1.4285714286rem;
    bottom: -20px;
    position: absolute;
  }
}

@media (max-width: 991px) {
  .table-block h1 span, .table-block h2 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;
  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;
  }
}

@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;
  transition: color 0.2s linear;
}

@media (min-width: 1400px) {
  .isotop-filters button {
    font-size: 17px;
    font-size: 1.2142857143rem;
  }
}

@media (max-width: 1399px) {
  .isotop-filters button {
    font-size: 16px;
    font-size: 1.1428571429rem;
    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;
  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.4285714286rem;
  line-height: 1;
}

@media (min-width: 1500px) {
  .isotop-filters.hide-panel .table-block h1 {
    font-size: 190px;
    font-size: 13.5714285714rem;
    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.2857142857rem;
  }
}

.isotop-filters.hide-panel .table-block h1 span {
  font-size: 33px;
  font-size: 2.3571428571rem;
  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.1428571429rem;
  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.7857142857rem;
  color: #8eb3dc;
  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%;
  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;
  transition: opacity 0.2s linear;
}

.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 {
  transition: opacity 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* easeInOutQuad */
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* easeInOutQuad*/
}

@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 {
  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;
  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;
  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 {
  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.7142857143rem;
  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.2857142857rem;
  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.1428571429rem;
    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;
  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.5714285714rem;
  transition: all 0.1s ease-in-out 0.1s;
  color: #8eb3dc;
  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.2142857143rem;
    margin-top: 4.5%;
  }
}

@media (max-width: 991px) {
  .sliders .container-fluid .album-sliders-container h4.album-name {
    font-size: 53px;
    font-size: 3.7857142857rem;
    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.3571428571rem;
    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 .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;
  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;
  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.4285714286rem;
  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.2857142857rem;
  color: #777777;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 0;
  word-wrap: break-word;
}

.social-feeds .social-feeds-box .owl-item li p a {
  font-size: 18px;
  font-size: 1.2857142857rem;
  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;
  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;
  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
-------------------------------------------------------------------------*/
footer { 
    background: #161212; 
}
.social-footer-links {
  padding: 30px 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;
  color: white;
}

/* .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: #8a3ab9; */
/* } */

.corp {
  color: #fff;
  font-size: 12px;
  padding: 5px 0 30px 0;
  text-align: center;
}
.corp a {
	color: white;
}
/*  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;
  color: #005da7;
}

@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.8571428571rem;
    padding-bottom: 25px;
    padding-top: 5px;
  }
}

.services h3:after {
  background: #005da7;
  bottom: 0;
  content: " ";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px;
}

.services .table-row p {
  padding: 0px 14%;
}

.services .table-box ul li {
  list-style-type: none;
}


@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%;
  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;
  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.9285714286rem;
  color: #45443a;
  font-weight: 700;
  margin-bottom: 8px;
}

.small-icon p {
  font-size: 12px;
  font-size: 0.8571428571rem;
  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,
.fan-facts .timer-box .string
 {
  font-size: 60px;
  color: #005da7;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 0.85;
}

.fan-facts .timer-box .string.unit {
  font-size: 2rem;
  padding-bottom: 20px;
}


.fan-facts .timer-box p i {
  color: #005da7;
}

.fan-facts .timer-box p{
    font-size: 1.5rem;
    color: #005da7;
    font-family: "Open Sans",
    sans-serif;
    /* font-weight: bold; */
    line-height: 1.6;
}

/* Clients
------------------------------------------------------------------------*/

#review .background .layer {
  background-color: rgba(0, 93, 167, 0.9);
}

.quotation-marks {
  font-size: 500px;
  font-size: 35.7142857143rem;
  background-repeat: no-repeat;
  background-size: cover;
  background: url(../images/quotation-marks.svg?f44209386e0cccc69183fba77236c9a9);
  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;
  }
}

.clients .client-carousel .background .layer {
  background: #005da7;
}

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

/* Clients-carousel
------------------------------------------------------------------------*/

.client-carousel h5 {
  color: #8eb3dc;
  margin-bottom: 24px;
  padding-bottom: 28px;
  position: relative;
}

.client-carousel h5:after {
  background: rgba(142, 179, 220, 0.75);
  bottom: 0;
  content: " ";
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px;
}

.client-carousel p {
  font-size: 22px;
  font-size: 1.5714285714rem;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.7;
  padding: 0 5%;
}

.client-carousel span {
  font-size: 13px;
  font-size: 0.9285714286rem;
  color: #8eb3dc;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.client-carousel .cl-carousel-wrapper {
  margin: 0 auto 25px;
  max-width: 1600px;
}

.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: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    transition: background 0.2s linear;
    background: white;
    display: block;
    z-index: -1;
}

.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.2857142857rem;
  color: rgba(142, 179, 220, 0.6);
  left: 7%;
  margin-top: -23px;
  position: absolute;
  top: 50%;
  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.2857142857rem;
  color: rgba(142, 179, 220, 0.6);
  margin-top: -23px;
  position: absolute;
  right: 7%;
  top: 50%;
  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 .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.2857142857rem;
  margin-bottom: 7px;
  text-transform: uppercase;
  color: #333333;
  font-weight: 800;
}

.last-post-box .info-box h6 a {
  font-size: 18px;
  font-size: 1.2857142857rem;
  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.9285714286rem;
}

.last-post-box .info-box .post-inf-box .comment-post {
  padding-left: 13px;
  font-size: 13px;
  font-size: 0.9285714286rem;
}

.last-post-box .info-box p {
  margin-bottom: 15px;
  -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.7857142857rem;
  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;
  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;
  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.4285714286rem;
  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;
  transition: opacity 0.1s linear;
}

.img-post .img-date-post span {
  display: block;
  font-size: 13px;
  font-size: 0.9285714286rem;
  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: 100px;
  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;
}

/* Newsletter 
----------------------------------------------------------------------*/

.newsletter {
  padding: 50px 0;
  background-color: #005da7;
  color: white;
}

.newsletter .title {
  margin-bottom: 50px;
}

.newsletter form {
  margin: 0 auto;
}

.newsletter form input {
  background-color: #337db9 !important;
  color: white !important;
}

.newsletter form input::-webkit-input-placeholder {
  color: white !important;
}

.newsletter form input:-ms-input-placeholder {
  color: white !important;
}

.newsletter form input::-ms-input-placeholder {
  color: white !important;
}

.newsletter form input::placeholder {
  color: white !important;
}

.newsletter form button {
  background-color: white;
  color: #005da7;
}

.newsletter form .btn-default:hover {
  background-color: #337db9;
}

/* Checkbox */
.newsletter .gdpr{
    display: block;
    position: relative;
    padding: 20px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* On mouse-over, add a grey background color */
.newsletter .gdpr input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.newsletter .gdpr input:checked~.checkmark {
    background-color: #2196F3;
    padding-left: 10px;
    padding-top: 6px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.newsletter .gdpr .checkmark:after {
    content: "";
    /* position: absolute; */
    display: none;
}

/* Show the checkmark when checked */
.newsletter .gdpr input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.newsletter .gdpr .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.newsletter .gdpr input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.newsletter .gdpr span.checkmark{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* Market_Technical 
----------------------------------------------------------------------*/

.market_technical i{
  display: inline;
  color: #005da7;
  font-size: 5rem;
  border: none;
}

.market_technical .icon-container{
  padding: 50px 0;

}

.market_technical .description{
  font-size: 1.2rem;
}



/* Domains 
----------------------------------------------------------------------*/

.domains .container-content {
  color: white;
  padding: 100px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 25%;
}

.domains .container-content h2 {
  margin: 100px 0;
}
.super-container { 
  transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
    background-size: cover; 
	background-position: center center;
	height: 100%;
}
.super-container a {
    height: 100%;
    display: block;
    margin: 0;
    float: left;
    width: 100%;
}
.super-container:hover {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(0%);
  -webkit-filter: grayscale(100%);
}
@media(max-width:991px) {
	.super-container {
		height: 50%;
	}
}
@media(max-width:767px) {
	.domains .container-content {
	  color: white;
	  padding: 100px 0; 
	  margin-top: 0;
	}
	.domains .container-content h2 { 
		margin: 10px; 
	}
}
/* 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.4285714286rem;
  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.2857142857rem;
  }
}

@media (max-width: 767px) {
  .like-theme .purcase-now a {
    font-size: 24px;
    font-size: 1.7142857143rem;
  }
}

.like-theme .purcase-now a:after {
  border-radius: 50%;
  border: 10px solid transparent;
  content: " ";
  height: 90%;
  left: 5%;
  position: absolute;
  top: 5%;
  width: 90%;
  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.7142857143rem;
    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?9fbc7d573151aa4f0e34c6715a62d438);
  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.8571428571rem;
  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.2857142857rem;
  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.0714285714rem;
  color: #ee9191;
  display: block;
  font-family: arial;
  font-weight: 700;
  margin-top: 55px;
}

.pricing-box ul li .price span {
  font-size: 53px;
  font-size: 3.7857142857rem;
  bottom: 30px;
  font-family: "Open Sans", sans-serif;
  position: relative;
}

.pricing-box a.btn-default {
  font-size: 18px;
  font-size: 1.2857142857rem;
  background: #fff;
  border-radius: 0;
  color: #cd3333;
  padding: 18px 65px;
}

.pricing-box a.btn-default:active,
.pricing-box a.btn-default:focus,
.pricing-box a.btn-default:active:focus {
  color: #cd3333;
}
/* Page article 
--------------------------------------------*/
.page_contenu h2 {
    color: #005da7;
    text-transform: initial;
    text-align: center;
    font-size: 28px;
}
.page_contenu hr.trait_page {
    color: #005da7;
    background: #005da7;
    height: 3px;
    width: 55%;
}
.page_contenu hr.trait_page.long {
    color: #005da7;
    background: #005da7;
    height: 3px;
    width: 75%;
}
/* How-about Video
---------------------------------------------------------------------------------*/

.how-about-video-height {
  box-shadow: 0 0 0 1px #F4F6F7;
}

.heightSecondaryBanner{
  min-height: 550px;
}
 
@media (min-width: 992px) {
  .how-about-video-height {
    height: 700px;
  }
}
 
@media (max-width: 991px) {
  .how-about-video-height {
    height: 300px !important;
  }
}

@media (max-width: 767px) {
  .how-about-video-height {
    height: 200px !important;
  }
}

.about-video-container {
  box-shadow: 0 0 0 1px #F4F6F7;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .about-video-container {
    padding-top: 50px;
  }
}

@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.1428571429rem;
  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.2857142857rem;
  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;
}

.play-fan-video img {
  height: 100%;
  width: 100%;
}

.play-fan-video .play-video {
  font-size: 25px;
  font-size: 1.7857142857rem;
  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;
  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.7857142857rem;
  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;
  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.4285714286rem;
  line-height: 0.8;
  margin-bottom: 12px;
  opacity: 0.97;
}

.primary-blog-banner p {
  font-size: 27px;
  font-size: 1.9285714286rem;
  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.9285714286rem;
}

.primary-blog-banner.post-page span i {
  padding-left: 5px;
  padding-right: 5px;
}

/* Subtitle */
.subtitle h2 {
    font-size: 20px;
    text-transform: none;
    font-weight: normal;
    padding: 50px;
    background: #F4F6F7;
	margin: 0;
	text-align: center;
}

/* 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: 40px 0 40px 0;
}

.blog-masonry .info-box {
  padding-top: 25px;
}

.blog-masonry .info-box h6 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #333;
}

.blog-masonry .info-box h6 a {
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #333;
}

.blog-masonry .info-box .post-inf-box {
  font-size: 12px;
  font-size: 0.8571428571rem;
  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-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.7857142857rem;
  font-weight: 600;
  text-transform: uppercase;
  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 .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.1428571429rem;
  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.8571428571rem;
  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.9285714286rem;
  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{
  font-size: 14px;
  font-size: 1rem;
  clear: both;
  color: #777;
  -webkit-line-clamp: 3;
  display: block;
  height: 75px;
  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.9285714286rem;
  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;
  }
}

/* Single blog post */
.blog-post p { 
    font-size: 18px;
    line-height: 30px; 
}
.blog-post img { 
    margin-bottom: 30px; 
}

/* Sidebar
--------------------------------------------------------------------------*/

.sidebar {
  padding-top: 95px;
}
.sidebar td {
  font-size: 12px;
}
@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: #005da7;
  font-size: 12px;
  font-size: 0.8571428571rem;
  letter-spacing: 1px;
}

.sidebar h6 .btn-sidebar{
  background-color: #005da7;
}

.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.9285714286rem;
  color: #999999;
  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.9285714286rem;
}

/* 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/search.svg?4cfcad68e52cb741d48bc886e2580bf0);
  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.8571428571rem;
  color: #005da7;
  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.9285714286rem;
  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;
  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.9285714286rem;
  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.8571428571rem;
}

.widget.widget-recent-entries ul li span {
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #999;
  display: block;
  margin-top: 4px;
}

/*  Calendar 
------------------------------------------------------------ */

#calendar-wrap {
  background: #f5f5f5;
  display: inline-block;
  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.9285714286rem;
  background: none;
  border: none;
  font-weight: 400;
  font-weight: normal;
  padding: 0 0px;
}

#calendar-wrap table td {
  font-family: arial;
  line-height: 1;
}

#calendar-wrap table th {
  color: #555;
  padding: 0 0px 5px 0px;
}

#calendar-wrap td span {
  font-size: 13px;
  font-size: 0.9285714286rem;
  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;
}

@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.9285714286rem;
  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;
  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;
  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.2857142857rem;
  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;
  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.1428571429rem;
  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.8571428571rem;
  color: #999;
  margin-bottom: 12px;
  padding-top: 2px;
}

#comments .meta a {
  font-size: 12px;
  font-size: 0.8571428571rem;
  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.9285714286rem;
  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.7142857143rem;
  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.8571428571rem;
  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;
  transition: color 0.2s ease, background 0.2s ease;
  vertical-align: middle;
  width: 30px;
}

.social-inp .getshare-counter {
  font-size: 12px;
  font-size: 0.8571428571rem;
  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%;
  transition: max-width 0.2s ease, padding 0.2s ease, background 0.2s ease;
  vertical-align: middle;
  transition: visibility 0.2s ease, opacity 0.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: #005da7;
}

.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.9285714286rem;
  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.8571428571rem;
  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;
  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.8571428571rem;
  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.8571428571rem;
}

@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%;
  transform-origin: 50% 50%;
  -webkit-transform: rotatex(0deg);
  transform: rotatex(0deg);
}

.soc-icon .wrap-button:last-of-type {
  margin-right: 0px;
}

.soc-icon a {
  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);
  transform: rotatex(-30deg);
}

.soc-icon a i {
  display: table-cell;
  height: 22px;
  padding-top: 2px;
  vertical-align: middle;
  width: 22px;
}

.soc-icon a.fb {
  background: #3c5fb2;
}

.soc-icon a.tw {
  background: #3799dd;
}

.soc-icon a.g-plus {
  background: #dc4c39;
}

.soc-icon a.pinterest {
  background: #cc2127;
}

.soc-icon a.inst {
  background: #96624e;
}

.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 {
  color: #005da7;
}

#contact .background {
  z-index: 0;
}

#contact .table-row > div {
  position: relative;
}

#contact .cont-text-box {
  margin-bottom: 13px;
  margin-top: 35px;
  padding-left: 40px;
  padding-right: 40px;
}
.letter {
    font-size: 160px;
    font-weight: bold;
    text-align: center;
    display: block;
    color: white;
    line-height: 180px;
}
@media (max-width: 1170px) {
  #contact .cont-text-box {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#contact .cont-text-box p {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #fff;
  font-weight: 300;
  line-height: 1.6;
}

#contact .cont-text-box .company-info-box {
  margin-bottom: 40px;
}

#contact .t1 img {
  width: 100%;
}

#contact .cont-box {
  color: #fff;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
#contact .cont-box.right {
    text-align: right;
}
#contact .cont-box h6 {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 4px;
  text-transform: none;
}

#contact .cont-box p {
  font-size: 14px;
  font-size: 1rem;
}

#contact .cont-box.address-box {
  font-weight: 300;
}

#contact .cont-box.address-box p {
  margin-bottom: 25px;
}

#contact .cont-box.address-box p span {
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 700;
}

#contact .form-box {
  padding-bottom: 25px;
  padding-top: 30px;
}

#contact .form-box .contact-form button {
  width: 100%;
}

#contact .form-box h5 {
  color: #fff;
  margin-bottom: 25px;
}

#contact .form-box .form-group {
  margin-bottom: 10px;
  padding-right: 6px;
}

@media (min-width: 768px) {
  #contact .form-box .form-group.name {
    padding-right: 5px;
  }
}

@media (min-width: 768px) {
  #contact .form-box .form-group.email {
    padding-left: 5px;
  }
}

#contact .form-box button {
  margin-top: 7px;
  float: right;
  margin-right: -3px;
}

#contact .form-message {
  display: block;
  margin-top: 20px;
}

#contact .form-message .text-danger {
  color: #cd3333 !important;
}

#contact .form-message .text-success {
  color: #fff !important;
}

/* Page-404 
-------------------------------------------------------------------------------------*/

.page-404 h1 {
  font-size: 300px;
  font-size: 21.4285714286rem;
  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.1428571429rem;
  }
}

.page-404 p {
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 300;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .page-404 p {
    font-size: 18px;
    font-size: 1.2857142857rem;
    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.8571428571rem;
  border-color: #e1e1e1;
  border-radius: 0;
  font-weight: 600;
  margin-right: -1px;
  padding: 16px 43px 14px 43px;
  text-transform: uppercase;
  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.8571428571rem;
  background: #f9f9f9;
  border: 1px solid #e1e1e1;
  color: #222;
  display: block;
  font-weight: 600;
  padding: 18px 19px;
  position: relative;
  width: 100%;
  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?6f0a88497772e3f47aff0f607b46071a);
  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;
  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;
  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: #8eb3dc;
  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;
  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: #8eb3dc !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.1428571429rem;
}

.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 0.5s;
  border-bottom: 5px solid #fff;
  border-top: 0;
  margin-top: -2px;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media (max-width: 767px) {
  .faq .panel-default > .panel-heading a.collapsed:after {
    -webkit-transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.5s;
    margin-top: -2px;
    transform: rotate(180deg);
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.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;
  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.1428571429rem;
}

@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: 7px 0px !important;
    width: 100%;
    max-width: 200px;
    margin-bottom: 20px;
}

.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;
}
.dividing-block .text-center h5 {
    color: #005da7;
}
.dividing-block .text-center .fa.fa-database {
    font-size: 45px;
    color: #005da7;
    padding-right: 25px;
}
.dividing-block .text-center .fa.fa-globe-americas {
    font-size: 45px;
    color: #005da7;
    padding-right: 25px;
    padding-left: 20px;
}
.dividing-block .text-center .fas.fa-toolbox {
    font-size: 45px;
    color: #005da7;
    padding-right: 25px;
}
.dividing-block .text-center.text-left{
	text-align:left;
}
.dividing-block .text-center.text-right{
	text-align:right;
}
@media (max-width: 645px) {
  .dividing-block .text-center.text-left,.dividing-block .text-center.text-right{
	text-align:center;
  }
  .dividing-block .text-center .fa.fa-database,.dividing-block .text-center .fa.fa-globe-americas {
	padding-bottom: 25px;
	padding-left:0;
	padding-right:0;
  }
}
@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;
}

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

/* --------------------------- OUR SERVICE -----------------------------------*/

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

.col-sm-3.block-page-service{
    padding-left: 5px;
    padding-right: 5px;
}
.block-page-service .background-service {
    background: #eff1f1;
    text-align: center;
	padding: 10px;
	min-height: 650px;
	position:relative;
}
.block-page-service .background-title {
	background:#005da7;
}
.block-page-service .background-title h4 {
	font-size: 1.10rem;
    color: white;
    margin-bottom: 0;
    padding: 20px 0px;
	text-align:center;
}
.block-page-service .service-icon .fa {
    font-size: 60px;
    color: #005da7;
	padding: 10px 0 20px;
}
.block-page-service .service-text p {
    color: #005da7;
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    /* font-weight: 700; */
}
.block-page-service .service-button .btn-default {
    text-transform: initial;
    font-size: 14px;
}
.block-page-service .service-button a.btn.btn-default.btn-big {
    line-height: 14px;
}
.block-page-service .service-button a.btn.btn-default {
    min-width: 230px;
    max-height: 40px;
    min-height: 40px;
    line-height: 25px;
}
.dividing-block .service-button a.btn-default {
    min-width: 230px;
}
.block-page-service .background-service .service-button {
    position: absolute;
    bottom: 0;
}

@media (max-width: 1200px) {
	.block-page-service .background-service .service-button {
    position: initial;
    bottom: 0;
}
	.block-page-service .background-service {
		min-height: 100%;
		
		margin-bottom: 25px;
	}
	.page-service .container-fluid {
		width: 80%;
	}
	.block-page-service .background-service .service-button .btn {
		white-space: pre-line;
	}
	.block-page-service .service-button a.btn.btn-default {
		min-width: 160px ;
		max-height: inherit;
		min-height: auto;
	}
}
@media (max-width: 997px) {
	/* .block-page-service .background-service { */
		/* min-height: 1000px; */
	/* } */
}
@media (max-width: 767px) {
	.block-page-service .background-service {
		min-height: 530px;
		margin-bottom: 25px;
	}
	.block-page-service .background-service .service-button {
		width: 100%;
	}
	.block-page-service .service-button a.btn.btn-default {
		min-width: 230px;
		max-height: 40px;
		min-height: 40px;
		display: inline-block;
		line-height: 24px;
	}
}
@media (max-width: 480px) {
	.block-page-service .background-service {
		min-height: 700px;
	}
}
/* -------------------------------------------------------------------------- */

/* -------------------------------- RETINA -----------------------------------*/

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

@media (-webkit-min-device-pixel-ratio: 2) {
  .replace-2x {
    opacity: 0;
  }

  .replace-2x.loaded {
    opacity: 1;
    transition: opacity 0.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 (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;
}