assets/css/takari.css

@import  url(http://fonts.googleapis.com/css?family=Monda:400,700);
@import  url(http://fonts.googleapis.com/css?family=Open+Sans);

* {
  border-radius: 0 !important;
}

/* ------------------------------ GENERAL STYLES ------------------------------ */

html, body {
  font-family: 'Open Sans', sans-serif; }
      
body {
  color: #333;
  font-size: 13px;
  line-height: 1.6; }

p, li {
  color: #555;
  line-height: 1.6; }

a,a:focus,a:hover,a:active {
  color: #8dcc8e;
  line-height:1.6;
  outline: 0 !important; }

a:hover {
  text-decoration: underline; }

h1,h2,h3,h4,h5 {
  margin-top: 20px;
  text-shadow: none;
  font-weight: 400 !important;
  font-family: 'Open Sans', sans-serif; }

h3 i {
  margin-right: 7px; }
  
h5 {
  line-height:22px; }
      
/* ------------------------------ MARGIN BOTTOM ------------------------------ */

.margin-bottom-5,.margin-bottom-10,.margin-bottom-20,.margin-bottom-30,.margin-bottom-40,.margin-bottom-50 {
  clear: both;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

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

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

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

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

.margin-bottom-50 {
  margin-bottom: 50px;
}

/* ------------------------------ HEADER/NAVIGATION STYLES (header1.css) ------------------------------ */

.top ul.loginbar > li > a:hover {
  color: #7c8082;
  font-size: 11px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif; }

.top ul.lenguages:after {
  top: -4px;
  width: 0;
  height: 0;
  left: 8px;
  content: " ";
  display: block;
  position: absolute;
  border-bottom: 6px solid #f0f0f0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left-style: inset;
  border-right-style: inset; }

.top ul.lenguages li a:hover {
  background: #fafafa; }

.top ul.lenguages li a:hover {
  text-decoration: none; }

.header {
  z-index: 999;
  position: relative;
  border-bottom: solid 2px #eee; }

.header .navbar {
  margin: 0;
  min-height: inherit; }

.header .navbar-default {
  border: none;
  background: none; }

.header .navbar-collapse {
  position: relative; }

.header .navbar-brand {
  z-index: 2;
  position: relative;
  padding: 0; }

.header .navbar-default .navbar-nav > li > a {
  color: #687074;
  font-size: 15px;
  font-weight: 400;
  padding: 55px 10px 13px;
  text-transform: uppercase; }

.header .navbar-default .navbar-nav > .active > a {
  color: #8dcc8e; }

.navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
  background: #8dcc8e; }

.navbar-toggle:hover {
  background: #5fb611 !important; }

.navbar-default .navbar-toggle {
  border-color: #5fb611; }

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

.header .navbar .nav > li > a.search:hover {
  color: #8dcc8e;
  border-bottom-color: #8dcc8e; }

.header .navbar-collapse {
  padding: 0; }

.header .navbar-nav {
  top: 2px;
  margin-top: 10px;
  position: relative; }

ul.nav li {
  list-style-type:none;
  background:none; }

.header .navbar-default .navbar-nav > li > a,.header .navbar-default .navbar-nav > li > a:focus {
  border-bottom: solid 2px transparent; }

.header .navbar-default .navbar-nav > li > a:hover,.header .navbar-default .navbar-nav > .active > a {
  border-bottom: solid 2px #8dcc8e; }

.header .navbar-default .navbar-nav > li > a,.header .navbar-default .navbar-nav > li > a:hover,.header .navbar-default .navbar-nav > li > a:focus,.header .navbar-default .navbar-nav > .active > a,.header .navbar-default .navbar-nav > .active > a:hover,.header .navbar-default .navbar-nav > .active > a:focus {
  background: none; }

.header .navbar-default .navbar-nav > .open > a:hover,.header .navbar-default .navbar-nav > .open > a:focus {
  color: #8dcc8e; }
  
/* ------------------------------ DROPDOWN MENU ------------------------------ */
.header .navbar-right .dropdown-menu {
  right: inherit; }

.header .navbar .nav > li > a i.icon-angle-down {
  top: -1px;
  left: 1px;
  font-size: 12px;
  position: relative;
  margin: 0 !important; }

.header .dropdown-menu { 
  padding: 0;
  border: none;
  min-width: 200px;
  border-radius: 0; 
  z-index: 9999 !important;
  margin-top: -2px !important; 
  border-top: solid 2px #8dcc8e; 
  border-bottom: solid 2px #687074; }

.header .dropdown-menu li a { 
  color: #687074; 
  font-size: 13px; 
  font-weight: 400; 
  padding: 6px 15px; 
  border-bottom: solid 1px #eee; }

.header .dropdown-menu .active > a,
.header .dropdown-menu li > a:hover {
  color: #fff;
  filter: none !important;
  background: #8dcc8e !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.header .dropdown-menu li > a:focus {
  background: none;
  filter: none !important; }

.header ul.dropdown-menu li {
  padding-left:0px;
  margin-left:0px; }
/* ------------------------------ responsive.css ------------------------------ */

.md-margin-bottom-40 {
  margin-bottom: 40px; }

/* ------------------------------ GENERAL STYLES ------------------------------ */

p {
  padding:0px 0px 15px; }

a:focus,
a:hover,
a:active,
.color,
.carousel-arrow a.carousel-control:hover,
.footer a,
.copyright a,
.footer a:hover,
.copyright a:hover,
.info-blocks:hover i.icon-info-blocks,
.blog li a:hover {
  color: #54C9F0; }

h2.color-green a {
  color:#8DCC8E; }
  
ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 20px; }
  
ul li {
  background-image: url("/assets/img/check.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 20px;
  line-height:24px;
  margin-left:10px; }
      
ul li.second {
  background-image: url("/assets/img/check.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 20px;
  margin-left:40px; }
      
ul li.social {
  background-image:none;
  list-style:none; }
  
hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin:10px 0px; }

/* ul {
  list-style:none outside none; } */

/* ul li {
  padding: 0px 0px 0px 24px;
  font-size: 13px;
  line-height: 21px;
  background: url("/assets/img/icons/thin_right_arrow.png") no-repeat scroll left 5px transparent;
  color: #8dcc8e; } */

.btn-u,.tab-v1 .nav-tabs > .active > a:hover,.tab-v1 .nav-tabs > .active > a:focus,ul.blog-tags a:hover {
  background: #8dcc8e; }

.service p:hover {
  text-decoration: none; }

.thumbnail-style a.btn-more:hover {
  box-shadow: 0 0 0 2px #57bc74; }

.headline h2 {
  border-bottom: 2px solid #8dcc8e; }

blockquote:hover,.hero {
  border-left-color: #8dcc8e; }

.pricing-footer a:hover,.pricing-footer button:hover {
  background: #40ba1a; }

.blog-post-tags ul.blog-tags a:hover {
  background: none repeat scroll 0 0 #8dcc8e; }

.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
  background-color: #8dcc8e;
  border-color: #8dcc8e; }

.copyright {
  background: none repeat scroll 0 0 #323438;
  border-top: 1px solid #777;
  font-size: 12px;
  padding: 11px 0 7px; }

.footer {
  background: #4d4f54; }

.list-large {
  font-size: 14px; }

.blog {
  width: 100%; }

.blog ul {
  margin-top: 5px;
  margin-bottom: 0; }

.blog-post-tags {
  border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede;
  margin-bottom: 20px; }

.blog-post-tags li {
  background:none; }

.blog-readmore {
  margin-top:10px;
  margin-bottom: 40px;
  float:left; }

.blog-readmore .btn-u {
  font-size: 13px;
  width: 100px; }

.blog-page a {
  color: #54C9F0; }

.buttons-right {
  margin-top:10px;
  float:right; }

/* ------------------------------ BUTTONS ------------------------------ */

.btn-u {
  border: 0;
  font-size: 14px;
  cursor: pointer;
  padding: 6px 13px;
  position: relative;
  background: #54C9F0;
  display: inline-block;
  color: #fff !important;
  text-decoration: none !important; }

.btn-u:hover {
  color: #fff;
  background: #0fb2e8;
  text-decoration: none;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.purchase a.btn-buy:hover,.btn-u:hover {
  background: #0fb2e8; }

.btn-u-blue {
  background:54C9F0 !important; }
    
.btn-u-blue:hover {
  background: #2980b9 !important; }

/* ------------------------------ STICKY FOOTER ------------------------------ */

html,body {
  height: 100%; }
      
.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -320px;
  padding: 0 0 320px; }
      
.stickyFooter {
  height: 320px;
  background-color: #323438; }

/* ------------------------------ Blog specific fix for the sticky footer ------------------------------ */ 

.wrapBlog {
  min-height: 100%;
  height: auto;
  margin: 0 auto -320px;
  padding: 0px; }

/* ------------------------------ Standard page ------------------------------ */

.page { }

.page h1, h2, h3, h4  {
  color: #8dcc8e; }

/* ------------------------------ SOCIAL STYLES ------------------------------ */

.social-icons {
  margin: 0;
  padding: 0; }

.social-icons li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
  background: none;
  padding: 0;
  margin-left: 0; }

.social-icons li a {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out; }

.social-icons li:hover a {
  background-position: 0 -38px; }

.social-icons-color li a:hover {
  opacity: 1; }

.social_facebook {
  background: url(../img/icons/social/facebook.png) no-repeat; }

.social_github {
  background: url(../img/icons/social/github.png) no-repeat; }

.social_googleplus {
  background: url(../img/icons/social/googleplus.png) no-repeat; }

.social_instagram {
  background: url(../img/icons/social/instagram.png) no-repeat; }

.social_rss {
  background: url(../img/icons/social/rss.png) no-repeat; }

.social_twitter {
  background: url(../img/icons/social/twitter.png) no-repeat; }

.social_youtube {
  background: url(../img/icons/social/youtube.png) no-repeat; }

.fa-icons li:hover,.color-green,.service:hover p,.footer a {
  color: #8dcc8e; }

.fa-icons li:hover i,.panel-green > .panel-heading {
  color: #fff;
  background: #8dcc8e; }

.YouTube {
  padding-top: 50px;
  margin: 0 auto;
  width: 500px; }
      
.buttons {
  float:right;
  width:360px;
  padding-left:5px;
  text-align:right; }
    
.fb-like {
  padding-top: 3px;
  float:left; }
  
.twitter-share-button {
  margin-top: 3px;
  margin-left:25px;
  float:left; }
  
.google_plus {
  padding-top: 3px;
  float:left; }

/* ------------------------------ TABLE STYLES ------------------------------ */

table {
  width:100%;    }

th {
  background-color:#8dcc8e;
  color:#fff;
  padding:8px 10px;
  font-weight:normal;    }

td {
  padding:8px 10px; }

tbody > tr:nth-child(even) > td,
tbody > tr:nth-child(even) > th {
  background-color: #f9f9f9;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea; }
  
/* ------------------------------ PRICING STYLES ------------------------------ */

.pricing ul li {
  background-image: none;
  padding-left: 0px;
  line-height:24px;
  margin-left:10px; }

.pricing ul li i {
  color:#8dcc8e;
  padding-right:5px; }
  
.pricing-head h3 {
  color:#ffffff;
  padding:12px 0;
  font-size:35px;
  font-family:Arial;
  background:#8dcc8e;
  border-radius:3px 3px 0 0;
  text-shadow:0 1px 0 #32a20f;
  border-bottom:solid 1px #41b91c; }
  
.pricing-head h4 {
  color:#8dcc8e;
  padding:5px 0;
  font-size:70px;
  font-family:Arial;
  background:#fbfef2;
  text-shadow:0 1px 0 #fff;
  border-bottom:solid 1px #f5f9e7; }
  
/* ------------------------------ TRAINING PAGE STYLES ------------------------------ */

a.thumbnail {
  padding: 0;
  border: none;
  margin-bottom: 15px; }
    
.thumbnail-style { 
  padding: 5px;
  margin-bottom: 20px; }
    
.thumbnail-style:hover { 
  box-shadow: 0 0 8px #ddd; 
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }
    
.thumbnail-style h3 {
  color: #8dcc8e;
  font-size: 18px;
  margin: 5px 0; }
    
.thumbnail-style .thumbnail-img {
  position: relative;
  margin-bottom: 10px; }

a i.icon-github, a i.icon-linkedin, a i.icon-twitter, a i.icon-google-plus {
  text-decoration:none; }

/* ------------------------------ TESTIMONIALS ------------------------------ */

.testimonials {
  margin-bottom: 20px; }

.testimonials .testimonial-info {
  color: #54C9F0;
  font-size: 16px;
  padding: 0 60px;
  margin-top: 18px; }

.testimonials .testimonial-info span {
  top: 3px;
  position: relative; }

.testimonials .testimonial-info em {
  color: #777;
  display: block;
  font-size: 13px; }

.testimonials .testimonial-info img {
  width: 60px;
  float: left;
  height: 60px;
  padding: 2px;
  margin-right: 15px;
  border: solid 1px #ccc;
  border-radius: 50% !important; }

.testimonials .testimonial-author {
  overflow: hidden; }

.testimonials .carousel-arrow {
  top: -65px;
  position: relative; }

.testimonials .carousel-arrow i {
  color: #777;
  font-size: 20px;
  padding: 2px 8px;
  background: #fafafa; }

.testimonials .carousel-arrow i:hover {
  color: #fff;
  background: #8dcc8e; }

.testimonials .carousel-control {
  opacity: 1;
  width: 100%;
  text-align: right;
  text-shadow: none;
  position: absolute; }
    
.testimonials .carousel-control.left {
  right: 27px;
  left: auto; }

.testimonials .carousel-control.right {
  right: 0px; }

.testimonials.testimonials-v1 .item p {
  color:#fff;
  padding: 15px;
  font-size: 14px;
  font-style: italic;
  position: relative;
  background: #54C9F0; }

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
  width: 0; 
  height: 0;
  left: 80px;
  content: " "; 
  bottom: -20px;
  display: block; 
  position: absolute; }

.testimonials.testimonials-v1 .item p:after {
  border-top: 22px solid #54C9F0;    
  border-left: 0 solid transparent;
  border-right: 22px solid transparent;
  border-left-style: inset; /*FF fixes*/
  border-right-style: inset; /*FF fixes*/ }

/* ------------------------------ TRAINING SLIDE STYLES ------------------------------ */

.reveal {
  background:#ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  font-weight: 200;
  letter-spacing: -0.02em;
  color: #666666; }

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin-top: 5px;
  text-shadow: none;
  font-weight: 400 !important;
  font-family: 'Open Sans', sans-serif;
  color:#8dcc8e;
  text-transform:none; }

.reveal h1 {
  font-size: 60px;
  text-shadow: none;
  letter-sapcing:0px; }

.reveal h2 {
  font-size: 50px;
  letter-sapcing:0px; }

.reveal h3 {
  font-size: 46px;
  letter-sapcing:0px; }

.reveal h4 {
  font-size: 38px; }

.reveal h5 {
  font-size: 32px; }

.reveal h6 {
  font-size: 26px; }

.reveal p {
  font-size:30px;
  color:#666666; }

.reveal p small {
  font-size:22px; }

.reveal ul > li {
  font-size:28px;
  color:#666666;
  line-height:34px;
  text-align:left; }

.reveal ol > li {
  font-size:28px;
  color:#666666;
  line-height:38px;
  text-align:left; }

.slidenumber {
  color:#8dcc8e;
  float:right;
  padding-right:50px;
  font-size:20px;
  position:relative; }

/* ------------------------------ BOOK STYLES ------------------------------ */

.book .hero h2 {
  border-bottom:none;
  padding:20px 0px 10px;
  margin:0px; }
    
.book h1 {
  color:#8dcc8e;
  display: block;
  margin: 10px 0 25px;
  padding:10px 0px 5px;
  border-bottom: 1px dotted #8dcc8e; }
      
.book h2 {
  display: block;
  margin: 10px 0 25px;
  padding-bottom:8px;
  border-bottom: 1px dotted #e4e9f0; }

.book p {
  font-size:15px; }

.bookTOC ul, .book ol {
  margin-bottom:30px; }
    
.bookTOC ul {
  list-style-type: none;
  padding: 0px; }
  
.bookTOC ul li {
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size:22px;
  line-height:28px;
  margin-left:0px;
  padding:10px 0px 0px; }

.bookTOC ul li a {
  color:#555; }
    
.bookTOC ul li a:hover {
  color:#54C9F0;
  text-decoration:underline; }

.bookTOC ul li ul {
  margin-bottom:0px; }
    
.bookTOC li ul li {
  background-image: url("/assets/img/check.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color:#555;
  font-size:14px;
  padding: 0px 0px 0px 20px;
  line-height:24px;
  margin-left:10px; }
      
.bookTOC li ul li a {
  color:##555; }
    
.bookTOC .hero {
  padding: 10px 30px;
  margin: 20px 0px;
  color: #566c8a;
  font-size: 16px;
  background: #fcfcfc;
  border-left: 4px solid #94c564;
  font-family: 'Open Sans', sans-serif;
}

.book ol li p {
  font-size:14px;
  padding:0px; }

.book ul {
  margin-bottom:20px; }

.book ul li {
  font-size:14px;
  margin-top:5px; }
    
/* .book .highlight {
  background-color: #f3fafc;
  border: 1px solid #8edcf6;
  margin:0px 0px 20px;
  padding:15px; } */
    
.book pre code {
  padding: 0px;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0px none;
  line-height: 22px; }