html, body{
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0 0!important;
	background-color: #fff;
	background-image:url("../../images/background.png");
	background-repeat:repeat;
}

.footer a{
	color:white;
}

.navbar-fixed-top{
  border: 0;	
height:60px;
background:#c30c15;
!background:transparent;
!box-shadow: 0 2px 4px 0 rgba(115,115,115,.7);
} 

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

.navbar-brand{
margin-left:-20px;	
width:160px;
height:70px;
}



.navbar-default .navbar-toggle .icon-bar{
	background-color:white;
}

.navbar-default .navbar-toggle {
    border-color: #c30c15;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #c30c15;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}


.navbar-nav {
    margin: 0px -15px;
	background:#c30c15;
}

.collapse.navbar-collapse.navbar-ex1-collapse{
	!margin-right:100px;
}

.navbar-custom-scrolled{
	display:none
}

@media (min-width: 768px){
	.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 15px;
	}
	
	.footer{
	position:abslute;
	left:0;
	bottom:0;
	width:100%;
	float:left;
	margin-top:60px;
	!background:#fff;
	min-height:60px;
	height:auto;
	}
	
	.book_holder{
		height:350px;
	}
	
	.borito_holder{
		min-height:168px;
	}
	
}

@media (min-width: 992px){
	
		.borito_holder{
		min-height:263px;
	}
	
	.book_holder{
	height:400px;
}
}

.profile-pic{
position:abslute;
margin-top:-65px;
border:2px solid #fff;
width:50px;
height:50px;
}
}
 
@media (max-width: 768px){

.navbar-fixed-top{
border: 0;	
height:60px;
background:#c30c15;
!background:transparent;
padding:5px 0px;
box-shadow: 0 2px 4px 0 rgba(115,115,115,.7);
} 

.book_holder{
	height:350px;
}

.navbar-brand{
	
width:140px;
height:55px;
}

.collapse.navbar-collapse.navbar-ex1-collapse{
	margin-right:-15px;
}

.navbar-nav {
    margin: 0px -15px;
	background:#c30c15;
}
	
.pull-right {
     float: none!important;
}

.profile-pic{
position:fixed;
z-index:2;
top:10px;
right:70px;
width:40px;
height:40px;
border:2px solid #fff;
}


}

.social{
	margin-top:30px;
	margin-left:5px;
	margin-right:5px;
	display:inline-block;
	
}



body {
  padding: 20px 0;
}



.nagyobb{
	font-size:16px;
	margin-top:120px;
}


.form {
  padding: 20px;
}

.fa{
color:white;
font-size:36px;	
}

.fa-dice{
	color:#c30c15
}



.apply{
	background:#c30c15;
	border:1px solid #c30c15;
	border-radius:6px;
	padding:15px;
	font-size:20px;
	color:white;
	
}
.apply:hover{
	color:#c30c15;
	background:white;
	text-decoration:none;
	text-decoration:none;
}

.copy{
	color:#c30c15;
	margin-top:20px;
	margin-bottom:15px;
	!background:#fff;
	padding:15px;
	background:#fff;
}




/* CONTENT*/

.first-row{
	margin-top:90px;
}

.margintop15{
	margin-top:15px;
}

.margintop30{
	margin-top:30px;
}

.margintop45{
	margin-top:45px;
}

.margintop60{
	margin-top:60px;
}

.margintop75{
	margin-top:75px;
}

.img-holder {

height:100%;
  margin-top:15px;dash
  margin-top:15px;
  margin-bottom:15px;
  transition: transform 0.3s;
}

.img-content{
	width:100%;
	max-width:180px;
	height:165px;
	max-height:180px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;

}

.img-holder:hover{
transform:scale(1.05) 
}

.upload-btn{
background:#c30c15;
border:1px solid #c30c15;
color:white;
padding:15px;	
text-decoration:none;
}

.upload-btn:hover{
border:1px solid #c30c15;
color:#c30c15;	
background-color:white;	
text-decoration:none;
}

.imgUploaded{
	margin-top:-140px;
}


.field{
	height:45px;
	font-size:16px;
}

.fa-upload{
	color:black;
	margin-top:15px;
}

/* CONTENT-END*/

/* ADMIN  */


.header_row{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	background:#e6e6e6;
	font-weight:bold;
}

