/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }

html { overflow-y: scroll;}
 

/*---------------------------------------
 GENERAL             
-----------------------------------------*/
body { 
    color: black;
    direction: ltr;
    line-height: 1.5;
    background: #ffffff;
    font-family: sans-serif;
}

.uvodne_linky {
	text-align: center !important;
}

.uvodne_linky a {
	color: #a1a1a1 !important;
}

.glyphicon.uvod, .icon.uvod {
	font-size: 100px;
	color: #0b4ea7;
}

.glyphicon.uvod2, .icon.uvod2 {
	font-size: 100px;
	color: #9c090f;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff url('/user_files/grafika/preloader.gif') no-repeat center center;
    z-index:1234;
    overflow: auto;
}


#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75) url('/user_files/grafika/preloader.gif') no-repeat center center;
    z-index: 10000;
}


#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.9);
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}



        
        

.jump {
	position: relative;
	height: 120px;
}

img, a img {
    margin: 0;
    margin-bottom: 20px;
    width: auto !important;
    height: auto !important;
}

img.none {
    margin: 0;
}

img.frm, a img.frm, table td img.frm, table td a img.frm {
    width: auto !important;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 50px !important;
}

#lightbox #lbContent{
	display:block;
	width: 280px;
	height: 280px;
	border: 10px solid white;
}



table {
	width: 100% !important;
	border: none !important;
	border: 1px solid #e5e5e5 !important;
}

table th {
    background: #286090;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle !important;
    border: 1px solid #e5e5e5;
}
    th.op {
		background: #fff;
		color: #000;
		font-weight: normal;
	}

table td {
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: transparent;
    vertical-align: middle !important;
    border: 1px solid #e5e5e5;
}

table.table tr {
    padding: 10px !important;
    background: transparent;   
}

table tr:nth-child(odd) td {
    background: #fff !important;
}
table tr:nth-child(even) td{
    background: #eff1f2 !important;
}

fieldset 
{
	border: 1px solid #ddd !important;
	margin: 0;
	xmin-width: 0;
	padding: 10px;       
	position: relative;
	border-radius:4px;
	background-color: white;
	padding-left: 10px!important;
}	
	
	legend
	{
		font-size:14px;
		font-weight:bold;
		margin-bottom: 0px; 
		width: 50%; 
		border: 1px solid #ddd;
		border-radius: 4px; 
		padding: 5px 5px 5px 10px; 
		background-color: #ffffff;
        text-align: left;
	}
	
	label 
	{
		font-weight: normal;
		text-align: center;
	}
  
h1, h2, h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-weight: normal;
    line-height: 1.5;
    color: #9c090f;
    font-size: 250%;
}

    h1 span {
    	color: #a8acaf;
      font-size: 70%;
    }

h2 {
    font-size: 200%;
}
h3 {
   color: #000000;
   font-size: 160%
}
h4 {
	color: #ac7b35;
	font-size: 150%;
}

ol, ul { 
	list-style: disc; 
	margin: 0;
}

ul li, ol li { 
	margin: 0;
	margin-left: 30px;
	padding: 0;
}


.pagination {
	margin-left: 200px;
}
ul.pagination li { display: inline; margin: 0; padding: 0; }

ul.pagination li a {
    margin: 0; /* 0 is for top and bottom. Feel free to change it */
    color: black !important;
}

ul.pagination li.active a {
    color: white !important;
}

   
a {
	color: #337ab7 !important;
	text-decoration: none;
}

a.blue {
	color: #00b0ca !important;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.old {
	color: #8e8e8e !important;
	text-decoration: line-through !important; 
}

.male_pismo {
	font-size: 85%;
}

.male_pismo span {
	color: #b0b0b0;
}


#logo {
     margin: 0;
     padding: 0;
     float: left;
     width: 70px;
     height: auto;
     text-align: left;
}
    #logo img, #logo a img {
        border: none;
        height: 70px !important;
        width: auto !important;
    }
    header.smaller #logo img, header.smaller #logo img a {
        border: none;
        height: 70px !important;
        width: auto !important;
    }
    header.smaller #cssmenu {
      margin-top: 35px;
    }

