/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
    height: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;   
	background-color:#fff;
	transition: all 0.4s;
}

body {
    padding-top: 160px;
    padding-bottom: 20px;
}

@media (min-width: 767px) {

    body {
		padding-top: 120px;
	}

}

.dropdown {
    cursor:pointer;
}


.img-home-portfolio,
.img-customer,
.portfolio-item {
    margin-bottom: 30px;
}

.tab-pane {
    margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
    padding: 50px 0;
}

.navbar-nav {
	position:relative!important;
	
}

@media (min-width: 767px) {

    .navbar-nav {
		display:flex;
		justify-content:center;
	}

}

@media (max-width:767px) {
	
	.navbar-brand {
		padding:15px;
		text-align:center;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color:#000;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color:#000;
		text-decoration:underline;
	}
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border:0px; }

@media (min-width: 767px) {
	.navbar-nav > li {
		text-align:center;
	}
}

.quick-contact {
	display:flex;
	align-items:center;
	text-align:right;
	gap:5px;
	
}

@media (max-width: 767px) {
	.quick-contact-min {
		display:flex;
		flex-direction:row;
		gap:10px;
		justify-content:center;
		padding-bottom:10px;
	}
	
	.quick-contact-content { display:none; }
}

@media (min-width: 767px) {
	.quick-contact-min {
		display:none;
	}
	
	/*
	.quick-contact {
		display:flex;
		align-items:center;
		text-align:right;
		gap:5px;
		
	}
	*/
}

.quick-contact-content { color: #428bca; }
.quick-contact-min { color: #428bca; }
.quick-contact svg { color: #428bca; margin-left:10px; margin-right:10px; }
.quick-contact-min svg { color: #428bca; }

.section-colored {
    /*background-color: #e1e1e1;*/
    /* change this to change the background color of a colored section */
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
    height: 50%;
}

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

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

/* Social Icons Styles */
.list-social-icons {
    margin-bottom: 45px;
}

.tooltip-social a {
    text-decoration: none;
    color: inherit;
}

.facebook-link a:hover {
    color: #3b5998;
}

.linkedin-link a:hover {
    color: #007fb1;
}

.twitter-link a:hover {
    color: #39a9e0;
}

.google-plus-link a:hover {
    color: #d14836;
}

/* Service Page Styles */
.service-icon {
    font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
    font-size: 8em;
}

/* Pricing Page Styles */
.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}

.price-month {
    font-size: 35%;
    font-style: italic;
}

/* Footer Styles */
footer {
    margin: 20px auto 50px auto;	
}

footer .container {
    background-color:#f5f5f5;			
    text-align:center;
    padding-top:10px;
    border:1px solid #ccc;
}


.ciastka {
    color:#000;
    text-align:center;	
    border-bottom:1px solid #fff;	
}
.ciastka .ciastkaText { width:100%; margin:0px auto 0px auto; font-size:8pt; padding:3px 0px 3px 0px; }
.ciastkaTresc { width:80%px; border:1px solid #ccc; padding:0px 10px 0px 10px; margin:0px auto 0px auto; }				

#fejsik {
    display: block;
    position: fixed;
    z-index: 666;		
    background: url("../img/fejs.png") no-repeat top left;
    width: 350px;
    padding: 0px 0px 0px 49px;
    height: 550px;		
    right:-305px;	
    top:130px;
    border:0px;			
}

@media (max-width: 1000px) {

    #fejsik {
        display: none;
    }

}	

.menuLeft {
    margin-bottom:20px;
}

.menuLeft ul {
    list-style:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}

.menuLeft ul li {
    padding:10px 20px 10px 20px;
    background-color:#f5f5f5;
    margin:5px;
    border-radius: 4px;
}

.menuLeft li:first-child { margin-top:0px; }
.menuLeft li:last-child { margin-bottom:0px; }

.pageGallery ul {
    list-style:none;
    padding:0px;	
}

.pageGallery ul li {			
    border-radius: 4px;
    margin:0px;	
    padding:10px;			
    border:1px solid #ccc;
    vertical-align:bottom;
}

.listNews {
    background-color:#f5f6f7;            
    overflow:hidden;
    padding:10px;
    max-height:700px;
    overflow:auto;
}

.listNews ul {
    list-style:none;		
    padding:0px;		
}

.listNews ul li {	
    margin-bottom:15px;
    border-radius: 4px;			
    padding:10px;					
    background-color:#fff;		
}

.listNewsGallery ul {
    list-style:none;		
    padding:0px;		
}

.listNewsGallery ul li {	
    margin-bottom:0px;
    border-radius: 4px;			
    padding:0px;					
    background-color:#fff;
    cursor:pointer;
}


.listPlain ul {
    list-style:none;		
    padding:0px;		
}

.listPlain ul li {	
    margin-top:10px;
    border-radius: 4px;
    margin-bottom:0px;		
    padding:10px;			
    border-bottom:1px solid #ccc;
}

.listBoxes ul {
    list-style:none;		
    padding:0px;		
}

.listBox  {	
    background-color:#f5f5f5;		
    border-radius: 4px;			
    padding:10px;
    vertical-align:top;
    text-align:center;
    border:1px solid #ccc;
    margin:5px 0px 5px 0px;
}

.imgbg {
    /*background: url(../img/bg_img1.jpg) no-repeat bottom;*/    
    padding:0;
    margin:0;
    width:100%;    
    position:relative;
}	

.main_Bg_Box {
    position:relative;    
    max-height:622px;
	text-align:center;
}

.main_Text_Box {
    position:absolute;
    top:0;
    background-color:#05637e;
    height:100%;    
    opacity:0.8;
    color:#fff;  
    right:0;
    width:18vw;
}

.main_sub_Bg_Box {
    position:absolute;
    bottom:0;    
    width:100%;
    vertical-align:bottom;
}

.main_sub_Bg {

}


.main_Left_Cotainer {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:40.5vw;
}

.news_Main_table {
    position:relative;overflow:hidden; display:table;    
}

.news_Main_row {
    display:table-row;
}

.news_Main_td_left {
    width:40.5vw; display:table-cell;
}

.news_Main_img {
    width:18vw; float:right;
}

.news_Main_td_right {
    width:40.5vw; background-color:#808080;display:table-cell; vertical-align:top;
}

.news_Main_title {
    color:#fff;
    margin:15px;
    font-weight:bold;
    font-size:1.4em;
}

.news_Main_text {    
    margin:15px;    
}


@media (max-width: 1000px) {

    .news_Main_td_left {        
        /*background-color:#808080;       */
    }

    .news_Main_img {
        width:100%;
    }

    .news_Main_td_right {
        width:56.0vw;    
        font-size:10px;
        font-weight:bold;
        text-align:justify
    }

    .news_Main_title {
        font-size:12px;
    }

}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.nopadding {
    padding:0px;
    border:2px solid #fff;
}

md-content.md-default-theme, md-content {
    background-color:transparent;
    margin-bottom:15px;
    border-radius: 4px;			
    padding:10px;					
    background-color:#fff;
}

md-tabs-canvas, md-tab-item {
    display:none;
}

md-tabs[md-border-bottom] md-tabs-wrapper {
    border:0px;
}

.md-button {
    width:44%;
    box-shadow: none;
}

.md-button.md-raised, .md-button.md-raised:not([disabled]) {
    box-shadow: none;
}

.md-raised-left {
    float:left;
}

.md-raised-right {
    float:right;
}