td{
	padding:5px;
}

.vendeg_lista td {
	padding:15px;
	border-bottom:1px solid #e6e6e6;
	box-sizing:border-box;
}

tr:hover{
	background-color:#eaedf2;
}

.dark-link, .dark-link i{
color:black;
}

.img_options{
	width:100%;
	min-height:100px;
	border-bottom:1px solid #bababa;
	border-left:1px solid #bababa;
	border-right:1px solid #bababa;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
}

.img-title{
	display:block;
	height:60px;
}

.img_options .fa-eye{
	color:green;
	font-size:36px;
}

.img_options a{
cursor:pointer;
display:inline-block;
width:50%;
box-sizing:border-box;
}

.img_options .fa-eye-slash{
		color:red;
		font-size:36px;
}

.img_options .fa-thumbs-down{
	color:red;
	font-size:36px;
}

.img_options .fa-thumbs-up{
	color:green;
	font-size:36px;
}

.img_options .fa-facebook-official{
	color:#3b5998;
	font-size:16px;
}


.uploader{
	margin-top:15px;
	width:100% !important;
}

.trash{
	position:absolute;
	right:20px;
	top:5px;
	border-radius:20px;
	width:40px;
	height:40px;
	background:white;
	display:block;
	padding:5px;
}

.trash  i{
	!position:absolute;
top:5px;
right:20px;
color:red;
}

/* szavazás/könyvek */

.borito{
	border:2px solid lightgrey;
}




hr{
    border-top: 1px solid #b7b7b7;
	margin-top:10px;
}

.book_holder{
		!height:500px;
		float:left;
	}

.book_title{
	height:60px;
}

.book_title>h5{
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.szavazas_holder{
position:absolute; 
margin-top:5px;
margin-left:5px;
background-color:#fff;
border-radius:50%;
border:2px solid #c30c15;
padding-top:9px;
width:45px;
height:45px;
box-sizing:border-box;
cursor:ponter;
}

.question{
	font-size:32px;
	color: #585858;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	background:#EFEFEF;
	border-radius:10px;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #585858;
}



.label_button {
    float:left;
    width:170px;
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;      
}

.label_button span {
    text-align:center;
    font-size: 32px;
    padding:13px 0px;
    display:block;
}

.label_button input {
    position:absolute;
    top:-20px;
}

.label_button  input:checked + span {
    background-color:#404040;
    color:#F7F7F7;
}


#answers label {
    width:auto;
	min-width:100%;
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #989898;
    overflow:auto;
	cursor:pointer;
    height:100%;
}

#answers label span {
    text-align:center;
	width:100%;
    font-size: 20px;
    padding:15px 0px;
    display:inline-block;
}

#answers label input {
    position:absolute;
    top:-9999999px;
}

#answers input:checked + span {
    background-color:#f3a80a;
    color:#F7F7F7;
	height:100%;
}

.send_btn{
	background:#c30c15;
	color:white;
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:24px;
	border:1px solid #c30c15;
	border-radius:5px;
	min-width:200px;
}

.send_btn:hover{
	color:#c30c15;
	background:white;
	text-decoration:none;
	border:1px solid #c30c15;	
}


.cewe_btn{
	!display:block;
	color:white;
	background:#c30c15;
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;
	border:1px solid #c30c15;
	border-radius:5px;
	text-transform:uppercase;
	font-size:20px;
	width:auto;
}

.cewe_btn:hover{
	color:#c30c15;
	background:white;
	text-decoration:none;
	border:1px solid #c30c15;	
}

.brill{
	position:absolute;
	right:0;
}

.kupon-holder{
	padding:30px;
	border:2px dotted black;
	background:#fff;	
}

.text-holder{
	padding:30px;
}

.coupon_code{
	font-family:"Open-sans", Courier, monospace;
}

.form_holder{
	background:#fff;
	padding:30px;
	border: 2px solid #d8d4d0;
	border-radius:30px;
	margin-top:60px;
}

#InputEmail{
	border-radius:15px;
	padding:15px;
	height:45px;
	margin-top:15px;
	font-size:16px;
}

.kviz_cim{
	color:#c30c15;
	font-family: 'Open Sans', sans-serif;
}

.answer_holder{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}