.text {
        float: right;
        margin-top: 20px;
        width: 600px;
        height: 25px;
        border-bottom: #9e0b0f 1px solid;
        color: #827d7d;
        font-size: 90%;
        text-align: right;
    }
    .text-in {
        padding-left: 50px;
        padding-right: 80px;
     }

     header.smaller .text {
         display: none;
         visibility: hidden;
     }

.bg {
	background: #ebf0f4 !important;
}

.invisible-color {
	color: #ababab !important;
}


.container-fluid {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    background: #f5f5f5 !important;
}       
.container-fluid-white {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    background: #ffffff !important;
}

	.container-fluid-top {
	    padding-left: 30px;
	    padding-right: 10px;
	}
	
	.container-fluid-in {
	    padding: 30px;
      padding-left: 50px;
      padding-right: 50px;
	}
    .container-fluid1-in {
	    margin: 10px;
	}       
.container {
    
}
    .container-blue-collor {
        background: #2a3873;
    }
    .container-blue2-collor {
        background: #f4fafc;
        border-bottom: #e7f1f5 1px solid;
    }
    .container-white-collor {
        background: #ffffff;
    }
    .container-grey-collor {
        background: #ededed !important;
    }
    .container-red-collor {
        background: #9e0b0f;
        color: white;
        text-align: center !important;
    }
    .container-in {
        padding-left: 30px;
        padding-right: 30px;
    }
    .container-in-top {
        padding-top: 5px;
        padding-left: 30px;
        padding-bottom: 5px;
        padding-right: 30px;
    }
    .container-in-top a img, .container-in-top img {
        width: auto !important;
        height: 40px !important;
    }
    .container-in-banner {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 90px;
    }
    
    .container-footer-in {
        padding-top: 30px;
        padding-bottom: 30px;
    }
  
    .container-main-in {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
       
    }
    .container-main-uvod-in {
        margin-bottom: 30px !important;
        padding: 0px;
    }
    .container-in-main-contact {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 50px;
        padding-bottom: 50px;
        color: #ffffff !important;
    }
        .container-in-main-contact h2 {
            color: white;
        }


.thumbnail {
    
}
    .thumbnail.caption h3 {
        color: #3b3b3b !important;
        text-align: center;
    }
    .thumbnail h4 {
        text-align: center !important;
    }
    .thumbnail h4 a {
        color: #ac7b35 !important;
    }

img.img-covered {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-bottom: #9e0b0f 1px solid;
    background: #ededed;
}
   
.thumbnail img {
  margin: 0 !important;
  max-width: 100% !important;
  height: auto !important;
}





.col-md-1,.col-md-2,.col-md-3,.col-md-4,
  .col-md-5,.col-md-6,.col-md-7,.col-md-8, 
  .col-md-9,.col-md-10,.col-md-11,.col-md-12 {
    float: left;
    margin-left: -15px !important;
    margin-bottom: 10px !important;
  }

  .col-md-1 {
    width: 8%;
  }
  .col-md-2 {
    width: 16%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33%;
  }
  .col-md-5 {
    width: 42%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58%;
  }
  .col-md-8 {
    width: 66%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83%;
  }
  .col-md-11 {
    width: 92%;
  }
  .col-md-12 {
    width: 100%;
  }
  

.modal-dialog {
	margin-top: 200px;
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-header .close{margin-top:2px}


.fade {
    opacity: 1;
}

.partneri a img, .partneri img {
    margin: 0 20px 20px 20px !important;
}

.fb {
  display: inline-block;
  height: 76px;
  width: 60px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  z-index: 1000;
}

.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #555555 url('/user_files/grafika/cd-top-arrow.svg') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible 
  opacity: .5; */
}
.no-touch .cd-top:hover {
  background-color: #555555;
  opacity: 1;
}

.filter_initializon {
	display: none;
}

button.button_hide {
	display: none;
}





.prihlasenie {
    margin: auto;
    text-align: center;
	border: 1px solid #DDDDDD;
	width: 90%;
	background: #f7f7f7;
}
	.prihlasenie-in {
		padding: 30px;
    }


input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="url"],
textarea,
a.delete,
a.other,
a.other2,
a.insert {
    width: 100%;
    max-width: 100%;
    outline: none;
    padding: 10px 20px 10px 20px;
    margin: 0;
    border: 1px solid #DDDDDD;
    line-height: 30px;
    font-size: 100% !important;
    font-style: italic;
    background: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    text-align-last: left;
}

