{"version":3,"sources":["_typography.scss","_variables.scss","_common.scss","_media-queries.scss","pages/_navigation.scss","pages/_home.scss","pages/_cta.scss","pages/_about.scss","pages/_works.scss","pages/_feature.scss","pages/_404.scss","pages/_blog.scss","pages/_clients.scss","pages/_contact.scss","pages/_portfolio.scss","pages/_product.scss","pages/_service.scss","pages/_team.scss","pages/_footer.scss","_responsive.scss","style.css"],"names":[],"mappings":"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","file":"../style.css","sourcesContent":["@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);\r\n@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);\r\n@import url(http://fonts.googleapis.com/css?family=Glegoo);\r\n\r\nbody {\r\n  font-family: $primary-font;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n  font-family: $secondary-font;\r\n}\r\n\r\nh2 {\r\n  font-size: 26px;\r\n}\r\n\r\np {\r\n  font-family: $primary-font;\r\n  line-height: 22px;\r\n  font-size: 16px;\r\n  font-weight: 300;\r\n}","// Variables\r\n$body-color: #ffffff;\r\n$primary-color: #02bdd5;\r\n$secondary-color: #7c7491;\r\n$border-color:#e5e5e5;\r\n$primary-font: 'Roboto', sans-serif;\r\n$secondary-font: 'Roboto Condensed', sans-serif;\r\n$text-color: #848484;\r\n$gray: #eae9ec;\r\n$light-gray: #fafafa;\r\n$white: #fff;\r\n$black: #222222;","body {\r\n  background: $body-color;\r\n}\r\n\r\nul {\r\n  padding-left: 0;\r\n  li {\r\n    list-style: none;\r\n  }\r\n}\r\n\r\na:hover {\r\n  text-decoration: none;\r\n}\r\n\r\n.section-heading {\r\n  text-align: center;\r\n  margin-bottom: 65px;\r\n  p {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    color: #727272;\r\n    line-height: 20px;\r\n  }\r\n}\r\n\r\n.title {\r\n  font-size: 30px;\r\n  line-height: 1.1;\r\n  font-weight: 300;\r\n  color: #333;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.subtitle {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  margin-bottom: 18px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.subtitle-des {\r\n  color: #727272;\r\n  font-size: 14px;\r\n  margin-bottom: 35px;\r\n  font-weight: 300;\r\n}\r\n\r\n.pages {\r\n  padding: 80px 0 40px;\r\n}\r\n\r\n.moduler {\r\n  padding: 140px 0;\r\n}\r\n\r\n.social-share {\r\n  li {\r\n    display: inline-block;\r\n    margin: 3px 1px;\r\n  }\r\n  a {\r\n    font-size: 20px;\r\n    color: $white;\r\n    background: $primary-color;\r\n    padding: 4px 10px;\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n// fancybox styles\r\n.fancybox-close {\r\n  background: url(\"../images/icons/close.png\") no-repeat scroll 0 0 transparent;\r\n  height: 50px;\r\n  right: 0;\r\n  top: 0;\r\n  width: 50px;\r\n}\r\n\r\n.fancybox-next span {\r\n  background: url(\"../images/icons/right.png\") no-repeat scroll center center #009ee3;\r\n  height: 50px;\r\n  width: 50px;\r\n  right: 0;\r\n}\r\n\r\n.fancybox-prev span {\r\n  background: url(\"../images/icons/left.png\") no-repeat scroll center center #009ee3;\r\n  height: 50px;\r\n  width: 50px;\r\n  left: 0;\r\n}\r\n\r\n.fancybox-title {\r\n  h3 {\r\n    font-size: 15px;\r\n    margin: 0;\r\n  }\r\n  padding: 15px 8px;\r\n}\r\n\r\n// Page Header\r\n.global-page-header {\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n  padding: 120px 0 25px 0;\r\n  position: relative;\r\n  background: $primary-color;\r\n  color: $white;\r\n  h2 {\r\n    font-size: 42px;\r\n    font-weight: bold;\r\n    color: $white;\r\n    text-transform: uppercase;\r\n  }\r\n  .breadcrumb {\r\n    background: none;\r\n    font-size: 16px;\r\n    padding: 8px  0;\r\n    .active, li a {\r\n      color: $white;\r\n    }\r\n  }\r\n  .block {\r\n    position: relative;\r\n    z-index: 99;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n.works-fit {\r\n  padding: 40px 0;\r\n  figure .buttons {\r\n    left: 14%;\r\n  }\r\n}\r\n\r\n.company-description {\r\n  margin-top: 30px;\r\n  .block {\r\n    h3 {\r\n      margin-top: 0;\r\n    }\r\n    p {\r\n      color: #727272;\r\n    }\r\n  }\r\n}","/*=== MEDIA QUERY ===*/\r\n@mixin mobile-xs{\r\n  @media(max-width:400px){\r\n    @content;\r\n  }\r\n}\r\n@mixin mobile{\r\n  @media(max-width:480px){\r\n    @content;\r\n  }\r\n}\r\n@mixin tablet{\r\n  @media(max-width:767px){\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin desktop-sm{\r\n  @media(max-width:991px){\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin desktop{\r\n  @media(max-width:1024px){\r\n    @content;\r\n  }\r\n}\r\n@mixin large-desktop{\r\n  @media(max-width:1200px){\r\n    @content;\r\n  }\r\n}","\r\n.navbar-default .navbar-nav li a:hover {\r\n  color: $primary-color;\r\n}\r\n\r\n.navbar.navbar-default {\r\n  border: 0;\r\n  border-radius: 0;\r\n  margin-bottom: 0;\r\n  .navbar-toggle {\r\n    margin-top: 32px;\r\n  }\r\n}\r\n\r\n.navbar-header .navbar-brand {\r\n  padding: 5px 0;\r\n  a {\r\n    height: auto;\r\n    display: inline-block;\r\n    margin-top: 8px;\r\n  }\r\n}\r\n\r\n.navbar-inverse .navbar-toggle {\r\n  &:focus {\r\n    background: #444;\r\n  }\r\n  background: #444;\r\n}\r\n\r\n#top-bar {\r\n  background: $white;\r\n  color: $white;\r\n  -webkit-transition: all 0.2s ease-out 0s;\r\n  transition: all 0.2s ease-out 0s;\r\n  padding: 15px 0;\r\n  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);\r\n  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);\r\n  border-bottom: 1px solid #dedede;\r\n  .navbar-nav li a:hover {\r\n    background: transparent;\r\n  }\r\n  &.animated-header {\r\n    padding: 20px 0;\r\n    background: $white;\r\n    box-shadow: none;\r\n  }\r\n  .main-menu li {\r\n    a {\r\n      color: #444;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      border-bottom: 2px solid transparent;\r\n      -webkit-transition: .3s all;\r\n      -o-transition: .3s all;\r\n      transition: .3s all;\r\n      text-transform: uppercase;\r\n      &:hover {\r\n        color: $primary-color;\r\n      }\r\n    }\r\n    position: relative;\r\n  }\r\n}\r\n\r\n.navbar-custom .nav li a {\r\n  position: relative;\r\n  color: $black;\r\n}\r\n\r\n.navbar-right .dropdown-menu {\r\n  right: auto;\r\n  left: 0;\r\n}\r\n\r\n.navbar-custom .dropdown-menu {\r\n  position: absolute;\r\n  display: block;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n}\r\n\r\n.navbar-toggle {\r\n  .icon-bar {\r\n    background: $white;\r\n  }\r\n  background: $black;\r\n}\r\n\r\n.dropdown-menu ul {\r\n  list-style: none;\r\n  padding: 15px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  margin-bottom: 0;\r\n  margin-top: -5px;\r\n  background: $white;\r\n  background-color: rgba(0, 0, 0, 0.95);\r\n  box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.nav .open a {\r\n  background-color: transparent;\r\n  &:focus {\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n#top-bar .dropdown-menu ul li a {\r\n  display: block;\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  line-height: normal;\r\n  text-decoration: none;\r\n  padding: 8px 0;\r\n  color: $white;\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n}","#hero-area {\r\n  background: url('../images/slider.jpg') no-repeat 50%;\r\n  background-size: cover;\r\n  background-attachment: fixed;\r\n  padding: 230px 0;\r\n  color: $white;\r\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\r\n  position: relative;\r\n  &:before {\r\n    content: '';\r\n    z-index: 9;\r\n    background: rgba(255, 255, 255, 0.78);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n  }\r\n  .block {\r\n    position: relative;\r\n    z-index: 999;\r\n  }\r\n  h1 {\r\n    font-size: 40px;\r\n    line-height: 50px;\r\n    color: #333;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    text-transform: uppercase;\r\n  }\r\n  h2 {\r\n    font-size: 18px;\r\n    font-weight: 300;\r\n    margin-bottom: 38px;\r\n    line-height: 27px;\r\n    text-transform: uppercase;\r\n    color: #666;\r\n    font-family: 'Roboto', sans-serif;\r\n    margin-top: 25px;\r\n  }\r\n  .btn {\r\n    background: #414141;\r\n    border: none;\r\n    color: $white;\r\n    padding: 20px 35px;\r\n    margin-top: 30px;\r\n    font-size: 16px;\r\n    font-size: 13px;\r\n    line-height: 1em;\r\n    text-transform: uppercase;\r\n    letter-spacing: normal;\r\n    border-radius: 0;\r\n  }\r\n}\r\n","#call-to-action {\r\n  background: $primary-color;\r\n  background-size: cover;\r\n  background-attachment: fixed;\r\n  padding: 80px 0;\r\n  text-align: center;\r\n  position: relative;\r\n  color: $white;\r\n  .block {\r\n    position: relative;\r\n    z-index: 99;\r\n    color: $white;\r\n    h2 {\r\n      margin-bottom: 15px;\r\n      color: $white;\r\n    }\r\n    p {\r\n      font-size: 15px;\r\n      font-weight: 300;\r\n      font-family: 'Roboto', sans-serif;\r\n      margin-top: 20px;\r\n    }\r\n    .btn-contact {\r\n      background: $white;\r\n      border: none;\r\n      color: $primary-color;\r\n      padding: 16px 35px;\r\n      margin-top: 20px;\r\n      font-size: 12px;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      border-radius: 0;\r\n      i {\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n  }\r\n}\r\n","#about {\r\n  padding: 110px 0;\r\n  .block {\r\n    padding: 20px 30px 0 30px;\r\n    h2 {\r\n      font-size: 24px;\r\n      font-weight: 600;\r\n      margin-bottom: 30px;\r\n      text-transform: uppercase;\r\n    }\r\n    p {\r\n      color: #727272;\r\n      font-size: 16px;\r\n      line-height: 28px;\r\n      margin-bottom: 35px;\r\n    }\r\n    img {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.about-feature {\r\n  margin-top: 50px;\r\n  .block {\r\n    color: $white;\r\n    width: 33.33%;\r\n    padding: 5%;\r\n    float: left;\r\n    p {\r\n      font-weight: 300;\r\n    }\r\n  }\r\n  .about-feature-1 {\r\n    background: $primary-color;\r\n  }\r\n  .about-feature-2 {\r\n    background: #00B0C7;\r\n  }\r\n  .about-feature-3 {\r\n    background: #00A6BB;\r\n  }\r\n}","\r\n.works {\r\n  padding: 80px 0;\r\n  background: #FCFCFC;\r\n  .block {\r\n    position: relative;\r\n    z-index: 99;\r\n    &:hover .img-overly .overly {\r\n      opacity: 1;\r\n    }\r\n    h4 {\r\n      padding: 20px 15px;\r\n      margin-top: 0;\r\n      color: #666;\r\n    }\r\n    .img-overly {\r\n      position: relative;\r\n      background: rgba(0, 0, 0, 0.85);\r\n      img {\r\n        border-radius: 0;\r\n      }\r\n      .overly {\r\n        background: rgba(57, 181, 74, 0.9);\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        left: 0;\r\n        bottom: 0;\r\n        opacity: 0;\r\n        -webkit-transition: .3s all;\r\n        -o-transition: .3s all;\r\n        transition: .3s all;\r\n        a {\r\n          position: absolute;\r\n          top: 45%;\r\n          left: 22%;\r\n          i {\r\n            font-size: 30px;\r\n            color: $white;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nfigure {\r\n  background: $white;\r\n  margin-bottom: 45px;\r\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);\r\n  .img-wrapper {\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  img {\r\n    -webkit-transform: scale3d(1, 1, 1);\r\n    transform: scale3d(1, 1, 1);\r\n    -webkit-transition: -webkit-transform 400ms;\r\n    transition: transform 400ms;\r\n  }\r\n  &:hover {\r\n    img {\r\n      -webkit-transform: scale3d(1.2, 1.2, 1);\r\n      transform: scale3d(1.2, 1.2, 1);\r\n    }\r\n    .overlay {\r\n      opacity: 1;\r\n      .buttons a {\r\n        -webkit-transform: scale3d(1, 1, 1);\r\n        transform: scale3d(1, 1, 1);\r\n      }\r\n    }\r\n  }\r\n  .overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    padding: 10px;\r\n    text-align: center;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    opacity: 0;\r\n    -webkit-transition: opacity 400ms;\r\n    transition: opacity 400ms;\r\n    a {\r\n      display: inline-block;\r\n      color: $white;\r\n      padding: 10px 23px;\r\n      line-height: 1;\r\n      border: 1px solid $white;\r\n      border-radius: 0px;\r\n      margin: 4px;\r\n      -webkit-transform: scale3d(0, 0, 0);\r\n      transform: scale3d(0, 0, 0);\r\n      -webkit-transition: all 400ms;\r\n      transition: all 400ms;\r\n      &:hover {\r\n        text-decoration: none;\r\n      }\r\n    }\r\n    &:hover a {\r\n      -webkit-transform: scale3d(1, 1, 1);\r\n      transform: scale3d(1, 1, 1);\r\n    }\r\n  }\r\n  .buttons {\r\n    position: absolute;\r\n    top: 45%;\r\n    left: 24%;\r\n  }\r\n  figcaption {\r\n    padding: 20px 25px;\r\n    margin-top: 0;\r\n    color: #666;\r\n    h4 {\r\n      margin: 0;\r\n      a {\r\n        color: $primary-color;\r\n      }\r\n    }\r\n    p {\r\n      font-size: 14px;\r\n      margin-bottom: 0;\r\n      margin-top: 5px;\r\n    }\r\n  }\r\n}","#feature {\r\n  padding: 80px 0;\r\n  .media {\r\n    margin: 0px 0 70px 0;\r\n    .media-left {\r\n      padding-right: 25px;\r\n    }\r\n  }\r\n  h3 {\r\n    color: $black;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    margin-bottom: 20px;\r\n    margin: 0px 0px 15px;\r\n    font-weight: 400;\r\n  }\r\n  p {\r\n    line-height: 25px;\r\n    font-size: 14px;\r\n    color: #777777;\r\n  }\r\n  .icon {\r\n    text-decoration: none;\r\n    color: $white;\r\n    background-color: $primary-color;\r\n    height: 100px;\r\n    text-align: center;\r\n    width: 100px;\r\n    font-size: 50px;\r\n    line-height: 100px;\r\n    overflow: hidden;\r\n    -webkit-border-radius: 50%;\r\n    -moz-border-radius: 50%;\r\n    -ms-border-radius: 50%;\r\n    -o-border-radius: 50%;\r\n    text-shadow: #00a4ba 1px 1px, #00a4ba 2px 2px, #00a4ba 3px 3px, #00a4ba 4px 4px, #00a4ba 5px 5px, #00a4ba 6px 6px, #00a4ba 7px 7px, #00a4ba 8px 8px, #00a4ba 9px 9px, #00a4ba 10px 10px, #00a4ba 11px 11px, #00a4ba 12px 12px, #00a4ba 13px 13px, #00a4ba 14px 14px, #00a4ba 15px 15px, #00a4ba 16px 16px, #00a4ba 17px 17px, #00a4ba 18px 18px, #00a4ba 19px 19px, #00a4ba 20px 20px, #00a4ba 21px 21px, #00a4ba 22px 22px, #00a4ba 23px 23px, #00a4ba 24px 24px, #00a4ba 25px 25px, #00a4ba 26px 26px, #00a4ba 27px 27px, #00a4ba 28px 28px, #00a4ba 29px 29px, #00a4ba 30px 30px, #00a4ba 31px 31px, #00a4ba 32px 32px, #00a4ba 33px 33px, #00a4ba 34px 34px, #00a4ba 35px 35px, #00a4ba 36px 36px, #00a4ba 37px 37px, #00a4ba 38px 38px, #00a4ba 39px 39px, #00a4ba 40px 40px, #00a4ba 41px 41px, #00a4ba 42px 42px, #00a4ba 43px 43px, #00a4ba 44px 44px, #00a4ba 45px 45px, #00a4ba 46px 46px, #00a4ba 47px 47px, #00a4ba 48px 48px, #00a4ba 49px 49px, #00a4ba 50px 50px, #00a4ba 51px 51px, #00a4ba 52px 52px, #00a4ba 53px 53px, #00a4ba 54px 54px, #00a4ba 55px 55px, #00a4ba 56px 56px, #00a4ba 57px 57px, #00a4ba 58px 58px, #00a4ba 59px 59px, #00a4ba 60px 60px, #00a4ba 61px 61px, #00a4ba 62px 62px, #00a4ba 63px 63px, #00a4ba 64px 64px, #00a4ba 65px 65px, #00a4ba 66px 66px, #00a4ba 67px 67px, #00a4ba 68px 68px, #00a4ba 69px 69px, #00a4ba 70px 70px, #00a4ba 71px 71px, #00a4ba 72px 72px, #00a4ba 73px 73px, #00a4ba 74px 74px, #00a4ba 75px 75px, #00a4ba 76px 76px, #00a4ba 77px 77px, #00a4ba 78px 78px, #00a4ba 79px 79px, #00a4ba 80px 80px, #00a4ba 81px 81px, #00a4ba 82px 82px, #00a4ba 83px 83px, #00a4ba 84px 84px, #00a4ba 85px 85px, #00a4ba 86px 86px, #00a4ba 87px 87px, #00a4ba 88px 88px, #00a4ba 89px 89px, #00a4ba 90px 90px, #00a4ba 91px 91px, #00a4ba 92px 92px, #00a4ba 93px 93px, #00a4ba 94px 94px, #00a4ba 95px 95px, #00a4ba 96px 96px, #00a4ba 97px 97px, #00a4ba 98px 98px, #00a4ba 99px 99px, #00a4ba 100px 100px;\r\n  }\r\n}",".wrapper_404 {\r\n  h1 {\r\n    font-size: 200px;\r\n    color: $primary-color;\r\n    line-height: 1;\r\n  }\r\n  h2 {\r\n    font-size: 50px;\r\n    margin-top: 0;\r\n  }\r\n  .btn-home {\r\n    background: #414141;\r\n    border: none;\r\n    color: $white;\r\n    padding: 20px 35px;\r\n    margin-top: 10px;\r\n    font-size: 16px;\r\n    font-size: 13px;\r\n    line-height: 1em;\r\n    text-transform: uppercase;\r\n    letter-spacing: normal;\r\n    border-radius: 0;\r\n  }\r\n}\r\n","#blog-full-width {\r\n  padding: 40px 0 80px;\r\n}\r\n\r\narticle {\r\n  padding: 30px 0;\r\n}\r\n\r\n.blog-content {\r\n  h2 {\r\n    font-family: 'Roboto', sans-serif;\r\n    a {\r\n      color: #444;\r\n      font-weight: 400;\r\n      font-size: 30px;\r\n    }\r\n  }\r\n  .blog-meta {\r\n    color: #9a9a9a;\r\n    font-weight: 300;\r\n    margin-bottom: 25px;\r\n    span:after {\r\n      content: '/';\r\n      padding: 0 3px 0 6px;\r\n    }\r\n    a {\r\n      color: #acacac;\r\n    }\r\n    p {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .btn-details {\r\n    color: $primary-color;\r\n    padding: 0;\r\n    background: $primary-color;\r\n    color: $white;\r\n    padding: 8px 18px;\r\n    border-radius: 0;\r\n    margin-top: 15px;\r\n    border: 1px solid $white;\r\n    box-shadow: 0px 0px 0px 1px $primary-color;\r\n  }\r\n}\r\n\r\n.blog-post-image {\r\n  margin-top: 30px;\r\n}\r\n\r\n.sidebar {\r\n  padding-top: 60px;\r\n  .widget {\r\n    margin-bottom: 40px;\r\n    padding: 15px;\r\n    border: 1px solid #dedede;\r\n    h3 {\r\n      margin-top: 8px;\r\n    }\r\n  }\r\n  .search {\r\n    input.form-control {\r\n      border-right: 0;\r\n      border-radius: 0;\r\n      box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);\r\n    }\r\n    button {\r\n      border-left: 0;\r\n      &:hover {\r\n        background: transparent;\r\n      }\r\n    }\r\n  }\r\n  .author {\r\n    .author-img img {\r\n      width: 90px;\r\n      border-radius: 100%;\r\n      margin-top: -40px;\r\n      border: 3px solid $white;\r\n    }\r\n    .author-bio p {\r\n      font-size: 14px;\r\n      color: #888;\r\n    }\r\n  }\r\n  .categories ul li {\r\n    border-bottom: 1px solid #f0f0f0;\r\n    padding: 10px 0;\r\n    list-style: none;\r\n    span.badge {\r\n      float: right;\r\n      background: transparent;\r\n      color: #444;\r\n      border: 1px solid #dedede;\r\n      border-radius: 0;\r\n    }\r\n    a {\r\n      color: #555;\r\n    }\r\n    &:last-child {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n  .recent-post {\r\n    ul li {\r\n      margin: 20px 0;\r\n      a {\r\n        color: #555;\r\n        font-size: 15px;\r\n        &:hover {\r\n          color: $primary-color;\r\n        }\r\n      }\r\n    }\r\n    time {\r\n      font-weight: 300;\r\n      color: #999;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n","#clients {\r\n  padding: 30px 0 60px;\r\n  .owl-carousel .owl-item {\r\n    img {\r\n      display: block;\r\n      width: 100%;\r\n      -webkit-transform-style: preserve-3d;\r\n    }\r\n    margin-right: 10px;\r\n  }\r\n}\r\n\r\n","#contact-section {\r\n  padding: 90px 0;\r\n  .contact-form {\r\n    margin-top: 42px;\r\n    .btn-send {\r\n      color: $white;\r\n      outline: none;\r\n      background: $primary-color;\r\n      &:hover {\r\n        border: 1px solid $primary-color;\r\n      }\r\n    }\r\n  }\r\n  input {\r\n    display: block;\r\n    height: 40px;\r\n    padding: 6px 12px;\r\n    font-size: 13px;\r\n    line-height: 1.428571429;\r\n    background-color: $white;\r\n    background-image: none;\r\n    border: 1px solid #ccc;\r\n    border-radius: 4px;\r\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\r\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\r\n    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\r\n    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\r\n    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\r\n    border-radius: 1px;\r\n    border: 1px solid rgba(111, 121, 122, 0.3);\r\n    box-shadow: none;\r\n    -webkit-box-shadow: none;\r\n  }\r\n  textarea {\r\n    display: block;\r\n    border-radius: 0;\r\n    width: 100%;\r\n    padding: 6px 12px;\r\n    font-size: 14px;\r\n    line-height: 1.42857143;\r\n    color: #555555;\r\n    background-color: $white;\r\n    background-image: none;\r\n    border: 1px solid #cccccc;\r\n    box-shadow: none;\r\n    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\r\n    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\r\n    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\r\n  }\r\n  .address, .email, .phone {\r\n    text-align: center;\r\n    background: #F7F7F7;\r\n    padding: 20px 0 40px 0;\r\n    margin-bottom: 20px;\r\n  }\r\n  .address i, .email i, .phone i {\r\n    font-size: 45px;\r\n    color: $primary-color;\r\n  }\r\n  .address h5, .email h5, .phone h5 {\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n  }\r\n  .address-details {\r\n    padding-top: 70px;\r\n  }\r\n}\r\n\r\n#map-canvas {\r\n  width: 100%;\r\n  height: 350px;\r\n  background-color: #CCC;\r\n}\r\n\r\n.error {\r\n  padding: 10px;\r\n  color: #D8000C;\r\n  border-radius: 2px;\r\n  font-size: 14px;\r\n  background-color: #FFBABA;\r\n}\r\n\r\n.success {\r\n  background-color: #6cb670;\r\n  border-radius: 2px;\r\n  color: #fff;\r\n  font-size: 14px;\r\n  padding: 10px;\r\n}\r\n\r\n#error, #success{\r\n  display: none;\r\n  margin-bottom: 10px;\r\n}","\r\n.gallery {\r\n  padding: 100px;\r\n  figure .buttons {\r\n    left: 40%;\r\n  }\r\n}\r\n\r\n.portfolio-meta span {\r\n  margin: 5px 10px;\r\n  font-weight: 300;\r\n  a {\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.portfolio-single {\r\n  padding: 80px 0 20px;\r\n  .portfolio-content {\r\n    padding: 40px 0;\r\n  }\r\n}\r\n\r\n.single-post {\r\n  padding: 80px 0 20px;\r\n  .post-content {\r\n    padding: 40px 0;\r\n    ol li, ul li {\r\n      color: #666;\r\n    }\r\n  }\r\n  .media {\r\n    border: 1px solid #dedede;\r\n    padding: 30px 20px;\r\n    .media-body a {\r\n      color: $primary-color;\r\n      font-size: 12px;\r\n    }\r\n    .media {\r\n      border: none;\r\n    }\r\n  }\r\n  .comments {\r\n    margin-top: 40px;\r\n  }\r\n  .post-comment {\r\n    margin-top: 40px;\r\n    h3 {\r\n      margin-bottom: 15px;\r\n    }\r\n    .form-control {\r\n      box-shadow: none;\r\n      border-radius: 0;\r\n    }\r\n    .btn-send {\r\n      background: $primary-color;\r\n      color: $white;\r\n      border-radius: 0;\r\n    }\r\n  }\r\n}\r\n","\r\n#product-showcase-banner {\r\n  padding-top: 160px;\r\n  .block {\r\n    padding: 20px 0 20px 50px;\r\n    h2 {\r\n      font-size: 40px;\r\n      color: $primary-color;\r\n      margin-bottom: 20px;\r\n      margin-top: 0;\r\n    }\r\n    p {\r\n      color: #666;\r\n      line-height: 25px;\r\n    }\r\n    .buttons {\r\n      margin-top: 25px;\r\n      .btn {\r\n        color: $white;\r\n        border: none;\r\n        padding: 12px 40px;\r\n        -webkit-transition: .2s all;\r\n        -o-transition: .2s all;\r\n        transition: .2s all;\r\n        letter-spacing: 2px;\r\n        font-size: 15px;\r\n      }\r\n      .btn-demo {\r\n        background: #5abd4f;\r\n        margin-right: 8px;\r\n        border-bottom: 3px solid #429E38;\r\n        &:hover {\r\n          background: #429E38;\r\n        }\r\n      }\r\n      .btn-buy {\r\n        background: #00AEDA;\r\n        border-bottom: 3px solid #0190B5;\r\n        &:hover {\r\n          background: #0190B5;\r\n        }\r\n        span {\r\n          margin-right: 8px;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#product-description {\r\n  padding-top: 80px;\r\n  .block {\r\n    height: 400px;\r\n    overflow: hidden;\r\n    margin-top: 35px;\r\n    border-bottom: 1px solid #dedede;\r\n    padding-top: 30px;\r\n    position: relative;\r\n    webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    &:hover img {\r\n      -webkit-transform: translateY(20px);\r\n      -moz-transform: translateY(20px);\r\n      -ms-transform: translateY(20px);\r\n      -o-transform: translateY(20px);\r\n      transform: translateY(20px);\r\n    }\r\n    img {\r\n      position: absolute;\r\n      top: 10px;\r\n      left: 0;\r\n      -webkit-transform: translateY(60px);\r\n      -moz-transform: translateY(60px);\r\n      -ms-transform: translateY(60px);\r\n      -o-transform: translateY(60px);\r\n      transform: translateY(60px);\r\n      -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n      -moz-transition: -moz-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n      -o-transition: -o-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n      transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    }\r\n    .content {\r\n      width: 60%;\r\n      padding-top: 70px;\r\n      h3 {\r\n        font-size: 32px;\r\n        color: #5c5c5c;\r\n      }\r\n      p {\r\n        color: #787f8c;\r\n        line-height: 25px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#related-items {\r\n  padding: 60px 0 110px;\r\n  .title {\r\n    border-bottom: 1px solid #dedede;\r\n    padding: 10px 0;\r\n    margin: 5px 15px 30px 15px;\r\n    text-align: left;\r\n    color: #777;\r\n  }\r\n  .product-details {\r\n    margin-bottom: 0;\r\n  }\r\n  .block {\r\n    position: relative;\r\n    background: $white;\r\n    margin-bottom: 45px;\r\n    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.14);\r\n    &:hover .img-overly .overly {\r\n      opacity: 1;\r\n    }\r\n    h4 {\r\n      padding: 20px 15px;\r\n      margin-top: 0;\r\n      color: #666;\r\n      span {\r\n        float: right;\r\n        color: $primary-color;\r\n      }\r\n    }\r\n    .img-overly {\r\n      position: relative;\r\n      background: rgba(0, 0, 0, 0.85);\r\n      img {\r\n        border-radius: 0;\r\n      }\r\n      .overly {\r\n        background: rgba(57, 181, 74, 0.9);\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        left: 0;\r\n        bottom: 0;\r\n        opacity: 0;\r\n        -webkit-transition: .3s all;\r\n        -o-transition: .3s all;\r\n        transition: .3s all;\r\n        a {\r\n          position: absolute;\r\n          top: 45%;\r\n          left: 45%;\r\n          i {\r\n            font-size: 30px;\r\n            color: $white;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","\r\n.service-page .service-parts .block {\r\n  margin-bottom: 40px;\r\n  text-align: center;\r\n  i {\r\n    font-size: 35px;\r\n    color: $primary-color;\r\n  }\r\n  p {\r\n    padding: 0 8px;\r\n    font-size: 14px;\r\n    color: #777;\r\n    line-height: 1.7;\r\n  }\r\n}\r\n\r\n.works.service-page figure .buttons {\r\n  position: absolute;\r\n  top: 45%;\r\n  left: 13%;\r\n}\r\n","#team {\r\n  margin: 50px 0;\r\n}\r\n\r\n.team-member {\r\n  margin-top: 30px;\r\n  &:hover .team-img img {\r\n    opacity: .8;\r\n  }\r\n  .team-img {\r\n    position: relative;\r\n    .team-pic {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .team_designation {\r\n    font-size: 13px;\r\n  }\r\n  h3 {\r\n    color: $primary-color;\r\n    margin-bottom: 0;\r\n    font-size: 20px;\r\n  }\r\n  p {\r\n    font-size: 14px;\r\n  }\r\n  .social-icons {\r\n    a {\r\n      background: $primary-color;\r\n      color: $white;\r\n      padding: 4px 8px;\r\n      display: inline-block;\r\n      font-size: 15px;\r\n    }\r\n    .facebook {\r\n      padding: 4px 12px;\r\n    }\r\n  }\r\n}","#footer {\r\n  background: $white;\r\n  padding: 25px 0;\r\n  color: #555;\r\n  .copyright {\r\n    font-size: 13px;\r\n    margin-bottom: 0;\r\n    a {\r\n      color: $primary-color;\r\n    }\r\n  }\r\n  .social {\r\n    text-align: right;\r\n    margin-bottom: 0;\r\n    li {\r\n      display: inline-block;\r\n      margin-right: 15px;\r\n      a {\r\n        font-size: 22px;\r\n        color: $primary-color;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.cd-headline.slide .cd-words-wrapper {\r\n  color: $primary-color;\r\n}\r\n\r\nul.social-icons {\r\n  height: auto;\r\n  overflow: hidden;\r\n  list-style: none !important;\r\n  margin-bottom: 10px;\r\n  li {\r\n    float: none;\r\n    display: inline-block;\r\n    height: 36px;\r\n  }\r\n}\r\n\r\n#copyright {\r\n  a:hover, nav .menu li a:hover {\r\n    color: #e4e4e4 !important;\r\n  }\r\n  a {\r\n    text-decoration: none;\r\n    &:hover {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n}","/* Responsive styles\r\n================================================== */\r\n/* Large Devices, Wide Screens */\r\n@media (min-width: 1200px) {\r\n  /* Dropdown animation */\r\n  .navbar-nav .dropdown-menu,\r\n  .navbar-nav .dropdown.megamenu div.dropdown-menu {\r\n    background: none;\r\n    border: 0;\r\n    box-shadow: none;\r\n    display: block;\r\n    opacity: 0;\r\n    z-index: 1;\r\n    visibility: hidden;\r\n    -webkit-transform: scale(0.8);\r\n    -moz-transform: scale(0.8);\r\n    -ms-transform: scale(0.8);\r\n    -o-transform: scale(0.8);\r\n    transform: scale(0.8);\r\n    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\r\n    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\r\n    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\r\n    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\r\n    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\r\n  }\r\n  .navbar-nav .dropdown:hover div.dropdown-menu,\r\n  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    color: #777;\r\n    -webkit-transform: scale(1);\r\n    -moz-transform: scale(1);\r\n    -ms-transform: scale(1);\r\n    -o-transform: scale(1);\r\n    transform: scale(1);\r\n  }\r\n  .navbar-nav .dropdown-backdrop {\r\n    visibility: hidden;\r\n  }\r\n}\r\n/*\t\tTablet Layout: 768px.\r\n\t\tGutters: 24px.\r\n\t\tOuter margins: 28px.\r\n\t\tInherits styles from: Default Layout.\r\n-----------------------------------------------------------------\r\ncols    1     2      3      4      5      6      7      8\r\npx      68    160    252    344    436    528    620    712    */\r\n/*\t\tMobile Layout: 320px.\r\n\t\tGutters: 24px.\r\n\t\tOuter margins: 34px.\r\n\t\tInherits styles from: Default Layout.\r\n---------------------------------------------\r\ncols    1     2      3\r\npx      68    160    252    */\r\n@media only screen and (max-width: 767px) {\r\n  .title {\r\n    font-size: 40px;\r\n  }\r\n  .navbar-header .navbar-brand a {\r\n    padding: 6px 8px;\r\n  }\r\n  #hero-area {\r\n    padding: 140px 0;\r\n  }\r\n  #hero-area .btn {\r\n    margin-top: 8px;\r\n  }\r\n  #about {\r\n    padding: 70px 0;\r\n  }\r\n  #about .block {\r\n    padding: 0;\r\n  }\r\n  figure .buttons {\r\n    left: 16%;\r\n  }\r\n  #feature .media {\r\n    margin: 0px 0px 35px;\r\n  }\r\n  #footer .copyright {\r\n    text-align: center;\r\n  }\r\n  #footer .social {\r\n    text-align: center;\r\n  }\r\n  .dropdown-menu > ul > li > a {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n    text-decoration: none;\r\n    padding: 15px;\r\n    color: #333;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n  }\r\n  .dropdown-menu > ul {\r\n    list-style: none;\r\n    padding: 0 15px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    margin-bottom: 0;\r\n    margin-top: -5px;\r\n    background: $white;\r\n    background-color: rgba(255, 255, 255, 0.95);\r\n    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);\r\n  }\r\n  .navbar-collapse {\r\n    background: #333333;\r\n  }\r\n  #top-bar .main-menu li > a {\r\n    color: $white;\r\n    padding: 21px 10px;\r\n    background: transparent;\r\n  }\r\n  #top-bar .dropdown-menu > ul {\r\n    list-style: none;\r\n    padding: 0 15px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    margin-bottom: 0;\r\n    margin-top: -5px;\r\n    background: $white;\r\n    background-color: rgba(255, 255, 255, 0.95);\r\n    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);\r\n  }\r\n  #top-bar .dropdown-menu > ul > li > a {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: normal;\r\n    text-decoration: none;\r\n    padding: 15px;\r\n    color: #333;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n  }\r\n}\r\n/*\t\tWide Mobile Layout: 480px.\r\n\t\tGutters: 24px.\r\n\t\tOuter margins: 22px.\r\n\t\tInherits styles from: Default Layout, Mobile Layout.\r\n------------------------------------------------------------\r\ncols    1     2      3      4      5\r\npx      68    160    252    344    436    */\r\n","@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);\n@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);\n@import url(http://fonts.googleapis.com/css?family=Glegoo);\nbody {\n  font-family: \"Roboto\", sans-serif;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: \"Roboto Condensed\", sans-serif;\n}\n\nh2 {\n  font-size: 26px;\n}\n\np {\n  font-family: \"Roboto\", sans-serif;\n  line-height: 22px;\n  font-size: 16px;\n  font-weight: 300;\n}\n\nbody {\n  background: #ffffff;\n}\n\nul {\n  padding-left: 0;\n}\n\nul li {\n  list-style: none;\n}\n\na:hover {\n  text-decoration: none;\n}\n\n.section-heading {\n  text-align: center;\n  margin-bottom: 65px;\n}\n\n.section-heading p {\n  font-size: 14px;\n  font-weight: 300;\n  color: #727272;\n  line-height: 20px;\n}\n\n.title {\n  font-size: 30px;\n  line-height: 1.1;\n  font-weight: 300;\n  color: #333;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n\n.subtitle {\n  font-size: 24px;\n  font-weight: 600;\n  margin-bottom: 18px;\n  text-transform: uppercase;\n}\n\n.subtitle-des {\n  color: #727272;\n  font-size: 14px;\n  margin-bottom: 35px;\n  font-weight: 300;\n}\n\n.pages {\n  padding: 80px 0 40px;\n}\n\n.moduler {\n  padding: 140px 0;\n}\n\n.social-share li {\n  display: inline-block;\n  margin: 3px 1px;\n}\n\n.social-share a {\n  font-size: 20px;\n  color: #fff;\n  background: #02bdd5;\n  padding: 4px 10px;\n  display: inline-block;\n}\n\n.fancybox-close {\n  background: url(\"../images/icons/close.png\") no-repeat scroll 0 0 transparent;\n  height: 50px;\n  right: 0;\n  top: 0;\n  width: 50px;\n}\n\n.fancybox-next span {\n  background: url(\"../images/icons/right.png\") no-repeat scroll center center #009ee3;\n  height: 50px;\n  width: 50px;\n  right: 0;\n}\n\n.fancybox-prev span {\n  background: url(\"../images/icons/left.png\") no-repeat scroll center center #009ee3;\n  height: 50px;\n  width: 50px;\n  left: 0;\n}\n\n.fancybox-title {\n  padding: 15px 8px;\n}\n\n.fancybox-title h3 {\n  font-size: 15px;\n  margin: 0;\n}\n\n.global-page-header {\n  background-attachment: fixed;\n  background-size: cover;\n  padding: 120px 0 25px 0;\n  position: relative;\n  background: #02bdd5;\n  color: #fff;\n}\n\n.global-page-header h2 {\n  font-size: 42px;\n  font-weight: bold;\n  color: #fff;\n  text-transform: uppercase;\n}\n\n.global-page-header .breadcrumb {\n  background: none;\n  font-size: 16px;\n  padding: 8px  0;\n}\n\n.global-page-header .breadcrumb .active, .global-page-header .breadcrumb li a {\n  color: #fff;\n}\n\n.global-page-header .block {\n  position: relative;\n  z-index: 99;\n  text-align: center;\n}\n\n.works-fit {\n  padding: 40px 0;\n}\n\n.works-fit figure .buttons {\n  left: 14%;\n}\n\n.company-description {\n  margin-top: 30px;\n}\n\n.company-description .block h3 {\n  margin-top: 0;\n}\n\n.company-description .block p {\n  color: #727272;\n}\n\n/*=== MEDIA QUERY ===*/\n.navbar-default .navbar-nav li a:hover {\n  color: #02bdd5;\n}\n\n.navbar.navbar-default {\n  border: 0;\n  border-radius: 0;\n  margin-bottom: 0;\n}\n\n.navbar.navbar-default .navbar-toggle {\n  margin-top: 32px;\n}\n\n.navbar-header .navbar-brand {\n  padding: 5px 0;\n}\n\n.navbar-header .navbar-brand a {\n  height: auto;\n  display: inline-block;\n  margin-top: 8px;\n}\n\n.navbar-inverse .navbar-toggle {\n  background: #444;\n}\n\n.navbar-inverse .navbar-toggle:focus {\n  background: #444;\n}\n\n#top-bar {\n  background: #fff;\n  color: #fff;\n  -webkit-transition: all 0.2s ease-out 0s;\n  transition: all 0.2s ease-out 0s;\n  padding: 15px 0;\n  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);\n  border-bottom: 1px solid #dedede;\n}\n\n#top-bar .navbar-nav li a:hover {\n  background: transparent;\n}\n\n#top-bar.animated-header {\n  padding: 20px 0;\n  background: #fff;\n  box-shadow: none;\n}\n\n#top-bar .main-menu li {\n  position: relative;\n}\n\n#top-bar .main-menu li a {\n  color: #444;\n  font-size: 14px;\n  font-weight: 500;\n  border-bottom: 2px solid transparent;\n  -webkit-transition: .3s all;\n  -o-transition: .3s all;\n  transition: .3s all;\n  text-transform: uppercase;\n}\n\n#top-bar .main-menu li a:hover {\n  color: #02bdd5;\n}\n\n.navbar-custom .nav li a {\n  position: relative;\n  color: #222222;\n}\n\n.navbar-right .dropdown-menu {\n  right: auto;\n  left: 0;\n}\n\n.navbar-custom .dropdown-menu {\n  position: absolute;\n  display: block;\n  visibility: hidden;\n  opacity: 0;\n}\n\n.navbar-toggle {\n  background: #222222;\n}\n\n.navbar-toggle .icon-bar {\n  background: #fff;\n}\n\n.dropdown-menu ul {\n  list-style: none;\n  padding: 15px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0;\n  margin-top: -5px;\n  background: #fff;\n  background-color: rgba(0, 0, 0, 0.95);\n  box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);\n}\n\n.nav .open a {\n  background-color: transparent;\n}\n\n.nav .open a:focus {\n  background-color: transparent;\n}\n\n#top-bar .dropdown-menu ul li a {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: normal;\n  text-decoration: none;\n  padding: 8px 0;\n  color: #fff;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n#hero-area {\n  background: url(\"../images/slider.jpg\") no-repeat 50%;\n  background-size: cover;\n  background-attachment: fixed;\n  padding: 230px 0;\n  color: #fff;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n  position: relative;\n}\n\n#hero-area:before {\n  content: '';\n  z-index: 9;\n  background: rgba(255, 255, 255, 0.78);\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n#hero-area .block {\n  position: relative;\n  z-index: 999;\n}\n\n#hero-area h1 {\n  font-size: 40px;\n  line-height: 50px;\n  color: #333;\n  font-weight: 700;\n  margin-bottom: 15px;\n  text-transform: uppercase;\n}\n\n#hero-area h2 {\n  font-size: 18px;\n  font-weight: 300;\n  margin-bottom: 38px;\n  line-height: 27px;\n  text-transform: uppercase;\n  color: #666;\n  font-family: 'Roboto', sans-serif;\n  margin-top: 25px;\n}\n\n#hero-area .btn {\n  background: #414141;\n  border: none;\n  color: #fff;\n  padding: 20px 35px;\n  margin-top: 30px;\n  font-size: 16px;\n  font-size: 13px;\n  line-height: 1em;\n  text-transform: uppercase;\n  letter-spacing: normal;\n  border-radius: 0;\n}\n\n#call-to-action {\n  background: #02bdd5;\n  background-size: cover;\n  background-attachment: fixed;\n  padding: 80px 0;\n  text-align: center;\n  position: relative;\n  color: #fff;\n}\n\n#call-to-action .block {\n  position: relative;\n  z-index: 99;\n  color: #fff;\n}\n\n#call-to-action .block h2 {\n  margin-bottom: 15px;\n  color: #fff;\n}\n\n#call-to-action .block p {\n  font-size: 15px;\n  font-weight: 300;\n  font-family: 'Roboto', sans-serif;\n  margin-top: 20px;\n}\n\n#call-to-action .block .btn-contact {\n  background: #fff;\n  border: none;\n  color: #02bdd5;\n  padding: 16px 35px;\n  margin-top: 20px;\n  font-size: 12px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  border-radius: 0;\n}\n\n#call-to-action .block .btn-contact i {\n  margin-right: 10px;\n}\n\n#about {\n  padding: 110px 0;\n}\n\n#about .block {\n  padding: 20px 30px 0 30px;\n}\n\n#about .block h2 {\n  font-size: 24px;\n  font-weight: 600;\n  margin-bottom: 30px;\n  text-transform: uppercase;\n}\n\n#about .block p {\n  color: #727272;\n  font-size: 16px;\n  line-height: 28px;\n  margin-bottom: 35px;\n}\n\n#about .block img {\n  max-width: 100%;\n}\n\n.about-feature {\n  margin-top: 50px;\n}\n\n.about-feature .block {\n  color: #fff;\n  width: 33.33%;\n  padding: 5%;\n  float: left;\n}\n\n.about-feature .block p {\n  font-weight: 300;\n}\n\n.about-feature .about-feature-1 {\n  background: #02bdd5;\n}\n\n.about-feature .about-feature-2 {\n  background: #00B0C7;\n}\n\n.about-feature .about-feature-3 {\n  background: #00A6BB;\n}\n\n.works {\n  padding: 80px 0;\n  background: #FCFCFC;\n}\n\n.works .block {\n  position: relative;\n  z-index: 99;\n}\n\n.works .block:hover .img-overly .overly {\n  opacity: 1;\n}\n\n.works .block h4 {\n  padding: 20px 15px;\n  margin-top: 0;\n  color: #666;\n}\n\n.works .block .img-overly {\n  position: relative;\n  background: rgba(0, 0, 0, 0.85);\n}\n\n.works .block .img-overly img {\n  border-radius: 0;\n}\n\n.works .block .img-overly .overly {\n  background: rgba(57, 181, 74, 0.9);\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  opacity: 0;\n  -webkit-transition: .3s all;\n  -o-transition: .3s all;\n  transition: .3s all;\n}\n\n.works .block .img-overly .overly a {\n  position: absolute;\n  top: 45%;\n  left: 22%;\n}\n\n.works .block .img-overly .overly a i {\n  font-size: 30px;\n  color: #fff;\n}\n\nfigure {\n  background: #fff;\n  margin-bottom: 45px;\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);\n}\n\nfigure .img-wrapper {\n  position: relative;\n  overflow: hidden;\n}\n\nfigure img {\n  -webkit-transform: scale3d(1, 1, 1);\n  transform: scale3d(1, 1, 1);\n  -webkit-transition: -webkit-transform 400ms;\n  transition: transform 400ms;\n}\n\nfigure:hover img {\n  -webkit-transform: scale3d(1.2, 1.2, 1);\n  transform: scale3d(1.2, 1.2, 1);\n}\n\nfigure:hover .overlay {\n  opacity: 1;\n}\n\nfigure:hover .overlay .buttons a {\n  -webkit-transform: scale3d(1, 1, 1);\n  transform: scale3d(1, 1, 1);\n}\n\nfigure .overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 10px;\n  text-align: center;\n  background: rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  -webkit-transition: opacity 400ms;\n  transition: opacity 400ms;\n}\n\nfigure .overlay a {\n  display: inline-block;\n  color: #fff;\n  padding: 10px 23px;\n  line-height: 1;\n  border: 1px solid #fff;\n  border-radius: 0px;\n  margin: 4px;\n  -webkit-transform: scale3d(0, 0, 0);\n  transform: scale3d(0, 0, 0);\n  -webkit-transition: all 400ms;\n  transition: all 400ms;\n}\n\nfigure .overlay a:hover {\n  text-decoration: none;\n}\n\nfigure .overlay:hover a {\n  -webkit-transform: scale3d(1, 1, 1);\n  transform: scale3d(1, 1, 1);\n}\n\nfigure .buttons {\n  position: absolute;\n  top: 45%;\n  left: 24%;\n}\n\nfigure figcaption {\n  padding: 20px 25px;\n  margin-top: 0;\n  color: #666;\n}\n\nfigure figcaption h4 {\n  margin: 0;\n}\n\nfigure figcaption h4 a {\n  color: #02bdd5;\n}\n\nfigure figcaption p {\n  font-size: 14px;\n  margin-bottom: 0;\n  margin-top: 5px;\n}\n\n#feature {\n  padding: 80px 0;\n}\n\n#feature .media {\n  margin: 0px 0 70px 0;\n}\n\n#feature .media .media-left {\n  padding-right: 25px;\n}\n\n#feature h3 {\n  color: #222222;\n  font-size: 18px;\n  text-transform: uppercase;\n  text-align: center;\n  margin-bottom: 20px;\n  margin: 0px 0px 15px;\n  font-weight: 400;\n}\n\n#feature p {\n  line-height: 25px;\n  font-size: 14px;\n  color: #777777;\n}\n\n#feature .icon {\n  text-decoration: none;\n  color: #fff;\n  background-color: #02bdd5;\n  height: 100px;\n  text-align: center;\n  width: 100px;\n  font-size: 50px;\n  line-height: 100px;\n  overflow: hidden;\n  -webkit-border-radius: 50%;\n  -moz-border-radius: 50%;\n  -ms-border-radius: 50%;\n  -o-border-radius: 50%;\n  text-shadow: #00a4ba 1px 1px, #00a4ba 2px 2px, #00a4ba 3px 3px, #00a4ba 4px 4px, #00a4ba 5px 5px, #00a4ba 6px 6px, #00a4ba 7px 7px, #00a4ba 8px 8px, #00a4ba 9px 9px, #00a4ba 10px 10px, #00a4ba 11px 11px, #00a4ba 12px 12px, #00a4ba 13px 13px, #00a4ba 14px 14px, #00a4ba 15px 15px, #00a4ba 16px 16px, #00a4ba 17px 17px, #00a4ba 18px 18px, #00a4ba 19px 19px, #00a4ba 20px 20px, #00a4ba 21px 21px, #00a4ba 22px 22px, #00a4ba 23px 23px, #00a4ba 24px 24px, #00a4ba 25px 25px, #00a4ba 26px 26px, #00a4ba 27px 27px, #00a4ba 28px 28px, #00a4ba 29px 29px, #00a4ba 30px 30px, #00a4ba 31px 31px, #00a4ba 32px 32px, #00a4ba 33px 33px, #00a4ba 34px 34px, #00a4ba 35px 35px, #00a4ba 36px 36px, #00a4ba 37px 37px, #00a4ba 38px 38px, #00a4ba 39px 39px, #00a4ba 40px 40px, #00a4ba 41px 41px, #00a4ba 42px 42px, #00a4ba 43px 43px, #00a4ba 44px 44px, #00a4ba 45px 45px, #00a4ba 46px 46px, #00a4ba 47px 47px, #00a4ba 48px 48px, #00a4ba 49px 49px, #00a4ba 50px 50px, #00a4ba 51px 51px, #00a4ba 52px 52px, #00a4ba 53px 53px, #00a4ba 54px 54px, #00a4ba 55px 55px, #00a4ba 56px 56px, #00a4ba 57px 57px, #00a4ba 58px 58px, #00a4ba 59px 59px, #00a4ba 60px 60px, #00a4ba 61px 61px, #00a4ba 62px 62px, #00a4ba 63px 63px, #00a4ba 64px 64px, #00a4ba 65px 65px, #00a4ba 66px 66px, #00a4ba 67px 67px, #00a4ba 68px 68px, #00a4ba 69px 69px, #00a4ba 70px 70px, #00a4ba 71px 71px, #00a4ba 72px 72px, #00a4ba 73px 73px, #00a4ba 74px 74px, #00a4ba 75px 75px, #00a4ba 76px 76px, #00a4ba 77px 77px, #00a4ba 78px 78px, #00a4ba 79px 79px, #00a4ba 80px 80px, #00a4ba 81px 81px, #00a4ba 82px 82px, #00a4ba 83px 83px, #00a4ba 84px 84px, #00a4ba 85px 85px, #00a4ba 86px 86px, #00a4ba 87px 87px, #00a4ba 88px 88px, #00a4ba 89px 89px, #00a4ba 90px 90px, #00a4ba 91px 91px, #00a4ba 92px 92px, #00a4ba 93px 93px, #00a4ba 94px 94px, #00a4ba 95px 95px, #00a4ba 96px 96px, #00a4ba 97px 97px, #00a4ba 98px 98px, #00a4ba 99px 99px, #00a4ba 100px 100px;\n}\n\n.wrapper_404 h1 {\n  font-size: 200px;\n  color: #02bdd5;\n  line-height: 1;\n}\n\n.wrapper_404 h2 {\n  font-size: 50px;\n  margin-top: 0;\n}\n\n.wrapper_404 .btn-home {\n  background: #414141;\n  border: none;\n  color: #fff;\n  padding: 20px 35px;\n  margin-top: 10px;\n  font-size: 16px;\n  font-size: 13px;\n  line-height: 1em;\n  text-transform: uppercase;\n  letter-spacing: normal;\n  border-radius: 0;\n}\n\n#blog-full-width {\n  padding: 40px 0 80px;\n}\n\narticle {\n  padding: 30px 0;\n}\n\n.blog-content h2 {\n  font-family: 'Roboto', sans-serif;\n}\n\n.blog-content h2 a {\n  color: #444;\n  font-weight: 400;\n  font-size: 30px;\n}\n\n.blog-content .blog-meta {\n  color: #9a9a9a;\n  font-weight: 300;\n  margin-bottom: 25px;\n}\n\n.blog-content .blog-meta span:after {\n  content: '/';\n  padding: 0 3px 0 6px;\n}\n\n.blog-content .blog-meta a {\n  color: #acacac;\n}\n\n.blog-content .blog-meta p {\n  margin-top: 20px;\n}\n\n.blog-content .btn-details {\n  color: #02bdd5;\n  padding: 0;\n  background: #02bdd5;\n  color: #fff;\n  padding: 8px 18px;\n  border-radius: 0;\n  margin-top: 15px;\n  border: 1px solid #fff;\n  box-shadow: 0px 0px 0px 1px #02bdd5;\n}\n\n.blog-post-image {\n  margin-top: 30px;\n}\n\n.sidebar {\n  padding-top: 60px;\n}\n\n.sidebar .widget {\n  margin-bottom: 40px;\n  padding: 15px;\n  border: 1px solid #dedede;\n}\n\n.sidebar .widget h3 {\n  margin-top: 8px;\n}\n\n.sidebar .search input.form-control {\n  border-right: 0;\n  border-radius: 0;\n  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);\n}\n\n.sidebar .search button {\n  border-left: 0;\n}\n\n.sidebar .search button:hover {\n  background: transparent;\n}\n\n.sidebar .author .author-img img {\n  width: 90px;\n  border-radius: 100%;\n  margin-top: -40px;\n  border: 3px solid #fff;\n}\n\n.sidebar .author .author-bio p {\n  font-size: 14px;\n  color: #888;\n}\n\n.sidebar .categories ul li {\n  border-bottom: 1px solid #f0f0f0;\n  padding: 10px 0;\n  list-style: none;\n}\n\n.sidebar .categories ul li span.badge {\n  float: right;\n  background: transparent;\n  color: #444;\n  border: 1px solid #dedede;\n  border-radius: 0;\n}\n\n.sidebar .categories ul li a {\n  color: #555;\n}\n\n.sidebar .categories ul li:last-child {\n  border-bottom: none;\n}\n\n.sidebar .recent-post ul li {\n  margin: 20px 0;\n}\n\n.sidebar .recent-post ul li a {\n  color: #555;\n  font-size: 15px;\n}\n\n.sidebar .recent-post ul li a:hover {\n  color: #02bdd5;\n}\n\n.sidebar .recent-post time {\n  font-weight: 300;\n  color: #999;\n  font-size: 12px;\n}\n\n#clients {\n  padding: 30px 0 60px;\n}\n\n#clients .owl-carousel .owl-item {\n  margin-right: 10px;\n}\n\n#clients .owl-carousel .owl-item img {\n  display: block;\n  width: 100%;\n  -webkit-transform-style: preserve-3d;\n}\n\n#contact-section {\n  padding: 90px 0;\n}\n\n#contact-section .contact-form {\n  margin-top: 42px;\n}\n\n#contact-section .contact-form .btn-send {\n  color: #fff;\n  outline: none;\n  background: #02bdd5;\n}\n\n#contact-section .contact-form .btn-send:hover {\n  border: 1px solid #02bdd5;\n}\n\n#contact-section input {\n  display: block;\n  height: 40px;\n  padding: 6px 12px;\n  font-size: 13px;\n  line-height: 1.428571429;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n  border-radius: 1px;\n  border: 1px solid rgba(111, 121, 122, 0.3);\n  box-shadow: none;\n  -webkit-box-shadow: none;\n}\n\n#contact-section textarea {\n  display: block;\n  border-radius: 0;\n  width: 100%;\n  padding: 6px 12px;\n  font-size: 14px;\n  line-height: 1.42857143;\n  color: #555555;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #cccccc;\n  box-shadow: none;\n  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n\n#contact-section .address, #contact-section .email, #contact-section .phone {\n  text-align: center;\n  background: #F7F7F7;\n  padding: 20px 0 40px 0;\n  margin-bottom: 20px;\n}\n\n#contact-section .address i, #contact-section .email i, #contact-section .phone i {\n  font-size: 45px;\n  color: #02bdd5;\n}\n\n#contact-section .address h5, #contact-section .email h5, #contact-section .phone h5 {\n  font-size: 16px;\n  line-height: 1.4;\n}\n\n#contact-section .address-details {\n  padding-top: 70px;\n}\n\n#map-canvas {\n  width: 100%;\n  height: 350px;\n  background-color: #CCC;\n}\n\n.error {\n  padding: 10px;\n  color: #D8000C;\n  border-radius: 2px;\n  font-size: 14px;\n  background-color: #FFBABA;\n}\n\n.success {\n  background-color: #6cb670;\n  border-radius: 2px;\n  color: #fff;\n  font-size: 14px;\n  padding: 10px;\n}\n\n#error, #success {\n  display: none;\n  margin-bottom: 10px;\n}\n\n.gallery {\n  padding: 100px;\n}\n\n.gallery figure .buttons {\n  left: 40%;\n}\n\n.portfolio-meta span {\n  margin: 5px 10px;\n  font-weight: 300;\n}\n\n.portfolio-meta span a {\n  color: #fff;\n}\n\n.portfolio-single {\n  padding: 80px 0 20px;\n}\n\n.portfolio-single .portfolio-content {\n  padding: 40px 0;\n}\n\n.single-post {\n  padding: 80px 0 20px;\n}\n\n.single-post .post-content {\n  padding: 40px 0;\n}\n\n.single-post .post-content ol li, .single-post .post-content ul li {\n  color: #666;\n}\n\n.single-post .media {\n  border: 1px solid #dedede;\n  padding: 30px 20px;\n}\n\n.single-post .media .media-body a {\n  color: #02bdd5;\n  font-size: 12px;\n}\n\n.single-post .media .media {\n  border: none;\n}\n\n.single-post .comments {\n  margin-top: 40px;\n}\n\n.single-post .post-comment {\n  margin-top: 40px;\n}\n\n.single-post .post-comment h3 {\n  margin-bottom: 15px;\n}\n\n.single-post .post-comment .form-control {\n  box-shadow: none;\n  border-radius: 0;\n}\n\n.single-post .post-comment .btn-send {\n  background: #02bdd5;\n  color: #fff;\n  border-radius: 0;\n}\n\n#product-showcase-banner {\n  padding-top: 160px;\n}\n\n#product-showcase-banner .block {\n  padding: 20px 0 20px 50px;\n}\n\n#product-showcase-banner .block h2 {\n  font-size: 40px;\n  color: #02bdd5;\n  margin-bottom: 20px;\n  margin-top: 0;\n}\n\n#product-showcase-banner .block p {\n  color: #666;\n  line-height: 25px;\n}\n\n#product-showcase-banner .block .buttons {\n  margin-top: 25px;\n}\n\n#product-showcase-banner .block .buttons .btn {\n  color: #fff;\n  border: none;\n  padding: 12px 40px;\n  -webkit-transition: .2s all;\n  -o-transition: .2s all;\n  transition: .2s all;\n  letter-spacing: 2px;\n  font-size: 15px;\n}\n\n#product-showcase-banner .block .buttons .btn-demo {\n  background: #5abd4f;\n  margin-right: 8px;\n  border-bottom: 3px solid #429E38;\n}\n\n#product-showcase-banner .block .buttons .btn-demo:hover {\n  background: #429E38;\n}\n\n#product-showcase-banner .block .buttons .btn-buy {\n  background: #00AEDA;\n  border-bottom: 3px solid #0190B5;\n}\n\n#product-showcase-banner .block .buttons .btn-buy:hover {\n  background: #0190B5;\n}\n\n#product-showcase-banner .block .buttons .btn-buy span {\n  margin-right: 8px;\n  font-weight: bold;\n}\n\n#product-description {\n  padding-top: 80px;\n}\n\n#product-description .block {\n  height: 400px;\n  overflow: hidden;\n  margin-top: 35px;\n  border-bottom: 1px solid #dedede;\n  padding-top: 30px;\n  position: relative;\n  webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n}\n\n#product-description .block:hover img {\n  -webkit-transform: translateY(20px);\n  -moz-transform: translateY(20px);\n  -ms-transform: translateY(20px);\n  -o-transform: translateY(20px);\n  transform: translateY(20px);\n}\n\n#product-description .block img {\n  position: absolute;\n  top: 10px;\n  left: 0;\n  -webkit-transform: translateY(60px);\n  -moz-transform: translateY(60px);\n  -ms-transform: translateY(60px);\n  -o-transform: translateY(60px);\n  transform: translateY(60px);\n  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\n  -moz-transition: -moz-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\n  -o-transition: -o-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\n  transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n#product-description .block .content {\n  width: 60%;\n  padding-top: 70px;\n}\n\n#product-description .block .content h3 {\n  font-size: 32px;\n  color: #5c5c5c;\n}\n\n#product-description .block .content p {\n  color: #787f8c;\n  line-height: 25px;\n}\n\n#related-items {\n  padding: 60px 0 110px;\n}\n\n#related-items .title {\n  border-bottom: 1px solid #dedede;\n  padding: 10px 0;\n  margin: 5px 15px 30px 15px;\n  text-align: left;\n  color: #777;\n}\n\n#related-items .product-details {\n  margin-bottom: 0;\n}\n\n#related-items .block {\n  position: relative;\n  background: #fff;\n  margin-bottom: 45px;\n  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.14);\n}\n\n#related-items .block:hover .img-overly .overly {\n  opacity: 1;\n}\n\n#related-items .block h4 {\n  padding: 20px 15px;\n  margin-top: 0;\n  color: #666;\n}\n\n#related-items .block h4 span {\n  float: right;\n  color: #02bdd5;\n}\n\n#related-items .block .img-overly {\n  position: relative;\n  background: rgba(0, 0, 0, 0.85);\n}\n\n#related-items .block .img-overly img {\n  border-radius: 0;\n}\n\n#related-items .block .img-overly .overly {\n  background: rgba(57, 181, 74, 0.9);\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  opacity: 0;\n  -webkit-transition: .3s all;\n  -o-transition: .3s all;\n  transition: .3s all;\n}\n\n#related-items .block .img-overly .overly a {\n  position: absolute;\n  top: 45%;\n  left: 45%;\n}\n\n#related-items .block .img-overly .overly a i {\n  font-size: 30px;\n  color: #fff;\n}\n\n.service-page .service-parts .block {\n  margin-bottom: 40px;\n  text-align: center;\n}\n\n.service-page .service-parts .block i {\n  font-size: 35px;\n  color: #02bdd5;\n}\n\n.service-page .service-parts .block p {\n  padding: 0 8px;\n  font-size: 14px;\n  color: #777;\n  line-height: 1.7;\n}\n\n.works.service-page figure .buttons {\n  position: absolute;\n  top: 45%;\n  left: 13%;\n}\n\n#team {\n  margin: 50px 0;\n}\n\n.team-member {\n  margin-top: 30px;\n}\n\n.team-member:hover .team-img img {\n  opacity: .8;\n}\n\n.team-member .team-img {\n  position: relative;\n}\n\n.team-member .team-img .team-pic {\n  width: 100%;\n}\n\n.team-member .team_designation {\n  font-size: 13px;\n}\n\n.team-member h3 {\n  color: #02bdd5;\n  margin-bottom: 0;\n  font-size: 20px;\n}\n\n.team-member p {\n  font-size: 14px;\n}\n\n.team-member .social-icons a {\n  background: #02bdd5;\n  color: #fff;\n  padding: 4px 8px;\n  display: inline-block;\n  font-size: 15px;\n}\n\n.team-member .social-icons .facebook {\n  padding: 4px 12px;\n}\n\n#footer {\n  background: #fff;\n  padding: 25px 0;\n  color: #555;\n}\n\n#footer .copyright {\n  font-size: 13px;\n  margin-bottom: 0;\n}\n\n#footer .copyright a {\n  color: #02bdd5;\n}\n\n#footer .social {\n  text-align: right;\n  margin-bottom: 0;\n}\n\n#footer .social li {\n  display: inline-block;\n  margin-right: 15px;\n}\n\n#footer .social li a {\n  font-size: 22px;\n  color: #02bdd5;\n}\n\n.cd-headline.slide .cd-words-wrapper {\n  color: #02bdd5;\n}\n\nul.social-icons {\n  height: auto;\n  overflow: hidden;\n  list-style: none !important;\n  margin-bottom: 10px;\n}\n\nul.social-icons li {\n  float: none;\n  display: inline-block;\n  height: 36px;\n}\n\n#copyright a:hover, #copyright nav .menu li a:hover {\n  color: #e4e4e4 !important;\n}\n\n#copyright a {\n  text-decoration: none;\n}\n\n#copyright a:hover {\n  text-decoration: none;\n}\n\n/* Responsive styles\r\n================================================== */\n/* Large Devices, Wide Screens */\n@media (min-width: 1200px) {\n  /* Dropdown animation */\n  .navbar-nav .dropdown-menu,\n  .navbar-nav .dropdown.megamenu div.dropdown-menu {\n    background: none;\n    border: 0;\n    box-shadow: none;\n    display: block;\n    opacity: 0;\n    z-index: 1;\n    visibility: hidden;\n    -webkit-transform: scale(0.8);\n    -moz-transform: scale(0.8);\n    -ms-transform: scale(0.8);\n    -o-transform: scale(0.8);\n    transform: scale(0.8);\n    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\n    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\n    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\n    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\n    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);\n  }\n  .navbar-nav .dropdown:hover div.dropdown-menu,\n  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {\n    opacity: 1;\n    visibility: visible;\n    color: #777;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n  }\n  .navbar-nav .dropdown-backdrop {\n    visibility: hidden;\n  }\n}\n\n/*\t\tTablet Layout: 768px.\r\n\t\tGutters: 24px.\r\n\t\tOuter margins: 28px.\r\n\t\tInherits styles from: Default Layout.\r\n-----------------------------------------------------------------\r\ncols    1     2      3      4      5      6      7      8\r\npx      68    160    252    344    436    528    620    712    */\n/*\t\tMobile Layout: 320px.\r\n\t\tGutters: 24px.\r\n\t\tOuter margins: 34px.\r\n\t\tInherits styles from: Default Layout.\r\n---------------------------------------------\r\ncols    1     2      3\r\npx      68    160    252    */\n@media only screen and (max-width: 767px) {\n  .title {\n    font-size: 40px;\n  }\n  .navbar-header .navbar-brand a {\n    padding: 6px 8px;\n  }\n  #hero-area {\n    padding: 140px 0;\n  }\n  #hero-area .btn {\n    margin-top: 8px;\n  }\n  #about {\n    padding: 70px 0;\n  }\n  #about .block {\n    padding: 0;\n  }\n  figure .buttons {\n    left: 16%;\n  }\n  #feature .media {\n    margin: 0px 0px 35px;\n  }\n  #footer .copyright {\n    text-align: center;\n  }\n  #footer .social {\n    text-align: center;\n  }\n  .dropdown-menu > ul > li > a {\n    display: block;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: normal;\n    text-decoration: none;\n    padding: 15px;\n    color: #333;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  }\n  .dropdown-menu > ul {\n    list-style: none;\n    padding: 0 15px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 0;\n    margin-top: -5px;\n    background: #fff;\n    background-color: rgba(255, 255, 255, 0.95);\n    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);\n  }\n  .navbar-collapse {\n    background: #333333;\n  }\n  #top-bar .main-menu li > a {\n    color: #fff;\n    padding: 21px 10px;\n    background: transparent;\n  }\n  #top-bar .dropdown-menu > ul {\n    list-style: none;\n    padding: 0 15px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 0;\n    margin-top: -5px;\n    background: #fff;\n    background-color: rgba(255, 255, 255, 0.95);\n    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);\n  }\n  #top-bar .dropdown-menu > ul > li > a {\n    display: block;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: normal;\n    text-decoration: none;\n    padding: 15px;\n    color: #333;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  }\n}\n\n/*\t\tWide Mobile Layout: 480px.\r\n\t\tGutters: 24px.\r\n\t\tOuter margins: 22px.\r\n\t\tInherits styles from: Default Layout, Mobile Layout.\r\n------------------------------------------------------------\r\ncols    1     2      3      4      5\r\npx      68    160    252    344    436    */\n"]}