/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet
|--------------------------------------------------------------------------
|
| @author     : Candra Dwi Waskito;
| @created    : 11 February 2015;
| @version    : 1.1;
|
*/

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Font Face
|--------------------------------------------------------------------------
|
*/

@font-face {
  font-family: 'helveticaultralight';
  src: url('../fonts/Helvetica/HelveticaNeue-UltraLight.otf'),
     url('../fonts/Helvetica/HelveticaNeue-UltraLight.woff') format('woff'), /* Modern browser kecuali IE */
     url('../fonts/Helvetica/HelveticaNeueUltraLight.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
}

@font-face {
    font-family: 'opensanslight';
    src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet General
|--------------------------------------------------------------------------
|
*/

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; 
}

body {
  background-color: #fff;
  font-family: 'helveticaultralight', sans-serif;
}

a, a:hover, a:active, a:focus {outline: none;text-decoration: none;}

header {position: relative;margin-top: -21px;}

/* Modal */

.contact-main-container {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding: 100px 0;
    padding-bottom: 70px;
}

.modal {font-family: "Open Sans",sans-serif !important;line-height: normal;}

.modal .modal-strip-narrow {
    background: linear-gradient(135deg, #299a0b 0%, #1f5081 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 3px;
}
.modal .modal-header {
    border-bottom: medium none;
}
.modal .modal-body {
    padding: 25px 50px 50px;
    position: relative;
}
.modal .modal-header {
    padding: 50px 50px 25px;
}
.modal-footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 25px 50px 25px;
    text-align: right;
}

.modal .modal-strip {
    background: linear-gradient(135deg, #299a0b 0%, #1f5081 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 5px;
}

.modal label {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}

.modal .modal-title {
    line-height: 1.42857;
    margin: 0;
    color: #2a9818;
    font-weight: 300;
}

.modal .form-square .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 16px;
    height: 54px;
    line-height: 1.42857;
    padding: 10px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

.modal .btn-line {
    background-color: transparent;
    border: thin solid #418bc6;
    border-radius: 0;
    color: #418bc6;
    font-weight: 300;
}
.modal .btn-line:hover {
    background-color: transparent;
    border: thin solid #2b9919;
    border-radius: 0;
    color: #2b9919;
    font-weight: 300;
}
.modal .black {
    color: #333333;
}
.font-300 {
    font-weight: 300;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-24 {
    font-size: 24px;
}
.font-32 {
    font-size: 32px;
}
.green {
    color: #2a9818;
}
.grey {
    color: #777777;
}
.border-right {
    border-right: thin dashed #cccccc;
}
.font-uppercase {
    text-transform: uppercase;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-top-40 {
    margin-top: 40px;
}
address {
    font-style: normal;
    line-height: 1.42857;
    margin-bottom: 20px;
}
address {
    margin: 10px 0;
}
.media, .media-body {
    overflow: hidden;
}
.media:first-child {
    margin-top: 0;
}
.media, .media .media {
    margin-top: 15px;
}

.list-inline {margin-left: -10px;}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet HEADER
|--------------------------------------------------------------------------
|
*/

/* Jiffy SP Menu */

.navbar-default .jiffy-spmenu .navbar-nav > li > a:hover,
.navbar-default .jiffy-spmenu .navbar-nav > li > a:focus {
  color: #fff;
  background: transparent;}

/* end of Jiffy SP Menu */

.navbar-white {
  border-bottom: none;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
      -ms-border-radius: 0 !important;
       -o-border-radius: 0 !important;
  background-color: #fff;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  /*min-height: 30px !important;border-bottom: 1px solid #f5f5f5;*/
}

.navbar-white .navbar-nav {
  padding-top: 12px;
}

/* Navbar White */
.navbar-white .navbar-nav > li > a:hover,
.navbar-white .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #00ba4f;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
}

.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus {
  background-color: transparent;
}

.navbar-white .navbar-nav > .open > a,
.navbar-white .navbar-nav > .open > a:hover,
.navbar-white .navbar-nav > .open > a:focus {
  background-color: transparent;
}

.navbar-white .navbar-nav .dropdown-menu:before {
  display: inline;
  border-top: 30px solid #fff;
}

.navbar-white .navbar-nav > li > .dropdown-menu:after {
  position: absolute;
  top: -10px;
  right: 10px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  content: '';
    opacity:0.9;
}

.navbar-white .nav.navbar-nav .dropdown-menu {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #999;
  margin-top: 10px;
  min-width: 200px !important;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
      -ms-border-radius: 1px;
       -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
}

.navbar-white .nav.navbar-nav .dropdown-menu > li > a:hover,
.navbar-white .nav.navbar-nav .dropdown-menu > li > a:focus {
    background-color: transparent;
}
.navbar-white .dropdown:hover .dropdown-menu {
  display: block;
}
.navbar-white .nav > li > a,
.navbar-white .nav > li > span {
  color: #999;
  font-size: 12px !important;
  padding-top: 0px;
  padding-bottom: 7px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none;
    border: none;
}
.navbar-white .nav.navbar-right {
  padding-top: 12px !important;
}

.navbar-white .nav.navbar-right > li > a,
.navbar-white .nav.navbar-right > li > span {
  font-size: 14px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  color: #999 !important;
}

.navbar-white .nav.navbar-right > li i.fa {
  font-size: 20px;
  margin-left: 10px;
  font-weight: 300;
}

.navbar-white .nav > li > a:hover,
.navbar-white .nav > li > a:focus {
  background-color: #fff;
}

.navbar-white .navbar-toggle {
    background-color: #fff;
    border-color: #ddd;
}

.navbar-white .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-white .navbar-nav .navbar-user-img {
  padding-left: 10px; 
  margin-top: 0;
}

.navbar-white .navbar-nav .navbar-arrow-img {
  padding-left: 10px;
}

/* end of navbar white */

.brand-jiffy {
  padding: 10px !important;
}

.list-inline > li {
    padding-left: 2px;
    padding-right: 2px;
}

.list-inline > li:last-child {padding-right: 0 !important;padding-left: 0 !important;}

.navbar-brand {display: block;height: auto;float: none;}

#primary-nav .navbar-nav > li > a {
  padding-left: 5px;
  padding-right: 5px;
}

#primary-nav .navbar-nav > li:last-child > a {padding-right: 0;}

.navbar-big-blue {
  background: #299a0b;
  background: -moz-linear-gradient(-45deg, #299a0b 0%, #1f5081 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#299a0b), color-stop(100%,#1f5081));
  background: -webkit-linear-gradient(-45deg, #299a0b 0%,#1f5081 100%);
  background: -o-linear-gradient(-45deg, #299a0b 0%,#1f5081 100%);
  background: -ms-linear-gradient(-45deg, #299a0b 0%,#1f5081 100%);
  background: linear-gradient(135deg, #299a0b 0%,#1f5081 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#1f5081',GradientType=1 );
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      -ms-border-radius: 0;
       -o-border-radius: 0;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
  z-index: 99;
  /*margin-top: 50px;*/
}

.navbar-big-blue #navbar-main {
  padding: 20px 0 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
}

.navbar-big-blue .navbar-brand-blue img {
  width: 180px;
  margin-top: 12px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
}

.navbar-big-blue .navbar-nav > li > a {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 20px;
    font-weight: 300;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
}

.navbar-big-blue #right-navbar li > span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
  color: #fff;
}

.navbar-big-blue .navbar-nav > li > a:hover,
.navbar-big-blue .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #00ba4f;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
}

.navbar-big-blue .navbar-nav > .active > a,
.navbar-big-blue .navbar-nav > .active > a:hover,
.navbar-big-blue .navbar-nav > .active > a:focus {
  background-color: transparent;
}

.navbar-big-blue .navbar-nav > .open > a,
.navbar-big-blue .navbar-nav > .open > a:hover,
.navbar-big-blue .navbar-nav > .open > a:focus {
  background-color: transparent;
}

.navbar-big-blue .navbar-nav .dropdown-menu:before {
  display: inline;
  border-top: 30px solid #fff;
}

.navbar-big-blue .navbar-nav > li > .dropdown-menu:after {
  position: absolute;
  top: -10px;
  left: 10px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  content: '';
    opacity:0.9;
}

.navbar-big-blue .nav.navbar-nav .dropdown-menu {
  /*margin-top: 10px; added by bungmomo*/
  background-color: #fff;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
      -ms-border-radius: 1px;
       -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;
}

.navbar-big-blue .dropdown-menu .divider {
  margin: 0;
}

.navbar-big-blue .dropdown-menu > li > a {
  padding: 10px 20px;
}

.navbar-big-blue #right-navbar {
  margin-top: 15px;
}

.navbar-big-blue #right-navbar li a {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
  color: #fff;
}

.navbar-big-blue #right-navbar li a:hover,
.navbar-big-blue #right-navbar li a:focus {
  color: #00ba4f;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
}

.navbar-big-blue #right-navbar .search-box input[type="text"] {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #fff;
}


.navbar-big-blue .btn {
  border-radius: 0; 
}

.navbar-big-blue i.fa {
  color: #fff;
}

.navbar-big-blue .form-control {
  border-radius: 0;
  box-shadow: none;
  border-bottom: none;
}

.navbar-big-blue .form-no-border {
  background-color: transparent;
  border-top: transparent;
  border-left: transparent;
  border-right: transparent;
}

.navbar-big-blue .input-group {
  border-bottom: 1px solid #fff;
}

.navbar-big-blue .btn-no-border {
  background-color: transparent;
  border-top: transparent;
  border-left: transparent;
  border-right: transparent;
}

.navbar-big-blue #right-navbar form {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
}

/** Added by Bung Momo **/
.dropdown-menu {
  padding: 15px 0;
  min-width: 400px;opacity:0.9 !important;
  left: 15px;
}

#navbar-main .navbar-nav i.fa-angle-down {
  color: #225a47;
}

.navbar-big-blue .dropdown:hover .dropdown-menu {
  display: block;
}

.navbar-big-blue .dropdown-menu > li {
    border-right: 1px solid #b7b7b7;
    float: left;
    min-height: 100px;
    text-align: center;
    max-width: 150px;
    min-width: 150px;
}

.navbar-big-blue .dropdown-menu > li:last-child {
    border: none;
}

.navbar-big-blue .dropdown-menu > li > a {
    color: #4a4a4a;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    padding: 20px 10px !important;
    white-space: normal !important;
}

.navbar-big-blue .dropdown-menu > li > a:hover, 
.navbar-big-blue .dropdown-menu > li > a:active, 
.navbar-big-blue .dropdown-menu > li > a:hover {
    background: none !important;
}

