body {
     background:#669999 url() top center repeat; 
     color: #FFF;
     font-family:'Yantramanav';
     font-size: 18px;
}
 a{
     color:#b0f045;
}
h3, h4 {
	text-align: center;
}
h1 {
	text-align: center;
}

 .button{
     font-size: 20px;
     font-weight: bold;
     background: #b0f045;
     color: #000;
     display: inline-block;
     height: 38px;
     line-height: 38px;
     padding: 0 20px 0 15px;
     position: relative;
	 text-decoration: none;
	 text-transform: uppercase;
}
 .button:before {
     content: "";
     top: 0;
     right: -10px;
     background: #b0f045;
     display: block;
     position: absolute;
     height: 38px;
     width: 20px;
     transform:skew(-20deg,0deg);
}
 .button:after{
     content: "";
     top: 0;
     right:-5px;
     background: #b0f045;
     display: block;
     position: absolute;
     height: 38px;
     width: 10px;
     transform:skew(-20deg,0deg);
     border-left: solid 3px #000;
     border-right: solid 3px #000;
}
 .center-box {
     margin: 0 auto;
     width: 1200px;
     overflow: hidden;
}
 header{
     padding: 5px 0;
     background: rgba(14,14,24,1);
     background: -moz-linear-gradient(top, rgba(14,14,24,1) 0%, rgba(14,14,24,0) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,14,24,1)), color-stop(100%, rgba(14,14,24,0)));
     background: -webkit-linear-gradient(top, rgba(14,14,24,1) 0%, rgba(14,14,24,0) 100%);
     background: -o-linear-gradient(top, rgba(14,14,24,1) 0%, rgba(14,14,24,0) 100%);
     background: -ms-linear-gradient(top, rgba(14,14,24,1) 0%, rgba(14,14,24,0) 100%);
     background: linear-gradient(to bottom, rgba(14,14,24,1) 0%, rgba(14,14,24,0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e18', endColorstr='#0e0e18', GradientType=0 );
	 
 }
}
 
 #navigation{
     float:right;
	 }
	 
 nav ul{
     float: right;
	 
}
 nav ul li{
     float: left;
     text-align: left;
	 
}
 nav ul li a{
     display: inline-block;
     color: #fff;
     font-size: 16px;
     padding-right: 30px;
     text-decoration: none;
     text-transform: uppercase;
     position: relative;
}
 nav ul li a:before{
     content: "/";
     position: fixed;
     top: 0;
     right: 12px;
     font-weight: bold;
     color: #b0f045;
}
 nav ul li a:hover{
     color: #b0f045;
}
 nav ul li:last-of-type a{
     padding: 0;
}
 nav ul li:last-of-type a:before{
     content: "";
}
 #top{
     background: url(../fooldal/img/riofo.jpg) top center fixed no-repeat;
	 background-color: #666666;
	 
	 
}
 #intro{
     width: 100%;
     margin:50px 0;
}
 #intro p, #services p, #offer p, #team p{
     margin:0 0 15px 0;
}

