@charset "utf-8";

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

[Main Theme Styles]



Project:  Startupper - A Startup Landing Page

Author: Diego Pereira @ DotRex

Version:  1.0

Last change:  15/12/2015

Primary use:  Landing page / Website for Startups





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

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

[Table of contents]



00. Imports

01. General

02. Page loader

03. Header

04. Footer

05. SECTION: Intro

06. SECTION: Numbers

07. SECTION: Clients

08. SECTION: Blog 

09. SECTION: Blog - Single

10. SECTION: Team

11. SECTION: Register

12. SECTION: Subscribe

13. SECTION: Features

14. SECTION: Testimonials

15. SECTION: Price Table

16. SECTION: Contact Infos

17. Cross-browser Stuff



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

/*============================================================================

  >> 01. Imports

  ============================================================================

*/

.color1 {

  color: #88c425;

}

.color2 {

  color: #0083dd;

}

.color3 {

  color: #0071cc;

}

.color1l {

  color: #04cd8f;

}

.font1 {

  font-family: 'PT Sans', sans-serif;

}

.font2 {

  font-family: 'PT Sans', sans-serif;

}

.anima1 {

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.anima-none {

  -webkit-transition: none!important;

  -moz-transition: none!important;

  transition: none!important;

}

.anima-transform {

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  transition-property: transform;

}

.background-cover,

.bg-cover {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

.responsive-image {

  width: 100%;

}

.no-pl {

  padding-left: 0 !important;

}

.no-pr {

  padding-right: 0 !important;

}

.clean-list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.clean-list li {

  padding-left: 0;

  margin-left: 0;

}

.clearfix:after {

  content: '';

  display: block;

  clear: both;

}

/*============================================================================

  >> 02. General

  ============================================================================

*/

body {

  color: #555555;

  font-family: 'PT Sans', sans-serif;

  

}

.page-wrapper {

  width: 100%;

}

#body-content {

  background: #fafafa;

  position: relative;

  z-index: 2222;

}

h1,

h2,

h3,

h4 ,

h5,

h6 {

  font-family: 'PT Sans', sans-serif;

  color: #88c425;

  font-weight : 600;

}

.title1 {

  font-weight: bold;

  font-size: 48px;

  margin-bottom: 20px;

}

p {

  font-size: 16px;

  line-height: 24px;

}

#back-to-top {

  display: block;

  position: fixed;

  right: 40px;

  bottom: 40px;

  cursor: pointer;

  background: #88c425;

  width: 30px;

  height: 30px;

  line-height: 30px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  text-align: center;

  color: #ffffff;

  z-index: 8888888888;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

  opacity: 1;

  transform: translate(0px, 0px);

  -webkit-transform: translate(0px, 0px);

  -moz-transform: translate(0px, 0px);

  -o-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

}

#back-to-top:hover {

  background: #0071cc;

}

.back-to-top-hide {

  opacity: 0!important;

  transform: translate(0px, 12px) !important;

  -webkit-transform: translate(0px, 12px) !important;

  -moz-transform: translate(0px, 12px) !important;

  -o-transform: translate(0px, 12px) !important;

  -ms-transform: translate(0px, 12px) !important;

}

/* PAGE BORDER */

html:before,

html:after,

body:before,

body:after {

  content: "";

  background: #eee;

  opacity: 1;

  position: fixed;

  z-index: 99;

  display: none;

}

@media (min-width: 768px) {

  html:before,

  html:after,

  body:before,

  body:after {

    display: block;

  }

}

.title-section {

  margin-bottom: 20px;

  font-size: 24px;

  text-align: center;

  color: #0083dd;

  border-bottom: 1px solid #0083dd;

  padding-bottom: 10px;

  font-weight: normal;

}

@media (min-width: 768px) {

  .title-section {

    font-size: 38px;

    border-bottom: 0;

    padding-left: 20px;

    padding-bottom: 5px;

    letter-spacing: -1px;

  }

}

.title-section small {

  font-size: 18px;

  color: #3f51b5;

}

.title-section2 {

  font-size: 18px;

  text-align: center;

}

@media (min-width: 768px) {

  .title-section-border:after {

    content: '';

    display: block;

    height: 8px;

    width: 100%;

    background: url('../img/border3.png') no-repeat center center;

    margin-top: 25px;

    opacity: 0.6;

  }

}

.inverted-section {

  color: #ffffff !important;

  padding-top: 30px;

  padding-bottom: 30px;

}

.inverted-section h1,

.inverted-section h2,

.inverted-section h3,

.inverted-section h4 {

  color: #ffffff !important;

}

.inverted-section .owl-pagination {

  margin-top: 30px;

}

.inverted-section .owl-pagination .owl-page span {

  background: #ffffff !important;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.inverted-section .owl-pagination .owl-page.active span {

  background: #88c425 !important;

}

.inverted-section .title-section {

  border-bottom-color: #ffffff;

}

@media (min-width: 768px) {

  .inverted-section .title-section-border:after {

    background: url('../img/border3-negative.png') no-repeat center center;

  }

}

.inverted-section2 {

  color: #ffffff !important;

  padding-top: 30px;

  padding-bottom: 30px;

  background: url('../img/bg9.jpg') #0071cc;

}

.inverted-section2 h1,

.inverted-section2 h2,

.inverted-section2 h3,

.inverted-section2 h4 {

  color: #ffffff !important;

}

.inverted-section2 .owl-pagination {

  margin-top: 30px;

}

.inverted-section2 .owl-pagination .owl-page span {

  background: #ffffff !important;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.inverted-section2 .owl-pagination .owl-page.active span {

  background: #88c425 !important;

}

.inverted-section2 .title-section {

  border-bottom-color: #ffffff;

}

@media (min-width: 768px) {

  .inverted-section2 .title-section-border:after {

    background: url('../img/border3-negative.png') no-repeat center center;

  }

}

.inverted-section-neutral {

  background: #eee;

}

.image-bg-section {

  color: #ffffff !important;

  padding-top: 30px;

  padding-bottom: 30px;

  position: relative;

  background-position: center center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

.image-bg-section h1,

.image-bg-section h2,

.image-bg-section h3,

.image-bg-section h4 {

  color: #ffffff !important;

}

.image-bg-section .owl-pagination {

  margin-top: 30px;

}

.image-bg-section .owl-pagination .owl-page span {

  background: #ffffff !important;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.image-bg-section .owl-pagination .owl-page.active span {

  background: #88c425 !important;

}

.image-bg-section .title-section {

  border-bottom-color: #ffffff;

}

@media (min-width: 768px) {

  .image-bg-section .title-section-border:after {

    background: url('../img/border3-negative.png') no-repeat center center;

  }

}

.section-padding {

  padding-top: 30px;

  padding-bottom: 30px;

}

@media (min-width: 768px) {

  .section-padding {

    padding-top: 40px;

    padding-bottom: 80px;

  }

}

.section-title-wrapper {

  margin-bottom: 30px;

}

.section-bg {

  background: url('../img/section-bg.png') no-repeat center top #fafafa;

  background-size: 100% auto;

}

@media (min-width:992px) {

  .row-nopr .col-sm-3,

  .row-nopr .col-sm-4,

  .row-nopr .col-sm-6 {

    padding-right: 0!important;

  }

}

.contrast-with-image {

  color: #ffffff !important;

  background-position: center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-attachment: fixed;

  padding-top: 80px;

  padding-bottom: 80px;

}

.contrast-with-image h1,

.contrast-with-image h2,

.contrast-with-image h3,

.contrast-with-image h4 {

  color: #ffffff;

}

.clean-list {

  list-style: none;

  margin: 0;

  padding: 0;

  margin-bottom: 20px;

}

.clean-list li {

  list-style: none;

  margin: 0;

  margin-bottom: 5px;

  padding: 0;

}

.magic-button {

  min-width: 150px;

  display: inline-block;

  border: none;

  background: none;

  color: inherit;

  vertical-align: middle;

  position: relative;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  color: #88c425;

  border-color: #0083dd;

  padding: 1em 2em;

}

.magic-button:focus {

  outline: none;

}

.magic-button > span {

  vertical-align: middle;

}

.btn {

  min-width: 150px;

  display: inline-block;

  border: none;

  background: none;

  color: inherit;

  vertical-align: middle;

  position: relative;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  color: #88c425;

  border-color: #0083dd;

  padding: 1em 2em;

  font-weight: bold;

}

.btn:focus {

  outline: none;

}

.btn > span {

  vertical-align: middle;

}

.btn-default {

  color: #ffffff;

  background: #88c425;

  overflow: hidden;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  margin-bottom: 5px;

  margin-left: 3px;

  margin-right: 3px;

}

@media (min-width:992px) {

  .btn-default {

    margin-bottom: 0;

  }

}

.btn-default:before {

  content: '';

  z-index: -1;

  position: absolute;

  top: 50%;

  left: 100%;

  margin: -15px 0 0 1px;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background: #3f51b5;

  -webkit-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -webkit-transform: scale3d(1, 2, 1);

  transform: scale3d(1, 2, 1);

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);

  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);

}

