@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600,600italic,700,700italic,300italic,300,200italic,200);

/*
Theme Name:    Apptivation
Theme URI:     http://apptivation.co.uk
Author:        Dora Szabo
Author URI:    http://dora.io
Version:       1.0.12
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- General Styles ---------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
body {
  position: absolute;

  font-family: 'Open Sans', sans-serif;
  /*font-size: 16px;*/
  /*line-height: 1.75;*/
  height: 100%;
  width: 100%;
  /*margin: 0px auto;*/
  /*top: 0px;*/
  /*left: 0px;*/
  /*bottom: 0px;*/
  /*overflow-x: hidden;*/
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Typography -------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6 {
  font-family: 'Titillium Web', sans-serif;
}

/* -- Section Descriptions ------------------------------------------------------------------------------------------------------------------------------------------- */
.section-description {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: 300;

  /*Margin*/
  margin-bottom: 50px;
}

a, a:hover {
  text-decoration: none;
}


/* -- Selection Styles ------------------------------------------------------------------------------------------------------------------------------------------- */
::selection       { color: #fff; background: #149bd4; }
::-moz-selection  { color: #fff; background: #149bd4; }

/* ---------- Section Styles ---------- */
.light-section {
  background-color: #fff;
  padding: 120px 0;
  overflow: hidden;
}
  .dark-content {
    color: #444;
  }
.dark-section {
  background-color: #0a506e;
  padding: 120px 0;
  overflow: hidden;
}
.dark-section2 {
  background-color: #0a506e;
  padding-top: 20 !important;
  overflow: hidden;
}

.light-content {
  color: #fff;
}
.dark-content {
  color: #444;
}
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:400px; /* your iframe height */
   top:400px;  /* your iframe height */
   margin-top:-400px;  /* your iframe height */
}
.photo-section {
  -webkit-background-size: auto;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 0;
  overflow: hidden;
}
.bg-overlay {
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(123,183,230,0) 2%, rgba(10,80,110,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(2%,rgba(123,183,230,0)), color-stop(100%,rgba(10,80,110,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(123,183,230,0) 2%,rgba(10,80,110,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(123,183,230,0) 2%,rgba(10,80,110,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(123,183,230,0) 2%,rgba(10,80,110,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(123,183,230,0) 2%,rgba(10,80,110,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#0a506e',GradientType=0 ); /* IE6-9 */
}
.bg-overlay-labs {
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0c6287;
}
.bg-overlay-clients {
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e5e5e5;
}
.bg-overlay-testimonials {
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #149bd4;
}
.section-description {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: 300;
  margin-bottom: 50px;
}

/* ---------- BUTTONS ---------- */
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  border: none;
  background-color: transparent;
  color: #149bd4;
  border: 1px solid #149bd4;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
  .btn:hover {
    background-color: #149bd4;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition:    all 0.2s ease-out;
    -o-transition:      all 0.2s ease-out;
    transition:         all 0.2s ease-out;
    color: #fff;
  }
.btn-small {
  padding: 5px 12px;
  font-size: 0.75em;
}
.btn-medium {
  padding: 6px 14px;
  font-size: 0.85em;
}
.btn-big {
  padding: 12px 25px;
  font-size: 1.125em;
}
.btn-submit {
  padding: 12px 25px;
  font-size: 1.125em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  border: none;
  background-color: transparent;
  color: #149bd4;
  border: 1px solid #149bd4;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition:    all 0.6s ease-out;
  -o-transition:      all 0.6s ease-out;
  transition:         all 0.6s ease-out;
}
  .btn-submit:hover {
    background-color: #149bd4;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition:    all 0.2s ease-out;
    -o-transition:      all 0.2s ease-out;
    transition:         all 0.2s ease-out;
    color: #fff;
  }




.btn-blue {
  border-color: #3598DC;
  color: #3598DC;
  background-color: #3598DC;
}
  .btn-blue:hover {
    background-color: #2283c6;
    border-color: #2283c6;
  }
.btn-darkblue {
  border-color: #4d4d4d;
  color: #4d4d4d;
  background-color: #4d4d4d;
}
  .btn-darkblue:hover {
    background-color: #232f40;
    border-color: #232f40;
  }
.btn-red {
  border-color: #df5757;
  color: #df5757;
  background-color: #df5757;
}
  .btn-red:hover {
    background-color: #d83535;
    border-color: #d83535;
  }
.btn-green {
  border-color: #579f6a;
  color: #579f6a;
  background-color: #579f6a;
}
  .btn-green:hover {
    background-color: #498558;
    border-color: #498558;
  }
.btn-orange {
  border-color: #d9a13f;
  color: #d9a13f;
  background-color: #d9a13f;
}
  .btn-orange:hover {
    background-color: #c88d28;
    border-color: #c88d28;
  }
.btn-white {
  border-color: #fff;
  color: #fff;
  background-color: #fff;
}
  .btn-white:hover {
    background-color: #149bd4;
    border-color: #149bd4;
  }
.btn-outline {
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.btn-fill {
  border-width: 1px;
  border-style: solid;
  color: #fff;
}
.btn-fill:hover {
  color: #fff;
}
.read-more {
  font-size: 0.875em;
  line-height: 1.5714em;
  color: #149bd4;
  border: 2px solid #149bd4;
  background: none;
  padding: 2px 10px;
}
  .read-more:hover {
    background: none;
    color: #4d4d4d;
    border-color: #4d4d4d;
  }

/* ---------- INPUTS ---------- */
.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  border: 3px solid #4d4d4d;
  -webkit-box-shadow: 0 0 0 #000000;
  -moz-box-shadow: 0 0 0 #000000;
  box-shadow: 0 0 0 #000000;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
  .form-control:focus {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: border;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 3px solid #4d4d4d;
    -webkit-box-shadow: 0 0 0 #000000;
    -moz-box-shadow: 0 0 0 #000000;
    box-shadow: 0 0 0 #000000;
    background: #4d4d4d;
    color: #fff;
  }

/* ---------- SPECIALS ---------- */
.special-heading {
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  padding: 5px 10px;
  border: 3px solid;
  display: inline-block;
  position: relative;
}
  .special-heading:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    background: none;
    border-color: transparent;
  }
.light-special {
  color: #fff;
  border-color: #fff;
}
  .light-special:after {
    border-top-color: #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
  }
.dark-special {
  color: #4d4d4d;
  border-color: #4d4d4d;
}
  .dark-special:after {
    border-top-color: #4d4d4d;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
  }

/* ---------- SOCIAL ICONS ---------- */
.social-icons {
  font-size: 1.57em;
  line-height: 36px;
  text-align: center;
}
.social-icons a {
  margin: 0 4px;
  height: 38px;
  width: 38px;
  display: inline-block;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.light-icons {
  color: #fff;
}
  .light-icons a {
    color: #fff;
  }
    .light-icons a:hover {
      color: #fff;
      border-color: #fff;
    }
.dark-icons {
  color: #4d4d4d;
}
  .dark-icons a {
    color: #4d4d4d;
  }
    .dark-icons a:hover {
      color: #4d4d4d;
      border-color: #4d4d4d;
    }



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Main Navigation --------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.navbar {
  margin: 0;
  padding: 0;

  padding: 20px 0;

  border: none;
  margin-bottom: 0;
  min-height: 0;

  /*The Almighty navbar gradient*/
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjOTQ5NDk0IiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(148,148,148,0.05) 58%, rgba(252,252,252,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(58%,rgba(148,148,148,0.05)), color-stop(99%,rgba(252,252,252,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(148,148,148,0.05) 58%,rgba(252,252,252,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(148,148,148,0.05) 58%,rgba(252,252,252,0) 99%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(148,148,148,0.05) 58%,rgba(252,252,252,0) 99%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(148,148,148,0.05) 58%,rgba(252,252,252,0) 99%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff', GradientType=0 ); /* IE6-8 */

  /*Animate!*/
  -webkit-transition: all 0.4s ease-out;
  -moz-transition:    all 0.4s ease-out;
  -o-transition:      all 0.4s ease-out;
  transition:         all 0.4s ease-out;
}
  /*The dark side of the banner (on scroll)*/
  .darken-menu,
  .dark-menu {
    /*The Almighty navbar gradient*/
    background: rgba(0, 0, 0, 0.8);

    /*Animate!*/
    -webkit-transition: all 0.4s ease-out;
    -moz-transition:    all 0.4s ease-out;
    -o-transition:      all 0.4s ease-out;
    transition:         all 0.4s ease-out;
  }
  .navbar .container{
    margin: 0 auto;
    padding: 0;
  }

@media (min-width: 1200px) {

  /* -- Navbar Header ---------------------------------------------------------------------------------------------------------------------------------------------- */
  .navbar-header {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;

    height: 100%;
    width: 30%;

    margin: 0;
    padding: 0;
  }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
      margin: 0;
    }

    /* -- Navbar Logo ------------------------------------------------------------------------------------------------------------------------------------------------ */
    .navbar-logo{
      display: block;
      width: 100%;
      height: 30px;

      margin: 10px 0;

      text-indent: -9999px;
      background: url('../images/apptivate-logo.svg') no-repeat;
      background-position: left center;
    }
      /*.png Fallback (using Modernizr)*/
      .no-svg .navbar-logo,
      .no-inlinesvg .navbar-logo{
        background: url('../images/apptivate-logo.png') no-repeat;
        background-position: left center;
      }

  /* -- Navbar Menu 1280px+ ---------------------------------------------------------------------------------------------------------------------------------------- */
  .navbar-nav {
    float: right;
    text-align: center;

    margin: 0;
    padding: 0;
  }
    /*Navbar Menu Item*/
    .navbar-nav-item {
      color: #fff;
      background-color: none;

      /*Animate!*/
      -webkit-transition: color 0.2s ease-out;
      -moz-transition:    color 0.2s ease-out;
      -o-transition:      color 0.2s ease-out;
      transition:         color 0.2s ease-out;
    }
      .navbar-nav-item:hover,
      .navbar-nav-item:focus,
      .nav > li > a:hover,
      .nav > li > a:focus {
        background-color: transparent;
      }

      .navbar-nav-item:hover {
        color: #149bd4;

        /*Animate!*/
        -webkit-transition: color 0.2s ease-out;
        -moz-transition:    color 0.2s ease-out;
        -o-transition:      color 0.2s ease-out;
        transition:         color 0.2s ease-out;
      }
      .navbar-nav-item:focus{
        color: #fff;

        /*Animate!*/
        -webkit-transition: color 0.2s ease-out;
        -moz-transition:    color 0.2s ease-out;
        -o-transition:      color 0.2s ease-out;
        transition:         color 0.2s ease-out;
      }
    
  .navbar-nav .active{
    pointer-events: none;
  }
    /*Current Navbar Menu Item*/
    .active .navbar-nav-item{
      color: #149bd4;
      background: transparent url('../images/ui-menu-bullet.png') no-repeat center 85% !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
  .container{
    width: 100%;
    padding: 0;
  }
    .navbar{
      padding: 0;

      /*The Almighty navbar gradient*/
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjMjEyMTIxIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
      background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(33,33,33,0.5) 13%, rgba(255,255,255,0) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(13%,rgba(33,33,33,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(33,33,33,0.5) 13%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(33,33,33,0.5) 13%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(33,33,33,0.5) 13%,rgba(255,255,255,0) 100%); /* IE10+ */
      background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(33,33,33,0.5) 13%,rgba(255,255,255,0) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */

      /*Animate!*/
      -webkit-transition: all 0.4s ease-out;
      -moz-transition:    all 0.4s ease-out;
      -o-transition:      all 0.4s ease-out;
      transition:         all 0.4s ease-out;
    }
      /*The dark side of the banner (on scroll)*/
      .darken-menu,
      .dark-menu {
        /*The Almighty navbar gradient*/
        background: rgba(0, 0, 0, 0.8);

        /*Animate!*/
        -webkit-transition: all 0.4s ease-out;
        -moz-transition:    all 0.4s ease-out;
        -o-transition:      all 0.4s ease-out;
        transition:         all 0.4s ease-out;
      }

      /* -- Navbar Header ----------------------------------------------------------------------------------------------------------------------------------------------- */
      .navbar-header{
        float: none;
        width: 100%;

        margin: 0;
        padding: 0;
      }
        .container >       .navbar-header,
        .container-fluid > .navbar-header,
        .container >       .navbar-collapse,
        .container-fluid > .navbar-collapse {
          margin: 0 auto;
          padding: 0;
        }

        /* -- Navbar Logo ------------------------------------------------------------------------------------------------------------------------------------------------ */
        .navbar-logo{
          display: block;

          width: 100%;
          height: 30px;

          margin: 20px 0 10px 0;
          padding: 0;

          text-indent: -9999px;
          background: url('../images/apptivate-logo.svg') no-repeat;
          background-position: center center;
        }
          /*.png Fallback (using Modernizr)*/
          .no-svg .navbar-logo,
          .no-inlinesvg .navbar-logo{
            background: url('../images/apptivate-logo.png') no-repeat;
            background-position: center center;
          }

      /* -- Navbar Menu 768+ ---------------------------------------------------------------------------------------------------------------------------------------- */
      .navbar-nav {
        display: table;
        float: none;

        text-align: center;
        overflow: hidden;

        margin: 0 auto;
        padding: 0;
      }
        .navbar-nav li{
          display: table-cell;
          text-align: center;

          margin: 0 auto;
        }
          /*Navbar Menu Item*/
          .navbar-nav-item {
            color: #fff;
            background-color: none;

            /*Animate!*/
            -webkit-transition: color 0.2s ease-out;
            -moz-transition:    color 0.2s ease-out;
            -o-transition:      color 0.2s ease-out;
            transition:         color 0.2s ease-out;
          }
            .navbar-nav-item:hover,
            .navbar-nav-item:focus,
            .nav > li > a:hover,
            .nav > li > a:focus {
              background-color: transparent;
            }

            .navbar-nav-item:hover {
              color: #149bd4;

              /*Animate!*/
              -webkit-transition: color 0.2s ease-out;
              -moz-transition:    color 0.2s ease-out;
              -o-transition:      color 0.2s ease-out;
              transition:         color 0.2s ease-out;
            }
            .navbar-nav-item:focus{
              color: #fff;

              /*Animate!*/
              -webkit-transition: color 0.2s ease-out;
              -moz-transition:    color 0.2s ease-out;
              -o-transition:      color 0.2s ease-out;
              transition:         color 0.2s ease-out;
            }
        
        /*One can't click the active menu*/
        .navbar-nav .active{
          pointer-events: none;
        }
          /*Current Navbar Menu Item*/
          .active .navbar-nav-item{
            color: #149bd4;
            background: transparent url('../images/ui-menu-bullet.png') no-repeat center 85% !important;
          }
}

/* -- Navbar Menu ------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (max-width: 767px) {
  .navbar{
    margin: 0;
    padding: 0;
  }
    .navbar .container{
      margin: 0;
      padding: 0;
    }
      .navbar-header{
        float: none;
      }
        .container >       .navbar-header,
        .container-fluid > .navbar-header,
        .container >       .navbar-collapse,
        .container-fluid > .navbar-collapse {
          margin: 0;
          padding: 20px;
        }

        /* -- Navbar Logo ------------------------------------------------------------------------------------------------------------------------------------------------ */
        .navbar-logo{
          float: left;

          display: block;
          width: 60%;
          height: 30px;

          margin: 10px;

          text-indent: -9999px;
          background: url('../images/apptivate-logo.svg') no-repeat;
          background-position: left center;
        }
          /*.png Fallback (using Modernizr)*/
          .no-svg .navbar-logo,
          .no-inlinesvg .navbar-logo{
            background: url('../images/apptivate-logo.png') no-repeat;
            background-position: left center;
          }

        .navbar-toggle{
          border: 1px solid #fff;
          float: right;
          
          margin: 0;
          padding: 10px;

          /*Animate!*/
          -webkit-transition: all 0.2s ease-out;
          -moz-transition:    all 0.2s ease-out;
          -o-transition:      all 0.2s ease-out;
          transition:         all 0.2s ease-out;
        }
          .navbar-toggle:hover,
          .navbar-toggle:focus{
            border: 1px solid #149bd4;

            /*Animate!*/
            -webkit-transition: all 0.2s ease-out;
            -moz-transition:    all 0.2s ease-out;
            -o-transition:      all 0.2s ease-out;
            transition:         all 0.2s ease-out;
          }

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

            /*Animate!*/
            -webkit-transition: all 0.2s ease-out;
            -moz-transition:    all 0.2s ease-out;
            -o-transition:      all 0.2s ease-out;
            transition:         all 0.2s ease-out;
          }
            .navbar-toggle:hover .icon-bar,
            .navbar-toggle:focus .icon-bar{
              background: #149bd4;

              /*Animate!*/
              -webkit-transition: all 0.2s ease-out;
              -moz-transition:    all 0.2s ease-out;
              -o-transition:      all 0.2s ease-out;
              transition:         all 0.2s ease-out;
            }

      .navbar-collapse{
        overflow: hidden;
         max-height: none; 
      }
        .navbar-nav{
          display: block;
          float: none;

          text-align: center;
        }
          /*Navbar Menu Item*/
          .navbar-nav-item {
            color: #fff;
            background-color: none;

            /*Animate!*/
            -webkit-transition: color 0.2s ease-out;
            -moz-transition:    color 0.2s ease-out;
            -o-transition:      color 0.2s ease-out;
            transition:         color 0.2s ease-out;
          }
            .navbar-nav-item:hover,
            .navbar-nav-item:focus,
            .nav > li > a:hover,
            .nav > li > a:focus {
              background-color: transparent;
            }

            .navbar-nav-item:hover {
              color: #149bd4;

              /*Animate!*/
              -webkit-transition: color 0.2s ease-out;
              -moz-transition:    color 0.2s ease-out;
              -o-transition:      color 0.2s ease-out;
              transition:         color 0.2s ease-out;
            }
            .navbar-nav-item:focus{
              color: #fff;

              /*Animate!*/
              -webkit-transition: color 0.2s ease-out;
              -moz-transition:    color 0.2s ease-out;
              -o-transition:      color 0.2s ease-out;
              transition:         color 0.2s ease-out;
            }
}










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Slider Component -------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.slick-slider {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;

    margin: 0;
    padding: 0;
  }
    .slick-list:focus {
      outline: none;
    }
  .slick-loading .slick-list {
    background: #fff url(../images/ui-ajax-loader.gif) center center no-repeat;
  }
    .slick-slider .slick-list,
    .slick-track,
    .slick-slide,
    .slick-slide img {
      -webkit-transform:translate3d(0, 0, 0);
      -moz-transform:   translate3d(0, 0, 0);
      -ms-transform:    translate3d(0, 0, 0);
      -o-transform:     translate3d(0, 0, 0);
      transform:        translate3d(0, 0, 0);
    }
    
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 100%;
}
  .slick-track:before,
  .slick-track:after {
    content: "";
    display: table;
  }
    .slick-track:after {
      clear: both;
    }
      .slick-loading .slick-track {
        visibility: hidden;
      }
    .slick-slide {
      float: left;
      height: 100%;
      min-height: 1px;
      display: none;
    }
      .slick-slide img {
        display: block;
        height: auto;
        width: 100%;
      }
        .slick-slide.slick-loading img {
          display: none;
        }
        .slick-slide.dragging img {
          pointer-events: none;
        }
        .slick-initialized .slick-slide {
          display: block;
        }
        .slick-loading .slick-slide {
          visibility: hidden;
        }
        .slick-vertical .slick-slide {
          display: block;
          height: auto;
          border: 1px solid transparent;
        }

/* -- Slider Component: Arrow Nav ------------------------------------------------------------------------------------------------------------------------------- */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;

  height: 24px;
  width: 24px;
  
  line-height: 0;
  font-size: 0;
  
  cursor: pointer;
  background: transparent;
  top: 45%;

  margin: 0;
  padding: 0;

  border: none;
  outline: none;
}
  .slick-prev:focus,
  .slick-next:focus {
    outline: none;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  .slick-prev:before,
  .slick-next:before {
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    transition: all .3s ease;
    color: #fff;
  }
    .slick-prev:hover:before,
    .slick-next:hover:before {
      transition: all .3s ease;
      color: #4d4d4d;
    }
.slick-prev {
  left: 30px;
}
  .slick-prev:before {
    content: "\f0a8";
  }
.slick-next {
  right: 30px;
}
  .slick-next:before {
    content: "\f0a9";
  }

/* -- Slider Component: Dot Nav ------------------------------------------------------------------------------------------------------------------------------- */
.slick-dots {
  position: absolute;

  left: 0;
  right: 0;

  margin: 0 auto;
  padding: 0;

  list-style: none;

  text-align: center;
}
  .slick-dots li {
    position: relative;
    display: inline-block;

    margin: 0;
    padding: 0;
  }
    .slick-dots li button {
      background: transparent;
      line-height: 0;
      font-size: 0;
      color: transparent;
      cursor: pointer;
      outline: none;
      display: block;
      
      height:  8px;
      width:   8px;

      border: 2px solid #fff;
      border-radius: 50%;
      
      margin: 3px;
      padding: 0;

      /*Animate!*/
      -webkit-transition: all 0.2s ease-out;
      -moz-transition:    all 0.2s ease-out;
      -o-transition:      all 0.2s ease-out;
      transition:         all 0.2s ease-out;
    }
      .slick-dots li button:hover{
        border: 2px solid #4d4d4d;

        /*Animate!*/
        -webkit-transition: all 0.2s ease-out;
        -moz-transition:    all 0.2s ease-out;
        -o-transition:      all 0.2s ease-out;
        transition:         all 0.2s ease-out;
      }
      .slick-dots li button:focus {
        outline: none;
      }
        .slick-dots li.slick-active button {
          background: rgba(0, 0, 0, 0.8);
          border-color: #4d4d4d;
        }










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Welcome Section --------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.welcome-section {
  display: block;
  overflow: hidden;
  width: 100%;
  min-width: 100%;
  height: 100% !important;
  position: relative;
}

.welcome-carousel{
  position: relative;
  height: 100% !important;
}
  .welcome-section .slick-list,
  .welcome-section .slick-track{
    height: 100%;
  }
  .welcome-carousel-item{
    position: relative;
    display: block;
    overflow: hidden;
  }
    .welcome-carousel-item-01{
      height: 100%;

      background-image: url('../images/welcome-01-2.jpg');
      background-size: cover !important;
      background-position: center;
      background-repeat: no-repeat;
    }
    .welcome-carousel-item-02{
      height: 100%;

      background-image: url('../images/welcome-02-2.jpg');
      background-size: cover !important;
      background-position: center center; 
      background-repeat: no-repeat;
    }
    .welcome-carousel-item-03{
      height: 100%;

      background-image: url('../images/welcome-03.jpg');
      background-size: cover !important;
      background-position: center center; 
      background-repeat: no-repeat;
    }
     .welcome-carousel-item-04{
      height: 100%;

      background-image: url('../images/welcome-04.jpg');
      background-size: cover !important;
      background-position: center center; 
      background-repeat: no-repeat;
    }
     .welcome-carousel-item-05{
      height: 100%;

      background-image: url('../images/welcome-05.jpg');
      background-size: cover !important;
      background-position: center center; 
      background-repeat: no-repeat;
    }
  /* -- Dotnav ------------------------------------------------------------------------------------------------------------------------------------------------------- */
  .welcome-carousel .slick-dots{
    bottom: 15%;
  }

  /* -- Carousel text ------------------------------------------------------------------------------------------------------------------------------------------------- */
  .welcome-carousel-text{
    width: 1170px;

    margin: 0 auto;
    margin-top: 20%;
  }
    .welcome-carousel-text h2{
      width: 40%;

      margin: 0;
      padding: 0;

      font-weight: 300;
      line-height: 1.3;
      orphans: 3; /*Experimental css3 property*/

      color: #fff;
    }

  /* -- Rotating Words ------------------------------------------------------------------------------------------------------------------------------------------------ */
  .welcome-rotating{
    position: absolute;

    margin: 0 auto;
    padding: 30px 0;
    bottom: 0;

    width: 100%;

    background: rgba(0, 0, 0, 0.8);
  }
    .welcome-rotating .container{
      margin: 0 auto;
      padding: 0;
    }
      .welcome-rotating h2{
        color: #fff;

        /* Positioning */
        margin: 0 auto;
        padding: 0;

        font-weight: 100;
        line-height: 1.4;

        /*Animate!*/
        -webkit-transition: all 0.2s ease-out;
        -moz-transition:    all 0.2s ease-out;
        -o-transition:      all 0.2s ease-out;
        transition:         all 0.2s ease-out;
      }
        .welcome-rotating .rotating-words{
          font-weight: 300;
          color: #fff;
          padding: 0;
        }

        .rotating.flip.cube {
          color: #149bd4;
          font-weight: 600;
        }

@media (min-width: 768px) and (max-width: 1199px){
  /*Carousel Text*/
  .welcome-carousel-text{
    width: 100%;
    margin-top: 30%;
    text-align: left;
  }
    .welcome-carousel-text h2{
      width: 50%;
      padding: 0 0 0 5%;
      margin: 0;
    }

  /*Rotating Words*/
  .welcome-rotating{
    padding: 30px 45px;
    /*text-align: center;*/
  }

  /*Dotnav*/
  .welcome-carousel .slick-dots{
    bottom: 20%;
  }
}
@media (max-width: 767px) {
  .welcome-carousel-text{
    margin-top: 80%;
    text-align: center;
    width: 50%;
  }
    .welcome-carousel-text h2{
      width: 100%;
      padding: 100% 0;
      font-size: 1.5em;
    }

  /*Rotating Words*/
  .welcome-rotating{
    padding: 30px;
    text-align: center;
  }
    .welcome-rotating h2{
      font-size: 1.5em;
    }

  /*Dotnav*/
  .welcome-carousel .slick-dots{
    bottom: 30%;
  }
}










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Portfolio Section ------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.portfolio-section {
  height: auto;
  min-width: 100%;
  text-align: center;
}
.portfolio-section .special-heading {
  margin-bottom: 50px;
}
.portfolio-section .filter-bar {
  display: none;
}
.portfolio-section .more-work {
  float: right;
  display: none;
}
.portfolio-section .filter-list {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.portfolio-section .filter {
  margin-right: 0;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.85em;
  font-weight: 400;
  display: block;
  margin-bottom: 12px;
  padding: 12px;
}
.portfolio-section .active {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
  color: #fff;
}
.portfolio-section .active:hover {
  background-color: #232f40;
  border-color: #232f40;
  color: #fff;
}
.og-grid {
  list-style: none;
  padding: 20px 0 0;
  text-align: center;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
}
.og-grid li {
  display: inline-block;
  vertical-align: top;
  height: auto;
  margin: 0 15px 30px;
  text-align: center;
  opacity: 1;
  width: 90%;
}
.portfolio-item .hidden-overlay {
  min-width: 100%;
  min-height: 100%;
  opacity: 0;
  background: none;
  position: relative;
  top: 0;
  left: 0;
}
.portfolio-item .hidden-overlay:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
  background: #000;
}
.portfolio-item > a {
  background-color: #e5e5e5;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: inset 0px 0px 0px 3px #4d4d4d;
  -moz-box-shadow: inset 0px 0px 0px 3px #4d4d4d;
  box-shadow: inset 0px 0px 0px 3px #4d4d4d;
}
.portfolio-item > a img {
  transition: all 0.7s ease-in-out;
  opacity: 1;
}
.portfolio-item > a .overlay-content {
  min-width: 100%;
  min-height: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: none;
  position: absolute;
  top: 30px;
  left: 0;
  color: #4d4d4d;
  transition: all 0.5s ease-in-out;
}
.portfolio-item > a .overlay-content p {
  font-size: 0.875em;
  line-height: 1.5em;
  width: 85%;
  margin: 0 auto;
  transition: all 0.7s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.portfolio-item > a .overlay-content h4 {
  font-family: 'Titillium Web', sans-serif;
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
  width: 85%;
  margin: 55px auto 28px;
  position: relative;
  transition: all 0.7s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.portfolio-item > a .overlay-content h4::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 100px;
  height: 1px;
  background-color: #e5e5e5;
  margin-left: -50px;
}
.portfolio-item > a:hover img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.portfolio-item > a:hover .overlay-content {
  top: 0;
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.portfolio-item > a:hover .overlay-content h4 {
  transition: all 0.4s ease-in-out;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.portfolio-item > a:hover .overlay-content p {
  transition: all 0.4s ease-in-out;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.visible-item .hidden-overlay {
  display: none;
}

.hidden-item {
  pointer-events: none;
}
.hidden-item .hidden-overlay {
  display: block;
}
.og-grid li > a,
.og-grid li > a img {
  border: none;
  outline: none;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.og-grid li.og-expanded > a::after {
  top: auto;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #e5e5e5;
  border-width: 15px;
  left: 50%;
  margin: 0 0 0 -15px;
}
.og-expander {
  position: absolute;
  background-color: #e5e5e5;
  top: auto;
  left: 0;
  width: 100%;
  margin-top: 30px;
  text-align: left;
  height: 0;
  overflow: hidden;
}
.og-expander-inner {
  padding: 30px 0;
  height: 100%;
}
.og-expander-inner .row {
  height: 100%;
}
.og-close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.og-close::before,
.og-close::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  height: 1px;
  background: #888;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.og-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.og-close:hover::before,
.og-close:hover::after {
  background: #333;
}
.og-fullimg,
.og-details {
  overflow: hidden;
}
.og-details {
  color: #444;
  padding: 0 40px;
}
.og-details .preview-description {
  display: block;
  font-size: 0.875em;
  line-height: 1.625em;
  max-height: 300px;
  overflow-y: scroll;
  padding-right: 20px;
  margin-bottom: 14px;
}
.og-details .preview-description p {
  color: #444;
  font-size: 1em;
  line-height: 1.625em;
}
.og-details .preview-description ul {
  list-style-type: square;
  list-style: square;
  text-align: left;
}
.og-details .preview-description ul li {
  margin: 0 0 6px;
  text-align: left;
  display: list-item;
}
.og-fullimg {
  text-align: center;
  display: none;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.og-fullimg img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.og-details h3 {
  font-weight: 600;
  font-size: 1.75em;
  text-transform: uppercase;
  color: #4d4d4d;
  padding: 0;
  margin: 40px 0 20px;
}
.og-details p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #999;
}
.og-details .btn {
  margin-bottom: 0;
}
.og-loading {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ddd;
  box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #cccccc;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  -webkit-animation: loader 0.5s infinite ease-in-out both;
  -moz-animation: loader 0.5s infinite ease-in-out both;
  animation: loader 0.5s infinite ease-in-out both;
}
.preview-meta {
  color: #999;
  margin-bottom: 20px;
}
.preview-meta span {
  margin-right: 20px;
  font-size: 0.875em;
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
}
.preview-meta i {
  margin-right: 8px;
  font-size: 0.875em;
}
@-webkit-keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}
@-moz-keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}
@keyframes loader {
  0% {
    background: #ddd;
  }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}
@media screen and (max-width: 830px) {
  .og-expander h3 {
    font-size: 32px;
  }
  .og-expander p {
    font-size: 13px;
  }
  .og-expander a {
    font-size: 12px;
  }
}
/* ==========================================================================
   Testimonials Section
   ========================================================================== */
.testimonials-section {
  background-image: url('../images/bk-testimonials.jpg');
  background-attachment: scroll;
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 80px 0 60px;
  position: relative;
}
.testimonials-section .bg-overlay-testimonials {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.testimonials-section .special-heading {
  margin-bottom: 50px;
}
.quote-separator {
  width: 100%;
  height: 34px;
  background: transparent url('../images/ui-quotation.png') no-repeat center center;
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.quote-separator:before,
.quote-separator:after {
  content: '';
  height: 1px;
  width: 30%;
  background: #fff;
  position: absolute;
  top: 16px;
}
.quote-separator:before {
  right: 60%;
}
.quote-separator:after {
  left: 60%;
}
.testimonials-rotator {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.testimonials-rotator .testimonial {
  position: absolute;
  padding: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 100%;
  margin-bottom: 40px;
}
.no-js .testimonials-rotator .testimonial {
  border-bottom: none;
}
/* Currently visible */
.testimonials-rotator .testimonial.current,
.no-js .testimonials-rotator .testimonial {
  position: relative;
  z-index: 100;
  pointer-events: auto;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.testimonials-rotator .testimonial:before,
.testimonials-rotator .testimonial:after {
  content: " ";
  display: table;
}
.testimonials-rotator .testimonial:after {
  clear: both;
}
.testimonial-progress {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 5px;
  width: 0%;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.testimonials-rotator blockquote {
  margin: 0;
  padding: 0;
  border: none;
}
.testimonials-rotator blockquote p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.125em;
  line-height: 1.7777777777em;
  color: #fff;
  font-weight: 300;
  margin: 0 0 1em;
}
.testimonials-rotator blockquote footer {
  font-size: 1.3125em;
  font-weight: 600;
  font-family: 'Titillium Web', sans-serif;
  color: #fff;
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.testimonials-rotator blockquote footer:before {
  content: '';
}
.testimonial-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.testimonial-bullets .testim-bullet {
  display: inline-block;
  height: 9px;
  width: 9px;
  border: 1px solid #fff;
  background: none;
  margin: 0 5px;
}
.testimonial-bullets .current-bullet {
  background-color: #fff;
}
/* ==========================================================================
   Team Section
   ========================================================================== */
.team-section {
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 100px 0 140px 0;
  position: relative;
}
.team-section .special-heading {
  margin-bottom: 50px;
}
.team-member {
  margin: 0 40px 40px;
  padding: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  z-index: 2;
}
.team-member .profile-picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  overflow: hidden;
  max-width: 240px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.team-member .profile-picture .profile-overlay {
  height: 94%;
  width: 94%;
  background-color: #149bd4;
  position: absolute;
  top: 3%;
  left: 3%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  display: block;
}
.team-member .profile-picture img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
}
.team-member h3 {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 0;
}


.team-member h2 {
  font-size: 1.7em;
  font-weight: 700;
  margin-bottom: 0;
}



.team-member span {
  font-size: 0.875em;
  font-family: 'Titillium Web', sans-serif;
  text-transform: uppercase;
  color: #4d4d4d;

}
.team-member .profile-social {
  font-size: 1.3125em;
  line-height: 1.9047em;
  opacity: 1;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.team-member .profile-social .icons-wrapper {
  margin: 50px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.team-member .profile-social .icons-wrapper a {
  color: #fff;
  margin: 0 5px;
}
.team-member .profile-social .icons-wrapper a:hover {
  color: #4d4d4d;
}
.team-member .team-bio {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 20%;
  font-size: 0.85em;
  left: 55px;
  right: 55px;
  height: auto;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background-color: #f5f5f5;
  padding: 0 10px 10px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -moz-background-clip: border;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  z-index: 1;
}
.team-member .team-bio p {
 
  height: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-bottom: 0;
  padding: 0 10px 10px;
}
.team-member:hover {
  background-color: #f5f5f5;
}
.team-member:hover .profile-picture .profile-overlay {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.team-member:hover .profile-picture .icons-wrapper {
  margin-top: 100px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}




.team-member:hover .team-bio {
  height: auto;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team-member:hover .team-bio p {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 0.4s ease-out;
  -moz-transition:    all 0.4s ease-out;
  -o-transition:      all 0.4s ease-out;
  transition:         all 0.4s ease-out;
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Services Section -------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.services-section {
  position: relative;

  background: url('../images/bk-services.jpg') repeat;
  background-attachment: scroll;

  width: 100%;
  min-width: 100%;
  
  text-align: center;
  padding: 100px 0 50px 0;
}
.services-section2 {
  position: relative;

  background-color: #ffffff;
  background-attachment: scroll;

  width: 100%;
  min-width: 100%;
  
  text-align: center;
  padding: 100px 0 50px 0;
}
  /*Heading*/
  .special-heading {
    margin-bottom: 70px;
  }
  /*Services Item*/
  .service-item{
    min-height: 340px;
    padding: 0 20px;
  }
    .service-icon {
      height: 140px;
      width:  140px;
      margin: 0 auto;

      background-color: #149bd4;

    }
      .service-icon img {
        font-size: 4.5em;
        margin: 0 auto;
        color: #4d4d4d;
      }

    /*Service Item Title*/
    .service-name {
      color: #4d4d4d;
      font-weight: 600;
      margin: 1em 0 0.75em;
    }
      .service-name:hover{
        color: #4d4d4d;
      }

    /*Service Item Description*/
    .service-description {
      margin-bottom: 0;
      color: #4d4d4d;
    }

@media (min-width: 768px) and (max-width: 1199px){
  .services-section .col-md-4{
    width: 50%;
    float: left;
  }
    .service-description{
      padding: 0 40px;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Twitter Section -----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
iframe[id^='twitter-widget-']{ width:1000px !important; margin: 20px 0 0 0; padding: 0 20px;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Labs Section -----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.labs-section {
  background-image: url('../images/bk-labs.jpg');
  
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 120px 0;
  position: relative;
}
  .labs-section .bg-overlay-labs {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
.labs-section .special-heading {
  margin-bottom: 70px;
}

.col-md-12 p {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 100px;
  color: #fff;
}

.col-md-12 h4 {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 0;
  color: #ccc;
}

.col-md-6 p {
  text-align: justify;
  font-size: 1.5em;
  font-weight: 300;
}

@media (min-width: 768px) and (max-width: 1199px){
  .col-md-12 p,
  .col-md-6 p{
    padding: 0 40px;
  }
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Blog Section -----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.blog-section {
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 100px 0 10px 0;
  position: relative;
}
  .blog-section .special-heading {
    margin-bottom: 70px;
  }
  .blog-post{
    margin-bottom: 60px;
  }
    .blog-post-image {
      width: 100%;
      height: auto;
    }
    .blog-post-title {
      font-size: 1.5em;
      font-weight: 600;
      margin: 20px 10px 10px 10px;
      color: #4d4d4d;
    }
    .blog-post-excerpt {
      padding: 0 10px;
    }

    .btn-read-more {
      display: inline-block;

      font-size: 1.2em;
      font-weight: 600;
      font-family: 'Titillium Web', sans-serif;

      color: #149bd4;
      border: 3px solid #149bd4;

      padding: 10px;
      margin: 10px;

      background: none;

      -webkit-border-radius:  0;
      -moz-border-radius:     0;
      border-radius:          0;
      
      -moz-background-clip: border;
      -webkit-background-clip: border-box;
      background-clip: border-box;

      /*Animate!*/
      -webkit-transition: all 0.2s ease-out;
      -moz-transition:    all 0.2s ease-out;
      -o-transition:      all 0.2s ease-out;
      transition:         all 0.2s ease-out;
    }
      .btn-read-more:hover {
        color: #000;
        border-color: #000;

        /*Animate!*/
        -webkit-transition: all 0.2s ease-out;
        -moz-transition:    all 0.2s ease-out;
        -o-transition:      all 0.2s ease-out;
        transition:         all 0.2s ease-out;
      }

    @media (min-width: 768px) and (max-width: 1199px){
      .blog-section{
        padding-left: 40px;
        padding-right: 40px;
      }
    }
    @media (max-width: 767px) {
      .blog-post{
        text-align: center;
      }
  }



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Clients Section --------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.clients-section {
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 80px 0 100px;
  background-image: url(../images/bk-clients.jpg);
  background-attachment: scroll;
  position: relative;
}
  .clients-section .bg-overlay-clients {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .clients-section .special-heading {
    margin-bottom: 70px;
  }

  /* -- Clients Section: Slider logos ------------------------------------------------------------------------------------------------------------------------------- */
  .client-logo {
    display: block;
    text-align: center;
  }
    .client-logo-img{
      display: block;
      overflow: hidden;
      color: #000;
      background: url('../images/apptivate-client-sprite.png') no-repeat;
      text-indent: -9999px;
      margin: 0 auto;
    }
      /*Lloyd's*/
      .client01{
        background-position: -1px 0;
        width: 263px;
        height: 59px;
        margin-top: 30px;
      }
      /*Camelot*/
      .client02{
        background-position: -1px -372px;
        width: 165px !important;
        height: 110px;
        margin-top: 0;
      }
      /*Halifax*/
      .client03{
        background-position: -190px -151px;
        width: 141px !important;
        height: 70px;
        margin-top: 35px;
      }
      /*Bank of Scotland*/
      .client04{
        background-position: -1px -280px;
        width: 307px !important;
        height: 22px;
        margin-top: 60px;
      }
      /*GoodEnergy*/
      .client05{
        background-position: -1px -71px;
        width: 165px !important;
        height: 60px;
        margin-top: 40px;
      }
      /*Healthspan*/
      .client06{
        background-position: -178px -71px;
        width: 161px !important;
        height: 60px;
        margin-top: 40px;
      }
      /*TSB*/
      .client07{
        background-position: -1px -152px;
        width: 159px !important;
        height: 60px;
        margin-top: 40px;
      }
      /*Diageo*/
      .client08{
        background-position: -1px -231px;
        width: 153px !important;
        height: 33px;
        margin-top: 50px;
      }
      /*Mitie*/
      .client09{
        background-position: -164px -231px;
        width: 175px !important;
        height: 34px;
        margin-top: 50px;
      }
      /*Cloud Booking*/
      .client10{
        background-position: -1px -312px;
        width: 307px !important;
        height: 57px;
        margin-top: 35px;
      }
      /*WaterFox*/
      .client11{
        background-position: -1px -492px;
        width: 263px !important;
        height: 69px;
        margin-top: 35px;
      }
      /*ForceIndia*/
      .client12{
        background-position: -215px -417px;
        width: 93px !important;
        height: 67px;
        margin-top: 35px;
      }
      /*Barklays*/
      .client13{
        background-position: -1px -572px;
        width: 219px !important;
        height: 36px;
        margin-top: 50px;
      }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Contact Section --------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.contact-section {
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 100px 0 50px 0;
}
  .contact-section .special-heading {
    margin-bottom: 70px;
  }

  .contact-informations {
    margin-bottom: 30px;
  }
    .contact-info {
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
    }
       .contact-icn {
        /*margin-right: 10px;*/
        /*display: block;*/
        /*padding: 0;*/
      }
    
  .contact-detail {
        text-decoration: underline;
        text-align: center;
        line-height: 1.4em;
        
        margin: 20px;

        display: block;
        clear: both;
      }
    @media (max-width: 767px) {
      .contact-informations .col-sm-4{
        /*If you want the contact info icons to be on the same row*/
        /*But it's buggy tho*/
        /*float: left;*/
        /*width: 33.3333%;*/
      }
    }

/* -- Contact Form ------------------------------------------------------------------------------------------------------------------------------- */
.contact-form {
  margin: 0 40px;
}
  .form-group {
    margin-bottom: 20px;
  }
    .form-control {
      /*Reset*/
      -webkit-border-radius:  0;
      -moz-border-radius:     0;
      border-radius:          0;
      -moz-background-clip:     border;
      -webkit-background-clip:  border-box;
      background-clip:          border-box;
      
      -webkit-box-shadow: 0 0 0 #000000;
      -moz-box-shadow:    0 0 0 #000000;
      box-shadow:         0 0 0 #000000;

      /*Colors*/
      border: 3px solid #4d4d4d;

      /*Animate!*/
      -webkit-transition: all 0.4s ease-out;
      -moz-transition:    all 0.4s ease-out;
      -o-transition:      all 0.4s ease-out;
      transition:         all 0.4s ease-out;
    }
      .form-control:focus {
        /*Reset*/
        -webkit-border-radius:  0;
        -moz-border-radius:     0;
        border-radius:          0;
        
        -moz-background-clip:     border;
        -webkit-background-clip:  border-box;
        background-clip:          border-box;

        -webkit-box-shadow: 0 0 0 #000000;
        -moz-box-shadow:    0 0 0 #000000;
        box-shadow:         0 0 0 #000000;

        /*Colors*/
        border: 3px solid #4d4d4d;
        background: #4d4d4d;
        color: #fff;
 
        /*Animate!*/
        -webkit-transition: all 0.4s ease-out;
        -moz-transition:    all 0.4s ease-out;
        -o-transition:      all 0.4s ease-out;
        transition:         all 0.4s ease-out;
      }

  /*Form typography*/
  .contact-form input,
  .contact-form textarea{
    font-size: 1em;
  }

  /*Submit Button*/
  .contact-submit {
    background-color: none;
    color: #149bd4;
    border: 2px solid #149bd4;
    width: 100%;
    display: block;
    padding: 8px 25px;
    font-size: 1.3125em;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
  }
    .contact-submit:focus {
      outline: none;
      color: #4d4d4d;
    }

/*Result*/
/*To be styled after php works*/
#result {
  width: 100%;
  height: auto;
  background: none;
}
  #result span {
    display: block;
  }
  #result .fa {
    margin-right: 10px;
  }
  #result .error {
    padding: 10px;
    background-color: #f3dcdc;
  }
  #result .error .fa {
    color: #e33a3a;
  }
  #result .success {
    padding: 10px;
    background-color: #e8f3dc;
  }
  #result .success .fa {
    color: #4d4d4d;
  }



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Google Maps ------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#map{
  height: 400px;
}
  #map iframe{
      pointer-events: none;
  }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Footer Section ---------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.footer {
  width: 100%;
  min-width: 100%;
  text-align: center;
  padding: 60px 0;
  background-image: url(../images/bk-welcome.jpg);
  position: relative;
  z-index: 0;
}
  .footer .bg-overlay {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: -1;
  }
  .footer p {
    margin-bottom: 0;
    font-size: 0.875em;
    font-weight: 300;
  }
  .footer .social-icons {
    margin-bottom: 8px;
  }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Scroll To Top ----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.scrolltotop {
  position: fixed;
  bottom: -50px;
  right: 20px;
  height: 40px;
  width: 40px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition:    all 0.5s ease-out;
  -o-transition:      all 0.5s ease-out;
  transition:         all 0.5s ease-out;
  opacity: 1;
}
  .scrolltotop:hover {
    color: #4d4d4d;
    background-color: #eee;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow:         0 2px 0 rgba(0, 0, 0, 0.5);
  }
    .scrolltotop:hover i {
      opacity: 1;
    }
    .scrolltotop i {
      line-height: 40px;
      opacity: 0.5;
    }
.show-to-top {
  opacity: 1;
  bottom: 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition:    all 0.5s ease-out;
  -o-transition:      all 0.5s ease-out;
  transition:         all 0.5s ease-out;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- CSS Fallback -----------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*Navbar color replacement*/
.no-js .navbar {
  background: rgba(0, 0, 0, 0.75);
}
  /*Navbar color replacement for no rgba support*/
  .no-rgba .darken-menu,
  .ie8 .darken-menu,
  .ie9 .darken-menu {
    background: transparent url('../images/ui-dark-bg.png') top left repeat;
  }
  /*Navbar color replacement for no css gradient support*/
  .no-cssgradients .navbar {
    background: transparent url('../images/ui-navbar-bg.png') top left repeat-x;
    background-size: 2px 100%;
  }
  .no-cssgradients .dark-menu {
    background: transparent url('../image/ui-dark-bg.png') top left repeat;
  }

/*No .js means the first testimonial is the only one being shown*/
.no-js .testimonials-rotator .testimonial-welcome .testimonial {
  display: none;
}
  .no-js .testimonials-rotator .testimonial-welcome .testimonial:first-child {
    display: block;
  }

/*No .js means only the first child is being shown*/
.no-js .carousel div {
  display: none;
  float: left;
}
  .no-js .carousel div .client-logo {
    max-width: 100px;
  }
    .no-js .carousel div .client-logo img {
      width: 100%;
      height: auto;
    }
.no-js .carousel div:nth-child(1),
.no-js .carousel div:nth-child(2),
.no-js .carousel div:nth-child(3),
.no-js .carousel div:nth-child(4) {
  display: inline-block;
}

/*Hidden items in IE*/
.ie7 .hidden-item,
.ie8 .hidden-item,
.ie9 .hidden-item,
.ie10 .hidden-item {
  visibility: hidden;
}
  .ie7 .hidden-item .hidden-overlay,
  .ie8 .hidden-item .hidden-overlay,
  .ie9 .hidden-item .hidden-overlay,
  .ie10 .hidden-item .hidden-overlay {
    display: block;
  }

/*Don't know what this does yet*/
.no-csstransforms .og-close {
  background: transparent url('../images/ui-close-bg.png') top left no-repeat;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
-- Media Queries ----------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px){

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .photo-section {
    background-attachment: fixed;
    background-position: 50% 0;
  }

  .portfolio-section .more-work {
    float: right;
    display: inline-block;
  }
  .portfolio-section .filter-bar {
    display: block;
  }
  .portfolio-section .filter-list {
    float: left;
    width: auto;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
  }
  .portfolio-section .filter {
    margin-right: 10px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.85em;
    font-weight: 400;
    display: inline-block;
    padding: 6px 14px;
  }
  .og-fullimg {
    display: block;
  }
  .og-details {
    padding: 0 15px;
  }
  .quote-separator:before {
    right: 54%;
  }
  .quote-separator:after {
    left: 54%;
  }
  .team-member .profile-social {
    display: block;
  }
  .team-member .profile-picture .profile-overlay {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    display: block;
  }
  .team-member:hover .profile-picture .profile-overlay {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
  .service-col {
    margin-bottom: 20px;
  }
  .blog-section .post-col {
    margin-bottom: 0;
    padding-bottom: 30px;
    position: relative;
    text-align: left;
  }
  .blog-section .post-col:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 15px;
    right: 15px;
    height: 3px;
    background-color: #4d4d4d;
    width: auto;
  }
  .contact-info {
    display: table;
    margin: 0 auto;
    margin-bottom: 0;
  }
    .contact-info i {
      font-size: 3em;
      color: #149bd4;
      display: table-cell;
      vertical-align: middle;
      padding-right: 15px;
    }
  .contact-info span {
    text-align: left;
    font-size: 0.875em;
    line-height: 1.4285em;
    display: table-cell;
    vertical-align: middle;
  }
  .section-description {
    font-size: 1.5em;
    color: #4d4d4d;
  }
  .og-grid li {
    width: 345px;
  }
  .og-grid li img {
    width: 100%;
    height: auto;
  }



}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .photo-section {
    -webkit-background-size: cover;
    background-size: cover;
  }
  .team-member {
    margin-bottom: 0;
  }
  .team-member .profile-picture .profile-overlay {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  .team-member .profile-social {
    display: none;
  }
  .team-member:hover .profile-picture .profile-overlay {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  .service-col {
    margin-bottom: 0;
  }
  .og-grid li {
    width: 455px;
  }
  .og-grid li img {
    width: 100%;
    height: auto;
  }
#map{
  height: 400px;
}
  #map iframe{
      pointer-events: none;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .team-member .profile-social {
    display: block;
  }
  .team-member .profile-picture .profile-overlay {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    display: block;
  }
  .team-member:hover .profile-picture .profile-overlay {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
  .service-col {
    margin-bottom: 0;
  }
  .og-grid li {
    width: 360px;
  }
  .og-grid li img {
    width: 100%;
    height: auto;
  }
#map{
  height: 400px;
}
  #map iframe{
      pointer-events: none;
  }
}

/* Smile */
/* Custom */
@media (max-width: 767px) {
  .welcome-carousel-text{
    margin-left:5%;
    margin-top:20%;
    text-align: left;
    width: 40%;
  }
}

@media only screen and (max-width: 370px) {
  #welcome .welcome-rotating{
    display:none;
  }
}

@media only screen and (max-height: 391px) {
  #welcome .welcome-rotating{
    display:none;
  }
}

@media (max-width: 600px) {
  .slick-dots{
    //height:100px !important;
    position:relative !important;
    padding-top:50px !important;
  }
}
.main-slider{
  width: 50%;

  margin: 0;
  padding: 0;

  font-weight: 300;
  line-height: 1.3;
  orphans: 3; /*Experimental css3 property*/

  color: #fff;
  font-size: 36px;
}