/* -------------- All Contents -------------- */

/**
 * ----------------- 1. Reset.css 2. Helper Classes 3. Home page Hero Sections 4. Pitch Section Styling 5. Features
 * Section Styling 6. Review Styling 7. Pricing section 8. Subscribe Section 9. All Media Queries ------------------
 */

/* ----- 1. Reset.css ----- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family : Poppins;
}

p {
  font-family : Roboto;
}

::-moz-selection {
  color      : #FFFFFF;
  background : #3333CC;
}

::selection {
  color      : #FFFFFF;
  background : #3333CC;
}

.nopadding {
  padding : 0;
}

.custompadding {
  padding-right : 5px;
  padding-left  : 5px;
}

.no-margin {
  margin-right : 0;
  margin-left  : 0;
}

.error-message {
  margin-top  : 5px;
  color       : #FF3333;
  font-family : Poppins;
}

.success-message {
  margin-top  : 5px;
  color       : #009900;
  font-family : Poppins;
}

#loading {
  z-index          : 9999;
  position         : fixed;
  top              : 0px;
  left             : 0px;
  width            : 100%;
  height           : 100%;
  opacity          : 1;
  background-color : #F2F2F2;
  text-align       : center;
}

#loading-image {
  z-index  : 9999;
  display  : inline;
  position : relative;
  top      : 40%;
}

.logo {
  z-index : 111;
  margin  : 0 auto;
  padding : 0px 0px;
}

.logo:focus,
.logo:hover {
  color           : #FFF;
  text-decoration : none;
}

/* ------ Navbar Styling Starts ----- */

.navbar {
  height             : 80px;
  padding-top        : 25px;
  text-transform     : capitalize;
  font-family        : Poppins;
  font-size          : 14px;
  font-weight        : 400;
  letter-spacing     : 1px;
  -moz-transition    : all 0.6s;
  -o-transition      : all 0.6s;
  -webkit-transition : all 0.6s;
  transition         : all 0.6s;
}

.navbar-default {
  border-color     : transparent;
  background-color : transparent;
  transition       : all 0.6s ease;
}

.navbar-default .navbar-toggle {
  border-radius : 0px;
  /* border-color: transparent; */
}

.navbar-default .navbar-toggle:hover {
  /* background-color: transparent; */
}

.navbar-default .navbar-toggle:focus {
  background-color : transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color : #111111;
}

.navbar-default .navbar-brand .navbar-toggle .collapsed {
  padding   : 4px 6px;
  color     : #111111;
  font-size : 14px;
}

.navbar-default .navbar-brand {
  padding-top        : 5px;
  color              : #111111;
  -moz-transition    : 200ms;
  -o-transition      : 200ms;
  -webkit-transition : 200ms;
  transition         : 200ms;
}

.navbar-default .navbar-brand:hover {
  transition : 1s;
}

.navbar-default .navbar-nav > li > a {
  color              : #111111;
  -moz-transition    : all 0.5;
  -webkit-transition : all 0.5s;
  transition         : all 0.5s;
}

.navbar-default .navbar-nav > li > a:hover {
  color : #A1A1A1;
}

.navbar-default .navbar-nav > .active > a {
  color      : #222222;
  background : transparent;
}

.navbar-default .navbar-nav > .active > a:hover {
  color      : #333333;
  background : transparent;
}

.navbar-default .navbar-nav > .active > a:focus {
  color      : #111111;
  background : transparent;
}

.navbar-default .navbar-collapse {
  border-color     : transparent;
  background-color : transparent;
}

.navbar-default .navbar-nav .open .dropdown-toggle {
  color : #111111;
}

.navbar-default .nav-white > li > a {
  color : #FFFFFF;
}

.navbar-default .nav-white > li > a:hover {
  color : #ffffff;
}

.navbar-default .navbar-brand.nav-white {
  padding-top        : 15px;
  color              : #FFFFFF;
  font-size          : 21px;
  letter-spacing     : 1px;
  -moz-transition    : 200ms;
  -o-transition      : 200ms;
  -webkit-transition : 200ms;
  transition         : 200ms;
}

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

@media only screen and (max-width : 767px) {
  .navbar {
    height      : 60px;
    padding-top : 5px;
  }

  .navbar-default {
    border           : 0px;
    background-color : transparent;
  }

  .navbar-default .navbar-collapse {
    border-color     : transparent;
    background-color : #FFFFFF;
    text-align       : center;
  }

  .navbar-default .navbar-collapse {
    border       : 0;
    border-color : transparent;
  }

  .navbar-default .navbar-nav > li> a {
    margin-top : 10px;
    color      : #222222;
  }

  .navbar-default .navbar-nav > li> a:hover {
    color : #222222;
  }

  .navbar-default .navbar-brand {
    padding : 16px 15px !important;
    color   : #FFFFFF;
  }

  .navbar-default .navbar-brand.nav-white {
    color : #FFFFFF;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color : #ffffff;
  }
}

@media only screen and (min-width : 240px) {
  .navbar.past-main {
    height             : 60px;
    padding-top        : 5px;
    background-color   : rgba(255, 255, 255, 0.99);
    font-size          : 14px;
    -moz-transition    : all 0.6s;
    -o-transition      : all 0.6s;
    -webkit-transition : all 0.6s;
    transition         : all 0.6s;
    /* top: 0; */
  }

  .navbar-default.past-main .navbar-brand {
    color : #111111;
  }

  .navbar-default.past-main .navbar-toggle .icon-bar {
    background-color : #111111;
  }

  .navbar-default.past-main .navbar-nav > li > a {
    color              : #222222;
    -webkit-transition : color 0.5s;
    transition         : color 0.5s;
  }

  .navbar-default.past-main .navbar-nav > li > a:hover {
    color : #111111;
  }

  .navbar-default.past-main .navbar-nav > .active > a {
    color      : #5924EC;
    background : transparent;
  }

  .navbar-default.past-main .navbar-nav > .active > a:hover {
    color      : #222222;
    background : transparent;
  }

  .navbar-default.past-main .navbar-nav > .active > a:focus {
    color      : #222222;
    background : transparent;
  }
}

