/* ==========================================================================
   Typography
   ========================================================================== */


/* ==========================================================================
   Buttons
   ========================================================================== */

.button {
  background: #ff9216;
  background-image: -webkit-linear-gradient(top, #ff9216, #f18a15);
  background-image: -moz-linear-gradient(top, #ff9216, #f18a15);
  background-image: -ms-linear-gradient(top, #ff9216, #f18a15);
  background-image: -o-linear-gradient(top, #ff9216, #f18a15);
  background-image: linear-gradient(to bottom, #ff9216, #f18a15);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border-style: none;
  border: 0px;
  text-shadow: 1px 1px 3px #333333;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button:hover {
  background: #f18a15;
  background-image: -webkit-linear-gradient(top, #f18a15, #ff9216);
  background-image: -moz-linear-gradient(top, #f18a15, #ff9216);
  background-image: -ms-linear-gradient(top, #f18a15, #ff9216);
  background-image: -o-linear-gradient(top, #f18a15, #ff9216);
  background-image: linear-gradient(to bottom, #f18a15, #ff9216);
  text-decoration: none;
}
   


.gform_button {
  background: #ff9216;
  background-image: -webkit-linear-gradient(top, #ff9216, #f18a15);
  background-image: -moz-linear-gradient(top, #ff9216, #f18a15);
  background-image: -ms-linear-gradient(top, #ff9216, #f18a15);
  background-image: -o-linear-gradient(top, #ff9216, #f18a15);
  background-image: linear-gradient(to bottom, #ff9216, #f18a15);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border-style: none;
  border: 0px;
  text-shadow: 1px 1px 3px #333333;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px !important;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.gform_button:hover {
  background: #f18a15;
  background-image: -webkit-linear-gradient(top, #f18a15, #ff9216);
  background-image: -moz-linear-gradient(top, #f18a15, #ff9216);
  background-image: -ms-linear-gradient(top, #f18a15, #ff9216);
  background-image: -o-linear-gradient(top, #f18a15, #ff9216);
  background-image: linear-gradient(to bottom, #f18a15, #ff9216);
  text-decoration: none;
}
   
/* ==========================================================================
   Base
   ========================================================================== */

body.page-template-apppage-home-php {
   background-color: #fdfdfd;
}

/* =============================================================================
   Header
   ========================================================================== */


/* =============================================================================
   App navigation
   ========================================================================== */

.nav-app {
	float: right;height: 60px;
}
.nav-app a.btn {
	margin-top: 17px;margin-left: 20px;
}
.nav-app ul{
	list-style: none;float: right;margin: 0;left: auto;right: 0;
}
.nav-app ul li {
	display: inline-block;
}


/* ==========================================================================
   Home page template
   ========================================================================== */

#hero {
   padding-top: 50px;
   padding-bottom: 50px;
}
.hero-title h1 {
   margin: 0 0 30px;
   font-size: 4.6em;
   font-weight: bold;
   line-height: 1.2em;
   color: #fff;
   text-align: center;
   text-shadow: 1px 1px 1px #000;
}
.hero-subtitle h3 {
   margin: 0 0 30px;
   font-size: 1.5em;
   font-weight: bolder;
   font-style: italic;
   color: #fff;
   text-align: center;
   text-shadow: 1px 1px 1px #000;
}

.hero-box {
   background: rgba(0,0,0,0.45);
   margin-bottom: 20px;
   border-radius: 5px; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
}
@media (max-width: 767px) {
   #hero {
      margin-right: -20px;
      margin-left: -20px;
   }
   .hero-title h1 {
      font-size: 3.6em;
   }
}

/* home 2 */
.circles {
   text-align: center;
   margin: 55px 0 50px;
}
.circles h2 a {
   color: #000;
}
.circle {
   margin: 0 auto 20px;
   width: 150px;
   height: 150px;
   text-align: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
}
.circle i {
   color: #fff;
   font-size: 56px;
}
.circle a:hover {
   text-decoration: none;
}

.circle span { height: 150px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.circle i { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color: #fff; }

.circles p {
   line-height: 2.2em;
   padding: 0 20px;
   margin: 0;
}
/* ==========================================================================
   Home search
   ========================================================================== */

.hero-search-cont {
   padding: 25px 18px;
}
.hero-search-cont form {
   text-align: center;
   margin: 0;
}
.hero-title, .hero-subtitle {
   text-align: center;
}
input.hero-text, select.hero-text {
   width: 73%;
   height: 30px;
   margin: 0px -5px 0px 0px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
}
input.hero-btn {
   width: 21%;
   padding: 10px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
}


/* ==========================================================================
   Home navigation
   ========================================================================== */

.hero-nav-cont {
   padding: 25px;
}
.nav-hero .dropdown-menu {
   min-width: 100%;
   background-color: #fff;
}
.nav-hero .nav {
   margin-bottom: 0;
   font-size: 14px;
}
.nav-hero > ul > li > a {
   padding: 10px 8px 10px 10px;
   background-color: #fff;
   color: #000;
}
.nav-hero > ul > li > a:hover {
   color: #fff;
}
.nav-hero #menu ul a {
   padding: 10px 8px 10px 10px;
   color: #000;
}
.nav-hero #menu ul a:hover {
   color: #fff;
}
.nav-submenu {
   padding-left: 30px!important;
}
select#menu-home_navigation {
   display: none;
}
@media (max-width: 767px) {
   select#menu-home_navigation {
      display: inline-block;
      margin: 0;
      width: 100%;
      height: 40px;
   }
   nav.nav-hero {
      display: none;
   }
}

/* ==========================================================================
   Home Sidebar
   ========================================================================== */

#home-sidebar {
   background-color: #222222;
   padding-top: 40px;
   padding-bottom: 40px;
}
#home-sidebar h4 {
   font-size: 1.6em;
   margin-bottom: 20px;
}
#home-sidebar li {
   font-size: 1.2em;
   line-height: 2em;
}

#home-sidebar h4, #home-sidebar i {
   color: #ededed;
}
#home-sidebar li, #home-sidebar p {
   color: #808080;
}
#home-sidebar a {
   color: #a3d300;
}

/* ==========================================================================
   Docs Template
   ========================================================================== */

.featured-media-docs {
   margin-bottom: 40px;
}

/* ==========================================================================
   Advanced Menu Widget
   ========================================================================== */

/* ==========================================================================
   Contact Template
   ========================================================================== */
   

/* ==========================================================================
   Posts
   ========================================================================== */
 
.page article.document, .archive article.document {
   position: relative;
   overflow: hidden;
   margin: 0 0 50px;
}
article.document .featured-media {
   margin-bottom: 30px;
}
article h3.doc-title {
   margin: 0 0 25px;
   padding-bottom: 8px;
   font-weight: 600;
   border-bottom: dotted 1px #eee;
}
h3.doc-title {
   font-size: 1.7em;
}
h2.doc-category {
   font-size: 2.6em;
   font-weight: 600;
   margin: 20px 0 30px;
}
article.document .icon-light {
   color: #444;
}
/* ==========================================================================
   Footer
   ========================================================================== */

@media (max-width: 767px) {
   #home-sidebar {
      padding-left: 40px;
      margin-right: -20px;
      margin-left: -20px;
   }
}

/* ==========================================================================
   Social Icons
   ========================================================================== */


/* ==========================================================================
   Docs Voting
   ========================================================================== */

.votes {
   margin-top: 30px;
}
.votes i {
   padding-right: 3px;
}
.likes, .votes .icon-thumbs-up {
   color: #94bc1a;
}
.dislikes, .votes .icon-thumbs-down {
   color: #c84848;
}
.votes a.likes:hover, .votes a.dislikes:hover {
   text-decoration: underline;
}
.votes a.likes, .votes a.likes:hover {
   color: #94bc1a
}
.votes a.dislikes, .votes a.dislikes:hover {
   color: #c84848
}
p.likes, p.dislikes {
   margin-bottom: 5px;
}

/* ==========================================================================
   Docs Sidebar
   ========================================================================== */
.sticky-sidebar {
}
@media (min-width: 768px) {
   .sticky-sidebar.affix {
       top:40px;
       margin-bottom: 500px;
   }
}
@media (min-width: 1200px) {
   .sticky-sidebar {
      width: 360px;
   }
}
@media (min-width: 980px) and (max-width: 1199px) {
   .sticky-sidebar {
      width: 280px;
   }
}
@media (min-width: 768px) and (max-width: 979px) {
   .sticky-sidebar {
      width: 210px;
   }
}
p#back-top {
   float: right;
   margin: -25px 0 0;
}
.sticky-sidebar li.entry-title {
   padding-left: 14px;
}

/* ==========================================================================
   /Search-Results page
   ========================================================================== */

#googleSearchResults iframe {width: 100%;}


/* ==========================================================================
   /Facebook Like Box Responsive
   ========================================================================== */

.facebook { 
   overflow: hidden;
   width: 100%;}

/* ==========================================================================
   /Footer Partners Scroll
   ========================================================================== */

.footer-partners { 
   width: 90%;}


/* ==========================================================================
   /Google +1 Box Responsive
   ========================================================================== */

.googleplusbox { overflow: hidden;}


/* ==========================================================================
   /Responsive Youtube Container
   ========================================================================== */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   /Firefox premium registration fields fix
   ========================================================================== */
   
.form-control{
    float: left;
}