﻿@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
.lato-thin {
	font-family: "Lato", sans-serif;
	font-weight: 100;
	font-style: normal;
  }
  
  .lato-light {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: normal;
  }
  
  .lato-regular {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  
  .lato-bold {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
  
  .lato-black {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: normal;
  }
  
  .lato-thin-italic {
	font-family: "Lato", sans-serif;
	font-weight: 100;
	font-style: italic;
  }
  
  .lato-light-italic {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: italic;
  }
  
  .lato-regular-italic {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: italic;
  }
  
  .lato-bold-italic {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: italic;
  }
  
  .lato-black-italic {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: italic;
  }

html{
	margin:0;
	padding:0;	
	min-height:100%;			
}
body{
	margin:0;
	padding:0;
	font-family: "Lato", sans-serif;
	background:#F6F6F6;
	overflow-x:hidden;	
	font-size:14px;	
	min-height:100%;
} 

img{
	max-width:100%;
	height:auto;				
}
a{
	color:#888;				
}
a:hover{
	color:#F57C00;				
}
hr{
	border-bottom:1px #efefef solid;				
}
h1, h2, h3, h4, h5, h6{
	color:;
	font-weight:300;	
	font-family: "Lato", sans-serif;	
	color:#F57C00;
}
.padded{
	padding:10px;				
}
.transition, .top-nav a, a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;			
}
.container{
	max-width:1006px;
	margin:0px auto 0 auto;				
}
.container-white{
	background:#fff;
	max-width:1006px;
	margin:0px auto 0 auto;	
	padding: 15px;
}
.container-page{
	margin-top: 50px;
}
.separate{
	clear:both;
	height:15px;
}
.btn{
	outline: none;
}
.btn-white{
	background:#fff;
	border:1px #efefef solid;
	color:#616161;			
} 
.btn-white:hover,
.btn-white:active,
.btn-white:focus{
	background:	#efefef;
	color:#616161;			
}
.green-list ul{
	list-style:none;
	margin:0px;
	padding:0px;				
}
.btn-list{
	border:none;
	display: block;
	width:100%;
	background: none;
}
.btn-list:hover{
	color:#000;
}
.green-list li{
	background:url('../images/bullet.png') no-repeat left top 6px;
	padding:3px 0 3px 25px;				
}
.baurad-component{
	margin:0px;	
}
.baurad-component .container{
	padding-top: 15px;
	padding-bottom: 15px;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header h1{
	margin: 0px;
	font-size: 26px;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.desktop {
    display: block !important;
}

.mobile {
    display: none !important;
}

@media (max-width: 767px) {
    .mobile {
        display: block !important;
    }

	.desktop {
		display: none !important;
	}
}

/* #################################### */
/* #### HEADER
/* #################################### */
.main-baner{
	position: relative;
}

#header{
	background:rgba(245, 124, 0, 1);	
	color:#fff;	
	position: sticky;
	z-index: 100;
	top: 0px;	
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.5);	
}

#header{
	position:relative;
}

#header .top .logo img{
	width:262px;
	height:226px;				
}

#header form{
	margin: 0px;
}

.dropdown-menu-language{
	width:100px;
	min-width: 100px;
}

.btn-current-language{
	font-size: 18px;
	color:#fff;
}

.dropdown-menu-language ul li{
	text-align: center;
}

.btn-white{
	background: #fff;
}

.mainmenu{
	
}	
.top .mainmenu ul{
	
}

.top .mainmenu ul li{
	
}

.top .mainmenu ul li a{
	font-size: 12px;
    color: #ffffff;
    font-weight: 400;	
	text-transform: uppercase;	
}
.top .mainmenu ul li a:hover, 
.top .mainmenu ul li.active a{
	color: #cccccc;				
}

.header-title a{
	color:#fff;
	font-size: 34px;
}

/* TOP SMALL */
#header.small{
	padding-top: 10px;
	padding-bottom: 10px;
}
#header.small .top .mainmenu ul li.menu-logo{
	width:116px;
	height:100px;
	background-size: cover;
	flex: 0 0 180px;			
}