.btn-default > span {

  vertical-align: middle;

  padding-left: 0.75em;

}

.btn-default:hover {

  background: #88c425;

  color: #ffffff;

}

.btn-default:hover:before {

  -webkit-transform: scale3d(9.5, 9.5, 1);

  transform: scale3d(9.5, 9.5, 1);

}

.plan-item-btn {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.plan-item-btn:hover:before {

  -webkit-transform: scale3d(11, 11, 1);

  transform: scale3d(11, 11, 1);

}

.no-pleft {

  padding-left: 0;

}

.no-spadding {

  padding-left: 0;

  padding-right: 0;

}

.fancybox-skin {

  position: relative;

  background: #f9f9f9;

  color: #444;

  text-shadow: none;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  padding: 0 !important;

}

/* ==========================================================

! 03. Page loader

========================================================== */

#page-loader {

  width: 100%;

  height: 100%;

  color: #ffffff;

  opacity: 1;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

  font-family: 'PT Sans', sans-serif;

}

#page-loader:before {

  content: '';

  display: block;

  position: fixed;

  top: 0;

  left: 0;

  width: 50%;

  height: 100%;

  background: #1d3047;

  z-index: 1;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}

#page-loader:after {

  content: '';

  display: block;

  position: fixed;

  z-index: 1;

  top: 0;

  right: 0;

  width: 50%;

  height: 100%;

  background: #1d3047;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}

.loader-out {

  opacity: 0;

}

.loader-out:before {

  transform: translateX(-600px);

  -moz-transform: translateX(-600px);

  -webkit-transform: translateX(-600px);

  opacity: 0;

}

.loader-out:after {

  transform: translateX(600px);

  -moz-transform: translateX(600px);

  -webkit-transform: translateX(600px);

  opacity: 0;

}

.loading-wrapper {

  width: 250px;

  position: fixed;

  top: 50%;

  margin-top: -130px;

  left: 50%;

  margin-left: -125px;

  opacity: 1;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

  z-index: 9;

  transform: translateY(0px);

  -moz-transform: translateY(0px);

  -webkit-transform: translateY(0px);

}

.loading-wrapper-hide {

  opacity: 0;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

  transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  -webkit-transform: translateY(-20px);

}

.tp-loader {

  z-index: 10000;

  position: relative;

}

.loader-name {

  color: #ffffff;

  opacity: 0.8;

  text-align: center;

  letter-spacing: 0px;

  padding-left: 2px;

  padding-right: 2px;

  font-weight: bold;

  margin-top: 45px;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  margin-bottom: 35px;

}

.loader-name img {

  max-width: 230px;

}

.loader-job {

  border: 1px solid #ffffff;

  padding: 5px;

  text-align: center;

  font-weight: 200;

  margin-top: 5px;

  color: #ffffff;

  font-size: 13px;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.loader-left {

  -webkit-transform: translateX(-40px);

  -moz-transform: translateX(-40px);

  -o-transform: translateX(-40px);

  transform: translateX(-40px);

  opacity: 0;

}

.loader-right {

  -webkit-transform: translateX(40px);

  -moz-transform: translateX(40px);

  -o-transform: translateX(40px);

  transform: translateX(40px);

  opacity: 0;

}

.loader-up {

  -webkit-transform: translateY(-80px);

  -moz-transform: translateY(-80px);

  -o-transform: translateY(-80px);

  transform: translateY(-80px);

  opacity: 0!important;

}

.loader-down {

  -webkit-transform: translateY(80px);

  -moz-transform: translateY(80px);

  -o-transform: translateY(80px);

  transform: translateY(80px);

  opacity: 0;

}

.loader-hide {

  opacity: 0;

}

.loader {

  display: inline-block;

  text-align: center;

  margin: 0 auto;

  width: 30px;

  height: 30px;

  position: relative;

  border: 4px solid #Fff;

  top: 50%;

  animation: loader 2s infinite ease;

}

.loader-inner {

  vertical-align: top;

  display: inline-block;

  width: 100%;

  background-color: #fff;

  animation: loader-inner 2s infinite ease-in;

}

.loader-animation {

  text-align: center;

}

.svg-loader {

  margin: 0px auto;

  margin-bottom: -30px;

  display: block;

  -webkit-animation: svg-rotate 4000ms linear infinite;

  animation: svg-rotate 4000ms linear infinite;

}

.svg-loader circle {

  fill: transparent;

  stroke: #ffffff;

  stroke-width: 4;

  stroke-linecap: round;

  stroke-dasharray: 0, 301.59289;

  -webkit-animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite, stroke-color 8000ms steps(4) infinite;

  animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite, stroke-color 8000ms steps(4) infinite;

}

@-webkit-keyframes svg-rotate {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes svg-rotate {

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-webkit-keyframes stroke-width {

  0%,

  100% {

    stroke-width: 0;

  }

  45%,

  55% {

    stroke-width: 2;

  }

  50% {

    stroke-width: 4;

  }

}

@keyframes stroke-width {

  0%,

  100% {

    stroke-width: 0;

  }

  45%,

  55% {

    stroke-width: 2;

  }

  50% {

    stroke-width: 4;

  }

}

@-webkit-keyframes stroke-dash {

  0% {

    stroke-dasharray: 0, 301.59289;

    stroke-dashoffset: 0;

  }

  50% {

    stroke-dasharray: 301.59289, 0;

    stroke-dashoffset: 0;

  }

  100% {

    stroke-dasharray: 301.59289, 301.59289;

    stroke-dashoffset: -301.59289;

  }

}

@keyframes stroke-dash {

  0% {

    stroke-dasharray: 0, 301.59289;

    stroke-dashoffset: 0;

  }

  50% {

    stroke-dasharray: 301.59289, 0;

    stroke-dashoffset: 0;

  }

  100% {

    stroke-dasharray: 301.59289, 301.59289;

    stroke-dashoffset: -301.59289;

  }

}

@-webkit-keyframes stroke-color {

  from {

    stroke: #ffffff;

  }

}

@keyframes stroke-color {

  from {

    stroke: #ffffff;

  }

}

/* ==========================================================

! 03.  HEADER:

========================================================== */

#header {

  background: url('../img/bgmask2.png') #0060bb;

  opacity: 0.9;

  top: 0;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  position: fixed;

  width: 100%;

  z-index: 7777;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  font-family: 'PT Sans', sans-serif;

}

@media (min-width:992px) {

  #header {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    border-bottom: 0px solid #cccccc;

    transform: translate3d(0px, 0, 0);

    padding-top: 38px;

    padding-bottom: 20px;

    background: transparent;

  }

}

@media (min-width: 1400px) {

  #header {

    padding-top: 60px;

  }

}

#header:hover {

  opacity: 1;

}

.navbar-toggle {

  color: #ffffff;

  font-size: 20px;

}

.navbar {

  margin-bottom: 0 !important;

}

@media (min-width:992px) {

  .navbar-collapse {

    padding-top: 12px;

  }

}

.navbar-brand {

  display: block;

  width: 100%;

}

@media (min-width:992px) {

  .navbar-brand {

    padding: 5px;

  }

}