.collapsing {
  display:none;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Hero Home Page
|--------------------------------------------------------------------------
|
*/

/*#hero {
    position: relative;
    min-height: 680px;
}
#hero .hero-title {
    padding: 75px 0 25px;
    text-align: right;
}
#hero .hero-title h1 {
    font-family: 'helveticaultralight', sans-serif;
    font-size: 48pt;
}
#hero .hero-title h3 {
    font-family: 'helveticaultralight', sans-serif;
    font-weight: 300;
    font-size: 36px;
}
#hero .hero-content {
    text-align: right;
}
#hero .hero-content p {
    font-family: 'opensanslight', sans-serif;
    font-size: 16px;
    color: #383838;
    font-weight: 300;
}
#hero .login-box {
    font-family: 'Open Sans', Helvetica, sans-serif;
    color: #858585;
    position: absolute;
    width: 311px;
    height: 321px;
    background: url(../images/login-box.png) no-repeat;
    position: absolute;
    z-index: 9;
    right: 300px;
    top: 100px;
    padding: 28px 14px 28px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 25px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin h4 {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 14px;
    color: #353535;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}
.form-signin p {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
}
.form-signin .form-control {
    background-color: #ffffff !important;
    position: relative;
    height: auto;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    font-size: 16px;
    border: 1px solid #cdcdcd;
    color: #cdcdcd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    background: url(../images/icon/username-icon.png) no-repeat 15px 15px #ffffff;
    background-color: #ffffff !important;
    margin-bottom: -1px;
    padding-left: 70px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #828282;
}
.form-signin input[type="password"] {
    background: url(../images/icon/password-icon.png) no-repeat 15px 13px #ffffff;
    background-color: #ffffff !important;
    padding-left: 70px;
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #828282;
}

.form-signin .form-control::-moz-placeholder {
    color: #999;
    font-style: italic !important;
    opacity: 1;
}
.form-signin .form-control:-ms-input-placeholder {
    color: #999;
    font-style: italic !important;
}
.form-signin .form-control::-webkit-input-placeholder {
    color: #999;
    font-style: italic !important;
}
.btn-login {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 17px;
    color: #418cc0;
    text-transform: uppercase;
    border: none;
    padding: 7px 0 0;
    background: none;
    float: right;
}
button:hover.btn-login {
    text-decoration: none;
}
a.forgot {
    font-size: 14px;
    color: #00b9bb;
    line-height: normal;
    text-align: center;
    text-decoration: underline;
    display: block;
}
#hero .login-box a,
#hero .login-box a:hover,
#hero .login-box a:focus {
    color: #418cc0;
    text-decoration: none;
}
#hero .hero-iphone {
    background: url(../images/hero_assets/bg-hero-landing.png) no-repeat top center;
    width: 804px;
    height: 526px;
    position: absolute;
    right: -120px;
    bottom: -90px;
    z-index: 1;
    webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
#hero #particle-element {
    width: 804px;
    height: 526px;
    position: absolute;
    right: -120px;
    bottom: -90px;
    z-index: 2;
}
#hero .particle-1 {
    background: url(../images/hero_assets/99.png) no-repeat top center;
    width: 138px;
    height: 138px;
    position: absolute;
    left: 50px;
    bottom: 520px;
    z-index: 1;
    webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}
.clearanimated {
    opacity: 0 !important;
}
.animateblock.particle-1 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 380px !important;
    padding: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
}
.animateblock.particle-1.clearanimated {
    bottom: 380px !important;
}
.animateblock.particle-1.animated {
    bottom: 520px !important;
}
#hero .particle-2 {
    background: url(../images/hero_assets/111.png) no-repeat top center;
    width: 158px;
    height: 79px;
    position: absolute;
    left: 185px;
    bottom: 495px;
    z-index: 1;
    webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    animation-delay: 8s;
}
.animateblock.particle-2 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 300px !important;
    padding: 0;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    transition: all 1.5s linear;
}
.animateblock.particle-2.clearanimated {
    bottom: 300px !important;
}
.animateblock.particle-2.animated {
    bottom: 495px !important;
}
#hero .particle-3 {
    background: url(../images/hero_assets/999.png) no-repeat top center;
    width: 121px;
    height: 130px;
    position: absolute;
    left: 255px;
    bottom: 560px;
    z-index: 1;
}
.animateblock.particle-3 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 360px !important;
    padding: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}
.animateblock.particle-3.clearanimated {
    bottom: 360px !important;
}
.animateblock.particle-3.animated {
    bottom: 560px !important;
}
#hero .particle-4 {
    background: url(../images/hero_assets/77.png) no-repeat top center;
    width: 95px;
    height: 94px;
    position: absolute;
    left: 345px;
    bottom: 465px;
    z-index: 1;
}
.animateblock.particle-4 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 400px !important;
    padding: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    animation-delay: 10s;
}
.animateblock.particle-4.clearanimated {
    bottom: 400px !important;
}
.animateblock.particle-4.animated {
    bottom: 465px !important;
}
#hero .particle-5 {
    background: url(../images/hero_assets/555.png) no-repeat top center;
    width: 125px;
    height: 101px;
    position: absolute;
    right: 230px;
    bottom: 510px;
    z-index: 1;
}
.animateblock.particle-5 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 380px !important;
    padding: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    animation-delay: 15s;
}
.animateblock.particle-5.clearanimated {
    bottom: 380px !important;
}
.animateblock.particle-5.animated {
    bottom: 510px !important;
}
#hero .particle-6 {
    background: url(../images/hero_assets/88.png) no-repeat top center;
    width: 96px;
    height: 107px;
    position: absolute;
    left: 340px;
    bottom: 385px;
    z-index: 1;
}
.animateblock.particle-6 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 300px !important;
    padding: 0;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    transition: all 1.5s linear;
    webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}
.animateblock.particle-6.clearanimated {
    bottom: 300px !important;
}
.animateblock.particle-6.animated {
    bottom: 385px !important;
}
#hero .particle-7 {
    background: url(../images/hero_assets/00.png) no-repeat top center;
    width: 72px;
    height: 136px;
    position: absolute;
    left: 180px;
    bottom: 350px;
    z-index: 1;
}
.animateblock.particle-7 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 150px !important;
    padding: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    animation-delay: 10s;
}
.animateblock.particle-7.clearanimated {
    bottom: 150px !important;
}
.animateblock.particle-7.animated {
    bottom: 350px !important;
}
#hero .particle-8 {
    background: url(../images/hero_assets/666.png) no-repeat top center;
    width: 104px;
    height: 138px;
    position: absolute;
    left: 425px;
    bottom: 135px;
    z-index: 1;
}
.animateblock.particle-8 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 50px !important;
    padding: 0;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    transition: all 1.5s linear;
    webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    animation-delay: 12s;
}
.animateblock.particle-8.clearanimated {
    bottom: 50px !important;
}
.animateblock.particle-8.animated {
    bottom: 135px !important;
}
#hero .particle-9 {
    background: url(../images/hero_assets/777.png) no-repeat top center;
    width: 108px;
    height: 124px;
    position: absolute;
    right: 120px;
    bottom: 295px;
    z-index: 1;
}
.animateblock.particle-9 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 75px !important;
    padding: 0;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    transition: all 1.5s linear;
    webkit-animation-delay: 5s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.animateblock.particle-9.clearanimated {
    bottom: 75px !important;
}
.animateblock.particle-9.animated {
    bottom: 295px !important;
}
#hero .particle-10 {
    background: url(../images/hero_assets/888.png) no-repeat top center;
    width: 155px;
    height: 88px;
    position: absolute;
    right: 80px;
    bottom: 190px;
    z-index: 1;
}
.animateblock.particle-10 {
    display: block;
    width: auto;
    text-align: center;
    bottom: 75px !important;
    padding: 0;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5slinear;
    transition: all 1.5s linear;
    webkit-animation-delay: 2s;
}
.animateblock.particle-10.clearanimated {
    bottom: 75px !important;
}
.animateblock.particle-10.animated {
    bottom: 190px !important;
}
.animateblock.particle-flytosky {
    display: block;
    width: auto;
    text-align: center;
    bottom: 90px !important;
    padding: 0;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
}
.animateblock.particle-flytosky.animated {
    bottom: -90px !important;
}*/

#hero {
    position: relative;
    min-height: 1080px;
}


#hero .hero-title {
  padding: 100px 0 50px;
}

#hero .hero-title h1 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 52pt;
}

#hero .hero-title h3 {
  font-family: 'helveticaultralight', sans-serif;
  font-weight: 300;
  font-size: 34.01pt;
}

#hero .hero-content {
  margin-bottom: 100px;
}

#hero .hero-content p {
  font-family: 'opensanslight', sans-serif;
  font-size: 14px;
  color: #a2a2a2;
  font-weight: 300;
}

#hero .hero-iphone {
    background: url(../images/hero_assets/bg-hero-landing.png) no-repeat top center;
    width: 804px;
    height: 526px;
    position: absolute;
    margin-left: -402px;
    left: 50%;
    bottom: -90px;
    z-index: 1;
    webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}

#hero #particle-element {
    width: 804px;
    height: 526px;
    position: absolute;
    margin-left: -402px;
    left: 50%;
    bottom: -90px;
    z-index: 2;
}


#hero .particle-1 {
    background: url(../images/hero_assets/99.png) no-repeat top center;
    width: 138px;
    height: 138px;
    position: absolute;
    left: 50px;
    bottom: 520px;
    z-index: 1;
    webkit-animation-delay: 5s;
     -moz-animation-delay: 5s;
       -o-animation-delay: 5s;
          animation-delay: 5s;
}

.animateblock.particle-1 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 380px !important;
  padding: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
}
.animateblock.particle-1.animated {
  bottom: 520px !important;
}

#hero .particle-2 {
    background: url(../images/hero_assets/111.png) no-repeat top center;
    width: 158px;
    height: 79px;
    position: absolute;
    left: 185px;
    bottom: 495px;
    z-index: 1;
    webkit-animation-delay: 8s;
     -moz-animation-delay: 8s;
       -o-animation-delay: 8s;
          animation-delay: 8s;
}

.animateblock.particle-2 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 300px !important;
  padding: 0;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  transition: all 1.5s linear;
}
.animateblock.particle-2.animated {
  bottom: 495px !important;
}

#hero .particle-3 {
    background: url(../images/hero_assets/999.png) no-repeat top center;
    width: 121px;
    height: 130px;
    position: absolute;
    left: 255px;
    bottom: 560px;
    z-index: 1;
}

.animateblock.particle-3 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 360px !important;
  padding: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  webkit-animation-delay: 12s;
     -moz-animation-delay: 12s;
       -o-animation-delay: 12s;
          animation-delay: 12s;
}
.animateblock.particle-3.animated {
  bottom: 560px !important;
}


#hero .particle-4 {
    background: url(../images/hero_assets/77.png) no-repeat top center;
    width: 95px;
    height: 94px;
    position: absolute;
    left: 345px;
    bottom: 465px;
    z-index: 1;
}

.animateblock.particle-4 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 400px !important;
  padding: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  webkit-animation-delay: 10s;
     -moz-animation-delay: 10s;
       -o-animation-delay: 10s;
          animation-delay: 10s;
}
.animateblock.particle-4.animated {
  bottom: 465px !important;
}


#hero .particle-5 {
    background: url(../images/hero_assets/555.png) no-repeat top center;
    width: 125px;
    height: 101px;
    position: absolute;
    right: 230px;
    bottom: 510px;
    z-index: 1;
}

.animateblock.particle-5 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 380px !important;
  padding: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  webkit-animation-delay: 15s;
     -moz-animation-delay: 15s;
       -o-animation-delay: 15s;
          animation-delay: 15s;
}
.animateblock.particle-5.animated {
  bottom: 510px !important;
}


#hero .particle-6 {
    background: url(../images/hero_assets/88.png) no-repeat top center;
    width: 96px;
    height: 107px;
    position: absolute;
    left: 340px;
    bottom: 385px;
    z-index: 1;
}

.animateblock.particle-6 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 300px !important;
  padding: 0;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  transition: all 1.5s linear;
  webkit-animation-delay: 5s;
     -moz-animation-delay: 5s;
       -o-animation-delay: 5s;
          animation-delay: 5s;
}
.animateblock.particle-6.animated {
  bottom: 385px !important;
}

#hero .particle-7 {
    background: url(../images/hero_assets/00.png) no-repeat top center;
    width: 72px;
    height: 136px;
    position: absolute;
    left: 180px;
    bottom: 350px;
    z-index: 1;
}

.animateblock.particle-7 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 150px !important;
  padding: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  webkit-animation-delay: 10s;
     -moz-animation-delay: 10s;
       -o-animation-delay: 10s;
          animation-delay: 10s;
}
.animateblock.particle-7.animated {
  bottom: 350px !important;
}

#hero .particle-8 {
    background: url(../images/hero_assets/666.png) no-repeat top center;
    width: 104px;
    height: 138px;
    position: absolute;
    left: 425px;
    bottom: 135px;
    z-index: 1;
}

.animateblock.particle-8 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 50px !important;
  padding: 0;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  transition: all 1.5s linear;
  webkit-animation-delay: 12s;
     -moz-animation-delay: 12s;
       -o-animation-delay: 12s;
          animation-delay: 12s;
}
.animateblock.particle-8.animated {
  bottom: 135px !important;
}

#hero .particle-9 {
    background: url(../images/hero_assets/777.png) no-repeat top center;
    width: 108px;
    height: 124px;
    position: absolute;
    right: 120px;
    bottom: 295px;
    z-index: 1;
}

.animateblock.particle-9 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 95px !important;
  padding: 0;
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  transition: all 2s linear;
  webkit-animation-delay: 5s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}
.animateblock.particle-9.animated {
  bottom: 295px !important;
}

#hero .particle-10 {
    background: url(../images/hero_assets/888.png) no-repeat top center;
    width: 155px;
    height: 88px;
    position: absolute;
    right: 80px;
    bottom: 190px;
    z-index: 1;
}

.animateblock.particle-10 {
  display: block;
  width: auto;
  text-align: center;
  bottom: 75px !important;
  padding: 0;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5slinear;
  transition: all 1.5s linear;
  webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}
.animateblock.particle-10.animated {
  bottom: 190px !important;
}


.animateblock.particle-flytosky {
  display: block;
  width: auto;
  text-align: center;
  bottom: 0px !important;
  padding: 0;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.animateblock.particle-flytosky.animated {
  bottom: -90px !important;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Hero Kickstart
|--------------------------------------------------------------------------
|
*/

#hero-kickstart .hero-kickstart-title {
  padding: 150px 0 50px;
}

#hero-kickstart .hero-kickstart-title h1 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 46pt;
}

#hero-kickstart .hero-kickstart-content {
  margin-bottom: 50px;
}

#hero-kickstart .hero-kickstart-content p {
  font-family: 'opensanslight', sans-serif;
  font-size: 14px;
  color: #a2a2a2;
  font-weight: 300;
}

#hero-kickstart .hero-kickstart-macbook-proh {
  margin-bottom: 60px;
}

#hero-kickstart .hero-kickstart-macbook-proh img {
  height: 600px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Estimator Tools
|--------------------------------------------------------------------------
|
*/

#estimation {
  background-color: #418cc1;
}

.estimation-search {
  padding: 70px 0;
}

.estimation-search .estimator-search-title h1 {
  font-size: 28pt;
  color: #fff;
  margin-bottom: 70px;
  font-family: 'helveticaultralight', sans-serif;
  font-weight: 300;
}

.estimation-search .estimator-form-search .btn-group {
  border-right: 1px solid #fff;
}

.estimation-search .estimator-form-search .btn {
  border: 1px solid #fff;
}

.estimator-form-search .tooltip {font-size: 16px;}
.estimator-form-search .tooltip-inner {padding: 10px 20px;max-width: 400px;}
.estimator-form-search .tooltip.in {
  filter: alpha(opacity=70);
  opacity: .7;
}