#header.small .top .mainmenu ul li.menu-logo a{
	width:116px;
	height:100px;
}

#header.small  .top .mainmenu ul li.menu-logo a{
	font-size: 0px;
}

#header.small .top .mainmenu ul li a{
	font-size:20px;		
}

#header.small .top .mainmenu .NavContainer{
	
}

.logo.mobile{
	text-align: center;
}

.btn-open-header-panel {
	background: #fff;
	color: #000;
	border: 1px solid #fff;
	border-radius: 7px;
	text-align: center;
	padding: 0px 7px 0px 7px;
	cursor: pointer;
	height: 50px;
	width: 50px;
	line-height: 50px;
}

.mobile-row{
	justify-content: space-between;
}

#header-mobile-panel {
	background: rgba(245, 124, 0, 1);
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	display: none;
	padding: 10px;
}

.btn-close-header-panel {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #fff;
	color: rgba(245, 124, 0, 1);
}

.mobile-header-menu{

}

.mobile-header-menu .NavContainer ul.ModNav li{
	display: block;
	float: none;
	margin-bottom: 2px;
}

.mobile-header-menu ul li a{
	display:block;
	background: #fff;
	padding: 10px;
	text-align: center;
	
}

.mobile-header-menu-offer{
	/*margin-top: 25px;*/
}

.mobile-header-menu ul li.main-menu-item a{
	background: rgba(245, 124, 0, 1);
	color:#fff;
	font-weight: 700;
	font-size: 18px;
}

.header-contacts{
	margin-top: 15px;
	margin-bottom: 10px;
}

.top-contact{
	display: inline-flex;
  	align-items: center; 
	border-radius: 12px;
	padding-left: 0px;
	padding-right: 15px;

	color:#000;
}

.top-contact-image,
.top-contact-content{
	display: flex;
  	align-items: center; 
}

.top-contact-image {
	flex: 1; 
}

.top-contact-content {
	flex-shrink: 0;
}

.top-contact-image img{
	max-width: 40px;
	height: auto;
	opacity: 0.7;
}
.mobile-header-conact{
	margin-top: 25px;
}
.mobile-header-conact .top-contact{
	align-items: center; 
	color:#fff;
	font-size: 18px;
}

.mobile-header-conact  img{
	filter: invert(1);
	opacity: 1;
}

/* HEADER OFFER */
.header-offer{
	min-width: 300px;
}
.header-offer ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}

.header-offer .NavContainer ul.ModNav{
	float: none;
}
.header-offer .NavContainer ul.ModNav li{
	display: block;
	float: none;
}

.header-offer ul li a{
	color:#000;
	font-size: 14px;
	font-weight: 400;
}

.header-offer ul li.main-menu-item a{
	font-size: 16px;
	font-weight: 700;
}

.header-offer ul li.menu-item-margin{
	margin-top: 20px;
}


@media all and (max-width: 767px){	
	#header{
		padding-top: 10px;
	}
	
	#nav-menu .NavContainer ul.ModNav li{
		float:none;
		text-align:center;			
	}
	#nav-header{
		text-align: center;
	}
	.nav-header-name{
		float:left;	
		padding-top:10px;	
		padding-left:15px;		
	}
	.nav-heade-btn{
				
	}
	#menuToggle{
		font-size:24px;			
	}

	.top-page{
		padding-bottom: 10px;
	}

	.top .mainmenu ul{
		display: block;
	}

}

.height-100{
	height: 100%;
}

/* #### HEADER ADD */
.header-add-container{
	display:flex;
	height: 100%;
}
.header-add-cell{
	color:#fff;
	background: #d36a00;
	text-align: center;	
	display:flex;
	height: 100%;
	padding: 10px;
	width:100px;
	justify-content: center;
}
.header-add-icon i{
	font-size: 48px;
}
.header-add-cell a{
	color:#fff;
}
.header-add-cell a:hover{
	color:#ddd;
}
.header-add-cell p{
	margin-bottom: 0px;
}
@media all and (max-width: 1000px){
	.header-add-cell{
		width: auto;
		color:#fff;
		background:none;
	}	
	.header-add-cell a{
		color:#fff;
	}	
	.header-add-icon{
		display: inline-block;
	}	
	.header-add i{
		font-size: 34px;
	}
	.header-add p{
		display: table-cell;
		vertical-align: middle;
	}
}