.header-logo {

  width: 140px;

  margin-top: 5px;

  opacity: 1;

  float: left;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

@media (min-width:992px) {

  .header-logo {

    width: 207px;

    margin-top: 0;

    margin-left: 20px;

  }

}

.header-logo img {

  max-width: 100%;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.header-stick {

  background: url('../img/bgmask2.png') #000000 !important;

  opacity: 0.9;

  top: 0!important;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  position: fixed!important;

  padding-top: 5px!important;

  padding-bottom: 10px!important;

}

.header-stick:hover {

  opacity: 1;

}

.header-stick .hd-list-menu,

.header-stick .secondary-menu {

  padding-top: 5px!important;

}

.header-stick .header-logo {

  width: 140px;

  margin-top: 8px;

}

.header-stick .navbar-collapse {

  padding-top: 0;

}

.fa-rounded {

  display: inline-block;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #555555;

  padding: 10px;

}

.menu-button-wrapper {

  padding-left: 0!important;

}

.menu-button {

  display: inline-block;

}

.btn-menu {

  background: #0071cc;

  border: 0;

  color: #ffffff;

  padding: 15px;

  font-size: 18px;

  line-height: 30px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.btn-menu:hover {

  background: #77b314;

}

.btn-menu .fa {

  font-size: 30px;

  vertical-align: middle;

  margin-right: 0px;

}

.main-menu {

  padding: 25px;

  width: 250px;

  background: #111111;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 9999;

  border: 0;

  color: #ffffff;

  -webkit-transform: translate3d(-250px, 0, 0);

  transform: translate3d(-250px, 0, 0);

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

@media (min-width:992px) {

  .main-menu {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.main-menu-open {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.page-menu-open {

  -webkit-transform: translate3d(250px, 0, 0) !important;

  -moz-transform: translate3d(250px, 0, 0) !important;

  transform: translate3d(250px, 0, 0) !important;

}

.hd-list-menu {

  margin-left: 0;

  padding-left: 0;

  list-style: none;

  padding-top: 0px;

}

@media (min-width:992px) {

  .hd-list-menu {

    text-align: right;

    padding-bottom: 0;

    margin-bottom: 5px;

    padding-right: 40px;

  }

}

@media (min-width:992px) {

  .hd-list-menu li {

    display: inline-block;

  }

}

.hd-list-menu a {

  color: #ffffff;

  display: block;

  padding: 12px;

  font-size: 15px;

  opacity: 0.9;

  font-weight: bold;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

@media (min-width:992px) {

  .hd-list-menu a {

    position: relative;

  }

  .hd-list-menu a:before {

    content: '';

    display: block;

    height: 1px;

    width: 0%;

    position: absolute;

    top: 0;

    left: 0;

    background: #fff;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    opacity: 0.8;

  }

  .hd-list-menu a:after {

    content: '';

    display: block;

    height: 1px;

    width: 0%;

    position: absolute;

    bottom: 0;

    right: 0;

    background: #fff;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    opacity: 0.8;

  }

  .hd-list-menu a:hover,

  .hd-list-menu a:focus {

    background-color: transparent !important;

  }

  .hd-list-menu a:hover:before,

  .hd-list-menu a:focus:before {

    width: 100%;

  }

  .hd-list-menu a:hover:after,

  .hd-list-menu a:focus:after {

    width: 100%;

  }

}

.hd-list-menu a:hover {

  text-decoration: none;

  color: #aae647;

}

.hd-list-menu li {

  margin-left: 0;

}

.secondary-menu {

  padding-top: 0px;

  font-size: 15px;

  font-weight: bold;

  display: none;

}

@media (min-width:992px) {

  .secondary-menu {

    display: block;

  }

}

.secondary-menu a {

  color: #ffffff;

  display: block;

  padding: 12px;

  font-size: 15px;

  opacity: 0.9;

  font-weight: bold;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

@media (min-width:992px) {

  .secondary-menu a {

    position: relative;

  }

  .secondary-menu a:hover,

  .secondary-menu a:focus {

    background-color: transparent !important;

    color: #88c425;

  }

}

.secondary-menu .btn-join {

  border: 1px solid #ffffff;

  min-width: auto;

  margin-left: 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.secondary-menu .btn-join:before {

  background-color: transparent;

}

.secondary-menu .btn-join:after {

  background-color: transparent;

}

.secondary-menu .btn-join:hover {

  background: #88c425 !important;

  border-color: #88c425 !important;

  color: #ffffff !important;

}

@media (min-width:992px) {

  .secondary-menu {

    padding-left: 20px;

    border-left: 1px solid rgba(255, 255, 255, 0.7);

  }

}

.mm-social-icons {

  margin-top: 40px;

}

.mm-social-icons a {

  color: #0083dd;

  margin-right: 3px;

}

.mm-social-icons a:hover .fa {

  background: #88c425;

}

.mm-social-icons .fa {

  display: inline-block;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #555555;

  padding: 10px;

  background: #ffffff;

  border: 0;

  width: 40px;

  height: 40px;

  font-size: 18px;

  text-align: center;

  padding-top: 12px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.mm-bottom-links {

  margin-top: 40px;

}

.mm-bottom-links a {

  color: #ffffff;

  font-size: 13px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.mm-bottom-links a:hover {

  color: #88c425;

  text-decoration: none;

}

.header-info-date {

  display: inline-block;

  margin-right: 30px;

  opacity: 0.7;

  font-style: italic;

  font-size: 16px;

  line-height: 18px;

  vertical-align: middle;

  padding-right: 5px;

  font-weight: bold;

}

.btn-header {

  height: 62px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  line-height: 40px;

  vertical-align: middle;

}

.header-infos {

  padding-right: 0!important;

}

.header-logo-hide {

  opacity: 0;

  transform: translateX(-40px);

  -moz-transform: translateX(-40px);

  -webkit-transform: translateX(-40px);

}

.ic-hr {

  display: inline-block;

  width: 80%;

  max-width: 250px;

  margin-bottom: 20px;

  border: 0;

  border-bottom: 2px solid #ffffff;

}

/*============================================================================

  >> 04. Footer

============================================================================*/

#footer {

  background: #000;

  color: #fff;

  padding-bottom: 52px;

  padding-top: 40px;

  line-height: 35px;

  text-align: center;

}

@media (min-width:992px) {

  #footer {

    text-align: left;

  }

  #footer p {

    font-family: 'PT Sans', sans-serif;

    line-height: 35px;

  }

}

.footer-social-icons {

  text-align: center;

  margin-top: 10px;

}

@media (min-width:992px) {

  .footer-social-icons {

    margin-top: 0;

    text-align: right;

  }

}

.footer-social-icons a {

  color: #ffffff;

  display: inline-block;

  width: 35px;

  height: 35px;

  text-align: center;

  background: #88c425;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  font-size: 14px;

  line-height: 35px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

  margin-left: 2px;

}

.footer-social-icons a:hover {

  color: #ffffff;

  background: #0071cc;

}

/* ==========================================================

! 05. Section: Intro

========================================================== */

.main-intro {

  background: #88c425;

  color: #ffffff;

  background: no-repeat center top;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  position: relative;

  z-index: 1;

  min-height: 600px;

  opacity: 0.9;

}

.main-intro:before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0.9;

}

@media (min-width:992px) {

  .main-intro {

    min-height: 450px;

  }

}

.main-intro h1,

.main-intro h2,

.main-intro h3 {

  color: #ffffff;

}

.main-intro p {

  color: #ffffff;

}

.main-slide1 {

  background-image: url('../img/bg9.jpg');

}

@media (min-width:992px) {

  .main-slide1 {

    background-image: url('../img/bg2.jpg');

  }

}

.main-intro-mask2:before {

  background: #0071cc;

  opacity: 0.6;

}

.main-intro-mask3:before {

  background: #333;

  opacity: 0.9;

}

.intro-content-wrapper {

  position: relative;

  height: 100%;

  width: 100%;

}

@media (min-width:992px) {

  .intro-content-wrapper {

    min-height: 450px;

  }

}

.intro-content {

  text-align: center;

  width: 100%;

  text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.3);

  min-height: 500px;

  position: absolute;

  top: 38%;

}

@media (min-width: 768px) {

  .intro-content {

    top: 50%;

  }

}

.intro-content .btn,

.intro-content .btn2 {

  text-shadow: 1px 1px 0px rgba(10, 0, 0, 0.2);

  font-size: 12px;

  min-width: 100%;

  height: 50px;

  padding-top: 15px;

  display: inline-block;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

}

@media (min-width: 768px) {

  .intro-content .btn,

  .intro-content .btn2 {

    min-width: 240px;

    font-size: 14px;

    padding-top: 15px;

    padding-bottom: 15px;

  }

}

.intro-content .btn-nobg {

  border: 2px solid #ffffff !important;

  color: #ffffff;

}

.intro-content .btn-nobg:hover {

  border-color: #0083dd !important;

}

.intro-content p {

  font-size: 13px;

  margin-bottom: 20px;

  text-shadow: 1px 1px 0px rgba(10, 0, 0, 0.3);

}

@media (min-width:992px) {

  .intro-content p {

    font-size: 16px;

  }

}

.intro-content-slide1 {

  margin-top: -180px;

}

@media (min-width: 1400px) {

  .intro-content-slide1 {

    margin-top: -200px;

  }

}

.intro-content-slide2 {

  margin-top: -190px;

}

.intro-content-slide3 {

  margin-top: -180px;

}

.intro-title1 {

  position: relative;

  font-weight: bold;

  font-size: 24px;

  line-height: 32px;

}

@media (min-width:992px) {

  .intro-title1 {

    font-size: 48px;

    line-height: 56px;

  }

}

.intro-title1:after {

  content: '';

  width: 15%;

  display: block;

  margin: 0 auto;

  margin-top: 15px;

  margin-bottom: 25px;

  border-bottom: 1px solid #ffffff;

}

.ic-logo {

  width: 100%;

  opacity: 0.95;

  margin-bottom: 0px;

}

.ic-logo img {

  max-width: 99%;

}

@media (min-width:992px) {

  .ic-logo img {

    max-width: 485px;

  }

}

.ic-title {

  font-weight: bold;

  font-size: 48px;

}

.ic-text p {

  font-size: 18px;

}

.ic-register {

  margin: 0 auto;

  margin-top: 42px;

  max-width: 900px;

}

@media (min-width:992px) {

  .ic-register {

    margin-bottom: 15px;

  }

}

.ic-register .form-control {

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  border: 1px solid #ffffff;

  text-align: center;

  font-size: 14px;

}

.input-wrapper {

  position: relative;

  z-index: 1;

  display: block;

  vertical-align: top;

  width: 100%;

}

.input__field {

  position: relative;

  display: block;

  width: 100%;

  -webkit-appearance: none;

  /* for box shadows to show on iOS */

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;

}

.input__field:focus {

  outline: none;

}

.input__field:focus,

.input--filled input {

  background: transparent;

  color: #ffffff;

}

.input__field:focus + .input__label .input__label-content,

.input--filled .input__label-content {

  -webkit-transform: translate3d(0, -38px, 0);

  transform: translate3d(0, -38px, 0);

  background: #77b314;

  color: #ffffff;

  font-size: 13px;

}

.input__field:focus + .input__label .input__label-content i.fa,

.input--filled .input__label-content i.fa {

  display: none;

}

.input__field:focus + .input__label .input__label-content:after,

.input--filled .input__label-content:after {

  background: #77b314;

}

.input__label {

  display: inline-block;

  text-align: center;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  position: absolute;

  left: 0;

  top: 12px;

  width: 100%;

  pointer-events: none;

  text-shadow: 0 0;

}

.input__label-content {

  position: relative;

  display: inline-block;

  background: transparent;

  padding: 4px 12px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  text-shadow: 0 0;

  font-weight: lighter;

  color: #999;

}

.input__label-content:after {

  content: '';

  height: 6px;

  width: 6px;

  position: absolute;

  top: 100%;

  left: 50%;

  margin-top: -3px;

  margin-left: -3px;

  background: transparent;

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

}

label.error {

  display: inline-block;

  background: #f00;

  padding: 5px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  font-size: 10px;

}

.btn-register {

  -webkit-border-radius: 20px !important;

  -moz-border-radius: 20px !important;

  border-radius: 20px !important;

  width: 100% !important;

  background: #88c425;

  color: #ffffff;

  -webkit-transition: background-color 0.3s, color 0.3s;

  transition: background-color 0.3s, color 0.3s;

}

.btn-register:before {

  content: '';

  position: absolute;

  top: -20px;

  left: -20px;

  bottom: -20px;

  right: -20px;

  background: inherit;

  border-radius: 50px;

  z-index: -1;

  opacity: 0.4;

  -webkit-transform: scale3d(0.8, 0.5, 1);

  transform: scale3d(0.8, 0.5, 1);

}

.btn-register:hover {

  -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

  transition: background-color 0.1s 0.3s, color 0.1s 0.3s;

  color: #ffffff;

  background-color: #88c425;

  -webkit-animation: anim-moema-1 0.3s forwards;

  animation: anim-moema-1 0.3s forwards;

}

.btn-register:hover:before {

  -webkit-animation: anim-moema-2 0.3s 0.3s forwards;

  animation: anim-moema-2 0.3s 0.3s forwards;

}

@-webkit-keyframes anim-moema-1 {

  60% {

    -webkit-transform: scale3d(0.8, 0.8, 1);

    transform: scale3d(0.8, 0.8, 1);

  }

  85% {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1);

  }

  100% {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}

@keyframes anim-moema-1 {

  60% {

    -webkit-transform: scale3d(0.8, 0.8, 1);

    transform: scale3d(0.8, 0.8, 1);

  }

  85% {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1);

  }

  100% {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}

@-webkit-keyframes anim-moema-2 {

  to {

    opacity: 0;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}

@keyframes anim-moema-2 {

  to {

    opacity: 0;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}

.ic-register-col {

  position: relative;

}

@media (min-width: 768px) {

  .ic-register-col {

    padding-right: 5px !important;

    padding-left: 5px !important;

  }

}

.ic-buttons {

  margin-top: 5px;

}

@media (min-width:992px) {

  .ic-buttons {

    margin-top: 15px;

  }

}

.ic-register-ico {

  position: absolute;

  top: 15px;

  left: 25px;

  text-shadow: 0px 0px 0px rgba(10, 0, 0, 0.3);

  color: #ffffff;

  opacity: 1;

}

.intro-bar {

  border: 0;

  background: #ffffff;

  opacity: 0.7;

  width: 25%;

  text-align: left;

  margin: 0;

  height: 1px;

  display: block;

  margin-top: 10px;

  margin-bottom: 10px;

}

.jumbotron.features {

  background: #fff;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  margin-top: 60px;

  padding-top: 40px;

}

.main-title1 {

  font-weight: 200;

  letter-spacing: 0px;

  font-size: 90px!important;

  line-height: 80px;

  margin-top: 0!important;

  padding-bottom: 20px;

  text-align: center;

}

.main-title2 {

  font-weight: bold!important;

  margin-bottom: 10px!important;

  font-style: italic;

  opacity: 0.8;

  font-size: 16px!important;

  margin-top: 60px;

}

@media (min-width: 1200px) {

  .main-title2:after {

    content: '';

    display: inline-block;

    margin-left: 20px;

    height: 2px;

    background: #ffffff;

  }

}

#countdown {

  text-align: center;

  margin-top: 0px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

}

@media (min-width: 1200px) {

  #countdown {

    margin: 0 auto;

  }

}

#countdown .countdown-time {

  font-weight: bold;

  display: block;

  margin-bottom: 0;

  font-size: 36px;

}

@media (min-width:992px) {

  #countdown .countdown-time {

    font-size: 112px;

    line-height: 150px;

    letter-spacing: -4px;

  }

}

#countdown .countdown-type {

  display: block;

  background: rgba(0, 0, 0, 0.7);

  color: #ffffff;

  padding: 5px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  font-weight: bold;

  opacity: 0.9;

}

#countdown .countdown-col {

  position: relative;

  margin-bottom: 10px;

  margin-left: -10px;

  margin-right: -10px;

}

@media (min-width: 768px) {

  #countdown .countdown-col {

    margin-left: 0;

    margin-right: 0;

  }

}

.countdown-buttons {

  margin-top: 20px;

}

@media (min-width: 1400px) {

  .countdown-buttons {

    margin-top: 40px;

  }

}

.countdown-title {

  margin-bottom: 15px!important;

}

.countdown-title2 {

  text-align: center;

  font-size: 16px;

  font-weight: bold;

  margin-top: 20px;

}

@media (min-width: 768px) {

  .countdown-title2 {

    margin-top: 40px;

  }

}

.main-carousel .owl-controls {

  position: absolute;

  width: 100%;

  bottom: 20px;

  left: 0;

  z-index: 888;

}

.main-carousel .owl-controls .owl-page span {

  background: #ffffff !important;

}

.main-carousel .owl-controls .owl-page.active span {

  background: #88c425 !important;

}

/*============================================================================

  >> 06. SECTION: Numbers

  ============================================================================

 */

.section-show-me-numbers {

  background: none;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  position: relative;

  z-index: 88888;

  background: #0083dd;

}

.show-me-numbers {

  padding-left: 0!important;

  padding-right: 0!important;

  background-color: transparent;

}

@media (min-width:992px) {

  .show-me-numbers:hover .show-numbers-col {

    width: 24%;

  }

}

.show-numbers-col {

  min-height: 200px;

  padding: 20px;

  background: url('') no-repeat left center #0083dd;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  float: left;

  width: 100%;

  text-align: center;

}

@media (min-width:992px) {

  .show-numbers-col:first-child {

    padding-left: 40px;

  }

}

@media (min-width:992px) {

  .show-numbers-col {

    width: 25%;

    height: 275px;

    padding-top: 90px;

  }

  .show-numbers-col:hover {

    background-color: #0071cc;

    width: 28%!important;

  }

  .show-numbers-col:hover .event-info-ico {

    opacity: 0.9;

  }

}

.show-numbers-col:last-child {

  border-right: 0;

}

.show-numbers-col h1,

.show-numbers-col h2,

.show-numbers-col h3,

.show-numbers-col h4 {

  margin-top: 0;

}

.show-numbers-col .main-title3 {

  font-size: 48px;

  font-weight: bold;

}

.show-numbers-col p {

  font-weight: bold;

}

.show-numbers-ico {

  font-size: 52px;

  margin-bottom: 20px;

  opacity: 0.9;

}

/* ==========================================================

! 07. SECTION: Clients

========================================================== */

.section-clients {

  padding-top: 20px;

  padding-bottom: 20px;

}

.clients-carousel-item img {

  max-width: 100%;

  opacity: 0.8;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.clients-carousel-item img:hover {

  opacity: 1;

}

/* ==========================================================

! 08. SECTION: Blog

========================================================== */

.section-blog-archive {

  padding-top: 40px;

  padding-bottom:40px;

}

#blog-itens-container {

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: -8px !important;

  margin-right: -8px !important;

}

.blog-item {

  margin-bottom: 0px;

  padding: 9px;

}

.blog-item:hover .blog-item-wrapper {

  margin-top: -5px;

}

.blog-item-wrapper {

  padding: 0px;

  padding-bottom: 5px;

  background: #f4f4f4;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.5);

  -moz-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.5);

  box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.5);

}

