style.css

/*
Theme Name: Tooba
Theme URI: https://cpsharp.net/tooba
Author: CP Sharp, LLC
Author URI: https://cpsharp.net/
Description: Wordpress Theme for Tooba.in
Version: 1
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: tooba
Tags: tooba, cpsharp
*/
/* line 5, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}

/* line 103, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'et-line';
  src: url("fonts/et-line.eot");
  src: url("fonts/et-line.eot?#iefix") format("embedded-opentype"), url("fonts/et-line.woff") format("woff"), url("fonts/et-line.ttf") format("truetype"), url("fonts/et-line.svg#et-line") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 19, style/fonts.scss */
[data-icon]:before {
  content: attr(data-icon);
  display: inline-block;
  font-family: 'et-line', serif;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 33, style/fonts.scss */
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search,
.icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture,
.icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid,
.icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
  display: inline-block;
  font-family: 'et-line', serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 48, style/fonts.scss */
.icon-mobile:before {
  content: '\e000';
}

/* line 52, style/fonts.scss */
.icon-laptop:before {
  content: '\e001';
}

/* line 56, style/fonts.scss */
.icon-desktop:before {
  content: '\e002';
}

/* line 60, style/fonts.scss */
.icon-tablet:before {
  content: '\e003';
}

/* line 64, style/fonts.scss */
.icon-phone:before {
  content: '\e004';
}

/* line 68, style/fonts.scss */
.icon-document:before {
  content: '\e005';
}

/* line 72, style/fonts.scss */
.icon-documents:before {
  content: '\e006';
}

/* line 76, style/fonts.scss */
.icon-search:before {
  content: '\e007';
}

/* line 80, style/fonts.scss */
.icon-clipboard:before {
  content: '\e008';
}

/* line 84, style/fonts.scss */
.icon-newspaper:before {
  content: '\e009';
}

/* line 88, style/fonts.scss */
.icon-notebook:before {
  content: '\e00a';
}

/* line 92, style/fonts.scss */
.icon-book-open:before {
  content: '\e00b';
}

/* line 96, style/fonts.scss */
.icon-browser:before {
  content: '\e00c';
}

/* line 100, style/fonts.scss */
.icon-calendar:before {
  content: '\e00d';
}

/* line 104, style/fonts.scss */
.icon-presentation:before {
  content: '\e00e';
}

/* line 108, style/fonts.scss */
.icon-picture:before {
  content: '\e00f';
}

/* line 112, style/fonts.scss */
.icon-pictures:before {
  content: '\e010';
}

/* line 116, style/fonts.scss */
.icon-video:before {
  content: '\e011';
}

/* line 120, style/fonts.scss */
.icon-camera:before {
  content: '\e012';
}

/* line 124, style/fonts.scss */
.icon-printer:before {
  content: '\e013';
}

/* line 128, style/fonts.scss */
.icon-toolbox:before {
  content: '\e014';
}

/* line 132, style/fonts.scss */
.icon-briefcase:before {
  content: '\e015';
}

/* line 136, style/fonts.scss */
.icon-wallet:before {
  content: '\e016';
}

/* line 140, style/fonts.scss */
.icon-gift:before {
  content: '\e017';
}

/* line 144, style/fonts.scss */
.icon-bargraph:before {
  content: '\e018';
}

/* line 148, style/fonts.scss */
.icon-grid:before {
  content: '\e019';
}

/* line 152, style/fonts.scss */
.icon-expand:before {
  content: '\e01a';
}

/* line 156, style/fonts.scss */
.icon-focus:before {
  content: '\e01b';
}

/* line 160, style/fonts.scss */
.icon-edit:before {
  content: '\e01c';
}

/* line 164, style/fonts.scss */
.icon-adjustments:before {
  content: '\e01d';
}

/* line 168, style/fonts.scss */
.icon-ribbon:before {
  content: '\e01e';
}

/* line 172, style/fonts.scss */
.icon-hourglass:before {
  content: '\e01f';
}

/* line 176, style/fonts.scss */
.icon-lock:before {
  content: '\e020';
}

/* line 180, style/fonts.scss */
.icon-megaphone:before {
  content: '\e021';
}

/* line 184, style/fonts.scss */
.icon-shield:before {
  content: '\e022';
}

/* line 190, style/fonts.scss */
.icon-flag:before {
  content: '\e024';
}

/* line 194, style/fonts.scss */
.icon-map:before {
  content: '\e025';
}

/* line 198, style/fonts.scss */
.icon-puzzle:before {
  content: '\e026';
}

/* line 202, style/fonts.scss */
.icon-basket:before {
  content: '\e027';
}

/* line 206, style/fonts.scss */
.icon-envelope:before {
  content: '\e028';
}

/* line 210, style/fonts.scss */
.icon-streetsign:before {
  content: '\e029';
}

/* line 214, style/fonts.scss */
.icon-telescope:before {
  content: '\e02a';
}

/* line 218, style/fonts.scss */
.icon-gears:before {
  content: '\e02b';
}

/* line 222, style/fonts.scss */
.icon-key:before {
  content: '\e02c';
}

/* line 226, style/fonts.scss */
.icon-paperclip:before {
  content: '\e02d';
}

/* line 230, style/fonts.scss */
.icon-attachment:before {
  content: '\e02e';
}

/* line 234, style/fonts.scss */
.icon-pricetags:before {
  content: '\e02f';
}

/* line 238, style/fonts.scss */
.icon-lightbulb:before {
  content: '\e030';
}

/* line 242, style/fonts.scss */
.icon-layers:before {
  content: '\e031';
}

/* line 246, style/fonts.scss */
.icon-pencil:before {
  content: '\e032';
}

/* line 250, style/fonts.scss */
.icon-tools:before {
  content: '\e033';
}

/* line 254, style/fonts.scss */
.icon-tools-2:before {
  content: '\e034';
}

/* line 258, style/fonts.scss */
.icon-scissors:before {
  content: '\e035';
}

/* line 262, style/fonts.scss */
.icon-paintbrush:before {
  content: '\e036';
}

/* line 266, style/fonts.scss */
.icon-magnifying-glass:before {
  content: '\e037';
}

/* line 270, style/fonts.scss */
.icon-circle-compass:before {
  content: '\e038';
}

/* line 274, style/fonts.scss */
.icon-linegraph:before {
  content: '\e039';
}

/* line 278, style/fonts.scss */
.icon-mic:before {
  content: '\e03a';
}

/* line 282, style/fonts.scss */
.icon-strategy:before {
  content: '\e03b';
}

/* line 286, style/fonts.scss */
.icon-beaker:before {
  content: '\e03c';
}

/* line 290, style/fonts.scss */
.icon-caution:before {
  content: '\e03d';
}

/* line 294, style/fonts.scss */
.icon-recycle:before {
  content: '\e03e';
}

/* line 298, style/fonts.scss */
.icon-anchor:before {
  content: '\e03f';
}

/* line 302, style/fonts.scss */
.icon-profile-male:before {
  content: '\e040';
}

/* line 306, style/fonts.scss */
.icon-profile-female:before {
  content: '\e041';
}

/* line 310, style/fonts.scss */
.icon-bike:before {
  content: '\e042';
}

/* line 314, style/fonts.scss */
.icon-wine:before {
  content: '\e043';
}

/* line 318, style/fonts.scss */
.icon-hotairballoon:before {
  content: '\e044';
}

/* line 322, style/fonts.scss */
.icon-globe:before {
  content: '\e045';
}

/* line 326, style/fonts.scss */
.icon-genius:before {
  content: '\e046';
}

/* line 330, style/fonts.scss */
.icon-map-pin:before {
  content: '\e047';
}

/* line 334, style/fonts.scss */
.icon-dial:before {
  content: '\e048';
}

/* line 338, style/fonts.scss */
.icon-chat:before {
  content: '\e049';
}

/* line 342, style/fonts.scss */
.icon-heart:before {
  content: '\e04a';
}

/* line 346, style/fonts.scss */
.icon-cloud:before {
  content: '\e04b';
}

/* line 350, style/fonts.scss */
.icon-upload:before {
  content: '\e04c';
}

/* line 354, style/fonts.scss */
.icon-download:before {
  content: '\e04d';
}

/* line 358, style/fonts.scss */
.icon-target:before {
  content: '\e04e';
}

/* line 362, style/fonts.scss */
.icon-hazardous:before {
  content: '\e04f';
}

/* line 366, style/fonts.scss */
.icon-piechart:before {
  content: '\e050';
}

/* line 370, style/fonts.scss */
.icon-speedometer:before {
  content: '\e051';
}

/* line 374, style/fonts.scss */
.icon-global:before {
  content: '\e052';
}

/* line 378, style/fonts.scss */
.icon-compass:before {
  content: '\e053';
}

/* line 382, style/fonts.scss */
.icon-lifesaver:before {
  content: '\e054';
}

/* line 386, style/fonts.scss */
.icon-clock:before {
  content: '\e055';
}

/* line 390, style/fonts.scss */
.icon-aperture:before {
  content: '\e056';
}

/* line 394, style/fonts.scss */
.icon-quote:before {
  content: '\e057';
}

/* line 398, style/fonts.scss */
.icon-scope:before {
  content: '\e058';
}

/* line 402, style/fonts.scss */
.icon-alarmclock:before {
  content: '\e059';
}

/* line 406, style/fonts.scss */
.icon-refresh:before {
  content: '\e05a';
}

/* line 410, style/fonts.scss */
.icon-happy:before {
  content: '\e05b';
}

/* line 414, style/fonts.scss */
.icon-sad:before {
  content: '\e05c';
}

/* line 418, style/fonts.scss */
.icon-facebook:before {
  content: '\e05d';
}

/* line 422, style/fonts.scss */
.icon-twitter:before {
  content: '\e05e';
}

/* line 426, style/fonts.scss */
.icon-googleplus:before {
  content: '\e05f';
}

/* line 430, style/fonts.scss */
.icon-rss:before {
  content: '\e060';
}

/* line 434, style/fonts.scss */
.icon-tumblr:before {
  content: '\e061';
}

/* line 438, style/fonts.scss */
.icon-linkedin:before {
  content: '\e062';
}

/* line 442, style/fonts.scss */
.icon-dribbble:before {
  content: '\e063';
}

/* line 446, style/fonts.scss */
.icon-trophy:before {
  content: '\e023';
}

/* line 26, style.scss */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #373737;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  letter-spacing: .5px;
  line-height: 26px;
  overflow-x: hidden;
}