/* #### HEADER ACOUNT */
.header-account-container{
	display:flex;
	height: 100%;
}
.header-account-cell{
	color:#f57c00;
	background: #fff;
	text-align: center;	
	display:flex;
	height: 100%;
	padding: 10px;
	width:100px;
	justify-content: center;
}
.header-account-icon i{
	font-size: 48px;
}
.header-account-cell a{
	color:#f57c00;
}
.header-account-cell a:hover{
	color:#555;
}
.header-account-cell p{
	margin-bottom: 0px;
}
.padding-0{
	padding-left: 0px;
	padding-right: 0px;
}
@media all and (max-width: 1000px){
	.header-account-cell{
		width: auto;
		color:#fff;
		background:none;	
	}	
	.header-account-cell a{
		color:#fff;
	}	
	.header-account-icon{
		display: inline-block;
	}	
	.header-account-cell i{
		font-size: 34px;
	}
	.header-account-cell p{
		display: table-cell;
		vertical-align: middle;
	}
}

/* #### HEADER LANGUAGES */
#header .header-languages-cell{
	width: 100px;
	color:#fff;
	text-align: center;	
	border-left: 1px #d36a00 solid;
}
#header .header-languages-cell a,
#header .header-languages-cell button{
	text-transform: uppercase;
}
#header .btn-header-current-language{
	background: none;
	border:none;
	font-size: 18px;
	color:#fff;
	padding: 0px;
}
#header .btn-header-current-language.focus, 
#header .btn-header-current-language:focus {
    outline: 0; 
    box-shadow: none; 
}
#header .header-languages-container .dropdown-menu {
    position: absolute;
    z-index: 1000;
    float: left;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
#header .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
	border: 0;
	font-size: 16px;
}
#header .header-languages-container .dropdown-menu {
	min-width: 61px;
	padding: 0px;
	background: #fff;
}
#header .header-languages-container .dropdown-item{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;	
}
#header ul.ModNav .dropdown-menu {
    position: absolute;
    z-index: 1000;
    padding: 10px;
    background: #f57c00;
	min-width: 200px;
	top:90%;
}


/* #### HEADER MENU */
#header .header-menu{
	margin-top: 38px;
	margin-right: 15px;
}
#header .header-menu .NavContainer ul.ModNav li{
	display: block;
}

#header .header-menu .NavContainer ul.ModNav li a{
	color:#fff;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
}
#header .header-menu .NavContainer ul.ModNav li a:hover,
#header .header-menu .NavContainer ul.ModNav li.active a{
	color:#ddd;
}
.DropDown{
	position: absolute;
	z-index: 1000;
	padding: 10px;
	background: #f57c00;
	min-width: 200px;
}
#header .header-menu .NavContainer ul.dropdown-menu{
	
}
#header .header-menu .NavContainer ul.dropdown-menu li{
	display: block;
	float: none;
}

#header-mobile-panel .ModNav{
	float:none;
}

@media all and (max-width: 1000px){
	#header .header-menu{
		margin-top: 0px;
		margin-right: 0px;
	}
	#header .header-menu .NavContainer ul.ModNav{
		display: block;
		text-align: center;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	#header .header-menu .NavContainer ul.ModNav li{
		float: none;
		display: inline-block;
		text-align: center;
	}
}
/* #################################### */
/* #### HOME TITLE
/* #################################### */
.home-title{
	margin-bottom: 25px;
	text-align: center;
}

.home-title h3{
	text-align: center;
}

.home-title a{
	display: inline-block;
	padding: 7px 15px 7px 15px;
	border-radius: 7px;
	background: #f57c00;
	color:#fff;
	text-decoration: none;
}

/* #################################### */
/* #### BANERS ADDS
/* #################################### */
.baners{

}

.baners img{
	max-width: 100%;
}

.baners-bottom{
	margin-top: 40px;
}