.blog-item-title {

  font-size: 18px;

  line-height: 26px;

  font-weight: bold;

  letter-spacing: 0px;

}

.blog-item-title a {

  color: #0071cc;

}

.blog-item-title a:hover {

  text-decoration: none;

}

.blog-item-thumb a {

  display: block;

}

.blog-item-thumb img {

  width: 100%;

}

.blog-item-infos {

  padding-left: 15px;

  padding-right: 15px;

}

.blog-item-title-hr {

  border: 0;

  border-top: 3px solid #0083dd;

  width: 20%;

  margin-top: 15px;

  margin-bottom: 15px;

  margin-left: 0;

}

.blog-item-description p {

  font-size: 14px;

}

.blog-item-description a {

  color: #555555 !important;

}

.blog-item-description a:hover {

  text-decoration: none;

}

.blog-item-link {

  margin-top: 20px;

  margin-bottom: 10px;

}

.blog-item-link .btn-default {

  display: block;

  font-size: 13px !important;

  width: 100%;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.blog-item-link .btn-default:hover:before {

  -webkit-transform: scale3d(13, 13, 1);

  transform: scale3d(13, 13, 1);

}

.section-header-image {

  margin-bottom: 40px;

}

.section-header-image img {

  width: 100%;

}

.clearfix:after {

  content: '';

  display: block;

  clear: both;

}

.section-mini-hero {

  min-height: 50px;

  background: #eee;

  color: #ffffff;

  position: relative;

  text-align: center;

  padding-top: 200px;

  background-position: center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

@media (min-width:992px) {

  .section-mini-hero {

    min-height: 450px;

  }

}

@media (min-width: 1400px) {

  .section-mini-hero {

    min-height: 650px;

    padding-top: 400px;

  }

}

.mini-hero-title {

  color: #ffffff;

  font-weight: bold;

  text-transform: uppercase;

  margin-top: 0;

  font-size: 72px;

}

.mini-hero-subtitle {

  color: #ffffff;

  font-size: 16px;

  font-weight: lighter;

  margin-bottom: 8px;

  letter-spacing: 4px;

}

.blog-posts-style-1 .post-title {

  font-size: 18px;

  line-height: 26px;

  text-transform: uppercase;

  font-size: 28px;

  line-height: 1.5;

  font-weight: bold;

}

.blog-posts-style-1 .post-title a {

  color: #88c425;

}

.blog-posts-style-1 .post-title a:hover {

  text-decoration: none;

}

.blog-posts-style-1 .post-thumbnail {

  margin-bottom: 15px;

}

.blog-posts-style-1 .post-thumbnail a {

  cursor: url('../img/projects2.cur'), projetos !important;

  -moz-cursor: url('../img/projects2.cur'), projetos !important;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.blog-posts-style-1 .post-thumbnail a:hover {

  opacity: 0.9;

}

.blog-posts-style-1 .post-thumbnail img {

  max-width: 100%;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  height:auto;

}

.blog-posts-style-1 .blog-post-container img {

  margin-top: 20px;

  margin-bottom: 20px;

}

.blog-posts-style-1 .post-text {

  color: #555555;

}

.blog-posts-style-1 .post-text p {

  font-size: 14px;

  line-height: 20px;

}

.blog-posts-style-1 .post-text a {

  color: #555555;

}

.blog-posts-style-1 .post-text a:hover {

  text-decoration: none;

}

.blog-posts-style-1 .post-meta {

  padding: 10px 0;

  border-top: 1px solid #bbb;

  border-bottom: 1px solid #bbb;

  margin-bottom: 10px;

  color: #333;

  opacity: 0.3;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.blog-posts-style-1 .post-meta:hover {

  opacity: 1;

}

.blog-posts-style-1 .post-meta a {

  color: #333;

}

.blog-posts-style-1 .post-meta ul {

  margin-bottom: 0;

  padding-left: 10px;

  padding-right: 10px;

}

.blog-posts-style-1 .post-meta ul:after {

  content: '';

  display: block;

  clear: both;

}

.blog-posts-style-1 .post-meta ul:after {

  content: '';

  display: block;

  clear: both;

}

.blog-posts-style-1 .post-meta li {

  float: left;

  margin-right: 10px;

  list-style: none;

}

.blog-posts-style-1 .post-meta .icon-comment {

  float: right;

}

.blog-posts-style-1 .blog-item {

  border-bottom: 1px solid #eee;

  padding: 9px;

  padding-top: 0;

  margin-bottom: 40px;

  padding-bottom: 40px;

}

.blog-posts-style-1 .blog-item:last-child {

  border-bottom: 0;

  padding-bottom: 0;

}

.blog-posts-style-1 .blog-item:hover .blog-item-wrapper {

  -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);

  -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);

  box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.2);

}

.blog-posts-style-1 .blog-item-wrapper {

  border: 1px solid #ddd;

  border-top: 3px solid #88c425;

  padding: 15px;

  padding-top: 20px;

  padding-bottom: 5px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.blog-posts-style-1 .blog-item-title {

  font-size: 18px;

  line-height: 26px;

  text-transform: uppercase;

  font-weight: bold;

}

.blog-posts-style-1 .blog-item-title a {

  color: #88c425;

}

.blog-posts-style-1 .blog-item-title a:hover {

  text-decoration: none;

}

.blog-posts-style-1 .blog-item-title-hr {

  border: 0;

  border-top: 3px solid #0083dd;

  width: 20%;

  margin-top: 15px;

  margin-bottom: 15px;

  margin-left: 0;

}

.blog-posts-style-1 .blog-item-description p {

  font-size: 14px;

}

.blog-posts-style-1 .blog-item-description a {

  color: #555555 !important;

}

.blog-posts-style-1 .blog-item-description a:hover {

  text-decoration: none;

}

.blog-posts-style-1 .blog-item-link {

  margin-top: 20px;

  margin-bottom: 10px;

}

.blog-posts-style-1 .blog-item-link .btn-default {

  font-size: 11px !important;

}

.blog-posts-style-1 .section-header-image {

  margin-bottom: 40px;

}

.blog-posts-style-1 .section-header-image img {

  width: 100%;

}

.widget-title {

  margin-top: 0;

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.widget-list {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-top: 15px;

}

.widget-list li {

  padding-left: 5px;

  font-size: 13px;

  border-bottom: 1px dotted #ccc;

  background: url('../img/aside-arrow.png') no-repeat 0 16px;

  padding-left: 15px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.widget-list li a {

  padding-left: 0;

  display: block;

  padding-bottom: 10px;

  padding-top: 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.widget-list li:hover a {

  padding-left: 5px;

  text-decoration: none;

}

.widget {

  margin-bottom: 20px;

  background: #f4f4f4;

  padding: 20px;

}

.widget p {

  font-size: 13px;

}

.widget .btn {

  padding-top: 10px!important;

  padding-bottom: 10px!important;

  padding-left: 10px;

  padding-right: 10px !important;

}

.widget h3 {

  margin-top: 0;

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.widget ul {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-top: 15px;

}

.widget ul li {

  padding-left: 5px;

  font-size: 13px;

  border-bottom: 1px dotted #ccc;

  background: url('../img/aside-arrow.png') no-repeat 0 16px;

  padding-left: 15px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.widget ul li a {

  padding-left: 0;

  display: block;

  padding-bottom: 10px;

  padding-top: 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.widget ul li:hover a {

  padding-left: 5px;

  text-decoration: none;

}

.widget a {

  color: #333;

}

.widget_search form {

  position: relative;

}

.widget_search #s {

  background: #eee;

  border: 1px solid #ddd !important;

  width: 100%;

  display: block;

  font-size: 11px;

  color: #fff;

  font-style: italic;

  left: 0;

  top: 0;

  padding: 10px;

  padding-top: 15px;

  color: #111;

}

.widget_search input#searchsubmit {

  background: url('../img/aside-search.png') center center no-repeat;

  width: 20px;

  height: 100%;

  border: none;

  text-indent: -9999px;

  position: absolute;

  float: left;

  cursor: pointer;

  right: 6px;

  top: 1px;

}

.widget_search label.screen-reader-text {

  display: none;

}

.tags a {

  display: inline-block;

  color: #ffffff;

  background: #88c425;

  padding: 5px;

  font-size: 13px;

  margin-bottom: 2px;

  border: 1px solid #88c425;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.tags a:hover {

  background: #3f51b5;

  border-color: #3f51b5;

  color: #ffffff;

  text-decoration: none;

}

.section-pagination {

  font-size: 12px;

  padding-bottom: 40px;

  padding-top: 20px;

  margin-top: 30px;

  border-top: 1px solid #cccccc;

}

.section-pagination a {

  background: #88c425;

  border: 0;

  padding: 10px;

  padding-left: 15px;

  padding-right: 15px;

  min-width: 0;

  color: #ffffff;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.section-pagination a:hover {

  text-decoration: none;

  background: #0071cc;

}

@media (min-width: 768px) {

  .section-pagination a {

    padding: 10px;

    padding-left: 12px;

    padding-right: 12px;

  }

}

.section-pagination a:after {

  width: 200%;

}

.section-pagination .pagination-numbers a {

  border: 0;

  background: #88c425;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.section-pagination .pagination-numbers a:hover {

  text-decoration: none;

  background: #3f51b5;

}

/* ==========================================================

! 09. SECTION: Blog - Single

========================================================== */

.blog-single-post {

  display: block;

  width: 800px;

  margin: 0 auto;

  max-width: 100%;

  padding: 25px;

  padding-right: 20px;

}

@media (min-width:992px) {

  .blog-single-content {

    padding-left: 40px;

    padding-right: 40px;

  }

}

.blog-single-content p {

  font-size: 16px;

  line-height: 28px;

}

.blog-comments-title {

  margin-top: 120px;

  font-size: 18px!important;

}

.post-header-image {

  margin-left: -25px;

  margin-right: -20px;

  margin-top: -25px;

  margin-bottom: 25px;

}

@media (min-width:992px) {

  .post-header-image {

    margin-bottom: 40px;

  }

}

.post-header-image img {

  width: 100%;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

}

.blog-single-title {

  font-size: 18px;

  line-height: 26px;

  letter-spacing: 0px;

  text-align: center;

  font-size: 32px;

  line-height: 38px;

  font-weight: bold;

  border-bottom: 0px;

}

.blog-single-title a {

  color: #0071cc;

}

.blog-single-title a:hover {

  text-decoration: none;

}

.blog-single-title:after {

  content: '';

  display: block;

  background: #88c425;

  width: 25%;

  height: 3px;

  margin: 0 auto;

  margin-top: 12px;

}

@media (min-width:992px) {

  .blog-single-title:after {

    margin-bottom: 40px;

  }

}

.fancybox-close {

  position: absolute;

  top: 4px;

  right: 24px;

  width: 36px;

  height: 36px;

  cursor: pointer;

  z-index: 8040;

  background: url('../img/fancybox-close.png') no-repeat center center;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.fancybox-close:hover {

  transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -webkit-transform: rotate(90deg);

}

/*! Blog Comments */

.blog-comments-title {

  margin-bottom: 20px;

  margin-top: 40px;

}

.media-heading {

  font-weight: bold;

}

.media-heading small {

  display: block;

  color: #1194ee;

  margin-top: 8px;

}

.media-body {

  font-size: 12px;

}

.well {

  background-color: transparent!important;

}

.blog-comments > .media {

  border-bottom: 1px dotted #000000;

  padding-bottom: 20px;

  padding-top: 20px;

  margin-bottom: 0;

  margin-top: 0;

}

.media img {

  width: 64px!important;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.single-post .post-thumbnail {

  margin-bottom: 40px;

}

.single-post .post-title {

  font-size: 36px;

  margin-bottom: 15px;

}

.single-post .post-meta {

  margin-bottom: 20px;

}

.single-post .blog-post-container p {

  font-size: 16px;

  line-height: 2.0;

}

.post-single-infos {

  display: none;

}

@media (min-width: 768px) {

  .post-single-infos {

    display: block;

    border: 1px solid transparent;

    background: #eee;

    transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    width: 300px;

    height: 36px;

    line-height: 30px;

    text-align: right;

    font-size: 14px;

    position: absolute;

    right: -110px;

    top: 140px;

    padding: 5px;

    padding-top: 0;

    padding-right: 25px;

    font-weight: bold;

  }

  .post-single-infos span {

    opacity: 0.8;

    font-weight: bold;

  }

}

.post-info {

  display: none;

}

@media (min-width: 768px) {

  .post-info {

    display: block;

    border: 1px solid transparent;

    background: #eee;

    transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    font-weight: bold;

    width: 194px;

    height: 42px;

    line-height: 37px;

    text-align: right;

    font-size: 14px;

    position: absolute;

    right: -63px;

    top: 105px;

    padding: 5px;

    padding-top: 0;

    padding-right: 15px;

  }

  .post-info span {

    opacity: 0.8;

  }

}

.post-author {

  padding: 15px;

  border-top: 1px solid #e3e3e3;

  border-bottom: 1px dotted #e3e3e3;

  padding-top: 20px;

  padding-bottom: 20px;

}

.post-author:after {

  content: '';

  display: block;

  clear: both;

}

.post-author:after {

  content: '';

  display: block;

  clear: both;

}

.post-author h4 {

  padding-bottom: 8px;

  margin-bottom: 20px;

  border-bottom: 1px solid #cccccc;

}

.post-author h6 {

  color: #88c425;

  font-weight: bold;

  font-size: 18px;

}

.post-author img {

  width: 70px;

  height: 70px;

  float: left;

  display: block;

  margin-right: 30px;

}

.post-author .info {

  float: left;

}

/*! Blog Comments */

.blog-comments-title {

  margin-bottom: 20px;

  margin-top: 40px;

}

.media-heading {

  font-weight: bold;

}

.media-heading small {

  display: block;

  color: #1194ee;

  margin-top: 8px;

}

.media-body {

  font-size: 12px;

}

.well {

  background-color: transparent!important;

}

.blog-comments {

  margin-top: 30px;

  margin-bottom: 30px;

}

.blog-comments textarea.form-control {

  height: 100px;

}

.blog-comments .well h4 {

  margin-bottom: 30px;

}

.blog-comments > .media {

  border-bottom: 1px solid #ccc;

  padding-bottom: 40px;

  padding-top: 40px;

  margin-bottom: 0;

  margin-top: 0;

}

.blog-comments > .media .media {

  margin-top: 30px;

}

.media img {

  width: 64px!important;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

#cancel-comment-reply {

  margin-bottom: 20px;

}

#respond h4 {

  border-bottom: 1px dotted #ccc;

}

#commentform fieldset {

  margin-bottom: 15px;

}

#commentform input {

  width: 100%;

  background: #f6F6F6;

  border: 1px solid #ddd;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  height: 40px;

  padding-left: 10px;

}

#commentform textarea {

  width: 100%!important;

  background: #f6F6F6;

  border: 1px solid #ddd;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  height: 150px;

}

#commentform #comment-reply {

  min-width: 150px;

  display: inline-block;

  border: none;

  background: none;

  color: inherit;

  vertical-align: middle;

  position: relative;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  color: #88c425;

  border-color: #0083dd;

  padding: 1em 2em;

  font-weight: bold;

  width: auto;

  height: auto;

}

#commentform #comment-reply:focus {

  outline: none;

}

#commentform #comment-reply > span {

  vertical-align: middle;

}

#commentform .name-container {

  float: left;

}

