@charset  "UTF-8";  

@font-face {
  font-family: 'myriadpro-regular';
  src: url(fonts/myriadpro-regular.eot);
  src: local('☺'), url(fonts/myriadpro-regular.woff) format('woff'), url(fonts/myriadpro-regular.ttf) format('truetype'), url(fonts/myriadpro-regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'myriadpro-boldcond';
    src: url(fonts/myriadproboldcond.eot);
    src: url(fonts/myriadproboldcond.eot) format('embedded-opentype'),
     url(fonts/myriadproboldcond.woff) format('woff2'),
     url(fonts/myriadproboldcond.woff) format('woff'),
     url(fonts/myriadproboldcond.ttf) format('truetype'),
     url(fonts/myriadproboldcond.svg) format('svg');
}

@font-face {
  font-family: 'myriadpro-cond';
  src: url(fonts/myriadpro-cond.eot);
  src: local('☺'), url(fonts/myriadpro-cond.woff) format('woff'), url(fonts/myriadpro-cond.ttf) format('truetype'), url(fonts/myriadpro-cond.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'myriadpro-lightcond';
  src: url(fonts/myriadpro-lightcond.eot) format('embedded-opentype'),  url(fonts/MyriadPro-LightCond.otf) format('opentype'),
         url(fonts/myriadpro-lightcond.woff) format('woff'), url(fonts/myriadpro-lightcond.ttf)  format('truetype'), url(fonts/myriadpro-lightcond.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open-sansregular';
  src: url(fonts/opensans-regular-webfont.eot);
  src: url(fonts/opensans-regular-webfont.eot#iefix) format("embedded-opentype"), url(fonts/opensans-regular-webfont.woff) format("woff2"), url(fonts/opensans-regular-webfont.woff) format("woff"), url(fonts/opensans-regular-webfont.ttf) format("truetype"), url(fonts/opensans-regular-webfont.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open-sansbold';
  src: url(fonts/opensans-bold-webfont.eot);
  src: url(fonts/opensans-bold-webfont.eot#iefix) format("embedded-opentype"), url(fonts/opensans-bold-webfont.woff) format("woff2"), url(fonts/opensans-bold-webfont.woff) format("woff"), url(fonts/opensans-bold-webfont.ttf) format("truetype"), url(fonts/opensans-bold-webfont.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open-sansitalic';
  src: url(fonts/opensans-italic-webfont.eot);
  src: url(fonts/opensans-italic-webfont.eot#iefix) format("embedded-opentype"),
    url(fonts/opensans-italic-webfont.woff) format("woff2"),
    url(fonts/opensans-italic-webfont.woff) format("woff"),
    url(fonts/opensans-italic-webfont.ttf) format("truetype"),
    url(fonts/opensans-italic-webfont.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open-sanslight';
  src: url(fonts/opensans-light-webfont.eot);
  src: url(fonts/opensans-light-webfont.eot#iefix) format('embedded-opentype'),
    url(fonts/opensans-light-webfont.woff) format('woff2'),
    url(fonts/opensans-light-webfont.woff) format('woff'),
    url(fonts/opensans-light-webfont.ttf) format('truetype'),
    url(fonts/opensans-light-webfont.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open-sanssemibolditalic';
  src: url(fonts/opensans-semibolditalic-webfont.eot);
  src: url(fonts/opensans-semibolditalic-webfont.eot#iefix) format("embedded-opentype"),
    url(fonts/opensans-semibolditalic-webfont.woff) format("woff2"),
    url(fonts/opensans-semibolditalic-webfont.woff) format("woff"),
    url(fonts/opensans-semibolditalic-webfont.ttf) format("truetype"),
    url(fonts/opensans-semibolditalic-webfont.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: 'VideoJS';
  src: url(fonts/vjs.eot);
  src: url(fonts/vjs.eot#iefix) format('embedded-opentype'),
  url(fonts/vjs.woff) format('woff'),
  url(fonts/vjs.ttf) format('truetype'),
  url(fonts/vjs.svg) format('svg');

  font-weight: normal;
  font-style: normal;
}


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

@-moz-keyframes fade-down{
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform:translateY(0)
    }
}

@keyframes fade-down{
    0% {
        opacity: 0;
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-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 fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

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

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

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

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

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

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

body, html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    color: #777;
    font-family: 'open-sanslight', sans-serif;
}

body {
    color: #303030;
    height: auto;
}

body.page li {
    list-style: none;
}

.nav>ul>li>span,.search-toggle,a {
    cursor: pointer;
}

ul.list-four li,ul.list-one li,ul.list-three li,ul.list-two li {
    text-indent: -.7em;
    line-height: 30px;
}

.blog-style-1,.blog-style-image {
    max-height: 300px;
    position: relative;
}

a {
    border: none;
    color: #fff;
    word-wrap: break-word;
}

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

a:active,a:focus,button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,select::-moz-focus-inner {
    border: 0;
    outline: 0;
}

input[type=submit], input[type=submit]:focus {
    outline: 0;
}

h1,h2,h5,h6 {
    line-height: 1em;
}

h1 {
    font-size: 60px;
    margin-bottom: 20px;
}

h2 {
    font-size: 20px;
    line-height: 25px;
}

h3 {
    font-size: 36px;
    color: #3b525f;
    line-height: 48px;
    margin-bottom: 30px;
}

h4 {
    font-size: 48px;
    color: #3b525f;
    margin: 10px auto 18px;
    max-width: 98%;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .7em;
}

iframe {
    border: none;
}

hr {
    border-width: 2px 0 0;
    margin: 30px 0;
}

img {
    height: auto;
}

p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

dl dt {
    font-weight: 700;
}

dd {
    margin-left: 1.0786666666667em;
    font-weight: 400;
}

small {
    font-size: smaller;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

pre {
    background-color: #e9e9e9;
}

.white {
    color: #fff !important;
}

.black {
    color: #000 !important;
}

.dark {
    color: #444 !important;
}

.red {
    color: #dd3533 !important;
}

.relative {	position: relative; }
.absolute { position: absolute; }

.float-none { float: none }
.float-left { float: left }
.float-right { float: right }
.display-none { display: none }
.display-block, .heading-icon, .spacer {
    display: block;
}

.margin-0-auto { margin: 0 auto; float: none !important}
.margin-0 { margin: 0 !important }
.margin-t-0 { margin-top: 0}
.margin-b-0 { margin-bottom: 0 }
.margin-l-0 { margin-left: 0 }
.margin-r-0 { margin-right: 0 }

.margin-10 { margin: 10px }
.margin-20 { margin: 20px }
.margin-30 { margin: 30px }
.margin-40 { margin: 40px }
.margin-50 { margin: 50px }
.margin-60 { margin: 60px }
.margin-70 { margin: 70px }
.margin-80 { margin: 80px }
.margin-90 { margin: 90px }
.margin-100 { margin: 100px }

.margin-t-10 { margin: 10px 0 0 }
.margin-t-20 { margin: 20px 0 0 }
.margin-t-30 { margin: 30px 0 0 }
.margin-t-40 { margin: 40px 0 0 }
.margin-t-50 { margin: 50px 0 0 }
.margin-t-60 { margin: 60px 0 0 }
.margin-t-70 { margin: 70px 0 0 }
.margin-t-80 { margin: 80px 0 0 }
.margin-t-90 { margin: 90px 0 0 }
.margin-t-100 { margin: 100px 0 0 }

.margin-b-10 { margin: 0 0 10px }
.margin-b-20 { margin: 0 0 20px }
.margin-b-30 { margin: 0 0 30px }
.margin-b-40 { margin: 0 0 40px }
.margin-b-50 { margin: 0 0 50px }
.margin-b-60 { margin: 0 0 60px }
.margin-b-70 { margin: 0 0 70px }
.margin-b-80 { margin: 0 0 80px }
.margin-b-90 { margin: 0 0 90px }
.margin-b-100 { margin: 0 0 100px }

.padding-10 { padding: 10px }
.padding-20 { padding: 20px }
.padding-30 { padding: 30px }
.padding-40 { padding: 40px }
.padding-50 { padding: 50px }
.padding-60 { padding: 60px }
.padding-70 { padding: 70px }
.padding-80 { padding: 80px }
.padding-90 { padding: 90px }
.padding-100 { padding: 100px }

.padding-t-10 { padding: 10px 0 0 }
.padding-t-20 { padding: 20px 0 0 }
.padding-t-30 { padding: 30px 0 0 }
.padding-t-40 { padding: 40px 0 0 }
.padding-t-50 { padding: 50px 0 0 }
.padding-t-60 { padding: 60px 0 0 }
.padding-t-70 { padding: 70px 0 0 }
.padding-t-80 { padding: 80px 0 0 }
.padding-t-90 { padding: 90px 0 0 }
.padding-t-100 { padding: 100px 0 0 }

.padding-b-10 { padding: 0 0 10px }
.padding-b-20 { padding: 0 0 20px }
.padding-b-30 { padding: 0 0 30px }
.padding-b-40 { padding: 0 0 40px }
.padding-b-50 { padding: 0 0 50px }
.padding-b-60 { padding: 0 0 60px }
.padding-b-70 { padding: 0 0 70px }
.padding-b-80 { padding: 0 0 80px }
.padding-b-90 { padding: 0 0 90px }
.padding-b-100 { padding: 0 0 100px }

.padding-0 { padding: 0 !important }
.padding-t-0 { padding-top: 0 }
.padding-b-0 { padding-bottom: 0 }
.padding-l-0 { padding-left: 0 }
.padding-r-0 { padding-right: 0 }

.heading-light { color: #aaa }
.heading-dark { color: #444 }

.spacer { height: 0; clear: both; overflow: hidden; }
.spacer-5 { height: 5px }
.spacer-10 { height: 10px }
.spacer-20 { height: 20px }
.spacer-30 { height: 30px }
.spacer-40 { height: 40px }
.spacer-50 { height: 50px }
.spacer-60 { height: 60px }
.spacer-70 { height: 70px }
.spacer-80 { height: 80px }
.spacer-90 { height: 90px }
.spacer-100 { height: 100px }

.fsz-12 { font-size: 12px !important }
.fsz-14 { font-size: 14px !important }
.fsz-16 { font-size: 16px !important }
.fsz-18 { font-size: 18px !important }
.fsz-20 { font-size: 20px !important }
.fsz-22 { font-size: 22px !important }
.fsz-24 { font-size: 24px !important }
.fsz-26 { font-size: 26px !important }
.fsz-28 { font-size: 28px !important }
.fsz-30 { font-size: 30px !important }
.fsz-32 { font-size: 32px !important }
.fsz-34 { font-size: 34px !important }
.fsz-36 { font-size: 36px !important }
.fsz-38 { font-size: 38px !important }
.fsz-40 { font-size: 40px !important }
.fsz-42 { font-size: 42px !important }
.fsz-44 { font-size: 44px !important }
.fsz-46 { font-size: 46px !important }
.fsz-48 { font-size: 48px !important }
.fsz-50 { font-size: 50px !important }
.fsz-52 { font-size: 52px !important }
.fsz-54 { font-size: 54px !important }
.fsz-56 { font-size: 56px !important }
.fsz-58 { font-size: 58px !important }
.fsz-60 { font-size: 60px !important }


/* =========================== Header ======================== */
.ba-top {
  width: 100%;
  padding: 7px 0 12px;
  position: absolute;
  z-index: 9999;
  left: 0;
}

body.no-top-hero .ba-top,
body.blog .ba-top,
body.single-post .ba-top,
body.archive .ba-top,
body.search .ba-top {
    background: #1486ab; 
    filter: progid:DXImageTransform.Microsoft.gradient( startcolorstr='#1f85c3', endcolorstr='#1f85c3',gradienttype=1 );

    -webkit-box-shadow: 1px 1px 10px rgba(0, 45, 77, 0.5);
    -moz-box-shadow: 1px 1px 10px rgba(0, 45, 77, 0.5);
    box-shadow: 1px 1px 10px rgba(0, 45, 77, 0.5);
}

body.no-top-hero #wrapper,
body.blog #wrapper,
body.single-post #wrapper {
    margin-top: 132px;
}

body.archive #wrapper {
    margin-top: 90px;
}

body.search #wrapper {
    margin-top: 80px;
}

.ba-top .navbar-logo {
  display: block;
  padding: 0;
  z-index: 5;
  text-decoration: none;
  font-weight: normal;
  position: absolute;
  left: 24px;
  top: 15px;
  z-index: 20;

  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;  
}

.ba-top .menu-main-menu-container {
    float: right;
}

.ba-top .navbar-logo:hover {
    opacity: 0.6;
}

/*
.ba-top .navbar-logo span {
  display: inline-block;
  font-family: 'myriadpro-lightcond', 'myriadpro-cond', 'MyriadProCond', sans-serif;
  color: #ffffff;
  font-size: 38px;
  line-height: 48px;
  margin-left: -6px;
  -webkit-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  transition: color 100ms linear;
}
.ba-top .navbar-logo span:first-child {
  margin-left: 0;
}
.ba-top .navbar-logo span.brand-main {
  font-size: 50px;
  line-height: 66px;
  margin-left: -6px;
  -webkit-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  transition: color 100ms linear;
}

.ba-top span.brand-main {
    line-height: 72px;
}

.ba-top .navbar-logo span.less-margin {
  margin-left: -5px;
}
.ba-top .navbar-logo span:nth-of-type(1) {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}
.ba-top .navbar-logo span:nth-of-type(2) {
  -webkit-transition-delay: 125ms;
  -moz-transition-delay: 125ms;
  transition-delay: 125ms;
}
.ba-top .navbar-logo span:nth-of-type(3) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}
.ba-top .navbar-logo span:nth-of-type(4) {
  -webkit-transition-delay: 175ms;
  -moz-transition-delay: 175ms;
  transition-delay: 175ms;
}
.ba-top .navbar-logo span:nth-of-type(5) {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  transition-delay: 200ms;
}
.ba-top .navbar-logo span:nth-of-type(6) {
  -webkit-transition-delay: 225ms;
  -moz-transition-delay: 225ms;
  transition-delay: 225ms;
}
.ba-top .navbar-logo span:nth-of-type(7) {
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  transition-delay: 250ms;
}
.ba-top .navbar-logo span:nth-of-type(8) {
  -webkit-transition-delay: 275ms;
  -moz-transition-delay: 275ms;
  transition-delay: 275ms;
}
.ba-top .navbar-logo span:nth-of-type(9) {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  transition-delay: 300ms;
}
.ba-top .navbar-logo span:nth-of-type(10) {
  -webkit-transition-delay: 325ms;
  -moz-transition-delay: 325ms;
  transition-delay: 325ms;
}
.ba-top .navbar-logo span:nth-of-type(11) {
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  transition-delay: 350ms;
}
.ba-top .navbar-logo:hover span {
  color: rgba(255, 255, 255, 0.5);
}
*/

.ba-top .header.navbar {
  border: none;
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
  min-height: 0;
  font-size: 14px;
  -webkit-transition: padding 400ms linear;
  -moz-transition: padding 400ms linear;
  -o-transition: padding 400ms linear;
  transition: padding 400ms linear;    
}

.ba-top .header.navbar .navbar-toggle .icon-bar {
    background-color: #fff;
    -webkit-transition: background 250ms linear;
    -moz-transition: background 250ms linear;
    -o-transition: background 250ms linear;
    transition: background 250ms linear;    
}

.ba-top .header.navbar .navbar-collapse .navbar-nav {
    margin-top: 15px;
}

.ba-top .fixed-only {
    opacity: 0;
    z-index: 10;
}

.ba-top.fixed {
    position: fixed;
    background-color: #1486ab;
    box-shadow: 1px 1px 10px rgba(0, 45, 77, 0.5);
    -webkit-animation: fade-down ease-in-out 700ms 100ms both;
    -moz-animation: fade-down ease-in-out 700ms 100ms both;
    animation: fade-down ease-in-out 700ms 100ms both;
}

.ba-top.fixed .not-fixed-only {
    opacity: 0;
}

.ba-top.fixed .fixed-only {
    opacity: 1;
    z-index: 20;
}

.ba-top.fixed .fixed-only:hover {
    opacity: 0.6;
}


ul.ba-menu {
    float: right;
}

ul.ba-menu li {
 
}

ul.ba-menu li a {
    color: white;
    padding: 0 0 3px 0;
    margin: 0 14px;
    font-size: 14px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;    
}

ul.ba-menu>li>a:focus, ul.ba-menu>li>a:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
}

ul.ba-menu > li > a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: opacity 300ms, -webkit-transform 300ms;
    -moz-transition: opacity 300ms, -moz-transform 300ms;
    -o-transition: opacity 300ms, -o-transform 300ms;
    transition: opacity 300ms, transform 300ms;
}

ul.ba-menu > li > a:hover::after, 
ul.ba-menu > li > a:focus::after,
ul.ba-menu > li.current-menu-item > a::after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);    
}

ul.ba-menu li.tel {
    position: relative;
}

ul.ba-menu li.tel::before {
    color: white;
    content: '\f095';
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -8px;
    top: 6px;
}

ul.ba-menu li.signup {
    -webkit-transition: background-color 300ms, border-color 300ms;
    -moz-transition: background-color 300ms, border-color 300ms;
    -o-transition: background-color 300ms, border-color 300ms;
    transition: background-color 300ms;   
}

ul.ba-menu li.signup > a:after {
    display: none;
}

ul.ba-menu li.signup > a:focus, ul.ba-menu li.signup > a:hover {
    color: white;
}


@media (min-width: 1100px) {
    ul.ba-menu li.tel {
        margin-right: 64px;
    }
}

@media (min-width: 1024px) and (max-width: 1099px) {
    ul.ba-menu li.tel {
        margin-right: 30px;
    }
}

@media (min-width: 1024px) {
    ul.ba-menu {
        margin-right: 40px;
    }

    ul.ba-menu li.login {
        margin-left: 66px;
    }
}

@media (min-width: 768px) {
    ul.ba-menu li.signup {
        background-color: #f90;
        border: 1px solid #f90;
        border-radius: 16px;
        padding: 1px 4px;
        margin-top: -1px;
        margin-left: 10px;
    }

    ul.ba-menu li.signup:hover {
        background-color: #D88200;
        border-color: #D88200;
    }

    ul.ba-menu li.signup a {
        padding: 0 0 1px 0;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    ul.ba-menu li a {
        margin: 0 12px;
    }
}

@media (min-width: 850px) and (max-width: 990px) {
    ul.ba-menu li a {
        font-size: 13px;
        margin: 0 8px;
    }

    ul.ba-menu li.tel::before {
    	left: -12px;
    }
}

@media (min-width: 768px) and (max-width: 849px) {
    ul.ba-menu li a {
        font-size: 12px;
        margin: 0 6px;
    }

    ul.ba-menu li.tel::before {
    	left: -14px;
    }
}

@media (max-width: 767px) {
    .ba-top {
      padding: 7px 0 6px;
    }

    .ba-top .navbar-collapse {
        background-color: rgba(20, 134, 171, 0.9);
    }

    ul.ba-menu {
        float: none;
        text-align: left;
    }

    ul.ba-menu li {
        text-align: left;
    }

    ul.ba-menu li a {
        margin: 0 6px;
    }

    ul.ba-menu > li > a::after {
        display: none;
    }

    ul.ba-menu li.tel::before {
        display: none;
    }
}

/* Loading Spinner */
.spinning-loader {
    font-size: 10px;
    margin: 50px auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    position: absolute;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.spinning-loader:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.spinning-loader:after {
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.with-spinner {
    position: relative;
    cursor: pointer;
}

.with-spinner .spinning-loader {
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    display: none;
}

.with-spinner .spinning-loader:after {
    background-color: #f90;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

.with-spinner.loading {
    cursor: default;
}

.with-spinner.loading:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 10;
}

.with-spinner.loading .spinning-loader {
    display: block;
}

.with-spinner.loading > button {
    cursor: default;
    color: transparent;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.with-spinner.loading > button > span {
    border-color: transparent;
}

.with-spinner.loading > button:hover + .spinning-loader:after,
.with-spinner.loading > button:focus + .spinning-loader:after,
.with-spinner.loading > button:active + .spinning-loader:after {
    background-color: #d57f07;
}

/* Global instance - #wrapper */
#wrapper {
    clear: both;
    background: #fff;
}

.has_hbar #wpadminbar {
	top: 36px;
}

@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

/* Global style */
button, html input[type=button],input.submit,input.wpcf7-submit,input[type=reset] {
    display: inline-block;
    background-color: #dd3534;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 10px 25px;
    height: auto;
    width: auto;
    font-size: 14px;
    border-radius: 0;
    border: none;
    transition: none;
    outline: none;
}

.p-cta1, .p-cta2,  .s-cta1, .searchandfilter input[type=submit], #searchform input[type=submit] {
    -webkit-transition: background-color 250ms linear, border-color 250ms linear, color 250ms linear;
    -moz-transition: background-color 250ms linear, border-color 250ms linear, color 250ms linear;
    transition: background-color 250ms linear, border-color 250ms linear, color 250ms linear;    
    outline: none;

    max-width: 96%;
}

.p-cta1, .p-cta1:focus, .p-cta2, .p-cta2:focus {
    display: inline-block;
    background-color: #f90;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    padding: 18px 28px;
}

.p-cta1, .p-cta1:focus {
    font-size: 20px;
    line-height: 24px;
}

input[type=submit].p-cta1 {
	font-size: 16px;
	line-height: 16px;
	height: 44px;
}

.p-cta1:hover, input[type=submit].p-cta1:hover,
.p-cta1:active, input[type=submit].p-cta1:active {
    background-color: #d88200;
    color: #fff;
}

.p-cta2 {
    font-size: 16px;
    line-height: 24px;
}

.p-cta2:hover, .p-cta2:active {
    background-color: #d88200;
    color: #fff;
}

.s-cta1, button.s-cta1, a.s-cta1, input[type=submit].s-cta1,.searchandfilter input[type=submit],#searchform input[type=submit] {
  border: 2px solid #1486ab;
  border-radius: 30px;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  padding: 20px;
  text-align: center;
  width: 250px;
}

.s-cta1, button.s-cta1, a.s-cta1, input[type=submit].s-cta1,.searchandfilter input[type=submit],#searchform input[type=submit],
.s-cta1:focus, button.s-cta1:focus, a.s-cta1:focus, input[type=submit].s-cta1:focus, .searchandfilter input[type=submit]:focus, #searchform input[type=submit]:focus {
  background-color: transparent;
  color: #1486ab;
}	

.s-cta1:hover, button.s-cta1:hover, a.s-cta1:hover, input[type=submit].s-cta1:hover, .searchandfilter input[type=submit]:hover, #searchform input[type=submit]:hover,
.s-cta1:active, button.s-cta1:active, a.s-cta1:active, input[type=submit].s-cta1:active, .searchandfilter input[type=submit]:active, #searchform input[type=submit]:active {
  background-color: #1486ab;
  color: white;
}

.s-cta1.white {
  border-color: white;
}

.s-cta1.white:hover {
  border-color: #1486ab;
}

.searchandfilter input[type=submit] {
	width: auto;
	padding: 12px 32px;
}

#searchform label.error, .mc4wp-form label.error {
	margin-top: 7px;
}

#searchform input[type=submit], .mc4wp-form input[type=submit], .blog-sidebar .s-cta1, #respond .s-cta1 {
	padding: 12px;
}

p {
    font-size: 16px;
    color: #36525f;
    line-height: 28px;
}

p.type2 {
    /* Used in testimonial area */
    font-size: 30px;
    line-height: 42px;
}

/* Icons */
i.icon36, i.social36 {
	display: inline-block;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.icon36 {
	background-image: url("images/icon36.png");
}

i.icon36.share { background-position: 0 0; }
i.icon36.comment { background-position: -36px 0; }

i.social36 {
	background-image: url("images/social_36_normal.png");
	-webkit-transition: background-image 0.25s ease;
	-moz-transition: background-image 0.25s ease;
	transition: background-image 0.25s ease;
}

i.social36:hover {
	background-image: url("images/social_36_hover.png");
}

i.social36.tw {	background-position: 0 0; }
i.social36.fb {	background-position: -36px 0; }
i.social36.in {	background-position: -72px 0; }
i.social36.go {	background-position: -108px 0; }

/* Hero section */
.hero {
    padding-top: 160px;
    padding-bottom: 160px;
    
    background: #1486ab; /* Old browsers */
    background: -moz-linear-gradient(top,  #1486ab 0%, #1486ab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1486ab 0%,#1486ab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1486ab 0%,#1486ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1486ab', endColorstr='#1486ab',GradientType=0 ); /* IE6-9 */
}

@media (min-height: 1000px) {
    .hero {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media (min-height: 870px) and (max-height: 999px) {
    .hero {
        padding-top: 190px;
        padding-bottom: 220px;
    }
}

.hero .cursive-subtitle {
    font-style: italic;
    font-weight: 600;
}

.hero h1 {
    color: #fff;
}

.hero h2 {
    color: #fff;
    margin-bottom: 60px;
}

.hero p {
    color: #fff;
    margin: 0 auto 40px;
}

.hero form {
    width: 530px;
    margin: 0 auto;
}

.hero .p-cta1, .hero-tools .p-cta1,
.hero .p-cta2, .hero-tools .p-cta2 {
    width: 340px;
}

.with-spinner .p-cta1, .with-spinner .p-cta2, .with-spinner .s-cta1 {
    width: 100%;
}

.vc_tta.vc_general h4.vc_tta-panel-title {
    font-size: 18px;
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 40px 0;
    text-align: center;
    color: #fff;
}

.intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro-text {
    font-size: 23px;
}

.intro-text1 {
    font-size: 48px;
    margin: 100px 0 30px;
}

.wpb-three-steps {
    padding: 80px 0;
}

.three-steps-row {
    margin-bottom: 40px;
}

.three-steps-row h3 {
    padding-top: 98px;
}

.three-steps-item p {
    color: #3b525f;
    margin-bottom: 30px;
}

.three-steps-row-pricing, .three-steps-row-reseller {
    margin-top: 20px;
    margin-bottom: 20px;
}

.three-reseller-item {
    margin-bottom: 40px;
}

.three-reseller-item h3 {
    padding-top: 100px;
}

.three-reseller-item p {
    text-align: center;
    padding: 0;
}

.three-steps-item-pricing h3 {
    margin: 0 0 40px;
    padding-top: 90px;
}

.three-steps-item-pricing p {
    font-size: 16px;
    line-height: 28px;
    padding: 0 20px;
    color: #3b525f !important;
}

h3.no-programing {
    background: url(../../uploads/2016/09/no_coding_skills_required.png) top center no-repeat;
}

h3.features {
    background: url(../../uploads/2016/09/revenue_generating.png) top center no-repeat;
}

h3.easy-use {
    background: url(../../uploads/2016/09/24_7_support.png) top center no-repeat;
}

.pr-icons {
    background: url(../../uploads/2016/09/incredibly_affordable.png) top center no-repeat;
}

.pr-icons-2 {
    background: url(../../uploads/2016/09/revenue_generating-1.png) top center no-repeat;
}

.pr-icons-3 {
    background: url(../../uploads/2016/09/fully_native_apps-1.png) top center no-repeat;
}

.pr-icons-4 {
    background: url(../../uploads/2016/09/no_coding_skills_required-1.png) top center no-repeat;
}

.pr-icons-5 {
    background: url(../../uploads/2016/09/painless_app_store.png) top center no-repeat;
}

.pr-icons-6 {
    background: url(../../uploads/2016/09/24_7_support-80.png) top center no-repeat;
}

.pr-icons-7 {
    background: url(../../uploads/2016/09/a_team_committed-1.png) top center no-repeat;
}

.pr-icons-8 {
    background: url(../../uploads/2016/09/100_white_label-1.png) top center no-repeat;
}

.pr-icons-9 {
    background: url(../../uploads/2016/09/fully_native_apps-2.png) top center no-repeat;
}

.pr-icons-10 {
    background: url(../../uploads/2016/09/build_rs.png) top center no-repeat;
}

.pr-icons-11 {
    background: url(../../uploads/2016/09/publish_rs.png) top center no-repeat;
}

.pr-icons-12 {
    background: url(../../uploads/2016/09/track.png) top center no-repeat;
}

.parallax-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/pattern.png);
    background-repeat: repeat;
    z-index: 0;
}


ul.partners {
  text-align: center;
  list-style: none;
  padding: 7px 0;
  margin: 0;
}

.partners li {
    display: inline-block;
    margin: 10px 50px 10px 0;
}

.partners li a {
  display: block;
  background-repeat: no-repeat;
  height: 103px;
}

.partners .entrepreneur a {
  background-position: 0 0;
  width: 143px;
}

.partners .business-insider a {
  background-position: -187px 0;
  width: 131px;
}

.partners .inc500 a {
  background-position: -364px 0;
  width: 112px;
}

.partners .nytimes a {
  background-position: -520px 0;
  width: 130px;
}

.partners .techchrunch a {
  background-position: -700px 0;
  width: 97px;
}

.partner-program {
    background: url(../../uploads/2016/02/partner-bg.jpg) center no-repeat;
    padding: 44px 0;
    color: #fff;
    text-align: center;
    background-size: cover;
}

.partner-program h4 {
    margin-bottom: 44px;
}

.partner-program-item p {
    padding: 0 28px;
}

.partner-program-item h3 {
    padding-top: 100px;
    margin: 0 0 22px;
    color: #fff;
}

.partner-program .green-button {
    width: auto;
    padding: 0 50px;
}

.home .tools {
    padding: 76px 0;
}

.home .tools h2 {
    min-height: 40px;
}

.testimonial {
    padding: 56px 0;
}

.testimonial p.testimonial-comment {
    margin-bottom: 40px;
    min-height: 176px;
}

@media (max-width: 600px) {
    .testimonial p.testimonial-comment {
        min-height: 210px;
    }
}

.testimonial p.type1 {
    margin-bottom: 0;
}


.carousel-inner>.item>img {
    margin-bottom: 40px;
}

#main-nav .current {
    color: #497bb8;
}

.navbar {
    min-height: 70px;
    border: 0;
    margin: 0;
    border-radius: 0 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

.navbar-default {
    border-color: transparent;
    border-bottom: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    color: #fff;
    transition: all .4s;
}

.is-sticky .navbar-default {
    background-color: rgba(0,0,0,.6);
    padding: 0;
}

.navbar-right {
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    margin-top: 10px;
}

.nav ul li a,.nav>ul>li>span {
    font-weight: 400;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 18px;
}

.navbar-collapse {
    margin-top: 4px;
    padding-right: 15px;
    padding-left: 35px;
    color: #121212;
}

.nav>ul>li>a,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin: 15px 15px 10px 0;
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 transparent;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 2px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-logo {
    padding: 0;
    display: inline-block;
}

.retina-logo {
    display: none !important;
}

.nav>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav>ul>li {
    display: inline-block;
}

.nav>ul>li>a,.nav>ul>li>span {
    display: block;
    padding: 10px 15px;
    position: relative;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus,.navbar-nav>ul>li>span.dropdown-toggle a {
    color: #fff;
    background: 0 0;
}

.navbar-default .navbar-nav>li>a {
    line-height: 30px;
    padding: 5px 15px !important;
}

.navbar-nav>ul>li>.dropdown-menu {
    margin: 0;
    padding: 0;
}

.navbar-nav>ul>li>.dropdown-menu li a {
    padding: 10px 0 10px 15px;
}

.navbar-right .dropdown-menu {
    right: auto;
    left: 15px;
    top: 60px;
}

.dropdown-menu .menu-item-has-children .dropdown-menu {
    left: 100%;
    top: -3px;
}

.dropdown-menu {
    font-size: 13px;
    padding: 0 !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
    border-radius: 0;
}

.dropdown-menu>li>a {
    text-align: left;
    padding: 8px 15px;
}

.av-service,.heading-icon,.service-icon,.service-style-one {
    text-align: center;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}

.have-search {
    position: relative;
}

#header-search {
    background: 0 0;
    height: 52px;
    position: absolute;
    bottom: -30px;
    right: -17px;
    z-index: 1091;
    display: none;
}

#header-search:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff;
    border-color: rgba(255,255,255,0) rgba(255,255,255,0) #fff;
    position: absolute;
    right: 13px;
    top: -2px;
}

#header-search input.s {
    background: #fff !important;
    width: 300px;
    height: auto;
    border: none;
    padding: 10px 15px;
    line-height: 25px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#header-search input.s:focus {
    outline: 0;
}

.search-toggle {
    float: right;
    position: absolute;
    display: inline-block;
    top: 38px;
    right: 0;
}

.is-sticky #header-search:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #497bb8;
    border-color: rgba(255,255,255,0) rgba(255,255,255,0) #497bb8;
    position: absolute;
    right: 13px;
    top: -2px;
}

.is-sticky #header-search input.s,.is-sticky input.s[type=text] {
    background: #497bb8 !important;
    color: #fff !important;
}

.is-sticky #header-search input::-webkit-input-placeholder {
    color: rgba(255,255,255,.4);
}

#header-search .searchform:after,.is-sticky #header-search .searchform:after {
    content: '\f002';
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 19px;
    right: 11px;
    font-weight: 400;
    background: 0 0 !important;
}