/* #################################### */
/* #### MENU CATEGORIES
/* #################################### */
#header .header-categories-logo{
	display: none;
}
#header .header-categories{
	padding: 0px;
	height: 50px;
	background: rgba(255, 255, 255, 0.95);
}
#header.small .header-categories{
	position: fixed;
	top:0px;
	left: 0px;
	right: 0px;
	z-index: 1000;
	-webkit-box-shadow: 0 0 15px 0 #828282;
	box-shadow: 0 0 15px 0 #828282;
}
#header .header-categories-logo{
	float: left;
}
#header.small .header-categories-logo{
	margin-right: 25px;	
	display: block;
}
#header .header-categories-mobile{
	display:none;
}
.header-categories-vav{
	margin-top: 10px;
}
.header-categories-menu ul li,
.header-categories-menu ul li a{
	font-size:18px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 300;
	color:#f57c00;
	margin: 0 0 0 1px;
	padding: 5px 10px 3px 10px;
	display: block;
}
.header-categories-menu ul li a:hover,
.header-categories-menu ul li.active a{
	background: #f57c00;
	color:#fff;
}

.header-categories-menu ul li{
	margin: 0px;
	padding: 0px;
}

.cmenu-dropdown {
	position: relative;
	cursor: pointer;
}

ul#cmenu-submenu{
	position: absolute;
	right: 0px;
	min-width: 300px;
	padding: 10px;
	background: #fff;
	text-align: left;
	display: none;
	z-index: 100;
}
.cmenu-dropdown:hover ul#cmenu-submenu{
	display:block;
}
ul#cmenu-submenu li{
	float: none;
}

#cmenu-list li.cmenu-dropdown span{
	display: block;
	padding-top: 7px;	
	width: 35px;
	text-align: right;
}

ul#cmenu-submenu li a{
	text-align: left;
	display: block;
	font-size: 16px;
}

#cmenu-list-mobile{
	list-style: none;
	padding: 0;
	margin: 0px;

}

#cmenu-list-mobile li{
	margin-bottom: 2px;
}


@media all and (max-width: 1000px){
	#header .header-categories-menu{
		float: none;
		text-align: center;
		position: relative;
	}
	#header.small .header-categories-mobile{
		float:right;
	}
	#header .header-categories-mobile{
		display: inline-block;
		text-align: center;
	}
	.header-categories-vav{
		display: none;
	}
	#header .menu-label{
		height:50px;
		display: table-cell;
		vertical-align: middle;
		font-size: 18px;
		width:100px;
	}
	#header .menu-open{
		height:50px;
		display: table-cell;
		vertical-align: middle;
		font-size: 36px;
		width:100px;
		cursor: pointer;
	}
	#header .header-categories-vav{
		background: #fff;
		position: absolute;
		z-index: 100;
		left: 0px;
		right: 0px;
		top:50px;
	}
	#header ul li{
		display: block;
		text-align: center;
		float: none;
	}
}

/*#############################################*/
/* LOGOS CAROUSEL */
/*#############################################*/
.carousel-separator{
	background:#F57C00;
	height:8px;	
	-webkit-border-radius: 4px;
	border-radius: 4px;			
}
/*#############################################*/
/* Bottom Mods */
/*#############################################*/
.bottom-mods h3{
	font-size: 24px;
	line-height: 34px;
	font-weight: normal;
	color: #616161;					
}


/*#############################################*/
/* Messages */
/*#############################################*/
.bau-alert{
	padding:20px;
	clear:both;	
	line-height:30px;
	margin:20px 0 20px 0;			
} 
.bau-alert ul{
	list-style:none;
	margin:0;
	padding:0;							
}
.bau-alert ul li{
	background:none;
	padding-left:45px;				
}
.bau-alert span.alert-icon{
	float:left;
	font-size:36px;
}
.bau-alert-success{
	background:#f1f8e9;
	color:#558b2f;
	border:1px #558b2f solid;				
}
.bau-alert-error{
	background:#ffebee;
	color:#d0021b;
	border:1px #d0021b solid;				
}
.bau-alert-info{
	background:#D9EDF7;
	color:#31708f;
	border:1px #bce8f1 solid;				
}

