/*
Template Name: Andalus - App Landing Page
Author: DohTheme
Author URI: https://themeforest.net/user/dohtheme
Version: 1.2
*/
/*
TABLE OF CONTENTS:

1.RESET CSS
2.GENERAL CLASSES
  2.1 PRELOADER
  2.2 BUTTONS
  2.3 GRADIENT
  2.4 SCROLL TO TOP
3.BOOTSTRAP OVERWRITE CSS
4.HEADER CSS
  4.1 MAIN VERSION CSS
  4.2 HERO SECTOIN CSS
  4.3 HEADER SEPERATOR CSS
5.BLOG SIDEBAR CSS
6.MAIN CONTENT CSS
  6.1 FEATURES SECTION
  6.2 VIDEO SECTION
  6.3 GALLERY SECTION
  6.4 TESTIMONIAL SECTION
  6.5 TEAM SECTION
  6.6 PRICING SECTION
  6.7 FAQ SECTION
  6.8 BLOGS SECTION
  6.9 GET IN TOUCH SECTION
  6.10 CLIENTS SECTION
  6.11 SUBSCRIBE SECTION
7.BLOG PAGE CSS
8.SINGLE BLOG POST CSS
9.404 PAGE CSS
10.LOGIN/REGISTER PAGE CSS
11.COMING SOON PAGE CSS
12.FOOTER
13.RESPONSIVE CSS

*/
/* --------------------------------
RESET CSS
-------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

ul,
li {
  list-style: none; }

select {
  width: 100%; }

input:focus {
  outline: 0; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: "Montserrat", sans-serif;
  color: #333;
  overflow-x: hidden; }

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

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

/* --------------------------------
GENERAL CLASSES
-------------------------------- */
.headline {
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 60px; }
  .headline h3 {
    position: relative;
    color: #EF6262;
    font-size: 2.375rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .headline h3::after {
      content: "";
      width: 50px;
      height: 5px;
      position: absolute;
      left: 50%;
      bottom: 10px;
      background: #EF6262;
      transform: translateX(-50%);
      transition: all 0.2s ease-in-out; }

section:hover .headline h3::after {
  width: 90px; }

.f_facebook {
  background: #3B5998; }

.f_twitter {
  background: #1A90D9; }

.f_google {
  background: #FF5252; }

.f_linkedin {
  background: #0077B5; }

.f_youtube {
  background: #D32322; }

.f_pintrest {
  background: #bd081c; }

.tm {
  color: #b4b4b4; }

.p0 {
  padding: 0; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #468B97; }

/* --------------------------------
PRELOADER
-------------------------------- */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 2000; }

.homeload {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 5em;
  transform: translate(-50%, -50%); }
  .homeload img {
    max-width: 200px;
    animation: home-rotate 2s infinite linear backwards; }

@keyframes home-rotate {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
/* --------------------------------
BUTTONS
-------------------------------- */
.button {
  display: inline-block;
  background: #EF6262;
  color: #fff;
  height: 46px;
  line-height: 46px;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  padding: 0 30px;
  border: 0;
  border-radius: 44px;
  box-shadow: 0 0 20px #eee;
  transition: all 0.4s ease-in-out; }
  .button:hover {
    color: #fff;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2); }

.button-action {
  display: inline-block;
  color: #468B97;
  height: 46px;
  line-height: 45px;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding: 0 30px;
  border: 1px solid #468B97;
  border-radius: 44px;
  transition: all 0.3s ease-in-out; }
  .button-action:hover {
    background: #468B97;
    /* fallback for old browsers */
    color: #fff;
    border: none;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
    transition: all 0.3s ease-in-out; }
  .button-action.-white {
    background: #fff;
    color: #333;
    border-color: #fff; }

/* --------------------------------
GRADIENT
-------------------------------- */
.has-gradient {
  background: #388cad;
  /* fallback for old browsers */
  background: radial-gradient(#388cad, #00527b); }

.text-grad {
  background: linear-gradient(to right, #EF6262 0, #468B97 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

/* --------------------------------
SCROLL TO TOP
-------------------------------- */
#scrollTop {
  position: fixed;
  top: 50%;
  right: -90px;
  width: 80px;
  height: 40px;
  line-height: 40px;
  background: #468B97;
  color: #fff;
  text-align: center;
  font-size: 0.75rem;
  cursor: pointer;
  padding-right: 10px;
  border-top-left-radius: 44px;
  border-bottom-left-radius: 44px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  transition: all 0.3s ease-in-out; }

.scrollTop__icon {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.scrollTop__icon i {
  font-size: 1.3em;
  margin-right: 10px; }

#scrollTop.active {
  right: -50px; }

#scrollTop:hover {
  right: 0; }

.textOrange {
  color: #EF6262; }

.textGreen {
  color: #468B97; }

.margin-top {
  margin-top: 2rem !important; }

.margin-bottom {
  margin-bottom: 2rem !important; }

.margin-bottom-1 {
  margin-bottom: 1rem !important; }

/* --------------------------------
BOOTSTRAP OVERWRITE CSS
-------------------------------- */
.navbar-default {
  background: transparent;
  padding: 20px 0;
  border: none;
  margin-bottom: 0; }

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  height: 170px;
  margin: -10px 0;
  transition: all 0.3s ease-in-out; }

.navbar-brand > img {
  max-width: initial;
  max-height: 100%; }

.navbar-header .navbar-brand {
  margin-right: auto !important;
  padding: 0; }

.nav > li > a {
  font-size: 14px;
  font-weight: 500;
  padding: 32px 2px;
  margin: 0 12px;
  transition: all 0.3s ease-in-out; }

.navbar-default .navbar-nav > li > a {
  color: #468B97; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #468B97; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #468B97; }

.navbar-default .navbar-nav li a::after {
  content: '';
  width: 1px;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 4px;
  background: #EF6262;
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.navbar-default .navbar-nav li.active a::after,
.navbar-default .navbar-nav > li > a:hover::after {
  width: 100%;
  left: 0;
  background: #EF6262;
  opacity: 1; }

.navbar-default .navbar-nav > li > a:hover::after {
  background-color: #EF6262; }

.navbar-default .navbar-toggle {
  border: none; }

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

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

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none; }

.dropdown li a::after {
  display: none; }

.form-group {
  margin-bottom: 22px; }

.form-control {
  border-color: #e4e4e4;
  border-radius: 2px;
  box-shadow: none; }
  .form-control:focus {
    border-color: #468B97;
    box-shadow: none; }

input.form-control {
  height: 40px; }

.modal-header {
  font-weight: 600;
  text-align: center; }

.pagination > li > a, .pagination > li > span {
  width: 38px;
  height: 38px;
  line-height: 36px;
  background-color: rgba(164, 177, 191, 0.12);
  color: #333;
  font-size: 14px;
  padding: 0 14px;
  border-radius: 50%;
  margin-left: 12px; }

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 50%; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background: #468B97;
  border-color: #468B97;
  color: #fff; }

/* --------------------------------
HEADER CSS
-------------------------------- */
#header {
  position: relative;
  overflow: hidden; }

/* --------------------------------
MAIN VERSION CSS
-------------------------------- */
.header-img,
.header-video,
.header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: url(#heroBlock2); }

.header-img {
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed; }

.home-img .header-overlay,
.home-video .header-overlay {
  opacity: 0.88; }

.nav-fixed-bg {
  background: #fff;
  color: #333;
  box-shadow: 0px -10px 40px 0px rgba(46, 46, 46, 0.35);
  opacity: 0.9; }

.nav-fixed-bg .navbar-brand {
  height: 100px;
  margin: 0; }
.nav-fixed-bg .nav > li > a {
  padding: 20px 2px; }

.navbar-default {
  transition: all .3s ease-in-out; }
  .navbar-default .navbar-collapse {
    padding: 0; }

/* --------------------------------
HERO SECTION CSS
-------------------------------- */
.hero {
  position: relative;
  min-height: 100vh;
  padding-bottom: 100px;
  padding-top: 125px;
  z-index: 5; }
  .hero .container {
    padding: 250px 0; }
  .hero__info {
    max-width: 440px; }
    .hero__info > h1 {
      font-size: 3.25rem;
      line-height: 52px; }
    .hero__info > div {
      color: #686868;
      margin: 25px 0; }
  .hero__action a i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(104, 163, 36, 0.1);
    color: #468B97;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s ease-in-out; }
  .hero__action a span {
    color: #333;
    margin-left: 6px; }
  .hero._inner {
    display: flex;
    justify-content: center;
    align-items: center; }

.hero__action a:hover i {
  background: #468B97;
  color: #fff;
  transform: scale(1.1);
  transition: all 0.3s ease-in-out; }

.position-absolute-top-right-0 {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 0;
  margin-top: 125px; }

.header-video {
  transform: scale(0.8); }
  .header-video--overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #EF6262;
    opacity: 0.6;
    clip-path: url(#heroBlock2);
    transform: scale(1.6); }

.cd-title {
  position: relative;
  height: 160px;
  line-height: 230px;
  text-align: center; }

@media only screen and (min-width: 768px) {
  .cd-title {
    line-height: 250px; } }
@media only screen and (min-width: 1170px) {
  .cd-title {
    height: 200px;
    line-height: 300px; } }
.cd-intro {
  display: inline-block;
  vertical-align: middle;
  width: 200px; }

.cd-headline {
  color: #EF6262;
  font-weight: 500;
  line-height: 1.2; }

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left; }

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0; }

.cd-words-wrapper b.is-visible {
  position: relative; }

.no-js .cd-words-wrapper b {
  opacity: 0; }

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1; }

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

xtype

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden; }

.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9; }

.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite; }

.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9; }

.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden; }

.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d; }

.cd-headline.type b {
  visibility: hidden; }

.cd-headline.type b.is-visible {
  visibility: visible; }

.cd-headline.type i {
  position: absolute;
  visibility: hidden; }

.cd-headline.type i.in {
  position: relative;
  visibility: visible; }

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1; }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0; } }
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1; }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0; }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0; } }
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1; }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0; } }
/* --------------------------------

xrotate-2

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px; }

.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cd-headline.rotate-2 b {
  opacity: 0; }

.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0; }

.is-visible .cd-headline.rotate-2 i {
  opacity: 1; }

.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  -moz-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards; }

.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  -moz-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards; }

.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px); }

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0; }

.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1; }

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg); } }
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg); }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg); } }
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg); } }
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg); } }
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0); }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg); }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg); } }
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg); } }
/* --------------------------------

xloading-bar

-------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: .2em 0; }

.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top; }

.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s; }

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s; }

.cd-headline.loading-bar b {
  top: .2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0; }

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

xslide

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0; }

.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top; }

.cd-headline.slide b {
  opacity: 0;
  top: .2em; }

.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s; }

.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s; }

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%); }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%); } }
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%); }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%); } }
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); } }
/* --------------------------------

xclip

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0; }

.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top; }

.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #EF6262; }

.cd-headline.clip b {
  opacity: 0; }

.cd-headline.clip b.is-visible {
  opacity: 1; }

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

xzoom

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px; }

.cd-headline.zoom b {
  opacity: 0; }

.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s; }

.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s; }

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0); } }
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0); } }
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); } }
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px); } }
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0); }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px); } }
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px); } }
/* --------------------------------

xrotate-3

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px; }

.cd-headline.rotate-3 b {
  opacity: 0; }

.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards; }

.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards; }

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0; }

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1; }

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg); }
  100% {
    -webkit-transform: rotateY(0deg); } }
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg); }
  100% {
    -moz-transform: rotateY(0deg); } }
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(-180deg); } }
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0); }
  100% {
    -moz-transform: rotateY(-180deg); } }
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg); } }
/* --------------------------------

xscale

-------------------------------- */
.cd-headline.scale b {
  opacity: 0; }