.estimation-search .estimator-form-search .btn-default:hover, 
.estimation-search .estimator-form-search .btn-default:focus, 
.estimation-search .estimator-form-search .btn-default.focus, 
.estimation-search .estimator-form-search .btn-default:active, 
.estimation-search .estimator-form-search .btn-default.active, 
.estimation-search .estimator-form-search .open > .dropdown-toggle.btn-default {
  border: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #000;
}

.estimation-search .estimator-form-search .btn {
  padding: 16px 30px 9px;
  margin-top: -5px;
  height: 62px;
}

.estimation-search .twitter-typeahead {
  width: 100%;
}

.estimation-search .tt-dropdown-menu {
  color: rgb(0, 0, 0);
  width: 100%;
  padding: 20px;
  margin-top: 10px;
  background-color: rgb(255, 255, 255);
}

.estimation-search .tt-dropdown-menu .tt-dataset-apps {
  padding-bottom: 0px;
  color: #00ba4f;
  font-size: 20pt;
  font-weight: 300 !important;
  font-family: 'opensanslight', sans-serif;
}

.estimation-search .estimator-form-search .input-group .form-control:first-child, 
.estimation-search .estimator-form-search .input-group-addon:first-child, 
.estimation-search .estimator-form-search .input-group-btn:first-child > .btn, 
.estimation-search .estimator-form-search .input-group-btn:first-child > .btn-group > .btn, 
.estimation-search .estimator-form-search .input-group-btn:first-child > .dropdown-toggle, 
.estimation-search .estimator-form-search .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
.estimation-search .estimator-form-search .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.estimation-search .estimator-form-search .form-control {
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      -ms-border-radius: 0;
       -o-border-radius: 0;
  border: 1px solid #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
  color: #000;
}

.estimation-search .estimator-form-search .form-control:focus,
.estimation-search .estimator-form-search .form-control:active {
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
  border-color: #fff;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
}

.estimation-search .estimator-form-search .input-estimator-search {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
}

.estimation-search .estimator-form-search i.fa-search-jet {
  font-weight: 400;
  font-size: 23px;
  color: #000000;
    background: url(../images/icon/search-app-btn.png) no-repeat;
    width: 30px;
    height: 30px;
}

.estimation-search .estimator-options {
  margin: 70px 0 20px;
}

.estimation-search .estimator-options img {
  color: #fff;
  margin-bottom: 20px;
  height: 50px;
  float: left;
  margin-right: 20px;
}

.estimation-search .estimator-options p {
  font-weight: 300;
  font-size: 14pt;
  color: #fff;
  font-family: 'opensanslight', sans-serif;
}

.estimator-result {
  margin-top: 40px;
}

.estimator-result {
  -webkit-animation-duration:3s !important;
  animation-duration:3s !important;  
  -vendor-animation-duration: 10s;
  -vendor-animation-delay: 10s;
  -vendor-animation-iteration-count: infinite;
}

.estimator-result .img-estimator-result {
  width: 120px !important;
  height: 120px !important;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.estimator-result .bg-estimator-result {
  background-color: #3980b2;
  padding: 25px 0;
  margin-top: 20px;
  border-radius: 20px;
}

.estimator-result .bg-estimator-result:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 25px solid #3980b2;
  border-top: 0px solid transparent;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  left: 50%;
  top: -25px;
  margin-left: -25px;
}

.estimator-result .col-lg-4 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.estimation-content {
  background-color: #fff;
  padding: 20px 30px 30px;
}

.estimation-content .estimation-content-title h1 {
  font-size: 23.94pt;
  color: #39868d;
}

.estimation-content .ri-grid {
  margin: 30px auto 30px;
  position: relative;
  height: auto;
}

.estimation-content .ri-grid ul {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.estimation-content .ri-grid ul:before,
.estimation-content .ri-grid ul:after {
  content: '';
    display: table;
}

.estimation-content .ri-grid ul:after {
    clear: both;
}

.estimation-content .ri-grid ul {
    zoom: 1;
} 

.estimation-content .ri-grid ul li {
  border-radius: 10px;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
}

.estimation-content .ri-grid ul li a {
  display: block;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  -webkit-background-size: 65% !important;
     -moz-background-size: 65% !important;
      -ms-background-size: 65% !important;
          background-size: 65% !important;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
       -o-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
          backface-visibility: hidden;
          background-repeat: no-repeat;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.estimation-content .ri-grid-size-1 {
  width: 55%;
} 

.estimation-content .ri-grid-size-2 {
  width: 100%;
}

.estimation-content .ri-grid-size-3 {
  width: 100%;
  margin-top: 0px;
}

.estimation-content .ri-shadow:after,
.estimation-content .ri-shadow:before {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.estimation-content .ri-shadow:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
       -o-transform: rotate(3deg);
          transform: rotate(3deg);
}

.estimation-content .ri-grid-loading:after,
.estimation-content .ri-grid-loading:before {
  display: none;
}

.estimation-content .ri-loading-image {
  display: none;
}

.estimation-content .ri-grid-loading .ri-loading-image {
  position: relative;
  width: 30px;
  height: 30px;
  left: 50%;
  margin: 100px 0 0 -15px;
  display: block;
}

.estimator-form-search {
  position: relative;
}

.estimator-form-search .tooltip-jet {
    background: url(../images/icon/tooltip-jet.png) no-repeat;
    width: 447px;
    height: 59px;
    position: absolute;
    top: -59px;
    left: 0;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 12px !important;
    padding-bottom: 0 !important;
    z-index: 99;
}

.tooltip-jet span {
    border-right: 1px solid #2c3435;
    font-weight: bold;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.tooltip-jet a {
  color: #000;
  padding-left: 5px;
  opacity:0.5;
  cursor: pointer;
}

.animateblock.tooltip-jet {
  top: -29px !important;
  -webkit-transition: all 1.5s linear;
     -moz-transition: all 1.5s linear;
          transition: all 1.5s linear;
}

.animateblock.tooltip-jet.animated {
  top: -59px !important;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Dream Call
|--------------------------------------------------------------------------
|
*/

#dream-call {
  padding: 100px 0 100px;
}

#dream-call .dream-call-title {
  margin-bottom: 70px;
}

#dream-call .dream-call-title h4 {
  font-family: 'helveticaultralight', sans-serif;
  font-weight: 300;
  font-size: 38px;
}

#dream-call .dream-call-video {
  margin-bottom: 70px;
}

#dream-call .dream-call-content {
  margin-bottom: 30px;
}

#dream-call .dream-call-content p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  margin-bottom: 20px;
  color: #b0b0b0;
  font-size: 14px;
}

#dream-call .dream-call-button {
  margin-top: 30px;
}

#dream-call .dream-call-button a {
  color: #2b9a47;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  border: 1px solid #2b9a47;
  padding: 15px 40px;
  font-size: 16px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#dream-call .dream-call-button a:hover {
  color: #fff;
  border: 1px solid #2b9a47;
  font-size: 16px;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
     -moz-border-radius: 4px !important;
       -o-border-radius: 4px !important;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  background-color: #2b9a47;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Counter
|--------------------------------------------------------------------------
|
*/

#counter {
  padding: 120px 0;
  background: transparent;
  background-repeat: no-repeat;
  min-height: 600px;
}

#counter .counter-title {
  margin-bottom: 70px;
}
 
#counter .counter-title h4 {
  color: #fff;
  font-family: 'helveticaultralight', sans-serif;
  font-size: 38px;
}


#counter .counter-footer {
  padding: 0 100px;
  /*margin-top: 70px;*/
}

#counter .counter-footer p {
  color: #fff;
  font-family: 'opensanslight', sans-serif;
  font-size: 14px;
  font-weight: 300;
}

/* Load animation */

@-webkit-keyframes 
  load { 
    0% {
      stroke-dashoffset:0
  }
}
@-moz-keyframes 
  load { 
    0% {
      stroke-dashoffset:0
  }
}
@keyframes 
  load { 
    0% {
      stroke-dashoffset:0
  }
}

/* Item */

.circle-counter {
  background: url(../images/circle-counter.png) no-repeat top center;
  width: 238px;
  height: 238px;
  position: relative;
  text-align: center;
  color: #fff;
}

.counter-block {height: 238px;position: relative;}

#counterdata {
    color: #fff;
    font-family: "opensanslight",sans-serif;
    font-size: 38px;
    font-weight: 300;
    /*
    height: 238px;
    left: 50%;
    margin-left: -60px;
    margin-top: 70px;
    */
    position: absolute;
    text-align: center;
    top: 90px;
    width: 238px;
    color: #fff;
}

.loadingradius {
    font-size: 238px !important;
    height: 238px;
    margin: 0 !important;
    top: 0;
    position: absolute;
    width: 238px;
}

.loadingradius > #slice > .pie {
    border: 8px solid #fff !important;
    border-radius: 0.5em;
    opacity: 0.5;
    clip: rect(0em, 0.5em, 1em, 0em);
    height: 1em;
    position: absolute;
    width: 1em;
}

.circle-counter h4 {
  font-family: "opensanslight",sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding-top: 250px;
  color: #fff;
  margin: 0;
}

.circle-counter .target {
  font-family: "opensanslight",sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  text-align: right;
}

#counter .counter-content .progress .target-1 {
    color: #fff;
    margin-top: -230px;
    margin-left: 170px;
}

#counter .counter-content .progress .target-2 {
    margin-top: -230px;
    margin-left: 170px;
    color: #fff;
}

#counter .counter-content .progress .target-3 {
    margin-top: -145px;
    margin-left: 225px;
    color: #fff;
}

#counter .counter-content .progress .target-4 {
    margin-top: -190px;
    margin-left: 210px;
    color: #fff;
}

#counter .counter-content .progress .progress-1,
#counter .counter-content .progress .progress-2,
#counter .counter-content .progress .progress-3,
#counter .counter-content .progress .progress-4 {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #93A2AC;
    font-family: 'opensanslight', sans-serif;
    font-weight: 300;
    margin: 2rem;
}

#counter .counter-content .progress .progress-1:before,
#counter .counter-content .progress .progress-2:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -40px;
    font-weight: 300;
    font-family: 'opensanslight', sans-serif;
    color: #fff;
    font-size: 16px;
}

#counter .counter-content .progress .progress-3:before{
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -65px;
    font-weight: 300;
    font-family: 'opensanslight', sans-serif;
    color: #fff;
    font-size: 16px;
}

#counter .counter-content .progress .progress-4:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -64px;
    font-weight: 300;
    font-family: 'opensanslight', sans-serif;
    color: #fff;
    font-size: 16px;
}

#counter .counter-content .progress .progress-1:after,
#counter .counter-content .progress .progress-2:after,
#counter .counter-content .progress .progress-3:after,
#counter .counter-content .progress .progress-4:after {
    content: attr(data-percent);
    position: absolute;
    width: 100%;
    top: 75px;
    left: 0;
    font-size: 38px;
    font-weight: 300;
    font-family: 'opensanslight', sans-serif;
    color: #fff;
    text-align: center;
    text-indent: -99999px;
}

#counter .counter-content .progress svg {
    width: 20rem;
    height: 20rem;
}

#counter .counter-content .progress svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
}

#counter .counter-content .progress svg:nth-child(2) path {
    fill: none;
    stroke-width: 10;
    stroke-dasharray: 629;
    stroke: rgba(43, 154, 71, 0.7);
    -webkit-animation: load 60s;
       -moz-animation: load 60s;
       -o-animation: load 60s;
    animation: load 60s;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Kickstart Participane
|--------------------------------------------------------------------------
|
*/

#participane {
  background: url(../images/kickstart/bg-participane.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 150px 0 100px;
}

#participane .participane-title h3 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 44px;
  color: #fff;
  margin-bottom: 80px;
  opacity: 0.7;
} 

#participane .participane-content {
  margin-bottom: 600px;
}

#participane .participane-content p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  opacity: 0.7;
}

#participane .participane-content p.participane-content-1 {
  margin-bottom: 30px;
}

#participane .participane-content .icon-call {
  margin-top: 30px;
}

#participane .participane-content .icon-call img {
  width: 50px !important;
  height: 50px !important;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Company Kickstart Process
|--------------------------------------------------------------------------
|
*/

#kickstart-process {
  padding: 200px 0;
}

#kickstart-process .kickstart-process-content {
  margin-bottom: 80px;
}

#kickstart-process .kickstart-process-content .kickstart-process-content-img-left img {
  margin-left: -60px;
}

#kickstart-process .kickstart-process-content .kickstart-process-content-img-right img {
  margin-right: -60px;
}

#kickstart-process .kickstart-process-content .kickstart-process-content-right,
#kickstart-process .kickstart-process-content .kickstart-process-content-left {
  margin-top: 100px;
}

#kickstart-process .kickstart-process-content .kickstart-process-content-left {
  padding-left: 60px;
  padding-right: 40px;
}

#kickstart-process .kickstart-process-content .kickstart-process-content-right h4,
#kickstart-process .kickstart-process-content .kickstart-process-content-left h4 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 28px;
  letter-spacing: 2px;
  color: #418bc4;
  margin-bottom: 30px;
}

#kickstart-process .kickstart-process-content .kickstart-process-content-right p {
  padding-right: 60px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #4b5a68;
  opacity: 0.8;
}

#kickstart-process .kickstart-process-content .kickstart-process-content-left p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #4b5a68;
  opacity: 0.8;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Kickstart Comes
