/*
  Theme Name: VATYLI
  Theme URI: http://novelwebdesigns.com
  Author: Kostas Skapator Charalampidis
  Author URI: http://www.novelwebdesigns.com/
  Description: POS Theme.
  Version: 4.3.0
*/

/*
Colors:
Color:    #ffffff
*/

body {
  font-family: 'Roboto Slab', serif;
  color:#444;
  background: url(assets/images/bg.png);
}

a {
  color:#444;
  text-decoration:none;
}

p a {
  color:#ee008f;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
  color:#ff7b0d;
}

a:focus {
  outline:0;
}

a:hover, a:active {
  outline:0;
}

.container>section.row, .section {
  margin-bottom: 30px;
}

img.rotate {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  -webkit-transform: scale(1.0) rotate(0deg);
  transform: scale(1.0) rotate(0deg);
}

#main-content {
  background: #fff;
  margin-bottom: 30px;
  padding: 30px 0;
  position: relative;
  border-bottom: 1px solid #d5d4c7;
}

#main-content:before, #main-content:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 2px;
  right: 2px;
  top: 0;
  z-index: -1;
  background: #fff;
  border: 1px solid #ccc;
}

.section-title {
  color: #202d3a;
  font-size: 24px;
  font-weight: bold;
}

.section-title:before {
  content: " ";
  display: inline-block;
  width: 13px;
  height: 20px;
  border-left: 5px solid #203d21;
  border-right: 5px solid #203d21;
  margin-right: 5px;
}

#pdf-wrap {
  width: 100%;
  height: 540px;
}

#crumbs .current {
  font-weight: bold;
}

/* Bs buttons
----------------------------------------------------*/
.btn {
  border-radius: 2px;
}
.btn-warning {
  background: #ffa84c;
  background: -moz-linear-gradient(top, #3a4a59 0%, #006485 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a4a59), color-stop(100%,#006485));
  background: -webkit-linear-gradient(top, #3a4a59 0%,#006485 100%);
  background: -o-linear-gradient(top, #3a4a59 0%, #006485 100%);
  background: -ms-linear-gradient(top, #3a4a59 0%, #006485 100%);
  background: linear-gradient(to bottom, #3a4a59 0%, #006485 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4a59', endColorstr='#006485',GradientType=0 );
  color: #fff;
  border-color: #3a4a59;
}

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

.btn-primary {
  background: #49c0f0; /* Old browsers */
  background: -moz-linear-gradient(top,  #49c0f0 0%, #2c8fe0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c0f0), color-stop(100%,#2c8fe0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #49c0f0 0%,#2c8fe0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #49c0f0 0%,#2c8fe0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #49c0f0 0%,#2c8fe0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #49c0f0 0%,#2c8fe0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2c8fe0',GradientType=0 ); /* IE6-9 */
}

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

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

/*    Header
----------------------------------------------------*/
#topbar {
  height: 42px;
  background: #006485; /*(assets/images/topbg.png)*/;
  border-bottom: 2px solid #203d21;
}

#header {
  background: #ccc url(assets/images/darkbg.png);
  padding-top: 12px;
  padding-bottom: 12px;
}

/*	 Top Nav
----------------------------------------------------*/
#top-menu {
  list-style: none;
}

#top-menu li {
  list-style: none;
  float: left;
}

#top-menu li a {
  display: block;
  line-height: 42px;
  padding: 0 5px;
  font-size: 12px;
  color: #eee;
}
#top-menu li a:hover {
  color: #ff1994;
}

.kmkz-wpml-langs a {
  color: #fff;
}

.kmkz-wpml-langs a:hover {
  color: #eee;
}

/*	 Main Nav
----------------------------------------------------*/
#main-menu-wrapper {
  position: relative;
  min-height: 50px;
  border: none;
  background: #0084b0;
  border-top: 2px solid #3a3a3a;
  border-bottom: 2px solid #3a3a3a;
}

#main-menu {
  margin: 0;
  padding: 0;
}

#main-menu li {

}

#main-menu li a {
  display: block;
  color: #fff;
  line-height: 50px;
  padding: 0 10px;
  border-left: 1px solid #444;
  font-size: 13px;
}

#main-menu li:first-child a {
  border-left: none;
}

#main-menu li a:hover,
#main-menu li.open a {
  background: #fff;
  color: #0084b0;
}

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

/* Thumbed Slideshow
----------------------------------------------------*/
.slideshow-slide {
  display: none;
  width: 100%;
}

.slideshow-slide:first-child {
  display: block;
}

.slideshow-slide article {
  position: relative;
  width: 100%;
}

