/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: https://paletton.com/#uid=7020u0kjjtK9sMpeMACniqeqRlr */

/* Feel free to copy&paste color codes to your application */

/* As hex codes */

.color-primary-0 {
   color: #ED655E
}
/* Main Primary color */
.color-primary-1 {
   color: #FFB7B4
}

.color-primary-2 {
   color: #FF8F89
}

.color-primary-3 {
   color: #D14039
}

.color-primary-4 {
   color: #AB231B
}

.color-secondary-1-0 {
   color: #EDA15E
}
/* Main Secondary color (1) */
.color-secondary-1-1 {
   color: #FFD7B4
}

.color-secondary-1-2 {
   color: #FFC189
}

.color-secondary-1-3 {
   color: #D18139
}

.color-secondary-1-4 {
   color: #AB5F1B
}

.color-secondary-2-0 {
   color: #3A8990
}
/* Main Secondary color (2) */
.color-secondary-2-1 {
   color: #94CCD1
}

.color-secondary-2-2 {
   color: #5EA6AD
}

.color-secondary-2-3 {
   color: #24777F
}

.color-secondary-2-4 {
   color: #126168
}

.color-complement-0 {
   color: #49B857
}
/* Main Complement color */
.color-complement-1 {
   color: #A1E5AA
}

.color-complement-2 {
   color: #70D07C
}

.color-complement-3 {
   color: #2CA23B
}

.color-complement-4 {
   color: #158423
}

/* As RGBa codes */

.rgba-primary-0 {
   color: rgba(237,101, 94,1)
}
/* Main Primary color */
.rgba-primary-1 {
   color: rgba(255,183,180,1)
}

.rgba-primary-2 {
   color: rgba(255,143,137,1)
}

.rgba-primary-3 {
   color: rgba(209, 64, 57,1)
}

.rgba-primary-4 {
   color: rgba(171, 35, 27,1)
}

.rgba-secondary-1-0 {
   color: rgba(237,161, 94,1)
}
/* Main Secondary color (1) */
.rgba-secondary-1-1 {
   color: rgba(255,215,180,1)
}

.rgba-secondary-1-2 {
   color: rgba(255,193,137,1)
}

.rgba-secondary-1-3 {
   color: rgba(209,129, 57,1)
}

.rgba-secondary-1-4 {
   color: rgba(171, 95, 27,1)
}

.rgba-secondary-2-0 {
   color: rgba( 58,137,144,1)
}
/* Main Secondary color (2) */
.rgba-secondary-2-1 {
   color: rgba(148,204,209,1)
}

.rgba-secondary-2-2 {
   color: rgba( 94,166,173,1)
}

.rgba-secondary-2-3 {
   color: rgba( 36,119,127,1)
}

.rgba-secondary-2-4 {
   color: rgba( 18, 97,104,1)
}

.rgba-complement-0 {
   color: rgba( 73,184, 87,1)
}
/* Main Complement color */
.rgba-complement-1 {
   color: rgba(161,229,170,1)
}

.rgba-complement-2 {
   color: rgba(112,208,124,1)
}

.rgba-complement-3 {
   color: rgba( 44,162, 59,1)
}

.rgba-complement-4 {
   color: rgba( 21,132, 35,1)
}

/* Generated by Paletton.com © 2002-2014 */
/* https://paletton.com */


body {
   padding-top: 0px;
   padding-bottom: 0px;
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   background-color: #f8f8f8;
}

#features .text-left {
   font-size: 17px;
}

h1, h2, h3, h4, h5, h6 {
   font-weight: 200;
   font-family: 'Roboto', sans-serif;
}


.inner-top-bg {
   position: absolute;
   top: 0px;
   left: 0px;
   bottom: 0px;
   display: inline-block;
   width: 100%;
   min-width: 100%;
   height: 100%;
   min-height: 100%;
   background: rgba(0, 0, 0, 0.4);
}

.jumbotron {
   background: none;
   text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px;
   position: relative;
   top: 0px;
   left: 0px;
   right: 0px;
   z-index: 1;
   width: 100%;
   text-align: center;
   padding-right: 0px;
   padding-left: 0px;
}

   .jumbotron h1 {
      color: #fff;
   }

   .jumbotron p {
      font-size: 120%;
      color: #fff;
      margin-left: auto;
      margin-right: auto;
      position: relative;
   }

.btn.btn-start {
   background: rgba(0,0,0, 0);
   border: 1px solid #fff;
   color: #fff;
   display: inline-block;
   font-weight: 200;
   margin-top: 40px;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   z-index: 2;
   padding: 5px 5px 10px;
}