.navbar-default .nav-white .navbar-toggle .icon-bar {
  background-color : #FFFFFF;
}

.navbar-default.past-main .nav-white .navbar-toggle .icon-bar {
  background-color : #111111;
}

/**
 * ------------------------------------------------------
 * -------------- Main Section Styling Starts --------------
 * --------------------------------------------------------
 */

#main {
  height : 100%;
}

/* ----- Hero Section Styling Starts ----- */

.hero-section {
  height     : 100%;
  padding    : 150px 0 0 0;
  background : #FFFFFF;
}

.hero-content {
  padding  : 100px 0 100px 0;
  overflow : hidden;
}

.hero-content .s-heading {
  margin         : 0 0 20px 0;
  color          : #262626;
  font-size      : 34px;
  font-weight    : 400;
  line-height    : 1.2;
  letter-spacing : -1px;
}

.hero-content p {
  margin      : 0 0 25px 0;
  color       : #A1A1A1;
  font-family : Poppins;
  font-size   : 14px;
  font-weight : 400;
  line-height : 1.5;
}

.btn-action {
  padding            : 10px 21px;
  color              : #FFFFFF;
  border             : 1px solid #3333CC;
  border-radius      : 0;
  background-color   : #3333CC;
  outline            : none;
  text-transform     : uppercase;
  font-family        : Roboto;
  font-size          : 13px;
  font-weight        : 400;
  line-height        : 1;
  letter-spacing     : 2px;
  -moz-transition    : 200ms;
  -o-transition      : 200ms;
  -webkit-transition : 200ms;
  transition         : 200ms;
}

.btn-action:active,
.btn-action:active:focus,
.btn-action:focus,
.btn-action:hover {
  color        : #3333CC;
  border-color : #3333CC;
  background   : transparent;
  background   : transparent;
  outline      : none;
}

.product .btn-action {
  color            : #82714a;
  border           : 1px solid #82714a;
  background-color : transparent;
}

.product .btn-action:focus,
.product .btn-action:hover {
  color        : #FFFFFF;
  border-color : #82714A;
  background   : #92714A;
}

/* ----------- App Home --------- */

.software .hero-section {
  padding    : 100px 0 0 0;
  background : #F9F9F9;
}

.software .hero-content .s-heading {
  margin      : 0 0 20px 0;
  color       : #444444;
  font-size   : 34px;
  font-weight : 600;
}

.software .btn-action {
  padding            : 12px 24px;
  color              : #FFFFFF;
  border             : 1px solid #3f51b5;
  border-radius      : 50px;
  background-color   : #3f51b5;
  outline            : none;
  text-transform     : uppercase;
  font-family        : Arial;
  font-size          : 13px;
  font-weight        : 600;
  line-height        : 1;
  letter-spacing     : 2px;
  -moz-transition    : 200ms;
  -o-transition      : 200ms;
  -webkit-transition : 200ms;
  transition         : 200ms;
}

.software .btn-action:active,
.software .btn-action:active:focus,
.software .btn-action:focus,
.software .btn-action:hover {
  color        : #3f51b5;
  border-color : #3f51b5;
  background   : transparent;
  background   : transparent;
  outline      : none;
}

.software .hero-section img {
  margin : 0 auto;
}

/* ---------------- Form Home Styling ------------------- */

.form .hero-section {
  padding         : 150px 0 0 0;
  background      : #F2F2F2;
  background-size : cover;
}

.form .hero-content {
  padding  : 50px 0 50px 0;
  overflow : hidden;
}

.form img {
  margin : 0 auto;
}

.form .hero-content .s-heading {
  margin         : 0 0 20px 0;
  color          : #222222;
  font-size      : 34px;
  font-weight    : 700;
  line-height    : 1.2;
  letter-spacing : -1px;
}

.form .hero-content p {
  margin      : 0 0 25px 0;
  color       : #A1A1A1;
  font-family : Poppins;
  font-size   : 14px;
  font-weight : 400;
  line-height : 1.5;
}

.form .sub-form {
  padding    : 30px 0 0 0;
  text-align : left;
}

.form .subscribe-form .submit-button {
  height             : 40px;
  margin             : 0;
  padding            : 0 25px 0 25px;
  color              : #FFFFFF;
  border             : 2px solid;
  border-color       : #FFFFFF;
  border-radius      : 0 5px 5px 0;
  background-color   : #3333CC;
  outline            : none;
  box-shadow         : 0 0 1px transparent;
  font-size          : 0.9em;
  -moz-transition    : 500ms;
  -webkit-transition : 500ms;
  transition         : 500ms;
}

.form .subscribe-form .submit-button:hover {
  border-color       : #3333CC;
  -moz-transition    : 500ms;
  -webkit-transition : 500ms;
  transition         : 500ms;
}

.form .btn-action {
  color        : #FFFFFF;
  border-color : #3333CC;
  background   : #3333CC;
}

.form .btn-action:hover {
  color        : #3333CC;
  border-color : #3333CC;
  background   : transparent;
}

/**
 * -----------------------------------------------------
 * -------------- Image Bg Styling Starts ----------------
 * ------------------------------------------------------
 */