#header-search .searchform:after {
    color: #ddd;
}

.is-sticky #header-search input.s[type=text]::-moz-selection {
    background: rgba(255,255,255,.4);
}

section {
    position: relative;
    width: calc(100% - 30px);
    margin: 0 auto;
}

.section {
    margin: 60px auto;
}

.section-top {
    margin: 60px auto 0;
}

.section-bottom {
    margin: 0 auto 60px;
}

.btn,.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning {
    text-shadow: none;
    border: 0;
    background-image: none;
    border-radius: 3px;
    transition: .4s cubic-bezier(.25,.46,.45,.94);
    transition-property: background-color,color;
    box-shadow: none;
}

.btn-danger:hover,.btn-info:hover,.btn-primary:hover,.btn-success:hover,.btn-warning:hover,.btn:hover {
    background-color: #121212;
    border-color: transparent;
}

.btn-danger:focus,.btn-info:focus,.btn-primary:focus,.btn-success:focus,.btn-warning:focus,.btn:focus {
    background-color: #999;
    border-color: transparent;
}

.btn-danger:active,.btn-default:active,.btn-info:active,.btn-primary:active,.btn-success:active,.btn-warning:active,.btn:active {
    background: #121212;
    border: 0;
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #121212;
    border-color: #121212;
    outline: 0;
}

.open .dropdown-toggle.btn-primary {
    border-color: transparent;
}

blockquote p {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
}

blockquote {
    border-left: 5px solid #CFCFCF;
    padding: 10px 15px;
    margin: 10px 0 20px 10px;
}

ul.check-list-1 li:before,ul.check-list-2 li:before,ul.check-list-3 li:before,ul.chevron-list-1 li:before,ul.chevron-list-2 li:before,ul.dot-circle-list li:before {
    display: inline-block;
    width: 40px;
    margin-left: -40px;
    text-align: center;
    line-height: inherit;
    font-family: FontAwesome;
}

ul.caret-list,ul.check-list-1,ul.check-list-2,ul.check-list-3,ul.chevron-list-1,ul.chevron-list-2,ul.dot-circle-list {
    list-style: none;
}

ul li {
    font-weight: 400;
}

ul.check-list-1 li:before {
    font-size: 13px;
    content: '\f00C';
}

ul.check-list-2 li:before {
    font-size: 13px;
    content: '\f058';
}

ul.check-list-3 li:before {
    font-size: 13px;
    content: '\f14a';
}

ul.chevron-list-1 li:before {
    font-size: 13px;
    content: '\f054';
}

ul.chevron-list-2 li:before {
    font-size: 13px;
    content: '\f138';
}

ul.dot-circle-list li:before {
    font-size: 13px;
    content: '\f192';
}

ul.caret-list li:before {
    font-size: 13px;
    content: '\f152';
}

.btn-link:focus,.btn-link:hover {
    color: #121212;
    text-decoration: underline;
    background-color: transparent;
}

.nav>ul>li>a:focus,.nav>ul>li>a:hover {
    text-decoration: none;
    color: #497bb8;
    border: none;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #121212;
    text-decoration: none;
    background-color: #f5f5f5;
    outline: 0;
}

.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.callout h2,.callout h4,.dropcap,.join-us h3,.member-info h4,.member-info h5,.pricing-head .plan-name,.processlist ul li h5,.table-style-three table thead th,.table-style-two table thead th,.testimonial h4,.viewnow,table thead th {
    text-transform: uppercase;
}

.separator-light {
    background: rgba(255,255,255,.2) !important;
}

.separator-dark {
    background: rgba(0,0,0,.2) !important;
}

.separator-dark-border {
    border-color: rgba(0,0,0,.2) !important;
}

.border-1 {
    border-width: 1px 0 0 !important;
}

.fwb {
    font-weight: 700;
}

.fwl {
    font-weight: lighter;
}

.av-service h4,.av-service p,.fwn {
    font-weight: 400;
}

.white-bg {
    background: #fff !important;
}

.black-bg {
    background: #2b2b2b !important;
}

.dark-bg {
    background-color: #444 !important;
}

.grey-bg {
    background: #f0f0f0 !important;
}

.light-bg {
    background-color: #f8f8f8 !important;
}

.light-dark-bg {
    background-color: rgba(255,255,255,.2) !important;
}

.blue-bg {
    background: #497bb8 !important;
}

.purple-color {
    color: #635c90 !important;
}

.green-color {
    color: #3fb19d !important;
}

.red-color {
    color: #e1584d !important;
}

.blue-color {
    color: #2aa4d0 !important;
}

.light-brown-color {
    color: #e09077 !important;
}

.mid-night-color {
    color: #354e5b !important;
}

.light {
    color: #aaa !important;
}

.heading-icon {
    width: 60px;
    height: 60px;
    line-height: 65px;
    border: 2px solid #fbb02c;
    margin: 0 auto;
    clear: both;
}

.heading-icon.ti-rounded {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

.heading-icon.ti-square {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}

.heading-icon i {
    font-size: 24px;
    color: #fbb02c;
}

.av-service-pattern {
    display: block;
    background: url(images/service-bg-pattern.png);
    position: relative;
    top: 50px;
    height: 25px;
    left: 0;
    margin: 0 auto 110px;
}

.av-service h4 {
    font-size: 22px;
    color: #444;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px;
    display: inline-block;
    margin: 0 auto 30px;
}

.av-service p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    color: #777;
}

.service-style-one {
    padding: 10%;
    color: #fff;
    background: #497bb8;
}

.entry-content .service-style-one h2,.service-style-one h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    border-bottom: none;
    padding: 20px 0 0;
    display: block;
    margin: 0 auto 20px;
    color: #fff;
}

.service-style-one p {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.service-features-list {
    margin: 30px auto 0;
    padding: 0;
    color: #fff;
}

.service-features-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
}

.service-icon {
    width: 96px;
    height: 96px;
    display: block;
    margin: 0 auto 10px;
    line-height: 96px;
    font-size: 50px;
    border: 2px solid #fff;
}

.icon-rounded {
    border-radius: 100%;
}

.icon-square {
    border-radius: 0;
}

.service-button a {
    margin: 20px auto 0 !important;
}

.service-style-two {
    text-align: left;
    margin: 25px auto;
    float: left;
}

.service-style-two h2 {
    font-size: 18px;
    color: #444;
    margin: 10px auto 20px;
}

.service-style-two p {
    font-size: 14px;
    line-height: 20px;
    color: #777;
}

.service-style-two .service-icon {
    width: 81px;
    height: 81px;
    display: inline-block;
    text-align: center;
    line-height: 78px;
    font-size: 30px;
    background: #fbb02c;
    position: relative;
}

.service-style-two .service-icon:before {
    width: 62px;
    height: 8px;
    position: absolute;
    content: "";
    bottom: -18px;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,.05);
}

.service-style-two .service-icon.hide-bottom-shadow:before {
    display: none;
}

.service-style-two .service-icon.icon-square:before {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}

.service-style-two .service-icon.icon-rounded:before {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

.service-style-two .service-icon i {
    color: #fff;
}

.service-style-two .service-icon-outer {
    width: 85px;
    padding-right: 100px;
    float: left;
}

.service-two-content {
    width: 72%;
    float: left;
}

.member-info,.team-member {
    width: 100%;
    float: left;
}

.team-member {
    background: 0 0;
    text-align: center;
    padding: 0;
    margin: 0 0 20px;
}

.team-member .team-image {
    width: 100%;
    height: 250px;
    float: left;
    position: relative;
    border-radius: 100%;
}

.team-member img {
    max-width: 250px;
    height: 250px;
    border-radius: 100%;
}

.entry-content h5.team-profession {
    color: #aaa;
    font-size: 18px;
}

.team-member .popup-team {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    width: 250px;
    height: 250px;
    margin: 0 auto;
    line-height: 250px;
    color: #fff;
    display: none;
    border-radius: 100%;
}

.team-member:hover .popup-team {
    display: block;
}

.popup-team.team-overlay a {
    color: #fff;
    border-radius: 100%;
    width: 50px;
    margin: 0 auto;
    font-size: 18px;
    border: 4px solid #fff;
    height: 50px;
    display: block;
    position: relative;
    line-height: 42px;
    top: 40%;
}

.popup-team.team-overlay a:active,.popup-team.team-overlay a:focus,.popup-team.team-overlay a:hover {
    color: #fff;
}

.member-info p {
    font-size: 13px;
    color: #999;
    font-weight: 400;
}

.member-info h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin: 20px 0 10px;
    color: #444;
}

.member-info h5 {
    font-size: 18px;
    font-weight: 400;
    color: #aaa;
    margin: 0 0 10px;
}

.mfp-content .popup-team.team-overlay {
    display: none;
}

.zoom-anim-dialog {
    background: #fff;
    padding: 0;
    text-align: left;
    max-width: 334px;
    margin: 40px auto;
    position: relative;
    display: block;
    border-radius: 0 0 6px 6px;
}

.team-popup-content {
    padding: 10px 20px;
    text-align: center;
}

.team-popup-content h2 {
    font-size: 26px;
}

.team-popup-content h3 {
    font-size: 20px;
    margin: 10px 0;
    font-weight: 400;
}

.mfp-close-btn-in .mfp-close {
    color: #FFF !important;
}

.team-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.team-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.team-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
}

.team-zoom-in.mfp-bg {
    opacity: .001;
    transition: opacity .3s ease-out;
}

.team-zoom-in.mfp-ready.mfp-bg {
    opacity: .8;
}

.team-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.team-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.team-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

.team-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.team-slide-bottom.mfp-bg {
    opacity: .01;
    transition: opacity .3s ease-out;
}

.team-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8;
}

.team-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.team-zoom-in .mfp-close {
    color: #FFF;
    right: 1px !important;
    top: 1px !important;
    padding: 0 !important;
    float: right !important;
    width: 44px !important;
    text-align: center !important;
    text-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 0 #444;
    background: rgba(0,0,0,.6);
}

.team-zoom-in .mfp-close:active {
    top: 1px !important;
}

.team-zoom-in .mfp-zoom-out-cur,.team-zoom-in .mfp-zoom-out-cur .mfp-close {
    cursor: pointer !important;
}

.social-media {
    list-style: none;
    margin: 20px auto;
    padding: 0;
}

.social-media li {
    display: inline-block;
    margin: 6px 5px 10px;
    text-align: center;
}

.social-media li:first-child {
    margin: 6px 5px 10px 0;
}

.social-media li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #497bb8;
    margin: 0;
    line-height: 40px;
    border-radius: 6px;
}

.social-media li a:hover {
    transition: all .2s;
}

.social-media li a i {
    color: #fff;
    font-size: 18px;
    padding: 10px;
}

.counter-wrap {
    margin: 0 0 20px;
    width: 100%;
    float: left;
}

.counter-icon-hide .counter-icon {
    display: none;
}

.text-center .counter {
    float: none;
}

.counter {
    padding: 0;
    margin: 15px 0 0;
    float: left;
}

.right-border {
    background: url(images/counter-right.png) right top no-repeat;
    min-height: 64px;
}

.counter p {
    font-weight: 600;
    margin: 5px 0 0;
    font-size: 16px;
}

.counter-letters {
    font-size: 26px;
    font-weight: 600;
    line-height: 0;
    margin-top: 20px;
}

.counter-letters.customers {
    font-size: 24px;
    color: #444;
    font-weight: 700;
}

.counter-letters p {
    font-weight: 600;
    letter-spacing: 2px;
}

.valuein {
    font-size: 26px;
    font-weight: 600;
    line-height: 0;
}

.counter-icon {
    float: left;
    margin: 0 0 0 10px;
}

.counter-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 34px;
    margin: 0 15px 0 0;
    border-radius: 100%;
}

.owl-carousel {
    float: left;
}

#testi-slider {
    margin: 0 auto;
    float: left;
}

#testi-slider .owl-wrapper-outer {
    padding: 20px;
}

#testi-slider .owl-wrapper {
    min-height: auto;
}

.testimonial-author {
    text-align: center;
    width: 100%;
}

.testimonial-author-content {
    display: inline-table;
    padding: 0 30px;
    vertical-align: middle;
    width: 75%;
    text-align: center;
}

.testimonial-author-content p {
    margin: 0 auto 20px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.testimonial-author-img {
    border: 3px solid #f0f0f0;
    display: inline-block;
    border-radius: 100px;
    margin: 0 10px;
}

.testimonial-author-img img {
    color: #fff;
    transition: all .4s;
    border-radius: 100px;
}

.testi-auth-name {
    color: #777;
    font-size: 16px;
    font-weight: 400;
}

.testi-auth-name:after {
    content: " -";
}

.testi-auth-company {
    font-weight: 400;
    font-size: 14px;
    padding: 0 0 0 5px;
    color: #aaa;
}

#testi-slider .owl-controls .owl-page span {
    width: 20px;
    height: 20px;
    background: #e0e0e0;
    border: 4px solid #e0e0e0;
    margin: 3px 0 0 10px;
    display: inline-block;
    border-radius: 30px;
}

#testi-slider .owl-controls .owl-page span:hover,#testi-slider .owl-controls .owl-page.active span {
    background: #497bb8;
}

.clientlist {
    float: left;
    margin: 20px auto;
}

.clientlist a {
    width: 277px;
    height: 151px;
    line-height: 151px;
    background: #f0f0f0;
    box-shadow: 0 2px 0 0 #e4e4e4;
    border-radius: 10px;
    display: inline-block;
    margin: 10px;
    text-align: center;
}

.clientlist a:hover {
    box-shadow: 0 2px 0 0 #3ec6d3;
}

.clientlist a img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.clientlist img.desaturate {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease-in-out;
}

.clientlist:hover img.desaturate {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.client-style-2 {
    margin: 0;
    float: none;
}

.client-style-2.clientlist a {
    box-shadow: 0 0 0 0 #e4e4e4;
    width: auto;
    height: auto;
}

.testimonial {
    margin: 0;
    text-align: center;
    font-weight: 400;
}

.testimonial .client-img {
    margin: 0 auto 10px;
    display: inline-block;
    width: 65px;
    height: 65px;
}

.testimonial .client-img img {
    border-radius: 100%;
}

.testimonial h4 {
    font-size: 16px;
    color: #222;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px;
    display: block;
}

.testimonial .testi-author {
    display: inline-block;
    padding: 0 0 0 15px;
    text-align: left;
    position: relative;
    top: 15px;
}

.testimonial span {
    font-size: 14px;
    color: #777;
    margin: 0;
    display: block;
}

.testi-content {
    border: 1px solid #f0f0f0;
    border-top: 2px solid #497bb8;
    padding: 0;
    margin: 0 0 25px;
    position: relative;
    background: #fdfdfd;
    border-radius: 0 0 3px 3px;
}

.testi-arrow {
    position: absolute;
    background: url(images/testimonial-arrow-down.png) no-repeat;
    top: 100%;
    left: 47%;
    height: 32px;
    width: 32px;
}

.testi-company:before {
    content: ' - ';
    padding: 0 3px;
}

.testi-company {
    color: #497bb8;
    font-size: 14px;
}

.skillbar {
    position: relative;
    display: block;
    margin: 30px 0 48px;
    padding: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ececec;
    height: 22px;
    transition: .4s linear;
    transition-property: width,background-color;
    border-radius: 3px;
}

.skillbar-title {
    position: absolute;
    top: -30px;
    left: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #454545;
    background: 0 0;
    z-index: 1;
    border-radius: 0;
}

.skillbar-bar {
    position: relative;
    left: 0;
    height: 20px;
    width: 0;
    background: #6adcfa;
    padding: 0;
    overflow: inherit !important;
    border-radius: 3px;
}

.percentage-text {
    text-align: center;
    vertical-align: middle;
    padding: 2px 12px;
    font-weight: 400;
    font-size: 13px;
    float: right;
    color: #fff;
    top: -35px;
    right: -24px;
    position: absolute;
    display: block;
    background: #497bb8;
}

.percentage-text small.skill-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #497bb8;
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.skill-first-col {
    padding: 0 20px 0 0;
}

a.btn-style-one {
    display: inline-block;
    background-color: #497bb8;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 5px 30px;
    line-height: 33px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: inset 0 -3px rgba(0,0,0,.2);
    transition: none;
}

a.btn-style-one:hover {
    color: #fff;
    transition: all .1s ease-in-out;
    box-shadow: inset 0 -1px rgba(0,0,0,.2);
    top: 1px;
}

a.btn-style-one.medium-btn {
    padding: 5px 20px 7px;
    line-height: 33px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 0 20px;
}

a.btn-style-one.small-btn {
    padding: 5px 25px 6px;
    line-height: 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 0 20px;
}

.btn-style-one {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 20px;
}

.btn-style-one i {
    padding: 0 0 0 8px;
}

a.btn-style-three,a.btn-style-two {
    padding: 5px 30px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    line-height: 33px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    transition: all .3s ease-in-out;
}

a.btn-style-two {
    background-color: transparent;
    color: #dd3534;
    border: 2px solid #dd3534;
    border-radius: 6px;
}

a.btn-style-two:hover {
    border-radius: 0;
}

a.btn-style-three {
    color: #fff;
    background-color: #dd3534;
    border-radius: 6px;
}

a.btn-style-three:hover {
    border-radius: 0;
}

a.btn-style-four {
    border: none !important;
    padding: 10px 25px !important;
    font-weight: 400;
    border-radius: 50px;
    background: #f90;
    color: #FFF !important;
    font-size: 15px !important;
    transition: all .3s ease-in-out;
    display: inline-block;
}

a.btn-style-four:hover {
    border-radius: 50px;
}

a.btn-style-five {
    display: inline-block;
    color: #fff;
    text-align: center;
    background-color: #dd3534;
    cursor: pointer;
    position: relative;
    padding: 5px 30px;
    line-height: 33px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0;
    transition: all .3s ease-in-out;
}

a.large-btn,a.medium-btn,a.small-btn {
    font-weight: 700 !important;
    margin: 0 0 20px;
}

a.btn-style-five:hover {
    border-radius: 6px;
}

a.small-btn {
    padding: 0 20px;
    line-height: 30px !important;
    font-size: 13px !important;
}

a.medium-btn {
    padding: 5px 20px;
    line-height: 33px !important;
    font-size: 15px !important;
}

a.large-btn {
    padding: 10px 25px;
    font-size: 18px !important;
}

.btn-style-five.purple,.btn-style-one.purple,.btn-style-three.purple {
    background-color: #635c90 !important;
}

.btn-style-four.purple,.btn-style-two.purple {
    color: #635c90 !important;
    border-color: #635c90 !important;
}

.btn-style-five.green,.btn-style-one.green,.btn-style-three.green {
    background-color: #3fb19d !important;
}

.btn-style-four.green,.btn-style-two.green {
    color: #3fb19d !important;
    border-color: #3fb19d !important;
}

.btn-style-five.red,.btn-style-one.red,.btn-style-three.red {
    background-color: #e1584d !important;
}

.btn-style-four.red,.btn-style-three.red,.btn-style-two.red {
    color: #fff !important;
    border-color: #e1584d !important;
}

.btn-style-five.blue,.btn-style-one.blue,.btn-style-three.blue {
    background-color: #2aa4d0 !important;
}

.btn-style-four.blue,.btn-style-two.blue {
    color: #2aa4d0 !important;
    border-color: #2aa4d0 !important;
}

.btn-style-four.white {
    color: #fff !important;
    border-color: #fff !important;
}

.btn-style-five.light-brown,.btn-style-one.light-brown,.btn-style-three.light-brown {
    background-color: #e09077 !important;
}

.btn-style-four.light-brown,.btn-style-two.light-brown {
    color: #e09077 !important;
    border-color: #e09077 !important;
}

.btn-style-five.mid-night,.btn-style-one.mid-night,.btn-style-three.mid-night {
    background-color: #354e5b !important;
}

.btn-style-four.mid-night,.btn-style-two.mid-night {
    color: #354e5b !important;
    border-color: #354e5b !important;
}

.comment-area table {
    margin: 20px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    border-radius: 4px;
}

.comment-area table td,.comment-area table th {
    padding: 8px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
    line-height: 18px;
}

.comment-area table tbody:first-child tr:first-child td,.comment-area table tbody:first-child tr:first-child th,.comment-area table thead:first-child tr:first-child th {
    border-top: 0;
}

.comment-area table tbody:first-child tr:first-child td:first-child,.comment-area table thead:first-child tr:first-child th:first-child {
    border-radius: 4px 0 0;
}

.comment-area table tbody:first-child tr:first-child td:last-child,.comment-area table thead:first-child tr:first-child th:last-child {
    border-radius: 0 4px 0 0;
}

.comment-area table tbody:last-child tr:last-child td:first-child,.comment-area table thead:last-child tr:last-child th:first-child {
    border-radius: 0 0 0 4px;
}

.comment-area table tbody:last-child tr:last-child td:last-child,.comment-area table thead:last-child tr:last-child th:last-child {
    border-radius: 0 0 4px;
}

.table-style-one a {
    color: #da322c;
}

.table-style-one a:hover {
    text-decoration: underline;
}

table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    color: #777;
}

.table-style-one {
    font-size: 12px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #497BB8;
    border-radius: 3px;
    margin: 0 0 30px;
}

table tbody .alt td,table tfoot td div {
    background: #497BB8;
}

table td,table th {
    padding: 3px 10px;
}

table thead th {
    background-color: #497BB8;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0 15px 10px;
}

table thead th:first-child {
    border: none;
}

table tbody td {
    font-size: 14px;
    font-weight: 400;
    padding: 15px 10px;
}

table tbody tr:last-child td {
    border-bottom: none;
}

table tfoot,table tfoot a {
    border-top: 1px solid #497BB8;
    background: #497BB8;
    color: #fff;
}

table tfoot td div {
    border-top: 1px solid #497BB8;
    padding: 2px;
}

table tfoot td {
    padding: 10px;
    font-size: 14px;
}

table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

table tfoot li {
    display: inline;
}

table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #FFF;
    border: 1px solid #497BB8;
    border-radius: 3px;
    background-color: #497BB8;
}

table tfoot ul a:hover,table tfoot ul.active {
    text-decoration: none;
    border-color: #497BB8;
    color: #FFF;
    background: #00557F;
}

.table-style-two a {
    color: #da322c;
}

.table-style-two a:hover {
    text-decoration: underline;
}

.table-style-two table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    color: #777;
}

.table-style-two {
    font-size: 12px;
    background: #fff;
    overflow: hidden;
    margin: 0 0 30px;
}

.table-style-two table td,.table-style-two table th {
    padding: 3px 10px;
}

.table-style-two table thead th {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0 15px 10px;
}

.table-style-two table tbody td {
    font-size: 14px;
    font-weight: 400;
    padding: 15px 10px;
}

.table-style-two table tbody .alt td {
    background: #497BB8;
}

.table-style-two table tbody.fr-highlight td:first-child {
    color: #324d5b;
}

.table-style-two table tbody tr:last-child td {
    border-bottom: none;
}

.table-style-two table tfoot {
    border-top: 2px solid #497BB8;
    color: #497BB8;
}

.table-style-two table tfoot td {
    padding: 10px;
    font-size: 14px;
}

.table-style-two table tfoot td div {
    border-top: 1px solid #497BB8;
    background: #497BB8;
    padding: 2px;
}

.table-style-two table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.table-style-two table tfoot li {
    display: inline;
}

.table-style-two table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #FFF;
    border: 1px solid #497BB8;
    border-radius: 3px;
    background-color: #497BB8;
}

.table-style-two table tfoot ul a:hover,.table-style-two table tfoot ul.active {
    text-decoration: none;
    border-color: #497BB8;
    color: #FFF;
    background: #00557F;
}

.table-style-three,.table-style-three table tbody .alt td {
    background: #497BB8;
}

.hash {
    color: #dedede !important;
}

.table-style-three a {
    color: #fff;
}

.table-style-three a:hover {
    text-decoration: underline;
}

.table-style-three table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    color: #fff;
}

.table-style-three {
    font-size: 12px;
    overflow: hidden;
    border-radius: 3px;
    margin: 0 0 30px;
}

.table-style-three table td,.table-style-three table th {
    padding: 3px 10px;
}