|--------------------------------------------------------------------------
|
*/

#kickstart-comes {
  background: url(../images/kickstart/bg-comes.png) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 150px 0 120px;
}

#kickstart-comes-content:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 25px solid #3980b2;
  border-top: 0px solid transparent;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  left: 50%;
  bottom: -100px;
  margin-left: -25px;
}

#kickstart-comes .kickstart-comes-title h1 {
  margin-bottom: 40px;
  font-family: 'helveticaultralight', sans-serif;
  font-size: 32px;
  color: #fff;
  letter-spacing: 2px;
}

#kickstart-comes .kickstart-comes-title p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-style: 14px;
  color: #fff;
  padding: 0 150px;
  letter-spacing: 1px;
}

#kickstart-comes .kickstart-comes-content {
  margin-top: 100px;
}

#kickstart-comes .kickstart-comes-content .kickstart-comes-content-fill {
  margin-bottom: 60px;
}

#kickstart-comes .kickstart-comes-content .kickstart-comes-content-fill img {
  width: 50px;
  height: 50px;
  margin-bottom: 30px;
}

#kickstart-comes .kickstart-comes-content .kickstart-comes-content-fill p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  padding: 0 50px;
  color: #fff;
  letter-spacing: 1px;
}

#started {
  background: url(../images/kickstart/bg-started.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Kickstart What Your Will Received
|--------------------------------------------------------------------------
|
*/

#wywr {
  margin: 100px 0 80px;
}

#wywr:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 25px solid #3980b2;
  border-top: 0px solid transparent;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  left: 50%;
  top: 25px;
  margin-left: -25px;
}

#wywr .wywr-content-right h3 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 36px;
  margin-bottom: 40px;
}

#wywr .wywr-content-right p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

#wywr .wywr-content-right ul {
  list-style: none;
  padding-left: 16px;
}

#wywr .wywr-content-right ul li {
  margin-bottom: 15px;
}

#wywr .wywr-content-right ul li {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

#wywr .wywr-content-right ul li:before {
  content: "\f00c ";
  font-family: FontAwesome;
  display: inline-block;
  width: 1.2em;
  color: #099d0c;
  margin-left: -18px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Kickstart Started
|--------------------------------------------------------------------------
|
*/

.started-img-iphone {
  margin-top: 80px;
  margin-bottom: -200px;
}

#started .form-started,
#started .started-title {
  padding-right: 180px;
}

#started .started-title {
  margin-top: 80px;
}

#started .started-title h2 {
  color: #3874a1;
  font-family: 'helveticaultralight', sans-serif;
  font-size: 44px;
  margin-bottom: 30px;
} 

#started .started-title p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #314556;
  margin-bottom: 50px;
}

#started .form-started .form1 {
  margin-bottom: 20px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.6);
}

#started .form-started .form2 {
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 20px;
  border-radius: 8px;
}

#started .form-started .form2:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 25px solid rgba(255, 255, 255, 0.6);
  border-bottom: 0px solid transparent;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  left: 50%;
  top: 651px;
  margin-left: -115px;
}

#started .form-started .form2 .input-group-btn .btn {
  border: 1px solid transparent;
  background-color: transparent;
  width: 53px;
}

#started .form-started .form2 .input-group-btn .btn:hover {
  background-color: #fff;
}

#started .form-started .form2 .form-control {
  border: transparent;
  background-color: transparent;
  box-shadow: none;
}

#started .form-started .form2 .input-group2 {
  border-bottom: 1px solid #ddd;
}

#started .form-started .form2 .input-group3 .input-group-addon, 
#started .form-started .form2 .input-group3 .input-group-btn {
  vertical-align: top;
}

#started .form-started .form2 textarea {
  height: 200px;
}

#started .form-started .form1 .input-group1 {
  border-bottom: 1px solid #ddd;
}

#started .form-started .form1 .input-group-btn .btn {
  border: 1px solid transparent;
  background-color: transparent;
}

#started .form-started .form1 .input-group-btn .btn:hover {
  background-color: #fff;
}

#started .form-started .form1 .form-control {
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: none;
}

#started .form-started .form-control {
  height: 45px;
  font-size: 12px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-style: italic;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: none;
}

#started .form-started .form2 .btn-started {
  border: 1px solid #268a40;
  background-color: transparent;;
  padding: 5px 25px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  color: #268a40;
  margin-bottom: 20px;
  margin-right: 20px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#started .form-started .form2 .btn-started:hover {
  background-color: #268a40;
  border-radius: 20px;
  color: #fff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#started .form-started .iphone-started {
  background: url(../images/kickstart/iphone.png) no-repeat center top;
  height: 350px;
  margin-top: 60px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Resource Hero
|--------------------------------------------------------------------------
|
*/

#hero-resources {
  background: url(../images/resources/bg-hero.png) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0 300px;
}

#hero-resources .hero-resources-title h2 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 42px;
  margin-bottom: 45px;
}

#hero-resources .hero-resources-title h2 > font {
  margin-right: 1px;
}

#hero-resources .hero-resources-content h4 {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  margin-bottom: 20px;
}

#hero-resources .hero-resources-content p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  padding-right: 50px;
  margin-bottom: 30px;
}

#hero-resources .hero-resources-button .btn-hero-resources {
  color: #3d9251;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  border: 1px solid #3d9251;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transitoin: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#hero-resources .hero-resources-button .btn-hero-resources:hover {
  background: #299a0b;
  background: -moz-linear-gradient(-45deg, #299a0b 0%, #1f5081 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#299a0b), color-stop(100%,#1f5081));
  background: -webkit-linear-gradient(-45deg, #299a0b 0%,#1f5081 100%);
  background: -o-linear-gradient(-45deg, #299a0b 0%,#1f5081 100%);
  background: -ms-linear-gradient(-45deg, #299a0b 0%,#1f5081 100%);
  background: linear-gradient(135deg, #299a0b 0%,#1f5081 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#1f5081',GradientType=1 );
  color: #fff;
  border-radius: 20px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Step resources
|--------------------------------------------------------------------------
|
*/

#step-resources {
  padding: 120px 0;
}

#step-resources h2 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 42px;
  letter-spacing: 0.5px;
  margin-bottom: 160px;
}

#step-resources .step-resources-content-img {
  margin-bottom: 45px;
}

#step-resources .step-resources-content-main {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

#step-resources .step-resources-content-main .border-step {
  border-right: 1px solid #ddd;
  height: 75px;
}

#step-resources .step-resources-content-main .number-step {
  margin-right: -20px;
  font-size: 28px;
  margin-top: -6px;
}

#step-resources .step-resources-content-main a {
  color: #40a02f;
}

#ste-resources .step-resources-content-main a:hover {
  opacity: 0.7;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Resources About
|--------------------------------------------------------------------------
|
*/

#resources-about {
  background: url(../images/resources/bg-about-drema-call.png) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0 120px;
}

#resources-about .resources-about-title {
  margin-bottom: 140px;
}

#resources-about .resources-about-title h3 {
  color: #fff;
  font-family: 'helveticaultralight', sans-serif;
  font-size: 34px;
  letter-spacing: 0.5px;
}

#resources-about .resources-about-content {
  padding: 0 120px;
}

#resources-about .resources-about-content h4 {
  color: #29506c;
  font-family: 'opensanslight', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 0 40px;
  margin-bottom: 30px;
  line-height: 20px;
}

#resources-about .resources-about-content ul {
  list-style: none;
  padding-left: 0;
}

#resources-about .resources-about-content ul li {
  color: #fff;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 15px;
  letter-spacing: 0.32px;
  padding-left: 20px;
  padding-right: 20px;
}

#resources-about .resources-about-content ul li:before {
  content: "\f00c ";
  font-family: FontAwesome;
  display: inline-block;
  width: 1.2em;
  color: #0c1a25;
  margin-left: -24.5px;
    margin-right: 10px;
}

#resources-about .resources-about-footer {
  margin-top: 100px;
}

#resources-about .resources-about-footer p {
  color: #29506c;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  letter-spacing: 0.32px;
}

#resources-about .resources-about-footer h4 {
  color: #fff;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 28px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Video Resources
|--------------------------------------------------------------------------
|
*/

#resources-video {
  padding-top: 100px;
  background: url(../images/resources/video-resource/bg-video-resource.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#resources-video .resources-video-title h3 {
  color: #fff;
  font-family: 'helveticaultralight', sans-serif;
  font-weight: 300;
  font-size: 38px;
  letter-spacing: 1px;
  margin-bottom: 80px;
}

#resources-video .resources-video-content .resources-video-content-tab {
  margin-bottom: 180px;
}

#resources-video .resources-video-content-tab li a {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #a7a7a7;
}

#resources-video .resources-video-content-tab li a span.pull-right {
  padding-left: 10px;
}

#resources-video .resources-video-content-tab li a i.fa {
  margin-right: 10px;
}

#resources-video .resources-video-content-tab .nav-pills > li.active > a, 
#resources-video .resources-video-content-tab .nav-pills > li.active > a:hover, 
#resources-video .resources-video-content-tab .nav-pills > li.active > a:focus {
  background-color: transparent;
  font-size: 14px;
  color: #fff;
}

#resources-video .resources-video-content-tab li > a:hover {
  background-color: transparent;
}

#resources-video .resources-video-content-tab .nav-pills > li.active > a i.fa ,
#resources-video .resources-video-content-tab .nav-pills > li.active > a:hover i.fa ,
#resources-video .resources-video-content-tab .nav-pills > li.active > a:focus i.fa {
  color: #1a5a0d;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Succeed Hero
|--------------------------------------------------------------------------
|
*/
#succeed {padding-top: 142px;}
#succeed #main-navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 1;}

#succeed-hero {
  background: url("../images/succeed/succeed-illustration.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
  background-size: 500px;
  padding: 50px 0 0;
  margin-top: -150px;
  /*padding: 100px 0 130px;*/
}
.succeed-app-content {
    right: -130%;
    position:relative;
}

#succeed-hero .succeed-hero-content .succeed-hero-content-title h3 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 48px;
  letter-spacing: 1px;
  margin-bottom: 30px;
  margin-top: 0;
}

#succeed-hero .succeed-hero-content .succeed-hero-content-description {
  margin-bottom: 25px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
}

#succeed-hero .succeed-hero-content .succeed-hero-content-description p {
  font-size: 14px;
}

#succeed-hero .succeed-hero-content .succeed-hero-content-main {
  margin-bottom: 25px;
  padding-right: 100px;
}

#succeed-hero .succeed-hero-content .succeed-hero-content-main p {
  font-family: 'opensanslight', sans-serif;
  font-size: 14px;
  font-weight: 300;
}

#succeed-hero .succeed-hero-content .succeed-hero-content-button .btn-succeed-hero {
  color: #268a40;
  border: 1px solid #268a40;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  padding: 12px 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#succeed-hero .succeed-hero-content .succeed-hero-content-button .btn-succeed-hero:hover {
  background-color: #268a40;
  color: #fff;
  border: 1px solid #268a40;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#succeed-illustration {
    background: url("../images/succeed/succeed-illustration.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
    min-height: 812px;
    padding: 100px 0;
    position: relative;
}

#succeed-illustration .top-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Succeed Hospital
|--------------------------------------------------------------------------
|
*/

.section-succeed-hospital {
  padding: 0;
  margin-top: -50px;
  background: url(../images/succeed/hospital/hospital.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.succeed-hospital-content {
    left: -130%;
    position:relative;
}

.hero-succeed-hospitality img {
    display: block;
    height: 600px;
    left: -300px;
    position: absolute;
    top: -100px;
}

.hero-succeed-pos img {
    display: block;
    height: 600px;
    left: -250px;
    position: absolute;
    top: -100px;
}

/*
#succeed-hospital {
  .at2x('../images/succeed/hospital/hospital.jpg', 1925px, 1081px);
}
#succeed-hospital {
  padding:100px 0 0;
  background: url(../images/succeed/hospital/hospital.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/

#succeed-hospital .succeed-hospital-title {
  /*height: 120px;*/
  position: relative;
}

.succeed-hospital-title {position: relative;top: -130%;} 

/*#succeed-hospital .succeed-hospital-title img {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0;
    width: 199px;
    height: 80px;
}*/

#succeed-hospital .succeed-hospital-content {
  margin-bottom: -50px;
}

#succeed-hospital .succeed-hospital-content .succeed-hospital-content-left img {
  margin-left: -360px;
  height: 600px;
}

.animateblock.succeed-hospital-title {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  top: 100px !important;
}

.animateblock.succeed-hospital-content-left {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
  margin-left: -150px;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
}

.animateblock.succeed-hospital-content-left.animated {
    margin-left: 0 !important;
}

#succeed-hospital .succeed-hospital-content .succeed-hospital-content-right .succeed-hospital-content-right-title h3 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 32px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

#succeed-hospital .succeed-hospital-content .succeed-hospital-content-right .succeed-hospital-content-right-main {
  margin-bottom: 30px;
  padding-right: 20px;
}

#succeed-hospital .succeed-hospital-content .succeed-hospital-content-right .succeed-hospital-content-right-main p {
  color: #fff;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