/* line 36, style.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
}

/* line 40, style.scss */
ul.menu {
  display: block;
  float: right;
  height: 100%;
  margin-right: 0;
  width: 80%;
}
/* line 47, style.scss */
ul.menu li {
  color: #888888;
  float: left;
    font-size: 1.1vw;
  font-weight: 600;
    letter-spacing: 0;
  line-height: 45px;
  text-transform: uppercase;
    margin: 40px 2% 0;
}
/* line 58, style.scss */
ul.menu a {
  text-decoration: none;
  color: #888888;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 63, style.scss */
ul.menu a:visited {
  color: #888888;
}
/* line 68, style.scss */
ul.menu a:hover {
  color: #96c832;
}

/* line 73, style.scss */
.btn {
    margin: 0 0 2vh 0;
}

/* line 77, style.scss */
.leftstretch {
    background-position-x: right;
}

@media screen and (max-width: 767px) {
    /* line 83, style.scss */
    .stretchto {
        background-size: cover;
        display: block;
        width: 100%;
        background-position-y: bottom;
    }

    /* line 90, style.scss */
    .rightstretch {
        display: none;
    }

    /* line 94, style.scss */
    .portfolio-post img {
        height: auto;
        width: 100%;
    }

    /* line 99, style.scss */
    .col-md-6 {
        display: block;
        height: 100%;
        margin: 0 2%;
        max-width: 100%;
        min-height: 1px;
        padding: 0;
        width: 100%;
    }

    /* line 100, style.scss */
    .col-md-6:after {
        content: '\200b';
    }
}
@media screen and (min-width: 768px) {
    /* line 115, style.scss */
  .navbar .navbar-default {
    -moz-transition: all, 0.2s, ease-in-out;
    -o-transition: all, 0.2s, ease-in-out;
    -webkit-transition: all, 0.2s, ease-in-out;
    transition: all, 0.2s, ease-in-out;
      background: white;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
  }

    /* line 123, style.scss */
  .navbar .container {
    height: 80px;
    padding: 1vh 0 1% 0;
    width: 99%;
  }

    /* line 130, style.scss */
  .menu-main-menu-container {
    margin: 0 0 0 10%;
    text-align: center;
  }

    /* line 135, style.scss */
  .navbar-header {
    float: left;
    margin-left: 0;
    margin-right: 0;
    max-height: 80px;
    width: 25%;
  }

    /* line 142, style.scss */
  .navbar-header .custom-logo-link {
    margin: 0 0 0 50%;
  }

    /* line 147, style.scss */
    .col-md-6 {
        max-width: 45%;
        min-height: 1px;
        width: 100%;
        display: inline-block;
        height: 100%;
        margin: 0 2%;
        padding: 0;
    }

    /* line 148, style.scss */
    .col-md-6:after {
        content: '\200b';
    }

    /* line 159, style.scss */
    .stretchto {
        background-size: cover;
        display: inline-block;
        width: 45%;
        background-position-y: bottom;
    }

    /* line 166, style.scss */
    .col-md-4 {
        max-width: 28%;
        min-height: 1px;
        width: 100%;
        display: inline-block;
        height: 100%;
        margin: 0 2.5%;
        padding: 0;
    }

    /* line 167, style.scss */
    .col-md-4:after {
        content: '\200b';
    }

    /* line 180, style.scss */
    .col-md-8 {
        max-width: 78%;
        min-height: 1px;
        width: 100%;
        height: 100%;
        margin: 0 12%;
        padding: 0;
    }

    /* line 190, style.scss */
    .portfolio-post img {
        max-height: 18vw;
        width: 100%;
    }
}

/* line 196, style.scss */
.menu-toggle {
    display: none;
}

/* line 200, style.scss */
h3 {
  font-size: 24px;
    text-transform: uppercase;
}

/* line 205, style.scss */
.section-title {
    position: relative;
    margin: 0 0 80px;
}

/* line 210, style.scss */
.section-title h3 {
    position: relative;
    font-size: 30px;
    line-height: 42px;
    color: #333;
    padding-top: 60px;
}

/* line 218, style.scss */
.section-title h3 span {
    color: #00bcd4 !important;
}

/* line 222, style.scss */
.section-title h3:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 37px;
    height: 1px;
    margin: -20px auto;
    content: '';
    opacity: 1;
    background: #333;
}

