/* TOOLBAR */

.tm-toolbar{
	padding-top: 5px;
	padding-bottom: 5px;
}
.tm-toolbar p{
	margin:0;
}

.tm-toolbar li{
	padding: 0 5px;
	margin:0 !important;
}

.tm-toolbar .uk-button{
	border-radius: 5px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.tm-toolbar .mod-languages .uk-subnav > *{
	padding-left: 20px !important;
}

/*  MENU */

.tm-header .uk-navbar-dropdown{
	max-width: 1080px;
}

.tm-header .uk-navbar-dropdown-nav{
	line-height: 20px;
}
.tm-header .uk-navbar-dropdown-nav li.uk-parent > a{
	color: #34546f;
	font-family: "Roboto Slab";
	font-weight: bold;
	height: 40px;
	display: flex;
	align-items: end;
	max-width: 120px;
	line-height: 1.1;
}
.tm-header .uk-navbar-dropdown-nav .uk-nav-sub a:hover {
	font-weight: bold;	
}

.uk-offcanvas-bar #module-tm-4{
	display:none;
}
.uk-offcanvas-bar #module-115{
	margin-top:20px;
}

/*
.tm-header .uk-navbar-dropdown-grid > div:nth-child(1) {
	min-width: 158px;
	width: 15%;
}
.tm-header .uk-navbar-dropdown-grid > div:nth-child(2) {
	min-width: 227px;
	width: 25%;
}
.tm-header .uk-navbar-dropdown-grid > div:nth-child(3) {
	min-width: 116px;
	width: 14%;
}
.tm-header .uk-navbar-dropdown-grid > div:nth-child(4) {
	min-width: 267px;
	width: 28%;
}
.tm-header .uk-navbar-dropdown-grid > div:nth-child(5) {
	width: 1px;
	flex: 1;
    flex-basis: 0%;
	flex-basis: 0%;
	min-width: 0;
	flex-basis: 1px;
}
*/

/*
.tm-header .uk-navbar-dropdown-grid .uk-first-column .uk-nav-sub {
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
}

.tm-header .uk-navbar-dropdown-grid .uk-first-column li.uk-parent a{
	visibility: hidden;
}
*/

/*  QUIENES SOMOS */


@media (min-width:959px){
	.flopCard{
		color:white;
		max-height:204px;
	    border-bottom: 9px solid #c4c4c4c4;
	    padding-top: 35px !important;
	    transition: all .3s;
	    overflow: hidden;
	}

	.flopCard .el-content{
		opacity:0;
	    margin-top:5px !important;
	    line-height: 24px;
	}

	.flopCard:hover{
		border-bottom: 9px solid #da312f !important;
		margin-top: -55px;
		max-height: 259px !important;
		transition: all .3s;

	}

	.flopCard:hover .el-content{
		opacity: 1 !important;
		transition: all .7s;
	}
}

.flopCard:hover .el-image{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: brightness(200%);
	transition: all .3s;
}

.flopCard:hover .el-title,
.flopCard:hover .el-content{
	color:white !important;
	transition: all .3s;
}


/* SWITCHER DOTS */

.switcherDots ul li{
	margin-bottom: 10px;
}

.switcherDots ul li > a {
	background-color: transparent !important;
	border: 3px solid #bfbfbf;
	border-radius: 100%;
	padding: 8px 8px !important;
}

.switcherDots ul li.uk-active > a {
	background-color: #da312f !important;
	border: 3px solid #da312f;
}

@media (max-width: 640px){
	.switcherDots ul{
		justify-content: center;
	}
}

/* WHITE TABS */

.whiteTabs{
	background-color: white;
}

.whiteTabs > ul{
	margin-bottom: 10px;
}

.whiteTabs > ul > li:not(.uk-active){
	background-color: #e0e0e0;
}

.whiteTabs > ul > li > a{
	border-bottom-width: 0px;
	line-height: 36px;
}

.whiteTabs img{
	width: 100%;
}

/* PRODUCT TechBalls */

.techBalls .uk-card{
	margin-left: auto;
	margin-right: auto;
}


/* ACCORDIONS */

.uk-accordion > :nth-child(1) {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 2px solid #34546f;
}

.uk-accordion-title::after {
    background-image: url("../../../images/rometa/plus.svg");	
}

.uk-accordion table tr > td{
	padding-top: 0;
	padding-bottom: 0;
}
.uk-accordion table tr > td:nth-child(1){
	font-weight: 600;
}

.uk-accordion table tr > td:nth-child(2) {
	text-align: right;
}

.uk-open > .uk-accordion-title::after {
    background-image: url("../../../images/rometa/minus.svg");
}
@media (max-width: 350px){
	.uk-accordion table tr > td{
		padding: 0;
	}
}

@media (min-width: 960px){
	.uk-open > .uk-accordion-content{
		max-height: 305px;
		overflow-y: auto;
	}
}

/* BLOG */

.blogRometa #tm-main{
	background-color: #e5e5e5;
}

.categoryBlogText{
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}

.blogRometa .lead .uk-article-title{
	font-size: 48px;
	line-height: 1.2;
	font-weight: 400;
}

@media (max-width: 750px){
	.blogRometa .lead .uk-article-title{
		font-size: 31px;
	}
	.blogRometa article > a > div{
		height: 325px !important;
	}
}