#succeed-hospital .succeed-hospital-content .succeed-hospital-content-right .succeed-hospital-content-right-button .btn-succeed-hospital {
  color: #fff;
  border: 1px solid #fff;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  padding: 10px 40px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#succeed-hospital .succeed-hospital-content .succeed-hospital-content-right .succeed-hospital-content-right-button .btn-succeed-hospital:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Succeed Jiffy Apps
|--------------------------------------------------------------------------
|
*/

.section-succeed-app {
  margin-top: -50px;  
  padding: 0;  
  background: url(../images/succeed/jiffy-app/bg-jiffy-app.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
#succeed-app {
  .at2x('../images/succeed/jiffy-app/bg-jiffy-app.jpg', 1925px, 1081px);
}
#succeed-app {
  padding: 180px 0;
  background: url(../images/succeed/jiffy-app/bg-jiffy-app.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

#succeed-app .succeed-app-title {
  /*height: 120px;*/
  position: relative;
}

.succeed-app-title {position: relative;top: -130%;}

/*#succeed-app .succeed-app-title img {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0;
    width: 199px;
    height: 80px;
}*/

.animateblock.succeed-app-title {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  top: 100px !important;
}

#succeed-app .succeed-app-content .succeed-app-content-left img {
  height: 680px;
  margin-left: -400px;
}

.animateblock.succeed-app-content-left {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
  margin-left: -150px;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
}

.animateblock.succeed-app-content-left.animated {margin-left: 0 !important;}

#succeed-app .succeed-app-content .succeed-app-content-right .succeed-app-content-right-title h3 {
  font-family: 'helveticaultralight', sans-serif;
  color: #fff;
  font-size: 28px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

#succeed-app .succeed-app-content .succeed-app-content-right .succeed-app-content-right-main {
  margin-bottom: 20px;
  padding-right: 20px;
}

#succeed-app .succeed-app-content .succeed-app-content-right .succeed-app-content-right-main p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
}

#succeed-app .succeed-app-content .succeed-app-content-right .succeed-app-content-right-button .btn-succeed-app {
  color: #fff;
  border: 1px solid #fff;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  padding: 10px 40px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#succeed-app .succeed-app-content .succeed-app-content-right .succeed-app-content-right-button .btn-succeed-app:hover {
  background-color: #fff;
  color: #000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Company Highlight
|--------------------------------------------------------------------------
|
*/

#company-highlight {
  padding: 100px 0 100px;
}

#company-highlight .company-highlight-title h4 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 48px;
}

#company-highlight .company-highlight img {
  margin: -120px 100px 0 -330px;
  height: 800px;
}

#company-highlight .company-list {
  margin-top: 90px;
  padding-right: 80px;
}

#company-highlight .company-list ul {
  list-style: none;
}

#company-highlight .company-list li {
  font-size: 14px;
  margin-bottom: 20px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  color: #878787;
}

#company-highlight .company-list li:before {
  content: "\f105 ";
  font-family: FontAwesome;
  display: inline-block;
  width: 1.2em;
  color: #099d0c;
  margin-left: -18px;
    
}

#company-highlight #best-team-company {
    width: 1266px;
    height: 744px;
    position: relative;
    float: left;
    margin-top: 25px;
    margin-left: -650px;
    margin-right: 15px;
    overflow: hidden;
}

#company-highlight #best-team-company .hero-team-1 {
    background: url(../images/team1_assets/bg-hero-team.png) no-repeat;
    width: 1266px;
    height: 744px;
    position: absolute;
    top: 0;
    left: 0;
}

#company-highlight #best-team-company .hero-team-masking {
    background: url(../images/team1_assets/bg-team-masking.png) no-repeat;
    width: 1266px;
    height: 744px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.animateblock.hero-team-1 {
  left: -450px !important;
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  webkit-animation-delay: 12s;
     -moz-animation-delay: 12s;
       -o-animation-delay: 12s;
          animation-delay: 12s;
}

.animateblock.hero-team-1.animated {
  left: 0 !important;
}

#company-highlight #best-team-company .iphone-come {
    width: 414px;
    height: 587px;
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -206px;
    background: url(../images/team1_assets/iphone-come.png) no-repeat;
    z-index: 8;
    overflow: hidden;
}

.animateblock.iphone-come {
  display: block;
  width: auto;
  text-align: center;
  bottom: -350px !important;
  padding: 0;
    
  -webkit-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  transition: all 0.8s linear;
  webkit-animation-delay: 5s;
     -moz-animation-delay: 5s;
       -o-animation-delay: 5s;
          animation-delay: 5s;
}

.animateblock.iphone-come.animated {
  bottom: 1px !important;
}

#best-team-company .bg-team-1 {
    width: 694px;
    height: 560px;
    background: url(../images/team1_assets/bg-team-hero3.png) no-repeat top center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Waht We Do Best
|--------------------------------------------------------------------------
|
*/

#wwdb {
    background: url(../images/pattern-wwdb.png) repeat;
  padding: 100px 0;
    min-height: 1080px;
    position: relative;
}

#wwdb h1 {
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: normal;
    padding-bottom: 100px;
}

#wwdb .landing-wire-mockup {
    background: url(../images/bg-mockup-iphone.png) no-repeat top center;
    width: 1119px;
    height: 684px;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
}

#wwdb .screen-app {
    background: url(../images/bg-mockup-iphoneapp.png) no-repeat top center;
    width: 929px;
    height: 554px;
    position: absolute;
    top: 345px;
    left: 50%;
    margin-left: -505px;
    z-index: 3;
}

#wwdb .screen-mockup {
    background: url(../images/bg-mockup-iphonetop.png) no-repeat top center;
    width: 1149px;
    height: 711px;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -613px;
    z-index: 2;
    webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}

#wwdb .service-context {
    width: 1119px;
    height: 684px;
    position: relative;
    z-index: 1;
}

#wwdb .service-context span {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    max-width: 150px;
}

#wwdb .service-context .text-1 {
    position: absolute;
    left: -90px;
    top: 120px;
    webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}

#wwdb .service-context .text-2 {
    position: absolute;
    left: 570px;
    top: 100px;
    webkit-animation-delay: 1.5s;
     -moz-animation-delay: 1.5s;
       -o-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

#wwdb .service-context .text-3 {
    left: 210px;
    position: absolute;
    top: 500px;
    webkit-animation-delay: 2s;
     -moz-animation-delay: 2s
       -o-animation-delay: 2s
          animation-delay: 2s
}

#wwdb .service-context .text-4 {    
    position: absolute;
    right: 150px;
    top: 230px;
    webkit-animation-delay: 2.5s;
     -moz-animation-delay: 2.5s;
       -o-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

#wwdb .service-context .text-5 {
    bottom: 0;
    position: absolute;
    right: 580px;
    webkit-animation-delay: 1.8s;
     -moz-animation-delay: 1.8s;
       -o-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

#wwdb .service-context .text-6 {
    bottom: 0;
    position: absolute;
    right: 50px;
    webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}

#wwdb .mobile-landing {display: none;}

/* animated elements */
.animateblock {
  padding: 100px 0;
  opacity: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
}

.animateblock.animated {
  opacity: 1;
}

/* animation transition styles */

.animateblock.texttop {
  padding: 0 !important;  
  text-align: center;
  margin-top: 50px;
}
.animateblock.texttop.animated {
  margin-top: 0px;
  padding: 0 !important;
}

.animateblock.layer-1 {
  display: block;
  width: auto;
  text-align: center;
  margin-top: 175px;
}
.animateblock.layer-1.animated {
  margin-top: 0px;
}

.animateblock.layer-3 {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -200px;
}
.animateblock.layer-3.animated {
  margin-top: 0px;
}

.animateblock.layer-2 {
  display: block;
  width: auto;
  text-align: center;
  margin-top: 100px;
}
.animateblock.layer-2.animated {
  margin-top: 0;
}

.animateblock.expert-left {
  margin-left: -2%;
  padding: 0 !important;
}
.animateblock.expert-left.animated {
  margin-left: 0;
}

.animateblock.expert-right {
  display: block;
  margin-left: 5%;
  padding: 0 !important;
  overflow: hidden;
}
.animateblock.expert-right.animated {
  margin-left: 0;
  padding: 0 !important;
}

.animateblock.learntorock {
  display: block;
  width: auto;
  text-align: center;
  margin-top: 50px;
  padding: 0;
}
.animateblock.learntorock.animated {
  margin-top: 0;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet The Expert
|--------------------------------------------------------------------------
|
*/

#experts {
    background: rgb(239,239,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

  padding: 100px 0 50px;
}

#experts .experts-title h4 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 46px;
}

.animateblock.experts-content {
  display: block;
  width: auto;
  margin-left: -300px !important;
  padding: 0;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  transition: all 1.5s linear;
}

.animateblock.experts-content.animated {
    margin-left: 0 !important;
}

.animateblock.content-left {
  display: block;
  width: auto;
  margin-left: -300px !important;
  padding: 0;
  -webkit-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  transition: all 1.5s linear;
}

.animateblock.content-left.animated {
    margin-left: 0 !important;
}

.animateblock.content-right-ex {
  display: block;
  width: auto;
  margin-right: -1000px !important;
  padding: 0;
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  transition: all 2s linear;
}

.animateblock.content-right-ex.animated {
    margin-right: 0 !important;
}

#experts .experts-content img {
  margin: 60px 100px 0 -340px;
  height: 550px;
}

#experts .experts-content .content-right {
  margin-top: 120px;
  padding-right: 200px;
}

#experts .experts-content .content-right ul {
  list-style: none;
  padding-left: 70px;
}

#experts .experts-content .content-right ul li {
  font-size: 14px;
  margin-bottom: 20px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  color: #878787;
}

#experts .experts-content .content-right ul li:before {
  content: "\f00c ";
  font-family: FontAwesome;
  margin-left: 0;
  display: inline-block;
  width: 30px;
  color: #309c4b;
  margin-left: -30px;
}

#experts .experts-content .content-right a.btn-experts {
  border: 1px solid #309c4b;
  color: #309c4b;
  padding: 15px 25px;
  font-size: 14px;
  margin-left: 40px;
  margin-top: 20px;
  border-radius: 0;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#experts .experts-content .content-right a.btn-experts:hover {
  background-color: #309c4b;
  color: #fff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
  border-radius: 4px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Client
|--------------------------------------------------------------------------
|
*/
#clients {
    background: url(../images/bg-client.jpg) no-repeat left center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#clients .clients-content {
  margin-top: 50px;
  padding-bottom: 600px;
  z-index: 999;
}

#clients .client-content p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #828080;
  margin-bottom: 30px;
}

#clients .clients-content .client-title h3 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 36px;
  margin-bottom: 45px;
}

#clients .client-button a.btn-client {
  border: 1px solid #309c4b;
  color: #309c4b;
  padding: 16px 40px 16px;
  font-size: 16px;
  margin-left: 40px;
  margin-top: 20px;
  border-radius: 0;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#clients .client-button a.btn-client:hover {
  background-color: #309c4b;
    border: 1px solid #309c4b;
  color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.top-footer {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 15px 0 10px;
}

.top-footer .top-footer-left {
  padding-top: 10px;
}

.top-footer .top-footer-left p {
  color: #676868;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.top-footer .form-control {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  /*margin-top: 4px;*/
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
  font-size: 14px;
  width: 340px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-style: italic;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
}

.top-footer .form-control:active,
.top-footer .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
  border: 1px solid #309c4b;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.top-footer .btn {
  background-color: transparent;
  border: 1px solid #309c4b;
  color: #309c4b;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  padding-top: 6px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.top-footer .btn-footer:hover {
  background-color: #309c4b;
  color: #fff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet App Review
|--------------------------------------------------------------------------
|
*/

#appreview-lead {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #999;
    margin-top: 10px;
}

#appreview-lead  h1 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 72px;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 25px;
}
#category-appreview .category {margin-bottom: 20px;text-align: center;}
#category-appreview .category ul {list-style: none;margin: 0;padding: 0;}
#category-appreview .category ul li {
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #605d5d;    
    display: inline-block;
}
#category-appreview .category ul li a {    
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #605d5d;
    font-size: 18px;
    text-transform: capitalize;
    
}
#category-appreview .category ul li:last-child {border: none;}
#category-appreview .category ul li a:hover, #category-appreview .category ul li a:focus {text-decoration: none;background: url(../images/app_review/tab-arrow-current.png) no-repeat center bottom;padding-bottom: 21px;}
#category-appreview .category ul li.active a {font-weight: 600;background: url(../images/app_review/tab-arrow-current.png) no-repeat center bottom;padding-bottom: 21px;}