/* line 235, style.scss */
.section-title.white h3 {
    color: #ffffff;
}

/* line 239, style.scss */
.section-title.white h3:after {
    background: #fff !important;
}

/* line 243, style.scss */
.section-title.left h3:after {
    left: 0;
    right: 100%;
}

/* line 248, style.scss */
.section-title span i:before {
    font-size: 40px;
    color: #96c832;
}

/* line 253, style.scss */
.counter {
    width: 30%;
    display: inline-block;
    text-align: center;
    padding-top: 2em;
}

/* line 260, style.scss */
.icon-trophy {
  font-size: 64px;
}

/* line 264, style.scss */
.pad30 {
    padding: 7vh 0 5vh 0;
}

/* line 268, style.scss */
.green_buffer {
  background-color: #96c832;
}

/* line 270, style.scss */
.green_buffer h3 {
    color: white;
}

/* line 275, style.scss */
.about {
    overflow: hidden;
}

/* line 278, style.scss */
.about p {
    margin: 0 2.5%;
}

/* line 283, style.scss */
.about .section-title h3 {
    margin: 0 2.5%;
}

/* line 289, style.scss */
.contact {
    background-color: #f9f9f9;
    overflow: hidden;
}

/* line 294, style.scss */
.carousel-indicators {
    text-align: center;
}