@media (min-width:992px) {

  #commentform .name-container {

    width: 49%;

  }

}

#commentform .email-container {

  float: right;

}

@media (min-width:992px) {

  #commentform .email-container {

    width: 49%;

  }

}

#commentform .message {

  clear: both;

}

#respond label {

  width: 100%;

  color: #444;

  display: block;

  margin-bottom: 7px;

}

/* ==========================================================

! 10. SECTION: TEAM

========================================================== */

.team-item {

  width: 100%;

  padding-right: 10px;

}

.team-member-picture-wrapper {

  position: relative;

  overflow: hidden;

  margin-bottom: 20px;

}

.team-member-picture-wrapper:hover .team-item-picture img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

}

.team-member-picture-wrapper:hover .team-member-find-overlay {

  transform: translateY(0px);

  -moz-transform: translateY(0px);

  -webkit-transform: translateY(0px);

}

.team-member-picture-wrapper .team-member-find {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 0px;

  opacity: 1;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.team-member-picture-wrapper .team-member-find-overlay {

  position: relative;

  background: rgba(0, 0, 0, 0.8);

  width: 100%;

  text-align: center;

  font-size: 14px;

  color: #ffffff;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  height: 70px;

  transform: translateY(70px);

  -moz-transform: translateY(70px);

  -webkit-transform: translateY(70px);

}

.team-member-picture-wrapper .team-member-find-overlay a {

  color: #ffffff;

}

.team-member-picture-wrapper .team-member-find-overlay .block-link {

  width: 40px;

  height: 40px;

  line-height: 40px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

  padding-top: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  margin-right: 4px;

}

.team-member-picture-wrapper .team-member-find-overlay .block-link:hover {

  background: #ffffff;

  color: #333;

}

.team-member-picture-wrapper .team-member-find-content {

  position: absolute;

  width: 100%;

  text-align: center;

  top: 50%;

  margin-top: -20px;

}

.block-link {

  display: inline-block;

  padding: 5px;

  border: 1px solid #ffffff;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}

.team-item-picture {

  overflow: hidden;

  -webkit-transition: all 1.2s ease-in-out;

  -moz-transition: all 1.2s ease-in-out;

  transition: all 1.2s ease-in-out;

}

.team-item-picture img {

  width: 100%;

  -webkit-transition: all 1.2s linear;

  -moz-transition: all 1.2s linear;

  transition: all 1.2s linear;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

}

@media (min-width: 768px) {

  .team-item-picture img {

    margin-bottom: 0;

  }

}

.team-item-content span.fa {

  margin-right: 5px;

}

.team-item-content p {

  word-wrap: break-word;

}

.team-item-title {

  margin-top: 0;

  font-size: 22px;

  line-height: 26px;

  font-weight: bold;

  margin-bottom: 0;

}

.team-item-subtitle {

  font-style: italic;

  font-size: 13px;

}

/*============================================================================

  >> 11. SECTION: Register

  ============================================================================

 */

.form-control {

  width: 100%;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  height: 50px;

  font-size: 14px;

  color: #111;

  margin-bottom: 5px;

  font-family: 'PT Sans', sans-serif;

}

.btn-form {

  width: 100%;

  height: 50px;

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  border-radius: 25px;

}

.modal-wrap {

  display: none;

}

.modal-bg {

  background: #333;

  opacity: 0.9;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

}

.modal-content {

  background: #b6c6ad;

  font-size: 18px;

  position: fixed;

  top: 50%;

  left: 0%;

  margin-left: 0px;

  width: 100%;

  z-index: 9999;

  padding: 10px 20px;

}

.modal-content .modal-title {

  color: #0083dd;

  font-size: 22px;

  margin-bottom: 5px;

  font-weight: bold;

}

.modal-content p {

  font-size: 14px;

  margin-bottom: 0;

}

#contactError .modal-title {

  color: #fff;

}

/*============================================================================

  >> 12. Section: Subscribe

============================================================================*/

.section-subscribe .btn-default {

  height: 50px;

  line-height: 50px;

  padding-top: 0;

  -webkit-border-radius: 0 25px 25px 0;

  -moz-border-radius: 0 25px 25px 0;

  border-radius: 0 25px 25px 0;

}

/*============================================================================

  >> 13. Section: Features

============================================================================*/

.section-features {

  padding-top: 80px;

  padding-bottom: 0;

}

.intro-feature-item {

  text-align: center;

  margin-bottom: 30px;

}

.intro-feature-icon {

  font-size: 95px;

  line-height: 95px;

  margin-bottom: 10px;

}

.intro-feature-title {

  color: #0083dd;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 18px;

}

.intro-feature-description p {

  font-size: 14px;

  line-height: 18px;

}

.tabs {

  margin-top: 60px;

}

.tabs-buttons {

  list-style: none;

  padding: 0;

  margin: 0;

}

.tabs-buttons:after {

  content: '';

  display: block;

  clear: both;

}

.tabs-buttons:after {

  content: '';

  display: block;

  clear: both;

}

.tabs-buttons li {

  list-style: none;

}

@media (min-width: 768px) {

  .tabs-buttons li {

    display: inline-block;

    width: 33%;

  }

}

.tabs-buttons li a {

  display: block;

  padding: 20px;

  border: 1px solid #0071cc;

  margin-right: -1px;

  text-align: center;

  font-weight: bold;

  text-transform: uppercase;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.tabs-buttons li a:hover {

  background: #0071cc;

  color: #ffffff;

  border: 1px solid #0071cc;

  text-decoration: none;

}

.tabs-buttons li.active a {

  background: #88c425;

  color: #ffffff;

  border: 1px solid #88c425;

  text-decoration: none;

  position: relative;

}

@media (min-width: 768px) {

  .tabs-buttons li.active a:after {

    content: '';

    display: block;

    position: absolute;

    bottom: -4px;

    left: 50%;

    margin-left: -3px;

    width: 6px;

    height: 6px;

    background: #fafafa;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

  }

}

.feature-item {

  padding-top: 40px;

  padding-bottom: 0px;

}

@media (min-width:992px) {

  .feature-item {

    border-bottom: 0;

    padding-top: 90px;

  }

}

.feature-item p {

  font-size: 17px;

}

.feature-item-image {

  text-align: center;

  margin-top: 25px;

}

@media (min-width: 768px) {

  .feature-item-image {

    margin-top: 0;

  }

}

.feature-item-image img {

  max-width: 100%;

}

.feature-item-icons-wrapper {

  margin-top: 20px;

}

.feature-item-icons-wrapper p {

  font-size: 14px;

  line-height: 20px;

  color: #555555;

}

.feature-item-icons-wrapper .feature-item-icon {

  font-size: 36px;

  color: #0071cc;

}

.feature-item-icons-wrapper .feature-item-icon-title {

  font-weight: bold;

  text-transform: none;

  color: #555555;

  margin-bottom: 12px;

  margin-top: 15px;

}

.feature-item-invert {

  text-align: right;

}

.feature-item-invert .feature-item-title,

.feature-item-invert p {

  text-align: right;

}

.feature-item-title {

  font-weight: bold;

  font-size: 26px;

  letter-spacing: -1px;

  color: #0071cc;

}

@media (min-width:992px) {

  .feature-item-title {

    margin-top: 60px;

  }

}

.feature-item-title:after {

  content: '';

  display: inline-block;

  height: 2px;

  width: 60px;

  margin-top: 10px;

  margin-bottom: 10px;

  background: #0071cc;

}

/* ==========================================================

! 14. SECTION: Testimonials

========================================================== */

.section-testimonials {

  text-align: center;

  font-size: 18px;

}

.testimonial-item {

  max-width: 700px;

  margin: 0 auto;

  font-family: 'PT Sans', sans-serif;

}

@media (min-width: 768px) {

  .testimonial-item {

    padding-top: 10px;

    padding-bottom: 10px;

  }

}

.quote-text {

  font-style: italic;

}

.testimonial-credits {

  margin-top: 30px;

}

.testimonial-author {

  font-size: 18px;

  margin-bottom: 0;

  margin-top: 25px;

  font-weight: bold;

}

.testimonial-content {

  background: url('') no-repeat center center #88c425;

  color: #ffffff;

  padding: 20px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  position: relative;

}

.testimonial-content:after {

  content: '';

  display: block;

  width: 10px;

  height: 10px;

  background: url('') no-repeat center center #88c425;

  position: absolute;

  left: 50%;

  bottom: -5px;

  margin-left: -5px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.testimonial-content p {

  font-size: 13px;

}

@media (min-width: 768px) {

  .testimonial-content p {

    font-size: 15px;

    line-height: 18px;

    line-height: 22px;

  }

}

.testimonial-picture {

  width: 110px;

  height: 110px;

  overflow: hidden;

  margin: 0 auto;

}

.testimonial-picture img {

  width: 110px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

  border: 6px solid #ddd;

  height:110px;

}

.testimonial-firm {

  font-size: 15px;

  margin-bottom: 0;

}

.owl-carousel {

  cursor: -webkit-grab;

  cursor: -moz-grab;

}

.owl-carousel * {

  will-change: transform;

}

.owl-carousel:focus {

  cursor: -webkit-grab;

  cursor: -moz-grab;

}

.owl-carousel:active {

  cursor: -webkit-grab;

  cursor: -moz-grab;

}

.owl-carousel:hover {

  cursor: -webkit-grab;

  cursor: -moz-grab;

}

.owl-theme .owl-controls .owl-page.active span {

  background: #88c425 !important;

}

/* ==========================================================

! >> 15. Section: Price Table

========================================================== */

.plan-item {

  text-align: center;

  border: 1px solid #cccccc;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  overflow: hidden;

  padding-bottom: 0px;

  padding-left: 0px;

  padding-right: 0px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  margin-bottom: 20px;

}

@media (min-width:992px) {

  .plan-item {

    margin-left: -12px;

    margin-right: -12px;

    margin-bottom: 0;

  }

}

.plan-item:hover {

  -webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.3);

  -moz-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.3);

  box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.3);

  transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -webkit-transform: translateY(-6px);

}