#category-appreview .container-category {
    background: #099d0c; /* Old browsers */
    background: -moz-linear-gradient(left,  #099d0c 0%, #44b2ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#099d0c), color-stop(100%,#44b2ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #099d0c 0%,#44b2ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #099d0c 0%,#44b2ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #099d0c 0%,#44b2ff 100%); /* IE10+ */
    background: linear-gradient(to right,  #099d0c 0%,#44b2ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099d0c', endColorstr='#44b2ff',GradientType=1 ); /* IE6-9 */
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.container-category .item {} 
.container-category .item a.apps-icon {
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 100px;
    width: 100px;
    margin-bottom: 20px;
}
.container-category .item a.apps-icon img {width: 100px;height: 100px;}
.container-category .item .apps-summary, .container-category .item .apps-type {
    font-family: 'Open Sans', Arial, sans-serif;    
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
    line-height: normal;
    text-align: left;
}

.container-category .item .apps-type {opacity:0.9;font-size: 12px !important;font-weight: 300;}

#owl-apps .item{
    margin: 10px;
    color: #FFF;
    text-align: center;
}
.owl-theme .owl-controls .owl-page span {background-color: #fff !important;}


#ios-appsreview {
    background-color: #f4f4f4;
    padding-bottom: 100px;
    position: relative;
}

#ios-appsreview .header-appsreview {
    background-color: #ffffff;
    padding-top: 50px;
    padding-bottom: 25px;
    position: relative;
} 
.header-appsreview h3 {
    font-size: 36px;
    line-height: normal;
    font-family: 'helveticaultralight', sans-serif;
    margin: 0;
}
.header-appsreview .sort-by {margin-right: 15px;float: left;margin-top: 15px;}
.header-appsreview .sort-by ul {list-style: none;padding: 0;margin: 0;}
.header-appsreview .sort-by ul li {display: inline-block;padding-left: 10px;padding-right: 10px;border-right: 1px solid #bbbbbb;}
.header-appsreview .sort-by ul li:last-child {border:none;}
.header-appsreview .sort-by ul li a, .header-appsreview .sort-by select {    
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #a2a2a2 ;
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: none;
    vertical-align: top;
}
.header-appsreview .sort-by ul li a:hover, .header-appsreview .sort-by ul li a:focus {color: #282828;}
.header-appsreview .sort-by.month {margin-right: 0;}
.header-appsreview .search-by {font-family: 'Open Sans', sans-serif;font-weight: 300;color: #a2a2a2 ;float: right;margin-top: 15px;}
.header-appsreview .search-by input[type='text'] {border: none;display:inline-block;padding-left: 10px;padding-right: 10px;max-width: 90px;}
.header-appsreview .search-by input[type="submit"] {border: none;width: 23px;height: 24px;background: url(../images/app_review/search.png) no-repeat;}
#header-appsreview .sort-by ul li a:hover, #header-appsreview .sort-by ul li a:focus {color: #282828;}
#ios-appsreview .main-appsreview {padding-top: 35px;}
.main-appsreview .box-apps-grid {
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    position: relative;
    color: #262626;
}
.main-appsreview .box-apps-grid.content-apps {padding: 15px;}
.box-apps-grid .apps-icon {float: left;margin-right: 15px;}
.box-apps-grid .apps-icon img {max-width: 100px;}
.box-apps-grid .apps-info-heading {float: left;width: 210px;}
.box-apps-grid .apps-number {
    background: url(../images/app_review/ribbon-appnumber.png) no-repeat;
    width: 93px;
    height: 94px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
    text-align: right;
    padding-top: 20px;
    padding-right: 15px;
}
.box-apps-grid .apps-title {font-size: 18px;font-weight: 600;}
.box-apps-grid .apps-author {font-size: 12px;margin-top: 2px;margin-bottom: 7px;}
.box-apps-grid .apps-cat {font-size: 12px;}
.box-apps-grid .apps-status, .view-graph {font-size: 10px;padding: 3px 8px;text-align: center;display: inline-block;margin-right: 10px;}
.box-apps-grid .apps-status.update {border: 1px solid #f57e20;color: #f57e20;}
.box-apps-grid .apps-status.new {border: 1px solid #418cc1 ;color: #418cc1;}
.box-apps-grid .apps-status.price-drop, .view-graph {border: 1px solid #2a9916 ;color: #2a9916;}
.box-apps-grid .rating, .apps-rating .rating,
.box-apps-grid .starrr, .apps-rating .starrr, .starrr {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    margin-right: 10px;
    display: inline-block;
}
.box-apps-grid .starrr, .apps-rating .starrr, .starrr {direction: ltr;}
.box-apps-grid .rating span.star, .apps-rating .rating span.star {
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    margin-left: -3px;
}
.box-apps-grid .rating span.star:hover, .apps-rating .rating span.star:hover, .apps-rating .starrr .fa-star:hover, .starrr .fa-star:hover {
    cursor: default;
}
.box-apps-grid .rating span.star:before, .apps-rating .rating span.star:before, .apps-rating .starrr .fa-star:before, .starrr .fa-star:before {
    color: gold;
    content: "★";
    padding: 0;
}
.box-apps-grid .rating span.star:before, .apps-rating .rating span.star:before, .apps-rating .starrr .fa-star-o:before, .starrr .fa-star-o:before {
    color: #c5c5c5;
    content: "★";
    padding: 0;
}
.box-apps-grid .rating span.star:hover:before, .rating span.star:hover ~ span.star:before,
.apps-rating .rating span.star:hover:before, .rating span.star:hover ~ span.star:before,
.apps-rating .starrr .fa-star:hover:before, .starrr .fa-star:hover ~ .fa-star:before {
    color: gold;
    content: "★";
}
.box-apps-grid .rating-count {font-size: 12px;}
.box-apps-grid .apps-desc {font-size: 14px;margin: 20px 0;}
.box-apps-grid .apps-model {font-size: 10px;color: #888888;float: left;}
.box-apps-grid .apps-modified {font-size: 10px;color: #888888;font-style: italic;float: right;}
.main-appsreview .box-apps-grid .apps-footer-content {
    border-bottom: 1px solid #b4b4b4;
    border-top: 1px solid #b4b4b4;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 30px;
}
.box-apps-grid .apps-footer-content .apps-index {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #181818;
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: none;
}
.box-apps-grid .apps-footer-content .apps-index a.view-on-itunes {
    color: #2b9916;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}
.box-apps-grid .apps-footer-content .apps-index .down, .appreview-buildapp-detail .content-detail-review .down {font-size: 14px;color: #2a9916;transform:rotate(270deg);padding-left: 2px;padding-right: 2px;}
.box-apps-grid .apps-footer-content .apps-index .up, .appreview-buildapp-detail .content-detail-review .up {font-size: 14px;color: #ed2024;transform:rotate(90deg);padding-left: 2px;padding-right: 2px;}
.box-apps-grid .apps-footer-content a.build-app {
    color: #2b9916;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 22px;
    padding-bottom: 22px;
    display: block;
    text-decoration: none;
    
}
.apps-footer-content .border-left {border-left: 1px solid #b4b4b4;}

#appreview-buildapp-lead {padding-top:45px;font-family: 'Open Sans', sans-serif;}
#appreview-buildapp-lead h2 {font-family: 'Open Sans', sans-serif;font-size: 36px;color: #515151;font-weight: 300;line-height: normal;margin-top: 0;margin-bottom: 45px;}
#appreview-buildapp-lead .build-app-new {display: inline-block; padding: 5px 30px 5px 71px;margin-right: 25px;border-right:1px solid #bbbbbb;}
#appreview-buildapp-lead .appreview-summary {text-align: left;display: inline-block;}
.apps-score h6 {font-size: 16px;color: #262626;font-weight: 600;text-transform: uppercase;margin: 0;}
.apps-score .score {color: #2c9825;font-size: 60px;font-weight: 300;margin-top: 15px;margin-bottom: 15px;}
.rating-count, .apps-link-toweb {color: #262626;font-weight: 300;font-size: 12px;}
.apps-link-toweb span.total-links {color: #2c9825;}
.appreview-buildapp-detail {
    position: relative;
    margin-top: 40px;
    padding-top: 14px;
    margin-bottom: 50px;  
}
.appreview-buildapp-detail .list-review-wrapper:before {
    background: url("../images/app_review/arrow-detail-build.png") no-repeat scroll center top #fff;
    content: "";
    display: block;
    height: 16px;
    left: 50%;
    margin-left: -14px;
    padding-top: 14px;
    position: absolute;
    top: 1px;
    width: 28px;
}
.appreview-buildapp-detail .list-review-wrapper {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0 20px;
}
.appreview-buildapp-detail ul.list-review {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;}
.appreview-buildapp-detail ul.list-review li {display: inline-block;text-align: center;border-right: 1px solid #e8e8e8;padding-top: 15px;padding-bottom: 15px;width: 120px;height: 100px;vertical-align: top;}
.appreview-buildapp-detail ul.list-review li:last-child {border: none;}
.appreview-buildapp-detail .title-detail-review {color: #525252;font-size: 12px;text-transform: uppercase;font-weight: 300;}
.appreview-buildapp-detail .content-detail-review {color: #000;font-size: 14px;margin-top: 10px;margin-bottom: 10px;display: block;}
.appreview-buildapp-detail .view-graph {text-transform: uppercase;display: inline-block;margin: 0;}

/* App Review Activity */

#appreview-activity h3, #appreview-price h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #2b991a;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 50px;
}
#appreview-activity h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #418bc5;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#appreview-activity .version-history {
    font-family: 'Open Sans', sans-serif;
    color: #6a6a6a;
    font-size: 16px;
    line-height: normal;
}
#appreview-activity .list-version-activity {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
#appreview-activity .list-version-activity .activity-date {font-size: 14px;}
#appreview-activity ul.version-history-list {list-style: none;padding: 0;margin: 0;}
#appreview-activity ul.version-history-list li:before {
    content: "-";
    padding-right: 10px;
}
.appreview-activity-timeline {margin-bottom: 75px;clear: both;}
#appreview-activity .timeline-wrapper {font-family: 'Open Sans', sans-serif;width: 300px;margin: 20px auto;}
.timeline-wrapper .monthly-list {text-align: center;width: 120px;position: relative;float: left;}
.timeline-wrapper .month {position: relative; color: #686868;text-align:center;padding-left:0;padding-right: 15px;padding-top:15px;padding-bottom:15px;}
.timeline-wrapper .month .activity-item-list {
    left: 120px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 7px;
    width: 100%;
    z-index: 1;
}
.timeline-wrapper .month .activity-item-list li.price-info {
    width: 100px;
    position: relative;
    left: 36px;
    z-index: 1;
}
.timeline-wrapper .month .activity-item-list li.price-up-info {
    width: 100px;
    position: relative;
    left: 36px;
    z-index: 1;
    opacity: 0.9;
}
.timeline-wrapper .month .activity-item-list li.price-info:before {
    background: url("../images/app_review/bullet-price-info.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 6px;
    left: -39px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 6px;
}
.timeline-wrapper .month .activity-item-list li.version-info {
  min-width: 140px;
  position: absolute;
  left: 36px;
  z-index: 1;
}
.timeline-wrapper .month .activity-item-list li.version-info:before {
  background: url(../images/app_review/bullet-version-info.png) no-repeat 0 0 transparent;
  width: 12px;
  height: 12px;
  display: block;
  content: "";
  position: absolute;
  left: -42px;
  top: 50%;
  margin-top: -6px;
}

.activity-item-list li.price-info a:before {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #73be83;
    border-top: 8px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: -8px;
    opacity: 0.9;
    position: absolute;
    width: 0;
}

.activity-item-list li.price-info a {
    background-color: #73be83;  
    color: #fff;
    display: block;
    font-size: 14px;
    opacity: 0.9;
    padding: 8px 20px 6px 20px;
    text-align: left;
    text-transform: uppercase;
}

.activity-item-list li.price-up-info a {
    background-color: #ed2024;  
    color: #fff;
    display: block;
    font-size: 14px;
    opacity: 0.9;
    padding: 8px 20px 6px 20px;
    text-align: left;
    text-transform: uppercase;
}
.activity-item-list li.price-up-info a:before {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #ed2024;
    border-top: 8px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: -8px;
    opacity: 0.9;
    position: absolute;
    width: 0;
}

.activity-item-list li.price-info a.down {
    background: url(../images/app_review/price-down.png) no-repeat 75px center #73be83;
}
.activity-item-list li.price-info a.up {
    background: url(../images/app_review/price-up.png) no-repeat 75px center #73be83;
}
.activity-item-list li.version-info a:before {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #408cbd;
    border-top: 8px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: -8px;
    opacity: 0.9;
    position: absolute;
    width: 0;
}
.activity-item-list li.version-info a {
    background-color: #408cbd;
    color: #fff;
    display: block;
    font-size: 14px;
    opacity: 0.9;
    padding: 8px 20px 6px 20px;
    text-align: left;
    text-transform: capitalize;
}

.timeline-wrapper .year {color: #929292;font-weight:300;font-size:12px;text-align:center;padding: 3px 10px;border: 1px solid #bbbbbb;-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;display: inline-block;width: 50px;position: absolute;right: -25px;bottom: -14px;background-color: #fff;z-index: 9;}
.timeline-wrapper .line-view-activision {border-right: 1px solid #e4e4e4;}
.timeline-wrapper .activity-space {position: relative;width: 180px;float: left;}
.timeline-wrapper .activity-inthismonth {height: 50px;background: url(../images/app_review/line-dot.png) repeat-x center center #fff;}


/* App Review Price */
#appreview-price {
    font-family: 'Open Sans', sans-serif;
    color: #525252;
    line-height: normal;
    margin-bottom: 100px;
}
.appreview-price-chart #canvas {height: 500px;}
.appreview-price-note {margin-top: 100px;}
.appreview-price-note h1 {
    color: #2a9914;
    font-size: 42px;
    line-height: normal;
    font-weight: 300;
    margin: 0 15px 0 0;
    float: left;
}
.appreview-price-note.text-center h1 {float: none;}
.appreview-price-note .summary-price-note {font-size: 16px;padding-top: 5px;}
.appreview-price-note .summary-price-note span {display: block;}
.appreview-price-note .summary-price-note span:last-child {font-size: 12px;}
.appreview-price-note .text-note {font-size: 12px;clear: both;}
.appreview-price-note .text-note strong {color: #2a9914;font-weight: 300;}

/* App Review Individual */

#appreview-individual {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #6a6a6a;
    line-height: normal;
}
#appreview-individual .screenshots {max-width: 320px;}
#appreview-individual .screenshots .screen-by-model {margin-bottom: 25px;text-align: right;}
#appreview-individual .screenshots .screen-by-model a {font-size: 12px;color: #000000;font-weight: 300;margin-left: 10px;vertical-align: top;border-left: 1px solid #666666;padding-left: 15px;}
#appreview-individual .screenshots .screen-by-model a:first-child {
    border: none;
}
#appreview-individual .screenshots .screen-by-model a.active, #appreview-individual .screenshots .screen-by-model a:hover {color: #2f963b;}
#appreview-individual .screenshots h6 {margin-top: 0;}
#appreview-individual .screenshots h6, 
#appreview-individual .description h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #242424;
}
#appreview-individual .description h6 {
    border-bottom: 1px solid #ebebeb;
    margin-top: 50px;
}
#appreview-individual .description h6:first-child {margin-top: 0;}
#appreview-individual .description p {color: #6a6a6a;font-weight: 300;}
#appreview-individual .description a.more {color: #2b9a47;font-size: 12px;font-weight: 300;text-align: right;display: block;}
#appreview-individual .description h6 .sort-by {float: right;color: #676767;font-size: 12px;vertical-align: middle;text-transform: none;}
#appreview-individual .description h6 .sort-by select {color: #2d9828;padding-left: 5px;padding-right: 5px;border: none;vertical-align: middle;}
#appreview-individual .description ul.version-history-list {list-style: none;padding: 0;margin: 0;font-weight: 300;}
#appreview-individual .description ul.version-history-list li:before {
    content: "-";
    padding-right: 10px;
}
#appreview-individual .customer-review {margin-bottom: 30px;}
#appreview-individual .customer-review h5.review-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #2a2a2a;
    line-height: normal;
    display: inline-block;
    margin-bottom: 10px;
    
}
#appreview-individual .customer-review .apps-rating {display: inline-block;margin-left: 15px;}
#appreview-individual .customer-review .icon-customer,
#appreview-individual .customer-review .icon-date,
#appreview-individual .customer-review .icon-thumbs-up,
#appreview-individual .customer-review .icon-thumbs-down {
    color: #6a6a6a;
    padding-right: 8px;
    font-size: 13px;
    font-weight: 300;
}
#appreview-individual .customer-review .icon-customer i,
#appreview-individual .customer-review .icon-date i,
#appreview-individual .customer-review .icon-thumbs-up i,
#appreview-individual .customer-review .icon-thumbs-down i {color: #d3d3d3;font-weight: normal;}
#appreview-individual .customer-review p {margin-top: 15px;}
#carousel-app-screenshot {padding-bottom: 50px;margin-bottom: 10px;}
#carousel-app-screenshot .carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff /9 !important;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #bfbfbf !important;
  border-radius: 10px;
}
#carousel-app-screenshot .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #bfbfbf !important;
}
#carousel-app-screenshot .carousel-indicators { bottom: 0;}

#appreview-individual .screenshots a.view-on-itunes {
    background-color: #fff;
    padding: 20px 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    color: #2b9a47;
    border: 1px solid #2b9a47;
    margin: 0 auto 25px;
    display: block;
    max-width: 270px;
}
#appreview-individual .screenshots .btn-share {
    text-align: center;
    font-size: 16px;
    color: #686868;
    font-weight: 300;
    margin-bottom: 25px;
}

#appreview-individual .screenshots .btn-share span, #appreview-individual .screenshots .btn-share a {
    color: #686868;
    margin-left:5px;
    margin-right: 5px;
}
#appreview-individual .screenshots .btn-share a {color: #bfbfbf;}

/* estimate-create-app */
#estimate-app {
    background-color: #418cc1;
    padding: 50px 0;
    position: relative;
    margin-top: 50px;
}
#estimate-app:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 15px solid #fff;
  border-bottom: 0px solid transparent;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  left: 50%;
  top: 0;
}

#estimate-app h1 {margin-bottom: 50px;font-family: 'Open Sans', sans-serif;font-size: 30px;font-weight: 300;color: #fff;text-align: center;}
#estimate-app input[type='text'].search-accurate-estimate {
    font-family: 'Open Sans', sans-serif;
    border: none;
    padding: 29px 25px 29px 95px;
    background-color: #fff;
    background: url(../images/icon/search-app-btn.png) no-repeat 35px center #fff;
    font-size: 18px;
    color: #373737;
    font-weight: 300;
    width: 100%;
    
}
#estimate-app .create-new-app {
    background: url(../images/app_review/box-create-new-app.png) no-repeat top center;
    position: relative;
    width: 85px;
    height: 85px;
    text-align: center;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    display: block;
}
#estimate-app .create-new-app:first-child {margin-left: -5px;}
#estimate-app .create-new-app:last-child {margin-right: 0;}
#estimate-app .create-new-app img {
    border-radius: 20px;
    height: 88px;
    left: -2px;
    position: absolute;
    top: -1px;
    width: 89px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
  border-radius: 20px;
}
/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Forgot Password
|--------------------------------------------------------------------------
|
*/

#forgot-password {
  background-color: #fff;
  border: 1px solid #dadada;
  padding: 45px;
  margin-top: 65px;
  margin-bottom: 100px;
}

#forgot-password .forgot-password-title {
  margin-bottom: 40px;
}

#forgot-password .forgot-password-title h3 {
  font-family: 'opensanslight', sans-serif;
  font-size: 34px;
  color: #2c981f;
  letter-spacing: 0.3px;
  font-weight: 300;
}

#forgot-password .forgot-password-description {
  margin-bottom: 45px;
}

