/*!
 * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

footer {
    padding: 30px 0;
}

@media(min-width:768px) {
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

.navbar-nav {
    float:right;
}

h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
}

h1 {
    margin-bottom: 20px;
}

.fb-like{
    margin-top:33px;
}

/* FŐOLDAL */

.btn-right {
text-align: right;
}

.btn-index {
background-color: #EF7C1A;
color: #fff;
border-color: #EF7C1A;
float: right;
}

.btn-index a {
background-color: #EF7C1A;
color: #fff;
border: 0;
text-decoration: none;
}

.btn-index :focus,
.btn-index.focus {
  color: #fff;
  background-color: #B75706;
}
.btn-index:hover {
  color: #fff;
  background-color: #B75706;
}

.btn-index:active,
.btn-index.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #B75706;
}
.btn-index:active:hover,
.btn-index.active:hover,
.open > .dropdown-toggle.btn-index:hover,
.btn-index:active:focus,
.btn-index.active:focus,
.open > .dropdown-toggle.btn-index:focus,
.btn-index:active.focus,
.btn-index.active.focus,
.open > .dropdown-toggle.btn-index.focus {
  color: #fff;
  background-color: #B75706;
}
.btn-index:active,
.btn-index.active,
.open > .dropdown-toggle.btn-index {
  background-image: none;
}
.btn-index.disabled:hover,
.btn-index[disabled]:hover,
fieldset[disabled] .btn-index:hover,
.btn-index.disabled:focus,
.btn-index[disabled]:focus,
fieldset[disabled] .btn-index:focus,
.btn-index.disabled.focus,
.btn-index[disabled].focus,
fieldset[disabled] .btn-index.focus {
  background-color: #B75706;
}
.btn-index .badge {
  color: #B75706;
  background-color: #fff;
}

.contact-index {
font-size: 20px;
color: #000;
text-align: center;
margin-top: 40px;
}

.publikaciok-side-menu {
background-color: #fff;

}

.publikaciok {
text-align: center;
font-size: 16px;
}

.publikaciok a {
text-decoration: none;
}

.publikaciok-tovabbi {
    color: grey;
}

.img-circle {
height: 200px;
width: 200px;
padding: 0;
}

.img-publikacio {
    margin: 10px;
}

.megjelenes {
    color: #1E1E1E;
    font-size: 10px;
    margin: 0px;
}

/*
.service-heading:hover {
background:rgba(254,209,54,.9);
width:100%;
height:100%;
transition:all ease .5s;
border-radius: 10px;
}
*/
.service-heading:hover img {
opacity: .5;
background:rgb(254,209,54);
transition: .5s;
}

.service-heading {
padding: 10px;
}

.publikaciok-side-menu {
padding: 0px;
}

.publikaciok-side-menu {
padding-left: 0px;
padding-right: 0;
}

.publikaciok-side-menu li {
    border-bottom: 2px solid #FFD509;
    border-left: 5px solid #FFD509;
}

.publikaciok-side-menu li a {
    color: #000;
}

.publikaciok-side-menu li a:hover {
    background-color: #FFD509;
}

.publikaciok-side-menu ul {
    border: 0px;
    box-shadow: 3px 3px 10px grey;
    text-decoration: none;
    letter-spacing: 1px;
    outline: none;
    background-color: transparent;
}


ul .active {
    background-color: #FFD509;
}

.nav-stacked>li+li {
    margin-top: 0px;
}


.publikaciok-side-menu .list-title {
    border-bottom: solid 2px #fff;
}

.list-title {
    text-align: center;
    background: #FFD509;
    text-transform: uppercase;
    color: #000;
    padding: 10px 0 10px;
    font-weight: bold;
}

.section-heading {
margin-bottom: 60px;
margin-top: 10px;
}

.plastdur-img {
margin-bottom: 50px;
width: 100%;
height: auto;
}

.section-subheading {
margin: 0 0 40px;
}

.plastdur-center {
text-align: center;
margin-bottom: 50px
}

.rolunk {
    text-align:center;
}

.rolunk p {
    text-align: justify;
}

.rolunk i {
    color: #4C7AB7;
}

.middle-align {
    vertical-align: middle;
}

.termekek a:link {
    text-decoration: none;
}

.portfolio-caption a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}


.img-center img {
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px;
}

