@import url(../../../font-awesome/4.6.3/css/font-awesome.min.css);
@import url(////fonts.googleapis.com/css?family=roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(material-design.css);
@import "animate.css";
/*========================================================
                      Main Styles
=========================================================*/
.badge {
  background: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 991px) {
  .clearboth {
    clear: both;
  }
}
.mg-add {
  margin-top: 200px;
}max-width
h5 + time {
  color: #565f61;
  display: block;
}
* + h5 + time {
  margin-top: 13px;
}
/*========================================================
                   Main Layout
=========================================================*/
* + .row {
  margin-top: 69px;
}
@media (max-width: 1199px) {
  * + .row {
    margin-top: 30px;
  }
}
.row + * {
  margin-top: 50px;
}
.row + .row {
  margin-top: 25px;
}
* + .p__mod {
  margin-top: 23px;
}
* + .btn {
  margin-top: 30px;
}
h2 + p {
  margin-top: 45px;
}
.row + .btn {
  margin-top: 50px;
}
* + h5 {
  margin-top: 20px;
}
* + .offs {
  margin-top: 60px;
}
h2 + img {
  margin-top: 70px;
}
h2 + .index-list {
  margin-top: 68px;
}
h2 + h5 {
  margin-top: 70px;
}
img + h5 {
  margin-top: 16px;
}
* + p {
  margin-top: 10px;
}
p + .marked-list2 {
  margin-top: 66px;
}
.marked-list2 + p {
  margin-top: 64px;
}
h2 + h5,
h2 + .block-icon,
h2 + .blockquote2 {
  margin-top: 70px;
}
@media (max-width: 1199px) {
  h2 + h5,
  h2 + .block-icon,
  h2 + .blockquote2 {
    margin-top: 30px;
  }
}
.row + .offs {
  margin-top: 75px;
}
@media (max-width: 1199px) {
  .row + .offs {
    margin-top: 30px;
  }
}

.row + .nom {
  margin-top: 10px;
}

header {
    background: #f84239;
}
/*=======================================================
                        Components
=========================================================*/
/*==================      HR      =======================*/
.hr__mod {
  display: inline-block;
  background: #31383a;
  border: none;
  height: 1px;
  width: 100%;
}
/*==================      Rate      =====================*/
* + .rate {
  margin-top: 7px;
}
.rate .fa-star,
.rate .fa-star-o {
  font-size: 12px;
  color: #fff;
}
.rate .fa-star:hover,
.rate .fa-star-o:hover {
  color: #f73a4c;
}
.rate a + a {
  margin-left: -3px;
}
.rate .act {
  color: #f73a4c;
}
/*==================     Block-icon    ==================*/
.block-icon {
  position: relative;
  padding-left: 101px;
}
.block-icon .icon {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 71px;
  height: 71px;
  line-height: 71px;
  left: 0px;
  top: 4px;
  background: #f73a4c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.block-icon + .block-icon {
  margin-top: 78px;
}
.block-icon .fa:before {
  font-size: 36px;
  line-height: 71px;
}
.block-icon:hover .icon {
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/*==================  Contact List  ====================*/
.contact-list {
  display: inline-block;
}
.contact-list address {
  line-height: 30px;
}
.contact-list dl {
  margin-top: 0;
  margin-bottom: 0;
  width: 270px;
  color: #b1b6b8;
}
.contact-list dl:before,
.contact-list dl:after {
  content: " ";
  display: table;
}
.contact-list dl:after {
  clear: both;
}
.contact-list dl:before,
.contact-list dl:after {
  content: " ";
  display: table;
}
.contact-list dl:after {
  clear: both;
}
.contact-list dl dt {
  float: left;
  padding-right: 20px;
}
.contact-list dl dd {
  float: right;
  margin-right: 8px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.contact-list dl dd a[href^="mailto:"]:hover {
  color: #f73a4c;
}
.contact-list dl dd a:hover {
  color: #f73a4c;
}
.contact-list address + dl {
  margin-top: 11px;
}
* + .contact-list {
  margin-top: 42px;
}
/*==================      Box      ======================*/
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
}
.box_aside img {
  margin-right: 30px;
}
.box_cnt__no-flow {
  overflow: hidden;
}
@media (max-width: 479px) {
  .box_aside {
    float: none;
    text-align: center;
  }
}
/*==================   Copyright     ====================*/
.copyright {
  color: #262421;
  margin-top: 2px;
}
/*==================  404    ======================*/
.page404 {
  background: url("https://biennale6.thessalonikibiennale.gr/resources/images/parallax1.jpg") no-repeat;
}

.page404 span {
  margin-bottom: 10px;
  display: block;
  font-size: 150px;
  font-weight: 700;
}
.page404 h2 {
  margin-top: -41px;
}
.page404 * + p {
  margin-top: 45px;
}

 .sponsors {
  overflow: hidden;
  background: #fff;
  padding: 50px 0;
}
 .sponsors h4 {
  margin: 0 0 20px;
  font-size:13px;
}

.lt-ie9 .sponsors {
  min-width: 1200px;
}

.sponsorImg {
    height: 100px;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.sponsorImg:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.sponsorImg img{
    vertical-align: middle;
    background:  #fff;
}
 
 
@media only screen and (min-width: 1440px) {
    .logo_right { position:absolute; top:0px; right:0px; float:right; z-index:1200;} 
}
 
@media only screen and (min-width: 1200px) {
    .logo_right { position:absolute; z-index:1200;} 
}

@media only screen and (min-width: 768px) and (max-width: 1199px)  and (orientation: landscape)  {
.logo_right { display:none; } 
}
    
@media only screen and (min-width: 768px) and (max-width: 1199px)  and (orientation: portrait) {
 .logo_right { display:none; }     
    }
    
@media only screen and (min-width: 0px) and (max-width: 767px) { 
  .logo_right { display:none; }      
    }


.inline-list--nav li {
  padding: 10px;
  font-size: 13px;
  line-height: 10px;
}

 
.footer_column h5{
    color: #f84239;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px;
}

.footer_column h5 a{
    color: #f84239;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 13px;
    padding: 15px 0;
}

.footer_column ul li{
    font-size: 14px;
}

  .footer_column  li  a {
    color: #fff;
  }
  .footer_column  li  a:hover {
    color: #666666;

  } 

 .footer_column.fLang {
    padding: 0;
 }
  .footer_lang {
    font-size: 14px;
    padding-top: 140px;
  }
  .footer_lang li {
    padding: 0;
    margin:0!important;
    line-height: 1;    
  }
  .footer_lang  li  a {
    color: #fff;
    float: none;
    display: block;
    line-height: 1.3;
  }
  .footer_lang  li  a:hover {
    color: #666666;
    float: none;
    display: block;
  }     

.footerRow2 {
    padding-top: 35px;
    padding-bottom: 35px;
}



.borderBot {
    border-bottom: 1px solid #a0a0a0;
    padding: 15px 0;    
}

.fLogo {
    padding-top: 70px;
}
.fright {
    float:right!important;
}

.fDates {
    padding-top: 90px;
    background: url("../images/footerbg.png") no-repeat;
}

.menuBg {
    background: url("../images/menubg.png") bottom right no-repeat;
    min-height: 100px;
}



.home {
    background: #fff url("../images/bghome.png") top center no-repeat;
    min-height: 400px;    
}

.hLogo {
    padding-top: 40px;
}

.hDates {
    padding-top: 40px;
}
.indexMenu {
    font-weight: 700;
}

.mainPageTxt {
    color: #fff;
    font-size: 13px;
    padding: 40px 30px;
}

/*==================     ToTop     ======================*/
.socialIcons {
 

  font-weight: 700;
  color: #fff!important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  text-decoration: none;
  margin-left:5px;
}
.socialIcons:hover {
  color: #f84239;
  text-decoration: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;

}

#myBreadcrumb ul li {
    display: inline-block;
}

ul.filesUl{
    margin:20px 0 0;
    border-top:1px dashed #b1b6b8;
    border-bottom:1px dashed #b1b6b8;
    padding:10px 0;
}

.margin20 {
    margin: 20px 0;
}

.date_published {
    font-size:13px;
    font-style: italic;
}
.area_info_links {
    font-style: italic;
}
.events {
    color: #000;
    padding: 0 15px;
    position: relative;
    min-height: 470px;
}

.events .wrapper {
  flex: 1;

  position: absolute;
  top: 0;
  bottom: 0;
  margin-bottom:10px;
}

.events h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3em;
    color: #000;
    min-height: 75px;
}
.events .ticket, .ticket{
    font-size: 13px;
    margin:10px 0 0;
    min-height:35px;
}
.events .area{
    font-size: 13px;
    margin:0 0 20px 0;
    min-height:85px;
}

.events time{
    font-size: 13px;
    margin-top:10px;
}
 
.events p.list{
    min-height:90px;
    color: #444;
}

.parallax  h4 {
  color: #f84239;
  font-size: 22px;
}

h3 {
  color: #f84239;
  font-size: 24px;
  font-weight: 500;
}

h4 {
  font-size: 24px;
}

h5.news {
    font-size: 18px;
}

.event_price {

    font-size: 16px;
    margin: 20px 0;
    overflow: hidden;
    padding: 20px 0 17px;
}


.red {
    color: #f84239;
}


.borderline {
    border-top:3px solid #000;
    padding: 5px 0 0
}

.borderbotline {
    border-bottom:3px solid #000;
    padding: 5px 0 0
}

.bordertopline {
    border-top:3px solid #000;
    padding: 5px 0 0
}

.bgArt {
    background: url('../images/bg_art.png') no-repeat bottom left; 
    padding: 0 0 20px 0;
    min-height: 300px;
}

#search_inner { padding:10px; margin:0 auto; background: #f84239;}
#search_inner .search_form{ float: left; position:relative; left:-15px; }
#search #search_button, #search_inner #search_button { background:transparent; color:#f15a40; display:inline; height:29px; margin:0; width:52px; border:1px solid #ffffff; font-size:18px; font-weight:bold; }
#search_inner #search_button { position:relative; right:-48px; }
.styled_select, .styled_select_inner { background: url('https://biennale6.thessalonikibiennale.gr/resources/images/arrow_down.png') no-repeat center right; border:0; overflow: hidden; position: relative; top:0px; left: 15px; width: 132px; line-height:40px; display:block; float:left ;margin:0 20px 0 0; }
.styled_select_inner { width:144px; }
.styled_select option, .styled_select_trans option, .styled_select_inner option  { color: #333333; text-align:left; font-size:16px; }

.styled_select_trans { background: url("https://biennale6.thessalonikibiennale.gr/resources/images/arrow_down_trans.jpg") no-repeat scroll right center rgba(0, 0, 0, 0); border: 1px solid #ffffff; display: block; float: left; height: 29px; left: 15px; line-height: 40px; margin: 0 20px 0 0; overflow: hidden; position: relative; top: 0; width: 207px; }
.styled_select_trans select { background: none repeat scroll 0 0 transparent; color: #ffffff; cursor: pointer; font-size: 22px; margin: 0; padding: 0; position: absolute; border:0px; width:224px; font-size:16px; top:4px; }

.styled_select_order select { background: none repeat scroll 0 0 transparent; color: #fff; cursor: pointer; font-size: 22px; margin: 0; padding: 0;   border:0px; font-size:16px; top:4px; }





.event_images {
    width: 70%;
}

/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:100%;
	height:100px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{

	float:left;
	width:20%;
	height:100%;
	text-align:center;
}
.ca-more{
	position: absolute;
	bottom: 10px;
	right:0px;
	padding:4px 15px;
	font-weight:bold;
	background: #ccbda2;
	text-align:center;
	color: white;

	font-style:italic;
	text-shadow:1px 1px 1px #897c63;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}

.ca-item-main{
	padding:10px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.ca-icon{
	width:233px;
	height:189px;
	position:relative;
	margin:0 auto;
}

.ca-item h3{
	font-family: 'Coustard', sans-serif;
	text-transform:uppercase;
	font-size:30px;
	color:#000;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{

	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	background:#b0ccc6;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;

	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;

	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}

.shops{
    margin: 10px 0;
}

.shops h3{
    background: #ddd ;
    padding: 10px;
    font-size: 16px;
}

.padding10 {
    padding: 10px;
}

.shops img{
    height: 80px;
    padding: 10px;
}
a.url{
    font-size: 11px!important;
}
.shops .fa {
    color: #f84239;
}

.contact-info-item h5{
    padding: 20px 0 10px ;
    font-size: 22px;
}


.news_list h5 {
    font-size: 18px;
    color: #f84239;
    margin-top:10px;
}


.news_list .ico {
    font-size: 18px;
    color: #f84239;
}

.news_list li {
    border-bottom:1px solid #000;
    margin: 10px 0;
    padding: 5px 0;
}

.newstime {
    color: #000;
    font-size: 13px;
}


h4.partner{
    font-weight: 500;
    margin: 10px 0;
    font-size: 18px;
    color: #f84239;
}
h4.partnersm{
    font-weight: 500;
    margin: 10px 0;
    font-size: 14px;
    color: #f84239;
}

.generalTxt a {
    color: #f84239;
    font-weight: 600;
}

.generalTxt h4 {
    font-weight: 500;
    margin: 10px 0;
    font-size: 16px;
    color: #f84239;
}


.generalTxt a:hover {
    color: #000;
    font-weight: 600;
}


@media (max-width: 768px) {
.row {
  margin-left: 0px;
  margin-right: 0px;
}      
.events .area{
  min-height: 10px!important;
}
.margin20 {
  margin: 0!important;
}
.events h5 {
  min-height: 10px!important;
}
.parallax3 {
    padding: 0 15px;
}
.parallax2 {
    padding: 0 15px;
}
.page {
    min-height: 10px;
}

.mainPageTxt {
    color: #fff;
    font-size: 13px;
    padding: 10px 30px;
}

}




@media (max-width: 800px) {
.row {
  margin-left: 0px;
  margin-right: 0px;
}     
.row + .row, .row .col-sm-6 {
    margin: 0;
} 
.events .area{
  min-height: 10px!important;
}
.margin20 {
  margin: 0!important;
}
.events h5 {
  min-height: 50px!important;
  font-size: 15px;
}
.parallax3 {
    padding: 0 15px;
}
.parallax2 {
    padding: 0 15px;
}
.page {
    min-height: 10px;
}

.hLogo {
    padding: 10px 0;
    
}

.indexMenu {
    margin-top:10px;
}
.mainPageTxt {
    color: #fff;
    font-size: 13px;
    padding: 10px 30px;
}

}













/* ========================================================================
   Component: Flex
 ========================================================================== */
.uk-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.uk-flex-inline {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
/*
 * Fixes initial flex-shrink value in IE10
 */
.uk-flex > *,
.uk-flex-inline > * {
  -ms-flex-negative: 1;
}
/* Alignment
 ========================================================================== */
/*
 * Vertical alignment
 * Default value is `stretch`
 */
.uk-flex-top {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.uk-flex-middle {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.uk-flex-bottom {
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
/*
 * Horizontal alignment
 * Default value is `flex-start`
 */
.uk-flex-center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.uk-flex-right {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.uk-flex-space-between {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.uk-flex-space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/* Direction
 ========================================================================== */
.uk-flex-row-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.uk-flex-column {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.uk-flex-column-reverse {
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/* Wrap
 ========================================================================== */
.uk-flex-nowrap {
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.uk-flex-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uk-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
/*
 * Horizontal alignment
 * Default value is `stretch`
 */
.uk-flex-wrap-top {
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.uk-flex-wrap-middle {
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.uk-flex-wrap-bottom {
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.uk-flex-wrap-space-between {
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  align-content: space-between;
}
.uk-flex-wrap-space-around {
  -ms-flex-line-pack: distribute;
  -webkit-align-content: space-around;
  align-content: space-around;
}
/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */
.uk-flex-order-first {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.uk-flex-order-last {
  -ms-flex-order: 99;
  -webkit-order: 99;
  order: 99;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-flex-order-first-small {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-small {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Tablet and bigger */
@media (min-width: 880px) {
  .uk-flex-order-first-medium {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-medium {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-flex-order-first-large {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-large {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-flex-order-first-xlarge {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .uk-flex-order-last-xlarge {
    -ms-flex-order: 99;
    -webkit-order: 99;
    order: 99;
  }
}
/* Item dimensions
 ========================================================================== */
/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */
/*
 * No Flex: 0 0 auto
 * Content dimensions
 */
.uk-flex-item-none {
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
}
/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 * 1. Fixes flex-shrink value in IE10
 */
.uk-flex-item-auto {
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
  /* 1 */
  -ms-flex-negative: 1;
}
/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */
.uk-flex-item-1 {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}