.btn-start {
   background: rgba(0,0,0, 0);
   border: 1px solid #fff;
   color: #fff;
   display: inline-block;
   font-weight: 200;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   z-index: 2;
   padding: 5px 5px 10px;
   line-height: 1.428571429;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   cursor: pointer;
}

   .btn.btn-start:hover, .btn-start:hover {
      background: rgba(0,0,0, 0.5);
      color: #fff;
   }

section {
   padding-top: 50px;
   padding-bottom: 50px;
   width: 100%;
   min-width: 100%;
   position: relative;
   overflow: hidden;
}

   section.projects {
      padding: 0px;
      margin: 0px;
      width: 100%;
   }

.row-grid {
   display: table-row;
   margin: 0px;
   padding: 0px;
}

#Section-1 {
   z-index: 1000;
   background: #fff;
}

#Section-2 {
   background: url(../../images/asteroids.jpg) 50% 0% fixed repeat;
}

.nicescroll-rails {
   z-index: 1200 !important;
}




#team {
   width: 100%;
   min-width: 100%;
   position: relative;
   display: inline-block;
   margin: 0px;
}



#Section-2 hr {
   color: tramsparent;
}

#Section-3 {
   background: #fff;
}

.color-white {
   color: #fff;
}

.panel {
   margin-bottom: 30px;
}


   .panel h3 {
      text-shadow: 0px 1px 0px rgba(250, 250, 250, 1);
   }

   .panel .list-group-item {
      background: rgba(250,250,250, 0.7);
   }

ul.portfolio {
   line-height: 0;
   padding: 0;
}

   ul.portfolio li {
      display: inline-block;
      width: 25%;
   }
/****************** NAVIGATION STYLES *************************/
.navbar {
   background-color: #ffffff;
   border: 0px;
   box-shadow: 0px -3px 0px rgba(50,50,50, 0.25) inset;
}

navbar-fixed-top {
   z-index: 1030;
}

.navbar .nav > li > a {
   float: none;
   padding: 15px 20px 15px;
   color: #777777;
   text-decoration: none;
   text-shadow: none;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
   color: #ffffff;
   text-decoration: none;
   background-color: #EDA15E;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}


   .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
      color: #fff;
      font-weight: 600;
      box-shadow: 0px -3px 0px rgba(50,50,50, 0.53) inset;
   }



section {
   position: relative;
   width: 100%;
}

.fa-100x {
   font-size: 30em;
   color: #fff;
}

section.download-section {
   overflow: hidden;
   position: relative;
   background: #eda15e;
}

.overlay {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 0;
   background: rgba(0,0,0, .7);
}

section.download-section .left {
   width: 300px;
   height: 300px;
   position: relative;
   float: left;
   display: inline-block;
   z-index: 1000;
   overflow: hidden;
   background: url(../../images/WebLogo1-300.png) no-repeat;
   background-size: cover;
}

section.download-section {
   padding: 0px;
}

   section.download-section .right {
      width: 60%;
      position: relative;
      float: left;
      height: 300px;
      display: inline-block;
      z-index: 1000;
      overflow: hidden;
      max-height: 100%;
      padding: 36px 30px;
   }

section#services {
   background: #f5f5f5;
}

section.download-section .right h2 {
   color: #FFF;
   font-size: 2.0em;
   text-transform: uppercase;
   font-weight: 600;
}

section.download-section .right p {
   color: #FFF;
   font-size: 1.3em;
   font-weight: 400;
   text-align: left;
   white-space: normal;
}

.absolute-box {
   position: absolute;
   right: -13em;
   top: 2em;
}

.relative-box {
   position: relative;
   z-index: 999;
   color: #fff;
}

.img-responsive {
   min-width: 100%;
}

.circle-icon-bg {
   background: #fff;
   border: 1px solid #ddd;
   display: inline-block;
   font-weight: 200;
   margin-top: -90px;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   z-index: 2;
   padding: 25px 5px 10px;
}

section.feature-section {
   position: relative;
   z-index: 1002;
   margin: 0px;
   padding: 0px;
   text-shadow: none;
   background: #F8F8F8;
}

section.app-section {
   position: relative;
   z-index: 1002;
   margin: 0px;
   padding: 0px;
   text-shadow: none;
   background: rgb(255, 255, 255);
   background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
   background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
   background: -o-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
   background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
   background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
}

