/* your styles go here */
body{
  background: url(../img/.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#bio {
	color:white;
}

.wkpoints {
	text-align: center;
}
.wkpoints li{
	padding-top:10px;
	font-weight:500;
}

.border {
	border:1px solid #ccc;
	max-height:550px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

.home img {
	margin-top:5px;
}
.portfolio
{
	margin-top: 20px;
}

.portfolio-sorting
{
	text-transform: uppercase;	
	font-size: 20px;
	font-weight:300;
	margin-bottom: 40px;
}
.portfolio-item 
{
	overflow:visible;
	  z-index:9999;
	margin-bottom: 40px;
	height:100%;
}
#gallery-style {
 margin-bottom:30px;
}
#gallery-style p{
 margin-bottom:10px;
}
#gallery-style a{
	margin-top: 20px;
	text-decoration: none;
}
#gallery-style a:hover > img {
              -webkit-transform: scale3d(1.05, 1.05, 1.05);
              transform: scale3d(1.05, 1.05, 1.05);
              opacity: 1;
              border:2px solid #000;
              z-index:9999;
overflow: visible              }
              
#gallery-style > ul > li a > img {
              -webkit-transition: -webkit-transform 0.50s ease 0s;
              -moz-transition: -moz-transform 0.50s ease 0s;
              -o-transition: -o-transform 0.50s ease 0s;
              transition: transform 0.50s ease 0s;
              opacity:1;
              width: 100%;
          
              }
              
#gallery-style li{
	padding-top: 10px;
	text-decoration: none;
}
#gallery-style img {
	border:2px solid #333;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	  z-index:9999;
	  overflow:visible;
}

.price, .price tr, .price th, .price td {
	font-weight:500;
	padding:2px;
	border:1px dotted #333;
	text-align:center;
	border-collapse: collapse;
}
.form-group textarea.form-control {
    resize:none; 
	min-height:100px;
}
.form-group input, .form-group textarea {
   letter-spacing: 0.08em;
   font-weight: 300;
   color:#333;
}
.text-danger {
    color: #e74c3c;
    padding-bottom:0;
}
.form-group {
    margin-bottom: 25px;
}
.form-group input.form-control {
    height: auto;
}
.alert {

}
.alert-info {
	font-size:20px;
	line-height:30px;
	font-weight:200;
	color:#333;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  margin: 0 auto;
  overflow:hidden;
  border:5px solid #333;
}
.exxx {
	  border:5px solid #333;
}


.item.active img {
    transition: transform 2500ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
    padding:0;
    margin:0 auto;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;  
}
.carousel-caption h1, .carousel-caption h2{
	color:white;
	font-weight: 400;
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);

    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);

    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);

    }
}
.index-squares {

}
.home-gap {
	margin-top:30px;
}
.excep {
	margin-bottom:10px;
}
.toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	width:75px;
	height:75px;
	opacity:0.8;
	overflow:hidden;
	border:none;
}
.btn-danger {
  color: #fff;
  background-color: rgba(255,52,0,0.81);
  border-color: rgba(255,52,0,0.81);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ff3300;
  border-color: #ff3300;
}
.butty {
	margin-bottom:0px;
	margin-top:12px;
}
.lang_flag {
	margin:22px 0px 0 15px; 
	float:right; 
	z-index:99999;
	opacity:0.7;
}
.lang_flag:hover {
	opacity:1;
}
.lang_flag img {
	border:1px solid #ccc;
}