.image-bg .hero-section {
  padding         : 150px 0 100px 0;
  background      : linear-gradient(to right,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.2));
  background-size : cover;
}

.image-bg .hero-content .s-heading {
  color       : #FFFFFF;
  font-weight : 600;
}

.image-bg .hero-content p {
  color : #FFFFFF;
}

/* ------------ Signup Hero Section ------------ */

.signup .hero-section {
  padding         : 150px 0 100px 0;
  background      : linear-gradient(to right,rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.7));
  background-size : cover;
}

.signup .hero-content {
  padding : 50px 0 100px 0;
}

.signup .hero-content .s-heading {
  color          : #FFFFFF;
  font-size      : 34px;
  font-weight    : 600;
  line-height    : 1.2;
  letter-spacing : 0;
}

.signup .hero-content p {
  color : #FFFFFF;
}

.signup-form {
  padding               : 25px 25px 30px 25px;
  -moz-border-radius    : 0 0 4px 4px;
  -webkit-border-radius : 0 0 4px 4px;
  border-radius         : 0 0 4px 4px;
  background            : #3333CC;
  text-align            : left;
}

.signup-form .f-heading {
  margin         : 20px 0 30px 0;
  color          : #FFFFFF;
  text-align     : center;
  text-transform : capitalize;
  font-size      : 24px;
  font-weight    : 600;
  line-height    : 1.4;
  letter-spacing : 0;
}

.signup-form form textarea {
  height : 100px;
}

.signup-form form .input-error {
  border-color : #19b9e7;
}

.signup-form p {
  margin      : 25px 0 10px 0;
  color       : #DDDDDD;
  font-family : Poppins;
  font-size   : 12px;
}

.form-group {
  margin-bottom : 20px;
}

.signup .btn-action.btn-round {
  padding        : 12px 24px;
  color          : #FFFFFF;
  border         : 2px solid #3333CC;
  border-color   : #3333CC;
  border-radius  : 30px;
  background     : #3333CC;
  text-transform : capitalize;
  font-size      : 15px;
  font-weight    : 600;
}

.signup .btn-action.btn-round:focus,
.signup .btn-action.btn-round:hover {
  color        : #3333CC;
  border-color : #3333CC;
  background   : transparent;
}

.signup .btn-action {
  color        : #FFFFFF;
  border-color : #3333CC;
  background   : #3333CC;
}

.signup .btn-action:hover {
  color        : #3333CC;
  border-color : #3333CC;
  background   : transparent;
}

input[type="text"],
textarea,
textarea.form-control {
  height                : 45px;
  margin                : 0;
  padding               : 0 20px;
  color                 : #888888;
  border                : 1px solid #DDDDDD;
  -moz-border-radius    : 0;
  -webkit-border-radius : 0;
  border-radius         : 0;
  background            : #F8F8F8;
  -moz-box-shadow       : none;
  -webkit-box-shadow    : none;
  box-shadow            : none;
  vertical-align        : middle;
  font-family           : 'Roboto',sans-serif;
  font-size             : 16px;
  font-weight           : 300;
  line-height           : 50px;
  -moz-transition       : all .3s;
  -ms-transition        : all .3s;
  -o-transition         : all .3s;
  -webkit-transition    : all .3s;
  transition            : all .3s;
}

textarea,
textarea.form-control {
  padding-top    : 10px;
  padding-bottom : 10px;
  line-height    : 30px;
}

input[type="text"]:focus,
textarea.form-control:focus,
textarea:focus {
  border             : 1px solid #111;
  background         : #FFFFFF;
  outline            : 0;
  -moz-box-shadow    : none;
  -webkit-box-shadow : none;
  box-shadow         : none;
}

input[type="text"]:-moz-placeholder,
textarea.form-control:-moz-placeholder,
textarea:-moz-placeholder {
  color : #888;
}

input[type="text"]:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color : #888;
}

input[type="text"]::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color : #888;
}

.signup-form button.btn {
  height                : 45px;
  margin                : 0;
  padding               : 0 20px;
  color                 : #FFFFFF;
  border                : 0;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
  background            : #111111;
  -moz-box-shadow       : none;
  -webkit-box-shadow    : none;
  box-shadow            : none;
  text-transform        : uppercase;
  text-shadow           : none;
  vertical-align        : middle;
  font-family           : 'Roboto',sans-serif;
  font-size             : 16px;
  font-weight           : 400;
  line-height           : 45px;
  -moz-transition       : all .3s;
  -ms-transition        : all .3s;
  -o-transition         : all .3s;
  -webkit-transition    : all .3s;
  transition            : all .3s;
}

.signup-form button.btn:hover {
  color   : #FFFFFF;
  opacity : 0.6;
}

.signup-form button.btn:active {
  color              : #FFFFFF;
  opacity            : 0.6;
  outline            : 0;
  -moz-box-shadow    : none;
  -webkit-box-shadow : none;
  box-shadow         : none;
}

.signup-form button.btn:focus {
  color      : #fff;
  opacity    : 0.6;
  background : #19b9e7;
  outline    : 0;
}

.signup-form button.btn:active:focus,
button.btn.active:focus {
  color      : #fff;
  opacity    : 0.6;
  background : #19b9e7;
  outline    : 0;
}

@media only screen and (max-width : 991px) {
  .signup-form {
    max-width : 500px;
    margin    : 0 auto;
  }
}

/**
 * -------------------------------------------------------
 * ---------------- Slider Section Styling -----------------
 * --------------------------------------------------------
 */

.slider-pro .sp-slide {
  background : #222222;
}