#intro-text{
	float: left;
	width: 45%;
}

	
 #intro-img {
	float: right;
	width: 15%;
	display: inline;
	
}

 #services{
     padding: 70px 0;
    /*box-shadow: 0 0 8px rgba(0,0,0,0.9);
    */
}
 .service{
     margin-bottom: 40px;
     position: relative;
	 min-height: 320px !important;
}
 .service:before{
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     display: block;
     height:35%;
     background: rgba(0,0,0,0);
     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.44)));
     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
 .service img{
     width: 100%;
	 
}
 .service .button{
     position: absolute;
     bottom: 15px;
     left: 0;
}
 #offer{
     background:#666666 url(../img/offer.jpg) top left no-repeat;
     padding: 70px 0;
     box-shadow: inset 0 0 8px rgba(0,0,0,0.9);
	 
}
 
 #offer-text{
     float:right;
     width: 50%;
	 
}
 #offer h3{
     color: #b0f045;
     margin: 0 0 15px 0;
}
 #offer ul{
     overflow: hidden;
     margin: 0 0 20px 0;
}
 #offer ul li{
     margin-bottom: 8px;
     line-height: 1.4;
     position: relative;
     padding-left: 30px;
}
 #offer ul li:before{
     content: "";
     width: 20px;
     height: 20px;
     display: block;
     border-radius: 50%;
     background:#b0f045;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -10px;
}
 #offer ul li:after{
     content: "";
     width: 8px;
     height: 12px;
     display: block;
     position: absolute;
     left:6px;
     top: 50%;
     margin-top: -8px;
     border-bottom: solid 2px #000;
     border-right: solid 2px #000;
     transform: rotate(45deg);
}
 
 #testimonials {
     background: url(../img/fanta.png) top center no-repeat;
     padding: 70px 50% 55px 40px;
     box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.9);
}
 #testimonials h3{
     color:#b0f045;
     margin: 0 0 15px 0;
}
 #testimonials p{
     margin: 0 0 15px 0;
}
 

 @media only screen and (max-width: 768px) {
     #logo {
         float: none;
         margin: 0 0 15px 0;
    }
     #logo a {
         margin: 0 auto;
         display: block;
    }
     #navigation, nav ul, nav ul li {
         float: none;
    }
     nav ul li a:before {
         content: "";
    }
     nav ul li a {
         padding: 10px 0!important;
         border-bottom: solid 1px #fff;
         display: block;
    }
	 
     #intro {
         width: 100%;
         margin: 50px 0 350px 0;
         padding-left: 0;
    }
     #top {
         background-position: bottom right 30%;
         background-size: 300% auto;
    }
     #offer-text {
         float: left;
         width: 100%;
    }
     #offer {
         background-color: #0e0e18;
         background-position: bottom left 20%;
         background-size: 220% auto;
         padding: 40px 0 300px 0;
    }
     #testimonials {
        background-position: bottom right;
		background-size: cover;
		padding: 60px 25px 20px 20px;
		position: relative;
	    height: 401px;
        box-shadow: inset 0 0 8px rgba(0,0,0,0.9);
    }
     #testimonials:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         display: block;
         width: 100%;
         height: 100%;
         background: rgba(0,0,0,0.6);
         z-index: 0;
    }
     #testimonials h3, #testimonials p {
         position: relative;
         z-index: 1;
    }
    
}

@media (max-width: 991px) {
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        border-left: 4px solid #d89245;
    }
}




/** footer */
.footer.inverse {
    background: #291c1d;
}

/* home, azaz a főoldal */

main-content {
    font-size: 18px;
    padding-top: 100px;
    padding-bottom: 30px;
    background-color: #fff;
}

/** slider */
#main-carousel {
    margin: 0;
}

#main-carousel .carousel-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 650px;
}

/** dog breeds */
#dog-breeds-container {
    padding-top: 30px;
    padding-bottom: 0;
}

#dog-breeds-container .thumbnail {
    border: none;
    box-shadow: none;
    text-align: center;
}

#dog-breeds-container .thumbnail .caption {
    padding-left: 0;
    padding-right: 0;
}

/** our story */
#our-story-container {
    background: #666666;
    color: #fbfbfb;
    padding-top: 30px;
    padding-bottom: 30px;
	
}

#our-story-container h2,
#our-story-container h3 {
    color: #b0f045;
}

#our-story-container blockquote {
    font-style: italic;
    border-left: 5px solid #b0f045;
	padding-left: 20px;
}

/** sale */
#sale-container {
    padding-top: 50px;
    padding-bottom: 50px;
}

/** our dogs */
#our-dogs-container {
    background: #362526;
    color: #fbfbfb;
    padding-top: 50px;
    padding-bottom: 50px;
}

#our-dogs-container h2 {
    color: #f6ab4a;
}

#our-dogs-container #our-dogs-list {
    margin-top: 20px;
}

/** our dogs blockquote */
#our-dogs-blockquote-container {
    padding-top: 100px;
	margin: 100px;
	
}

/** infos */
#infos-container {
    background: #666666;
    color: #fbfbfb;
    padding-top: 50px;
    padding-bottom: 50px;
}

#infos-container h2,
#infos-container h3 {
    color: #f6ab4a;
}

#infos-container blockquote {
    font-style: italic;
    border-left: 5px solid #ffc45d;
}

/** advices */
#advices-container {
    padding-top: 50px;
    padding-bottom: 50px;
	background: #666666;
}

/** contact */
#contact-container {
    padding-top: 50px;
    padding-bottom: 50px;
}