/*
Theme Name: Undefasa
Version: 1.0
Author: nextlevel.es
*/
*{margin:0px; padding:0px; outline:0px; border:0px;} a{color: inherit; text-decoration:none; border:none;} a:hover{  text-decoration:none; } h1, h2, h3, h4, h5, h6{margin:0px; padding:0px 0px 8px 0px; font-weight:normal} p {margin:0px; padding:0px 0px 10px 0px;} img{border:none; vertical-align: middle;} a img {border: none;} ul, li { list-style:none;} input:focus::-webkit-input-placeholder {    opacity: 0;} input:focus::-moz-placeholder {    opacity: 0;} textarea:focus::-webkit-input-placeholder {    opacity: 0;} textarea:focus::-moz-placeholder {    opacity: 0;} input, textarea, select {  font-size:28px; padding:15px; border:1px #e3e4e8 solid; margin:3px 0 8px 0; border-radius:3px;} .f-left { float:left; } .f-right { float:right; } .clear:before, .clear:after{ content:" "; display:table;} .clear:after { clear:both;} .clear { *zoom:1;}  /* For ie 6-7*/ div, input, select, textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body { color: #3e3d38; font-size:18px; background-color:#fff;  font-family: 'PT Sans', sans-serif;}

input,  textarea { width:100%; font-family: 'PT Sans', sans-serif;}
input[type="submit"] { appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; width:auto;}
hr { background:url(images/divider.html) repeat; width:100%; height:3px; margin:15px 0; padding:0;}

.valign-center { display:table; height:100%; text-align:center; width:100%;}
.valign-center .valign-centersub { display:table-cell; vertical-align:middle;}

/*-------------------------------------------------------Animation--------------------------------------------------------------*/

a, a:hover,
.header-menu ul ul,
.header-menu ul li:hover ul, .header,.main-header,
.slider-heading, .search-icon,
 .layout-cover, .product-title,.product-info,.header.short-header .logo, .logo
{-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;	}

/*------------------- Layout --------------------------------- */


.container { max-width:1180px; margin:auto; padding:0 15px;}
.page-container { width:65%;}
.short-container { width:50%;}
.box-66 { width:66.66%; float:left; }
.box-50 { width:50%; float:left; }
.box-40 { width:40%; float:left; }
.box-30 { width:33.33%; float:left; }
.box-33 { width:33.33%; float:left; }
.box-35 { width:35%; float:left; }
.box-25 { width:25%; float:left; }
.box-20 { width:20%; float:left; }

.heading-wrap { width:80%; margin:auto;}
.heading {  font-size:54px; letter-spacing:0.2px; color:#fff;}
.subheading { font-size:22px; line-height:1.1; color:#fff; }

.heading.dark {color:#53524d;}
.subheading.dark {color:#414141;}
.textcenter { text-align:center;}
.overhidden { overflow:hidden;}
.res-image img { max-width:100%; height:auto;}

.header { background-color:#fff; padding-top:30px; width:100%; z-index:99; background-repeat: no-repeat; background-position: top left;}
.christmastime.header { background-image:url(images/adornos.png);}

.header-gap { height:0px;}
.addgap { height:143px;}

.header.short-header { position: fixed; top:0; padding-top:0; background-image:url();}
.header.short-header .top-row{ display:none;}
.top-row { margin:0px 0 0px 0; text-align:right;}
.link-pa { font-size:15px; padding:5px; border-radius:3px; background-color:#3e3d38; margin:0 5px; color:#fff;}
.top-row .link-lang { font-size:16px; color:#000; background-color:#e5e5e5; border-radius:50%; overflow:hidden;margin:0 1px; width:34px; height:34px; display:inline-block; vertical-align:middle; text-align:center; line-height:32px;}
.top-row .link-lang:hover, .top-row .link-lang.active { background-color:#53524d; color:#fff;}

.menu-load { display:none;}
.header.short-header .main-header {  padding-bottom:15px;}
.main-header { margin-top:15px;  padding-bottom:50px;}

.logo { max-width:420px; width:40%; float:left;}
.logo img { min-width:200px; max-width:100%; height:auto;}
.header.short-header .logo { width:26%;}
.header-menu { width:59%; float:right; text-align:right;}

.header-menu ul { margin-top:25px; line-height:1; font-size:18px;}
.short-header .header-menu ul { margin-top:15px;}
.header-menu ul li { display:inline-block; vertical-align:middle; margin:0 4px; position:relative;}
.header-menu ul li:last-child { margin-right:0}
.header-menu ul li:hover> a{ color:#9e9e9e;}
.header-menu ul ul {  background-color: #fff;  left: 0;  opacity: 0;  padding:30px 10px 20px 10px;  position: absolute;  text-align: left;  top: 100%;  visibility: hidden;  width: 180px;  z-index: -1; margin:0 !important; transform:translatey(25px)}
.header-menu ul li:hover ul { opacity:1; visibility:visible; z-index:5; transform:translatey(0px)}
.header-menu ul ul li { display:block; padding:10px 0;}
.header-menu ul ul ul { display:none;}



.home-about { background-color:#333; padding:80px 0; background-size:cover;}
.mail-wrap { background-color:#53524d;}
.formbox { padding:20px; background-color:#fff;}


/*---------- Search -------------*/

.search-wrap, .news-wrap, .mail-wrap { padding:60px 0 100px 0;}
.search-box { margin:0 15px; display:inline-block; text-align:center; vertical-align:top;}
.search-icon { width:153px; height:153px; border-radius:50%; overflow:hidden; background-color:#ededed; border:2px #ededed solid;}
.search-icon:hover { border-color:#ddd;}
.search-link { display:inline-block; width:100%; height:100%;}
.newsearchwrap .search-link img {  height: auto;  width: 100%;}
.search-content { margin-top:60px;}
.searchbox-title { font-size:21px; color:#000; margin:15px auto 0;}

.search-wrap.newsearchwrap { padding:60px 0 0 0;}
.newsearchwrap .search-box { margin:0; border:1px #ddd solid; border-width:0 1px 1px 0; width:33%;}
.newsearchwrap .search-icon { height:350px; width:350px;}
.newsearchwrap .search-content { text-align:center; font-size:0}

.newsearchwrap .search-6 , .newsearchwrap .search-3 { border-right:none;}


/*Slider*/
.wpnet-slider { background-color:#333;}
.slider-wrapper { position:relative;}
.slider-wrapper.noslider { min-height:200px;}
.noslider .productmaintitle { left:0}

.slidernav-wrap { position:absolute; top:50%; transform:translateY(-50%); z-index:50; width:100%;}
.rslides_nav.next { float:right;}
.rslides_nav.prev:before { content: "\f341"; font-size:60px; color:#fff;  font-family: "dashicons";}
.rslides_nav.next:before { content: "\f345"; font-size:60px; color:#fff;  font-family: "dashicons";}
.slider-content-wrap { position:absolute; top:50%; color:#FFFFFF; z-index:10; transform:translateY(-50%); width:100%;}
.slider-content-wrap .container { width:55%; margin:auto;}
.slider-heading { font-size:70px; line-height:1; letter-spacing:-0.3px; color:#fff; margin-bottom:20px; text-transform:uppercase; font-weight:bold;}
.slider-text { font-size:22px; line-height:1.1}
.slider-heading, .slider-text{ transform:translateY(-100px); opacity:0}
.rslides1_on .slider-heading, .rslides1_on .slider-text { transform:translateY(0); opacity:1}
.rslides2_on .slider-heading, .rslides2_on .slider-text { transform:translateY(0); opacity:1}

.middle-silder .slider-heading { font-size:48px; font-weight:100}

/*---------- Product and trend -------------*/

.product-wrap {  position: relative; height: 100%;  width: 100%; cursor:pointer; overflow:hidden;}
.product-image {  bottom: 0;  height: 100%;  left: 0;  position: absolute;  right: 0;  top: 0;  width: 100%; z-index:2}
.product-title, .product-info, .trend-info {  color: #fff; font-size:22px;   position:absolute;  text-align: center;   top: 50%; transform: translateY(-50%);  z-index: 10; width:100%; line-height:1.1}
.product-title h2 { font-size: 54px;  text-transform: uppercase;}
.product-info { padding:10%; transform:translateY(50px)}
.layout-cover { position:absolute; z-index:3; width:100%; height:100%; background-color:#000; opacity:0.2}
.product-info { opacity:0}
.myicondown { width: 40px; height:40px; font-size:35px; line-height:45px; border-radius:50%; border:2px #fff solid; margin: 20px;}

.height_res img { height:100%; width:auto;}
.width_res img { height:auto; width:100%;}

.trend-info  { padding:8%;}
.trend-info .trend-title { font-size:38px; line-height:1; margin-bottom:20px; text-transform: uppercase;}

.product-wrap:hover .product-title, .product-wrap.hover .product-title {  transform: translateY(-250%);}
.product-wrap:hover .layout-cover, .product-wrap.hover .layout-cover { opacity:0.6}
.product-wrap:hover .product-info, .product-wrap.hover .product-info { opacity:1; transform:translateY(-50%)}
.product-page { background-color:#f3f3f3;}
.product-page .search-content { margin-top:0}
.product-page .search-icon {  background-color: #e2e2e2;}
.product-page .search-wrap { padding:40px 0}
.wp-pagenavi { padding:60px 0 100px 0; text-align:center}
.wp-pagenavi a, .wp-pagenavi span { padding:3px 10px; border-color:#d5d5d5; font-size:21px; font-weight:100; color:#bdbdbd;}
.wp-pagenavi .current { background-color:#b2ad91; color:#fff; border-color: #b2ad91 !important} 

.productpage-info { padding:0 5%;}
.product-meta { margin:30px 0;}
.pdf-link { font-size:20px; color:#3e3d38; background-color:#bababa; padding:10px; border-radius:3px; margin-right:2%;  text-align:center; display:inline-block; float:left; width:28%; margin-bottom:10px; }
.pdf-link.pdf-tech { font-size:18px; min-height:27px;}
/*.pdf-link.pdf-2 { color:#fff; background-color:#3e3d38;}
.pdf-link.pdf-3 { color:#fff; background-color:#6a6965;}*/
.pdf-link:hover { color:#fff; background-color:#000;}
.product-content { border-top: 1px #d8d8d7 solid;}

.productcontent { float:left; width:38%; padding:3% 3% 3% 0; min-height:400px}
.colorboxwrap { padding:3%; border-left: 1px #d8d8d7 solid; width:30%; float:left; min-height:400px; font-size:0}
.productformat { width: 32%; padding:3% 0 3% 3%; border-left: 1px #d8d8d7 solid; min-height:400px; float:left;}
.colorbox { width: 31.33%; background-color:#333; display:inline-block; margin:1%; position:relative; cursor: pointer; font-size:18px; background-size:cover;}
.colorhover { background-color: rgba( 0, 0 ,0 ,0.7); z-index:2; opacity:0; color:#fff; }
.colorbox:hover .colorhover { opacity:1;}
.colorboxwrap .page-title, .productformat .page-title { font-size:54px; color:#53524d; font-weight:normal; padding-bottom:25px; line-height:1; text-transform:uppercase}
.productcontent.content-area h1 { padding-bottom:20px;}
.formatbox { font-size:22px; width:30%; text-align:left; display:inline-block; padding:3% 2% 3% 0; color:#414141;}

.productmaintitle { background-color:#3e3d38; color:#fff; font-size:64px; padding:10px 25px; position:absolute; top:7%; left:20%; z-index:10;}
.iconimg { text-align:right; margin:10px 0;}
.iconimg img { margin:3px 1px; max-height:64px; max-width:128px;}
.all_terms { display:none;}
.terms_wrap { font-size:0; padding-right:5px; font-family:"open Sans",sans-serif; background-color:#fff; text-align:center}
.term_box { width:200px; height:240px; overflow:hidden; display:inline-block; margin:5px 0 5px 5px; font-size:16px; text-align:center}
.term_box img { width:100%; height:200px;}
#all_coll .terms_wrap { padding-right:0; text-align:left; }
#all_coll .term_box {   height: auto;  margin: 0.5% 0.25%;  overflow: hidden;  text-align: center;  width: 13.78%; }
#all_coll .term_box img { height:auto;}
#all_coll .term_box a span { display:table-cell; padding-top:2px; height:48px; line-height:1; vertical-align:middle;}



.loadingbox {  background-color: rgba(0, 0, 0, 0.01);  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%; z-index:-1; opacity:0;}
.loading .loadingbox { z-index:10; opacity:1; cursor:progress;}

.for_term { display:table; width:100%; padding:5px 0 5px 5px; overflow:hidden; font-size:18px;}
.for_termname { width:20%; overflow:hidden; display:table-cell; vertical-align:top; border-bottom: 2px solid #bdbdbd; background-color:#c0c0c0;}
.for_termname img { height:auto; width:100%;}
.for_termsub { display:table-cell; padding:0 2% 0 2%;  text-transform:uppercase; color:#aaa; height:100%; border-bottom: 2px solid #bdbdbd; background:no-repeat right top 100%;  background-position:bottom right; vertical-align:middle;}
.for_bg {   display:table-cell;   background:no-repeat right top 100%; width:20%; border-bottom: 2px solid #bdbdbd; background-position:bottom right;}
.subtermname  { width:100%; text-align:left;}
.subtermname li { display:inline-block; font-size:40px; font-weight:100;  width:30%;  text-align:center}
#for_term, #for_term2{ width:900px;}
#for_term2 .term_box { height:auto; margin:auto; text-align:left;}
.fancybox-wrap .fancybox-skin { box-shadow:none !important; background:none;}
/*---------- About page -------------*/

.about-menu { position:relative; height:400px;}
.about-page { background-color:#eaeaea;}
.abbox { height:100%; width:100%; padding:11%; background-color:#eaeaea; color:#fff; background-size: cover;}
.abbox h2 { font-size:60px; color:#fff; font-weight:100; line-height:1; padding-bottom:10px;}
.currentpage .abbox h2, .noimage .abbox h2 { color:#3e3d38;}
.currentpage .abbox, .noimage .abbox { color:#3e3d38; background:none}

.aboutwrap {  padding:5% 0;}
.fimage img, .aboutinfo img { width:100%; height:auto;} 

/*.page-template-template-about .trend-info { display:none;}*/

.page-content iframe {  margin: 20px 0;  max-width: 100%;  width: 100%;}

/*---------- Other pages -------------*/

#pageblock { padding:60px 0; background-color:#f9f9f9;}

.contactform { margin:30px auto; font-size:16px; color:#414141;}
.contactform .name-field { float:left; width:49%;}
.contactform .email-field { float:right; width:49%;}
.contactform input, .contactform textarea, .contactform select { font-size:21px; background-color:#ddd; border-radius:3px; color:#666;}
.contactform select { width:100%;}
.contactform textarea { height:160px;}
.contactform .contact-info { float:left; width:70%;}
.contactform .contact-submit { float:right; width:30%; text-align:right; position:relative}
.contactform input[type="submit"] { background-color:#6b6a66; color:#fff; padding:10px 50px;}
div.wpcf7 img.ajax-loader { position:absolute; right:10px; top:20px; z-index:2}
.contactform input[type="checkbox"] { width:auto; float:left; margin: 5px 10px 5px 0;}
.contactform  .accept { font-size:18px;}
.contactform  .accept a { color:#a9a9a9; font-weight:normal;}
span.wpcf7-not-valid-tip { padding-bottom:10px;}
.wpcf7-not-valid {  border: 1px red solid;}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border:none}
div.wpcf7-response-output { text-align:center}
input[type="checkbox"] { width:auto; margin-right:10px;}
.login-title { text-align:center; margin-bottom:30px;}
.contactform  .accept   input[type="checkbox"] { float:none;}
.contactform  .accept span.wpcf7-not-valid-tip { display:inline-block}


 .login-username input, .login-password input { font-size:21px; background-color:#ddd; border-radius:3px; color:#666;}
.login-username { width:49%; float:left;}
.login-password { width:49%; float:right;}
.login-submit { float:right;}
 .login-submit input[type="submit"] { background-color:#6b6a66; color:#fff; padding:10px 50px;}
 .forget-pass { font-size:18px; color:#a9a9a9; font-weight:100}


.readmore > span, .doc {  display: inline-block;  border: 2px #fff solid;  margin: 10px 0;  padding: 5px 10px;  border-radius: 3px;}
.readmore {  bottom: 0;  left: 38%;  position: absolute;}
.readmore:hover { opacity:0.8}

.sidelogo img {  height: auto;  width: 100%;}
.sidelogo { margin:20px 0;}

/*---------- Mailchimp newletter -------------*/

.mail-form .heading-wrap { margin-bottom:10px;}
#mc_embed_signup_scroll { text-align:center;}
.mc-field-group {  display: inline-block;  margin: 0.5%;  width: 38%; font-size:28px;  position:relative;}
.mc-field-group label { position:absolute; top:15px; left:20px; color:#53524d; z-index:-1}
.wpnet-submit { display:inline-block; width:15%; margin:0.5%; vertical-align:top;}
#mce-responses { display:none;}
.wpnet-submit input[type="submit"] { width:100%; color:#fff; background-color:#232322;  border:none}
.mc-field-group input { background-color:#777773; color:#000; border:none}




.footer { background-color:#1b1b1b; padding:70px 0;}
.footer-wrap .logo img { max-width:300px;}
.footer-menu { color:#fff; font-size:18px;}
.footer-menu li { margin-bottom:10px;}
.footer-menu .current_page_item { color:#535353;}
.bottom-row .link-pa { background-color: #535353;}
.bottom-row .link-lang { background-color: #303030; color:#fff;}
.bottom-row .link-lang:hover, .bottom-row .link-lang.active { background-color: #535353;}

/*-------------------WordPress Core--------------------------------- */
.alignnone { }
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto; }
.alignright {float:right;  }
.alignleft {float:left; }
.aligncenter {display: block; margin:5px auto 5px auto; }
a img.alignright {float:right; }
a img.alignnone { }
a img.alignleft {float:left;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto }
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 3px; text-align: center; }
.wp-caption.alignnone { }
.wp-caption.alignleft {}
.wp-caption.alignright { }
.wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text {font-size:0.8em; line-height:17px; margin:0; padding:0 4px 5px; }
.wp-smiley{margin: 0 !important; max-height: 1em;}
blockquote.left{margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left;}
blockquote.right{margin-left: 20px; text-align: left; margin-right: 0; width: 33%;	float: right;}


/*------------------Content area--------------------------------- */

.content-area h1 { font-size:54px; color:#53524d; font-weight:normal; padding-bottom:10px; line-height:1}
.content-area h2 { font-size:32px; color:#9f9f9f; font-weight:normal; padding-bottom:5px; line-height:1}
.content-area h3 { font-size:30px; color:#53524d; font-weight:normal; padding-bottom:5px; line-height:1}
.content-area { font-size:22px; color:#414141; line-height:1.2}
.content-area a { font-weight:bold;}
.content-area strong { color:#000;}
.content-area blockquote {  margin: 3% 0 3% 10%; position:relative}
.content-area blockquote::before {  background-color: #53524d;  color: #fff;  content: "\f205";  font-family: "dashicons";  font-size: 80px;  left: -11%;  position: absolute;  height: 90px;  width: 90px;  border-radius: 50%;  line-height: 1.1;  text-align: center;}
.content-area ul { margin:2% 0 2% 8%;}
.content-area ul li:before { content: "\f345";   border: 1px solid #a7a7a7; border-radius: 50%;color: #a7a7a7;font-family: "dashicons";font-size: 17px;line-height: 29px;vertical-align: middle; padding: 2px 1px 2px 3px;}
.content-area ul li li:before { border:none;}
.short-container .content-area{ color:#a2a2a2; font-size:24px;}

.fancybox-skin { border-radius:0 !important;}
.fancyboxcustom > span {  font-size: 16px;  font-weight: 100;  text-transform: uppercase; display:inline-block; padding-top:8px;}
.fancybox-close { opacity:0.4}
.formatpdflink { width:40%; padding:5px 10px; background-color:rgba(186,186,186, 0.5); border:2px #3e3d38 solid; font-size:17px; margin-bottom:2%; }


.newsletter-box span.wpcf7-not-valid-tip, .newsletter-box div.wpcf7-validation-errors, .newsletter-box div.wpcf7-mail-sent-ok { font-size: 18px; color:#fff;}
.footer-note{ text-align:right;}
.newsletter-box {  color: #ffffff;}
.underfasa-acc .wpcf7-not-valid-tip { display:none;}


.footer-heading {	font-size: 14px;	color: #fff;	font-weight: bold;	line-height: 1.1;	margin-bottom: 5px; opacity: 0.9;}
.footer-text {	font-size: 12px;	color: #fff;	opacity: 0.8;	line-height: 1.2;}



.social-box-wrap {	padding: 4%;}
.si-container { text-align: center; margin-top:15px;}
.si-container ul li {
	display: inline-block;
	padding: 5px;
	font-size: 40px;
}
.si-container ul li:hover { opacity: 0.6;}