section.feature-section.padding {
   padding: 60px 0;
}

#project-section {
   background: url(../../images/ipadbg.png) 0 50% no-repeat fixed;
   background-size: 100% auto;
}

.carousel-inner > .item {
   min-width: 100%;
}

/*************** @media ******************/
@media (max-width: 979px) {
   body {
      padding: 0px;
   }

   .navbar-fixed-top {
      margin-bottom: 0px;
   }

   .navbar-fixed-top, .navbar-fixed-bottom {
      position: fixed;
   }

   .navbar .container {
      width: auto;
      padding: 0px 20px;
   }

   .navbar .brand {
      padding-right: 10px;
      padding-left: 10px;
      margin: 0 0 0 15px;
   }

   .container {
      padding: 0px 20px;
   }

   .jumbotron {
      padding: 0px;
      top: 30px;
   }

      .jumbotron h1 {
         color: #fff;
         padding-top: 150px;
         font-size: 40px;
      }

   footer .page-header h3 {
      padding-top: 100px !important;
   }

   .fa-100x {
      font-size: 25em;
      color: #fff;
   }
}

@media (max-width: 762px) {
   section.download-section .right h2 {
      color: #fff;
      font-size: 2em;
      text-transform: uppercase;
      font-weight: 600;
   }

   .fa-100x {
      font-size: 20em;
      color: #fff;
   }

   .text-right {
      text-align: left;
   }
}





.social-panel {
   width: 50%;
   padding: 0;
   padding-top: 0;
   margin-top: 0;
   min-width: 50%;
   text-align: center;
   float: left;
}

@media only screen and (max-width:767px) {
   .social-panel {
      width: 100%;
   }
}

.social-panel .inner {
   padding: 60px 60px 0px;
}

.social-panel a i {
   margin-top: 40px;
   color: #fff;
}

.social-panel .form-control {
   display: block;
   width: 100%;
   font-size: 16px;
   line-height: 1.428571429;
   color: #fff;
   vertical-align: middle;
   background-color: transparent;
   border: 0px;
   border-bottom: 1px solid rgba(250,250,250, .6);
   border-radius: 0px;
   -webkit-box-shadow: none;
   box-shadow: none;
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.social-panel a {
   display: inline-block;
   min-width: 100%;
   height: 100%;
}

.social-panel .dribbble {
   width: 25%;
   min-height: 140px;
   float: left;
   border-right: 1px solid rgba(250,250,250, .5);
}

   .social-panel .dribbble:hover {
      background: #ed6297;
   }

.social-panel .facebook {
   width: 25%;
   min-height: 140px;
   float: left;
   border-right: 1px solid rgba(250,250,250, .5);
}

   .social-panel .facebook:hover {
      background: #3b5998;
   }

.social-panel .twitter {
   display: inline-block;
   width: 25%;
   min-height: 140px;
   float: left;
   border-right: 1px solid rgba(250,250,250, .5);
}

   .social-panel .twitter:hover {
      background: #2094CA;
   }

.social-panel .google-plus {
   display: inline-block;
   width: 25%;
   min-height: 140px;
   float: left;
}

   .social-panel .google-plus:hover {
      background: #E66F63;
   }

/******** new-btn *******/
.btn-op:hover {
   background-color: #FFF;
   color: #7ca4a4;
}

.btn-op {
   color: #fff;
   border: 1px solid rgb(255, 255, 255);
   background-color: rgba(0, 0, 0, 0);
}

.btn-wt {
   color: #7ca4a4;
   border: 1px solid rgb(255, 255, 255);
   background-color: rgb(255, 255, 255);
}

   .btn-wt:hover {
      background-color: #7ca4a4;
      color: #fff;
   }

/******** new style*****/

.form-row {
   border-radius: 0px;
}

.text-white {
   color: #fff;
}

.margin-left {
   margin-left: 30px;
}

.div {
   padding-bottom: 15px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 15px;
}

.fa {
   color: #5EA6AD;
}

   .fa:hover {
      color: #D18139;
   }

.btn-about {
   border-radius: 0px;
   background: none;
   border: 1px solid #e7ad48;
   color: #fff;
   -webkit-transition: All 0.5s ease;
   -moz-transition: All 0.5s ease;
   -o-transition: All 0.5s ease;
   -ms-transition: All 0.5s ease;
   transition: All 0.5s ease;
}

   .btn-about:hover {
      background-color: #dd8b32;
      color: #fff;
   }

.border-none {
   border-radius: 0px;
   border: none;
}

.margin-top-10 {
   margin-top: 10px;
}

.margin-top-7 {
   margin-top: 7px;
}

.button-price {
   background: #EDA15E;
   border-radius: 0px;
   height: 38px;
   width: 125px;
   padding: 0 auto;
   margin: 0 auto;
   display: block;
   color: #fff;
   -webkit-transition: All 0.5s ease;
   -moz-transition: All 0.5s ease;
   -o-transition: All 0.5s ease;
   -ms-transition: All 0.5s ease;
   transition: All 0.5s ease;
}

   .button-price:hover {
      background-color: #dd8b32;
      color: #fff;
   }

.button-sec {
   background: #EDA15E;
   border-radius: 2px;
   height: 40px;
   width: 150px;
   margin: 0 auto;
   padding-top: 10px;
   color: #fff;
   -webkit-transition: All 0.5s ease;
   -moz-transition: All 0.5s ease;
   -o-transition: All 0.5s ease;
   -ms-transition: All 0.5s ease;
   transition: All 0.5s ease;
}

   .button-sec:hover {
      background-color: #dd8b32;
      color: #fff;
   }

.orange {
   border: none;
   background: #ffbb42;
   -webkit-transition: All 0.5s ease;
   -moz-transition: All 0.5s ease;
   -o-transition: All 0.5s ease;
   -ms-transition: All 0.5s ease;
   transition: All 0.5s ease;
}

   .orange:hover {
      background-color: #dd8b32;
      color: #fff;
   }

.text-blue {
   color: #709dca;
}

.fz-10 {
   font-size: 10px;
}

.fz-15 {
   font-size: 15px;
}


@media (max-width: 768px) {
   .download-section .right {
      width: 100%;
   }
}

.border {
   border-left: 10px solid #ffc155;
   border-right: 10px solid #ffc155;
}

.post-tile {
   color: #f6772c;
   position: relative;
   background-color: #f6772c;
   border-radius: 0 0 3px 3px;
   -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.15);
   box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.15);
   -webkit-transition: 0.3s;
   transition: 0.3s;
}