.table-style-three table thead tr {
    border-bottom: 1px solid #fff;
}

.table-style-three table thead th {
    color: #fff;
    background-color: #497BB8;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0 15px 10px;
}

.table-style-three table tbody td {
    font-size: 14px;
    font-weight: 400;
    padding: 15px 10px;
}

.table-style-three table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.table-style-three table tbody tr:last-child td {
    border-bottom: none;
}

.table-style-three table tfoot,.table-style-three table tfoot td div {
    color: #fff;
    background: #497BB8;
}

.table-style-three table tfoot td {
    padding: 10px;
    font-size: 14px;
}

.table-style-three table tfoot td div {
    padding: 2px;
}

.table-style-three table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.table-style-three table tfoot li {
    display: inline;
}

.table-style-three table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #FFF;
    border: 1px solid #497BB8;
    border-radius: 3px;
    background-color: #497BB8;
}

.table-style-three table tfoot ul a:hover,.table-style-three table tfoot ul.active {
    text-decoration: none;
    border-color: #497BB8;
    color: #FFF;
    background: #00557F;
}

.table-style-four a {
    color: #da322c;
}

.table-style-four a:hover {
    text-decoration: underline;
}

.table-style-four table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    color: #777;
}

.table-style-four {
    font-size: 12px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 30px;
}

.table-style-four table td,.table-style-four table th {
    padding: 3px 10px;
    border-bottom: 1px solid #ccc;
}

.table-style-four table thead {
    border-bottom: 1px solid #ccc;
}

.table-style-four table thead th {
    background-color: #fff;
    color: #497BB8;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0 15px 10px;
    text-transform: uppercase;
}

.table-style-four table thead th:first-child {
    border: none;
}

.table-style-four table tr:hover {
    background-color: #dddbe7;
}

.table-style-four table tbody td {
    font-size: 14px;
    font-weight: 400;
    padding: 15px 10px;
}

.table-style-four table tbody .alt td {
    background: #497BB8;
}

.table-style-four table tbody tr:last-child td {
    border-bottom: none;
}

.table-style-four table tfoot {
    border-top: 1px solid #ccc;
    background: #fff;
    color: #497BB8;
}

.table-style-four table tfoot td div {
    border-top: 1px solid #497BB8;
    background: #497BB8;
}

.table-style-four table tfoot td {
    padding: 10px;
    font-size: 14px;
    border: none;
}

.table-style-four table tfoot td div {
    padding: 2px;
}

.table-style-four table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.table-style-four table tfoot li {
    display: inline;
}

.table-style-four table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #FFF;
    border: 1px solid #497BB8;
    border-radius: 3px;
    background-color: #497BB8;
}

.table-style-four table tfoot ul a:hover,.table-style-four table tfoot ul.active {
    text-decoration: none;
    border-color: #497BB8;
    color: #FFF;
    background: #00557F;
}

.panel-default>.panel-heading {
    background: 0 0;
    padding: 0;
}

.panel-default>.panel-heading a {
    border-radius: 6px 6px 0 0;
    border: 2px solid #ccc;
    margin: 0 0 -2px;
    color: #497bb8;
    padding: 15px;
    font-weight: 400;
    display: block;
}

.panel-default>.panel-heading a.collapsed {
    border-radius: 6px;
    margin: 0;
    color: #888;
}

.panel-default>.panel-heading i {
    float: right;
    font-size: 13px;
    padding: 0;
    border: 2px solid #ccc;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: -1px -4px 0 0;
    line-height: 23px;
    color: #ccc;
    border-radius: 100px;
}

.accordion-toggle .fa-plus,.accordion-toggle.collapsed .fa-minus {
    display: none;
}

.accordion-toggle.collapsed .fa-plus {
    display: inline-block;
}

.panel-title:hover {
    cursor: pointer;
}

.panel-body {
    background-color: transparent;
    padding-left: 30px;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    padding: 15px;
    border: 2px solid #ccc;
    border-top: 0;
    margin: -2px 0 0;
    background: #fff;
    color: #888;
    font-weight: 400;
    border-radius: 0 0 6px 6px;
}

.nav-tabs {
    border: none;
}

.tab-pane {
    padding: 15px 8px;
    background-color: transparent;
}

.tab-pane p {
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    font-size: 14px;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #497bb8;
    cursor: default;
}

.nav-tabs>li>a:focus {
    color: #fff !important;
}

.nav-tabs>li {
    border: 2px solid #ccc;
    border-radius: 0;
}

.nav-tabs>li:first-child {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.nav-tabs>li:first-child>a {
    border-radius: 3px 0 0 3px;
}

.nav-tabs>li:last-child {
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.nav-tabs>li:last-child>a {
    border-radius: 0 3px 3px 0;
}

.nav-tabs>li>a {
    background-color: #fff;
    color: #888;
}

.tab-wrap .nav-tabs {
    border: 2px solid #ccc;
    border-radius: 5px;
}

.tab-wrap .nav-tabs>li {
    margin: 0;
}

.tab-wrap .nav-tabs>li,.tab-wrap .nav-tabs>li:first-child {
    border: none;
    border-radius: 0;
}

.tab-wrap .nav-tabs>li.active>a,.tab-wrap .nav-tabs>li>a {
    border-bottom: 1px solid #ccc;
    padding: 15px 20px;
}

.tab-wrap .nav-tabs>li:first-child>a {
    border-radius: 3px 3px 0 0;
}

.tab-wrap .nav-tabs>li:last-child>a {
    border-radius: 0 0 3px 3px;
    border-bottom: none;
}

.alert {
    margin: 0 0 10px;
    font-size: 14px;
    position: relative;
    border-radius: 0;
    padding: 0;
    border-color: transparent;
    width: 100%;
}

.alert .toggle-alert {
    position: absolute;
    top: 26%;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    background: rgba(0,0,0,.4);
    border-radius: 100%;
    color: rgba(255,255,255,.8);
}

.toggle-alert>i {
    text-align: center;
    line-height: 23px;
    font-size: 12px;
}

.alert .alert-content {
    padding: 15px;
    position: relative;
    width: 91%;
    left: 50px;
    margin: 0;
    display: block;
}

.alert .alert-content.have-close-button {
    width: 83%;
}

.rounded {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.alert-icon>i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}

.rounded .alert-icon>i {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}

.alert-success.alert-icon>i {
    background: #61c333;
    color: #fff;
}

.alert-success {
    background: #c9efa6;
    color: #4daa22;
}

.alert-info.alert-icon>i {
    background: #289dcc;
    color: #fff;
}

.alert-info {
    background: #ceedfd;
    color: #289dcc;
}

.alert-danger.alert-icon>i {
    background: #fc4a4a;
    color: #fff;
}

.alert-danger {
    background: #f9e5e6;
    color: #ff555d;
}

.alert-warning.alert-icon>i {
    background: #f1c40f;
    color: #fff;
}

.alert-warning {
    background: #f7e28b;
    color: #cca60f;
}

.pricing-table {
    border: 2px solid #71ce73;
    border-radius: 3px;
    margin: 0 0 20px;
    background: #fff;
    position: relative;
}

.pricing-table.horizontal-pricing {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.pricing-table .pricing-head {
    height: auto;
    text-align: center;
    background: 0 0;
    border-radius: 2px 2px 0 0;
    padding: 0;
    position: relative;
    z-index: 0;
}

.pricing-table.horizontal-pricing .pricing-head {
    width: 29%;
    float: left;
    margin: 0 20px;
}

.pricing-head .plan-name {
    font-size: 28px;
    display: block;
    margin: 0 30px;
    border-bottom: 1px solid #E0E0E0;
    line-height: 120px;
    color: #444;
}

.pricing-table.horizontal-pricing .pricing-head .plan-name {
    font-size: 30px;
    margin: 30px 0 0;
    border-bottom: 0 solid #E0E0E0;
    line-height: 30px;
    color: #444;
}

.pricing-head .for-who {
    font-size: 15px;
    display: block;
    color: #fff;
}

.pricing-head .plan-price {
    color: #444;
    font-size: 25px;
    display: block;
    margin: 20px 30px;
    position: relative;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 20px;
}

.horizontal-pricing .pricing-head .plan-price {
    margin: 10px 0 0;
    border-bottom: 0 solid #E0E0E0;
    padding: 0;
}

.pricing-head .plan-price strong {
    font-size: 60px;
    color: #444;
    padding: 0 2px;
}

.style-two .for-who,.style-two .plan-name,.style-two:hover .plan-name {
    color: #fff;
}

.horizontal-pricing .pricing-head .plan-price strong {
    font-size: 28px;
    padding: 0 6px 0 4px;
}

.horizontal-pricing .price-period {
    font-size: 14px;
}

.horizontal-pricing .price-type {
    font-size: 16px;
    top: -8px;
    position: relative;
}

.price-period {
    font-size: 16px;
}

.price-type {
    font-size: 22px;
    position: relative;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0;
}

.style-two .plan-price {
    box-shadow: inset 0 1px rgba(0,0,0,.1);
}

.pricing-table .plan {
    border-radius: 6px;
    list-style: none;
    padding: 0 20px 10px;
    margin: 0;
    text-align: center;
    color: #777;
}

.pricing-table.horizontal-pricing .plan {
    width: 29%;
    float: left;
    margin: 12px 20px 0;
}

.pricing-table .plan li {
    font-size: 16px;
    padding: 12px 15px;
    font-weight: 400;
    margin: 0;
}

.pricing-table.horizontal-pricing .plan li {
    padding: 6px 15px;
    text-align: left;
}

.pricing-table.horizontal-pricing .plan li:before {
    font-family: FontAwesome;
    padding: 0 12px 0 0;
}

.pricing-table .plan li.plan-name {
    border-radius: 6px 6px 0 0;
    padding: 15px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    background: #e74c3c;
    margin-bottom: 30px;
    border-top: 0;
}

.pricing-badge,.tab-icon {
    background: #fa684d;
    text-align: center;
}

.pricing-table .plan li>strong {
    color: #e74c3c;
}

.pricing-table .plan li.plan-action {
    margin: 20px 0 0;
    text-align: center;
    padding: 36px 15px 25px;
    border-top: 1px solid #E0E0E0;
}

.pricing-table.horizontal-pricing .plan-action {
    width: 29%;
    float: left;
    margin: 35px 0 0 20px;
}

.pricing-table .plan.featured {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.plan-action a {
    margin: 0 !important;
    padding: 10px 25px 12px !important;
    display: block;
}

.pricing-badge {
    width: 84px;
    height: 84px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    position: absolute;
    right: 10%;
    top: -40px;
    border-radius: 100%;
}

.pricing-badge small {
    margin: 20px 10px;
    font-weight: 600;
    font-size: 14px;
    float: left;
}

ul.list-four,ul.list-one,ul.list-three,ul.list-two {
    margin: 0 0 20px;
    list-style: none;
}

.pricing-table.horizontal-pricing .pricing-badge {
    position: absolute;
    right: 0;
    top: -40px;
    left: 20px;
}

ul.list-one li:before,ul.list-two li:before {
    font-family: FontAwesome;
    position: relative;
    top: 0;
}

ul.list-one {
    padding: 0;
}

ul.list-one li {
    padding-left: 1em;
    font-size: 14px;
}

ul.list-one li:before {
    content: "• ";
    color: #d93530;
    font-size: 14px;
    padding-right: .8em;
}

ul.list-two {
    padding: 0;
}

ul.list-two li {
    padding-left: 1em;
    font-size: 14px;
}

ul.list-two li:before {
    padding-right: .8em;
}

ul.list-two.white li:before {
    color: #fff;
}

ul.list-four li:before,ul.list-three li:before {
    color: #d93530;
    font-size: 14px;
    font-family: FontAwesome;
    position: relative;
    top: 0;
}

ul.list-three {
    padding: 0;
}

ul.list-three li {
    padding-left: 1em;
    font-size: 14px;
}

ul.list-three li:before {
    padding-right: .8em;
    content: "\f046";
}

ul.list-four {
    padding: 0;
}

ul.list-four li {
    padding-left: 1em;
    font-size: 14px;
}

ul.list-four li:before {
    padding-right: .8em;
    content: "\f054";
}

.processlist ul {
    list-style: none;
    text-align: center;
}

.processlist ul li {
    width: 168px;
    display: inline-block;
    float: none;
    margin: auto 24px;
    color: #fff;
    cursor: pointer;
}

.processlist ul li i {
    font-size: 30px;
    color: #fff;
    padding-top: 23px;
    margin: 10px 0;
}

.proc-tabs {
    margin: 0;
    padding: 0;
}

.proc-tabs li {
    display: inline-block;
    float: left;
    padding: 0 5px;
}

.proc-tabs li a {
    display: block;
    float: left;
    padding: 5px;
    color: #666;
    text-decoration: none;
}

.pi_tweet_scroll a,.post-link,.post-metas span a {
    text-decoration: underline;
}

.proc-tabs li a:hover .tab-icon {
    box-shadow: 0 0 0 5px #fa684d;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px solid #fff;
}

.tab-icon {
    width: 151px;
    height: 151px;
    padding: 5px;
    margin: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    transition: all .3s ease-in-out;
    border: 2px solid #fff;
}

.tab-icon-in {
    width: 96%;
    height: 96%;
    border: 2px solid #fa684d;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 1px auto auto;
}

.activ-process {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 0 5px #e5e5e5;
    border: 2px solid #fff;
}

.processlist ul li h5 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.process-content {
    padding: 0;
    text-align: center;
    min-height: 140px;
}

.process-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.process-content ul li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.tab-content {
    clear: both;
    padding: 30px 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*.tab-content p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
}

.tab-content h4 {
    background-color: #fff;
    line-height: 30px;
}*/

.timeline-wrapper {
    width: 100%;
    float: left;
}

.timeline {
    width: 25%;
    float: left;
    margin: 50px 0 0;
    padding: 0;
    position: relative;
    text-align: center;
    color: #777;
}

.timeline h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px auto 15px;
}

.timeline p {
    font-size: 16px;
}

.timeline-content {
    padding: 10px 20px;
    margin: 20px 0 0;
}

.timeline-top-line {
    border-top: 8px solid #497BB8;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

.timeline:first-child .timeline-top-line {
    width: 60%;
    left: 45%;
}

.timeline:first-child .timeline-top-line:before {
    left: -1px;
}

.timeline-year {
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    font-size: 24px;
    color: #454545;
}

.timeline:last-child .timeline-top-line {
    width: 50%;
    right: 0;
}

.large-dotline:after,.small-dotline:after {
    right: 15px;
}

.timeline:last-child .timeline-top-line:before {
    display: block;
    left: 90%;
}

.timeline-top-line:before {
    content: "\f111";
    color: #fff;
    border: 6px solid #497BB8;
    font-family: FontAwesome;
    position: absolute;
    left: 46%;
    top: -17px;
    line-height: 13px;
    border-radius: 100%;
}

.timeline-year-icon {
    display: inline-block;
    margin: auto;
    width: 152px;
    height: 152px;
    line-height: 190px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background: #fa684d;
    border: 2px solid #fff;
    transition: all .3s ease-in-out;
}

.timeline-year-icon i {
    font-family: FontAwesome;
    font-size: 72px;
    color: #fff;
}

.timeline:hover .timeline-year-icon {
    box-shadow: 0 0 0 7px #fa684d;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px solid #fff;
}

.highlight {
    display: inline;
    padding: 1px 3px;
}

.tooltip {
    background: 0 0;
}

.dropcap-style-flat,.dropcap-style-rounded {
    background: #444;
    color: #fff;
}

.tooltip.in {
    -webkit-filter: avatar(opacity=100);
    filter: avatar(opacity=100);
    opacity: 1;
}

.dropcap {
    float: left;
    display: inline-block;
    width: 2em;
    height: 2em;
    margin: 0 5px 0 0;
    line-height: 2em;
    text-align: center;
    overflow: hidden;
}

.dropcap-style-rounded {
    border-radius: 100%;
}

.callout h2,.callout h4 {
    font-size: 22px;
    color: #444;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 20px;
}

.callout h4 {
    font-size: 18px;
}

.callout p {
    font-size: 16px;
    color: #777;
    line-height: 26px;
    font-weight: 400;
}

.callout-align-left .callout-content {
    float: left;
    width: 70%;
    margin: 0 20px 0 0;
}

.callout-align-left .callout-buttons {
    float: left;
    margin: 25px 0;
}

.callout-align-left .callout-button {
    float: left;
    margin: 0 20px;
}

.callout-align-center {
    text-align: center;
}

.callout-align-center .callout-content {
    margin: 0 0 20px;
}

.callout-align-center .callout-buttons {
    float: none;
    margin: 25px 0 0;
    display: block;
}

.callout-align-center .callout-button {
    float: none;
    display: inline-block;
    margin: 0 20px;
}

.callout-align-right .callout-content {
    float: right;
    width: 70%;
    margin: 0 0 0 20px;
}

.callout-align-right .callout-buttons {
    float: right;
    margin: 25px 0;
}

.callout-align-right .callout-button {
    float: left;
    margin: 0 20px;
}

.join-us {
    text-align: center;
}

.join-us h3 {
    font-size: 18px;
    color: #444;
    line-height: 32px;
    margin: 10px 0 20px;
}

.join-us-icon {
    background: #497bb8;
    color: #fff;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 47px;
    font-size: 18px;
    border: 6px solid #ececec;
    border-radius: 60px;
}

.promotions {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 auto 20px;
}

.promo-style-1 .promo-image {
    float: left;
    width: 100%;
    height: 130px;
    position: relative;
}

.promo-style-1 .promo-heading {
    position: absolute;
    width: 100%;
    float: left;
    display: block;
    top: 35%;
}

.entry-content .promo-style-1 .promo-heading h3 {
    color: #fff;
    font-size: 22px;
    margin: 0;
    text-align: center;
    padding: 12px 0;
    background: #497bb8;
}

.promo-style-2 .promo-image {
    float: left;
    width: 100%;
    height: 200px;
    position: relative;
}

.promo-style-2 .promo-heading {
    position: absolute;
    width: 100%;
    float: left;
    display: block;
    bottom: 0;
}

.entry-content .promo-style-2 .promo-heading h3 {
    color: #fff;
    font-size: 22px;
    margin: 0;
    text-align: center;
    padding: 12px 0;
    background: rgba(0,0,0,.6);
}

.promo-price {
    position: absolute;
    left: 20px;
    bottom: 60px;
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    line-height: 60px;
    background: #e5403a;
    color: #fff;
    font-size: 20px;
    border-radius: 100%;
}

.large-dotline:before,.small-dotline:before {
    left: 15px;
}

.viewnow,.viewnow:hover {
    background: #497BB8;
    color: #fff;
}

.viewnow {
    margin: auto;
    font-size: 14px;
    padding: 18px 0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    width: 100%;
}

.viewnow i {
    font-size: 14px;
    padding-left: 6px;
}

.map-show {
    display: none;
}

#blog {
    overflow-x: hidden;
}

.post-metas span a {
    font-weight: 400;
}

.hidden-items {
    display: none;
}

.view-more {
    margin: 20px auto;
}

.content {
    margin-top: 0;
}

.post-category .post-categories {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.post-category .post-categories li {
    list-style: none;
    display: inline-block;
}

.post-categories li:after {
    content: ", ";
}

.post-categories li:last-child:after {
    content: "";
}

.post-category i {
    padding: 0 8px 0 0;
}

.vc-blog {
    padding: 0;
}

.format-audio iframe,.format-status iframe,.format-video iframe,.post-content iframe {
    min-width: 100% !important;
}

.post-content iframe {
    max-width: 100% !important;
}

.advertisement img,.comment-area iframe,.featured-image img,.hero form,textarea {
    max-width: 100%;
}

.btn-style-four.read-more {
    color: #444;
}

a.btn-style-four.read-more {
    padding: 3px 30px;
}

a.btn-style-four.read-more:hover {
    background: #1C84C2;
    color: #fff;
}

.blog-style-1 {
    width: 25%;
    float: left;
    background: #FAFAFA;
    overflow: hidden;
}

.blog-style-image {
    float: left;
    width: 100%;
    min-height: 300px;
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/dummy/1600x870.html) center center no-repeat;
    background-size: cover;
}

.blog-style-content {
    position: absolute;
    top: 0;
    height: 300px;
    background: #fff;
    padding: 50px 40px 40px;
    width: 100%;
}

.blog-style-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;
    max-height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-style-content .post-title {
    font-size: 22px;
    margin: 6px 0 2px;
}

.blog-style-content .post-excerpt {
    margin: 20px 0;
    color: #777;
    font-size: 14px;
}

.blog-style-content .read-more {
    color: #aaa;
    font-size: 13px;
    font-weight: 700;
}

.blog-style-content .post-date {
    font-size: 13px;
    color: #777;
    text-transform: uppercase;
    font-weight: 700;
}

.blog-style-content .post-comments,.blog-style-content .zilla-likes {
    display: none;
}

.blog-style-content .post-meta-before a {
    font-size: 14px;
    color: #777;
    font-weight: 700;
}

.breadcrumbs,.page-title {
    font-weight: 400;
    -ms-word-wrap: break-word;
    text-align: center;
    letter-spacing: 0;
}

.blog-style-1:hover .blog-style-content {
    color: #fff;
    background: rgba(73,123,184,.8);
}

.blog-style-1:hover .blog-style-content .post-date,.blog-style-1:hover .blog-style-content .post-meta-before a,.blog-style-1:hover .blog-style-content .post-title,.blog-style-1:hover .blog-style-content .read-more,.blog-style-1:hover .blog-style-content p {
    color: #fff !important;
}

.grey .blog-style-1,.grey .blog-style-content {
    background-color: #f6f6f6;
}

#title-area {
    height: auto;
    width: 100%;
    margin: 0 auto;
    background: bottom center no-repeat fixed #9c9c9c;
    background-size: cover;
    position: relative;
}

#title-area .title-content {
    z-index: 0;
    position: inherit;
}

.title-content>.row {
    margin: 0;
}

#title-area.slider_class #fixed-navbar {
    position: absolute;
    float: left;
    width: 100%;
    z-index: 99999;
}

.page-title {
    color: #fff;
    margin: 0;
    font-size: 32px;
    line-height: 50px;
    word-wrap: break-word;
}

.breadcrumbs {
    line-height: 40px;
    color: #fff;
    margin: 0;
    font-size: 13px;
    word-wrap: break-word;
    display: block;
    background: #497bb8;
}

.breadcrumbs a {
    color: #fff;
}

.breadcrumb-trail .sep {
    padding: 0 5px;
}

.breadcrumbs-nub {
    width: 235px;
    height: 44px;
    margin: 0 auto;
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/nubs/nany-blue.html) top center no-repeat;
}

.small-dotline {
    width: 10px;
    height: 10px;
    margin: 5px auto !important;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    display: block;
}

.small-dotline:after,.small-dotline:before {
    width: 51px;
    height: 1px;
    position: absolute;
    content: "";
    top: 5px;
    background: #fff;
}

.large-dotline {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 5px auto;
    position: relative;
}

.large-dotline:after,.large-dotline:before {
    width: 100px;
    height: 2px;
    background: #fff;
    position: absolute;
    content: "";
    top: 3px;
}

.separator,.separator-100 {
    display: block;
    position: relative;
}

.separator {
    height: 1px;
    width: 60%;
    margin: 30px auto 20px;
    background: #dcdcdc;
}

.separator-1 {
    display: block;
    background: url(images/service-bg-pattern.png);
    height: 25px;
    left: 0;
    margin: 0 auto;
}

.separator-100 {
    height: 1px;
    width: 100%;
    margin: 30px auto 20px;
    background: rgba(90,82,141,.2);
}

.center-point {
    width: 10px;
    height: 10px;
    background: #da322c;
    margin: 3px 0 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.catfilter {
    text-align: center;
    margin-bottom: 40px;
    padding: 0;
}

.catfilter li a {
    display: block !important;
}

.catfilter a {
    margin: 0;
    color: #444;
    text-align: center;
    padding: 8px 16px;
    font-weight: 600;
    border-radius: 50px;
    font-size: 14px;
    text-transform: uppercase;
}

.catfilter li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.catfilter li.active a {
    color: #fff;
    background-color: #000;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.isotope,.isotope .isotope-item {
    transition-duration: .8s;
}

.isotope {
    transition-property: height,width;
}

.isotope .isotope-item {
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
}

.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item {
    transition-duration: 0;
}

#port-items .carousel-control {
    top: 20px;
    left: 86%;
    width: 50px;
    height: 50px;
    background: 0 0;
    opacity: 1;
    -webkit-filter: nany(opacity=100);
    filter: nany(opacity=100);
    text-shadow: 0 0 0 transparent;
    color: #bbb;
}

#port-items .carousel-control.right {
    left: 89%;
}

#port-items .carousel-control:hover {
    color: #dd3430;
}

#port-items .carousel-control.closing i {
    left: 0;
    top: 4px;
    position: relative;
    text-shadow: 0 0 0 transparent;
    color: #fff;
}

#port-items .carousel-control.closing {
    width: 35px;
    height: 35px;
    background: #dd3430;
    display: inline-block;
    position: absolute;
    top: 4%;
    left: 97%;
    right: 0;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.carousel-description,.description-inner p {
    font-size: 16px;
    color: #777;
    line-height: 24px;
    font-weight: 400;
    padding: 0;
    margin: 0 auto 40px;
}

.carousel-description i {
    margin-right: 5px;
    font-size: 17px;
}

.project-details {
    margin: 0;
}

.project-details span {
    display: block;
    margin: 10px 0;
    font-weight: 400;
    color: #777;
}

.hover-text .port-views small,.hover-text .zilla-likes-count em,.zilla-likes-count {
    display: inline-block;
}

.project-details span i {
    font-size: 18px;
    color: #666;
    text-align: center;
    width: 30px;
}

.portfolio-category-list a {
    color: #666;
}

.port-featured-image {
    margin: 0 20px 20px 0;
    float: left;
}

.portfolio-content {
    float: left;
}

.hover-text {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.7);
    color: #fff;
}

.hover-text .port-categroy {
    padding: 0 0 15px;
}

.hover-text .categroy-sep {
    background: #d9d9d9;
    height: 1px;
    width: 30%;
    margin: 0 auto 15px;
}

.hover-text .port-categroy a {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}

.hover-text .port-likes,.hover-text .port-views {
    text-transform: uppercase;
    font-size: 12px;
}

.hover-text .zilla-likes {
    margin: 0 3px 0 0;
    color: #fff;
}

.hover-text .zilla-likes:before {
    font-size: 13px;
    padding: 5px;
}

.hover-text .port-likes:after {
    content: '/';
    padding: 5px 5px 5px 7px;
}

.hover-text .port-views small {
    padding: 0 2px;
    font-size: 13px;
}

.hover-text .port-views i {
    font-size: 14px;
}

.nf-box {
    margin: 100px auto 0;
    display: block;
    text-align: center;
}

.nf-box p {
    font-weight: 400;
    color: #fff;
    margin: 0 30px 40px;
    font-size: 24px;
    line-height: 32px;
}

.nf-box a.back-home {
    font-weight: 400;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 6px;
    padding: 10px 25px;
    display: inline-block;
}

.nf-box h4 {
    margin: 0 0 20px 20px;
    font-weight: 700;
    font-size: 64px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 20px;
}

.post-content {
    margin: 20px auto 0;
}

.social-share {
    padding: 0;
    margin: 30px 0 0;
    float: right;
}

.social-share li {
    list-style: none;
    display: inline-block;
}

.social-share li a {
    padding: 0;
    width: 33px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    font-size: 18px;
    background: #497bb8;
    color: #fff;
    border-radius: 4px;
}

.social-share li a.ss-facebook {
    background: #5d82d1 !important;
}

.social-share li a.ss-twitter {
    background: #40bff5 !important;
}

.social-share li a.ss-linkedin {
    background: #238cc8 !important;
}

.social-share li a.ss-pinterest {
    background: #e13138 !important;
}

.social-share li a.ss-google-plus {
    background: #eb5e4c !important;
}

.post-tag {
    float: left;
    margin: 30px 0 0;
    line-height: 33px;
    text-transform: capitalize;
}

article.post {
    float: left;
    width: 100%;
}