.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.is-visible .cd-headline.scale i {
  opacity: 1; }

.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards; }

.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards; }

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0; }

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1; }

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1; }
  100% {
    -moz-transform: scale(1);
    opacity: 1; } }
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  60% {
    -webkit-transform: scale(0);
    opacity: 0; } }
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1; }
  60% {
    -moz-transform: scale(0);
    opacity: 0; } }
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0; } }
/* --------------------------------

xpush

-------------------------------- */
.cd-headline.push b {
  opacity: 0; }

.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s; }

.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s; }

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%); } }
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%); }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%); } }
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
.cd-headline p {
  font-size: 1.25rem; }

@media only screen and (min-width: 768px) {
  .cd-headline p {
    font-size: 1.875rem; } }
@media only screen and (min-width: 1170px) {
  .cd-headline p {
    font-size: 2.5rem; } }
/* --------------------------------
BLOG SIDEBAR CSS
-------------------------------- */
.sidebar__item h4 {
  color: #333;
  font-size: 20px;
  margin: 30px 0; }
.sidebar__search {
  position: relative; }
  .sidebar__search--button {
    position: absolute;
    top: 0;
    right: 12px;
    height: 40px;
    line-height: 40px;
    background: none;
    color: #b4b4b4;
    padding: 0;
    border: none; }