.uppercase-h1 {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.checkbox-arajanlat {
    padding-left: 15px;
    padding-right: 0;
}

.arajanlat-padding {
    padding: 0;
}

.well-plastdur-arajanlat {
    margin-bottom: 30px;
    font-size: 20px;
    color: #000;
    text-align: center;
}

.arajanlat-form {
    font-size: 25px;
    margin-bottom: 30px;
}

.diszitokepek {
    padding-top: 50px;
}



.feature-divider {
    border-top: 1px solid #aaa;
}


figcaption {
    font-size: 90%;
}

figcaption p {
    line-height: 90%;
}

/*Termékek*/

.caption {
    text-align: center;
    font-size: large;
    color: #000;
}

.termekek th {
    text-align: center;
    background-color: #FFD509;
    font-size: medium;
}

.align-left {
    text-align: left;
}

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

.center {
    text-align: center;
}

.line-height {
    line-height: initial;
}

.table>tbody>tr>th {
    border-top: 0px;
}

td i {
    vertical-align: middle;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}

.presentation {
    border: 1px solid #eee;
}


.colorgraph {
 height: 5px;
 border-top: 0;
 background: #c4e17f ;
 border-radius: 5px;
 background-image: -webkit-linear-gradient(left, #c4e17f , #c4e17f 12.5%, #f7fdca  12.5%, #f7fdca  25%, #fecf71  25%, #fecf71 37.5%, #f0776c  37.5%, #f0776c  50%, #db9dbe  50%, #db9dbe  62.5%, #c49cde  62.5%, #c49cde  75%, #669ae1  75%, #669ae1  87.5%, #62c2e4  87.5%, #62c2e4 );
 background-image: -moz-linear-gradient(left, #c4e17f , #c4e17f 12.5%, #f7fdca  12.5%, #f7fdca  25%, #fecf71  25%, #fecf71 37.5%, #f0776c  37.5%, #f0776c  50%, #db9dbe  50%, #db9dbe  62.5%, #c49cde  62.5%, #c49cde  75%, #669ae1  75%, #669ae1  87.5%, #62c2e4  87.5%, #62c2e4 );
 background-image: -o-linear-gradient(left, #c4e17f , #c4e17f 12.5%, #f7fdca  12.5%, #f7fdca  25%, #fecf71  25%, #fecf71 37.5%, #f0776c  37.5%, #f0776c  50%, #db9dbe  50%, #db9dbe  62.5%, #c49cde  62.5%, #c49cde  75%, #669ae1  75%, #669ae1  87.5%, #62c2e4  87.5%, #62c2e4 );
 background-image: linear-gradient(to right, #c4e17f , #c4e17f 12.5%, #f7fdca  12.5%, #f7fdca  25%, #fecf71  25%, #fecf71 37.5%, #f0776c  37.5%, #f0776c  50%, #db9dbe  50%, #db9dbe  62.5%, #c49cde  62.5%, #c49cde  75%, #669ae1  75%, #669ae1  87.5%, #62c2e4  87.5%, #62c2e4 );
}

.divider {
    border-top: 2px solid #ccc
}

td.linebreak p {
    width: 50%;
}

/*Termékek END*/



/*JUMBOTRON


.jumbotron,/
#jumbotronIndex {
text-align: center;
}

#jumbotronIndex h1 {
font-family: 'Passion One', cursive;
font-weight: 700;
background: #fff;
}

#jumbotronIndex p {
font-family: 'Open Sans', sans-serif;
font-weight: 800;
background: #fff .8;
}

 #jumbotronIndex {
background: url('../images/disz.jpg') no-repeat;
color: #000;
}

.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 0;
}
*/

.container-fluid {
padding-right: 0;
padding-left: 0;
}


/*Rólunk*/

.rolunk-h2 {
    margin: 20px;
}

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

.plastdur-center img {
    display: block;
    margin: 0 auto;
}



/*JUMBOTRON END*/

.well-plastdur {
background-color: rgba(242, 245, 102, 0.9);
border: 3px solid #FFE912;
border-radius: 0;
padding: 20px;
}

/*Publikaciók*/

#portfolio .portfolio-item {
margin:0 0 15px;
right:0
}


#portfolio .portfolio-item .portfolio-link {
display:block;
position:relative;
max-width:400px;
margin:0 auto
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
background:rgba(254,209,54,.9);
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:all ease .5s;
-webkit-transition:all ease .5s;
-moz-transition:all ease .5s
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
opacity:1
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
position:absolute;
width:100%;
height:20px;
font-size:20px;
text-align:center;
top:50%;
margin-top:-12px;
color:#fff
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
margin-top:-12px
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
margin:0
}

#portfolio .portfolio-item .portfolio-caption {
max-width:400px;
margin:0 auto;
background-color:#fff;
text-align:center;
padding:25px
}

#portfolio .portfolio-item .portfolio-caption h4 {
text-transform:none;
margin:0
}

#portfolio .portfolio-item .portfolio-caption p {
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:16px;
margin:0
}

#portfolio * {
z-index:2
}

@media (min-width:767px) {
#portfolio .portfolio-item {
margin:0 0 30px
}
}

.portfolio-modal .modal-content {
border-radius:0;
background-clip:border-box;
-webkit-box-shadow:none;
box-shadow:none;
border:0;
min-height:100%;
padding:100px 0;
text-align:center
}

.portfolio-modal .modal-content h2 {
margin-bottom:15px;
font-size:3em
}

.portfolio-modal .modal-content p {
margin-bottom:30px
}

.portfolio-modal .modal-content p.item-intro {
margin:20px 0 30px;
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:16px
}

.portfolio-modal .modal-content ul.list-inline {
margin-bottom:30px;
margin-top:0
}

.portfolio-modal .modal-content img {
margin-bottom:30px
}

.portfolio-modal .close-modal {
position:absolute;
width:75px;
height:75px;
background-color:transparent;
top:25px;
right:25px;
cursor:pointer
}

.portfolio-modal .close-modal:hover {
opacity:.3
}

.portfolio-modal .close-modal .lr {
height:75px;
width:1px;
margin-left:35px;
background-color:#222;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
z-index:1051
}

.portfolio-modal .close-modal .lr .rl {
height:75px;
width:1px;
background-color:#222;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
z-index:1052
}

.portfolio-modal .modal-backdrop {
opacity:0;
display:none
}




/*Publikaciók END*/


/*Footer*/

footer {
background: #333;
margin-top: 50px;
}

.plastdur-footer a {
text-decoration: none;
color: #777;
}

.plastdur-footer a:hover {
text-decoration: none;
color: #fff;
}

/* FŐOLDAL END*/