.post-title {
    font-size: 24px;
    font-weight: 400;
    color: #444;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

a.post-title {
    color: #3b525f;
    font-weight: 700;
    font-size: 26px;
    margin: 0 0 5px;
    display: block;
}

a:hover.post-title {
    color: #000;
}

.featured-image img {
    margin: 10px 0 20px;
}

.post-content p,.post-list p {
    color: #3b525f;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin: 0 0 25px;
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5 {
    font-weight: 400;
}

.post-list {
    float: left;
    width: 100%;
}

.post-meta-before {
    margin: 10px 0 0;
    font-size: 16px;
    text-transform: uppercase;
}

.post-meta-after a,.post-meta-before a {
    color: #777;
}

.post-date:hover,.post-meta-after a:hover,.post-meta-before a:hover {
    color: #444;
}

.post-meta-after {
    font-size: 16px;
    font-weight: 400;
    color: #777;
}

.post-date,.zilla-likes {
    margin-right: 15px;
}

.post-meta-after .zilla-likes .zilla-likes-count em {
    display: inline-block;
    margin: 0;
}

.zilla-likes-count em {
    font-style: normal;
    font-size: 13px;
}

#blog-slider {
    margin: 0 0 20px;
}

#blog-slider.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
}

#blog-slider.owl-theme .owl-controls .owl-pagination {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

#blog-slider.owl-theme .owl-controls .owl-page span {
    background: #fff;
}

#blog-slider.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    margin: 5px;
    padding: 3px 10px;
    font-size: 42px;
    background: 0 0;
    opacity: 1;
    border-radius: 30px;
}

#blog-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
}

#blog-slider.owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
}

#reply-title,.comments-reply {
    position: relative;
}

#blog-slider.owl-theme .owl-controls {
    opacity: .3;
    -webkit-filter: nany(opacity=30);
    filter: nany(opacity=30);
    margin: 0;
    transition: all .4s;
}

#blog-slider.owl-theme:hover .owl-controls {
    opacity: 1;
    -webkit-filter: nany(opacity=100);
    filter: nany(opacity=100);
}

.page-numbers {
    list-style: none;
    display: block;
    margin: 30px 0 0;
    padding: 0;
    float: left;
    width: 100%;
}

.page-numbers li {
    display: inline-block;
    padding: 0 5px 0 0;
    float: left;
}

.page-numbers li a,.page-numbers li span.current,.page-numbers.dots,.wp-pagenavi .extend {
    padding: 10px 15px;
    background-color: #f6f6f6;
    color: #444;
    border-radius: 0;
    font-weight: 400;
}

.page-numbers li a:hover,.page-numbers li span.current {
    background-color: #497BB8;
    color: #fff;
}

.wp-pagenavi .extend {
    margin: 0 10px 0 0;
}

.next.page-numbers,.prev.page-numbers {
    background: #497BB8;
    color: #fff;
}

.woocommerce-pagination .page-numbers,.wp-pagenavi {
    list-style: none;
    display: block;
    margin: 30px 0 0;
    padding: 0;
}

.woocommerce-pagination .page-numbers a,.wp-pagenavi a,.wp-pagenavi span.current {
    padding: 10px 15px;
    background-color: #f6f6f6;
    color: #444;
    border-radius: 0;
    font-weight: 400;
    margin: 0 10px 0 0;
}

.woocommerce-pagination .page-numbers li>a,.woocommerce-pagination .page-numbers span.current {
    margin: 0;
}

.woocommerce-pagination .page-numbers a:hover,.woocommerce-pagination .page-numbers span.current,.wp-pagenavi a:hover,.wp-pagenavi span.current {
    background-color: #497BB8;
    color: #fff;
}

.woocommerce-pagination .page-numbers select,.wp-pagenavi select {
    border: 2px solid #BFBFBF;
    background: #f7f7f7;
    color: #696969;
    height: 25px;
    min-width: 60px;
    padding: 10px 15px;
}

.author-bio .author-image {
    margin: 0 20px 0 0;
    float: left;
    width: 100px;
}

.author-name {
    float: left;
}

.author-name h3 {
    font-weight: 400;
    font-size: 20px;
    color: #444;
    margin: 10px 0 15px;
    display: inline-block;
}

.author-description {
    float: left;
    width: 82%;
}

.author-description p {
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.blog-list-author a {
    color: #DD3430;
}

.hr {
    height: 1px;
    background: #E6E6E6;
    margin: 25px 0;
}

.blog-post-entry ul.comments {
    padding: 0;
    margin: 0;
    list-style: none;
}

.comments > li {
	list-style: none;
}

.comment-respond {
    margin: 40px 0 0;
    display: block;
}

.comment-wrapper h3 {
    margin: 20px 0;
    color: #444;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}

.comment-wrapper .title-bar {
    width: 10%;
    margin-bottom: 30px;
}

.comment-area {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    border-radius: 4px;
}

.comment-area h4 {
    margin: 0 0 20px;
    font-weight: 400;
    display: inline-block;
}

.comment-area p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.comments-meta {
    position: relative;
}

.comments-meta span.author {
	font-weight: 600;
}

.comments-meta .comments-date {
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
}

.blog-post-entry a.comment-edit-link {
	margin-right: 15px;
	text-transform: uppercase;
	text-decoration: none;
}

.blog-post-entry a.comment-reply-link {
	text-decoration: none;
}

.comment-nany {
    float: none;
    width: 100%;
    display: block;
}

.comment-image {
    float: left;
    margin: 0 20px 16px 0;
}

.children .form-submit,.form-submit,.logged-in .comment-one-sec {
    width: 100%;
}

.comment-image img {
    border-radius: 3px;
}

.comment-nany h2 {
	font-weight: 600;
}

.comments-reply {
	margin-bottom: 10px; 
}

.comment-area .comment-reply-link {
    float: right;
    font-weight: 400;
}

.comments-reply i {
    padding: 0 5px 0 0;
    color: #497BB8;
}

.comment-edit-link, 
.comment-reply-link {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

#cancel-comment-reply-link {
    display: block;
    margin-top: 0;
    text-align: right;
}

#cancel-comment-reply-link i {
    font-size: 22px;
    padding: 0 5px;
}

#reply-title small {
    float: right;
    position: absolute;
    top: 45px;
    right: 0;
}

.form-submit {
    padding: 0;
}

div.error {
    padding: 0 0 10px;
    color: red;
    font-size: 12px;
}

.comment-one-sec,.comment-three-sec {
    padding: 0;
}

.comment-three-sec {
    padding-right: 20px;
}

.comment-body {
    margin: 0 0 20px 0;
	border-bottom: 1px solid #ebebeb;
}

.blog-post-entry ul.children {
    list-style: none;
    padding: 0 0 0 32px;
    margin-left: 0;
}

.blog-post-entry ul.children .comment-wrapper {
    margin-left: 85px;
}

.commentlist .children {
    list-style: none;
    margin: 0;
    padding: 0 0 0 85px;
}

.commentlist .children .children {
    padding: 0 0 0 85px;
}

.children #respond,.depth-1 #respond {
    margin: 0 0 50px;
}

.children #respond #reply-title {
    margin-top: 20px;
}

.comment-form .col-lg-12,.comment-form .col-md-6 {
    padding: 0;
}

.comment-form div.error {
	position: absolute;
    background-color: #fdf4f3;
    color: #e64f3b;
    border: 1px solid rgba(255, 176, 176, 0.5);
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    right: 0;
    top: 7px;
    padding: 1px 2px;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    pointer-events: none;
    z-index: 1;
}

@media (min-width: 992px) {
	.comment-form .form-author-name {
	    padding: 0 15px 0 0;
	}

	.comment-form .form-author-name div.error {
		right: 15px;
	}
}

#uc-wrapper {
    overflow: hidden;
}

.under-construction {
    color: #fff;
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/dummy/1600x870.html) center center no-repeat fixed;
    background-size: cover;
}

.uc-heading {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 40px 0 30px;
}

.uc-short-title {
    font-size: 24px;
    margin: 10px 0 20px;
}

.coundown {
    font-size: 38px;
}

.ds-element {
    display: inline-block;
    margin: 0;
    padding: 30px;
    border-style: solid;
    border-color: #fff;
    width: 160px;
}

.ds-element:first-child {
    border-width: 0 1px 1px 0;
}

.ds-element:nth-child(2) {
    border-width: 0 0 1px;
}

.ds-element:nth-child(3) {
    border-width: 0 1px 0 0;
}

.ds-element:nth-child(4) {
    border-width: 0;
}

.ds-element-minutes {
    border-left: none;
}

.ds-element-title {
    font-size: 18px;
    font-weight: 400;
}

.ds-element-value {
    font-size: 60px;
    font-weight: 700;
}

.uc-message {
    margin: 110px auto 0;
    color: #fff;
}

.uc-message h2 {
    color: #fff;
    font-size: 64px;
    margin: 50px auto;
}

.uc-message p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}

.uc-counter {
    text-align: center;
    margin: 90px 0 0;
}

.normal-arrow .owl-controls .owl-buttons div {
    position: absolute;
    top: 10px;
    padding: 10px 15px;
    color: rgba(255,255,255,.2);
    border-radius: 4px;
    background: 0 0 !important;
}

.normal-arrow .owl-controls .owl-buttons div i {
    font-size: 48px;
}

.normal-arrow .owl-controls .owl-buttons div:hover {
    color: rgba(255,255,255,.6);
}

.normal-arrow .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: -50px;
    top: -10%;
}

.normal-arrow .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: -50px;
    top: -10%;
}

.form-one input,.form-one textarea {
    background: #f6f6f6;
    border: none;
    color: #777;
    resize: none;
}

.form-one input:active,.form-one input:focus {
    border: none;
    background: #eee;
    color: #777;
}

.form-one textarea {
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/forms/form-one-textarea.html) 99.5% 98% no-repeat #F6F6F6;
}

.form-one textarea:active,.form-one textarea:focus {
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/forms/form-one-textarea.html) 99.5% 98% no-repeat #eee;
    border: none;
    color: #777;
}

.form-one input[type=text] {
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/forms/form-one-user.html) 98% 50% no-repeat #F6F6F6;
}

.form-one input[type=text]:active,.form-one input[type=text]:focus {
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/forms/form-one-user.html) 98% 50% no-repeat #eee;
    border: none;
    color: #777;
}

.form-one input[type=email] {
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/forms/form-one-mail.html) 98% 50% no-repeat #F6F6F6;
}

.form-one input[type=email]:active,.form-one input[type=email]:focus {
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/forms/form-one-mail.html) 98% 50% no-repeat #eee;
    border: none;
    color: #777;
}

.form-one ::-webkit-input-placeholder {
    text-transform: uppercase;
}

.form-one :-moz-placeholder {
    text-transform: uppercase;
}

.form-one ::-moz-placeholder {
    text-transform: uppercase;
}

.form-one :-ms-input-placeholder {
    text-transform: uppercase;
}

.div.wpcf7-response-output {
    float: left;
    margin: 0 15px;
}

.mc4wp-form input[type=email],.mc4wp-form input[type=date],.mc4wp-form input[type=tel],.mc4wp-form input[type=url],.mc4wp-form input[type=text],input,select {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    color: #444;
    border: 1px solid #ccc;
    margin: 7px 0;
    font-weight: 400;
    border-radius: 4px;
    font-size: 15px;
}

textarea {
    width: 100%;
    height: 135px;
    padding: 10px;
    color: #444;
    border: 1px solid #ddd;
    margin: 7px 0;
    font-weight: 400;
    border-radius: 4px;
}

.uneditable-input:focus,input[type=email]:focus,input[type=date]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=search]:focus,input[type=color]:focus,input[type=text]:focus {
    outline: 0;
    color: #333;
}

textarea:focus {
    outline: 0;
}

input[type=text].s {
    background: url(../../../../../frontendwp/wp-content/themes/biznessapps-theme/images/forms/search.html) 97% 50% no-repeat #fff !important;
    padding: 12.9px 32px 12.9px 13px;
}

input[type=radio],input[type=checkbox] {
    width: auto !important;
}

input.s {
    border-color: #eee;
}

input.submit:hover,input.wpcf7-submit:hover {
    color: #fff;
}

input[type=submit][disabled] {
    background: #888;
}

span.required {
    font-size: 13px;
    color: red;
}

#message,#subs-message {
    margin: 10px 0;
}

.error_message {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 22px;
    padding: 6px 15px;
    color: #dd3533;
    font-weight: 400;
    background-color: #FBE3E4;
    border-radius: 4px;
}

#success_page h4.highlight {
    line-height: 24px;
    padding: 5px 15px;
    font-weight: 400;
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    font-size: 16px;
}

#success_page h4.highlight strong {
    font-weight: 700;
}

#message,#subs-message {
    width: 100%;
    padding: 0 15px;
    float: left;
}

.loader {
    padding: 0 10px;
}

acronym {
    border-bottom: 1px dotted #ccc;
}

div.wpcf7-validation-errors {
    border: 1px solid #F7E700;
}

div.wpcf7-response-output {
    padding: 1em;
    margin: 2em 0 1em;
    font-weight: 400;
}

.post-password-form {
    padding: 20px;
    border: 2px solid #E1E6E9;
    color: #8c9295;
    position: relative;
    border-radius: 2px;
    margin: 10px 0 25px;
}

.post-password-form input {
    width: auto;
    padding: 8px;
    border-radius: 3px;
    margin: 10px;
    line-height: 8px;
}

.post-password-form input[type=submit] {
    background: #475258;
    padding: 0 15px !important;
    font: 700 14px arial,helvetica,sans-serif;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    height: 34px;
}

.widget_mc4wp_widget p {
    font-size: 13px;
    text-align: left;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.widget_mc4wp_widget p.not-spam {
    font-size: 10px;
}

.widget_mc4wp_widget form {
    float: left;
    width: 100%;
}

.widget_mc4wp_widget input[type=email] {
    width: 80%;
    float: left;
    padding: 9px 12.9px;
}

.widget_mc4wp_widget input[type=submit] {
    width: auto;
    padding: 0 10px 3px;
    margin: 5px 0 0;
    height: 42px;
}

.title-bar,.title-bar-center {
    background-color: #e2e2e2;
    height: 3px;
    padding: 0 10px 0 0;
    display: block;
}

footer form.mc4wp-form {
    text-align: left;
    margin: 0;
}

.mc4wp-error {
    float: left;
}

.widget-title {
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    color: #444;
}

.title-bar {
    width: 20%;
    margin: 20px 0;
}

.title-bar-center {
    width: 10%;
    margin: 20px auto;
}

.widget {
    float: left;
    margin: 0;
    width: 100%;
}

.widget .post-date {
    display: inline-block;
    padding: 0;
    font-size: 12px;
    float: right;
}

.widget .recentcomments a {
    font-weight: 700;
}

.sidebar .widget:first-child .widget-title {
    margin-top: 0 !important;
}

.sidebar .widget-title {
	line-height: 1em;
	margin-bottom: 16px;
}

.sidebar .title-bar {
	margin-top: 0;
	width: 60%;
}

.nany-recent-widget {
    padding: 0;
    margin: 0 0 20px;
    float: left;
    width: 100%;
}

.nany-recent-widget li {
    list-style: none;
    float: left;
    margin: 15px 0;
    width: 100%;
}

.sidebar ul.nany-recent-widget li {
    margin: 15px 0;
}

.sidebar ul.nany-recent-widget li:before {
    content: ' ';
    font-family: FontAwesome;
    font-size: 12px;
    color: #777;
    padding: 0;
}

#footer .nany-recent-widget li:before,.sidebar ul.nany-recent-widget.recent-thumb-notchecked li:before {
    content: '\f054';
    padding: 6px 10px 0 0;
    float: left;
    font-family: FontAwesome;
}

.nany-recent-widget h3.recent-title {
    float: left;
    width: 64%;
    margin: 0 0 0 20px;
}

.nany-recent-widget h3.recent-title a {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 600;
}

.nany-recent-widget .recent-date-full {
    float: left;
    margin: 10px 0 0 20px;
}

.nany-recent-widget img {
    float: left;
}

.nany-recent-widget .recent-thumb-no h3.recent-title,.nany-recent-widget.recent-thumb-notchecked h3.recent-title {
    width: 100%;
    margin: 0;
}

.nany-recent-widget .recent-thumb-no .recent-date-full,.nany-recent-widget.recent-thumb-notchecked .recent-date-full {
    margin: 10px 0 0;
}

.sidebar ul.nany-recent-widget.recent-thumb-notchecked li {
    margin: 8px 0;
    width: 100%;
}

.sidebar ul.nany-recent-widget.recent-thumb-notchecked li:before {
    font-size: 12px;
    color: #777;
}

.nany-recent-widget.recent-thumb-notchecked h3.recent-title {
    width: 90%;
}

.nany-recent-widget.recent-thumb-notchecked .recent-date-full {
    margin: 10px 0 0;
}

.nany-recent-widget.recent-date-notchecked.recent-thumb-notchecked h3.recent-title a {
    color: #777;
    font-size: 15px;
}

#footer .nany-recent-widget h3.recent-title a {
    color: #ddd !important;
    font-size: 14px;
}

#footer .nany-recent-widget .recent-date-full {
    font-size: 13px;
    color: #497bb8;
}

#footer .nany-recent-widget li:before {
    font-size: 12px;
    color: #777;
}

#footer ul.nany-recent-widget.recent-thumb-checked li:before {
    content: ' ';
    font-family: FontAwesome;
    font-size: 12px;
    color: #777;
    padding: 0;
}

.get-touch-address:before,.get-touch-email:before,.get-touch-phone:before {
    font-family: FontAwesome;
    color: #ddd;
    padding: 0 10px 0 0;
    min-width: 25px;
    float: left;
}

#footer .widget-recent-inside {
    float: left;
    width: 92%;
}

#footer .nany-recent-widget h3.recent-title {
    width: 48%;
}

#footer .nany-recent-widget li.recent-thumb-no h3.recent-title,#footer .nany-recent-widget.recent-date-checked.recent-thumb-notchecked h3.recent-title,#footer .nany-recent-widget.recent-date-notchecked.recent-thumb-notchecked h3.recent-title {
    width: 100%;
}

#footer .nany-recent-widget li {
    margin: 0 0 15px;
}

#footer .widget-nany-get-touch {
    text-align: left;
    color: #ddd;
    font-size: 14px;
}

.get-have-map-icon {
    background: url(../../../../../frontendwp/wp-content/themes/images/get-in-touch-map.html) center 100% no-repeat;
}

.widget-nany-get-touch i {
    font-size: 18px;
}

.widget-nany-get-touch span {
    display: block;
    margin: 0 0 25px;
}

.get-touch-address:before {
    content: '\f041';
    font-size: 18px;
    text-align: center;
}

.get-touch-phone:before {
    content: '\f095';
    font-size: 18px;
    text-align: center;
}

.get-touch-email:before {
    content: '\f0e0';
    font-size: 18px;
    text-align: center;
}

.sidebar .get-touch-address:before,.sidebar .get-touch-email a,.sidebar .get-touch-email:before,.sidebar .get-touch-phone:before {
    color: #777;
}

.get-touch-phone {
    line-height: 20px;
}

.get-touch-email {
    line-height: 30px;
}

#footer .get-touch-email a {
    font-weight: 400;
}

.social-icon-shortcode {
    display: block;
    margin: 10px auto 0 !important;
    float: left;
}

.sidebar .social-icon-shortcode {
    margin: 0 auto !important;
}

.sidebar .social-icon-shortcode li {
    margin: 10px auto 0 !important;
}

.social-icon-shortcode li {
    display: inline-block;
    float: left;
}

.social-icon-shortcode li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #434343;
    margin-right: 10px;
    display: block;
    text-align: center;
    border-radius: 3px;
}

.sidebar .social-icon-shortcode li a {
    border-color: #aaa;
}

.sidebar .social-icon-shortcode li:before {
    content: '';
    font-family: FontAwesome;
    font-size: 12px;
    color: #777;
    padding: 0;
    float: none;
}

.sidebar ul.nany_large_ads li:before,.sidebar ul.nany_small_ads li:before {
    content: ' ';
    padding: 0;
    font-size: 12px;
    font-family: FontAwesome;
}

.sidebar .social-icon-shortcode li a:hover {
    color: #fff;
}

.icon-colors .icon-fa-facebook,.social-icon-shortcode li a:hover.icon-fa-facebook {
    background: #4a6eac;
    border-color: #4a6eac;
}

.icon-colors .icon-fa-twitter,.social-icon-shortcode li a:hover.icon-fa-twitter {
    background: #50d3f7;
    border-color: #50d3f7;
}

.icon-colors .icon-fa-linkedin,.social-icon-shortcode li a:hover.icon-fa-linkedin {
    background: #0086c2;
    border-color: #0086c2;
}

.icon-colors .icon-fa-google-plus,.social-icon-shortcode li a:hover.icon-fa-google-plus {
    background: #db543c;
    border-color: #db543c;
}

.icon-colors .icon-fa-dribbble,.social-icon-shortcode li a:hover.icon-fa-dribbble {
    background: #f1679a;
    border-color: #f1679a;
}

.icon-colors .icon-fa-youtube,.social-icon-shortcode li a:hover.icon-fa-youtube {
    background: #d54b3b;
    border-color: #d54b3b;
}

.icon-colors .icon-fa-vimeo,.social-icon-shortcode li a:hover.icon-fa-vimeo {
    background: #94d1ef;
    border-color: #94d1ef;
}

.icon-colors .icon-fa-skype,.social-icon-shortcode li a:hover.icon-fa-skype {
    background: #00b9ef;
    border-color: #00b9ef;
}

.icon-colors .icon-fa-rss,.social-icon-shortcode li a:hover.icon-fa-rss {
    background: #fc9f13;
    border-color: #fc9f13;
}

.icon-colors .icon-fa-pinterest,.social-icon-shortcode li a:hover.icon-fa-pinterest {
    background: #d63836;
    border-color: #d63836;
}

.icon-colors .icon-fa-flickr,.social-icon-shortcode li a:hover.icon-fa-flickr {
    background: #ed1884;
    border-color: #ed1884;
}

.icon-colors .icon-fa-foursquare,.social-icon-shortcode li a:hover.icon-fa-foursquare {
    background: #237fc0;
    border-color: #237fc0;
}

.icon-colors .icon-fa-android,.social-icon-shortcode li a:hover.icon-fa-android {
    background: #97c03c;
    border-color: #97c03c;
}

.icon-colors .icon-fa-bitbucket,.social-icon-shortcode li a:hover.icon-fa-bitbucket {
    background: #013566;
    border-color: #013566;
}

.icon-colors .icon-fa-css3,.social-icon-shortcode li a:hover.icon-fa-css3 {
    background: #2062ae;
    border-color: #2062ae;
}

.icon-colors .icon-fa-dropbox,.social-icon-shortcode li a:hover.icon-fa-dropbox {
    background: #018bd3;
    border-color: #018bd3;
}

.icon-colors .icon-fa-github,.social-icon-shortcode li a:hover.icon-fa-github {
    background: #000;
    border-color: #000;
}

.icon-colors .icon-fa-html5,.social-icon-shortcode li a:hover.icon-fa-html5 {
    background: #e54d25;
    border-color: #e54d25;
}

.icon-colors .icon-fa-instagram,.social-icon-shortcode li a:hover.icon-fa-instagram {
    background: #517fa3;
    border-color: #517fa3;
}

.icon-colors .icon-fa-stack-exchange,.social-icon-shortcode li a:hover.icon-fa-stack-exchange {
    background: #2fa4f1;
    border-color: #2fa4f1;
}

.icon-colors .icon-fa-stack-overflow,.social-icon-shortcode li a:hover.icon-fa-stack-overflow {
    background: #fea501;
    border-color: #fea501;
}

.icon-colors .icon-fa-trello,.social-icon-shortcode li a:hover.icon-fa-trello {
    background: #226784;
    border-color: #226784;
}

.icon-colors .icon-fa-tumblr,.social-icon-shortcode li a:hover.icon-fa-tumblr {
    background: #304d6b;
    border-color: #304d6b;
}

.sidebar ul.nany_small_ads {
    width: 100%;
    float: left;
    padding: 0;
}

.sidebar ul.nany_small_ads li:before {
    color: #777;
}

.sidebar .nany_small_ads li {
    width: 47%;
    float: left;
    margin: 0 10px 29px 0;
}

.sidebar ul.nany_large_ads {
    width: 100%;
    float: left;
    padding: 0;
}

.sidebar ul.nany_large_ads li:before {
    color: #777;
}

.sidebar ul {
    padding: 0;
    list-style: none;
}

.sidebar ul li:before {
    content: '\f054';
    font-family: FontAwesome;
    font-size: 12px;
    color: #777;
    padding: 0 10px 0 0;
}

.sidebar ul li {
    display: block;
    margin: 20px 0;
}

.sidebar ul li a {
    color: #777;
    font-weight: 400;
}

.sidebar ul li .badge {
    min-width: 38px;
    float: right;
    background: #2d2d2d;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 30px;
}

.sidebar ul li:hover.cat-item,.sidebar ul li:hover.cat-item:before {
    color: #497bb8;
}

.sidebar ul li:hover.cat-item .badge {
    background: #497bb8;
}

.recent-posts .post-item {
    display: inline-block;
    margin: 0 0 10px;
}

.recent-posts .post-item img {
    float: left;
    margin: 0 15px 0 0;
}

.recent-posts .post-item a {
    color: #444;
    float: left;
    width: 60%;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
}

.recent-posts .post-item .rp-date {
    float: left;
    color: #888;
    font-weight: 400;
}

#video-bg {
    position: relative;
    height: 600px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container embed,.video-container iframe,.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-overlay {
    position: absolute;
    z-index: 1;
    display: table-cell;
    height: 200px;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    vertical-align: middle;
    width: 100%;
    bottom: 0;
}

.video-overlay-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 888;
}

.dribbble-feed {
    padding: 0;
    margin: 0 0 20px;
    text-align: left !important;
}

.dribbble-feed li {
    list-style: none;
    width: 80px;
    height: auto;
    padding: 0 !important;
    margin: 3px !important;
    display: inline-block !important;
    border: 1px solid #f8f8f8;
}

footer .dribbble-feed li {
    border: 1px solid #585858;
}

.sidebar ul.dribbble-feed li:before {
    content: ' ';
    font-family: FontAwesome;
    font-size: 12px;
    color: #777;
    padding: 0;
}

.flickr-feed {
    padding: 0;
    margin: 0;
    text-align: left !important;
}

.flickr-feed li {
    list-style: none;
    width: auto;
    height: auto;
    padding: 0 !important;
    margin: 3px !important;
    display: inline-block;
    border: 1px solid #f8f8f8;
}

footer .flickr-feed li {
    border: 1px solid #585858;
}

.pi_tweet_scroll {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    min-height: 80px;
}

.pi_tweet_scroll .title-bar,.pi_tweet_scroll h3.widget-title {
    display: none;
}

.pi_tweet_scroll p {
    font-size: 16px;
    line-height: 26px;
}

.pi_tweet_scroll p small {
    display: block;
    padding: 0;
}

.pi_tweet_scroll a {
    color: #fff;
}

.pi_tweet_scroll .hash {
    font-weight: 700;
    color: #fff !important;
}

.tweet-list.twitter-logo li {
    background: 0 0;
    padding-left: 40px;
}

.tweet-list.twitter-logo li:before {
    content: '\f099';
    font-family: FontAwesome;
    color: #55ACEE;
    font-size: 60px;
    float: left;
    padding: 0 20px 30px;
    line-height: 44px;
}

.tweet-list.twitter-logo li.profile-image:before {
    content: '';
}

.tweet-list.twitter-logo li.profile-image {
    padding-left: 60px;
}

.extra-full-width .wpb_row {
    margin-bottom: 0;
}

.column-zero-space .wpb_column {
    padding: 0 !important;
}

.row-nub {
    position: absolute;
    top: -42px;
    right: 0;
    left: 0;
    text-align: center;
}

.vc_empty_space {
    display: inline-block;
    width: 100%;
}

.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: #fff !important;
    border: 1px solid #ececec;
    margin: 0;
}

.wpb_tabs .wpb_tabs_nav li {
    float: left;
    margin: 0 -1px -2px 0 !important;
    background-color: #fff !important;
    border: 1px solid #ececec;
}

.wpb_tabs .wpb_tabs_nav li.ui-tabs-active.ui-state-active,.wpb_tabs .wpb_tabs_nav li.ui-tabs-active.ui-state-focus,.wpb_tabs .wpb_tabs_nav li.ui-tabs-active.ui-state-hover {
    border-bottom-color: #fff;
    border-top: 2px solid #497bb8;
}

.wpb_tabs .wpb_tabs_nav li a,.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    font-size: 15px;
    color: #454545;
    font-weight: 600;
    padding: 15px !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    padding: 0 !important;
    margin: 0;
    color: #497bb8;
    font-size: 17px;
    font-weight: 400;
    line-height: 48px;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    background: 0 0 !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
    width: 100%;
    float: left;
    border: 2px solid #ECECEC;
    border-radius: 4px 4px 0;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active {
    margin: 0 0 1px !important;
}