.sidebar .category li {
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 10px; }
  .sidebar .category li a {
    color: #333; }
  .sidebar .category li span {
    color: #468B97;
    margin-left: 5px; }
.sidebar .popular li {
  display: inline-block; }
  .sidebar .popular li a {
    color: #333;
    font-size: 15px; }
  .sidebar .popular li .date {
    display: block;
    font-size: 13px; }
.sidebar .tags li {
  display: inline-block;
  padding: 0 5px; }
  .sidebar .tags li a {
    display: block;
    color: #333;
    font-size: 14px;
    padding: 10px 10px 10px 0; }

/* --------------------------------
MAIN CONTENT CSS
-------------------------------- */
#main {
  position: relative;
  z-index: 100; }

.section-padding {
  padding: 5% 0; }

/* --------------------------------
ABOUTUS SECTION CSS
-------------------------------- */
.aboutus {
  background-color: #f6f6f6; }
  .aboutus__item {
    display: flex;
    align-items: center;
    max-width: 900px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    margin: 40px auto; }
  .aboutus__img {
    flex: 0 0 250px;
    max-width: 300px;
    transform: scale(1.75); }
    .aboutus__img img {
      border-radius: 6px; }
  .aboutus__info {
    font-size: 0.93rem;
    padding: 15px;
    padding-left: 110px; }

/* --------------------------------
FEATURES SECTION CSS
-------------------------------- */
.feature {
  padding: 30px;
  border-radius: 2px;
  text-align: center;
  margin: 15px 0;
  transition: all 0.3s ease-in-out; }
  .feature img {
    max-width: 60px; }
  .feature h2 {
    font-size: 1.25rem;
    padding: 15px 0;
    color: #777; }
  .feature p {
    max-width: 410px;
    color: #777;
    font-size: 0.875rem;
    margin: 0 auto; }
  .feature a {
    color: #468B97; }
  .feature:hover {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px); }

/* --------------------------------
VIDEO SECTION CSS
-------------------------------- */
.video {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed; }
  .video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1; }
  .video .container {
    position: relative;
    z-index: 2; }
  .video .headline {
    color: white; }
    .video .headline h3 {
      color: white; }
      .video .headline h3::after {
        background-color: white; }
  .video__action {
    display: block; }
    .video__action .fa {
      color: white;
      font-size: 6em; }

/* --------------------------------
WHY US SECTION CSS
-------------------------------- */
.why__item {
  position: relative;
  height: 450px;
  border-radius: 8px;
  overflow: hidden;
  margin: 15px 0;
  box-shadow: 10px -10px 0 #EF6262;
  transition: all 0.3s ease-in-out; }
  .why__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #1e2022 0%, transparent 75%);
    background-repeat: repeat-x;
    transition: all 0.3s ease-in-out;
    z-index: 1; }
  .why__item--img {
    height: 100%; }
    .why__item--img img {
      max-width: initial;
      width: 100%;
      height: 100%; }
  .why__item--info {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 25px;
    z-index: 2; }
    .why__item--info h1 {
      font-size: 1.75rem;
      font-weight: 600;
      padding-bottom: 6px; }
    .why__item--info p {
      font-size: 0.875rem; }
  .why__item:hover {
    transform: translateY(-3px); }
    .why__item:hover::before {
      background-image: linear-gradient(0deg, #1e2022 0%, transparent 100%);
      transition: all 0.3s ease-in-out; }

/* --------------------------------
SECTORS SECTION CSS
-------------------------------- */
.sectors {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed; }
  .sectors__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1; }
  .sectors .container {
    position: relative;
    z-index: 2; }
  .sectors .headline {
    color: white; }
    .sectors .headline h3 {
      color: white; }
      .sectors .headline h3::after {
        background-color: white; }