.slider-pro h2.sp-layer {
  color          : #111111;
  text-align     : left;
  font-size      : 44px !important;
  font-weight    : bold;
  line-height    : 1.3;
  letter-spacing : -1px;
}

.slider-pro p.sp-layer {
  color       : #A1A1A1;
  font-size   : 16px;
  line-height : 1.4;
}

.slider-pro a {
  color              : #444444;
  text-decoration    : none;
  -moz-transition    : 0.5s !important;
  -webkit-transition : 0.5s !important;
  transition         : 0.5s !important;
}

.slider-pro .link-color {
  color              : #111;
  text-decoration    : none;
  -moz-transition    : 0.5s !important;
  -webkit-transition : 0.5s !important;
  transition         : 0.5s !important;
}

.slider-pro a:hover {
  color : #999999;
}

@media only screen and (max-width : 768px) {
  .slider-pro h2.sp-layer {
    font-size : 34px !important;
  }
}

/**
 * -----------------------------------------------------
 * --------------- App Home Styling starts ----------------
 * --------------------------------------------------------
 */

.app .hero-section {
  padding : 50px 0 0 0;
}

.app .hero-content {
  padding : 100px 0 0 0;
}

.app img {
  margin : 0 auto;
}

.app-info .s-heading {
  margin-top  : 30px !important;
  color       : #404040;
  font-size   : 34px;
  font-weight : 600;
}

.app-info .s-desc {
  margin-top  : 20px;
  color       : #3C4B5D;
  font-family : Roboto;
  font-size   : 16px;
  font-weight : 300;
  line-height : 1.4;
}

.app-info i {
  display    : inline-block;
  margin-top : 15px;
}

.app-info span {
  color       : #222222;
  font-family : Poppins;
  font-size   : 12px;
  font-weight : 400;
}

.app-info .ion {
  color     : #ff8000;
  font-size : 1em;
}

.download-buttons {
  margin-top    : 25px;
  margin-bottom : 25px;
}

.download-buttons img {
  margin-right : 5px;
  margin-left  : 5px;
}

.app .btn-action {
  color        : #FFFFFF;
  border-color : #3333CC;
  background   : #3333CC;
}

.app .btn-action:hover {
  color        : #3333CC;
  border-color : #3333CC;
  background   : transparent;
}

/**
 * ----------------------------------------------------
 * -------------- Split Home Coming Soon ----------------
 * -----------------------------------------------------
 */

.cs-main .left-section {
  z-index          : 1;
  position         : absolute;
  top              : 0;
  right            : 0;
  bottom           : 0;
  left             : 0;
  width            : 50%;
  height           : 100%;
  overflow         : hidden;
  background-color : #F2F2F2;
}

.cs-main .right-section {
  z-index    : 99;
  position   : absolute;
  top        : 0;
  right      : 0;
  bottom     : 0;
  width      : 50%;
  height     : 100%;
  padding    : 0 20px 0 20px;
  overflow   : hidden;
  overflow-y : auto;
  background : #FFFFFF;
}

.cs-main .hero-section {
  padding    : 120px 0 0 0;
  background : #FFFFFF !important;
}

.cs-main .hero-content {
  padding : 50px 0 0 0;
}

.cs-main .app-info .s-heading {
  font-size   : 42px;
  font-weight : 600;
}

.cs-main .left-section {
  background      : linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0));
  background-size : cover;
}

@media only screen and (max-width : 801px) {
  .cs-main .right-section {
    position : relative;
    width    : 100%;
  }

  .cs-main .hero-section {
    padding : 50px 0 0 0;
  }

  .cs-main .left-section {
    position   : relative;
    width      : 100%;
    min-height : 100vh;
  }
}

/**
 * ------------------------------------------------- ----------- About Section Styling Starts ----------
 * --------------------------------------------------
 */

.about {
  padding    : 100px 0 100px 0;
  background : #F1F1F1;
}

.about-content {
  max-width : 800px;
  margin    : 0 auto;
}

.about-content h2 {
  color       : #111111;
  font-family : 'Josefin Sans';
  font-size   : 24px;
  line-height : 1.2;
}

.about-content h3 {
  margin         : 50px 0 0 0;
  color          : #111111;
  text-transform : capitalize;
  font-family    : 'Josefin Sans';
  font-size      : 21px;
  font-weight    : bold;
  line-height    : 1;
  letter-spacing : 1px;
}

/* ----- Client Sectiion Styling ----- */

.client-section {
  padding          : 5px 0 0 0;
  background-color : #F3F3F3;
}

.clients .single {
  padding : 25px 0 25px 0;
}

.clients .single img {}

/**
 * ----------------------------------------------------
 * ----------- Pitch Section Styling Starts ----------
 * -----------------------------------------------------
 */

.pitch {
  padding    : 100px 0 100px 0;
  background : #FFFFFF;
}

.pitch-intro {
  max-width : 600px;
  margin    : 0 auto;
  padding   : 0 0 100px 0;
}

.pitch-intro .s-heading {
  margin         : 0 0 30px 0;
  color          : #454545;
  font-size      : 34px;
  font-weight    : 600;
  line-height    : 1.2;
  letter-spacing : -1px;
}

.pitch-intro p {
  color          : #A1A1A1;
  font-family    : 'Poppins';
  font-size      : 14px;
  line-height    : 1.5;
  letter-spacing : 0;
}

.pitch-icon {
  display       : inline-block;
  width         : 60px;
  height        : 60px;
  margin        : 0 0 10px 0;
  border-radius : 50%;
  background    : #3333CC;
}

