/**
 * Common View Elements
 */

/* --- Views Field --- */
.views-field {
}

.field-content {
}

.views-label {
  float: left;
  margin-right: 5px;
}

/* Views Field Title */
.views-field-title {
}

.views-field-title .field-content {
}

/* Views Field Image */
.views-field-field-image {
}

.views-field-field-image .field-content {
}

/* Views Field Body */
.views-field-body {
}

.region-mass-top .views-field-body .field-content {
	padding-bottom: 10px;
}

/* Views Field Changed */
.views-field-changed {
}

.views-field-changed .field-content {
}

/* --- Views Inline Grid --- */
.views-row {
}

.views-row-odd {
}

.views-row-even {
}

.views-col {
}

.cols-1 .views-col {
  width: 100%;
}

.cols-2 .views-col {
  width: 50%;
}

.cols-3 .views-col {
  width: 33.33%;
}

.cols-4 .views-col {
  width: 25%;
}

.cols-5 .views-col {
  width: 20%;
}

.cols-6 .views-col {
  width: 16.66%;
}

/**
 * Supported Views Formats
 */
/* --- Slideshow --- */
#slideshow-wrapper .container {
}

#slideshow-wrapper .block-content {
  padding: 0;
}

#slideshow-wrapper .region-slideshow {
  position: relative;
}

/* Titles */
#slideshow-wrapper .slideshow-group-fields-wrapper {
  padding: 1.5em 0 1em   ;
  text-align: center;
  width: 100%;
  z-index: 1;
}

#slideshow-wrapper .slideshow-group-fields-wrapper .views-field-title a {
  color: #f04d4d;
  font-family: 'Roboto Slab', serif;
  font-size: 2.4em;
  line-height: normal;
}

#slideshow-wrapper .slideshow-group-fields-wrapper .field-content {
  display: block;
  padding: .5em 3em;
}

#slideshow-wrapper .views-field-title a:hover,
#slideshow-wrapper .views-field-title a:active,
#slideshow-wrapper .views-field-title a:focus {
  text-decoration: none;
}

/* Slideshow Navigator */
#slideshow-wrapper .views-slideshow-controls-bottom {
  display: none;
}

#slideshow-wrapper .region-slideshow:hover .views-slideshow-controls-bottom {
  display: block;
}

#slideshow-wrapper .views_slideshow_controls_text span {
  background: url(../images/btn-slideshow.png) no-repeat;
  cursor: pointer;
  height: 34px;
  position: absolute;
  text-indent: -999em;
  top: 123px;
  width: 34px;
  z-index: 999;
}

#slideshow-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-previous {
  background-position: 0 0;
  left: 20px;
}

#slideshow-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-previous:hover,
#slideshow-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-previous:focus {
  background-position: -34px 0;
}

#slideshow-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-next {
  background-position: 0 -34px;
  right: 20px;
}

#slideshow-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-next:hover,
#slideshow-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-next:focus {
  background-position: -34px -34px;
}

#slideshow-wrapper .views_slideshow_controls_text .views-slideshow-controls-text-pause {
  display: none;
}

/* Slideshow Full Pager */
#slideshow-wrapper .view > .pager {
  bottom: 0;
  height: auto;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
}

/* Slideshow Mini Pager */
#slideshow-wrapper .views-mini-pager {
  bottom: 0;
  height: auto;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 20; /* if you have more than 18 images in slideshow, increase this value */
}

/* --- Popular Projects View  --- */
.view-projects .views-field-field-image-portfolio img {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-bottom: 0.833em;
  padding: 4px;
}

.view-projects .views-field-field-image-portfolio:hover img,
.view-projects .views-field-field-image-portfolio:focus img {
  border-color: #f04d4d;
}

/* ---  Latest View  --- */
.sidebar .view-latest .views-field-title a {
  color: #333;
  font-size: 1.083em;
  font-weight: bold;
}

.sidebar .view-latest .views-field-title a:hover,
.sidebar .view-latest .views-field-title a:focus {
  color: #f04d4d;
  text-decoration: none;
}

.sidebar .view-latest .views-field-changed {
  color: #999;
  font-size: 0.917em;
  margin-bottom: .5em;
}

.sidebar .view-latest {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.667em;
  padding-bottom: 10px;
}

/* ---  Custom Masstop View  --- */
.mass-top .views-field-title {
  margin-bottom: 1em;
}

.mass-top .views-field-title a {
  color: #333;
  font-family: 'Droid Sans', sans-serif;
  font-weight: 700;
  font-size: 1.167em;
}

.mass-top .views-field-title a:hover,
.mass-top .views-field-title a:focus {
  color: #f04d4d;
  text-decoration: none;
}

.mass-top .views-field-view-node a {
  border-bottom: 1px dotted #999;
  color: #333;
}

.mass-top .views-field-view-node a:hover,
.mass-top .views-field-view-node a:focus {
  color: #f04d4d;
  text-decoration: none;
}

/* ---  Portfolio View  --- */
#main-content .view-portfolio .grid-inner {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  margin-bottom: 1em;
  margin: 0 .6em 1em;
  padding: 8px !important;
}