.wpb_accordion_section {
    margin: 0 0 5px;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon,.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
    display: none !important;
}

.mfp-gallery .mfp-image-holder .mfp-close,.single-portfolio .mfp-image-holder .mfp-close,.wpb_tour_next_prev_nav {
    display: none;
}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding: 1em;
    margin: -3px 0 4px 50px;
    float: left;
    width: auto;
    border: 2px solid #ECECEC;
    border-radius: 0 0 4px 4px;
}

.wpb_accordion_header.ui-corner-all a:after,.wpb_accordion_header.ui-state-focus a:after,.wpb_accordion_header.ui-state-hover a:after {
    content: "\f067";
    font-family: FontAwesome;
    float: left;
    font-size: 18px;
    padding: 15px 17px;
    text-align: center;
    margin: -1px 10px 0 0;
    line-height: 20px;
    color: #CCC;
    border-right: 2px solid #ECECEC;
}

.wpb_accordion_header a:after,.wpb_accordion_header.ui-state-focus a:after,.wpb_accordion_header.ui-state-hover a:after {
    content: "\f068";
    font-family: FontAwesome;
    float: left;
    font-size: 18px;
    padding: 15px 17px;
    text-align: center;
    margin: -1px 10px 0 0;
    line-height: 20px;
    color: #CCC;
    border-right: 2px solid #ECECEC;
}

h4.wpb_toggle.wpb_toggle_title_active:before,h4.wpb_toggle:before {
    font-family: FontAwesome;
    font-size: 12px;
    padding: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: -2px 10px 20px 0;
    line-height: 21px;
    color: #CCC;
    float: left;
}

h4.wpb_toggle:before {
    content: "\f067";
    border: 2px solid #CCC;
    border-radius: 100px;
}

h4.wpb_toggle.wpb_toggle_title_active:before {
    content: "\f068";
    border: 2px solid #CCC;
    border-radius: 100px;
}

#content h4.wpb_toggle,.wpb_toggle {
    background: 0 0 !important;
    padding-left: 0 !important;
    clear: both;
    margin-top: 0;
}

.wpb_toggle_content {
    padding: 10px 0 !important;
}

h4.wpb_toggle {
    font-size: 16px;
    font-weight: 400;
}

.wpb_tour .wpb_tabs_nav {
    margin: 0 -1px 0 0 !important;
}

.wpb_tour .wpb_tabs_nav li {
    margin: 0 0 -1px !important;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
    padding: 1em !important;
    border: 1px solid #ececec !important;
    border-left-color: #fff;
}

.wpb_tour .wpb_tabs_nav li.ui-state-active,.wpb_tour .wpb_tabs_nav li.ui-state-default,.wpb_tour .wpb_tabs_nav li.ui-state-focus,.wpb_tour .wpb_tabs_nav li.ui-state-hover {
    background: 0 0 !important;
    border: 1px solid #ececec !important;
}

.wpb_tour .wpb_tabs_nav li.ui-tabs-active {
    border-left: 2px solid #497bb8 !important;
}

.wpb_tour.wpb_content_element .wpb_tabs_nav li:first-child {
    margin-bottom: -1px !important;
}

.wpb_tour .wpb_tabs_nav li:first-child,.wpb_tour.wpb_content_element .wpb_tabs_nav li:first-child a:active,.wpb_tour.wpb_content_element .wpb_tabs_nav li:first-child a:focus,.wpb_tour.wpb_content_element .wpb_tabs_nav li:first-child a:hover {
    border-right: none;
    border-radius: 0;
}

.wpb_tour .wpb_tabs_nav li:last-child {
    border-left: none;
    border-radius: 0;
}

.wpb_tour.wpb_content_element .wpb_tabs_nav li:last-child a:active,.wpb_tour.wpb_content_element .wpb_tabs_nav li:last-child a:focus,.wpb_tour.wpb_content_element .wpb_tabs_nav li:last-child a:hover {
    border-left: none;
    border-radius: 0 0 3px 3px;
}

.page-header {
    padding: 15px;
    border: 0 solid #EEE;
    color: #3b525f;
    font-weight: 400;
    float: left;
    width: 100%;
}

.page-header h1 {
    margin: 10px 0;
    font-size: 42px;
    font-weight: 400;
}

.last_toggle_el_margin,.wpb_button,.wpb_content_element,.wpb_row,ul.wpb_thumbnails-fluid>li {
    margin: 0;
}

.tp-bullets.preview1 .bullet.selected,.tp-bullets.preview1 .bullet:hover {
    box-shadow: none;
    background: #fff !important;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid #fff !important;
    border-radius: 100%;
}

.tp-bullets.preview1 .bullet {
    border-radius: 100%;
}

.mfp-image-holder .mfp-close {
    color: #FFF;
    right: 1px !important;
    bottom: 40px !important;
    top: inherit !important;
    padding: 0 !important;
    border: 1px solid #FFF !important;
    float: right !important;
    width: 44px !important;
    text-align: center !important;
    text-shadow: 0 0 3px #000;
    box-shadow: 0 0 2px 1px #444;
}

.app-button.blue-button,.app-button.green-button,.app-button.sky-blue {
    box-shadow: 4px 4px 10px rgba(0,0,0,.3);
}

.mfp-close:active {
    top: inherit !important;
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
}

.video-preview {
    cursor: pointer;
}

.link-hover-white a:hover {
    color: #fff !important;
}

.navbar-brand {
    display: inline-block;
    width: 200px;
    height: 50px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/logo.png) center no-repeat;
    margin-top: 40px;
    margin-right: 30px;
}

.top-bar {
    overflow: hidden;
    margin: 40px 0;
}

.navbar-nav>li a {
    line-height: 30px;
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
}

.navbar-toggle:not(.collapsed) .icon-bar.hide-open,.user-menu-mobile {
    display: none;
}

.navbar-default .navbar-nav>.active>a {
    background-color: transparent;
    color: #1db4c9;
}

.form-control {
    height: auto;
    margin-bottom: 15px;
}

.footer h3,.footer-widget-title {
    font-size: 15px !important;
    font-family: 'open-sansbold' !important;
    color: #3b525f;
    margin-bottom: 35px !important;
}

.footer-menus {
    margin: 0;
    padding: 0;
}

.footer-menus li,.footer-widget .widget .menu li {
    list-style-type: none;
    text-align: left;
    margin-bottom: 13px;
}

.footer-menus li a,.footer-widget .widget .menu li a {
    color: rgba(255,255,255,.5) !important;
    font-size: 14px;
}

#menu-social-menu,.social-icons {
    margin: 135px 0 0;
    padding: 0;
    display: inline-block;
    overflow: hidden;
}

#menu-social-menu li,.social-icons li {
    list-style-type: none;
    float: left;
}

#menu-social-menu li a {
    display: inline-block;
}

#menu-social-menu li a span {
    height: 65px;
    padding: 15px;
    overflow: hidden;
    text-indent: -999999px;
    background: url(images/social-icons.png) no-repeat;
}

#menu-social-menu li a span.fa-facebook {
    background-position: 0 0 !important;
    width: 57px;
}

#menu-social-menu li a span.fa-twitter {
    background-position: -58px 0 !important;
    width: 55px;
}

#menu-social-menu li a span.fa-google {
    background-position: -121px 0 !important;
    width: 63px;
}

#menu-social-menu li a span.fa-linkedin {
    background-position: -189px 0 !important;
    width: 36px;
}

#menu-social-menu li a:hover span {
    background: url(images/social-icons-hover.png) no-repeat;
}

.copyright {
    width: 100%;
    float: none;
}

p.copy-right,p.copyright-text {
    margin: 0;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    text-transform: none;
    font-weight: 400;
    color: #556974;
    padding-bottom: 10px;
}

#footer .textwidget,#footer .widget-title {
    color: #fff;
    text-align: left;
}

.tab-content {
    position: initial;
}

.bottom-bar {
    background-color: transparent;
    padding: 120px 0 0;
    border-top: 0 transparent;
}

#footer {
    background-color: white;
    text-align: left;
    padding-top: 0;
    z-index: 2;
    position: relative;
}

#footer .footer-widget {
    float: none;
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.footer-menu,.hide-footer .copyright {
    float: none;
    width: 100%;
}

#footer .title-bar {
    display: none;
    background: #c7c7c7;
    margin: 20px 0 30px;
}

#footer .textwidget {
    font-weight: 400;
}

#footer ul, #footer li {
    padding: 0;
}

#footer h2 {
    font-size: 18px;
    font-weight: 600;
    color: #3b525f !important;
    letter-spacing: 0;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}

#footer.dark {
    background-color: #3b525f !important;
}

#footer.dark h2 {
    color: #fff;
}

#footer.dark ul li a {
    color: #919191;
}

#footer.dark ul li a:hover {
    color: #f2f7fa;
}

#footer.dark .row {
    border-bottom: 1px solid #919191;
}

#footer.dark .copyright .copyright-text {
    color: #fff;
}

#footer.dark .copyright .copyright-text span {
    border-right: 1px solid #fff;
}

#footer.dark #menu-social-menu li a span {
    background: url(images/social-icons-white.png) no-repeat;
    opacity: .8;
}

#footer.dark #menu-social-menu li a span:hover {
    opacity: 1;
}

@media (max-width: 600px) {
    #footer,#footer .row {
        padding-bottom: 0;
    }

    #footer {
        padding-top: 0;
    }

    #footer .footer-widget {
        height: auto !important;
        min-height: auto;
        margin-top: 40px;
    }

    #footer p.copy-right,#footer p.copyright-text {
        font-size: 16px;
    }
}

.hide-footer {
    padding-bottom: 80px;
    padding-top: 0 !important;
    color: #3b525f;
}

.hide-footer .copyright-text {
    text-align: center;
}

.no-footer-copyright .copyright p span {
    color: #3b525f;
    font-size: 14px;
}

.copyright-text,.footer-menu ul li a {
    text-transform: uppercase;
    font-size: 12px;
}

.no-footer-copyright .wave-icon {
    margin-right: 10px !important;
}

.copyright-text {
    color: #556974 !important;
    text-align: left;
    margin: 0 auto;
    font-weight: 600;
}

.bottom-ctas .row,.footer-menu,.logos-desc,.nav-tabs-wrapper {
    text-align: center;
}

.copyright-text span {
    border-right: 1px solid #556974;
}

.copyright-text span:last-child {
    border-right: none;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu ul li:last-child a:after {
    content: '';
    padding: 0;
}

.footer-menu .dropdown-menu {
    position: absolute;
    top: auto;
    bottom: 120%;
    left: 0;
    z-index: 1000;
}

.footer-menu ul.dropdown-menu>li a:after {
    content: ' ';
    padding: 0;
}

#footer .footer-menu ul.dropdown-menu>li a {
    color: #222 !important;
    padding: 10px 15px;
}

.footer-menu ul.dropdown-menu>li {
    display: block;
    margin: 0 !important;
}

.footer-menu .caret {
    border-bottom: 4px solid;
    border-top: 0 solid;
}

.bottom-ctas .start-building,
.bottom-ctas .build-for-clients {
    padding-top: 66px;
    padding-bottom: 66px;
}

.bottom-ctas .start-building {
    background-color: white;
}

.bottom-ctas .build-for-clients {
    background-color: #f2f7fa;
}