/*#############################################*/
/* Price table */
/*#############################################*/
.prices-table{
	font-size:12px;	
	min-width:652px;			
}
.prices-table tr{
	border-bottom:1px #ddd solid;				
}
.prices-table td{
	padding:10px;
	background:#eee;
	border-right:1px #555 solid;				
}
tr.price_head td{
	font-weight:bold;	
	font-size:18px;			
}
tr.paket_choice td a{
	display:block;
	color:#fff;
	background:#F57C00;	
	padding-top:10px;	
	padding-bottom:10px;		
}
tr.paket_choice td a:hover{
	background:#333;				
}
/*#############################################*/
/* File Menager */
/*#############################################*/

.images_explorer{
	background:#f6f6f6;
	margin:0 0 5px 0;
	border-top:2px #bdbdbd solid;
	padding:20px;				
}
.item-thumb-panel{
	background:#fff;
	border:1px #bdbdbd solid;
	padding:10px;
	-webkit-box-shadow: 1px 1px 3px 0 #808080;
	box-shadow: 1px 1px 3px 0 #808080;	
	margin-top:5px;
	margin-bottom:5px;			
}
.images_explorer .btn-group{
	margin:10px 0 0 0;					
}
.ex_file_img{
	height:100px;				
}
.upload_panel{
	background:#F57C00;	
	color:#fff;	
	padding:10px;		
}
/*#############################################*/
/* Contact */
/*#############################################*/

.ContactForm textarea{
	height:200px;
	border:none;
}
/*#############################################*/
/* Rating */
/*#############################################*/
.baurad-rating{
	padding:10px 0 10px 0;				
}
.baurad-rating .rating-stars{
	color:#a9012d;		
	margin-left:5px;		
}
.baurad-list-items .baurad-rating{
	margin-left:15px;
	padding-top:0px;			
}
/*#############################################*/
/* Comments */
/*#############################################*/
.comment-sort-option button.comment-sort-btn{
    background: none;
    outline: none;
}
.comment-sort-option button.comment-sort-btn:hover, .comment-sort-option button.active{
    color:#F57C00;
}



#lang-btns  button.btn-language span.active{
	border-bottom:1px #F57C00 solid;			
}



@media all and (max-width: 1024px){
	.logo{
		text-align:center;			
	}
	.col-logo{
		float:none;
	}
	.mobile-user-nav{
		position:relative;
		height:60px;			
	}
	.mobile-user-nav .ModNav{
		float:none;
		margin:20px 0 0 0;			
	}
	.mobile-user-nav .ModNav .btn-group{
		margin:0 auto 0 auto;
		display:block;
	}
	.mobile-user-nav .btn-group a, .mobile-user-nav .btn-group .btn-group, .mobile-user-nav .btn-group button.btn{
		width:25%;
		display:block;			
	}
	.mobile-user-nav .btn-group button.btn{
		width:100%;			
	}
	#lang-btns  button.btn-language{
		width:50%;
		display:block;	
		float:left;		
	}

	.dropdown-language{
		min-width:160px;
	}
	
	.mobile-user-nav .btn-group .nav-add-company{
		display:block;	
		float:none;	
		margin-top:30px;
		clear:both;	
		width:100%;
	}
	.mobile-nav-toggle{
		text-align:center;
		padding:0px;			
	}
	
	.mobile-nav-toggle button{
		display:block;
		background:#616161;	
		width:100%;		
		padding:5px;
		color:#fff;
	}
	.mobile-nav-container{
		background:#616161;
		padding:15px;
		display:none;			
	}
	.mobile-nav-container .NavContainer ul.ModNav{
		float:none;			
	}
	.mobile-nav-container .NavContainer ul.ModNav li{
		display:block;
		float:none;			
	}
	.mobile-nav-container .NavContainer ul.ModNav li a{
		display:block;	
		color:#fff;		
	}
	.mobile-nav-container .NavContainer ul.ModNav li a:hover, .mobile-nav-container .NavContainer ul.ModNav li.active a{
		background:	#F57C00;		
	}
}