@media (min-width: 1024px) {
  #sectors.modal .modal-dialog, #_services_translation.modal .modal-dialog, #_services_publishing.modal .modal-dialog, #_services_engineering.modal .modal-dialog, #_services_dubbing.modal .modal-dialog {
    width: 1000px; } }
.sector3__item {
  background: #e9f6fd;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  margin: 20px auto; }
  .sector3__item img {
    max-width: 64px;
    padding: 15px 0; }
  .sector3__item h3 {
    background-color: #79a2b2;
    font-size: 0.7525rem;
    font-weight: 500;
    padding: 6px 0; }

/* --------------------------------
GET IN TOUCH SECTION CSS
-------------------------------- */
.contact {
  position: relative;
  background: #EF6262 url("../img/contact-bg.png") no-repeat center/cover; }
  .contact__overlay {
    background: #388cad;
    /* fallback for old browsers */
    background: radial-gradient(#388cad, #00527b);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 1; }
  .contact .container {
    position: relative;
    z-index: 2; }
  .contact .headline {
    margin-bottom: 100px;
    color: white; }
    .contact .headline h3 {
      color: white; }
      .contact .headline h3::after {
        background-color: white; }
  .contact__message, .contact__info {
    background-color: #fff;
    min-height: 380px;
    padding: 30px;
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
  .contact__success {
    position: relative;
    color: #fff;
    font-size: 0.75rem;
    padding: 15px 5px 13px 50px;
    border-radius: 2px; }
    .contact__success::after {
      content: "\f00c";
      font-family: "FontAwesome";
      position: absolute;
      top: 14px;
      left: 17px;
      width: 20px;
      height: 20px;
      background: rgba(0, 0, 0, 0.2);
      text-align: center;
      border-radius: 100%; }
  .contact__info {
    padding: 30px; }
    .contact__info div {
      font-size: 0.9375rem;
      margin-bottom: 16px; }
      .contact__info div i {
        float: left;
        width: 30px;
        height: 45px;
        line-height: 30px;
        color: #EF6262;
        font-size: 1.375rem;
        margin-right: 20px; }
      .contact__info div span {
        display: block;
        font-size: 1.125rem;
        font-weight: 700; }
    .contact__info--social {
      padding-top: 6px; }
      .contact__info--social li {
        display: inline-block;
        margin-right: 4px; }
        .contact__info--social li a {
          display: block;
          width: 40px;
          height: 40px;
          line-height: 40px;
          color: #fff;
          font-size: 1.125rem;
          text-align: center;
          border-radius: 30px;
          margin-right: 3px;
          transition: all 0.3s ease-in-out; }

/* --------------------------------
CLIENTS SECTION CSS
-------------------------------- */
.clients {
  box-shadow: 0 3px 35px rgba(0, 0, 0, 0.1); }
  .clients img {
    max-height: 30px;
    margin: 30px auto; }

/* --------------------------------
MAIN CONTENT CSS
-------------------------------- */
.content__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7;
  transition: all 0.4s ease-in-out;
  z-index: 6; }

.content__close {
  display: none;
  position: absolute;
  top: 12px;
  right: 28px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #ddd;
  color: #fff;
  font-size: 14px;
  border-radius: 100%;
  z-index: 7; }
  .content__close:hover {
    color: #fff; }

.info {
  background-color: #fff;
  color: #282b32; }
  .info h2 {
    position: relative;
    font-size: 2rem;
    font-weight: 700;
    margin: 30px 0;
    text-transform: uppercase; }
    .info h2::after {
      content: ' ';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 120px;
      height: 3px;
      background-color: #282b32;
      border-radius: 5px; }
  .info li {
    margin: 6px 0; }

/* --------------------------------
ABOUT SECTION
-------------------------------- */
.about p {
  font-size: 0.9rem;
  color: #b4b4b4;
  line-height: 1.8; }

#content {
  position: fixed;
  top: 0;
  right: -10px;
  min-height: 100vh;
  height: 100%;
  width: 50%;
  padding-top: 105px;
  overflow: hidden;
  transform: translate3d(100%, 0px, 0px);
  transform-style: preserve-3d;
  z-index: 100000;
  transition: all 0.4s ease-in-out; }
  #content .content__close {
    top: 115px; }

#content.active {
  transform: translate3d(15px, 0, 0px); }

.content__close {
  display: block; }

.info {
  height: 100%;
  max-height: 100vh;
  overflow-y: scroll; }

.about {
  padding: 0 40px; }

#_services_translation, #_services_dubbing, #_services_publishing, #_services_engineering {
  font-size: 0.875rem; }
  #_services_translation h2, #_services_dubbing h2, #_services_publishing h2, #_services_engineering h2 {
    color: #EF6262;
    font-size: 1.25rem;
    padding: 20px 0;
    font-weight: bold; }
  #_services_translation p, #_services_dubbing p, #_services_publishing p, #_services_engineering p {
    margin: 0rem auto 2rem; }
  #_services_translation .modal-body, #_services_dubbing .modal-body, #_services_publishing .modal-body, #_services_engineering .modal-body {
    padding: 0 2rem 2rem; }
  #_services_translation ul li, #_services_dubbing ul li, #_services_publishing ul li, #_services_engineering ul li {
    display: flex; }
    #_services_translation ul li strong, #_services_dubbing ul li strong, #_services_publishing ul li strong, #_services_engineering ul li strong {
      width: 24px; }
    #_services_translation ul li p, #_services_dubbing ul li p, #_services_publishing ul li p, #_services_engineering ul li p {
      width: auto;
      margin: 0;
      max-width: calc(100% - 24px); }