#forgot-password .forgot-password-description p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #000;
}

#forgot-password .forgot-password-form {
  margin-bottom: 60px;
}

#forgot-password .forgot-password-form .form-control {
  border: 2px solid #dadada;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  height: 55px;
  width: 350px;
  margin-right: 10px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
}

#forgot-password .forgot-password-form .form-control:active,
#forgot-password .forgot-password-form .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
  border-color: #2c981f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#forgot-password .forgot-password-form .btn-forgot-password {
  color: #2c981f;
  border: 2px solid #2c981f;
  background-color: #fff;
  padding: 15px 30px;
  border-radius: 0;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#forgot-password .forgot-password-form .btn-forgot-password:hover,
#forgot-password .forgot-password-form .btn-forgot-password:active {
  background-color: #2c981f;
  color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
       -o-border-radius: 8px;
}

/*

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Login
|--------------------------------------------------------------------------
|
*/

#wrapper-login {
  background-image: url(../images/login/bg-login.jpg);
  background-size: cover;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
  min-height: 100% !important;
  overflow-x: hidden;
}

#wrapper-login .login-main {
  max-width: 980px;
  margin: 10% auto;
}

#wrapper-login .login-main-top {
  background-color: #fff;
  margin-bottom: 30px;
}

#wrapper-login .login-main .login-right {
  padding-left: 0;
}

#wrapper-login .login-main .login-left {
  padding-left: 25px;
  padding-top: 25px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-header img {
  margin-bottom: 10px;
  margin-top: 10px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-header h1 {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 20px;
  color: #999;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .user-form {
  margin-bottom: 0;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .user-form .form-control {
  border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
     -moz-border-bottom-right-radius: 0;
       -o-border-bottom-right-radius: 0;
  height: 60px;
  border-bottom: transparent;
  border-left: transparent;
  border-right: 1px solid #dadada;
  border-top: 1px solid #dadada;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
  font-style: normal;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #dadada;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .user-form .input-group-addon {
  border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
     -moz-border-bottom-left-radius: 0;
       -o-border-bottom-left-radius: 0;
  background-color: transparent;
  border-bottom: transparent;
  border-left: 1px solid #dadada;
  border-top: 1px solid #dadada;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .user-form .input-group-addon img {
  height: 30px;
  width: 28px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .key-form .form-control {
  border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
     -moz-border-top-right-radius: 0;
       -o-border-top-right-radius: 0;
  height: 60px;
  border-left: transparent;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
  font-style: italic;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #dadada;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .key-form .input-group-addon {
  border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
     -moz-border-top-left-radius: 0;
       -o-border-top-left-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-top: 1px solid #dadada;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .key-form .input-group-addon img {
  height: 30px;
  width: 28px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form input[type=checkbox] {
  margin-top: 3px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .checkbox {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
  letter-spacing: 0.3px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .btn-login {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin-top: -8px;
  padding: 5px 0 5px 20px;
  border: 1px solid #fff;
  transition: all 0.8s ease-in-out;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .btn-login:hover,
#wrapper-login .login-main .login-main-top .login-left .login-left-form .btn-login:active,
#wrapper-login .login-main .login-main-top .login-left .login-left-form .btn-login:focus {
  border-color: #dadada;
  color: #999;
  text-decoration: none;
  padding: 5px 12px 5px 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .btn-login i.fa {
  margin-left: 10px;
  font-size: 20px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .forgot,
#wrapper-login .login-main .login-main-top .login-left .login-left-form .register {
  margin-bottom: 0;
  font-size: 12px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  color: #999;
  letter-spacing: 0.3px;
  margin-bottom: 3px;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .forgot a,
#wrapper-login .login-main .login-main-top .login-left .login-left-form .register a {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#wrapper-login .login-main .login-main-top .login-left .login-left-form .forgot a:hover,
#wrapper-login .login-main .login-main-top .login-left .login-left-form .forgot a:focus,
#wrapper-login .login-main .login-main-top .login-left .login-left-form .register a:hover,
#wrapper-login .login-main .login-main-top .login-left .login-left-form .register a:focus {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#wrapper-login .login-main .login-main-bottom p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.5px;
}

#wrapper-login .login-main .login-main-bottom p a {
  text-decoration: none;
  color: #fff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#wrapper-login .login-main .login-main-bottom p a:hover,
#wrapper-login .login-main .login-main-bottom p a:focus {
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Register
|--------------------------------------------------------------------------
|
*/

.register-left {
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  background-image: url(../images/register/bg-sidebar.jpg);
  border-right: 1px solid #eee;
  width: 480px;
}

.register-right {
  padding-right: 240px;
  padding-left: 120px;
}

.register-left-header {
  padding-right: 50px;
  text-align: right;
  margin-top: 50px;
}

.register-left-header .registerLogo {
  margin-bottom: 40px;
}

.register-left-header .jiffyID {
  margin-bottom: 10px;
}

.register-left-header h4 {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  color: #fff;
  opacity: 0.8;
}

.register-left-footer {
 bottom: 30px;
 position: fixed;
 margin-left: 120px;
 float: right;
 text-align: right;
}

.register-left-footer ul {
  list-style: none;
}

.register-left-footer ul li {
  display: inline-block;
  margin-left: 5px;
  color: #fff;
}

.register-left-footer ul li a {
  color: #fff;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 12px;
}

.register-left-footer p,
.register-left-footer p a {
  color: #fff;
  opacity: 0.8;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 12px;
}

.register-left-footer p a:hover,
.register-left-footer p a:focus {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.register-right .register-right-title {
  margin-top: 80px;
  margin-bottom: 60px;
}

.register-right .register-right-title h1 {
  font-family: 'helveticaultralight', sans-serif;
  font-size: 36px;
  letter-spacing: 2.5px;
  color: #2c981f;
  margin-bottom: 20px;
}

.register-right .register-right-title p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  text-shadow: none !important;
  font-size: 15px;
  letter-spacing: 0.32px;
}

.register-right .register-right-form {
  margin-bottom: 150px;
}

.register-right .register-right-form .form-control {
  height: 60px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-style: normal;
  padding-left: 30px;
}

.register-right .register-right-form .form-control:focus,
.register-right .register-right-form .form-control:active {
  border: 1px solid #2c981f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.register-right .register-right-form .username-jiffyinc .form-control {
  text-align: right;
  padding-right: 30px;
}

.register-right .register-right-form .form-group {
  margin-bottom: 18px;
}

.register-right .register-right-form label {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 15px;
}

.register-right .register-right-form select {
  background-color: #fafafa;
}

.register-right .register-right-form .checkbox {
  margin-top: 0;
}

.register-right .register-right-form .checkbox label {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.register-right .register-right-form .checkbox a {
  color: #2c981f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.register-right .register-right-form .checkbox a:hover,
.register-right .register-right-form .checkbox a:focus {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.register-right .register-right-form .btn-register {
  color: #2c981f;
  border: 1px solid #2c981f;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 18px;
  padding: 10px 25px;
  margin-top: 30px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.register-right .register-right-form .btn-register:focus,
.register-right .register-right-form .btn-register:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
  border-radius: 8px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
       -o-border-radius: 8px;
  background-color: #2c981f;
  color: #fff;
}

.register-right .register-right-form .btn-register i.fa {
  margin-left: 15px;
  font-size: 22px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Form Intake
|--------------------------------------------------------------------------
|
*/

body#intake {background-color: #fafafa;}
#form-intake .step-bread {
  border-bottom: 1px solid #ddd;
}

#form-intake .btn-breadcrumb .btn {
  padding:6px 0px 6px 42px;
}

#form-intake .btn-breadcrumb .btn:first-child {
  padding: 30px 6px 6px 20px;
  border-top-left-radius: 20px;
}

#form-intake .btn-breadcrumb .btn:last-child {
  padding:30px 18px 6px 36px;
}

#form-intake .btn-breadcrumb .btn-default {
  border-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  height: 82px;
  padding-top: 30px;
  font-size: 12px;
}

#form-intake .btn-breadcrumb .btn-default .col-xs-2 > span {
  border: 1px solid #ddd;
  padding: 5px 10px;
  border-radius: 100%;
  margin-top: 40px;
  margin-left: 10px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
}

#form-intake .btn-breadcrumb .btn-default p {
  margin-top: -8px;
  margin-right: -10px;
  position: block;
  margin-left: 15px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 400;
  text-align: left;
}

#form-intake .btn-default.active {
  background-color: transparent;
  box-shadow: none;
}

#form-intake .btn-default.done:hover {
  background-color: transparent;
}

#form-intake .btn-default.done .col-xs-2 > img {
  background-color: #2c981f;
  border-radius: 100%;
  padding: 3px;
  color: #fff;
  margin-top: -6px;
}

#form-intake .btn-default.done .col-xs-8 > p {
  color: #2c981f;
}