.slideshow-slide .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255,255,255,0.6);
  color: #000;
  width: 100%;
}

.slideshow-slide .caption .article-slide-date {
  display: block;
  color: #fad57a;
  font-weight: bold;
  font-size: 14px;
  padding: 5px;
  margin: 0;
  font-style: italic;
}
.slideshow-slide .caption h1 {
  margin: 0;
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
}

#slideshow-pager {
  margin: 0;
  padding: 0;
  width: 100%;
}

#slideshow-pager li {
  display: block;
  width: 19%;
  height: auto;
  list-style: none;
  float: left;
  margin: 0.5%;
  border: 3px solid #eee;
  border-radius: 3px;
}

#slideshow-pager li:hover {
  border-color: #ddd;
  cursor: pointer!important;
}

#slideshow-pager li.active,
#slideshow-pager li.active:hover {
  border-color: #fad57a;
}

#slideshow-pager li img {
  width: 100%;
}

/*    Page
----------------------------------------------------*/


/*    Blog
----------------------------------------------------*/


.page-header.hentry-title {
  border-bottom: 2px solid #114e25;
}

.form-control {
  padding: 6px 6px;
}

.pagination .current,
.pagination .current:hover {
  background-color: #006484;
  color: #fff;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}


/*    Home Sidebar
----------------------------------------------------*/
.home-sidebar {
  border-left: 1px solid #eee;
}
.home-sidebar aside {
  padding: 10px;
  background: #F5F5F5;
  border-radius: 3px;
  margin-bottom: 30px;
}

/*    Sidebar
----------------------------------------------------*/
.sidebar aside {
  padding: 10px;
  background: #F5F5F5;
  border-radius: 3px;
  margin-bottom: 30px;
}

.widget-title {
color: #39546D;
font-size: 20px;
font-weight: bold;
margin-top: 5px;
border-bottom: 3px solid #ff1994;
}
.sidebar .widget-title:before,
.home-sidebar .widget-title:before {
 content: " ";
 display: inline-block;
 width: 13px;
 height: 26px;
 border-left: 5px solid #ff1994;
 border-right: 5px solid #ff1994;
 margin-right: 8px;
 margin-bottom: -4px;
}

/*	 Footer
----------------------------------------------------*/
#footer {
  min-height: 200px;
  min-height: 200px;
  background: #006484;
  border-top: 3px solid #ff0099;
  color: #eee;
}

#footer a {
  color: #00bfff;
}

#footer a:hover {
  color: #00bfff;
}

#footer-bar {
  height: 6px;
  background: url(assets/images/topbg.png);
}

.footer-widgets .widget-title {
  margin-bottom: 30px;
  margin-top: 20px;
  border: none;
  color: #00bfff;
}

.copyright {
  border-top: 1px solid #E2E2E2;
  padding-top: 5px;
  margin-top: 10px;
}

#totop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 40px;
  border-bottom: 2px solid #E2E2E2;
}

.pi_tweet_scroll .hash {
  color: #888;
}

.pi_tweet_scroll a {
  color: #ff7b0d;
}

.pi_tweet_scroll small {
  color: #ccc;
  font-size: 11px;
}

/* Social Links
----------------------------------------------------*/
#social-links {
  list-style: none;
}
#social-links li {
  list-style: none;
  float: left;
  margin: 0 4px;
}
#social-links li a {
  display: block;
  line-height: 42px;
}

#social-links li a i {
  font-size: 26px;
  color: #ffd27c;
  line-height: 42px;
}

#social-links li a:hover i {
  color: #ff1994;
}

/*  WP
----------------------------------------------------*/
.alignnone {
  margin:5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}

.alignright {
  float:right;
  margin:5px 0 20px 20px;
}

.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}

.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}

a img.alignright {
  float:right;
  margin:5px 0 20px 20px;
}

a img.alignnone {
  margin:5px 20px 20px 0;
}

a img.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}

a img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.wp-caption {
  background:#FFF;
  border:1px solid #F0F0F0;
  max-width:96%;
  padding:5px 3px 10px;
  text-align:center;
}

.wp-caption.alignnone {
  margin:5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin:5px 20px 20px 0;
}

.wp-caption.alignright {
  margin:5px 0 20px 20px;
}

.wp-caption img {
  border:0 none;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}

.sticky {}
.bypostauthor{}


/*   Media Queries
----------------------------------------------------*/
@media (max-width: 767px) {
  #social-links{
    display: none;
  }

  .kmkz-wpml-langs{
    display: none;
  }
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (max-width: 1200px) {

  #main-menu li a {
    border-left: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}


/*  Browser misc
----------------------------------------------------*/

::selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-webkit-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-moz-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}