#_languageContent {
  width: 100%; }
  #_languageContent .modal-dialog {
    width: 50%;
    margin: 0 0 0 auto;
    transform: translate3d(100%, 0px, 0px); }
    #_languageContent .modal-dialog .modal-body {
      padding: 0 40px 1rem; }
    #_languageContent .modal-dialog .content__close {
      position: absolute;
      top: 12px;
      right: 28px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background-color: #ddd;
      color: #fff;
      font-size: 14px;
      border-radius: 100%;
      z-index: 7; }
    #_languageContent .modal-dialog h2 {
      position: relative;
      font-size: 2rem;
      font-weight: 700;
      margin: 30px 0;
      text-transform: uppercase; }
      #_languageContent .modal-dialog h2:after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 120px;
        height: 3px;
        background-color: #282b32;
        border-radius: 5px; }
  #_languageContent.in .modal-dialog {
    transform: translate3d(15px, 0, 0px); }

@media only screen and (max-width: 1024px) {
  #_languageContent .modal-dialog {
    width: 100%; }
    #_languageContent .modal-dialog h2 {
      font-size: 1.5rem; } }
/* --------------------------------
404 PAGE CSS
-------------------------------- */
.not-found {
  position: absolute;
  min-height: 100vh;
  top: 0;
  left: 0;
  padding: 20px 0 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  .not-found--img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/header-bg.jpg") no-repeat center/cover;
    z-index: 2; }
  .not-found--overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: 0.7;
    z-index: 3; }
  .not-found--content {
    position: relative;
    z-index: 4; }
    .not-found--content h1 {
      display: inline-block;
      font-size: 11.25rem;
      font-weight: 700; }
    .not-found--content h2 {
      margin: 20px 0 0;
      color: #fff;
      font-size: 34px;
      font-weight: 700;
      text-transform: uppercase; }
    .not-found--content p {
      margin-top: 10px;
      color: #fff;
      font-size: 18px;
      text-transform: none;
      font-weight: 400; }
      .not-found--content p a {
        color: #fff;
        text-transform: uppercase;
        text-decoration: underline; }