.pitch-icon i {
  position  : absolute;
  top       : 13px;
  right     : 0;
  left      : 0;
  color     : #FFFFFF;
  font-size : 34px;
}

.pitch-content {
  padding : 10px 0 50px 0;
}

.pitch-content .item-heading {
  margin         : 0 0 10px 0;
  color          : #454545;
  font-size      : 21px;
  font-weight    : 600;
  line-height    : 1.2;
  letter-spacing : 0;
}

.pitch-content p {
  color          : #A1A1A1;
  font-family    : 'Poppins';
  font-size      : 14px;
  line-height    : 1.5;
  letter-spacing : 0;
}

/**
 * ----------------------------------------------------
 * ----------- Features Icon Styling Starts -------------
 * -----------------------------------------------------
 */

.icon-features {
  padding : 100px 0 50px 0;
}

.icon-features-intro {
  padding : 0 0 50px 0;
}

.icon-features-intro .s-heading {
  margin         : 0 0 10px 0;
  text-align     : center;
  font-size      : 34px;
  font-weight    : 600;
  letter-spacing : -1px;
}

.icon-features-intro p {
  margin     : 0 0 30px 0;
  color      : #A1A1A1;
  text-align : center;
  font-size  : 16px;
}

.f-single {
  position : relative;
  padding  : 10px 0 80px 0;
}

.f-icon i {
  position    : absolute;
  left        : 0;
  font-size   : 54px;
  font-weight : bold;
}

.f-content {
  padding-left : 80px;
}

.f-content .item-title {
  margin      : 0 0 10px 0;
  font-size   : 21px;
  font-weight : 400;
}

.f-content p {
  color       : #4D4D4D;
  text-align  : left;
  font-family : 'Roboto';
  font-size   : 14px;
  font-weight : 300;
  line-height : 1.5;
}

/**
 * ----------------------------------------------------
 * ----------- Features Section Styling Starts ----------
 * -----------------------------------------------------
 */

.features {
  padding : 25px 0 25px 0;
}

.features-inner {
  width : 100%;
}

.features .features-list {
  padding    : 20px 0 0 0;
  text-align : center;
}

.features .features-list .s-heading {
  margin      : 0 0 30px 0;
  color       : #222222;
  font-size   : 26px;
  font-weight : 400;
  line-height : 1;
}

.features .features-list ul {
  padding-left    : 20px;
  text-align      : center;
  list-style-type : circle;
}

.features .features-list ul li {
  display     : block;
  margin      : 0 0 15px 0;
  color       : #A1A1A1;
  font-family : 'Josefin Sans';
  font-size   : 16px;
  line-height : 1.2;
}

/* ----- App Features List ----- */

.software .features {
  padding : 100px 0 100px 0;
}

.software .features .features-list .s-heading {
  margin         : 20px 0 20px 0;
  color          : #222222;
  font-size      : 26px;
  font-weight    : 600;
  line-height    : 1.2;
  letter-spacing : -1px;
}

.software .features-list p {
  margin      : 0 0 25px 0;
  color       : #A1A1A1;
  font-family : 'Josefin Sans';
  font-size   : 18px;
  line-height : 1.2;
}

.software .features .features-list ul {
  padding-left    : 20px;
  list-style-type : disc;
}

.software .features .features-list ul li {
  display     : block;
  margin      : 0 0 15px 0;
  color       : #A1A1A1;
  font-family : Poppins;
  font-size   : 13px;
}

/* --------------- Feature Sub ------------ */

.product .feature-sub {
  padding             : 150px 0 150px 0;
  background          : linear-gradient(to right,rgba(0, 0, 0, 0),rgba(146, 127, 84, 0.99));
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
}

.product .sub-inner {
  max-width : 500px;
  float     : right;
}

.feature-sub .sub-inner .s-heading {
  margin      : 0 0 30px 0;
  color       : #FFFFFF;
  font-family : 'Josefin Sans';
  font-size   : 34px;
  font-weight : 300;
  line-height : 1;
}

.feature-sub .sub-inner .btn-action {
  color        : #FFFFFF;
  border-color : #3333CC;
  background   : #3333CC;
}

.feature-sub .sub-inner .btn-action:hover {
  color        : #3333CC;
  border-color : #3333CC;
  background   : transparent;
}

.product .feature-sub .sub-inner .btn-action {
  color        : #FFFFFF;
  border-color : #82714a;
  background   : #82714a;
}

.product .feature-sub .sub-inner .btn-action:hover {
  color        : #82714a;
  border-color : #82714a;
  background   : transparent;
}

.feature-sub {
  padding    : 150px 0 150px 0;
  background : linear-gradient(to right,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.6));
}

.sub-inner {
  max-width : 500px;
  float     : left;
}

/* --------- App Features Sub ------- */

.software .feature-sub {
  padding             : 150px 0 150px 0;
  background          : linear-gradient(to right,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.99));
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
}

.software .feature-sub .sub-inner .s-heading {
  margin      : 0 0 30px 0;
  color       : #FFF;
  font-family : 'Josefin Sans';
  font-size   : 34px;
  font-weight : 300;
  line-height : 1.1;
}

/**
 * --------------------------------------------------
 * ------------- Reviews Section Styling ----------------
 * -----------------------------------------------------
 */

.app-features {
  padding    : 100px 0 100px 0;
  background : #F9F9F9;
}

.app-features .s-heading {
  margin      : 0 0 10px 0;
  font-size   : 34px;
  font-weight : 600;
}

.app-features p {
  margin      : 10px 0 50px 0;
  color       : #A1A1A1;
  font-size   : 16px;
  font-weight : 400;
  line-height : 1.4;
}