.bottom-ctas p {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.bottom-ctas .img-or {
    position: absolute;
    left: 50%;
    margin-left: -75px;
}

.bottom-ctas .img-or.desktop {
    top: 46%;
}

.bottom-ctas .img-or.mobile {
    bottom: -40px;
    z-index: 2;
}

.bottom-ctas .build-for-clients .green-button,.bottom-ctas .start-building .green-button {
    width: auto;
    padding: 0 100px;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a {
    border: 0 !important;
    background: 0 0 !important;
    color: rgba(255,255,255,.7);
    margin: 0 1px;
    border-radius: 0 !important;
    padding: 0 50px;
    line-height: 60px;
}

.nav-tabs>li.active>a,.nav-tabs>li>a:hover {
    border-color: none;
    color: rgba(255,255,255,.9);
    background-color: rgba(28,62,59,.9) !important;
}

.nav-tabs-wrapper .nav-tabs>li {
    border: 0;
}

.nav-tabs-wrapper {
    border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(255,255,255,.5);
    max-width: 652px;
    margin: 0 auto;
}

.nav-tabs-wrapper .nav-tabs>li.active>a,.nav-tabs-wrapper .nav-tabs>li.active>a:focus,.nav-tabs-wrapper .nav-tabs>li.active>a:hover,.nav-tabs-wrapper .nav-tabs>li>a {
    padding: 0 17px;
    line-height: 70px !important;
}

.nav-tabs-wrapper .nav-tabs>li {
    margin: 0;
    opacity: .7;
}

.app-button.facebook,.app-button.google-plus {
    margin-bottom: 15px;
    text-transform: none;
    width: 100%;
}

.is-page-about .apps-section-tabs .nav-tabs>li.active,.nav-tabs-wrapper .nav-tabs>li.active {
    opacity: 1;
}

.nav-tabs-wrapper .nav-tabs>li.active>a,.nav-tabs>li>a:hover {
    color: #fff;
    background-color: rgba(29,126,173,.5) !important;
}

.app-button {
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    line-height: 50px;
    transition: all .2s;
    font-weight: 400 !important;
    color: #000;
    outline: none;
}

.app-button.facebook {
    background: #2a3d69;
    border-bottom: 3px solid #2a3d69;
    color: #fff;
}

.app-button.facebook:focus,.app-button.facebook:hover {
    background: #2a3d69;
    text-decoration: none;
    color: #fff;
}

.app-button.google-plus {
    background: #b24f40;
    border-bottom: 3px solid #b24f40;
    color: #fff;
}

.app-button.google-plus:focus,.app-button.google-plus:hover {
    background: #b24f40;
    text-decoration: none;
    color: #fff;
}

.app-button.green-button {
    width: 100%;
    background: #50fa8f;
    background: linear-gradient(to bottom,#50fa8f 0,#14e475 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50fa8f',endColorstr='#14e475',GradientType=0);
    border-bottom: 3px solid #18a65b;
}

.app-button.green-button:focus,.app-button.green-button:hover {
    background: #16c967;
    background: linear-gradient(to bottom,#16c967 0,#50fa8f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16c967',endColorstr='#50fa8f',GradientType=0);
    text-decoration: none;
    color: #000;
}

.app-button.sky-blue {
    width: 100%;
    background: #42ddf1;
    background: linear-gradient(to bottom,#42ddf1 0,#1bb6ca 100%);
    border-bottom: 3px solid #1BB6CA;
}

.app-button.sky-blue:focus,.app-button.sky-blue:hover {
    background: #1bb6ca;
    background: linear-gradient(to bottom,#1bb6ca 0,#42ddf1 100%);
    text-decoration: none;
    color: #000;
}

.app-button.blue-button {
    padding: 0 40px;
    text-shadow: 1px 1px 1px #000;
    background: #2d536d;
    background: linear-gradient(to bottom,#2d536d 0,#1e3747 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d536d',endColorstr='#1e3747',GradientType=0);
    border-bottom: 3px solid #0f1e28;
    color: #fff;
}

.app-button.blue-button:focus,.app-button.blue-button:hover {
    background: #1e3747;
    background: linear-gradient(to bottom,#1e3747 0,#2d536d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3747',endColorstr='#2d536d',GradientType=0);
    text-decoration: none;
    color: #fff;
}

.apps-publish {
    font-size: 22px !important;
    color: #f5f5f5 !important;
    line-height: 1.2;
}

.logos-desc {
    font-size: 18px;
    font-family: 'open-sansitalic';
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.modals-container {
    height: 0;
}

.wpb_wrapper,h1,h2 {
    font-weight: 400;
}

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

:-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

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

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.wp-caption,.wpb_wrapper .magazine-footer,img {
    text-align: center;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignleft,a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
}

.wp-caption.alignleft,.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.pagelink p,.sticky {
    border: 1px solid #EEE;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {
    background: #F8F8F8;
    padding: 10px 25px 20px;
}

.sticky hr {
    display: none;
}

cite,q {
    font-style: italic;
}

.pagelink p {
    padding: 10px 15px;
    margin: 25px 0;
}

.wpb_wrapper .av-service p {
    font-size: 14px;
    line-height: 24px;
}

.vc_col-sm-4.wpb_column.vc_column_container {
    padding: 0;
}

h3.amas,h3.sdp,h3.wwp {
    font-size: 50px;
    padding-bottom: 13px !important;
}

.hover-text .port-likes,.hover-text .port-views {
    display: none !important;
}

.title-content {
    display: none;
}

.hover-text .categroy-sep,.hover-text .port-categroy,.hover-text .port-likes,.hover-text .port-views {
    display: none !important;
}

.testimonial-author-img {
    width: 125px;
    height: 125px;
}

h3.wwp {
    border-bottom: 12px solid #8097C1;
}

h3.sdp {
    border-bottom: 12px solid #0BA481;
}

h3.amas {
    border-bottom: 12px solid #E22688;
}

.callout-content h2 {
    border-bottom: 3px solid #fff;
    padding-bottom: 14px;
    color: #fff !important;
    display: inline-block;
}

.color01,.color02,.color03 {
    min-height: 500px !important;
    color: #fff;
}

.callout-content p {
    line-height: 28px !important;
}

.wpb_content_element {
    margin-bottom: 0 !important;
}

.color01 {
    background-color: #C9D0E0;
}

.color02 {
    background-color: #BDC6D9;
}

.color03 {
    background-color: #B5BFD5;
}

.port-nub.woo-popup-link {
    display: none !important;
}

.vc_row wpb_row.vc_row-fluid.column-have-space {
    position: relative !important;
    z-index: 1 !important;
}

.av-service.service-style-one,.service-style-one {
    min-height: 455px !important;
}

@media screen and (max-width:1280px) {
    .service-style-one {
        min-height: 395px;
    }
}

@media screen and (max-width:1024px) {
    .service-style-one {
        min-height: 410px;
    }
}

@media screen and (max-width:768px) {
    .av-service.service-style-one {
        min-height: 465px !important;
    }
}

/*h2 {
    font-size: 48px;
    color: #3b525f;
    margin: 100px 0;
}
*/
img {
    max-width: 100%;
    margin: 0 auto;
}

ul.blue-checks {
    margin: 0;
    padding: 0;
}

ul.blue-checks li {
    list-style-type: none;
    padding-left: 25px;
    background: url(../../../../../../biznessapps.dixtra.co/wp-content/uploads/2016/02/check.png) left center no-repeat;
    font-weight: 700;
    margin-bottom: 20px;
}

.wpb_wrapper .magazine-footer .img-footer {
    display: inline-block;
    vertical-align: top;
}

.wpb_wrapper .magazine-footer .txt-footer {
    display: inline-block;
    padding-top: 40px;
    width: 80%;
    color: #fff;
    vertical-align: top;
}

.animation {
    padding-top: 100px;
    padding-bottom: 100px;
    background: url(images/animation-bg.png) center no-repeat;
    margin-top: 130px;
    background-size: cover;
}

.animation h2 {
    font-size: 35px;
    color: #fff !important;
}

.animation p {
    color: #fff !important;
    font-size: 15px;
    margin-bottom: 45px;
    padding-right: 100px;
}

.with-label {
    background: url(../../uploads/2016/09/a_team_committed-v-1.png) top center no-repeat;
}

.sales {
    background: url(../../uploads/2016/09/100_white_label-v-1.png) top center no-repeat;
}

.tiered-dis {
    background: url(../../uploads/2016/09/fully_native_apps-v-1.png) top center no-repeat;
}

.message-form {
    max-width: 540px;
    margin: 0 auto;
}

.searchform,
.message-form .custom-field {
    position: relative;
}

.message-form .custom-field .success-icon {
	position: absolute;
    right: 14px;
    top: 12px;
}

.message-form .custom-field.with-textarea .success-icon {
	top: 48px;
}

.message-form .custom-field .close {
    position: absolute;
    top: 0;
    right: 7px;
}

.message-form .form-group {
    margin-top: 7px;
    margin-bottom: 15px;
}

.message-form .form-control {
    padding: 10px;
    line-height: 1.25em;
}

.message-form .section-submit {
    margin-top: 30px;
}

.message-form .section-submit .p-cta1, .message-form .section-submit .p-cta2, .message-form .section-submit .s-cta1 {
	max-width: 100%;
}

.message-form .section-submit:before {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.searchform label.error {
	margin-top: 0;
}

.searchform label.error,
.mc4wp-form label.error,
.message-form .custom-field label.error,
.message-form .custom-field .error-message  {
    position: absolute;
    background-color: #fdf4f3;
    color: #e64f3b;
    border: 1px solid rgba(255, 176, 176, 0.5);
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    right: 0;
    top: 0;
    padding: 1px 2px;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    pointer-events: none;
    z-index: 1;
}

.searchform label.placeholder,
.mc4wp-form label.placeholder,
.message-form .custom-field label.placeholder {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: inherit;
    cursor: text;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;  
    pointer-events: none;
}

.message-form .custom-field textarea + label.placeholder {
  top: 19.5px;
}

.message-form .custom-field label.placeholder.inactive {
    font-size: 12px;
    top: 7px;
    color: #cecece;
}

.message-form .custom-field textarea + label.placeholder.inactive {
  top: 7px;
}

.message-form .form-group input,.message-form .form-group select,.message-form .form-group textarea {
    margin: 0;
}

.message-form ::-webkit-input-placeholder {
  color: #999;  
}
.message-form ::-moz-placeholder {
  color: #999;
}
.message-form :-ms-input-placeholder {
  color: #999;
}
.message-form :-moz-placeholder {
  color: #999;
}

.message-form .select2-container--default .select2-selection {
    height: auto;
    padding: 5px 12px 5px 4px;
}

.select2-container--focus .select2-selection {
  outline-color: rgba(102,175,233, 0.6);
}

.message-form .select2-container--default .select2-selection .select2-selection__arrow {
    height: 48px;
    width: 36px;
    top: -5px;
}

.page .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1486ab;
}

.is-page-reseller .message-form .custom-field textarea {
    height: 60px;
    resize: none;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.is-page-reseller .message-form .custom-field > textarea {
  height: auto;
}

.is-page-reseller .message-form .custom-field textarea.active {
    height: 120px;
}


.container {
    margin-left: auto;
    margin-right: auto;
}

.sbttBacktotop {
    width: 40px;
}

/**
* Aug 25, 2016 - paulz
*
* Footer Area - begin
*/
.ba-footer {
    background-color: white;
}

.ba-footer ul {
    margin: 0;
}

.ba-footer ul li {
    list-style: none;
}

.ba-footer ul li a {
    text-decoration: none;
    color: #6f7070;
    font-size: 14px;
}

.ba-footer .block-sitemap {
    padding: 60px 0 25px;
    border-top: 1px solid #e3e5e6;
    border-bottom: 1px solid #e3e5e6;
    text-align: center;
}

.ba-footer .block-sitemap > ul {
	text-align: left;
	display: inline-block;
}

.ba-footer .block-sitemap > ul > li {
	float: left;
	margin: 0 60px 40px;
}

@media (min-width: 992px) and (max-width: 1314px) {
	.ba-footer .block-sitemap > ul > li {
		margin-left: 42px;
		margin-right: 42px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.ba-footer .block-sitemap > ul > li {
		margin-left: 20px;
		margin-right: 20px;
	}
}

.ba-footer .block-sitemap ul.block li {
    line-height: 2em;
    margin-bottom: 4px;
}

.ba-footer .block-sitemap h3 {
    color: #3b525f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 20px;
}

.ba-footer .block-lower {
    padding: 60px 0;
    color: #5f727c;
}

.ba-footer .block-lower a, .ba-footer .block-lower a:focus, .ba-footer .block-lower a:hover {
    text-decoration: none;
    color: #5f727c;
}

.ba-footer .block-lower span.delimiter {
    margin: 0 14px;
}

.ba-footer .row-social {
    margin-bottom: 25px;
}

.ba-footer ul.footer-social-icons {
    display: inline-block;
}

.ba-footer ul.footer-social-icons > li {
    float: left;
    margin: 0 16px;
}

.ba-footer ul.footer-social-icons i.fa {
    color: #0f88b5;
    font-size: 32px;
}

.ba-footer .row-phone {
    margin-bottom: 30px;
}

.ba-footer .row-phone > a {
    font-size: 32px;
    color: #0f88b5;
}

/* Footer Area - end */
.tool-row {
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1290px;
    margin-left: auto !important;
    margin-right: auto !important;
}

#title-area,.navbar-default {
    background-color: transparent;
}

@media (max-width:767px) {
    #title-area,.navbar-default {
        background-color: #172832;
    }
}

@media (min-width:640px) {
    #fixed-navbar {
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 999;
        right: 0;
        background-color: rgba(13,177,238,.4);
    }
}

@media (min-width:640px) and (min-width:760px) {
    #fixed-navbar .navbar-header {
        line-height: 69px;
    }

    #fixed-navbar #main-nav {
        margin-top: 5px !important;
    }
}

#fixed-navbar .call-us {
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: -45px;
    padding: 10px 20px;
    font-size: 18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
}

@media (max-width:700px) {
    #fixed-navbar .call-us {
        display: none;
    }
}

.navbar-default {
    box-shadow: none;
    padding: 0;
}

#menu-top {
    float: left !important;
    margin-left: 20px;
    margin-top: 17px;
}

.tool-item p {
    font-size: 16px;
}

.tool-item img {
    margin-bottom: 15px !important;
}

.tool-item.text-center {
    border-bottom: 1px solid #ebedef;
    border-right: 1px solid #ebedef;
    padding-top: 30px;
    padding-bottom: 30px;
}

.tool-item.text-center.border-left {
    border-bottom: 0 solid #ebedef;
}

.tool-item.text-center.left-border {
    border-right: 0 solid #ebedef;
}

.cus-lg-padding {
    margin-bottom: -100px;
}

.cust-iphone-margin {
    margin-left: -42px;
}

.intro-text1,.subtitle {
    font-weight: 400;
    color: #fff;
}

@media (max-width:600px) {
    .cus-iphone {
        width: 95% !important;
        padding-left: 57px !important;
        margin-top: -24px !important;
    }
}

@media (max-width: 321px) {
    .cus-iphone,.cus-macbook {
        padding-left: 0 !important;
    }

    .cus-macbook {
        width: 97% !important;
        margin-top: -24px !important;
        margin-left: -2px !important;
    }

    .cus-iphone {
        margin-left: 109px !important;
        margin-top: -44px !important;
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    .cus-iphone {
        padding-left: 0 !important;
        margin-left: 120px !important;
        margin-top: -55px !important;
        width: 100% !important;
    }

    .cus-macbook {
        width: 100% !important;
        margin-top: 0 !important;
        padding-left: 0 !important;
        margin-left: -2px !important;
    }

    .intro-text1 {
        font-size: 48px !important;
        color: #fff;
        margin: 30px 0 !important;
        font-weight: 400;
    }

    .three-steps-row,.three-steps-row-pricing,.three-steps-row-reseller {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .home .start-btn {
        margin-bottom: 20px !important;
        margin-top: 0 !important;
    }
}

.subtitle {
    font-size: 16px !important;
    margin: 0;
}

.intro-textcus {
    font-size: 40px;
    padding-top: 0;
    color: #28b28f;
}

.cus-img-margin-auto {
    margin: 0 auto;
}

.intro-iphone {
    padding-top: 128px;
    margin-left: -182px;
    width: 22%;
}

.cuspadding {
    padding-left: 0;
    padding-top: 30px;
}

.cus-col-lg-3 {
    padding-top: 130px;
}

.cus-img-margin-r {
    margin-left: 200px;
}

.cus-img-margin-l {
    margin-left: -106px;
}

@media only screen and (max-width: 1530px) {
    .monitor-your-app {
        background-size: 70%;
    }
}

@media (max-width:1280px) and (min-width:768px) {
    .tool-item p {
        font-size: 15px;
    }
}

@media only screen and (max-width:1401px) {
    .buttons-collapse a,.collapsable-item a {
        padding: 0;
    }
}

.teal-gradient {
    background-position: center;
    color: #fff;

    background: #1486ab; /* Old browsers */
    background: -moz-linear-gradient(top,  #1486ab 0%, #117190 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1486ab 0%,#117190 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1486ab 0%,#117190 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1486ab', endColorstr='#117190',GradientType=0 ); /* IE6-9 */
}

.teal-bg {
    background: #1486ab;
}

.teal-gradient-horz {
    color: #fff;

    background: #1486ab; /* Old browsers */
    background: -moz-linear-gradient(left,  #1486ab 0%, #117190 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #1486ab 0%,#117190 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #1486ab 0%,#117190 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1486ab', endColorstr='#117190',GradientType=1 ); /* IE6-9 */
}

.teal-gradient h1, .teal-gradient h2, .teal-gradient h3, .teal-gradient h4,.teal-gradient p,
.teal-bg h1, .teal-bg h2, .teal-bg h3, .teal-bg h4,.teal-bg p {
    color: #fff;
}

div#main-nav.navbar-collapse.collapse.in,div#main-nav.navbar-collapse.collapsing {
    background: #192832;
}

article.post {
    margin-bottom: 80px;
}

.main-content article:last-child {
	margin-bottom: 0;
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .social-links-column {
        padding-left: 4em;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .social-links-column {
        padding-left: 4em;
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .social-links-column {
        padding-left: 6em;
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    .social-links-column {
        padding-left: 6em;
    }
}

.is-page-about .top-section {
    padding: 140px 0 90px;
}

.is-page-about .top-section h4 {
	margin-bottom: 40px;
}

.is-page-about .our-team {
    padding: 80px 0;
}

.is-page-about .blue-bgg .vc_tta-tabs-container {
    border-top: 1px solid rgba(255,255,255,.3);
    border-bottom: 1px solid rgba(255,255,255,.3);
    max-width: 1288px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 70px !important;
    text-align: center;
}

.is-page-about .blue-bgg .vc_tta-tabs-container .vc_tta-tabs-list>li {
    border: 0;
    margin: 0;
}

.is-page-about .blue-bgg .vc_tta-tabs-container .vc_tta-tabs-list>li a {
    font-size: 16px;
    border: 0 !important;
    background: 0 0 !important;
    color: rgba(255,255,255,.7);
    margin: 0 1px;
    border-radius: 0 !important;
    padding: 0 44px;
    line-height: 60px;
}

.is-page-about .blue-bgg .vc_tta-tabs-container .vc_tta-tabs-list>li.vc_active>a {
    background-color: rgba(255,255,255,.2) !important;
    color: #fff !important;
}

.is-page-about .blue-bgg .vc_tta-tabs-container .vc_tta-tabs-list>li.vc_active>a .vc_tta-title-text {
    color: #fff !important;
}

.is-page-about .blue-bgg .vc_tta-panels-container {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .is-page-about .blue-bgg .vc_tta-panels-container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-about .blue-bgg .vc_tta-panels-container {
        width: 870px;
    }
}

@media (min-width: 1200px) {
    .is-page-about .blue-bgg .vc_tta-panels-container {
        width: 970px;
    }
}

.is-page-about .blue-bgg .vc_tta-panels-container>.vc_tta-panels {
    background-color: transparent !important;
    border-color: transparent !important;
}

.is-page-about .blue-bgg .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-body {
    background-color: transparent;
    border: none;
}

.is-page-about .blue-bgg .item * {
    text-align: center;
    color: #fff;
}

.is-page-about .blue-bgg .item img {
    width: 190px;
    height: 190px;
}

.is-page-about .about-today,.is-page-about .top-section-container {
    margin: 0 auto;
}

.is-page-about .about-today {
    padding: 40px 0;
}

.is-page-about .blue-bgg .item .linkedin {
    background: url(../../uploads/2016/02/linkedin-a.png) center no-repeat !important;
    text-indent: -999999px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-filter: brightness(100);
    -moz-filter: brightness(100);
    filter: brightness(100);
}

.is-page-about .about-today .subtitle,.is-page-about .about-today .title {
}

@media (min-width:768px) {
    .is-page-about .top-section-container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-about .top-section-container {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .is-page-about .top-section-container {
        width: 970px;
    }
}

.is-page-about .about-today img {
    object-fit: cover;
}

@media (min-width:768px) {
    .is-page-about .about-today {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-about .about-today {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .is-page-about .about-today {
        width: 970px;
    }
}

.is-page-about .about-today .title {
    text-align: center;
    margin-top: 0;
}

.is-page-about .about-today-images-right-col .vc_column-inner {
    padding-left: 5px;
}

.is-page-about .about-today-images {
    position: relative;
}

@media (max-width: 767px) {
    .is-page-about .about-today-images .col-sm-4 {
        margin-bottom: 30px;
    }

    .is-page-about .about-today-images .col-sm-4 img {
        width: 100% !important;
    }
}

.is-page-about .about-today-legend-award {
    margin-top: 80px;
    padding-left: 24px;
}

@media (min-width: 768px) {
    .is-page-about .about-today-images-right-col {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .is-page-about .about-today-images-right-col * {
        height: 100%;
    }

    .is-page-about .about-today-legend-award {
        border-left: 1px solid #ebebeb;
    }
}

.is-page-about .about-today-legend-award-date p {
    color: #3b525f;
    font-weight: 600;
    margin: 20px 0 !important;
}

.is-page-about .about-today-legend-award-text p {
    line-height: 1.2;
    color: #1486ab;
    font-style: italic;
}

@media (max-width: 600px) {
    .is-page-about .about-today-legend-award-text {
        margin-bottom: 50px;
    }

    .is-page-about .about-today-legend .wpb_single_image {
        text-align: center;
    }
}

.is-page-about .about-today-legend-text {
    color: #3b525f;
    padding-right: 40px;
}

.is-page-about .about-today-legend-text .fst {
    margin-bottom: 30px !important;
}

.is-page-about .about-today .big-image img,.is-page-about .about-today .side-image img {
    width: 100%;
}

@media (min-width:600px) {
    .is-page-about .about-today .mid-image.fst {
        padding-right: 0;
    }

    .is-page-about .about-today .mid-image.lst {
        padding-left: 0;
    }
}

.is-page-about .about-today .mid-image img {
    height: 180px;
    width: 100%;
}

.is-page-about .about-today .sm-image {
    text-align: center;
}

.is-page-about .about-today .sm-image img {
    height: 180px;
    width: 100%;
    object-fit: cover;
}

.is-page-about .about-today-partn * {
    text-align: center;
}

.is-page-about .about-today-partn .second img {
    margin: 22px 0;
}

.is-page-about .about-today-partn .thirth img {
    margin: 40px 0;
}

.is-page-about .about-today-partn .fourth img {
    margin: 50px 0;
}

.is-page-about .about-today-partn .fifth img {
    margin: 25px 0;
}

.is-page-about .header-intro .left-description {
    padding-left: 80px;
    padding-right: 10px;
}

.is-page-about .header-intro .right-description {
    padding-left: 10px;
    padding-right: 80px;
}

@media (max-width:1314px) {
    .is-page-about .header-intro .left-description {
        padding-left: 40px;
        padding-right: 5px;
    }

    .is-page-about .header-intro .right-description {
        padding-left: 5px;
        padding-right: 40px;
    }
}

@media (max-width:767px) {
    .is-page-about .header-intro .left-description,.is-page-about .header-intro .right-description {
        padding-left: 0;
        padding-right: 0;
    }

    .is-page-about .nav-tabs li {
        width: 100%;
    }

    .is-page-about .nav-tabs li a {
        font-size: 16px !important;
    }
}

.is-page-about .app-row-container {
    margin: 0 auto;
    max-width: 75%;
}

.is-page-about .apps-section-tabs .vc_tta-tabs-container {
    border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(255,255,255,.5);
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 70px !important;
    text-align: center;
}

.is-page-about .apps-section-tabs .nav-tabs {
    width: 467px;
    margin: 0 auto !important;
}

.is-page-about .apps-section .tab-content,.is-page-about .apps-section .tab-pane {
    padding-bottom: 0 !important;
}

.is-page-about .apps-section-tabs .nav-tabs>li.active>a,.is-page-about .apps-section-tabs .nav-tabs>li.active>a:focus,.is-page-about .apps-section-tabs .nav-tabs>li.active>a:hover,.is-page-about .apps-section-tabs .nav-tabs>li>a {
    padding: 0 17px;
    line-height: 70px !important;
}

.is-page-about .apps-section-tabs .nav-tabs>li {
    border: 0;
    margin: 0;
}

.is-page-about .apps-section-tabs .nav-tabs>li span {
    color: rgba(255,255,255,.7);
}

.is-page-about .apps-section-tabs .nav-tabs>li.active>a,.is-page-about .nav-tabs>li>a:hover {
    color: #fff;
    background-color: rgba(29,126,173,.5) !important;
}

.is-page-about .team-item {
    margin-bottom: 70px;
    color: #fff;
    min-height: 300px;
}

.is-page-about .card {
    text-align: left;
}

.is-page-about .card .blue-btn {
    margin-top: 70px;
    padding: 0 20px;
}

.is-page-about .card .card-to-left {
    padding-left: 80px;
    padding-right: 10px;
}

.is-page-about .card .card-to-right {
    padding-left: 10px;
    padding-right: 80px;
}

.is-page-about .contact-wrapper-block h3 {
    font-size: 30px;
    margin: 0 0 30px;
}

.is-page-about .contact {
    background: url(images/background-pricing.png) center no-repeat;
    background-size: cover;
    padding: 120px 0;
}

.is-page-about .contact form {
    max-width: 500px;
    margin: 0 auto;
}

.is-page-about .contact form select {
    font-size: 18px;
    color: #777;
}

.is-page-about .contact form button {
    width: 100% !important;
}

.is-page-about .work-us {
    margin: 0 auto;
}

@media (min-width:768px) {
    .is-page-about .work-us {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-about .work-us {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .is-page-about .work-us {
        width: 970px;
    }
}

.is-page-about .work-us .button {
    margin: 16px 20px;
}

@media (min-width: 600px) {
    .is-page-about .work-us .button {
        width: 300px;
    }
}

.is-page-about .work-us a.read-review {
    padding: 16px 0 20px;
}


.is-page-about .work-us a.read-review .glassdoor {
    display: inline-block;
    background: url(../../uploads/2016/02/glassdoor.png) no-repeat;
    height: 24px;
    width: 118px;
    margin-bottom: -6px;
    margin-right: 5px;
    margin-left: 5px;
}

.is-page-about .work-us a.read-review:hover .glassdoor {
    background: url(../../uploads/2016/02/glassdoor-1.png) no-repeat;
}

/* Contact page */
.is-page-contact .hero-tools {
	padding: 110px 0 70px;
}

.is-page-contact .contact-page {
    padding: 110px 0;
}

.is-page-contact .message-form {
    max-width: 450px;
    padding: 30px;
    background-color: #1486ab;
    margin-top: 36px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0px 2px 16px 7px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 16px 7px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 16px 7px rgba(0, 0, 0, 0.35);    
}

.is-page-contact .centered-image {
    text-align: center !important;
}

.is-page-contact .contact-circle {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 104px;
}

.is-page-contact .contact-circle .contact-info-container {
    padding-bottom: 20px;
}

.is-page-contact .contact-circle .fa {
    font-size: 26px;
}

.home .hero {
    background-position: center;
    background-image: none;
    padding: 180px 0 0;
}

@media (min-height: 870px) {
    min-height: 1024px;
}

.home .centered-image .wpb_wrapper {
    text-align: center;
}

.home .centered-client-image .wpb_wrapper {
    text-align: center;
    background-color: #f5f5f5 !important;
    padding: 30px 35px 45px !important;
}

.home .why-bizness-apps h2 {
    margin-bottom: 68px;
}

.home .testimonials {
    padding-top: 125px;
    padding-bottom: 100px;
    background-repeat: nli:last-childo-repeat;
    background-size: cover;
}

.home .start-btn {
    margin-bottom: 100px;
    margin-top: 50px;
}

@media (max-width:600px) {
    .home .build-your-app {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .home .tools .tool-item {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
        height: 200px;
    }

    .home .tools .tool-row {
        margin: 0 !important;
    }

    .home .tools .tool-row p {
        word-wrap: normal;
        font-size: 20px;
    }

    .home .testimonials {
        padding-bottom: 50px;
    }
}

.is-page-features .hero-tools {
    padding: 155px 0 138px 0;
}

.is-page-features .hero-tools .p-cta1 {
    margin-top: 48px;
}

.is-page-features .video-preview {
    margin-top: 50px;
}

.is-page-features .video-inside-computer {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    width: 65.4vw;
    max-width: 590px;
    max-height: 390px;
    margin: 0 auto;
    background-color: #000;
}

.video-bg {
    position: relative;
    width: auto;
    height: 460px;
    margin: 0 auto;
    background: url(../../uploads/2016/02/computer-play_comp-only.png) center no-repeat;
}

.video-bg .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 113px;
    height: 113px;
    margin-left: -56px;
    margin-top: -56px;
    border-radius: 50%;
    background: url(../../uploads/2016/02/icon_play.png) no-repeat;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

.video-bg .btn-play:hover {
    background-color: #1486ab;
}

.is-page-features .video-inside-computer .wpb_wrapper {
    overflow: hidden;
    max-height: 390px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.is-page-features .video-inside-computer .wpb_wrapper .wpb_video_wrapper {
    max-width: 590px;
    margin: 0 auto;
}

.is-page-features .three-steps {
    max-width: 90%;
    margin: 0 auto;
}

.is-page-features .three-steps h4 {
    font-size: 30px;
    margin: 30px 0;
}

.is-page-features .three-steps p {
    font-size: 17px;
    line-height: 32px;
}

.is-page-features .three-steps .wpb_wrapper {
    text-align: center;
}

.is-page-features .three-steps .three-steps-item .item-text {
    color: #3b525f;
}

@media only screen and (max-width: 1314px) {
    .is-page-features .three-steps .three-steps-item .item-text {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width:767px) {
    .is-page-features .video-inside-computer {
        width: 58.5vw;
    }

    .is-page-features .three-steps .three-steps-item .item-text {
        padding-left: 0;
        padding-right: 0;
    }

    .is-page-features .three-steps .three-steps-item .item-text p {
        padding: 0;
    }
}

.is-page-features .pick-your-interest {
    background-color: #F2F7FA;
    padding: 14px 0 0;
}

.is-page-features .pick-your-interest h4 {
    margin-bottom: 20px;
}

.is-page-features .pick-your-interest .mpc-tabs__nav {
    max-width: 1082px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 46px;
}

.is-page-about .mpc-tabs--top .mpc-tabs__nav {
    max-width: 600px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 0 auto 46px !important;
}

@media (max-width: 767px) {
    .is-page-features .pick-your-interest .mpc-tabs__nav,
    .is-page-about .mpc-tabs__nav {
        margin-bottom: 6px;
    }
}

.is-page-features .pick-your-interest .mpc-tab,
.is-page-about .mpc-tab {
    background-color: transparent;
    border-color: transparent;
}

.is-page-features .pick-your-interest .mpc-tab .image {
    text-align: right;
    padding-right: 70px;
}

.is-page-features .pick-your-interest .mpc-tab .legend {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .is-page-features .pick-your-interest .mpc-tab .legend,
    .is-page-features .pick-your-interest .mpc-tab .image {
        min-height: 600px;
    }
}

@media screen and (max-width: 768px) {
    .is-page-features .mpc-tabs__nav ul .mpc-tabs__nav-item,
    .is-page-features .mpc-tabs__nav ul .mpc-tabs__nav-item:last-child,
    .is-page-about .mpc-tabs__nav ul .mpc-tabs__nav-item,
    .is-page-about .mpc-tabs__nav ul .mpc-tabs__nav-item:last-child {
        margin: 0 !important;
    }
}

.is-page-features .pick-your-interest .mpc-button[data-id] .mpc-button__title,
.is-page-about .mpc-button[data-id] .mpc-button__title {
    padding: 12px 18px;
}

@media (max-width: 1199px) {
    .is-page-features .pick-your-interest .mpc-button[data-id] .mpc-button__title,
    .is-page-about .mpc-button[data-id] .mpc-button__title {
        padding: 12px 14px;
    }
}

@media (max-width: 991px) {
    .is-page-features .pick-your-interest .mpc-button[data-id] .mpc-button__title,
    .is-page-about .mpc-button[data-id] .mpc-button__title {
        padding: 10px 12px;
        font-size: 0.8em;
    }
}

@media (min-width: 992px) {
    .is-page-features .pick-your-interest .mpc-tab .image img {
        position: absolute;
        bottom: 0;
        right: 10%;
    }

    .is-page-features .pick-your-interest .mpc-tab .legend {
        float: right;
    }
}

.is-page-features .pick-your-interest .mpc-tab .legend h3 i {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
}

.is-page-features .pick-your-interest .mpc-tab .legend h3 i.food-ordering {
    background-image: url(../../uploads/2016/02/8.png);
}

.is-page-features .pick-your-interest .mpc-tab .legend h3 i.push-notifications {
    background-image: url(../../uploads/2016/02/3.png);
}

.is-page-features .pick-your-interest .mpc-tab .legend h3 i.loyalty {
    background-image: url(../../uploads/2016/02/7.png);
}

.is-page-features .pick-your-interest .mpc-tab .legend h3 i.shopping {
    background-image: url(../../uploads/2016/02/1.png);
}

.is-page-features .pick-your-interest .mpc-tab .legend h3 i.appointments {
    background-image: url(../../uploads/2016/02/calendar-icon.png);
}

.is-page-features .pick-your-interest .mpc-tab.food-ordering .legend p {
    line-height: 26px;
}


.is-page-features .integrations {
    padding: 80px 0;
}

.is-page-features .integrations h4 {
    margin-bottom: 54px;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-tabs-container {
    border-top: 1px solid rgba(255,255,255,.3);
    border-bottom: 1px solid rgba(255,255,255,.3);
    max-width: 1288px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    text-align: center;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-tabs-container .vc_tta-tabs-list>li {
    border: 0;
    margin: 0;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-tabs-container .vc_tta-tabs-list>li a {
    font-size: 16px;
    border: 0 !important;
    background: 0 0 !important;
    color: rgba(255,255,255,.7);
    margin: 0 1px;
    border-radius: 0;
    padding: 0 50px;
    line-height: 60px;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-tabs-container .vc_tta-tabs-list>li.vc_active>a {
    background-color: rgba(255,255,255,.3) !important;
    color: #fff !important;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels {
    background-color: transparent;
    border-color: transparent;
}

@media (max-width: 767px) {
    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-heading {
        background: 0 0;
        border-color: transparent;
        border-top: 1px solid rgba(255,255,255,.3);
        border-bottom: 1px solid rgba(255,255,255,.3);
        margin-bottom: 16px;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title {
        background: 0 0;
        text-align: center;
        font-size: 16px;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a {
        display: block;
        background-color: rgba(255,255,255,.3);
        width: 50%;
        margin: 0 auto;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a span {
        color: #fff;
    }
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-body {
    background-color: transparent;
    border: none;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .image {
    text-align: right;
    padding-right: 70px;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend {
    margin-top: 80px;
    color: #fff;
}

@media (max-width:1200px) {
    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .image {
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        text-align: center !important;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend {
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        text-align: center;
        width: auto;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend .title {
        text-align: center !important;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend .title i {
        margin: 0 auto;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend .text {
        text-align: center !important;
        margin: 0 auto !important;
    }
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend .title {
    text-align: left;
    font-size: 34px;
    line-height: 2.8;
    color: #fff;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend .title i {
    background-image: url(../../../../../frontendwp/wp-content/uploads/2016/05/3rd-party-icon.html);
    height: 84px;
    width: 73px;
    display: block;
    background-repeat: no-repeat;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .legend .text {
    background-color: transparent;
    text-align: left;
    margin: 0;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .tools-integrated {
    padding-bottom: 0;
}

.is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .tools-integrated .vc_tta-panel-body {
    padding-bottom: 0;
    margin-bottom: -26px;
}

.is-page-features .integrations .tools-integrated-titles {
    margin-bottom: 15px;
}

.is-page-features .integrations .tools-integrated-titles h4 {
    color: #F2F7FA !important;
    font-weight: 600 !important;
    text-align: center !important;
    background-color: transparent !important;
    line-height: 1 !important;
}

@media (max-width:767px) {
    .is-page-features .integrations .tools-integrated-titles {
        display: none;
    }
}

.is-page-features .integrations .third-party-container img {
    border-radius: 15px;
    margin-bottom: 10px;
}

/* Features / Robust Analytics */
.is-page-features .robust-analytics .legend h4 {
    text-align: left;
    margin: 0 0 64px;
}

@media (max-width: 992px) {
    .is-page-features .robust-analytics .legend {
        float: none;
        margin: 0 auto;
        padding: 22px 0;
        width: 80%;
    }

    .is-page-features .robust-analytics .legend h4 {
        text-align: center !important;
    }
}

@media (max-width:1000px) {
    .is-page-features .robust-analytics .image {
        width: auto;
        text-align: center;
        margin-top: 30px;
    }
}

.is-page-features .robust-analytics img {
    width: auto;
    height: auto;
    max-width: initial;
}

.is-page-features .training-support .legend .item:before,.item:before {
    width: 110px;
    background-repeat: no-repeat;
    display: block;
    content: '';
}

.item:before {
    float: left;
    margin: 0;
}

.is-page-features .robust-analytics .legend .item {
    height: 101px;
    margin: 40px 0;
}

.is-page-features .robust-analytics .legend .item p {
    padding-left: 140px;
}

.is-page-features .robust-analytics .legend .item.track:before {
    background-image: url(../../uploads/2016/02/track.png);
    height: 101px;    
}

.is-page-features .robust-analytics .legend .item.capture:before {
    background-image: url(../../uploads/2016/02/capture.png);
    height: 101px;
}

.is-page-features .robust-analytics .legend .item.monitor:before {
    background-image: url(../../uploads/2016/02/monitor.png);
    height: 92px;
}

.is-page-features .training-support {
    direction: rtl;
    padding-right: 40px;
}

.is-page-features .training-support p {
    line-height: 24px;
    margin-left: 142px;
}

.is-page-features .training-support .legend {
    padding-left: 20px;
    direction: ltr;
}

.is-page-features .training-support .legend .item {
    padding: 16px 0;
}

.is-page-features .training-support .legend .item.articles:before {
    background-image: url(../../uploads/2016/09/hundreds_of_help.png);
    height: 101px;
}

.is-page-features .training-support .legend .item.webinars:before {
    background-image: url(../../uploads/2016/02/training-support-2.png);
    height: 101px;
}

.is-page-features .training-support .legend .item.tutorials:before {
    background-image: url(../../uploads/2016/09/24_7_support.png);
    height: 80px;
}

.is-page-features .training-support .legend .item:before {
    margin: 45px 20px 40px 10px;
}

.is-page-features section>div>div>div,.is-page-press-room .top-section>div>div {
    margin: 0 auto;
}

.is-page-features .training-support .image img {
    width: auto;
    height: auto;
    max-width: initial;
}

.is-page-features .build-for-clients,.is-page-features .build-for-clients .row>.col-xs-12.col-sm-12.col-md-8.col-lg-8.col-md-offset-2.col-lg-offset-2 {
    position: static;
}

.is-page-features .center {
    text-align: center !important;
}

.is-page-features section>div>div>div {
    width: 1160px;
}

.is-page-features section>div.bottom-ctas>div>div {
    width: 100%;
}


@media (max-width: 1199px) {
    .is-page-features section>div>div>div {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .is-page-features section>div>div>div {
        width: 100%;
    }
}

/*
@media (min-width:768px) {
    .is-page-features section>div>div>div {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-features section>div>div>div {
        width: 870px;
    }
}

@media (min-width:768px) {
    .is-page-features section>div.bottom-ctas>div>div {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-features section>div.bottom-ctas>div>div {
        width: 870px;
    }
}


@media (min-width:768px) {
    .is-page-press-room .top-section>div>div {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-press-room .top-section>div>div {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .is-page-press-room .top-section>div>div {
        width: 970px;
    }
}
*/

.is-page-press-room .top-section {
	padding: 120px 0 80px;
}

.is-page-press-room .top-section .d3Items .item {
	padding-left: 10px;
	padding-right: 10px;;
	margin-bottom: 30px;
}

.is-page-press-room .top-section .d3Items .item .vc_column-inner {
	display: table;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 20px;
 }

.is-page-press-room .top-section .d3Items .item .wpb_wrapper {
    padding: 8px;
    height: 200px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.is-page-press-room .top-section .d3Items .item .wpb_wrapper h2 {
    font-size: 48px;
    text-align: center;
    color: #fff;
    margin: 0 0 5px;
    line-height: 1;
}

.is-page-press-room .top-section .d3Items .item .wpb_wrapper p {
    font-size: 18px;
    text-align: center;
    color: #fff !important;
    margin: 0;
    line-height: 1;
}

.is-page-press-room .recognition>div>div {
    margin: 0 auto;
}

@media (min-width:768px) {
    .is-page-press-room .recognition>div>div {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-press-room .recognition>div>div {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .is-page-press-room .recognition>div>div {
        width: 970px;
    }
}

.is-page-press-room .recognition h4 {
    margin-bottom: 60px;
}

.is-page-press-room .recognition .item>div {
    max-width: 350px;
    margin: 0 auto;
}

.is-page-press-room .recognition .item .wpb_single_image {
    text-align: center !important;
    height: 125px;
    display: table;
    margin: 0 auto;
}

.is-page-press-room .recognition .item .wpb_single_image .wpb_wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center !important;
}

.success .wpb_wrapper .img-footer,.success .wpb_wrapper .txt-footer {
    vertical-align: top;
    display: inline-block;
}

.is-page-press-room .recognition .item .wpb_wrapper {
    text-align: center !important;
}

.is-page-press-room .recognition .item a {
    font-size: 24px !important;
    text-align: center !important;
    color: #1486ab;
    margin: 20px 0;
    display: block;
}

.is-page-press-room .recognition .item p {
    font-size: 18px !important;
    color: #3b525f !important;
    text-align: center !important;
}

.is-page-press-room .cta,.success .wpb_wrapper {
    text-align: center;
}

.is-page-press-room .cta {
    background-color: #3b525f;
    padding: 60px 0;
}

.is-page-press-room .cta button {
    width: auto !important;
}

@media (min-width:400px) {
    .is-page-press-room .cta button {
        padding-right: 70px;
        padding-left: 70px;
    }
}

.is-page-press-room .contact {
    background: url(images/background-pricing.png) center no-repeat #3b525f;
    background-size: cover;
    padding: 120px 0;
}

.is-page-press-room .contact h2,.is-page-press-room .contact p {
    text-align: center;
    max-width: 720px;
    margin: 40px auto;
    color: #fff !important;
}

.is-page-press-room .contact h2 {
    font-size: 32px;
    font-size: 58px;
}

.is-page-press-room .contact p {
    font-size: 24px;
}

.is-page-press-room .contact form {
    max-width: 500px;
    margin: 0 auto;
}

.is-page-press-room .contact form select {
    font-size: 18px;
    color: #777;
}

.is-page-press-room .contact form button {
    width: 100% !important;
}

.is-page-press-room .block {
    display: block;
}

.success .hero-tools h4 {
    margin: 160px auto 45px;
}

.success .hero-tools h2 {
    margin-bottom: 50px;
}

.success .wpb_wrapper .txt-footer {
    padding-left: 15px;
    padding-top: 30px;
    width: 80%;
    color: #fff;
}

@media (max-width: 400px) {
    .is-page-pricing .pricing-intro>.wpb_column {
        padding: 10px !important;
    }

    .is-page-pricing .cards .wpb_column {
        padding: 1px !important;
    }
}

@media (min-width:1000px) {
    .is-page-pricing .cards .pane.left {
        float: right;
        width: 500px;
    }

    .is-page-pricing .cards .pane.right {
        float: left;
        width: 500px;
    }
}

.is-page-pricing .cards .pane header {
    background-color: #fff;
}

.is-page-pricing .cards .pane header h3 {
    color: #3b525f !important;
    margin: 0 !important;
    padding: 30px 0;
    font-size: 32px;
}

.is-page-pricing .cards .pane .price {
    background-color: #3b525f;
    color: #fff;
    padding: 45px 0;
}

.is-page-pricing .cards .pane .price button {
    width: auto;
}

@media (min-width:400px) {
    .is-page-pricing .cards .pane .price button {
        width: 318px;
    }
}

.is-page-pricing .custom-plans {
  background-color: white;
  padding: 10px;
}

.is-page-pricing .custom-plans a {
  color: inherit;
  text-decoration: underline;
}

.is-page-pricing .custom-plans a:hover, .is-page-pricing .custom-plans a:focus {
  color: #1486ab;
}

.is-page-pricing .custom-plans h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.is-page-pricing .custom-plans h3,
.is-page-pricing .custom-plans p {
  color: #3b525f;
}

.is-page-pricing .compare-plans a {
  color: inherit;
  text-decoration: underline;
}

.is-page-pricing .compare-plans a:hover, .is-page-pricing .compare-plans a:focus {
  color: #1486ab;
}

.is-page-pricing .compare-plans .pricing-body {
  width: 90%;
  margin: 0 auto 40px;
}

.is-page-pricing .compare-plans .pricing-features li {
  border-top: 1px solid #ebedef;
}

.is-page-pricing .compare-plans .pricing-features li.last {
  border-bottom: 1px solid #ebedef;
}

.is-page-pricing .compare-plans .pricing-features li p {
  margin-top: 6px;
  margin-bottom: 6px;
}

@media (max-width: 1199px) {
  .is-page-pricing .compare-plans .pricing-container {
    width: 100%;
  }

  .is-page-pricing .compare-plans .pricing-features li p {
    padding-left: 12px;
  }
}

@media (min-width: 768px) {
  .is-page-pricing .compare-plans .features-col {
    width: 48.5%;
  }

  .is-page-pricing .compare-plans .features-col p.leading {
    display: none;
  }

  .is-page-pricing .compare-plans .features-left {
    float: left;
    padding-right: 1.5%;
  }

  .is-page-pricing .compare-plans .features-right {
    float: right;
    padding-left: 1.5%;
  }
}

@media (max-width: 767px) {
  .is-page-pricing .compare-plans .features-left {
    margin-bottom: 20px;
  }

  .is-page-pricing .compare-plans .features-col p.leading {
    text-align: center;
  }

  .is-page-pricing .compare-plans .pricing-features li p {
    margin: 0 0 0 20px;
  }
}

@media (max-width: 479px) {
  .is-page-pricing .compare-plans .pricing-body {
    width: 100%;
  }

  .is-page-pricing .compare-plans .pricing-features li p {
    margin: 0 0 0 28px;
    text-indent: -30px;
  }
}


.is-page-pricing .three-steps-item h3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 328px;
}

.is-page-pricing .cards .pane .price div .number {
    font-size: 120px;
    vertical-align: top;
    line-height: .8;
}

.is-page-pricing .cards .pane .price div .pesos {
    font-size: 26px;
}

.is-page-pricing .cards .pane .price div .time {
    font-size: 22px;
}

.is-page-pricing .cards .pane .price p {
    line-height: 50px;
}

.pricingcardsfeatures {
    background: #fff;
    margin: 10px;
    border-radius: 5px;
}

.pricingcardsfeatures .title {
    color: #3b525f;
    font-size: 20px;
    padding: 20px 0;
    font-weight: 600;
}

.pricingcardsfeatures ul {
    padding: 0 0 6px;
    list-style-type: none;
}

.pricingcardsfeatures ul li {
    border-top: 1px solid #ddd;
    margin: 0;
    width: 100%;
}

.pricingcardsfeatures ul li p {
    font-size: 18px;
    color: #3b525f;
    line-height: 3;
    margin: 0;
    text-align: left;
    padding-left: 50px;
}

.pricingcardsfeatures ul li p:before {
    content: '';
    background: url(../../../../../../biznessapps.dixtra.co/wp-content/uploads/2016/02/check.png) left center no-repeat;
    height: 15px;
    display: inline-block;
    width: 14px;
    margin-bottom: -2px;
    padding-right: 24px;
}

.is-page-pricing .contact {
    background: url(images/background-pricing.png) center no-repeat;
    background-size: cover;
    padding: 120px 0;
}

.is-page-pricing .contact h2,.is-page-pricing .contact p {
    text-align: center;
    max-width: 640px;
    margin: 40px auto;
    color: #fff !important;
}

.is-page-pricing .contact h2 {
    font-size: 32px;
    font-size: 58px;
}

.is-page-pricing .contact p {
    font-size: 24px;
}

.is-page-pricing .contact form {
    max-width: 500px;
    margin: 0 auto;
}

.is-page-pricing .contact form select {
    font-size: 18px;
    color: #777;
}

.is-page-pricing .contact form button {
    width: 100% !important;
}

.is-page-pricing .final-container {
    text-align: center;
}

/** Reseller **/
#fade-quote-carousel.carousel {
    padding-bottom: 60px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
    margin-bottom: 0;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #fff;
    border: none;
    margin: 1px 2px;
}

#fade-quote-carousel.carousel .carousel-indicators > li.active {
	margin: 0 2px;
}

#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}

#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}


.is-page-reseller .partners li a {
    background-image: url(../../uploads/2016/02/partner_logo_teal.png);    
}

.is-page-reseller .col-logo-desc {
    border-bottom: 1px solid #d7dfe3;
    padding-bottom: 30px;
}

.is-page-reseller .item:before {
    content: '';
    width: 110px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin: 0;
}

.is-page-reseller .col {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
}

@media screen and (min-width: 768px) and (max-width: 768px) {
    .is-page-reseller img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .is-page-reseller .dedicated-sec img {
        padding-bottom: 35px;
    }

    .is-page-reseller .we-offer {
        display: none;
    }
}

.is-page-reseller a.read-reviews {
    display: block;
    margin: 12px 0;
}

.is-page-reseller a.read-reviews img {
    max-width: 200px;
}

.is-page-reseller .rating {
    padding: 40px 0;
}

.is-page-reseller .rating .block ul {
    width: 80%;
    max-width: 720px;
}

.is-page-reseller .rating .block ul li {
    padding-left: 30px;
    position: relative;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 24px;
}

.is-page-reseller .rating .block ul li i {
    color: #3B525F;
    line-height: 1.4em;
    position: absolute;
    left: 0;
    top: 2px;
}

.is-page-reseller .hero-tools {
    height: 800px;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 67px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .is-page-reseller .hero-tools {
        height: 720px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .is-page-reseller .hero-tools {
        height: 600px;
    }
}

@media (max-width: 479px) {
    .is-page-reseller .hero-tools {
        height: 540px;
    }    
}

.is-page-reseller .hero-tools .p-cta1 {
    margin-top: 48px;
}

.is-page-reseller .top-section>div>div {
    margin: 0 auto;
}

@media (min-width:768px) {
    .is-page-reseller .top-section>div>div {
        width: 750px;
    }
}

@media (min-width:992px) {
    .is-page-reseller .top-section>div>div {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .is-page-reseller .top-section>div>div {
        width: 95%;
    }
}

.is-page-reseller .fourth-section .week-container {
    display: inline-block;
    margin-top: 50px;
}

.is-page-reseller .fourth-section .week {
    margin-bottom: 30px;
}

.is-page-reseller .fourth-section .week > img {
    margin-right: 30px;
}

@media (max-width: 767px) {
    .is-page-reseller .fourth-section .week > img {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 479px) {
    .is-page-reseller .fourth-section .week > img {
        margin-right: 16px;
    }
}

.is-page-reseller .fourth-section h3 {
    margin: 0 0 14px 0;
}

.is-page-reseller .how-works {
    padding: 80px 0;
}

.is-page-reseller .how-works h4 {
    margin-bottom: 50px;
}

.is-page-reseller .video-inside-computer {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: -14px;
    right: 0;
    width: 60.4vw;
    max-width: 570px;
    max-height: 390px;
    margin: 0 auto;
    background-color: #000;
}

.is-page-reseller .video-inside-computer .wpb_wrapper {
    overflow: hidden;
    max-height: 390px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.is-page-reseller .video-inside-computer .wpb_wrapper .wpb_video_wrapper {
    max-width: 590px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .is-page-reseller .video-inside-computer {
        width: 58.5vw;
    }

    .is-page-reseller .happy .the-two .alt-left ul li {
        padding-left: 0 !important;
        position: relative;
        margin-bottom: 5px;
        font-size: 20px;
        text-align: center;
        color: #3b525f;
    }

    .is-page-reseller .how-works .lists ul li {
        padding-left: 0 !important;
        position: relative;
        font-size: 18px;
        margin-bottom: 5px;
        color: #fff;
        text-align: center;
    }

    .is-page-reseller .top-section .block ul li {
        padding-left: 30px;
        position: relative;
        line-height: 1.5;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .video-bg {
        height: 200px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .video-bg .btn-play {
        width: 80px;
        height: 80px;
        margin-left: -40px;
        margin-top: -40px;
        background-size: cover;
    }

    .is-page-features .robust-analytics img,.is-page-features .training-support .image img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .vc_empty_space {
        height: 0 !important;
    }

    .is-page-reseller .happy .the-two .alt-left ul li i,.is-page-reseller .how-works .lists ul li i,.is-page-reseller .top-section .block ul li i {
        display: none;
    }
}

.is-page-reseller .top-section .block ul {
    list-style: none;
    padding: 0;
}

.is-page-reseller .top-section .block ul li {
    padding-left: 30px;
    position: relative;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 5px;
}

.is-page-reseller .top-section .block ul li i {
    color: #84c1d9;
    top: 0;
    line-height: 1.4;
    position: absolute;
    left: 0;
}

.is-page-reseller .third-section {
    background: url(images/how-it-works-bg.png);
    color: #fff;
}

.is-page-reseller .third-section>div>div {
    margin: 0 auto;
}

.is-page-reseller .third-section .item {
    text-align: center;
    margin-bottom: 30px;
}

.is-page-reseller .third-section .item .comma {
    text-align: center;
    color: #fff !important;
    margin: -50px 0 10px;
    font-size: 100px;
    letter-spacing: -8px;
}

.is-page-reseller .third-section .item .img {
    text-align: center;
    color: #fff !important;
}

.is-page-reseller .third-section .item .name {
    font-weight: 600;
    color: #fff !important;
    margin-top: 30px;
    margin-bottom: 0;
}

.is-page-reseller .happy>div {
    padding-left: 0;
    padding-right: 0;
}

.is-page-reseller .happy .img-full {
    width: 100%;
}

.is-page-reseller .happy .img-full img {
    width: 100%;
    height: auto;
}

.is-page-reseller .happy .the-two {
    margin: 0 auto;
}

.is-page-reseller .happy .the-two .at-right > div {
    width: 450px;
    padding-top: 30px;
    padding-bottom: 28px;
    right: 0;
    top: -194px;
    float: right;

    color: #fff;
    background: #1486ab;
    -webkit-box-shadow: 0px 2px 20px 7px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 20px 7px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 20px 7px rgba(0, 0, 0, 0.35);
}

.is-page-reseller .happy .the-two .at-right .img {
    text-align: center;
}

.is-page-reseller .happy .the-two .at-right .img img {
    text-align: center;
}

.is-page-reseller .happy .the-two .at-right h4 {
    margin: 40px 0;
}

.is-page-reseller .happy .the-two .at-right p {
    margin: 20px 0 30px 0;
    color: #fff !important;
    font-size: 22px;
}

.is-page-reseller .happy .the-two .at-right form {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 15px;
}

.is-page-reseller .happy .the-two .at-right button {
    width: 100%;
}

.is-page-reseller .happy .the-two .alt-left h2 {
    font-size: 34px;
    margin: 80px 0 60px;
    color: #3b525f !important;
}

.is-page-reseller .happy .the-two .alt-left ul {
    padding-left: 0;
    list-style: none;
}

.is-page-reseller .happy .the-two .alt-left ul li {
    padding-left: 24px;
    position: relative;
    margin-bottom: 18px;
    font-size: 16px;
}

.is-page-reseller .happy .the-two .alt-left ul li i {
    color: #0f88b5;
    top: 0;
    line-height: 1.5;
    left: 0;
    position: absolute;
}

.is-page-reseller .how-works>* {
    margin: 0 auto;
    float: none;
}

.is-page-reseller .how-works .lists ul li,.is-page-reseller .how-works h2 {
    color: #fff;
}

@media (min-width: 768px) {
    .is-page-reseller .happy .the-two,
    .is-page-reseller .third-section>div>div,
    .is-page-reseller .how-works>* {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .is-page-reseller .happy .the-two,
    .is-page-reseller .third-section>div>div,
    .is-page-reseller .how-works>* {
        width: 870px;
    }    
}

@media (min-width: 1200px) {
    .is-page-reseller .happy .the-two,
    .is-page-reseller .third-section>div>div,
    .is-page-reseller .how-works>* {    
        width: 1024px;
    }

    .is-page-reseller .happy .the-two .at-right > div {
        position: absolute;
    }
}

@media (max-width: 767px) {
    .is-page-reseller .happy .the-two .at-right > div {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
}

@media (max-width: 600px) {
    .is-page-reseller .happy .wpb_single_image {
        display: none;
    }

    .is-page-reseller .happy .the-two .at-right {
        padding-right: 0;
        padding-left: 0;
    }
}

.is-page-reseller .how-works .last-sub {
    margin: 50px 0;
}

.is-page-reseller .how-works .lists {
    margin: 0 auto;
}

.is-page-reseller .how-works .lists ul {
    padding-left: 0;
    list-style: none;
}

.is-page-reseller .how-works .lists ul li {
    padding-left: 24px;
    position: relative;
    font-size: 16px;
    margin-bottom: 10px;
}

.is-page-reseller .how-works .lists ul li i {
    color: #84c1d9;
    line-height: 1.5;
    top: 0;
    left: 0;
    position: absolute;
}

.testimonials .p-cta1, .testimonials .p-cta2 {
    margin-top: 50px;
}

.ind-tpl .video-img {
    text-align: center !important;
}

.ind-tpl h4 {
	margin-left: 0;
	margin-right: 0;
}

.ind-tpl .top-section {
    padding-top: 120px;
}

.ind-tpl .top-section>div>div {
    margin: 0 auto;
}

@media (min-width:768px) {
    .ind-tpl .top-section>div>div {
        width: 750px;
    }
}

@media (min-width:992px) {
    .ind-tpl .top-section>div>div {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .ind-tpl .top-section>div>div {
        width: 970px;
    }
}

@media (max-width:1200px) {
    .ind-tpl .top-section-button-container {
        width: auto;
    }
}

.ind-tpl .top-section h4 {
    margin-bottom: 26px;
}

.ind-tpl .top-section-button-container .p-cta1 {
    max-width: inherit;
}

.ind-tpl .top-section-primary-text {
    margin-bottom: 20px;
}

.ind-tpl .top-section .second-entry>.vc_column-inner {
    font-size: 0;
}

.ind-tpl .top-section .second-entry>.vc_column-inner>.wpb_wrapper {
    height: 100%;
    display: inline-block;
    position: relative;
}

.ind-tpl .top-section .second-entry>.vc_column-inner>.wpb_wrapper>.wpb_single_image {
    position: absolute;
    bottom: 0;
}

.ind-tpl .top-section .second-entry>.vc_column-inner>.wpb_wrapper>.wpb_single_image>.wpb_wrapper {
    margin-right: 20px;
}

@media (max-width:767px) {
    .ind-tpl .top-section .second-entry>.vc_column-inner>.wpb_wrapper>.wpb_single_image {
        float: none;
        width: 100%;
        position: static;
    }

    .ind-tpl .top-section .second-entry>.vc_column-inner>.wpb_wrapper>.wpb_single_image>.wpb_wrapper {
        margin-right: 0;
        text-align: center;
    }
}

.ind-tpl .top-section .second-entry h4 {
    margin-top: 0;
}

.ind-tpl .top-section .second-entry .first-img {
    float: left;
    width: 50%;
}

.ind-tpl .top-section .second-entry .legend {
    float: right;
    width: 50%;
}

@media (max-width:767px) {
    .ind-tpl .top-section .second-entry .legend {
        float: none;
        width: 100%;
    }
}

.ind-tpl .top-section .second-entry .legend a {
    color: #fff;
    text-decoration: underline;
}

.ind-tpl .top-section .second-entry .legend .s-title {
    font-size: 28px;
    margin-bottom: 20px;
}

.ind-tpl .top-section .second-entry .legend .text {
    font-size: 16px;
}

.ind-tpl .top-section .second-entry .legend .top-text {
    font-style: italic;
}

.ind-tpl .second-section {
    margin: 0 auto;
}

@media (min-width:768px) {
    .ind-tpl .second-section {
        width: 750px;
    }
}

@media (min-width:992px) {
    .ind-tpl .second-section {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .ind-tpl .second-section {
        width: 970px;
    }
}
@media (max-width:767px) {
    .ind-tpl .second-section-float>.vc_column-inner>.wpb_wrapper {
        width: 300px;
        margin: 0 auto;
        position: relative;
    }

    .ind-tpl .second-section-float>.vc_column-inner>.wpb_wrapper .wpb_video_widget {
        top: 0;
        height: 470.05px;
    }
}

@media (min-width:800px) {
    .ind-tpl .second-section-float {
        position: absolute;
        right: 0;
        bottom: 25px;
    }

    .ind-tpl .second-section-float>.vc_column_inner>.wpb_wrapper {
        width: 300px;
        margin: 0 auto;
        position: relative;
    }

    .ind-tpl .second-section-float>.vc_column_inner>.wpb_wrapper .wpb_video_widget {
        top: 0;
        height: 470.05px;
    }
}

.ind-tpl .second-section h2 {
    color: #fff !important;
    margin-top: 0;
    margin-bottom: 20px;
}

.ind-tpl .second-section-legend .quoted-text p {
    font-size: 26px;
    font-style: italic;
}

.ind-tpl .third-section {
    background-color: #f2f7fa;
    background-size: cover;
    overflow: hidden;
}

.ind-tpl .third-section>div>div {
    margin: 0 auto;
}

@media (min-width:768px) {
    .ind-tpl .third-section>div>div {
        width: 750px;
    }
}

@media (min-width:992px) {
    .ind-tpl .third-section>div>div {
        width: 870px;
    }
}

@media (min-width:1200px) {
    .ind-tpl .third-section>div>div {
        width: 970px;
    }
}

.ind-tpl .third-section-legends {
    float: right !important;
    margin-bottom: 35px;
}

@media (max-width:768px) {
    .ind-tpl .third-section-legends {
        margin-bottom: 100px;
        margin-top: 0;
    }
}

.ind-tpl .third-section .wpb_single_image img {
    width: 85%;
}

.ind-tpl .third-section-img {
    position: absolute;
    bottom: 0;
}

@media (max-width:768px) {
    .ind-tpl .third-section-img {
        position: static;
    }

    .ind-tpl .third-section-img * {
        text-align: center;
    }
}

.ind-tpl .third-section h2 {
    margin: 0 0 25px !important;
    color: #3b525f !important;
    text-align: center;
}

.ind-tpl .testimonials {
    padding-top: 125px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.ind-tpl .testimonials button {
    width: auto;
    margin-top: 50px;
}

.ind-tpl .testimonial-block img {
    margin-bottom: 40px;
}

.ind-tpl .testimonial-block .testimonial-comment {
    font-size: 36px;
    font-weight: lighter;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 45px;
}

.ind-tpl .testimonial-subtitle {
    color: #fff;
    line-height: 24px !important;
    font-size: 18px !important;
    margin-bottom: 40px !important;
    font-weight: lighter !important;
}

.ind-tpl .testimonial-name {
    color: #fff;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    font-family: 'open-sansbold' !important;
}

.ind-tpl .testimonial-location {
    color: #fff;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 30px !important;
}

.ind-tpl .video-smartphone {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
}

.ind-tpl .video-smartphone .wpb_wrapper {
    overflow: hidden;
    max-height: 390px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ind-tpl .video-smartphone .wpb_wrapper .wpb_video_wrapper {
    max-width: 590px;
    margin: 0 auto;
}

.ind-tpl .video-smartphone .wpb_video_wrapper iframe {
    width: 230px;
    height: 410px;
    display: block;
    position: absolute;
    margin: 0;
    top: 63px;
    left: 48px;
}

@media (max-width:1200px) {
    .ind-tpl .video-smartphone .wpb_video_wrapper iframe {
        width: 206px;
        height: 366px;
        top: 55px;
        left: 43px;
    }
}

@media (max-width:991px) {
    .ind-tpl .video-smartphone .wpb_video_wrapper iframe {
        width: 177px;
        height: 319px;
        top: 42px;
        left: 38px;
    }
}

@media (max-width:799px) {
    .ind-tpl .video-smartphone .wpb_video_wrapper iframe {
        width: 185px;
        height: 324px;
        top: 49px;
        left: 38px;
    }
}

@media (max-width:767px) {
    .ind-tpl .video-smartphone .wpb_video_wrapper iframe {
        width: 237px;
        height: 420px;
        top: 64px;
        margin: 0 auto;
        left: 33px;
    }

    .ind-tpl .video-smartphone {
        width: 58.5vw;
    }
}

.privacy-policy .text-container {
    font-size: 18px;
    color: #3b525f;
    border-right: 2px solid #F2F7FA;
    padding-right: 12%;
    margin: 8% 0 12% 12%;
}

@media (max-width:600px) {
    .privacy-policy .vc_col-sm-4 {
        display: none;
    }

    .privacy-policy .text-container {
        border: 0;
    }
}

.privacy-policy .text-container h2 {
    margin-bottom: 16px;
    margin-top: 48px;
    font-weight: 600;
}

.privacy-policy .text-container h2.policy-date-container {
    font-weight: 100;
    font-style: italic;
}

.privacy-policy .text-container p {
    margin-bottom: 27px;
}

.privacy-policy .text-container ul {
    margin-bottom: 80px;
    padding-left: .9em;
}

.privacy-policy .text-container ul li {
    margin-bottom: 27px;
}

.privacy-policy .text-container ul li span {
    padding-left: 20px;
    display: block;
}

.privacy-policy .nav-bar {
    list-style: none;
    margin-top: 100px;
    margin-left: 25px;
    font-size: 18px;
    color: #0f88b5;
}

.privacy-policy .nav-bar li {
    margin-bottom: 12px;
}

.privacy-policy section a {
    color: #0f88b5;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

.privacy-policy section a:hover {
	color: rgba(15, 136, 181, 0.7);
}

@media (max-width:600px) {
    .privacy-policy .top-section-title {
        margin-top: 80px;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:1024px) {
    html {
        -webkit-text-size-adjust: none;
    }
}

@media (min-width:1280px) {
    .entry-content .service-style-one h2,.service-style-one h2 {
        font-size: 22px;
    }
}

@media (min-width:1200px) {
    .map-info {
        width: 360px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #footer .widget-recent-inside {
        width: 90%;
    }

    .sidebar {
        float: left;
        z-index: 1;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .uc-message {
        margin: 0 auto;
    }

    .uc-counter {
        margin: 60px 0 0;
    }

    .ds-element:first-child {
        border-width: 1px 0 1px 1px;
    }

    .ds-element:nth-child(2),.ds-element:nth-child(3) {
        border-width: 1px;
    }

    .ds-element:nth-child(4) {
        border-width: 1px 1px 1px 0;
    }
}

@media (max-width:767px) {
    .project-details,.separator-dark-border,.sidebar {
        float: left;
        width: 100%;
    }

    .search-toggle {
        display: none;
    }

    .navbar-default {
        padding: 0;
        z-index: 9999;
    }

    .sticky-wrapper {
        height: auto !important;
    }

    .sidebar {
        z-index: 1;
        margin: 50px auto 30px;
        float: none;
        max-width: 400px;
        text-align: left;
    }

    .sidebar .widget-title {
    	text-align: center;
    }

    .sidebar .title-bar {
    	width: 58%;
    	margin: auto;
    }

    .woocommerce-pagination {
        margin: 0 0 30px;
        float: left;
        width: 100%;
    }

    .column-have-space .wpb_column {
        padding-left: 0;
        padding-right: 0;
    }

    .video-container {
        height: 100%;
    }

    .project-details {
        margin: 30px auto 0 !important;
        font-size: 14px;
    }

    .testimonial-author-content {
        width: 100%;
        text-align: center;
    }

    .testimonial-author-img {
        margin: 0 auto 30px;
    }

    .catfilter a {
        display: inline-block;
        margin: 0 auto 10px;
    }

    .carousel-inner h2 {
        padding: 70px 0 0;
    }

    #port-items .carousel-control {
        left: 0;
        width: 10px;
        height: 10px;
    }

    #port-items .carousel-control.right {
        left: 10%;
    }

    #port-items .carousel-control.closing {
        top: 3%;
        left: 92%;
    }

    .carousel-image-wrap {
        padding: 0;
    }

    .carousel-description,.description-inner p {
        margin: 0 auto 20px;
    }

    .carousel-inner .separator {
        margin: 40px auto;
    }

    .nany-portfolio {
        text-align: center;
    }

    .vc-portfolio.nany-portfolio li {
        display: inline-block;
        float: none;
    }

    .vc-portfolio.nany-portfolio.square li {
        margin: 0 -2px -7px !important;
    }

    .normal-arrow .owl-controls .owl-buttons .owl-next {
        right: -10px;
    }

    .normal-arrow .owl-controls .owl-buttons .owl-prev {
        left: -10px;
    }

    .team-member {
        width: 47%;
        margin: 0 10px 20px;
    }

    .uc-message {
        margin: 0 auto;
    }

    .uc-counter {
        margin: 60px 0 0;
    }

    .ds-element:first-child {
        border-width: 1px 0 1px 1px;
    }

    .ds-element:nth-child(2),.ds-element:nth-child(3) {
        border-width: 1px;
    }

    .ds-element:nth-child(4) {
        border-width: 1px 1px 1px 0;
    }
}

@media (max-width:667px) {
    .pricing-table.horizontal-pricing,.pricing-table.horizontal-pricing .plan li {
        text-align: center;
    }

    .sticky-wrapper {
        height: auto !important;
    }

    .team-member {
        width: 46%;
        margin: 0 10px 20px;
    }

    #testi-slider .owl-wrapper-outer {
        padding: 20px 10px;
    }

    .pricing-table.horizontal-pricing .pricing-head {
        width: 100%;
        margin: 0;
    }

    .pricing-table.horizontal-pricing .plan {
        float: left;
        margin: 20px 0 0;
        width: 100%;
        text-align: center;
    }

    .pricing-table.horizontal-pricing .plan-action {
        width: auto;
    }

    .timeline {
        width: 100%;
        margin: 10px 0 0;
    }

    .timeline-content {
        margin: 60px 0 20px;
    }

    .timeline-year {
        top: 30px;
    }

    .timeline:first-child .timeline-top-line {
        width: 100%;
        left: 0;
    }

    .timeline:last-child .timeline-top-line {
        width: 100%;
        right: 0;
    }

    .timeline-top-line:before,.timeline:first-child .timeline-top-line:before,.timeline:last-child .timeline-top-line:before {
        left: 48.5%;
    }

    .uc-message {
        margin: 0 auto;
    }

    .uc-counter {
        margin: 60px 0 0;
    }

    .ds-element:first-child {
        border-width: 1px 0 1px 1px;
    }

    .ds-element:nth-child(2),.ds-element:nth-child(3) {
        border-width: 1px;
    }

    .ds-element:nth-child(4) {
        border-width: 1px 1px 1px 0;
    }

    .ds-element {
        padding: 20px;
        width: 150px;
    }

    .ds-element-value {
        font-weight: 400;
        font-size: 50px;
    }
}

@media (max-width: 480px) {
    .blog-posts .content,.clientlist,.copyright-text,.footer-menu,.nav>li,.nav>li.dropdown>ul.dropdown-menu li a,.uc-message {
        text-align: center;
    }

    .video-container {
        height: 100%;
    }

    .section {
        margin: 60px auto 20px;
    }

    .nav>li>a {
        padding: 4px 15px;
    }

    .navbar-default .navbar-nav>.active>a:after,.navbar-default .navbar-nav>.current-menu-ancestor>a:after,.navbar-default .navbar-nav>.current-page-parent>a:after,.navbar-default .navbar-nav>li>a:hover:after {
        display: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #444;
        background: #fff;
        border-radius: 4px;
    }

    .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
        background-color: transparent;
        color: #fff;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 5px 20px !important;
    }

    .clientlist {
        float: none;
        margin: 20px auto;
    }

    .process-content {
        min-height: 200px;
    }

    .right-border {
        background: 0 0;
    }

    .timeline {
        width: 100%;
        margin: 10px 0 0;
    }

    .timeline-content {
        margin: 60px 0 20px;
    }

    .timeline-year {
        top: 30px;
    }

    .timeline:first-child .timeline-top-line {
        width: 100%;
        left: 0;
    }

    .timeline:last-child .timeline-top-line {
        width: 100%;
        right: 0;
    }

    .timeline:first-child .timeline-top-line:before,.timeline:last-child .timeline-top-line:before {
        left: 46%;
    }

    .author-description {
        float: left;
        width: 100%;
        margin: 20px 0 0;
    }

    #reply-title small {
        top: 0;
    }

    .children {
        list-style: none;
        padding: 0 0 0 30px;
        float: left;
        width: 100%;
    }

    .comment-nany h4 {
        width: 70%;
    }

    .testimonial-author-content {
        width: 100%;
        text-align: center;
    }

    .testimonial-author-img {
        margin: 0 auto 30px;
    }

    .catfilter a {
        display: inline-block;
        margin: 0 auto 10px;
    }

    .carousel-inner h2 {
        padding: 70px 0 0;
    }

    #port-items .carousel-control {
        left: 0;
        width: 10px;
        height: 10px;
    }

    #port-items .carousel-control.right {
        left: 10%;
    }

    #port-items .carousel-control.closing {
        top: 3%;
        left: 92%;
    }

    .carousel-image-wrap {
        padding: 0;
    }

    .project-details {
        font-size: 14px;
        margin: 30px auto;
    }

    .carousel-description,.description-inner p {
        margin: 0 auto 20px;
    }

    .carousel-inner .separator {
        margin: 40px auto;
    }

    .normal-arrow .owl-controls .owl-buttons .owl-next {
        right: -10px;
    }

    .normal-arrow .owl-controls .owl-buttons .owl-prev {
        left: -10px;
    }

    .team-member {
        width: 100%;
        margin: 10px 0 20px;
    }

    #testi-slider .owl-wrapper-outer {
        padding: 20px 0 0 10px;
    }

    .footer-menu {
        float: none;
        width: 100%;
    }

    .copyright {
        width: 100%;
        float: none;
    }

    .copyright-text {
        margin: 0 auto 20px;
    }

    .footer-widget {
        float: left;
        width: 100%;
        margin: 0 0 20px;
    }

    .nf-box {
        margin: 0 auto;
    }

    .nf-box h4 {
        font-size: 34px;
    }

    .nf-box p {
        font-size: 18px;
    }

    .nf-box a.back-home {
        font-size: 12px;
    }

    .page-error {
        min-height: 320px;
        margin: 110px auto 0;
    }

    .ds-element:first-child,.ds-element:nth-child(2),.ds-element:nth-child(3),.ds-element:nth-child(4) {
        border: 1px solid;
    }

    .uc-message h2 {
        font-size: 44px;
    }
}

@media (max-width:360px) {
    .nav>li>a {
        padding: 4px 15px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 5px 20px !important;
    }

    .nany-portfolio li.isotope-item {
        margin: 0 0 15px -20px;
    }

    .breadcrumbs,.page-title {
        float: none;
        text-align: center;
        width: 100%;
        display: inline-block;
        line-height: 40px;
    }

    .float-left {
        float: none;
    }

    .extra-full-width .entry-content {
        margin: 0;
    }

    .entry-content {
        margin: 0 0 30px;
    }

    #blog-slider.owl-theme .owl-controls .owl-buttons {
        top: 32%;
    }

    .author-description {
        float: left;
        width: 100%;
        margin: 20px 0 0;
    }

    #reply-title small {
        top: 0;
    }

    #title-area,#title-area.page_have_slider {
        height: auto;
    }

    .row-nub {
        display: none;
    }
}

@media (max-width:320px) {
    a.btn-style-one {
        padding: 3px 20px 5px;
        font-size: 12px;
    }

    .nav>li>a {
        padding: 4px 15px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 5px 20px !important;
    }

    .breadcrumbs,.page-title {
        float: none;
        text-align: center;
        width: 100%;
        display: inline-block;
        line-height: 40px;
    }

    .float-left {
        float: none;
    }

    .entry-content {
        margin: 0 0 30px;
    }

    #title-area {
        height: auto;
    }
}

@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) {
    .default-logo {
        display: none !important;
    }

    .retina-logo {
        display: inline-block !important;
        width: 200px;
    }
}

.login .login-header h3 {
    font-size: 36px;
    margin-top: 150px;
    margin-bottom: 42px;
}

.login .login-header h3 a {
    opacity: .55;
    color: #fff;
}

@media (max-width:600px) {
    .login .login-header h3 a {
        width: 100%;
        text-align: center;
        display: block;
        margin: 25px 0;
    }
}

.login .login-header h3 a.login-options-cms {
    margin-right: 150px;
}

.login .login-header h3 a.active,.login .login-header h3 a:hover {
    opacity: 1;
}

.login .login-header .social-login-container a {
    width: 38%;
    color: #fff;
    border-radius: 30px;
}

.login .login-header .social-login-container a i {
    margin-right: 12px;
    vertical-align: sub;
}

.login .login-header .social-login-container a.btn-facebook {
    background-color: #3b5998;
    margin-right: 35px;
}

.login .login-header .social-login-container a.btn-google {
    background-color: #dd4b39;
}

.login .login-header .social-login-container a .btn-text {
    font-size: 18px;
}

.login .login-header .social-login-container fieldset {
    border-color: #ccc;
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    width: 80%;
    margin: 26px auto 10px;
}

.login .login-header .social-login-container fieldset legend {
    width: auto;
    border: 0;
    text-align: center;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
}

.login .form-group .input-group {
    background: 0 0;
    position: relative;
    width: 100%;
}

.login .form-group .input-group .input-group-addon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    padding: 20px 0 0 10px;
    font-size: 18px;
    z-index: 999;
    background: 0 0;
    text-align: center;
}

.login .form-group .input-group .input-group-addon i {
    color: #919191;
}

.login p.password-container .become-member-text a,.login p.password-container .forgot-password-text a {
    color: #fff;
}

.login .form-group .input-group input {
    padding-left: 40px;
    font-size: 18px;
    border-radius: 4px;
}

.login p.password-container {
    margin-top: 36px;
}

.login p.password-container .forgot-password-text {
    margin-right: 8px;
    text-decoration: underline;
}

.login p.password-container .become-member-text {
    margin-left: 8px;
}

.login h3.bottom-text {
    color: #fff;
    font-size: 32px;
    margin-top: 70px;
    margin-bottom: 70px;
}

.ba-back2top {
  color: white;
  position: fixed;
  bottom: 50px;
  right: 24px;
  width: 50px;
  height: 50px;
  background-color: rgba(30, 172, 198, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
  z-index: 10;
  -webkit-transition: background-color 250ms linear, border-color 250ms linear;
  -moz-transition: background-color 250ms linear, border-color 250ms linear;
  -o-transition: background-color 250ms linear, border-color 250ms linear;
  transition: background-color 250ms linear, border-color 250ms linear;
}

.ba-back2top:hover {
  background-color: rgba(30, 172, 198, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: nany(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
}

.mfp-close:hover,.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
    /**
           * Remove all paddings around the image on small screen
           */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.error404 footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.error404 .page-error {
    text-align: center;
}

.error404 footer .block-lower {
    padding: 40px 0;
}


.error404 .page-not-found {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -170px;
    margin-top: -230px;
}

.error404 .page-not-found h2 {
    margin: 10px 0 40px;
}

.error404 .page-not-found a.s-cta1 {
    width: 340px;
}


/* min1400 */
@media (min-width: 1400px) {
    .partner-program {
        padding: 100px 0;
    }
}

/* max1314 */
@media (max-width: 1314px) {
    .navbar-nav>li a {
        font-size: 15px;
    }

    .tool-item p {
        font-size: 14px;
    }

    .hero {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .home .hero {
        padding: 120px 0 0;
    }

    .hero h2 {
        font-size: 18px;
        margin: 0 0 40px;
    }    

    input:placeholder-shown {
        font-size: 15px;
        padding: 10px;
    }

    textarea {
        font-size: 15px;
        padding: 10px;
    }

    /*
    h2 {
        font-size: 35px;
        color: #3b525f !important;
        margin: 80px 0;
    }
    */

    .three-reseller-item h4 {
        font-size: 23px;
        text-align: center;
        margin: 0 0 20px;
        padding-top: 120px;
        line-height: 35px;
    }

    .three-reseller-item p {
        text-align: center;
    }

    .three-steps-item-pricing h4 {
        font-size: 23px;
        margin: 0 0 20px;
        padding-top: 90px;
        line-height: 35px;
    }

    .three-steps-item-pricing p {
        font-size: 14px;
        line-height: 22px;
    }

    .blue-btn {
        font-size: 15px;
        line-height: 45px;
    }

    .animation {
        margin-top: 50px;
    }

    .animation h2 {
        margin-bottom: 40px !important;
    }

    .animation p {
        padding-right: 80px;
        line-height: 21px;
        margin-bottom: 20px;
    }

    .partner-program-item h3 {
        margin: 0 0 30px;
    }

    .partner-program-item p {
        padding: 0 20px;
    }

    .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a {
        line-height: 40px;
        font-size: 16px;
    }

    .tab-content {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .features-section-tabs .tab-content,.features-section-tabs .tab-pane {
        padding-bottom: 0 !important;
    }

    .bottom-ctas .build-for-clients .green-button, .bottom-ctas .start-building .green-button {
        width: auto;
        padding: 0 60px;
    }

    .bottom-ctas .build-for-clients, .bottom-ctas .start-building {
        padding: 60px 30px;
    }

    .footer {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .footer h3 {
        margin-bottom: 25px;
    }

    .footer-menus li {
        margin-bottom: 10px;
    }

    .social-icons {
        margin: 80px 0 40px;
    }

    .row.footer-row {
        padding: 0 40px;
    }

    .is-page-about .team-item img {
        width: 180px;
    }

    .is-page-about .card .card-to-left {
        padding-left: 40px;
        padding-right: 5px;
    }

    .is-page-about .card .card-to-right {
        padding-left: 5px;
        padding-right: 40px;
    }    
}

/* max1199 */
@media (max-width: 1199px) {
    .wpb-three-steps {
        padding: 54px 0;
    }

    .intro-a-to-z h1 {
        font-size: 38px !important;
    }

    .cus-iphone {
        width: 100% !important;
        padding-left: 20px !important;
        margin-top: -8px !important;
    }    
}

/* min992 */
@media (min-width: 992px) {
    .bottom-ctas p {
        padding: 0 4%;
    }

    .intro-textcus {
        font-size: 32px !important;
        padding-top: 50px !important;
    }

    .sidebar {
    	margin-top: 50px;
    	padding-left: 50px;
    }
}


/* max991 */
@media (max-width: 991px) {
    .partners li {
        margin-right: 12px;
    }

    .partner-program-item {
        margin-bottom: 36px;
    }

    .cus-img-margin-r {
        margin-left: 0 !important;
        padding-top: 60px;
    }

    .cus-img-margin-l {
        margin-left: 0 !important;
        padding-bottom: 30px !important;
    }

    .cus-col-lg-3 {
        padding-top: 0 !important;
    }

    .navbar-header {
        width: 100%;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: 250px;
    }

    .animation {
        margin-top: 15px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .partner-program-item {
        padding: 0 12%;
    }

    .is-page-features .pick-your-interest .mpc-tabs__content  {
    	padding-top: 1em;
    }

    .is-page-features .pick-your-interest .mpc-tab .legend h3 {
    	text-align: center;
    }

    .is-page-features .pick-your-interest .mpc-tab .legend h3 i {
        float: none;
        margin: 0 auto;
    }

    .is-page-features .pick-your-interest .mpc-tab .image {
        text-align: center;
    }

    .is-page-reseller .rating .block ul {
        width: 92%;
    }

    .is-page-about .blue-bgg .item img {
        width: 154px;
        height: 154px;
    }

    .is-page-press-room .top-section .d3Items .item .wpb_wrapper h2 {
    	font-size: 36px;
    }

    .blog .blog-content {
        width: 100%;
    }

    .blog .blog-sidebar {
        width: 100%;
        display: block;
        float: none;
        border: 0;
        margin-top: 40px;
    }

    .blog .blog-sidebar>article {
        padding: 0;
    }
}

/* min768 */
@media (min-width: 768px) {
    .intro-text {
        font-size: 23px;
    }

    .intro-textcus {
        font-size: 38px;
        padding-top: 100px;
    }
}

/* max767 */
@media (max-width: 767px) {
    .hero-tools .hero-column, .top-section .hero-column {
    	max-width: 94%;
    	margin: 0 auto;
    }

    .ind-tpl .third-section>div>div>div{
        max-width: 90%;
        margin: 0 auto;
    }

    .three-steps-item {
        margin-bottom: 40px;
    }

    .navbar-collapse .navbar-nav .menu-item .dropdown-menu {
        background-color: transparent;
        border-radius: 0;
    }

    .navbar-collapse .navbar-nav .menu-item .dropdown-menu li {
        padding: 5px 10px 5px 60px;
    }

    .navbar-collapse .navbar-nav .menu-item.menu-item-has-children .dropdown-toggle:after,.navbar-collapse .navbar-nav .menu-item.menu-item-has-children .dropdown-toggle:hover:after {
        content: none;
    }

	.mpc-tabs--top .mpc-tabs__content {
		max-width: 92%;
		margin: 0 auto;
	}

    .wpb-three-steps {
        padding: 80px 0 40px;
    }

    .nav-tabs-wrapper .nav-tabs li {
        width: 100%;
    }

    .nav-tabs-wrapper .nav-tabs li a {
        font-size: 16px !important;
    }

    .tool-item.text-center.border-left {
        border-bottom: 1px solid #ebedef;
    }

    .tool-item.text-center.no-border-bottom-sm {
        border-bottom-width: 0;
    }

    .cus-iphone {
        margin-top: -27px !important;
        width: 100% !important;
        padding-left: 5px !important;
        margin-left: 25px !important;
    }

    .intro-macbook {
        padding-left: 82px;
        margin-left: -40px !important;
    }

    .social-link-name {
        display: none;
    }

    .animation h2,.tab-pane h4,.tab-pane p {
        text-align: center;
    }

    .navbar-nav.navbar-right:last-child {
        margin: 0;
        width: 100%;
    }

    .nav>li>a {
        font-size: 16px !important;
        height: 32px;
    }

    .navbar-default .navbar-toggle {
        position: absolute;
        right: 0;
        z-index: 9999999999999;
        margin-right: -35px;
    }

    .navbar-header {
        position: relative;
    }

    /* Footer */
    footer {
        padding-top: 30px;
    }

    .footer-widget {
        width: 50% !important;
        min-height: 260px;
    }

    .footer h3,.footer-widget-title {
        font-size: 13px !important;
    }

	.ba-footer .block-sitemap > ul {
		text-align: center;
	}

	.ba-footer .block-sitemap > ul > li {
		width: 50%;
		margin-left: 0;
		margin-right: 0;
	}


    /* Pages */
    .hero {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .bottom-ctas .build-for-clients,
    .bottom-ctas .start-building {
        padding: 70px 30px;
    }

    .hero .form-group {
        display: none;
    }

    .three-reseller-item p,.three-steps-item p,.three-steps-item-pricing p {
        max-width: 92%;
        margin: 0 auto;
    }

    .animation p {
        padding-right: 0;
        font-size: 22px;
    }

    .partner-program-item {
        padding: 0 2%;
    }

    .partner-program {
        padding-bottom: 54px;
    }

    .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a {
        padding: 0 20px;
    }

    .tab-pane p {
        font-size: 17px !important;
    }

    #set-monthly,#set-yearly {
        font-size: 16px !important;
    }

    .pricingcardsfeatures ul li p {
        font-size: 18px;
        color: #3b525f;
        line-height: 3;
        margin: 0;
        text-align: left;
        padding-left: 25px !important;
    }

    .tool-row {
        border: 0 !important;
        padding-bottom: 0;
        padding-top: 0;
    }

    .tool-item {
        min-height: 215px;
    }

    .testimonials {
        padding-bottom: 70px;
    }

    .build-for-clients p,.start-building p {
        font-size: 19px;
    }

    .bottom-bar {
        padding: 70px 0 0;
    }

    .select2-container {
        text-align: left;
        max-width: 100%;
    }

    .select2-dropdown.pz {
        text-align: left;
        font-size: 11px;
    }

	.is-page-features .integrations {
		padding: 40px 0;
	}

    .is-page-features .pick-your-interest .mpc-tab .image {
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        text-align: center;
    }

    .is-page-features .pick-your-interest .mpc-tab .legend h3 {
        text-align: center;
        margin-top: 0;
    }

    .is-page-features .pick-your-interest .mpc-tab .legend p {
        /*text-align: center;*/
        margin: 0 auto;
    }

    .is-page-features .training-support .legend .item {
    	max-width: 96%;
    }

    .is-page-features .robust-analytics .legend .item p {
        text-align: justify;
    }

    .is-page-features .training-support .legend .item {
        text-align: left;
    }

    .is-page-features .three-steps-item {
        margin: 48px 0;
    }

    .is-page-reseller .rating .block ul {
        padding-top: 40px;
        margin: 0 auto;
    }

    .ind-tpl .testimonials {
        padding: 80px 0;
    }

    .ind-tpl .testimonial-block {
        margin: 0 auto;
        max-width: 96%;
    }

    .ind-tpl .testimonial-block .testimonial-comment {
        font-size: 30px;
    }

    .ind-tpl .third-section .wpb_single_image img {
        max-width: 380px;
    }

    .page-numbers {
        display: inline-block;
        float: none;
        width: auto;
    }

    .blog .blog-entry {
        width: 90%;
    }

	.is-page-press-room .top-section {
		padding: 100px 0 40px;
	}

	.is-page-press-room .top-section .d3Items .item {
		margin: 20px auto;
		width: 90%;
		max-width: 400px;
	}

	.is-page-press-room .top-section .d3Items .item .wpb_wrapper {	
		height: 140px;
	}

    .is-page-press-room .top-section .d3Items .item .wpb_wrapper h2 {
    	font-size: 32px;
    }

	.is-page-press-room .recognition h4 {
		margin-bottom: 30px;
	}

	.is-page-press-room .recognition .item {
		margin-bottom: 40px;
	}

	.is-page-press-room .recognition .item .wpb_single_image {
		height: auto;
	}

	.is-page-about .top-section {
		padding: 110px 0 60px;
	}


    .is-page-reseller .happy .the-two .at-right > div {
        max-width: 100%;
    }

    .is-page-about .tab-content {
        margin-top: 50px;
    }

    .is-page-about .center-on-sm {
        margin-bottom: 30px !important;
    }   

    .is-page-about .team-item img {
        width: 130px;
    }

    .is-page-about .card {
        text-align: center;
        padding-top: 50px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .is-page-about .card .card-to-left,.is-page-about .card .card-to-right {
        padding-left: 0;
        padding-right: 0;
    }

    .is-page-about .contact-wrapper-block {
        padding: 30px !important;
    }

    .is-page-about .center-on-sm {
        text-align: center !important;
        margin-bottom: 30px;
    }

    .is-page-contact .hero-tools {
    	padding-top: 90px;
    }

    .is-page-contact .message-form {
    	padding: 15px 20px;
    	margin-top: 24px;
    }

    .is-page-contact .contact-page {
        padding: 80px 0;
    }
	
    .is-page-contact .contact-circle {
        width: 420px;
        height: 420px;
        padding: 64px;
    }

    .searchform label.placeholder,
    .mc4wp-form label.placeholder,
    .message-form .custom-field label.placeholder,
    .message-form .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .message-form .select2-container--default .select2-selection,
    .select2-container--default .select2-results>.select2-results__options {
      font-size: 12px;
    }

    input:placeholder-shown {
      font-size: 14px;
    }
}

/* 480-767 */
@media (min-width: 480px) and (max-width: 767px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 18px;
        line-height: 22px;
    }

    h3 {
        font-size: 32px;
        line-height: 42px;
    }

    h4 {
        font-size: 40px;
    }

    .partners li {
        margin-right: 10px;
    }

    .searchform label.placeholder.inactive,
    .mc4wp-form label.placeholder.inactive,
    .message-form .custom-field label.placeholder.inactive {
      font-size: 10px;
    }
}

@media (max-width: 479px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 14px;
        line-height: 18px;
    }

    h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    h4 {
        font-size: 32px;
    }


	p {
	    line-height: 24px;
	}


    p.type2 {
        font-size: 24px;
        line-height: 32px;
    }

    .ba-back2top {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        right: 29px;
    }

    .ba-back2top > svg {
        width: 40px;
        height: 40px;
    }

    /* Footer */
	.ba-footer .block-sitemap {
		padding: 40px 0 0;
	}

	.ba-footer .block-sitemap > ul > li {
		display: block;
		width: 100%;
	}

	.ba-footer .block-sitemap h3 {
		margin-bottom: 10px;
	}

    /* Pages */
    .home .hero {
        padding-top: 80px;
    }

    .home .tools {
        padding: 46px 0;
    }

    .partners li {
        margin: 10px 0;
    }

    .intro-cus-padding {
        padding-left: 52px !important;
        padding-right: 52px !important;
        margin-top: 0 !important;
    }

    .intro-a-to-z h1 {
        font-size: 26px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .intro-text1,.intro-textcus {
        text-align: center !important;
        font-size: 30px !important;
    }

    .intro-text1 {
        margin: 30px 0;
        font-weight: 300 !important;
    }

    .subtitle {
        font-size: 16px !important;
        color: #fff;
        margin: 0 0 30px;
        font-weight: 400;
    }

    .partner-program > .wpb_column {
        margin: 0 auto;
        max-width: 96%;
    }

    .is-page-features .pick-your-interest {
        padding: 0;
    }

    .is-page-features .mpc-tabs .mpc-tabs__nav-item,
    .is-page-about .mpc-tabs .mpc-tabs__nav-item {
        display: block;
    }

    .is-page-features .training-support .legend .item {
    	margin: 0 auto;
        text-align: center;
    }

    .is-page-features .training-support .legend .item:before {
        float: none;
        margin: 0 auto;
    }

    .is-page-features .training-support p {
	    margin-left: 0;
	}

    .is-page-features .integrations {
        padding: 30px 0;
    }

    .is-page-features .integrations h4 {
        margin-bottom: 30px;
    }
    
    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-heading {
        margin-bottom: 20px;
    }

    .is-page-features .integrations .pick-your-interest-tabs .vc_tta-panels-container>.vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a {
        width: 220px;
    }

	.is-page-features .pick-your-interest .mpc-tab .image img {
        max-width: 80%;
    }

    .is-page-reseller .fourth-section .dedicated-sec {
        max-width: 95%;
        margin: 0 auto;
    }

    .is-page-reseller .fourth-section .week .col-desc {
        max-width: 70%;
    }

    ul.partners {
        margin: 0 auto;
        max-width: 90%;
    }

    .p-cta1, .p-cta2 {
        height: 46px;
        padding: 10px 16px;
    }

    .p-cta1 {
        font-size: 18px;
    }

    .ind-tpl .testimonials {
        padding: 40px 0;
    }

    .ind-tpl .testimonial-block img {
        width: 140px;
        margin-bottom: 30px;
    }
    
    .ind-tpl .testimonial-block .testimonial-comment {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .testimonials .p-cta1, .testimonials .p-cta2 {
        margin-top: 30px;
    }

    .is-page-contact .contact-page {
    	padding: 40px 0;
    }

    .is-page-press-room .top-section .d3Items .item {
    	margin: 10px auto;
    }

	.is-page-press-room .top-section .d3Items .item .wpb_wrapper {
		height: 100px;
	}

	.is-page-press-room .top-section .d3Items .item .wpb_wrapper h2 {
		font-size: 28px;
	}

    .searchform label.placeholder.inactive,
    .mc4wp-form label.placeholder.inactive,
    .message-form .custom-field label.placeholder.inactive {
      font-size: 9px;
    }  

    input:placeholder-shown {
      font-size: 12px;
    }
}

/* max450 */
@media (max-width: 450px) {
    .wpb-three-steps {
        padding: 30px 0;
    }

    .is-page-contact .contact-circle {
    	width: 300px;
    	height: 300px;
    	padding: 20px;
    }

    .is-page-contact .contact-circle p {
    	margin-bottom: 4px;
    }

    .is-page-contact .contact-circle .contact-info-container {
    	padding-bottom: 12px;
    }
}

/* max380 */
@media (max-width: 380px) {
 	.is-page-press-room .cta a.p-cta1 {
		font-size: 16px;
		height: auto;
	}
}

/* max340 */
@media (max-width: 340px) {
	.is-page-press-room .cta a.p-cta1 {
		font-size: 14px;
	}
}


/* Blog customization */
.apss-social-share {
	float: left;
}

.apss-total-share-count {
  margin-left: 30px;
}

.apss-single-icon {
	float: left;
}

.apss-theme-4 .apss-icon-block {
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url("images/social_36_normal.png");
	-webkit-transition: background-image 0.25s ease;
	-moz-transition: background-image 0.25s ease;
	transition: background-image 0.25s ease;
}

.apss-theme-4 .apss-icon-block:hover {
	background-image: url("images/social_36_hover.png");
}

.apss-theme-4 .apss-twitter .apss-icon-block { background-position: 0 0; }
.apss-theme-4 .apss-facebook .apss-icon-block {	background-position: -36px 0; }
.apss-theme-4 .apss-linkedin .apss-icon-block { background-position: -72px 0; }
.apss-theme-4 .apss-google-plus .apss-icon-block {	background-position: -108px 0; }

.apss-theme-4 .apss-single-icon a {
	float: none;
}

.apss-theme-4 .apss-single-icon a:hover .apss-icon-block:after {
	display: none;
}

.apss-theme-4 .apss-single-icon .fa {
  font-size: 0;
  line-height: 0;
}

.apss-count-number {
  margin-right: 8px;
}

.the-share {
	margin-top: 16px;
}

.the-share .comments {
	float: left;
    padding: 8px 20px;
}

.the-share .comments i {
	margin-right: 6px;
}

.the-share .comments p {
	display: inline-block;
}

.the-share .apss-total-share-count:before {
	width: 36px;
	height: 36px;
	vertical-align: middle;
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url("images/icon36.png");
	background-position: 0 0;
	margin: 3px 4px 0 0;
}


/* Home page background video */
.home .hero .signup-v2 {
  margin: 10px;
}

.home .btn-play-video.s-cta1 {
  width: 340px;
  margin: 10px;
  font-size: 20px;
  height: 60px;
  background-color: transparent;
  color: white;
  border-color: white;
  padding: 18px 12px;
}

.home .btn-play-video.s-cta1:hover {
  background-color: white;
  border-color: white;
  color: #1486ab;
}

.home .partners-logo {
  margin-top: 135px;
  padding: 12px 0 20px;
}

@media screen and (max-width: 992px) {
  .home .partners-logo {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .home .hero {
    padding-top: 80px;
  }

  .home .hero .signup-v2 {
    width: 240px;
  }

  .home .btn-play-video.s-cta1 {
    width: 240px;
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .home .partners-logo {
    margin-top: 20px;
  }

  .home .btn-play-video.s-cta1 {
    height: 46px;
    padding: 14px;
  }
}

/*
.home section + section {
  background-color: white;
  width: 100%;
}

.home .partners-logo {
  background-color: #1486ab;
  padding: 8px 0 20px;
  margin-top: 160px;
}

@media screen and (min-width: 700px) {
  .home .partners-logo {
    margin-left: -9999px;
    margin-right: -9999px;
  }
}

.home .partners-logo .logos-desc {
  margin-bottom: 0;
}

.home .video-content {
  background-image: url(../../../../frontend/v2/public/images/pages/index/banner.jpg);
  background-size: cover;

  display: block;
  position: absolute;
  width: 100%;
  height: 871px;
}

.home .video-content .video-mask {
  position: absolute;
  background-color: rgba(20, 134, 171, 0.8);
  margin-right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;

  -webkit-transition: background 300ms linear;
  -moz-transition: background 300ms linear;
  -o-transition: background 300ms linear;
  transition: background 300ms linear;
}

.home .video-content .video-mask.hover {
  background-color: rgba(20, 134, 171, 0.92);
}

.home .video-content .video-wrap {
  position: fixed;
  margin-right: 0;
  width: 100%;
  height: 871px;
  overflow: hidden;
}

.home .video-content .video-wrap .vjs-loading-spinner {
  display: none;
}
.home .video-content .video-wrap.abs {
  position: absolute;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .home .video-content,
  .home .video-content .video-wrap {
    height: 622px;
  }
}

@media screen and (max-width: 992px) {
  .home .partners-logo {
    margin-top: 60px;
  }

  .home .video-content,
  .home .video-content .video-wrap {
    height: 514px;
  }
}

@media screen and (max-width: 768px) {
  .home .hero {
    padding-top: 80px;
  }

  .home .hero .signup-v2 {
    width: 240px;
  }

  .home .btn-play-video.s-cta1 {
    width: 240px;
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .home .partners-logo {
    margin-top: 20px;
  }
}

@media screen and (max-width: 479px) {
  .home .partners-logo {
    margin-top: 20px;
  }

  .home .video-content,
  .home .video-content .video-wrap {
    height: 420px;
  }

  .home .btn-play-video.s-cta1 {
    height: 46px;
    padding: 14px;
  }
}

.home #wrapper {
  background-color: transparent;
  z-index: 2;
}

.home #wrapper .main-content {
  background-color: white;
}
*/

/* Home page / full width video in modal */
.home .full-width-video {
  position: fixed;
  display: none;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

.home .full-width-video .video-close {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("images/close.svg") center center no-repeat;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  /* transition */
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}

.home .full-width-video .video-close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}