/* reset standard settings */
html, body{
	margin: 0;
	padding: 0;
	cursor:default;


}

p,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}

.goxa {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

@font-face{
	font-family: 'Lato Regular';
	src: url('/fonts/Lato-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Lato Bold';
	src: url('/fonts/Lato-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

a{
	text-decoration: none;
	color: #ffffff;
	transition: color 0.2s ease;
}

a:hover,a:focus,a:active{
	text-decoration: none;
	color: #fff012;
	transition: color 0.3s ease;
}

/* make useful classes */
.content{
	max-width: 1111px;
	margin: 0 auto;
}

.centered{
	text-align:center;
}

.clearfix{ clear:both; }

div#navbar{
	border:0;
	margin-top:0px;
	
}
.navbar-inverse .navbar-nav>li>a {
    color: #000000;
}
#navbar .navbar-header {
    min-height: 91px;
}
#customNav{
	float:right;
}
#customNav ul li a{
	font-family: Lato Bold;		
	background-color:#ffffff;
	font-size:14px;
	margin-left:5px;
	margin-right:5px;
	color: #222222;
	transition: all 0.2s ease;
	border-bottom: 2px solid transparent;
	padding-top:35px;
	padding-bottom:35px;
	
	
}

#customNav ul li a.quote{
		font-family: Lato Bold;
		background-color:#fff012;
		font-size:14px;
		text-decoration:none;
		border: 0px;
		
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 17px;
		padding-right: 17px;
		
		margin-top: 25px;
		margin-left: 30px;
		color:#fff;
		border-radius: 2px;
}

#customNav ul li a:hover{
	color: #fff012;
	border-bottom: 2px solid #fff012;
	transition: color 0.2s ease;
}
#customNav ul li a.quote:hover{
	color: #fff;
	border-bottom: 0;
	transition: all 0.2s ease;
	background: #1670b9;
}
div#preloader{
	position: fixed;
	z-index: 999999999;
	background: #1a1c27;
	width: 100%;
	height: 100%;
	display: table-cell;
}

	div#preloader div.content{
		height: 100%;
		padding-top: calc(60vh - 50px);
		text-align: center;
		font-size: 18px;
		color: #0193e3;
	}
	
.breadcrumb{
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style:none;
	background-color: #f5f5f5;
	border-radius: 10px;
	font-family: "Lato Bold";
}
.breadcrumb > li {
	display:inline-block;
}
.breadcrumb > li + li:before{
	padding: 0 5px;
	color: #cccccc;
	content:"/\00a0";
}
.breadcrumb > .active{
	color: #999999;
}
.breadcrumb li a{
color:#000;}
.breadcrumb li a:hover{
color:#fff012;}
	
	
.numeGal{
	color: #ffeb00;
	font-family: "Lato Bold";
	font-weight: bold;
	 text-shadow:      
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	font-size: 16px;
	display:inline;
 overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.numeGal:after{  content: " .........................................................................................................................................................................................................................................................................................->"}
.modal.and.carousel {
  position: fixed; 
}


@media (max-width: 768px){
	#customNav ul li a {
     padding-top: 0px;
     padding-bottom: 0px;
	 text-align:center;
	 margin-bottom:5px;
	 
}  
#customNav{ float:none;
box-shadow: 0px 6px 17px -8px #000;
}  
}
.icon-bar
{
    display:block;
    width:22px;
    height:2px;
    border-radius:1px;
    border:1px solid #444;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
    margin: 27px;
}
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.veziGal a{
		font-family: "Lato Bold";
		color:#000;
		
}
.veziGal a:hover{
		font-family: "Lato Bold";
		color:#fff012;
}
.veziGal {
	display:inline;
	float:right;
	flex-shrink: 0;
}

#cuprins{
	display: flex;
  justify-content: space-between;
      padding-bottom: 10px;
}
.modal-backdrop.in {
opacity:0;}
.modal-backdrop.fade{
opacity:0;}
 .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;
		color:#000;
    }
	
	.row {
		text-align:center;  
		padding:0 0 20px 0; 
	}
	.row h2 {
		font-family:Lato Bold; 
		font-weight:bold; 
		font-size:25px;
	}