.app-features img {
  margin : 0 auto;
}

.app-features .features-left,
.app-features .features-right {
  padding : 50px 0 0 0;
}

.app-features .icon {
  margin-top    : 10px;
  margin-bottom : 20px;
}

.app-features .icon i {
  color     : #3333CC;
  font-size : 42px;
}

.app-features .feature-single {
  margin-bottom : 50px;
  margin-left   : 0;
}

.app-features .feature-single .item-heading {
  margin         : 0 0 10px 0;
  color          : #222222;
  font-size      : 18px;
  font-weight    : 400;
  letter-spacing : 1px;
}

.app-features .feature-single p {
  margin      : 10px 0 0 0;
  color       : #A1A1A1;
  font-family : Poppins;
  font-size   : 14px;
  line-height : 1.4;
}

/**
 * -------------------------------------------------------
 * ------------- Split Features Section Styling ------------
 * --------------------------------------------------------
 */

.split-features {
  padding    : 50px 0 50px 0;
  overflow   : hidden;
  background : #FFFFFF;
}

.signup .split-features {
  background : #F2F2F2;
}

.split-image img {
  margin : 0 auto;
}

.split-content {
  padding : 20px;
}

.split-content .s-heading {
  margin         : 0 0 20px 0;
  font-size      : 34px;
  font-weight    : 600;
  letter-spacing : -1px;
}

.split-content p {
  color          : #A1A1A1;
  font-size      : 16px;
  line-height    : 1.4;
  letter-spacing : 0;
}

.split-content ul {
  display         : inline-block;
  margin          : 30px 0 0 0;
  list-style-type : disc;
}

.split-content ul li {
  margin-bottom  : 15px;
  margin-left    : 15px;
  color          : #A1A1A1;
  font-family    : Roboto;
  font-size      : 16px;
  letter-spacing : 0;
}

/**
 * --------------------------------------------------
 * ------------- Reviews Section Styling ----------------
 * -----------------------------------------------------
 */

.review-section {
  padding    : 150px 0 150px 0;
  background : #F4F4F4;
  text-align : center;
}

.reviews {
  width : 100%;
}

.review-single img {
  width  : 80px;
  height : 80px;
}

.review-text .t-detail {
  color          : #000000;
  font-family    : Roboto;
  font-size      : 16px;
  font-weight    : 300;
  line-height    : 1.5;
  letter-spacing : 0;
}

.review-text .ion {
  display    : inline-block;
  margin-top : 20px;
  color      : #ff8000;
  font-size  : 14px;
}

.review-text p {
  padding        : 20px 10px 20px 10px;
  color          : #A1A1A1;
  font-family    : Poppins;
  font-size      : 14px;
  font-weight    : 300;
  line-height    : 1.5;
  letter-spacing : 1px;
}

/**
 * --------------------------------------------------
 * ------------- Pricing Section Styling ----------------
 * -----------------------------------------------------
 */

.pricing {
  padding : 50px 0 100px 0;
}

.pricing-content {
  padding    : 60px 0 0 0;
  text-align : center;
}

.pricing h1 {
  font-size      : 28px;
  font-weight    : 400;
  line-height    : 1.2;
  letter-spacing : -1px;
}

.pricing h4 {
  margin      : 10px 0 30px 0;
  color       : #A1A1A1;
  font-size   : 14px;
  font-weight : 400;
}

.pricing p {
  color       : #444444;
  font-family : 'Poppins';
  font-size   : 14px;
  font-weight : 400;
  line-height : 1.4;
}

.pricing .btn-buy {
  padding : 40px 0 20px 0;
}

.pricing .btn-buy img {
  display : inline;
}

.pricing .price-tag h2 {
  margin      : 0 0 20px 0;
  color       : #A1A1A1;
  font-family : 'Josefin Sans';
  font-size   : 24px;
  font-weight : 400;
}

/* ----- Pricing Tables Styling Starts ----- */

.pricing-section {
  width          : 100%;
  height         : 100%;
  padding-top    : 100px;
  padding-bottom : 100px;
  background     : #FFFFFF;
}

.pricing-intro {
  padding-bottom : 30px;
}

.pricing-intro .s-heading {
  color       : #111111;
  font-size   : 28px;
  font-weight : 600;
  line-height : 1.4;
}

.pricing-intro p {
  margin-top     : 10px;
  margin-bottom  : 50px;
  color          : #303030;
  font-size      : 15px;
  font-weight    : 300;
  line-height    : 1.4;
  letter-spacing : 1px;
}

.pricing-section .table-left,
.pricing-section .table-right {
  max-width        : 400px;
  margin           : 0 auto;
  margin-bottom    : 30px;
  padding          : 20px 20px 50px 20px;
  border           : transparent;
  background-color : #FFFFFF;
  box-shadow       : 0px 0px 80px 0px rgba(0,0,0,.1);
}

.table-left .icon,
.table-right .icon {
  padding : 50px 50px 40px 50px;
}

.table-left .icon img,
.table-right .icon img {
  width  : 60px;
  height : 60px;
  margin : 0 auto;
}

.table-left .pricing-details span,
.table-right .pricing-details span {
  display       : inline-block;
  margin-bottom : 20px;
  color         : #808080;
  font-family   : Poppins;
  font-size     : 28px;
  font-weight   : 400;
}

.table-left .pricing-details .p-name,
.table-right .pricing-details .p-name {
  margin-bottom : 30px;
  color         : #505050;
  font-size     : 18px;
  font-weight   : 600;
}