#main-content .view-portfolio:hover .grid-inner {
  background: #000;
  border-color: #000;
}

.view-portfolio:hover .views-label-field-tags-portfolio{
  color: #fff;
}

.view-portfolio .views-field-title a {
  color: #333;
  font-family: 'Droid Sans', sans-serif;
  font-size: 1.167em;
}

#main-content .view-portfolio:hover .views-field-title a {
  color: #fff;
  text-decoration: none;
}

.view-portfolio .views-field-field-image-portfolio {
  padding-bottom: 1em;
}

.view-portfolio .views-field-field-tags-portfolio a {
  color: #aeaeae;
  text-decoration: none;
}

.view-portfolio .views-field-field-tags-portfolio a:hover,
.view-portfolio .views-field-field-tags-portfolio a:focus {
  color: #f04d4d;
}

.ajax-progress-throbber .throbber {
  display: none;
}

#main-content .view-header {
  margin-bottom: 2em;
}

/* --- Gallery View  --- */
#panel-first-wrapper .view-gallery .grid-inner {
  padding: 0 1.5em .7em 0;
}

#main-content .view-gallery .grid-inner {
  padding: 0 .6em 1em;
}

.view-gallery .views-field-field-image-gallery img {
  background: #222;
  border: 1px solid #2f2f2f;
  padding: 4px;
}

#main-content .view-gallery .views-field-field-image-gallery img {
  background: #fff;
  border-color: #e5e5e5;
  padding: 7px;
}

.view-gallery .views-field-field-image-gallery:hover img,
.view-gallery .views-field-field-image-gallery:focus img {
  border-color: #f04d4d !important;
}

/* Panel first views */
#panel-first-wrapper .views-field-title a {
  color: #f04d4d;
}

#panel-first-wrapper .views-field-title a:hover,
#panel-first-wrapper .views-field-title a:focus {
  color: #ccc;
  text-decoration: none;
}

#panel-first-wrapper .views-field-changed {
  color: #555;
  font-size: 0.917em;
  padding-bottom: .5em;
}

#panel-first-wrapper .views-field-changed .placeholder {
  font-style: normal;
}

#panel-first-wrapper .view-latest-blog {
  border-top: 1px solid #222;
  margin-top: 1.667em;
  padding-top: 1.667em;
}

#panel-first-wrapper .view-content .view-latest-blog:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.views-field img {
  height: auto;
  width: 100%;
}

/*Added By Phong Pham*/
.view-gallery .views-field-field-image-gallery img, .view-projects .views-field-field-image-portfolio img, .view-featured .views-field-field-image img{
    width: 50px;
    height: 50px;
}

.block-system .views-field-field-image-gallery img, .block-system .views-field-field-image-portfolio img{
    width: 191px;
    height: 144px;
}

.view-id-Slideshow .views-field-field-slideshow img{
    width: 660px;
    height: 284px;
}
#slideshow-wrapper{margin-bottom:20px;}

#objednat, #demo {
  font-size: 13pt;
  background-color:#C84D29;
  width:170px;
height:70px;
text-align:center;
margin-bottom:20px;
padding:15px;
background:url(/sites/all/themes/tb_anis/images/modra.png) no-repeat;

}#objednat a, #demo  a{
  color: white;

}
.view-reference.view-display-id-block .grid.views-col.col-1.col-first{
margin-right: 19px;
margin-bottom: 19px;
}
.view-reference.view-display-id-block  .cols-2 .views-col{
 width:auto;
}

.view.view-kategorie.view-display-id-block_2 .views-row.menu{
  display: none
}
.view-display-id-block_2 .view-grouping-header a, .view-display-id-block_2 .view-grouping-header a:visited {

font-size: 1.083em;
font-weight: bold;
 color: black;

}

.view-display-id-block_2 .view-grouping-content .item-list
{
    list-style-image: none;
    list-style-type: none;
    margin: 0 0 0.8em;
    padding: 0;
    line-height: 1.6;

}
.view-display-id-block_2 .view-grouping-content H3 a,.view-display-id-block_2 .view-grouping-content H3 a:visited
{
    background-color: #e5e5e5;
    color: #333;
    display: block;
    font-family: 'Droid Sans',sans-serif;
    padding: 0.833em 1.667em;
    padding: 0.5em 1.2em;
    font-size: 13px;
    font-weight: normal

}

.view.view-what-we-do .views-field-field-image {
  float: right;

}
#views-exposed-form-what-we-do-page-6 .views-exposed-widget.views-submit-button{
 position: absolute;
    right: 0px;
    top: 20px;
}

#views-exposed-form-what-we-do-page-6 #edit-combine-wrapper.views-exposed-widget.views-widget-filter-combine{

    position: absolute;
    right: 65px;
    top: 10px;
}


#views-exposed-form-what-we-do-page-6 #edit-combine{width: 150px }

body.ntf-gwf-roboto-slab .views-field-title .field-content{
    font-family: 'Roboto Slab';
}

.view-what-we-do .views-field.views-field-created{
  font-style: italic;
  font-size: 10px;

}