.plan-item .disabled {

  text-decoration: line-through;

  opacity: 0.7;

}

.plan-item-head {

  background: url('../img/bgmask2.png') #0071cc;

  color: #ffffff;

  padding-top: 20px;

  padding-bottom: 20px;

  margin-bottom: 20px;

}

.plan-item-title {

  font-weight: bold;

  text-transform: uppercase;

  font-size: 18px;

  margin-top: 0;

  margin-bottom: 0;

  color: #ffffff;

}

.plan-item-list {

  list-style: none;

  padding: 0;

  margin: 0;

  padding-bottom: 20px;

}

.plan-item-list li {

  margin-bottom: 10px;

  font-size: 15px;

}

.plan-item-price {

  margin-bottom: 0px;

  background: #eee;

  color: #333;

  margin-left: -15px;

  margin-right: -15px;

  padding-top: 10px;

  padding-bottom: 10px;

}

.plan-item-price-title {

  font-size: 70px;

  margin-top: 0;

  font-weight: bold;

  color: #333;

}

.plan-item-price-symbol {

  font-size: 24px;

}

.plan-item-price-title2 {

  opacity: 0.8;

  font-size: 16px;

  font-weight: lighter;

  font-style: italic;

  color: #333;

}

.plan-item-btn {

  margin-top: 0;

  display: block;

  height: 80px;

  width: 100%;

  float: none;

  font-size: 20px;

  margin-bottom: 0;

  margin-left: 0;

  font-weight: bold;

}

