/*
Theme Name: Plata Lappas
Theme URI:
Author: QB Media
Description: Diseño web Plata Lappas
*/
@charset "utf-8";
/* CSS Document */
.aligncenter, .gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2; color:#757575}
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display:block; max-width:none }
.table-cell {display:table-cell; vertical-align:middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }
#page{ overflow:hidden; padding-top:129px;}

.header{ position:fixed; top:0; left:0; right:0; background:#fff; z-index:1000;}
.site-logo{ float:left; padding:15px 0; width:220px;}


.desktop-nav{ margin:0; padding:0; position:relative;}
.desktop-nav ul{ margin:0; padding:0; list-style:none;}
.desktop-nav .menu{ margin:0; padding:0; list-style:none; text-align:center;}
.desktop-nav .menu > li{ display:inline-block;}
.desktop-nav .menu > li > a{display:block; text-transform:uppercase; position:relative; padding:0 42px; color:#666666; font-family:'Raleway',sans-serif; line-height:129px; min-width:206px;}
.desktop-nav .menu > li > a:hover{color:#68d2be; text-decoration:none; font-weight:600;}
.desktop-nav .menu li ul.mega-menu{position:absolute;  top:95%; padding:0 15px; background:#fff; left:0; right:0; text-align:left; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease; visibility:hidden; pointer-events:none; opacity:0; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);}
.desktop-nav .menu li:hover ul.mega-menu{ visibility:visible; opacity:1; pointer-events:auto; top:100%;}
.desktop-nav .menu li ul.mega-menu .container{ padding:43px 0; border-top:1px solid #e7e6e6; max-width:1800px;}
.desktop-nav .menu li ul.mega-menu .container .row [class*=col-]{ -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; font-size:14px;}
.desktop-nav .menu li ul.mega-menu .container .row [class*=col-] a{ color:#666666;}
.desktop-nav .menu li ul.mega-menu .container .row [class*=col-] a:hover{ color:#68d2be; text-decoration:none;}
.desktop-nav .menu li ul.mega-menu .container .row [class*=col-] ul li + li{ margin-top:6px;}
.desktop-nav .menu li ul.mega-menu .container .row [class*=col-] .thumb{ margin-right:20px; widows:84px;}
.desktop-nav .menu li ul.mega-menu .container .row [class*=col-] h5{ font-size:20px; font-weight:400;}


.banner{ background:#FFFFFF; padding:155px 0 101px; position:relative; overflow:hidden}
.banner .container{ max-width:1670px; color:#4f416c; font-size:18px; line-height:34px;}
.banner .container h1{ font-weight:100; font-size:50px; color: #4f416c; margin-bottom:35px;}
.banner .container .content{ max-width:495px;}
.w1 [class*=col-]{ height:495px;}
.w1 [class*=col-]:first-child{ background-color:#f8f7f6;}
.w1 [class*=col-] .image{ position:absolute; bottom:0; left:0; z-index:1; line-height:1; width:60%}
.w1 [class*=col-] .links{ position:absolute; z-index:100; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);; right:90px;}
.w1 [class*=col-] .links ul{ margin:0; padding:0; list-style:none; text-align:right;}
.w1 [class*=col-] .links > ul > li{ position:relative;}
.w1 [class*=col-] .links > ul > li > a{ color:#666666; font-size:50px; font-weight:100; display:block; padding-bottom:10px;}
.w1 [class*=col-] .links > ul > li > a:hover{ text-decoration:none;}
.w1 [class*=col-] .links ul ul{ display:none; position:absolute; top:100%; right:0; width:auto;}
.w1 [class*=col-] .links > ul > li:hover ul{ display:block;}
.w1 [class*=col-] .links ul ul li{ display:block;}
.w1 [class*=col-] .links ul ul li a{ color:#666666; text-decoration:underline; display:block; padding-right:28px; position:relative; line-height:30px; white-space:nowrap;}
.w1 [class*=col-] .links > ul > li:hover ul li a{-webkit-animation:fadeInUp 0.5s; -moz-animation:fadeInUp 0.5s; -ms-animation:fadeInUp 0.5s; -o-animation:fadeInUp 0.5s; animation:fadeInUp 0.5s;}
.w1 [class*=col-] .links > ul > li:hover ul li + li a{-webkit-animation:fadeInUp 0.8s; -moz-animation:fadeInUp 0.8s; -ms-animation:fadeInUp 0.8s; -o-animation:fadeInUp 0.8s; animation:fadeInUp 0.8s;}
.w1 [class*=col-]:first-child .links ul ul li a:after{ content:''; background:url(images/arrow-1.png) no-repeat right; height:7px; width:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w1 [class*=col-]:first-child .links ul ul li a:hover:after{ right:-15px; }
.w1 [class*=col-]:last-child .links ul ul li a:after{ content:''; background:url(images/arrow-2.png) no-repeat right; height:7px; width:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w1 [class*=col-]:last-child .links ul ul li a:hover:after{ right:-8px; }

.w2{ position:relative; height:495px; position:relative; background:#f8f9fa;}
.w2 .image{ position:absolute; bottom:0; left:10px; right:10px; line-height:0; text-align:center;}
.w2 .links{ position:absolute; z-index:100; top:10%; right:90px;}
.w2 .links ul{ margin:0; padding:0; list-style:none; text-align:right;}
.w2 .links > ul > li{ position:relative;}
.w2 .links > ul > li > a{ color:#666666; font-size:80px; font-weight:100; display:block; padding-bottom:10px;}
.w2 .links > ul > li > a:hover{ text-decoration:none;}
.w2 .links ul ul{ display:none;}
.w2 .links > ul > li:hover ul{ display:block;}
.w2 .links ul ul li{ display:block;}
.w2 .links ul ul li a{ color:#666666; text-decoration:underline; display:block; padding-right:28px; position:relative; line-height:30px;}
.w2 .links > ul > li:hover ul li a{-webkit-animation:fadeInUp 0.5s; -moz-animation:fadeInUp 0.5s; -ms-animation:fadeInUp 0.5s; -o-animation:fadeInUp 0.5s; animation:fadeInUp 0.5s;}
.w2 .links > ul > li:hover ul li + li a{-webkit-animation:fadeInUp 0.8s; -moz-animation:fadeInUp 0.8s; -ms-animation:fadeInUp 0.8s; -o-animation:fadeInUp 0.8s; animation:fadeInUp 0.8s;}
.w2 .links ul ul li a:after{ content:''; background:url(images/arrow-3.png) no-repeat right; height:7px; width:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:tr2nslateY(-50%); right:0;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w2 .links ul ul li a:hover:after{ right:-8px; }

.w3 [class*=col-]{ height:495px;}
.w3 [class*=col-]:last-child{ background-color:#f8f7f6;}
.w3 [class*=col-] .image{ position:absolute; bottom:0; left:0; z-index:1; line-height:1; width:60%}
.w3 [class*=col-] .links{ position:absolute; z-index:100; top:30%; -webkit-transform:translateY(-30%); -ms-transform:translateY(-30%); transform:translateY(-30%); right:90px;}
.w3 [class*=col-] .links ul{ margin:0; padding:0; list-style:none; text-align:right;}
.w3 [class*=col-] .links > ul > li{ position:relative;}
.w3 [class*=col-] .links > ul > li > a{ color:#666666; font-size:50px; font-weight:100; display:block; padding-bottom:10px;}
.w3 [class*=col-] .links > ul > li > a:hover{ text-decoration:none;}
.w3 [class*=col-] .links ul ul{ display:none; position:absolute; top:100%; right:0; width:auto;}
.w3 [class*=col-] .links > ul > li:hover ul{ display:block;}
.w3 [class*=col-] .links ul ul li{ display:block;}
.w3 [class*=col-] .links ul ul li a{ color:#666666; text-decoration:underline; display:block; padding-right:28px; position:relative; line-height:30px; white-space:nowrap;}
.w3 [class*=col-] .links > ul > li:hover ul li a{-webkit-animation:fadeInUp 0.5s; -moz-animation:fadeInUp 0.5s; -ms-animation:fadeInUp 0.5s; -o-animation:fadeInUp 0.5s; animation:fadeInUp 0.5s;}
.w3 [class*=col-] .links > ul > li:hover ul li + li a{-webkit-animation:fadeInUp 0.8s; -moz-animation:fadeInUp 0.8s; -ms-animation:fadeInUp 0.8s; -o-animation:fadeInUp 0.8s; animation:fadeInUp 0.8s;}
.w3 [class*=col-]:first-child .links ul ul li a:after{ content:''; background:url(images/arrow-2.png) no-repeat right; height:7px; width:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w3 [class*=col-]:first-child .links ul ul li a:hover:after{ right:-15px; }
.w3 [class*=col-]:last-child .links ul ul li a:after{ content:''; background:url(images/arrow-1.png) no-repeat right; height:7px; width:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w3 [class*=col-]:last-child .links ul ul li a:hover:after{ right:-8px; }

.w4{ background-size:cover; background-position:center; background-repeat:no-repeat; color:#fff; height:648px; position:relative; overflow:hidden;}
.w4 .container{ max-width:1670px; top:100px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute; z-index:100;}
.w4 .container .content{ max-width:695px; width:auto;}
.w4 .container .content-box{ background:#af7f66; padding:50px; font-size:20px;}
.w4 .container .content-box h2{ margin-bottom:35px; font-weight:300;}
.w4 .container .content-box p strong{ font-style:italic;}
.w4 .container .link{ padding:30px 30px; text-align:right;}
.w4 .container .link a{ display:inline-block; position:relative; color:#fff; padding-right:24px;}
.w4 .container .link a:after{ content:''; background:url(images/arrow-3.png) no-repeat right; height:7px; width:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0;  -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.w4 .container .link a:hover:after{ right:-8px; }

.footer .container{ max-width:1670px; padding-top:64px; padding-bottom:64px; background:#fff; font-size:15px; color:#7a7a7b;}
.footer .container .info{ float:left; margin:0; padding:0; list-style:none;}
.footer .container .info li{ display:block;}
.footer .container .info li + li{ margin-top:15px;}
.footer .container .info li media{ align-items:center;}
.footer .container .info li .media img{ margin-right:12px;}
.footer .container .social{ margin:0; padding:0; list-style:none; float:right;}
.footer .container .social li{ display:inline-block; margin-left:6px;}
.footer .container .social li a{ height:40px; width:40px; display:block; position:relative; line-height:40px; color:#4b3d69; font-size:18px; text-align:center;}
.footer .container .social li a:hover{ color:#fff;}
.footer .container .social li a i{ position:relative; z-index:10;}
.footer .container .social li a:after{ position:absolute; height:0; width:0; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); content:''; border-radius:50%; z-index:1;   -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.footer .container .social li a:hover:after{ height:100%; width:100%; background:#4b3d69;}

.map {height:490px; position:relative; width:100%;}
.map .map-inner { bottom:0; left:0; position:absolute; top:0; width:100%;}
.map .map-inner iframe { height:100%; pointer-events:none; width:100%;}
.section{ position:relative;}
.section:after{ background:#e7e6e6; height:1px; width:auto; max-width:1800px;  width:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:''; bottom:0; position:absolute;}
.section .container { max-width:1450px;}
.section-content{ padding:57px 0 110px 0;}
.title h1{ font-weight:100; font-size:50px;}
.contact-form .form-control{ height:56px; background:#f6f2f2; border-color:#f6f2f2; color:#666666;}
.contact-form .form-control:focus{background:#f6f2f2; border-color:#f6f2f2; color:#666666; box-shadow:none;}
.contact-form textarea.form-control{ height:309px;}

.button{ background:url(images/arrow-3.png) no-repeat right 16px center #68d2be; height:44px; line-height:44px; border:none; color:#fff; text-transform:uppercase; padding:0 44px 0 26px; display:inline-block;}
.button:hover{background:url(images/arrow-3.png) no-repeat right 10px center #68d2be; color:#fff; text-decoration:none;}
.contact-info h3{ font-weight:100; color:#000000;}
.contact-info{ color:#666666;}
.contact-info h3, .contact-info p{ margin-bottom:24px;}
.contact-info ul{ margin-bottom:50px; padding:0; list-style:none;}
.contact-info ul li{ display:inline-block; vertical-align:middle}
.contact-info ul li + li{ margin:0 0 0 16px;}
.contact-info ul li .media{ align-items:center; color:#4c3d69; font-size:15px; font-weight:500;}

.page-wrapper{ padding-bottom:96px;}
.page-wrapper .container, .page-w4 .container{ max-width:1600px; color:#666666;}
.page-wrapper p{ line-height:1.6;}
.page-wrapper .container h2{ font-weight:100; font-size:50px;}
.page-w1 .full-img{ margin-bottom:30px;}
.page-w2 .media .image{ margin-right:26px;width:260px;}
.page-w3{ margin-top:115px;}
.page-w3 h2{ text-align:center;}

.page-w4{ background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed; padding:130px 0 204px;}
.page-w4 .content{ background:#af7f66; padding:50px; color:#fff; max-width:775px; width:100%;}
.page-w4 .content h2{ font-weight:100; font-size:50px; margin-bottom:24px;}