input.povinne, select.povinne {
	background: #ebf0f4 !important;
	border: 1px solid #880000;
}

select {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px 20px 10px 20px;
    background: white !important;
    border: 1px solid #DDDDDD;
    line-height: 30px;
    -moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}

input[type="number"],
input[type="date"],
input[type="time"] {
	width: auto !important;
}
input[type="checkbox"] {
    outline: none;
    padding: 10px 20px 10px 20px;
    margin: 0;
    border: 1px solid #DDDDDD;
    line-height: 30px;
    font-size: 110% !important;
}

input:focus,
textarea:focus {
    
}

input[type="submit"] {
    text-align: center !important;
}

input[type="tel"] {
	outline: none;
    padding: 10px 20px 10px 20px;
    margin: 0;
    border: 1px solid #DDDDDD;
    line-height: 30px;
    font-size: 100% !important;
    font-style: italic;
    background: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    text-align-last: left;	
}


.btn {
	color: white !important;
    text-align: center !important;
    text-transform: lowercase !important;
}
.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:visited,
.btn-default:focus {
	color: black !important;
}

.btn-secondary {
    background-color: #6a6a6a !important;
}

.alert{
    display: none;
    padding: 8px 35px 8px 14px;
    margin: 20px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



 * {box-sizing: border-box;}

/* Style the input container */
.input-container {
  display: flex;
  width: 100%;
  margin-bottom: 0;
}

/* Style the form icons */
.icon {
  padding: 20px;
  background: #dbdbdb;
  margin-right: 5px;
  min-width: 20px;
  text-align: center;
}

/* Style the input fields */
.input-field {
  width: 100%;
  outline: none;
}

.input-field:focus {

}



.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
  background: #ffffff;
  text-align: left !important;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: black;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #ffffff;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: black;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}






.obal {
    background: #767676;
	color: white;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	
}
.obal-in {
	padding: 15px;
}


.col-md-1, .col-md-4 {
	
}

.jumbotron h1, .jumbotron h2, .jumbotron h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-weight: normal;
    line-height: 1.5;
    color: #00b0ca;
    font-size: 150%;
}
.jumbotron h2 {
	color: #ac7b35;
	font-size: 120%;
}
.jumbotron.vertical-center {
  margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
  background: #dbdbdb;
  font-family: sans-serif;
}

.vertical-center {
  min-height: 100%;  /* Fallback for vh unit */
  min-height: 100vh; /* You might also want to use
                        'height' property instead.
                        
                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.
  
                        In this case the parent of '.vertical-center'
                        is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;
  
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;
  
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.container {
  background-color: white;
  text-align: center !important;
  font-size: 10px !important;
  width: 80% !important;
  font-size: 16px !important;
}

.container-in {
  padding: 30px;
}


#ftco-loader {
  position: fixed;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 1000; }

#ftco-loader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

#ftco-loader.show {
  -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
  transition: opacity .4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1; }

#ftco-loader .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

#ftco-loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round; }

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px; } }

@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px; } }



@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px),
only screen and (max-width: 768px), only screen and (max-device-width: 768px),
only screen and (max-width: 480px), only screen and (max-device-width: 480px),
only screen and (max-width: 320px), only screen and (max-device-width: 320x),
only screen and (max-width: 240px), only screen and (max-device-width: 240px)
{  
    .col-md-1, .col-md-4 {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        text-align: center !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }
    
    a.thumbnail {
        height: 60px !important;
        width: auto !important;
    }
    
    .container img {
        float: none !important;
        text-align: center !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
        max-width: 100% !important;
        height: auto !important;
    }    
}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px),
only screen and (max-width: 320px), only screen and (max-device-width: 320x),
only screen and (max-width: 240px), only screen and (max-device-width: 240px)
{  
   .navbar-header a, .navbar-header a img {
    	margin-top: 10px;
    	height: 30px !important;
   }
}



/* TELEFON */
.input-group > .intl-tel-input.allow-dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.input-group > .intl-tel-input.allow-dropdown > .flag-container {
	z-index: 4;
}

.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
    }
}