#form-intake .btn-default.active .col-xs-2 > span {
  border-color: #2c981f;
  color: #2c981f;
}

#form-intake .btn-default.active .col-xs-8 > p {
  color: #2c981f;
}

#form-intake .btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 42px solid transparent;
  border-bottom: 42px solid transparent;
  border-left: 35px solid white;
  position: absolute;
  top: 50%;
  margin-top: -42px;
  left: 100%;
  z-index: 3;
}

#form-intake .btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 42px solid transparent;
  border-bottom: 42px solid transparent;
  border-left: 35px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -42px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

#form-intake-header {
  margin-top: 35px;
}

#form-intake-header h1 {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 36px;
  margin-bottom: 20px;
  color: #2c981f;
}

#form-intake-header p {
  margin-bottom: 40px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
}

#form-intake {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 60px;
  border-radius: 8px;
}

/* Placeholder added by bungmomo */
#form-intake .form-control::-moz-placeholder {
    color: #999;
    font-style: italic !important;
    opacity: 1;
}
#form-intake .form-control:-ms-input-placeholder {
  color: #999;
  font-style: italic !important;
}
#form-intake .form-control::-webkit-input-placeholder {
  color: #999;
  font-style: italic !important;
}

#form-intake .form-intake-content {
  padding: 30px;
}

#form-intake .form-intake-content-description {
  margin-bottom: 25px;
}

#form-intake .form-intake-content-description h4 {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 28px;
  color: #000;
  margin-bottom: 20px;
}

#form-intake .form-intake-content-description p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #000;
}

#form-intake select {
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  background-color: #fafafa;
}

#form-intake .form-intake-content-main .form-control {
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      -ms-border-radius: 0;
       -o-border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
       -o-box-shadow: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
  margin-bottom: 30px;
  font-style: normal;
}

#form-intake .form-intake-content-main input.form-control,
#form-intake .form-intake-content-main select.form-control {
  height: 60px;
}

#form-intake .form-intake-content-main .form-control:focus,
#form-intake .form-intake-content-main .form-control:active {
  border-color: #2c981f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#form-intake .form-intake-content-main .has-error .form-control {
  -webkit-box-shadow: inset 0 1px 1px rgba(239, 9, 31,.075),0 0 8px rgba(239, 9, 31,.6);
  box-shadow: inset 0 1px 1px rgba(239, 9, 31,.075),0 0 8px rgba(239, 9, 31,.6);
  background-color: rgba(239, 9, 31, 0.1);
  border-color: rgb(239, 9, 31);
}

#form-intake .tooltip {
  margin-left: 30px;
}

#form-intake .tooltip-inner {
  padding: 20px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  min-width: 500px;
  background-color: #595d59;
}

#form-intake .tooltip.right .tooltip-arrow {
  top: 50%;
  left: -4px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #595d59;
}

#form-intake .form-intake-content-alert .alert-warning {
  background-color: #f75f5f;
  color: #fff;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  min-height: 60px;
  border-radius: 0;
  margin-bottom: 40px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
}

#form-intake .form-intake-content-alert .alert-warning p {
  margin-left: 70px;
  margin-top: 3px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px !important;
  letter-spacing: 0.5px;
}

#form-intake .form-intake-content-alert .alert-warning .close {
  float: left;
  color: #951818 !important;
  border: 1px solid #951818;
  border-radius: 100%;
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
       -o-border-radius: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  border-color: #951818;
  opacity: 1;
  text-shadow: none;
  -webkit-text-shadow: none;
     -moz-text-shadow: none;
       -o-text-shadow: none;
}

#form-intake .form-intake-content-main label {
  font-family: 'opensanslight', sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 15px;
  text-shadow: none;
}

#form-intake .form-intake-content-main label span {
  margin-left: 10px;
}

#form-intake .form-intake-content-main label span {
  color: red;
}

#form-intake .form-intake-content-main input[type="radio"] {
  margin-right: 10px;
}

#form-intake .form-intake-content-button {
  margin-bottom: 80px;
}

#form-intake .form-intake-content-button .btn-next-intake {
  border: 1px solid #2c981f;
  color: #2c981f;
  padding: 15px 45px;
  border-radius: 0;
  font-family: 'opensanslight',sans-serif;
  font-weight: 400;
  font-size: 20px;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#form-intake .form-intake-content-button .btn-next-intake:hover,
#form-intake .form-intake-content-button .btn-next-intake:focus,
#form-intake .form-intake-content-button .btn-next-intake:active {
  background-color: #2c981f;
  color: #fff;
  border-radius: 8px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#form-intake .form-intake-content-button .btn-next-intake i.fa {
  margin-left: 10px;
}

#form-intake .form-intake-content-button .btn-back-intake {
  text-decoration: underline;
  margin-right: 40px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #000;
}

#form-intake .form-intake-content-main .fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
  background-color: #fafafa;
  border: 1px solid #b1b1b1;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  padding: 5px 65px 5px 35px;
}

#form-intake .form-intake-content-main .fileUpload p {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 18px;
  margin-top: 6px;
}

#form-intake .form-intake-content-main .fileUpload p i.fa {
  color: #cecece;
  font-size: 32px;
  margin-right: 20px;
}

#form-intake .form-intake-content-main .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

#form-intake .form-intake-content-main #uploadFile {
  border: transparent;
  background-color: transparent;
  margin-left: 40px;
  font-size: 20px;
  color: #000;
}

#form-intake .datejob {
  margin-bottom: 30px;
}

#form-intake .datejob .form-control {
  margin-bottom: 0;
}

#form-intake .datejob .form-control.dd {
  width: 100px;
  margin-right: 10px;
}

#form-intake .datejob .form-control.mm {
  width: 100px;
  margin-left: 10px;
  margin-right: 10px;
}

#form-intake .datejob .form-control.yyyy {
  width: 120px;
  margin-left: 10px;
  margin-right: 30px;
}

#form-intake .datejob .img-datejob {
  width: 30px;
}

#form-intake .budget {
  margin-bottom: 100px;
}

#form-intake .budget .form-control {
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 20px;
}

#form-intake .budget label {
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #999999;
}

#form-intake .budget .form-control.main {
  width: 180px;
}

#form-intake .budget .form-control.sen {
  width: 80px;
}

#form-intake .btn-intake-done {
  background-color: #2c981f;
  color: #fff;
  padding: 15px 50px;
  border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
       -o-border-radius: 0;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

#form-intake .btn-intake-done:hover,
#form-intake .btn-intake-done:active,
#form-intake .btn-intake-done:focus {
  background-color: #fff;
  border: 1px solid #2c981f;
  border-radius: 8px;
  color: #2c981f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

/* form intake step 7 */

#form-intake-success {
  background-color: #fff;
  border: 1px solid #dadada;
  padding: 50px; 
  margin-top: 120px;
}

#form-intake-success .form-intake-step7-title {
  margin-bottom: 50px;
}

#form-intake-success .form-intake-step7-title img {
  margin-bottom: 15px;
}

#form-intake-success .form-intake-step7-title h1 {
  color: #2c981f;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 36px;
}

#form-intake-success .form-intake-step7-content {
  margin-bottom: 40px;
}

#form-intake-success .form-intake-step7-content p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

.form-intake-step7-back {
  margin-top: 20px;
  margin-bottom: 60px;
}

.form-intake-step7-back a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-decoration: none;
  color: #9e9e9e;
  height: 10px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

.form-intake-step7-back a:focus,
.form-intake-step7-back a:hover {
  color: #2c981f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

textarea {resize: none;}
/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Schedule Dream Call
|--------------------------------------------------------------------------
|
*/

.schedule-dreamcall-wrapper {  
  font-family: "Open Sans",sans-serif;
  background: #299a0b; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #299a0b 0%, #1f5081 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#299a0b), color-stop(100%,#1f5081)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #299a0b 0%,#1f5081 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #299a0b 0%,#1f5081 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #299a0b 0%,#1f5081 100%); /* IE10+ */
  background: linear-gradient(135deg,  #299a0b 0%,#1f5081 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#1f5081',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-attachment:fixed; 
  padding-top: 20px;
  overflow-x: hidden; 
  }
  .circle-logo {margin-bottom: 50px;}
  .heading-schedule {margin-top: 15px; margin-bottom: 15px;height: 64px;}
  .subheading {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;

  }

  .form-control.form-control-transparent {  
    background-color:transparent;
    color:#fff;
    border:none !important;
    border-bottom:solid thin !important;
    border-bottom-color:rgba(255,255,255,.2) !important;
    padding:15px;
    height:auto;  
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.schedule-dreamcall-wrapper .btn-success {
  font-size: 24px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-top: 30px;
}  

.form-control-transparent:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
      border:none;
  border-bottom:solid thin;
  border-bottom-color:rgba(255,255,255,.7);
}
.form-control-transparent::-moz-placeholder {
  color: #fff;
  opacity: .75;
  font-weight:300;
  
  
  
}

.form-control-transparent:-ms-input-placeholder {
  color: #fff;
  font-weight:300;
}

.form-control-transparent::-webkit-input-placeholder {
  color: #fff;
  font-weight:300;
}

  

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Footer
|--------------------------------------------------------------------------
|
*/

footer {
  padding: 50px 0 20px;
  z-index: 999;
}

footer .content-footer-top {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

footer .content-footer-top .content-footer-top-nav {
  text-align: left;
  margin-left: 30px;
}

footer .content-footer-top .content-footer-top-nav ul{
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}

footer .content-footer-top .content-footer-top-nav ul li {
  display: inline-block;
}

footer .content-footer-top .content-footer-top-nav ul li a {
  color: #949494;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transiiton: all 0.5s ease;
}

footer .content-footer-top .content-footer-top-nav ul li a:hover {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
  color: #309c4b;
}

footer .content-footer-top .content-footer-top-right-nav {
  text-align: right !important;
  margin-top: 10px;
}

footer .content-footer-top .content-footer-top-right-nav i.fa {
  color: #418cc1;
  margin-right: 10px;
  font-weight: 300;
}

footer .content-footer-top .content-footer-top-right-nav span {
  margin-left: 30px;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #7b7b7b;
}

footer .content-footer-bottom {
  margin-bottom: 40px;
}

footer .content-footer-bottom .content-footer-bottom-left ul {
  list-style: none;
  padding-left: 0;
}

footer .content-footer-bottom .content-footer-bottom-left ul li a {
  color: #949494;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 14px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
}

footer .content-footer-bottom .content-footer-bottom-left ul li a:hover {
  color: #309c4b;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
}

footer .content-footer-bottom .content-footer-bottom-left ul li {
  display: inline-block;
  margin-right: 5px;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa {
  color: #bfbfbf;
  font-weight: 300;
  font-size: 20px;
  margin-left: 10px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa-facebook:hover {
  color: #3b5998;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa-twitter:hover {
  color: #00aced;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa-google-plus:hover {
  color: #dd4b39;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa-linkedin:hover {
  color: #007bb6;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa-youtube-play:hover {
  color: #bb0000;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa-vimeo-square:hover {
  color: #00bf8f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .content-footer-bottom .content-footer-bottom-right i.fa-rss:hover {
  color: #f1c40f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
}

footer .footer-bottom p {
  color: #949494;
  font-family: 'opensanslight', sans-serif;
  font-weight: 300;
  font-size: 12px;
}

.scrollblock {
  position: relative;
  margin: 0;
  width: 100%;
  /*height: 600px;
}

/*
|--------------------------------------------------------------------------
| Jiffy Apps Stylesheet Modal Contact
|--------------------------------------------------------------------------
|
*/



@media only screen and (min-width : 1824px) {
  #hero #particle-element, #hero .hero-iphone {
    right: 150px;
  }

  #hero .login-box {
    right: 450px;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  #succeed-hospital {
    background-image: url(../images/succeed/hospital/hospital.jpg);
    background-size: 1925px 1081px;
  }
  #succeed-app {
      background-image: url(../images/succeed/jiffy-app/bg-jiffy-app.jpg);
      background-size: 1925px 1081px;
    }
}