@charset "utf-8";
/* CSS Document */
BODY {
	margin:0;
	padding:0;
	color:#fff;
	background-color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

INPUT {
	padding:0;
	margin:0;
	color:#333;
}

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

.ff1 {
	font-family: 'Crete Round', serif;
}
.bg_cover, .bg_cover2 {	
	background:#000 url(/images/poslovni-pokloni-100.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg_cover2 {	
	background:#000 url(/images/poslovni-pokloni-101.jpg) no-repeat center center fixed; 
}


.navbar  {
	background-color: rgba(0, 0, 0, 0.3);
}
.navbar-brand {
	width:150px;
	height:auto;
}
.navbar .navbar-nav {
	display: inline-block;
	vertical-align: top;
	padding:15px 0px;
}

.navbar .navbar-nav li a {
	font-family: 'Catamaran', sans-serif;
	font-weight: normal;
	color:#fff;
	font-size:18px;
	margin:0px 20px;
	padding:10px 0px;
}
.navbar .navbar-nav li a:hover {
	color:#fff;
}

.navbar .navbar-collapse {
	text-align: center;
}
.navbar > .container > .navbar-collapse  > .navbar-subp > li > a {
	margin:0 8px;
}
.navbar > .container-fluid > .navbar-collapse  > .navbar-subp > li > .nav_link_2,
.navbar > .container-fluid > .navbar-collapse  > .nav > li > .nav_link_2 {
	color:#bbb;
}
.content {
	margin-top:-70px;
}
.social {
	position:fixed;
	left:0;
	top:230px;
	background-color: rgba(0, 0, 0, 0.5);
	padding:10px;
}

a.fade_undl {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  
  -webkit-transition: border 500ms ease;
  -moz-transition: border 500ms ease;
  -ms-transition: border 500ms ease;
  -o-transition: border 500ms ease;
  transition: border 500ms ease; 
}
a.fade_undl:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.ttl {
	margin-top:10%;
	font-family: 'Catamaran', sans-serif;
}

.ttl_cat {
	margin-top:0px;
	font-family: 'Catamaran', sans-serif;
}

.shadow {
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.logo {
	position:absolute; left:0; top:0; width:150px; height:auto; margin:15px;
}
h1 {
	font-size: 6em;
	font-family: 'Radley', serif;
	
}
.ttl-bg {
	/*background-color: rgba(0, 0, 0, 0.5);*/
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8),rgba(0,0,0,0)); 
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8),rgba(0,0,0,0)); 
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8),rgba(0,0,0,0)); 
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8),rgba(0,0,0,0)); 
	padding:50px 0px 100px 0px;	
}
h1.cat {
	color:#fff;
	font-size:5em;
}
.subttl {
	font-size: 1.3em;
	color:#ddd;
	margin-top:15px;
}

.subp_mar {
	margin-top:100px;
}

.prod_cont {
	margin-top:20px;
	background-color: rgba(49, 42, 37, 0.8);
	color:#333;
	padding:20px 30px 20px 20px;
	
}


.prod-box {
	margin-bottom:20px;
	padding-right:5px;
}

.prod-box-img {
	background-color:#fff;
	}
.prod-box-img a {
	cursor:pointer;
	}
	
.prod-box-body {
	text-align:left;
	background-color:#fff;
	border:1px solid #ddd;
	padding:15px;
	font-family: 'Crete Round', serif;
	}
	

.prod_ttl {
	float:left;
	font-size:20px;
	
}
.prod_prc {
	font-size:18px;
	font-weight:bold;
	color:#333;
}

.prod_prc span{
	font-size:11px;
	font-weight:bold;
	color:#999;
}
.clear {
	clear:both;
	font-size:1px;
}
.modal-title {
	color:#333;
	font-size:28px;
}
.modal-subtitle {
	font-weight:600;
	color:#333;
	font-size:14px;
}
.modal-body {
	font-size:14px;
	color:#666;
	line-height:20px;
}
.modal-img {
	margin:0 auto;
}

.note {
	color: #aa0303;
}

.modal-body h4{
	margin-top:10px;
	margin-bottom:15px;
}

.modal-body hr {
	height:1px; 
	border-bottom:1px solid #ccc;
}

.btn_order,
.btn_close{
	color:#fff;
	background-color:#aa0303;
	opacity:0.8;
	border:0px;
	width:100%; 
	padding:8px 0px; 
	font-size:16px;
}
.btn_order:hover{
	color:#fff;
	background-color:#aa0303;
	opacity:1;
}
.btn_close{
	background-color:#fff;
	color:#555;
	border:1px solid #ccc;
	margin-top:10px;
}
.art_circ {
	cursor:pointer;
	opacity:0.9;
}
.art_circ:hover {
	cursor:pointer;
	opacity:1;
}

.art_circ img{
	width:40px;
	height:40px;
}
.modal-backdrop.in {
	opacity: 0.8;
}

.form_error {
	color:red;
}
.contact {
	text-align:left;
	font-size:15px;
	color:#fff;
	line-height:35px;
}
.contact span{
	font-size:20px;
}

.ord_qnt {
	width:90px; 
	margin-left:10px; 
	padding:8px; 
	border:1px solid #ddd; 
	color:#333; 
	font-size:16px;
	margin-bottom:10px;
	text-align:center;
}

.logo_content {
	width:120px; 
	height:auto;
}

/*

.center-row {
	display:table;
}
.center {
	display:table-cell;
    vertical-align:middle;
    float:none;
}
*/
/*
.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
}
*/
/*.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}*/


@media (min-width: 768px) {
.fnav_new_width {
 width:1400px !important; 
 }
}
@media (max-width: 640px) {
	
	.logo {
		display:none;
	}
	
	.bg_cover2 {	
		background:#000 url(/images/poslovni-pokloni-101.jpg) no-repeat top center fixed; 
	}
	.subttl_main {
		font-size:1.1em;
		height:100px;
		}
	
	.navbar {
		position:fixed;
		top:0;
		width:100%;
		z-index:1000;
	}
	.navbar-brand {
		display:block;
	}
	.navbar-fixed-bottom {
		position:fixed;
		top:0;
		height:52px;
		border-bottom:1px solid #fff;
	}
	.collapsing, .in {background-color: #000; opacity:0.8}
	.collapsing ul li a, .in ul li a {color: #fff!important;}
	.collapsing ul li a:hover, .in ul li a:hover {color: #fff!important;}
	
	.content {
		margin-top:-100px;
	}
	h1 {
	font-size: 3em;
	margin-top:20px;
	}
	
	h1.main {
		margin-top:-10px;
		margin-bottom:50px;
	}

	
	.navbar-brand {
	width:94px;
	height:auto;
	}
	.modal-img {
	margin-left:0px;
	margin-top:10px;
	}
	
	
	.modal-body h4{
	margin-top:10px;
	margin-bottom:20px;
	
	}
	
	.social, .logo_content {
	display:none;	
	}

	
}