.table-left .pricing-details p,
.table-right .pricing-details p {
  color          : #505050;
  font-family    : Poppins;
  font-size      : 14px;
  font-weight    : 300;
  line-height    : 1.4;
  letter-spacing : 1px;
}

.table-left .pricing-details ul,
.table-right .pricing-details ul {
  margin-top    : 30px;
  margin-bottom : 50px;
  padding       : 0px;
}

.table-left .pricing-details li,
.table-right .pricing-details li {
  margin-bottom : 10px;
  color         : #505050;
  font-family   : Poppins;
  font-size     : 14px;
  font-weight   : 400;
  line-height   : 1.4;
}

.pricing-section .table-left:hover,
.pricing-section .table-right:hover {
  box-shadow         : 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-transition    : 0.3s;
  -o-transition      : 0.3s;
  -webkit-transition : 0.3s;
  transition         : 0.3s;
}

.pricing-section .table-left,
.pricing-section .table-right {
  margin-top : 20px;
}

.pricing-section .table-center {
  margin-top : 0;
}

/* ----- Pricing Section Styling Ends ----- */

/* ----- Counter Section Styling Starts ----- */

.counter-section {
  width          : 100%;
  padding-top    : 50px;
  padding-bottom : 50px;
  background     : #F1F1F1;
}

.counter-section .c-title {
  color       : #222222;
  font-size   : 28px;
  font-weight : 400;
}

.counter-icon {
  padding : 15px;
}

.counter-icon i {
  color     : #3333CC;
  font-size : 48px;
}

.counter-text {
  margin-top    : 10px;
  margin-bottom : 20px;
}

.counter-text .n-title {
  padding     : 0.5em;
  color       : #222222;
  font-size   : 16px;
  font-weight : 400;
}

/* -------- Counter Section Styling Ends --------- */

/* ----- CTA Section Styling Starts ----- */

.cta-sub {
  padding-top     : 150px;
  padding-bottom  : 150px;
  background      : linear-gradient(to right,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.9));
  background-size : cover;
}

.cta-inner {
  max-width : 500px;
  float     : none;
}

.cta-sub .cta-inner .s-heading {
  margin-top    : 10px;
  margin-bottom : 0;
  color         : #FFFFFF;
  font-size     : 28px;
  font-weight   : 400;
  line-height   : 1.2;
}

.cta-sub .cta-inner p {
  margin-top    : 20px;
  margin-bottom : 40px;
  color         : #FFFFFF;
  font-family   : Poppins;
  font-size     : 14px;
  font-weight   : 300;
  line-height   : 1.4;
}

.subscribe-form {
  text-align : left;
}

.subscribe-form .mail {
  -moz-box-sizing    : content-box;
  -webkit-box-sizing : content-box;
  box-sizing         : content-box;
  height             : 40px;
  padding            : 0 150px 0 20px;
  border             : none;
  border-radius      : 5px 0 0 5px;
  background-color   : #F9F9F9;
  outline            : none;
  box-shadow         : none;
  transition         : all .3s;
}

.subscribe-form input {
  padding     : 0;
  color       : #222222;
  font-family : Poppins;
  font-size   : 0.9em;
}

.subscribe-form .submit-button {
  height             : 40px;
  margin             : 0;
  padding            : 0 25px 0 25px;
  color              : #FFFFFF;
  border             : 2px solid;
  border-color       : #FFFFFF;
  border-radius      : 0 5px 5px 0;
  background-color   : #927f54;
  outline            : none;
  box-shadow         : 0 0 1px transparent;
  font-size          : 0.9em;
  -moz-transition    : 500ms;
  -webkit-transition : 500ms;
  transition         : 500ms;
}

.subscribe-form .submit-button:hover {
  border-color       : #927f54;
  -moz-transition    : 500ms;
  -webkit-transition : 500ms;
  transition         : 500ms;
}

.product .subscribe-form .submit-button {
  border-color     : #FFFFFF;
  background-color : #927f54;
}

.product .subscribe-form .submit-button:hover {
  border-color : #927f54;
}

/* ----- CTA Section Styling Ends ----- */

/* ------- Footer Section Styling Starts ------- */

.footer {
  width            : 100%;
  height           : 100%;
  padding-top      : 75px;
  padding-bottom   : 20px;
  overflow         : hidden;
  background-color : #F3F3F3;
}

.contact {
  text-align : left;
}

.contact i {
  color     : #3333CC;
  font-size : 42px;
}

.contact h1 {
  margin      : 10px 0 10px 0;
  color       : #3333CC;
  font-family : 'Josefin Sans';
  font-size   : 21px;
  font-weight : 400;
}

.contact p {
  margin      : 10px 0 20px 0 !important;
  color       : #111111;
  font-family : 'Josefin Sans';
  font-size   : 16px !important;
  font-weight : 400;
  line-height : 1.3;
}

.contact a {
  display         : inline-block;
  color           : #3333CC;
  text-decoration : none;
  font-family     : 'Josefin Sans';
  font-size       : 18px;
  font-weight     : 400;
}

.footer img {
  margin-bottom : 20px;
}

.footer-menu ul {
  list-style-type : none;
}

.footer-menu li {
  display        : inline;
  padding-right  : 15px;
  text-transform : capitalize;
  font-family    : Poppins;
  font-size      : 14px;
  line-height    : 2;
}

.footer-menu li a {
  color           : #707570;
  text-decoration : none;
}

.footer p {
  margin      : 10px 0 30px 0;
  color       : #A1A1A1;
  font-family : 'Josefin Sans';
  font-size   : 16px;
  font-weight : 400;
  line-height : 1.3;
}