@media print {
   .post-tile {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-bottom: 0px;
      border: none;
   }
}

.post-tile:hover {
   color: #f6772c;
   -webkit-box-shadow: 0px 13px 20px 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 13px 20px 5px rgba(0, 0, 0, 0.2);
}

@media print {
   .post-tile:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
   }
}

.panel-heading {
   background-color: #f6772c;
   ;
}

.footer-btn {
   border-radius: 0px;
   background: none;
   border: 2px solid #fff;
   color: #fff;
   -webkit-transition: All 0.5s ease;
   -moz-transition: All 0.5s ease;
   -o-transition: All 0.5s ease;
   -ms-transition: All 0.5s ease;
   transition: All 0.5s ease;
}

   .footer-btn:hover {
      background-color: #dd8b32;
      color: #FFF;
   }

#feedbackForm span, #feedbackForm2 span {
   display: none !important;
}

.form-horizontal .form-group {
   margin-left: 0 !important;
   margin-right: 0 !important;
}

@media only screen and (max-width : 320px) {
   section.download-section .right {
      width: 100%;
   }
}

@media only screen and (max-width : 480px) {
   section.download-section .right {
      width: 100%;
   }
}

@media only screen and (max-width : 768px) {
   section.download-section .right {
      width: 100%;
   }
}

.faq p {
   margin-bottom: 20px;
}

.help h3 {
   font-weight: 400;
   margin-top: 20px;
   margin-bottom: 10px;
}

.help p {
   font-weight: normal;
   margin-bottom: 8px;
}

.help ul {
   margin-top: 8px;
}

.help .key-shortcut {
   font-weight: bold;
}

.help-image {
   margin-top: 16px;
   margin-bottom: 16px;
   max-width: 1040px;
}

.help-toc {
   margin-bottom: 6px;
}

.release-history h3 {
   margin-bottom: 30px;
}

.help-toc-column {
   width: 150px;
   padding-right: 12px;
   padding-left: 12px;
   background-color: #F0F0F0;
   border-right: 2px solid #E8E8E8;
}

#help-toc-column a {
   color: #555555;
   text-decoration: none;
   text-shadow: none;
   font-size: 14px;
}

.help-toc {
   position: static;
}

.release-history-item {
   margin-bottom:24px;
}

@media (max-width: 1100px) {
   .help-image {
      max-width: 900px;
   }
}

@media (max-width: 800px) {
   .help-image {
      max-width: 540px;
   }
}