/* --------------------------------
LOGIN/REGISTER PAGE CSS
-------------------------------- */
.login {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  .login__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/blog3.jpg") no-repeat center/cover;
    z-index: 2; }
  .login__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: 0.7;
    z-index: 3; }
  .login__content {
    position: relative;
    width: 100%;
    max-width: 700px;
    background-color: #fff;
    text-align: center;
    padding: 60px;
    margin: 0 auto;
    z-index: 4; }
    .login__content--header {
      margin-bottom: 46px; }
      .login__content--header i {
        font-size: 36px; }
      .login__content--header h3 {
        font-size: 1.5rem;
        text-transform: uppercase; }
    .login__content .button {
      font-weight: 700;
      padding-left: 56px;
      padding-right: 56px; }
    .login__content p {
      font-size: 0.875rem;
      margin-top: 38px; }
  .login__form .form-group {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
  .login__social h3 {
    font-size: 1rem;
    margin: 38px 0; }
    .login__social h3 span {
      display: block;
      color: #EF6262; }
  .login__social--button {
    display: inline-block;
    color: #fff;
    padding: 12px 38px;
    border-radius: 44px;
    margin: 0 8px; }
    .login__social--button i {
      margin-right: 16px; }
    .login__social--button:hover {
      color: #fff; }

/* --------------------------------
COMING SOON PAGE CSS
-------------------------------- */
.comingso {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center; }
  .comingso__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../img/header-bg.jpg") no-repeat center/cover;
    z-index: 2; }
  .comingso__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: 0.7;
    z-index: 3; }
  .comingso .logo {
    margin-bottom: 60px; }
  .comingso__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4; }
    .comingso__content h1 {
      display: inline-block;
      font-size: 3.75rem;
      font-weight: 700;
      text-transform: uppercase; }
  .comingso__form {
    position: relative;
    max-width: 600px;
    margin: 10px auto; }
    .comingso__form--btn {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      color: #fff;
      border: none;
      height: 44px;
      line-height: 44px;
      text-align: center;
      padding: 0 30px;
      border-top-right-radius: 25px;
      border-bottom-right-radius: 25px; }
  .comingso__message {
    margin: 10px auto; }
    .comingso__message--text {
      position: relative;
      display: block;
      background-color: #fff;
      color: #fff;
      font-size: 0.8125rem;
      padding: 10px 10px 10px 44px;
      border-radius: 2px; }
      .comingso__message--text::after {
        content: "";
        font-family: "FontAwesome";
        position: absolute;
        top: 50%;
        left: 12px;
        width: 20px;
        height: 20px;
        background: rgba(0, 0, 0, 0.2);
        font-size: 12px;
        text-align: center;
        border-radius: 100%;
        transform: translateY(-50%); }
      .comingso__message--text.error {
        background-color: #d9534f; }
        .comingso__message--text.error::after {
          content: "\f00d"; }
      .comingso__message--text.valid {
        background-color: #5cb85c; }
        .comingso__message--text.valid::after {
          content: "\f00c"; }
  .comingso .form-control {
    height: 44px;
    border-color: #e4e4e4;
    border-radius: 25px;
    box-shadow: none; }
    .comingso .form-control:focus {
      box-shadow: none;
      border-color: #EF6262; }
  .comingso__footer--social {
    margin-top: 80px; }
    .comingso__footer--social li {
      display: inline-block;
      margin: 0 4px; }
      .comingso__footer--social li a {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 28px;
        color: #fff;
        font-size: 1.25rem;
        text-align: center;
        transition: all 0.3s ease-in-out; }
        .comingso__footer--social li a:hover {
          opacity: 0.6; }
  .comingso__footer--copyright {
    font-size: 0.95rem;
    margin: 20px auto; }

.countdown {
  margin: 20px auto; }

.counter-container {
  display: flex;
  justify-content: space-between;
  max-width: 600px;
  margin: 0 auto; }

.counter-box {
  position: relative;
  display: flex;
  align-items: center;
  opacity: 0.6;
  padding: 10px 0; }
  .counter-box::after {
    content: ':';
    position: absolute;
    top: calc(50% - 17px);
    left: -40%;
    color: #fff;
    line-height: 32px;
    font-size: 32px; }
  .counter-box .number {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    margin-right: 4px; }
  .counter-box span {
    font-size: 0.875rem; }
  .counter-box.first {
    opacity: 1;
    margin-left: 0; }
    .counter-box.first::after {
      display: none; }
    .counter-box.first .number {
      font-size: 2.875rem;
      margin-left: 4px; }

/* --------------------------------
FAQ PAGE CSS
-------------------------------- */
.faq__hero--info {
  color: #fff;
  text-align: center; }
  .faq__hero--info h2 {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 55px; }
  .faq__hero--info p {
    padding: 20px 0 35px; }
.faq__item {
  display: flex;
  margin-bottom: 30px; }
  .faq__item--icon {
    flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #EF6262;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    vertical-align: top; }
  .faq__item--info {
    margin-left: 12px;
    margin-right: 12px; }
    .faq__item--info h4 {
      font-weight: 700; }
    .faq__item--info p {
      font-size: 0.875rem; }
.faq__questions {
  background-color: #f6f6f6; }
  .faq__questions h5 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 40px 0; }
  .faq__questions .panel-group .panel {
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px; }
    .faq__questions .panel-group .panel:hover .panel-heading {
      background: #00527b;
      /* fallback for old browsers */
      background: -webkit-linear-gradient(to right, #EF6262, #468B97);
      background: linear-gradient(to right, #EF6262, #388cad);
      color: #fff;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
      .faq__questions .panel-group .panel:hover .panel-heading a {
        color: #fff; }
  .faq__questions .panel .panel-heading {
    position: relative;
    padding: 15px;
    margin: -1px;
    transition: all 0.2s ease-in-out; }
  .faq__questions .panel .panel-heading .panel-title a {
    display: block;
    text-transform: capitalize;
    margin-right: 40px; }
    .faq__questions .panel .panel-heading .panel-title a::after {
      content: "\f106";
      font: 20px fontAwesome;
      position: absolute;
      top: 50%;
      right: 5px;
      height: 40px;
      width: 40px;
      line-height: 45px;
      text-align: center;
      transform: translateY(-50%); }
    .faq__questions .panel .panel-heading .panel-title a.collapsed::after {
      content: "\f107"; }
  .faq__questions .panel-body {
    font-size: 0.875rem; }

/* --------------------------------
PRIVACY PAGE CSS
-------------------------------- */
.privacy__hero--info {
  color: #fff;
  text-align: center; }
  .privacy__hero--info h2 {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 55px; }
  .privacy__hero--info p {
    padding: 20px 0 35px; }
.privacy__item, .terms__item {
  padding: 25px 0;
  border-bottom: 1px solid #EFEFEF; }
  .privacy__item h5, .terms__item h5 {
    font-weight: 700;
    padding-bottom: 6px; }
  .privacy__item p, .terms__item p {
    font-size: 0.875rem; }

.terms {
  background-color: #f6f6f6; }

/* --------------------------------
FOOTER CSS
-------------------------------- */
#footer {
  height: 80px;
  background: #fff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); }

.footer__social {
  float: left;
  padding: 19px 0; }
  .footer__social li {
    display: inline-block;
    margin: 0 3px; }
    .footer__social li a {
      display: block;
      width: 42px;
      height: 42px;
      line-height: 40px;
      color: #333;
      font-size: 1.125rem;
      text-align: center;
      border: 1px solid #333;
      border-radius: 100%;
      transition: all 0.2s ease-in-out; }
      .footer__social li a:hover {
        background-color: #333;
        color: #fff; }

.copyright {
  font-size: 0.875rem;
  text-align: center;
  color: #a1a1a1;
  padding: 30px 0; }
  .copyright a {
    color: #a1a1a1;
    text-decoration: underline; }

/* --------------------------------
RESPONSIVE CSS
-------------------------------- */
@media only screen and (max-width: 1500px) {
  .hero .container {
    padding: 110px 0; }

  .navbar-brand {
    height: 105px; } }
@media only screen and (max-width: 1199px) {
  .navbar-header {
    float: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse; }

  .navbar-left, .navbar-right {
    float: none !important; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

  .navbar-collapse.collapse {
    display: none !important;
    min-height: calc(100vh - 80px);
    max-height: calc(100vh - 80px); }

  .navbar-nav {
    float: none !important; }
    .navbar-nav .dropdown-menu {
      text-align: center; }

  .navbar-nav > li {
    float: none; }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }

  .collapse.in {
    display: block !important; }

  .navbar-default {
    padding: 0; }

  .navbar-header {
    padding: 10px 0; }

  .navbar-nav {
    background: #fff;
    min-height: 100vh;
    padding-top: 1rem; }

  .nav > li {
    text-align: center; }

  .nav > li > a {
    padding: 15px 5px; }

  .navbar-default .navbar-nav li.active a::after,
  .navbar-default .navbar-nav > li > a:hover::after {
    width: 100px;
    right: 0;
    margin: 0 auto; }

  .navbar-default .navbar-nav > li > a:hover::after {
    display: none; }

  .navbar-brand {
    margin: 0px 0; }

  #clients img {
    height: 30px;
    margin-bottom: 1rem; } }
@media only screen and (max-width: 990px) {
  .position-absolute-top-right-0 {
    display: none; }

  .hero {
    min-height: initial;
    padding-left: 25px;
    padding-right: 25px; }

  .hero .container {
    padding: 60px 0 25px; }

  .hero__download {
    text-align: center; }

  .clients img {
    max-height: 27px; }

  .aboutus__item {
    flex-direction: column;
    max-width: 100%; }

  .aboutus__img {
    flex: 0 0 100%;
    max-width: 100%;
    transform: scale(1);
    max-height: 230px;
    overflow: hidden; }

  .aboutus__info {
    padding-left: 15px; }

  #clients img {
    margin: 20px auto; }

  .contact__message {
    margin-bottom: 30px; }

  .comingso {
    position: relative;
    padding: 40px 0;
    min-height: 100vh; } }
@media only screen and (max-width: 767px) {
  .contact .headline {
    margin-bottom: 40px; }

  .price .headline {
    margin-bottom: 60px; }

  .modal-dialog {
    width: 600px;
    margin: 30px auto; }

  .why__item {
    margin: 15px 0 30px 0; } }
@media only screen and (max-width: 640px) {
  .hero__info h2 {
    font-size: 36px; }

  .post-header--content {
    margin-top: 160px; }

  .navbar-brand, .nav-fixed-bg .navbar-brand {
    padding: 0 15px !important; }

  #footer {
    height: auto;
    text-align: center; }

  .footer__social {
    float: none; }

  .copyright {
    padding-top: 9px; }

  .login__social--button {
    margin-bottom: 1rem; } }
@media only screen and (max-width: 600px) {
  .post-header--img img {
    max-width: initial;
    max-height: 100%; }

  .comingso {
    padding: 20px 0; }

  .comingso .logo {
    max-width: 220px;
    margin: 0 auto 40px; }

  .comingso__content h1 {
    font-size: 2rem; }

  .comingso__content p {
    font-size: 0.85rem; }

  .comingso__form--btn {
    padding: 0 12px; }

  .comingso__footer--social {
    margin-top: 20px; }

  .modal-dialog {
    width: 90%; } }
@media only screen and (max-width: 480px) {
  html {
    font-size: 14px; }

  .navbar-brand, .nav-fixed-bg .navbar-brand {
    height: 50px; }

  .hero .container {
    padding: 0px 0 25px; }
  .hero._inner {
    min-height: calc(70vh - 125px); }

  .headline {
    font-size: 0.8125rem;
    margin-bottom: 10px; }

  .headline h3 {
    font-size: 1.75rem; }

  .hero__info {
    padding-top: 20px; }

  .hero__info h2 {
    font-size: 2rem; }

  .hero__download a {
    margin-bottom: 16px; }

  .video, .sectors {
    padding: 5% 0 10%; }

  .video .headline {
    margin-bottom: 40px; }

  .video__action .fa {
    font-size: 5em; }

  .subscribe__form--btn {
    font-size: 0.9375rem;
    padding: 0 22px; }

  .copyright {
    padding-top: 0;
    font-size: 0.75rem; }

  .blogs-single .blog__item--content,
  .blogs-single .blog__item:hover .blog__item--content {
    height: auto; }

  .not-found--content {
    width: 100%; }

  .not-found--content h1 {
    font-size: 7rem; }

  .not-found--content p {
    font-size: 1.75rem; }

  .comingso__content {
    width: 100%; }

  .counter-container {
    flex-wrap: wrap; }

  .counter-box {
    justify-content: center;
    flex: 0 0 50%;
    max-width: 50%; }
    .counter-box::after {
      left: -5px; }

  .counter-box:nth-child(3)::after {
    display: none; }

  .faq__hero--info h2, .privacy__hero--info h2 {
    font-size: 30px; } }
@media only screen and (max-width: 365px) {
  .sectors .button-action {
    margin-bottom: 1rem; }

  #clients img {
    height: 23px; }

  .login__content .button {
    padding: 0 20px;
    display: block;
    width: 100%; } }
@media only screen and (max-height: 700px) {
  .comingso__content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0); } }

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