.plan-item-btn:hover {

  border-top: 0;

}

/* ==========================================================

! 16. SECTION: Contact Infos

========================================================== */

.section-contact-infos {

  padding-bottom: 0;

}

.contact-infos {

  margin-bottom: 40px;

}

.map {

  padding-bottom: 0;

  margin-bottom: 20px;

}

@media (min-width: 768px) {

  .map {

    margin-bottom: 0;

  }

}

.map iframe {

  width: 100% !important;

  margin-bottom: -5px !important;

  pointer-events: none;

  border: 0 !important;

}

/*============================================================================

  >> 17. Cross-browser

  ============================================================================

 */

html.safari:before,

html.safari:after {

  display: none !important;

}

.safari body:before,

.safari body:after {

  content: "";

  display: none!important;

  visibility: hidden !important;

  opacity: 0;

  position: relative;

  z-index: -99999;

}

@media (min-width: 768px) {

  .safari body:before,

  .safari body:after {

    display: none!important;

  }

}

.safari body:before {

  height: 0px;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 99;

  display: !important;

}

.safari body:after {

  width: 0px;

  top: 0;

  display: !important;

}

.ie .header-logo img {

  width: 100% !important;

}

.ie9 #page-loader {

  display: none!important;

}



.carousel-outer {

  position: relative;

}