/* line 296, style.scss */
.carousel-indicators li {
    display: inline-block;
}

/* line 301, style.scss */
.navbar {
  min-height: 50px;
}

/* line 305, style.scss */
.text-center {
    text-align: center;
}

/* line 309, style.scss */
.col-md-2 {
    max-width: 10%;
  min-height: 1px;
  width: 100%;
    display: inline-block;
  height: 100%;
  margin: 0 2.5%;
  padding: 0;
}

/* line 319, style.scss */
.col-md-3 {
    max-width: 20%;
    min-height: 1px;
    width: 100%;
    display: inline-block;
    height: 100%;
    margin: 0 2.5%;
    padding: 0;
}

/* line 329, style.scss */
.col-md-12, .col-sm-12 {
    max-width: 95%;
    min-height: 1px;
    width: 100%;
    height: 100%;
    margin: 0 2.5%;
    padding: 0;
}

/* line 338, style.scss */
::selection {
    background: #96c832;
    color: #fff;
    text-shadow: none;
    outline: none;
}

/* line 345, style.scss */
.feature-2 {
    padding: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* line 351, style.scss */
.feature-2 .feature-icon i {
    font-size: 45px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #96c832;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* line 362, style.scss */
.feature-2 .feature-icon i:before {
    font-size: 45px;
}

/* line 366, style.scss */
.feature-2 .media-body {
    padding-left: 10px;
}

/* line 370, style.scss */
.feature-2 .media-body h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* line 381, style.scss */
.feature-2.white .media-body {
    color: #fff;
}

/* line 385, style.scss */
.feature-2.white .media-body h3 {
    color: #fff;
}

/* line 389, style.scss */
.feature-2:hover {
    background: #96c832;
}

/* line 393, style.scss */
.feature-2:hover i, .feature-2:hover h3, .feature-2:hover p {
    color: #fff;
}

/* line 397, style.scss */
.skill-section {
    margin-top: 20px;
}

/* line 401, style.scss */
.skill-section .skill {
    padding-bottom: 15px;
}

/* line 405, style.scss */
.skill-section .skill-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
    font-weight: 400;
}

/* line 413, style.scss */
.skill-section .progress-bar-percentage {
    font-size: 13px;
    font-weight: 500;
    background: #24252a;
    color: #ffffff;
    padding: 3px 8px;
    margin-top: -26px;
}

/* line 422, style.scss */
.skill-section .progress {
    overflow: visible;
    height: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    background: #f9f9f9;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* line 433, style.scss */
.skill-section .progress-bar {
    background: #96c832;
    float: left;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: relative;
}

/* line 447, style.scss */
.skill-section .progress-bar.yellow {
    background: #f6d014;
}

/* line 451, style.scss */
.skill-section .progress-bar.blue {
    background: #96c832;
}

/* line 455, style.scss */
.skill-section .skill-style-2 {
    padding-bottom: 30px;
}

/* line 459, style.scss */
.skill-section .skill-style-2 .progress {
    height: 20px;
}

/* line 463, style.scss */
.skill-section.white .skill-name {
    color: #fff;
}

/* line 467, style.scss */
.animated-counter {
    padding-bottom: 30px;
}

/* line 471, style.scss */
.animated-counter .animated-icon span {
    font-size: 40px;
    padding-bottom: 28px;
}

/* line 476, style.scss */
.animated-counter .animated-number {
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    margin: 0;
    padding: 0;
    position: relative;
}

/* line 485, style.scss */
.animated-counter .animated-number:after {
    background: #333;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    margin: -30px auto;
    position: absolute;
    right: 0;
    width: 37px;
}

/* line 497, style.scss */
.animated-counter h4 {
    font-size: 16px;
    line-height: 22px;
    margin: 70px 0 0;
    padding: 0;
}

/* line 504, style.scss */
.animated-counter.white .animated-icon, .animated-counter.white .animated-number, .animated-counter.white h4 {
    color: #fff !important;
}

/* line 508, style.scss */
.animated-counter.white .animated-number:after {
    background: #fff;
}

/* line 512, style.scss */
.team .nav-tabs img {
    max-width: 100%;
    height: auto;
}

/* line 517, style.scss */
.team .nav-tabs {
    border: 0;
}

/* line 521, style.scss */
.team .nav-tabs.nav-justified > li > a {
    border: 0;
}

/* line 525, style.scss */
.team .nav-tabs.nav-justified > .active > a,
.team .nav-tabs.nav-justified > .active > a:hover,
.team .nav-tabs.nav-justified > .active > a:focus {
    border: 0;
}

/* line 531, style.scss */
.team .nav > li > a:first-child {
    padding-left: 0;
}

/* line 535, style.scss */
.team .nav > li > a:hover,
.team .nav > li > a:focus {
    background: none;
}

/* line 540, style.scss */
.team .tab-content {
    margin-top: 30px;
}

/* line 544, style.scss */
.team-details {
    margin-bottom: 30px;
}

/* line 548, style.scss */
.team-details h4 {
    font-size: 20px;
    text-transform: uppercase;
}

/* line 553, style.scss */
.team-details span {
    font-size: 13px;
}

/* line 557, style.scss */
.team-details p {
    padding: 20px 0 0 0;
}

/* line 561, style.scss */
.team-details .fa-ul {
    margin-bottom: 30px;
}

/* line 565, style.scss */
.team-details ul.social {
    margin: 0;
    padding: 0;
}

/* line 570, style.scss */
.team-details ul.social li {
    display: inline;
    list-style: none;
    padding-right: 10px;
}

/* line 576, style.scss */
.team-details ul.social li a {
    padding: 5px 8px;
    background: #151515;
    border: 1px solid #151515;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

/* line 586, style.scss */
.team-details a:hover {
    text-decoration: none;
    background: transparent;
    color: #151515;
}

/* line 593, style.scss */
.form-group input {
    width: 100%;
}

/* line 597, style.scss */
.form-group textarea {
    width: 100%;
}

/* line 601, style.scss */
.form-group select {
    width: 103%;
}

/* line 605, style.scss */
.form-group input, .form-group textarea, .form-group select {
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #999999;
    display: block;
    font-size: 13px;
    outline: none;
    padding: 1.6vh 0vw 1.6vh 0.5vw;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

/* line 621, style.scss */
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
    border: 1px solid #96c832;
    box-shadow: #96c832 0px 0px 10px 1px;
}

/* line 628, style.scss */
.btn {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* line 635, style.scss */
.btn-primary {
    font-size: 14px;
    font-style: normal !important;
    line-height: 17px;
    padding: 12px 25px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #ffffff !important;
    border: 0;
    background: #96c832;
    text-shadow: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/* line 651, style.scss */
.btn-primary:hover {
    background: #24252a;
    color: #96c832 !important;
}

/* line 656, style.scss */
.btn-primary.white {
    background: #fff;
    color: #96c832 !important;
}

/* line 661, style.scss */
.btn-primary.white:hover {
    background: #24252a;
}

/* line 665, style.scss */
.btn-primary.black {
    background: #24252a;
    color: #96c832 !important;
}

/* line 670, style.scss */
.btn-primary.black:hover {
    background: #fff;
    color: #96c832 !important;
}

/* line 675, style.scss */
.btn-primary.yellow {
    background: #f6d014;
    color: #ffffff !important;
}

/* line 680, style.scss */
.btn-primary.yellow:hover {
    background: #24252a;
}

/* line 684, style.scss */
.btn-primary.blue {
    background: #96c832;
    color: #ffffff !important;
}

/* line 689, style.scss */
.btn-primary.blue:hover {
    background: #24252a;
}

/* line 693, style.scss */
.portfolio-post {
    position: relative;
}

/* line 697, style.scss */
.portfolio-post .hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #96c832;
    text-align: center;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    opacity: 0;
    overflow: hidden;
}

/* line 711, style.scss */
.portfolio-post .hover-box .inner-hover {
    position: absolute;
    width: 100%;
}

/* line 716, style.scss */
.portfolio-post .hover-box .inner-hover h4 {
    color: #434343;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* line 727, style.scss */
.portfolio-post .hover-box .inner-hover p {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* line 739, style.scss */
.portfolio-post .hover-box .inner-hover a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ffffff;
    text-align: center;
    margin: 0 5px;
    -webkit-transform: translate3d(0, 500%, 0);
    transform: translate3d(0, 500%, 0);
}

/* line 757, style.scss */
.portfolio-post .hover-box .inner-hover a i {
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

/* line 765, style.scss */
.portfolio-post .hover-box .inner-hover a.link {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

/* line 770, style.scss */
.portfolio-post .hover-box .inner-hover a a.zoom {
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}

/* line 775, style.scss */
.portfolio-post .hover-box .inner-hover a:hover {
    background: #ffffff;
}

/* line 779, style.scss */
.portfolio-post .hover-box .inner-hover a:hover i {
    color: #96c832;
}

/* line 783, style.scss */
.portfolio-post:hover .hover-box {
    opacity: 1;
}

/* line 787, style.scss */
.portfolio-post:hover .hover-box .inner-hover h4 {
    -webkit-transform: translate3d(0, 400%, 0);
    transform: translate3d(0, 400%, 0);
}

/* line 792, style.scss */
.portfolio-post:hover .hover-box .inner-hover p {
    -webkit-transform: translate3d(0, 350%, 0);
    transform: translate3d(0, 350%, 0);
}

/* line 797, style.scss */
.portfolio-post:hover .hover-box .inner-hover a {
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0);
}

/* line 802, style.scss */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* line 808, style.scss */
.team-member-3 {
    position: relative;
    padding-bottom: 30px;
}

/* line 813, style.scss */
.team-member-3 .team-member-img {
    position: relative;
    overflow: hidden;
}

/* line 818, style.scss */
.team-member-3 .team-member-img:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    content: '';
    text-align: center;
    opacity: 0;
    background: rgba(150, 200, 50, 0.8);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* line 833, style.scss */
.team-member-3 .team-info {
    position: absolute;
    right: auto;
    bottom: 30px;
    left: auto;
    width: 100%;
    padding: 20px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
}

/* line 846, style.scss */
.team-member-3 .team-info .team-name {
    font-size: 16px;
    display: block;
    margin: 5px auto;
    text-align: center;
    text-transform: uppercase;
}

/* line 854, style.scss */
.team-member-3 .team-info .team-designation {
    font-size: 15px;
    margin: auto;
    padding: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
}

/* line 862, style.scss */
.team-member-3 .icon {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    -webkit-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transform: scale(0);
    text-align: center;
    opacity: 0;
}

/* line 875, style.scss */
.team-member-3 .icon > li {
    display: inline-block;
}

/* line 879, style.scss */
.team-member-3 .icon > li:hover {
    color: #96c832;
}

/* line 883, style.scss */
.team-member-3 .icon a {
    font-size: 16px;
    line-height: 35px;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #ffffff;
}

/* line 895, style.scss */
.team-member-3:hover .team-member-img:after {
    opacity: 1;
}

/* line 899, style.scss */
.team-member-3:hover .team-info {
    bottom: 50%;
    color: #ffffff;
    opacity: 1;
}

/* line 905, style.scss */
.team-member-3:hover .icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* line 911, style.scss */
.latest-news {
    margin-bottom: 30px;
}

/* line 915, style.scss */
.latest-news h4 {
    font-size: 15px;
    position: relative;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* line 924, style.scss */
.latest-news h4 a {
    color: #282828;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* line 932, style.scss */
.latest-news h4 a:hover {
    color: #96c832;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* line 939, style.scss */
.latest-news .latest-news-img {
    position: relative;
}

/* line 943, style.scss */
.latest-news .latest-news-img img {
    width: 100%;
}

/* line 947, style.scss */
.latest-news .latest-news-img div {
    position: absolute;
    background: #96c832;
    text-align: center;
    left: 20px;
    top: 20px;
    display: inline-block;
    text-decoration: none;
    padding: 7px 10px;
}

/* line 958, style.scss */
.latest-news .latest-news-img span:first-child {
    font-size: 12px;
    color: #fdfdfd;
    display: block;
}

/* line 964, style.scss */
.latest-news .latest-news-img span:last-child {
    font-size: 26px;
    color: #fdfdfd;
    font-weight: bold;
    margin-top: 0;
    display: block;
    position: relative;
}

/* line 973, style.scss */
.latest-news .latest-news-img span:last-child:after {
    position: absolute;
    content: "";
    border-color: #96c832 transparent transparent #96c832;
    border-style: solid;
    border-width: 5px;
    bottom: -16px;
    height: 0;
    left: -10px;
    width: 0;
}

/* line 985, style.scss */
.latest-news .comment {
    margin-top: 12px;
    min-height: 30px;
}

/* line 990, style.scss */
.latest-news .comment p:first-child {
    float: left;
    font-size: 12px;
    color: #474747;
}

/* line 996, style.scss */
.latest-news .comment p:first-child span {
    color: #b8b8b8;
}

/* line 1000, style.scss */
.latest-news .comment p:last-child {
    float: right;
    font-size: 12px;
    color: #474747;
    margin-right: 0;
}

/* line 1007, style.scss */
.latest-news .comment p:last-child span {
    margin-left: 10px;
}

/* line 1011, style.scss */
.latest-news .comment p:last-child span a {
    display: inline-block;
    margin-right: 7px;
}

/* line 1016, style.scss */
.latest-news .comment p:last-child span a i {
    font-size: 15px;
    color: #b8b8b8;
}

/* line 1021, style.scss */
.latest-news p {
    line-height: 20px;
}

/* line 1025, style.scss */
.testimonial-slide .carousel-inner {
    min-height: 250px;
}

/* line 1029, style.scss */
.testimonial-slide .carousel-inner .item {
    text-align: center;
    padding: 0 15%;
    padding-bottom: 40px;
}

/* line 1035, style.scss */
.testimonial-slide .carousel-inner .item p {
    font-style: italic;
    margin-bottom: 25px;
}

/* line 1040, style.scss */
.testimonial-slide .carousel-inner .item span {
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* line 1045, style.scss */
.testimonial-slide .carousel-inner.white {
    color: #fff;
}

/* line 1049, style.scss */
.testimonial-slide .carousel-control {
    background: none;
    color: #333;
    font-size: 26px;
    text-shadow: none;
    margin-top: 30px;
}

/* line 1057, style.scss */
.testimonial-slide .carousel-control:hover {
    color: #96c832;
}

/* line 1061, style.scss */
.testimonial-slide .carousel-control.left {
    left: -60px;
}

/* line 1065, style.scss */
.testimonial-slide .carousel-control.right {
    right: -60px;
}

/* line 1069, style.scss */
.testimonial-slide .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

/* line 1076, style.scss */
.testimonial-slide .carousel-indicators li {
    width: 40px;
    height: 40px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}

/* line 1088, style.scss */
.testimonial-slide .carousel-indicators .active {
    width: 65px;
    height: 65px;
    border-radius: 100px;
    border-color: #96c832;
    opacity: 1;
    overflow: hidden;
}

/* line 1097, style.scss */
.testimonial-slide.left .carousel-inner .item {
    text-align: left;
    padding: 0;
}

/* line 1102, style.scss */
.carousel-inner > .item {
    position: relative;
    display: none;
}

/* line 1107, style.scss */
.carousel-inner > .active {
    display: block;
}

/* line 1111, style.scss */
.testimonial-slide.left .carousel-indicators {
    margin-right: 0;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

/* line 1123, style.scss */
.parallax {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: cover;
}