.footer-text p {
  margin-top     : 10px;
  color          : #3333CC;
  font-family    : 'Josefin Sans';
  font-size      : 14px;
  font-weight    : 400;
  line-height    : 1.4;
  letter-spacing : 1px;
}

.product .contact i,
.product .footer-text p,
.product .footer .contact a,
.product .footer .contact h1 {
  color : #927f54;
}

/**
 * -------------------------------------------------------
 * ----------- Bact-to-Top Styling Starts Here --------------
 * ---------------------------------------------------------
 */

.back-to-top {
  z-index         : 90;
  display         : none;
  position        : fixed;
  right           : 30px;
  bottom          : 30px;
  width           : 35px;
  height          : 35px;
  margin          : 0;
  color           : #0E1729;
  border-radius   : 50%;
  background      : rgba(51, 51, 204, 0.5);
  text-decoration : none;
}

.back-to-top i {
  position           : relative;
  top                : 8px;
  left               : 13px;
  color              : #FFFFFF;
  font-size          : 24px;
  -moz-transition    : 200ms;
  -o-transition      : 200ms;
  -webkit-transition : 200ms;
  transition         : 200ms;
}

.back-to-top:hover {
  color      : #FFFFFF;
  background : rgba(51, 51, 204, 0.9);
}

.back-to-top:hover i {
  top : 6px;
}

.back-to-top:focus {
  color : #FFFFFF;
}

.product .back-to-top {
  background : rgba(146, 127, 84, 0.5);
}

.product .back-to-top:hover {
  background : rgba(146, 127, 84, 0.9);
}

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

@media only screen and (min-width : 767px) {
  .logo {
    position : absolute;
    top      : 20px;
    left     : 20px;
  }

  .hero-section {
    padding : 150px 0 100px 0;
  }

  .form .hero-section {
    padding : 150px 0 50px 0;
  }

  .form .hero-content {
    padding  : 100px 0 100px 0;
    overflow : hidden;
  }

  .form .hero-content .s-heading {
    font-size : 54px;
  }

  .product .hero-content {
    padding    : 150px 0 100px 0;
    text-align : left;
  }

  .hero-content .s-heading {
    margin    : 0 0 20px 0;
    font-size : 48px;
  }

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

  .about-content h2 {
    font-size : 38px;
  }

  .software .hero-content .s-heading {
    font-size : 42px;
  }

  .image-bg .hero-content .s-heading {
    font-size : 54px;
  }

  .signup .hero-content .s-heading {
    font-size : 48px;
  }

  .features .features-list {
    padding    : 100px 0 0 0;
    text-align : left;
  }

  .features .features-list ul li {
    display    : list-item;
    text-align : left;
    font-size  : 18px;
  }

  .software .features {
    padding : 100px 0 100px 0;
  }

  .software .features .features-list .s-heading {
    font-size : 34px;
  }

  .software .features .features-list {
    padding : 30px 0 0 0;
  }

  .software .features .features-list ul li {
    display    : list-item;
    text-align : left;
    font-size  : 14px;
  }

  .feature-sub {
    padding : 200px 0 200px 0;
  }

  .feature-sub .sub-inner .s-heading {
    font-size : 42px;
  }

  .software .feature-sub .sub-inner .s-heading {
    font-size : 42px;
  }

  .split-content {
    padding    : 120px 100px 50px 10px;
    text-align : left;
  }

  .split-content .s-heading {
    font-size : 42px;
  }

  .pricing {
    padding : 100px 0 100px 0;
  }

  .pricing-content {
    text-align : left;
  }

  .cta-sub .cta-inner .s-heading {
    font-size : 36px;
  }

  .cta-inner {
    max-width : 500px;
    float     : right;
  }

  .contact {
    text-align : center;
  }

  .contact h1 {
    font-size : 24px;
  }

  .contact p {
    font-size : 16px !important;
  }

  .contact a {
    font-size : 18px;
  }
}

@media only screen and (min-width : 767px) and (max-width : 1024px) {
  .features .features-list {
    padding : 80px 0 0 0;
  }

  .split-content {
    padding    : 100px 100px 50px 50px;
    text-align : left;
  }
}

@media screen and (min-width : 400px) and (max-width : 600px) {
  .subscribe-form .mail {
    padding       : 0 30px 0 20px;
    border-radius : 5px 0 0 5px;
  }

  .subscribe-form .submit-button {
    padding       : 0 5px 0 5px;
    border-radius : 0 5px 5px 0;
  }
}

@media screen and (max-width : 399px) {
  .cta-sub {
    text-align : center;
  }

  .subscribe-form {
    text-align : center;
  }

  .subscribe-form .mail {
    padding       : 0 0 0 0;
    border-radius : 5px 0 0 5px;
    text-align    : center;
  }

  .subscribe-form .submit-button {
    margin-top    : 15px;
    padding       : 0 5px 0 5px;
    border-radius : 0 5px 5px 0;
  }

  .form .sub-form .subscribe-form {
    text-align : left;
  }

  .form .sub-form .subscribe-form .mail {
    padding       : 0 0 0 0;
    border-radius : 5px 0 0 5px;
    text-align    : center;
  }

  .form .sub-form .subscribe-form .submit-button {
    margin-top    : 15px;
    padding       : 0 5px 0 5px;
    border-radius : 0 5px 5px 0;
  }

  .back-to-top {
    right : 10px;
  }
}

@media only screen and (min-width : 991px) and (max-width : 1201px) {
  .app-features .features-left,
  .app-features .features-right {
    padding : 0 0 0 0;
  }

  .software .features .features-list {
    padding : 0 0 0 0;
  }
}