.caro-controls {

  position: absolute;

  right: 0;

  top: 20px;

  opacity: 0;

  visibility: hidden;

  cursor: pointer;

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

}

.carousel-outer:hover .caro-controls {

  opacity: 1;

  visibility: visible;

}





/* Monster Widget*/



.startuper_widgets ul {

    list-style: outside none none;

    padding-left: 0;

}

.startuper_widgets ul li{border-bottom:1px solid #eee}

.startuper_widgets ul li:last-child{border-bottom:0}

/*.startuper_widgets ul li.cat-item a{font-size:16px;line-height:44px;color:#7e8890;transition:color .2s linear}*/

.startuper_widgets ul li.cat-item a:hover{color:#29aafe;text-decoration:none}



.startuper_widgets .tagcloud a{display:inline-block;padding:4px 10px;margin-right:8px;margin-bottom:8px;border:1px solid #eee;color:#7e8890;text-transform:uppercase;font-size:12px;transition:.3s linear; line-height:28px;}

.startuper_widgets .tagcloud a:hover{text-decoration:none;background-color:#29aafe;border-color:#29aafe;color:#fff !important;}





.startuper_widgets img {max-width:100%; height:auto;}

.startuper_widgets ul li a { display:inline-block !important;}

.startuper_widgets ul.sub-menu{ margin-left:0px !important;}



/*.startuper_widgets > ul > li  > a{line-height:44px;} */

/*.startuper_widgets .menu-main-menu-container ul li a {line-height:44px !important;}*/

.startuper_widgets a { color: #7e8890 !important;}

.startuper_widgets a:hover { color: #29aafe !important;}



.startuper_widgets select

{

	width:100% !important;

	height:35px;

    margin-top: 5px;

	

    background-clip: padding-box;

    background-color: transparent;

    border: 1px solid #ebebeb;

    box-shadow: none;

    color: #000;

    font-size: 11px;

    padding-left: 5px;

}

.startuper_widgets select option {

    background-clip: padding-box;

    background-color: transparent;

    box-shadow: none;

    color: #000;

    font-size: 11px;

    height: 35px;

    padding-left: 5px;

	padding-top:8px;

    width: 100%;

}



.startuper_widgets .textwidget {

    font-size: 18px;

    margin-top: 20px;

}

.startuper_widgets li ul {

    margin-left: 15px !important;

}

.startuper_widgets table, th, td {

   border-bottom: none;

   border-collapse: collapse;

}

.startuper_widgets td, .startuper_widgets th {

	height: 25px;

}

.startuper_widgets table,

.startuper_widgets select{

	width:100%;

}

.startuper_widgets table caption{

	text-align:center;

}

.startuper_widgets table tfoot #prev{

	text-align:left;

}

.startuper_widgets table tfoot #next{

	text-align:right;

}



.startuper_widgets .textwidget select{

	margin-left: 0px;

}

.startuper_widgets table,

.startuper_widgets table thead tr th

{

	text-align:center !important;

}

.startuper_widgets .socials li {

    display: inline-block;

    margin-right: 10px;

}

.startuper_widgets .socials li i {

    background-clip: padding-box;

    background-color: #3b475f;

    border-radius: 50%;

    color: #fff;

    display: block;

    height: 32px;

    line-height: 32px;

    transition: all 0.5s ease 0s;

    width: 32px;

	text-align: center;

}

.startuper_widgets .footer-post{

	margin-top:30px;

	margin-left:20px;

}



.startuper_widgets ul {

	

	margin: 0 0 0 !important ;}

	

	

/* TTU */



.wp-caption img{max-width:100% !important;}

.wp-caption-text {}

.sticky, .tag-sticky-2{ background-color: #f2f8fd !important;}

.gallery-caption{}

.bypostauthor{}

.alignright{ float:right; margin-left:10px;}

.aligncenter{margin-left: auto; margin-right: auto; margin-top:50px; text-align:center;}

img.aligncenter{margin-top:0px !important;}

.alignleft{ float:left ; margin-right:10px;}

.alignnone{width:100% !important;}

.post-password-form input[type=password]{

	background-color:#FFF !important;

	border:1px solid #2A646E !important;

	border-radius:5px !important;

}



/*.blog-posts-style-1 .post-thumbnail img

{

	width:auto !important ;

}*/







.post-password-form input:last-child{

	background-color:#2A646E;

	font-size:20px;

	color:#CC9;

	border:none;

	border-radius:2px;

	font-weight: 800;

    letter-spacing: 1px;

    padding: 5px 22px;

    text-transform: uppercase;

    transition: all 0.25s ease 0s;

}

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

table{margin: 0 0 20px; font-size:16px;}

table, th, td {

   border-bottom: 1px solid #ededed;

   border-collapse: collapse;

}

td, th {

	height: 50px;

	text-align: left;

    padding: 0px 15px 0px 1px;

}

dl dt{font-size:18px;}

dl dd{font-size:16px; margin:5px 0;}

address{font-size:16px;}



.comment-content h1{

	font-size:36px !important;

	font-weight:300 !important;

	line-height:1.5 !important;

	color:#000 !important;

	font-family:inherit !important;

}

.comment-content h2{

	color:#000 !important;

	font-size:30px !important;

	font-weight:300 !important;

	line-height:1.5 !important;

	font-family:inherit !important;

}

.comment-content h3{

	color:#000 !important;

	font-size:24px !important;

	font-weight:300 !important;

	line-height:1.5 !important;

	font-family:inherit !important;

}

.comment-content h4{

	color:#000 !important;

	font-size:18px !important;

	font-weight:300 !important;

	line-height:1.5 !important;

	font-family:inherit !important;

}

.comment-content h5{

	color:#000 !important;

	font-size:14px !important;

	font-weight:300 !important;

	line-height:1.5 !important;

	font-family:inherit !important;

}

.comment-content h6{

	color:#000 !important;

	font-size:12px !important;

	font-weight:300 !important;

	line-height:1.5 !important;

	font-family:inherit !important;

}





.comment-content ul {

	list-style: disc !important;

	padding: 0;

	margin: 0;

	width:100%;

}

.comment-content ul li {

	display:table;

	width:100%;

}

.comment-content ul li ul {

	padding-left: 30px;

	width:100%;

}



.blog_pntr { cursor:inherit !important;}



.post-author a { color: #a8b4c1 !important;}



.search_not_found{

	margin-top:8%;

}