/*!
 * Start Bootstrap - Modern 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.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

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

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
	overflow:hidden;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

/* Collapsed Menü*/
.navbar {background-color: rgba(250,250,250,0.94) !important; z-index:25;}

/* Menu column */
@media only screen and (max-width:767px) {.main-menu{max-height:430px !important;} .main-menu ul.nav li {clear:both; position:relative;}}
.main-menu ul.nav li ul.dropdown-menu {min-width:300px;}
.main-menu ul.nav li ul.dropdown-menu .column {float: left;}
.main-menu ul.nav li ul.dropdown-menu .column.column-1 {width:100%}
.main-menu ul.nav li ul.dropdown-menu .column.column-2 {width: 50%;}
.main-menu ul.nav li ul.dropdown-menu .column.column-3 {width: 33.3%;}
.main-menu ul.nav li ul.dropdown-menu .column li{padding: 7px 5px; margin: 0 5%; width: 90%; border-bottom: 1px solid #efefef;}
.main-menu ul.nav li ul.dropdown-menu .column li a {width: 100%; display: block; color: #777; text-align: center;}
.main-menu ul.nav li ul.dropdown-menu .column li a:hover,  .main-menu ul.nav li ul.dropdown-menu .column li a:active, .main-menu ul.nav li ul.dropdown-menu .column li a:focus {text-decoration:none; color:#333}

/*Footer*/
footer {background:#3a3a3b; margin:0; color:#BBB;}
footer .copyright {background: #303032; width: 100%; margin: 0; padding: 0;}
p.copyright {    text-align: center;    padding: 15px 0 0;    margin: 0;    font-size: 13px;}
p.wk {    margin: 0;    padding: 0 0 15px;    font-size: 13px;    text-align: center;    /* font-style: italic; */}
p.wk a {color:#BBB; }
p.wk a:hover, p.wk a:active, p.wk a:focus {text-decoration:none; }
footer ul.footer-list { list-style: none; margin: 5px; padding: 0px; width: 100%;}
footer ul.footer-list li {display: block; clear: both;  padding: 5px 0px;}
footer ul.footer-list li i {    margin-right: 10px;    width: 46px;    text-align: center;    border: 1px solid #BBBBBB;    border-radius: 23px;    height: 46px;    padding: 10px 0 0 0;    font-size: 23px;}
footer ul.footer-list i {vertical-align: middle;}
footer ul.footer-list a{color:#BBB;}
footer ul.footer-list a:hover, footer ul.footer-list a:active, footer ul.footer-list a:focus{text-decoration:none;}
footer .row.first {padding-bottom:25px;}
footer .row .col {padding:25px 25px 0;}
@media only screen and (min-width:990px) and (max-width:1200px) {footer .row .col {padding:25px 5px 0px;}}
@media only screen and (max-width:989px) {footer .row .col {padding:25px 25px 0px;}}
footer .row .col p{margin:5px; text-align: justify;}
footer .row .col h4{text-align: left;    border-bottom: 2px solid #ccc;    display:block;    width: 60%;    padding: 5px 0;    margin-left: 5px; clear:both;}
footer ul.service-list {list-style: none;    padding: 5px;}
footer ul.service-list li {padding: 5px 0px;}
footer ul.service-list li i{position: inherit;    text-align: left;    width: 24px;}
footer .col img.haber {    width: 42px;    height: 42px;    float: left;    margin: 4px 7px 0;}
footer .col.haberler p {height:48px; padding-top:6px;}

/*Contact Table*/
.contact-container table.contact { width:100%; font-size:16px;}
.contact-container table.contact tr { background: #f6f6f6;    line-height: 1.5;    border-bottom: 1px solid #ddd; }
.contact-container table.contact tr.striped{ background: #fefefe;}
.contact-container table.contact tr td {}
.contact-container table.contact tr.title {background-color:#FFF; border:none;}
.contact-container table.contact tr.title td {    font-size: 18px;    font-weight: bold;    padding: 15px 0 3px 0;}
.contact-container table.contact tr td.strong {    font-weight: bold;    color: #454545;    padding: 4px 0px;}
@media (max-width: 500px){	.contact-container table.contact tr td {    display: block;    padding: 8px 0;}}
.contact-container .maps {margin-top:35px}
.contact-container .contact-form {margin-top:35px;}

/*Product Gallery*/
.container .row:last-child {margin-bottom:25px;}
.container .row .galeridiv {}
.container .row .galeridiv .galeritab {height: 250px;  background-position: 50% 50%;    background-size: cover;}
.container .row .galeridiv .galeritab a{display: block; height: 100%; width: 100%;}
/*header.carousel {height: initial;}*/
#blueimp-gallery-carousel {    margin: 0;    background: transparent;    box-shadow: none;    height: 40vh;    padding-bottom: 0;}
#blueimp-gallery-carousel img {    object-fit: cover;    min-height: 100%;	min-width: 100%;}

/* Top Bar */
.affix {top: 0; width: 100%;}
.affix + .container-fluid {padding-top: 70px;}
body{padding-top:0px;}
.navbar {margin:0px;}
.topbar .container .row {margin-bottom:0px;}
.topbar .container .row div {text-align:center;    margin: 5px 0;}
.topbar .container .row div:last-child {border-left:1px solid #FFF;}
.topbar .container .row div i {   margin: 0 10px 0 0;    vertical-align: middle;    font-size: 17px;}

/*Carousel*/
ol.carousel-indicators, .carousel-control {opacity:0;}
ol.carousel-indicators {bottom:0px;}