@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:700|Raleway:400,700");
@import url("w2default.css");
* { color: #404040; font-family: "Raleway", sans-serif; font-weight: normal; font-size: 16px; line-height: 22px; font-weight: 300; }

html { background-color: #fff; }

html, body { height: 100%; }

body { padding-top: 80px; }

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * { color: #c96710; font-family: "Cormorant Garamond", serif; font-weight: bold; }

h2 { margin-bottom: 30px; }

h2, h2 * { font-size: 60px; line-height: 60px; }

input[type="text"], input[type="email"], select, textarea { border-color: #e1e1e1; border-radius: 4px; }

input[type="submit"] { background-color: #c96710; background: linear-gradient(0deg, #c96710 0%, #e67f24 100%); font-size: 12px; font-weight: bold; text-transform: uppercase; display: inline-flex; align-items: center; width: auto; height: 50px; padding: 0 30px; border-radius: 50px; top: 0; position: relative; transition: box-shadow 0.3s ease, top 0.3s ease; }

input[type="submit"]:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); top: -5px; }

.wrapper { width: 1110px; }

.halfwrapper { width: 460px; }

.general-section { padding: 80px 0; }

.box-knowmore { padding-top: 30px; }

.btn { background-color: #c96710; background: linear-gradient(0deg, #c96710 0%, #e67f24 100%); display: inline-flex; align-items: center; height: 50px; padding: 0 20px; border-radius: 25px; text-transform: uppercase; font-weight: 700; font-size: 14px; position: relative; top: 0; transition: box-shadow 0.3s ease, top 0.3s ease; }

.btn:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); top: -5px; }

.btn * { color: #fff; }

.btn .text { text-transform: uppercase; font-size: 12px; font-weight: 700; white-space: nowrap; }

.btn .icon { background: url("../images/icons-01.svg") no-repeat 0 -30px; background-size: 600px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; }

.btn-white { background: #fff; }

.btn-white .text { color: #c96710 !important; }

.btn-white .icon { background-position-y: 0; }

.columns-2 { column-count: 2; column-gap: 30px; }

.db-content p:not(:last-child) { margin-bottom: 30px; }

.label { margin-bottom: 3px; position: relative; }

.label, .label * { font-size: 12px; line-height: 15px; }

.mandatory { background: url("../images/mandatory.png") repeat-x center bottom; display: inline-flex; width: 8px; height: 8px; }

/* ################## MOBILE MENU ##################### */
#mobile-menu-switch { width: 40px; height: 40px; position: fixed; right: 20px; z-index: 1002; }

#mobile-menu-switch span { background-color: #c96710; width: 25px; height: 1px; display: block; position: absolute; left: 7px; }

#mobile-menu-switch span:nth-child(1) { top: 10px; transition: all 0.3s ease; }

#mobile-menu-switch span:nth-child(2) { top: 20px; }

#mobile-menu-switch span:nth-child(3) { top: 30px; transition: all 0.3s ease; }

#mobile-menu-switch.active span:nth-child(1) { top: 20px; transform: rotate(45deg); }

#mobile-menu-switch.active span:nth-child(2) { display: none; }

#mobile-menu-switch.active span:nth-child(3) { top: 20px; transform: rotate(-45deg); }

#mobile-menu { background-color: #fff; position: fixed; width: 100%; right: -100%; z-index: 1001; transition: all 0.3s ease; }

#mobile-menu.active { right: 0; box-shadow: 0 0 5px rgba(64, 64, 64, 0.5); }

#mobile-menu a { display: block; font-size: 20px; text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: 400; text-align: center; padding: 20px; border-bottom: solid 1px #e1e1e1; }

#mobile-menu li:last-child a { border-bottom: none; }

#mobile-menu li.active a { color: #c96710; }

header { background-color: #fff; position: fixed; z-index: 1001; top: 0; left: 0; width: 100%; height: 80px; box-shadow: 0 0 5px rgba(64, 64, 64, 0.5); }

header .wrapper { display: flex; justify-content: space-between; height: 100%; }

header .left { height: 100%; display: flex; align-items: center; }

header .left a { display: block; }

header .left a img { color: #c96710; font-family: "Cormorant Garamond", serif; font-size: 30px; font-weight: bold; width: 130px; height: 34px; }

header .right { display: flex; }

header .right .innerleft { height: 100%; }

header .right .innerright { margin-left: 30px; height: 100%; display: flex; align-items: center; }

header .right .innerright .btn { box-shadow: 0 0 0 rgba(64, 64, 64, 0.5); position: relative; top: 0; transition: box-shadow 0.3s ease, top 0.3s ease; }

header .right .innerright .btn:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); top: -5px; }

header nav { height: 100%; }

header nav ul.lev1 { display: flex; height: 100%; }

header nav li.lev1 { display: inline-flex; align-items: center; height: 100%; }

header nav li.lev1:not(:last-child) { margin-right: 20px; }

header nav a.lev1 { font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; padding: 10px 0; display: inline-flex; height: 100%; align-items: center; position: relative; transition: height 0.3s ease; }

header nav li.active a.lev1, header nav a.lev1:hover { color: #c96710; }

header nav a.lev1:before { background-color: #c96710; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; transition: height 0.3s ease; border-radius: 3px 3px 0 0; }

header nav li.active a.lev1:before, header nav a.lev1:hover:before { height: 5px; }

footer { background-color: #404040; }

footer * { color: #fff; font-size: 12px; line-height: 15px; }

footer .wrapper { display: flex; align-items: center; justify-content: space-between; height: 60px; position: relative; }

footer .wrapper a { display: inline-block; }

footer .left a { margin-right: 5px; }

footer .right a { margin-left: 5px; }

footer .mid { display: flex; align-items: center; }

footer .mid .box-social { margin-right: 30px; display: flex; align-items: center; }

footer .mid .box-social a { background-color: #c96710; width: 30px; height: 30px; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; margin-left: 10px; transition: background-color 0.3s ease; }

footer .mid .box-social a:before { content: ""; font-family: 'Font Awesome 5 Brands'; font-size: 14px; color: #404040; }

footer .mid .box-social a:hover { background-color: #fff; }

footer .mid .box-social a[data-rel="facebook"]:before { content: "\f39e"; }

#banner { height: 100%; height: calc(100% - $headerHeight); position: relative; }

#banner .bot { background: url("../images/banner-mask-bot.png") repeat-x center bottom; position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; height: 80px; }

#banner .bot:after { content: ""; background: #fff url("../images/icons-01.svg") no-repeat -42px -64px; background-size: 455px; position: absolute; top: -20px; left: 50%; margin-left: -15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 30px; box-shadow: 0 0 5px rgba(64, 64, 64, 0.5); }

#banner .top { background-position: center bottom; background-repeat: no-repeat; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

#banner .gallery { display: flex; height: 100%; position: relative; z-index: 1; }

#banner .gallery .item { background-color: #c96710; }

#banner .gallery .item * { color: #fff; }

#banner .gallery h3, #banner .gallery h3 * { font-size: 60px; line-height: 63px; font-family: "Raleway", sans-serif; }

#banner .gallery h4, #banner .gallery h4 * { font-size: 50px; line-height: 53px; }

#banner .gallery h5, #banner .gallery h5 * { font-size: 30px; line-height: 33px; }

#banner .gallery .left { width: 40%; height: 100%; border-right: solid 1px #fff; position: relative; }

#banner .gallery .left .item:nth-child(1) { border-bottom: solid 1px #fff; height: 50%; padding: 70px 70px 0 0; text-align: right; }

#banner .gallery .left .item:nth-child(2) { height: 50%; padding: 70px 70px 0 0; text-align: right; }

#banner .gallery .right { width: 60%; height: 100%; position: relative; display: flex; }

#banner .gallery .right .item:nth-child(1) { border-right: solid 1px #fff; width: 50%; height: 100%; padding: 70px 0 0 70px; }

#banner .gallery .right .item:nth-child(2) { width: 50%; height: 100%; padding: 70px 0 0 70px; }

#banner .swiper-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }

#banner .swiper-container .swiper-slide * { color: #fff; }

#banner .swiper-container .swiper-slide h4 { font-size: 40px; line-height: 40px; text-align: center; padding: 80px 30px; }

#banner .swiper-container .swiper-slide h5 { font-size: 40px; line-height: 40px; text-align: center; padding: 80px 30px 0px 30px; }

#banner .swiper-container .swiper-slide h3 { font-size: 80px; line-height: 80px; text-align: center; padding: 0 30px; }

#banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 100px; }

#banner .swiper-pagination-bullet { background: #000; }

#banner .swiper-pagination-bullet-active { background: #fff; }

#secbanner { background-color: #c96710; height: 320px; position: relative; }

#secbanner .bot { background: url("../images/banner-mask-bot.png") repeat-x center bottom; position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; height: 80px; }

#home-presentation { padding-bottom: 100px; }

#home-presentation .wrapper { display: flex; }

#home-presentation .left { width: 50%; padding-right: 65px; }

#home-presentation .right { width: 50%; padding-left: 40px; position: relative; }

#home-presentation .right img { width: 100%; }

#home-themes { background-color: #c96710; min-height: 600px; padding: 0; display: flex; position: relative; }

#home-themes * { color: #fff; }

#home-themes .left { width: 50%; }

#home-themes .right { width: 50%; padding: 80px; position: relative; display: inline-flex; align-items: center; }

#home-themes .right .content { width: 460px; }

#home-options { padding-bottom: 0; }

#home-options .pretop { display: flex; justify-content: center; }

#home-options .pretop-title { display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 20px; border: solid 2px #e1e1e1; border-radius: 25px; color: #c96710; font-size: 14px; font-weight: bold; text-transform: uppercase; white-space: nowrap; }

#home-options .top .wrapper { display: flex; }

#home-options .top .item:nth-child(1) { width: 50%; padding: 40px 70px 70px 0; border-right: solid 1px #e1e1e1; }

#home-options .top .item:nth-child(2) { width: 50%; padding: 40px 0 70px 70px; border-left: solid 1px #e1e1e1; }

#home-options h3 { font-size: 60px; line-height: 60px; margin-bottom: 30px; }

#home-options .top .box-price { display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: 30px; }

#home-options .top .box-price:before { content: ""; border-bottom: dotted 5px #a6a6a6; display: inline-flex; width: 100%; height: 1px; padding-top: 34px; }

#home-options .top .info { display: inline-flex; flex-direction: column; margin-left: 30px; }

#home-options .top .label { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #404040; line-height: 12px; }

#home-options .top .price { color: #c96710; font-size: 45px; line-height: 45px; white-space: nowrap; font-weight: bold; }

#home-options .bot { display: flex; }

#home-options .bot .item:nth-child(1) { background-color: #c96710; width: 50%; display: flex; justify-content: flex-end; padding: 80px 80px 0 80px; text-align: right; }

#home-options .bot .item:nth-child(2) { background-color: #eeeeee; width: 50%; display: flex; justify-content: flex-start; padding: 80px; }

#home-options .bot .item:nth-child(1) * { color: #fff; }

#home-options .bot .image { padding-top: 40px; position: relative; }

#home-options .bot .item .image img { max-width: 475px; }

/* ###################### QUEM SOMOS ###################### */
#quemsomos-presentation h1 { position: relative; display: flex; align-items: center; white-space: nowrap; margin-bottom: 40px; }
#quemsomos-presentation h1:after { content: ""; display: inline-flex; width: 100%; height: 0; padding-top: 10px; border-bottom: dotted 4px #a6a6a6; margin-left: 20px; }

#quemsomos-themes { background-color: #c96710; min-height: 600px; padding: 0; display: flex; position: relative; }
#quemsomos-themes * { color: #fff; }
#quemsomos-themes .left { background-color: #eeeeee; width: 50%; }
#quemsomos-themes .right { width: 50%; padding: 80px; position: relative; display: inline-flex; align-items: center; }
#quemsomos-themes .right .content { width: 460px; }

/* ###################### TEMAS ###################### */
#themes-default { min-height: calc(100% - 60px); }

#themes-default .wrapper { display: flex; }
#themes-default .wrapper .left { width: 240px; flex-shrink: 0; padding-right: 40px; display: none; }
#themes-default .wrapper .left h3, #themes-default .wrapper .left h4 { font-family: "Raleway", sans-serif; }
#themes-default .wrapper .left h3 { text-transform: uppercase; font-size: 14px; line-height: 17px; margin-bottom: 20px; }
#themes-default .wrapper .left .opt-container h4 { position: relative; color: #404040; font-size: 12px; line-height: 15px; text-transform: uppercase; display: flex; align-items: center; white-space: nowrap; margin-bottom: 5px; }
#themes-default .wrapper .left .opt-container h4:after { content: ""; width: 100%; height: 0; display: inline-flex; border-top: dotted 2px #a6a6a6; margin-left: 10px; }
#themes-default .wrapper .left .opt-container:not(:last-child) { margin-bottom: 20px; }
#themes-default .wrapper .left .opt-container a { display: flex; align-items: center; padding: 10px 0; }
#themes-default .wrapper .left .opt-container a .icon { background-color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 16px; border: solid 1px #a6a6a6; margin-right: 10px; flex-shrink: 0; position: relative; }
#themes-default .wrapper .left .opt-container a .icon:before { content: ""; background-color: #fff; display: inline-flex; width: 8px; height: 8px; border-radius: 8px; transition: background-color 0.3s ease; }
#themes-default .wrapper .left .opt-container a .text { font-size: 14px; line-height: 17px; }
#themes-default .wrapper .left .opt-container a:not(:last-child) { border-bottom: solid 1px #e1e1e1; }
#themes-default .wrapper .left .opt-container a:hover .icon:before { background-color: #a6a6a6; }
#themes-default .wrapper .left .opt-container a.active { /*pointer-events: none;*/ }
#themes-default .wrapper .left .opt-container a.active .icon:before { background-color: #c96710; }
#themes-default .wrapper .right { width: 100%; }
#themes-default .wrapper #themes-list { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
#themes-default .wrapper #themes-list .item a { display: flex; flex-direction: column; height: 100%; border-radius: 5px; overflow: hidden; position: relative; }
#themes-default .wrapper #themes-list .item a .image { background-color: #a6a6a6; display: block; height: auto; position: relative; }
#themes-default .wrapper #themes-list .item a .image span.image-container { display: block; height: auto; overflow: hidden; position: relative; }
#themes-default .wrapper #themes-list .item a .image span.cover { display: block; width: 100%; height: auto; padding-bottom: 100%; transition: transform 0.5s ease; }
#themes-default .wrapper #themes-list .item a .image .title { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; }
#themes-default .wrapper #themes-list .item a .image .title span { background-color: #c96710; color: #fff; display: inline-flex; align-items: center; height: 50px; padding: 0 30px; border-radius: 20px 20px 0 0; font-family: "Raleway", sans-serif; font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: 800; white-space: nowrap; z-index: 1; }
#themes-default .wrapper #themes-list .item a .image:before { content: ""; background-color: #000; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.3; z-index: 1; transition: opacity 0.5s ease; }
#themes-default .wrapper #themes-list .item a .description { background-color: rgba(0, 0, 0, 0.85); display: flex; align-items: center; padding: 30px 30px 60px 30px; height: 100%; position: absolute; top: 100%; left: 0; transition: top 0.3s ease; }
#themes-default .wrapper #themes-list .item a .description span { display: -webkit-box; max-height: 110px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #fff; }
#themes-default .wrapper #themes-list .item a:hover .image span.cover { transform: scale(1.1, 1.1); }
#themes-default .wrapper #themes-list .item a:hover .image:before { content: ""; opacity: 0; }
#themes-default .wrapper #themes-list .item a:hover .description { top: 0; }
#themes-default .wrapper #themes-list .item.ad { background: #fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 40px; }
#themes-default .wrapper #themes-list .item.ad .top { margin-bottom: 10px; }
#themes-default .wrapper #themes-list .item.ad h1 { font-size: 18px; line-height: 18px; margin-bottom: 5px; font-family: "Raleway", sans-serif; text-transform: uppercase; }
#themes-default .wrapper #themes-list .item.ad h1 br { display: none; }
#themes-default .wrapper #themes-list .item.ad p { font-size: 12px; line-height: 15px; }
#themes-default .wrapper #themes-list .item.ad .box { margin-bottom: 10px; }
#themes-default .wrapper #themes-list .item.ad .label, #themes-default .wrapper #themes-list .item.ad .label * { font-size: 10px; line-height: 13px; cursor: pointer; }
#themes-default .wrapper #themes-list .item.ad label { display: flex; font-size: 12px; line-height: 14px; margin-bottom: 10px; }
#themes-default .wrapper #themes-list .item.ad label input { margin-right: 5px; }
#themes-default .wrapper #themes-list .item.ad textarea { height: 100px; }
#themes-default .wrapper .btn-toggle { background-color: #fff; align-items: center; display: none; justify-content: center; padding: 0 20px 0 10px; position: absolute; top: 20px; left: 20px; height: 40px; border-radius: 20px; box-shadow: 0 0 5px rgba(64, 64, 64, 0.5); pointer-events: all; z-index: 2; }
#themes-default .wrapper .btn-toggle:before { background: url("../images/toggle-filters.png") no-repeat center 0; content: ""; width: 30px; height: 30px; margin-right: 5px; }
#themes-default .wrapper .btn-toggle:after { content: "Filtros"; }
#themes-default .wrapper .left.visible .btn-toggle:before { background-position: center -30px; }

#themes-detail-top { position: relative; z-index: 4; height: 400px; margin-top: -300px; background-repeat: no-repeat; background-position: center bottom; /*.top-container {position: relative;height: 100px;  .image {display: flex;align-items: flex-end;justify-content: flex-end;position: relative;top: -300px;z-index: 1; img {height: 100%;} }
}*/ }
#themes-detail-top .wrapper { display: flex; align-items: flex-end; height: 100%; padding-bottom: 50px; }
#themes-detail-top .wrapper .btn-back { display: inline-flex; align-items: center; }
#themes-detail-top .wrapper .btn-back .icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: solid 2px #c96710; border-radius: 30px; margin-right: 10px; }
#themes-detail-top .wrapper .btn-back .icon:before { content: ""; background: url("../images/icons-01.svg") no-repeat -20px 0; background-size: 400px; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; }
#themes-detail-top .wrapper .btn-back .text { white-space: nowrap; }

#themes-detail-presentation { padding: 0 0 80px 0; }

#themes-detail-presentation h1 { display: flex; align-items: center; margin-bottom: 40px; white-space: nowrap; }

#themes-detail-presentation h1:after { content: ""; display: inline-flex; width: 100%; height: 0; padding-top: 10px; border-bottom: dotted 4px #a6a6a6; margin-left: 20px; }

#themes-detail-presentation .contents { display: flex; align-items: center; }

#themes-detail-presentation .contents .left { width: 50%; padding-right: 15px; }

#themes-detail-presentation .contents .left .swiper-container { width: 100%; height: 0; padding-bottom: 56.25%; border-radius: 5px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

#themes-detail-presentation .contents .left .swiper-container .swiper-wrapper { width: 100%; height: 0; padding-bottom: 56.25%; }

#themes-detail-presentation .contents .left .swiper-container .swiper-slide { height: 0; padding-bottom: 56.25%; }

#themes-detail-presentation .contents .left .swiper-container .swiper-slide img { width: 100%; height: auto; }

#themes-detail-presentation .contents .left .swiper-container .swiper-button-next, #themes-detail-presentation .contents .left .swiper-container .swiper-button-prev { width: 30px; height: 30px; border-radius: 15px; }

#themes-detail-presentation .contents .left .swiper-container .swiper-button-next { background: #c96710 url("../images/icons-01.svg") no-repeat 0 -30px; background-size: 600px; }

#themes-detail-presentation .contents .left .swiper-container .swiper-button-prev { background: #c96710 url("../images/icons-01.svg") no-repeat -30px -30px; background-size: 600px; }

#themes-detail-presentation .contents .right { width: 50%; padding-left: 15px; }

#themes-detail-presentation .contents .right .description { margin-bottom: 40px; }

#themes-detail-presentation .contents .right p { margin-bottom: 0; }

#themes-detail-presentation .bts-demos a { padding-right: 10px; }

#themes-detail-presentation .bts-demos a:first-child { margin-right: 10px; }

#themes-detail-where { display: flex; }

#themes-detail-where .left { width: 50%; }

#themes-detail-where .left #gmaps { background-color: #eeeeee; width: 100%; height: 650px; }

#themes-detail-where .right { background-color: #c96710; width: 50%; padding: 80px; display: flex; align-items: center; }

#themes-detail-where .right * { color: #fff; }

#themes-detail-where .right .content { width: 460px; }

#themes-detail-where .right h4, #themes-detail-where .right h4 * { color: #fff; font-family: "Raleway", sans-serif; font-size: 16px; text-transform: uppercase; }

#themes-detail-where .right select { background-position: center right 10px; width: 265px; height: 50px; border-radius: 25px; cursor: pointer !important; margin-bottom: 20px; margin-top: 20px; font-weight: 700; color: #c96710 !important; }

#themes-detail-where .right select, #themes-detail-where .right select * { color: #404040; font-size: 12px; text-transform: uppercase; }

#themes-detail-where .right select optgroup { font-weight: 700; }

#themes-detail-where .right .county-result { display: inline-flex; align-items: center; }

#themes-detail-where .right .county-result[available="true"] .icon { background: #73d443 url("../images/icons-01.svg") no-repeat -183px -33px; background-size: 600px; content: ""; display: inline-flex; width: 28px; height: 28px; border: solid 2px #fff; border-radius: 15px; margin-right: 10px; }

#themes-detail-where .right .county-result[available="false"] .icon { background: #f22f2f url("../images/icons-01.svg") no-repeat -213px -33px; background-size: 600px; content: ""; display: inline-flex; width: 28px; height: 28px; border: solid 2px #fff; border-radius: 15px; margin-right: 10px; }

#themes-detail-select .pretop { display: flex; justify-content: center; }

#themes-detail-select .pretop-title { display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 20px; border: solid 2px #e1e1e1; border-radius: 25px; color: #c96710; font-size: 14px; font-weight: bold; text-transform: uppercase; white-space: nowrap; }

#themes-detail-howmany { background-color: #c96710; background: linear-gradient(0deg, #c96710 0%, #e67f24 100%); padding: 80px 0; }

#themes-detail-howmany .top { display: flex; justify-content: center; align-items: center; height: 80px; margin-bottom: 30px; }

#themes-detail-howmany .top:before { content: ""; border-left: dotted 4px #fff; height: 70px; position: absolute; top: 85px; }

#themes-detail-howmany .top * { color: #fff; font-weight: 700; }

#themes-detail-howmany .top .text { font-size: 14px; text-transform: uppercase; }

#themes-detail-howmany .top .number { font-size: 100px; text-align: center; margin: 0 30px; height: 100%; line-height: 50px; }

#themes-detail-howmany .usage { position: relative; padding: 60px 15px 120px 15px; }

#themes-detail-howmany .usage .left { padding: 0 10px; height: 35px; position: absolute; left: 0; top: 0; border: solid 2px #fff; border-radius: 20px; color: #fff; font-size: 20px; display: flex; align-items: center; }

#themes-detail-howmany .usage .left:before { content: ""; height: 20px; border-left: dotted 4px #fff; position: absolute; bottom: -25px; right: calc(50% - 2px); }

#themes-detail-howmany .usage .right { padding: 0 10px; height: 35px; position: absolute; display: flex; align-items: center; right: 0; top: 0; border: solid 2px #fff; border-radius: 20px; color: #fff; font-size: 20px; }

#themes-detail-howmany .usage .right:before { content: ""; height: 20px; border-left: dotted 4px #fff; position: absolute; bottom: -25px; right: calc(50% - 2px); }

#themes-detail-howmany .usage .bar { background-color: #fff; width: 100%; height: 50px; border-radius: 8px; display: flex; justify-content: flex-start; align-items: center; }

#themes-detail-howmany .usage .bar .bar-fill { background-color: #c96710; background: linear-gradient(0deg, #c96710 0%, #e67f24 100%); height: 40px; display: flex; flex-direction: column; align-items: flex-end; border-radius: 5px; margin: 5px; }

#themes-detail-howmany .usage .bar .used { position: absolute; bottom: 0; display: flex; flex-direction: column; align-items: center; position: relative; margin-top: 80px; right: -40px; }

#themes-detail-howmany .usage .bar .used:before { content: ""; border-left: dotted 4px #fff; position: absolute; top: -25px; height: 20px; }

#themes-detail-howmany .usage .bar .used .number { background-color: #fff; font-size: 30px; color: #c96710; font-weight: 700; padding: 0 18px; height: 50px; margin-bottom: 10px; border-radius: 25px; display: flex; align-items: center; }

#themes-detail-howmany .usage .bar .used .used { position: relative; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 700; margin-top: 0; right: auto; }

#themes-detail-howmany .usage .bar .used .used:before { display: none; }

#themes-detail-design { background-color: #c96710; background: linear-gradient(0deg, #c96710 0%, #e67f24 100%); padding: 80px 0; }
#themes-detail-design .wrapper { display: flex; }
#themes-detail-design .wrapper .left { width: 50%; padding-right: 15px; display: flex; flex-direction: column; justify-content: center; }
#themes-detail-design .wrapper .left img { width: 100%; }
#themes-detail-design .wrapper .right { width: 50%; padding-left: 15px; display: flex; flex-direction: column; justify-content: center; }
#themes-detail-design .wrapper .right .content * { color: #fff; }

#themes-detail-select .contents { display: flex; }

#themes-detail-select .contents .item { width: 50%; }

#themes-detail-select .contents .item:nth-child(1) { padding: 30px 80px 80px 0; border-right: solid 1px #e1e1e1; border-bottom: solid 2px #e1e1e1; }

#themes-detail-select .contents .item:nth-child(2) { padding: 30px 0 80px 80px; border-left: solid 1px #e1e1e1; border-bottom: solid 2px #e1e1e1; }

#themes-detail-select .contents .item h3 { font-size: 60px; line-height: 60px; }

#themes-detail-select .contents .item .description { margin-bottom: 20px; }

#themes-detail-select .contents .item .box-price { display: flex; margin-bottom: 50px; }

#themes-detail-select .contents .item .box-price:before { content: ""; width: 100%; border-bottom: dotted 4px #a6a6a6; }

#themes-detail-select .contents .item .box-price .info { display: flex; flex-direction: column; margin-left: 20px; }

#themes-detail-select .contents .item .box-price .info .label { font-size: 12px; text-transform: uppercase; color: #404040; font-weight: 700; }

#themes-detail-select .contents .item .box-price .info .price { font-size: 45px; color: #c96710; font-weight: 700; }

#themes-detail-select .contents .item .bot h4 { font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }

#themes-detail-select .contents .item .bot ul { margin-bottom: 30px; }

#themes-detail-select .contents .item .bot ul li { display: flex; padding: 12px 0; border-bottom: solid 1px #e1e1e1; font-size: 14px; }

#themes-detail-select .contents .item .bot ul li:before { background: url("../images/icons-01.svg") no-repeat -120px -40px; background-size: 400px; content: ""; width: 20px; height: 20px; flex-shrink: 0; margin: 0 10px 0 0; }

#themes-detail-select .extraservices { padding-top: 80px; position: relative; }

#themes-detail-select .extraservices h5 { font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; text-align: center; }

#themes-detail-select .extraservices .item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: solid 1px #e1e1e1; font-size: 14px; }

#themes-detail-select .extraservices .item * { font-size: 14px; }

#themes-detail-select .extraservices .item .innerright, #themes-detail-select .extraservices .item .innerright * { font-weight: bold; }

#themes-detail-select .extraservices .item .innerright .price { color: #c96710; }

html.temas.demo body { overflow: hidden; }

#theme-demo-header { background-color: #404040; position: fixed; z-index: 1001; top: 0; left: 0; width: 100%; height: 80px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
#theme-demo-header .wrapper { display: flex; justify-content: space-between; height: 100%; width: auto; padding-left: 20px; }
#theme-demo-header .wrapper * { color: #fff; }
#theme-demo-header .wrapper .left { width: 60%; height: 100%; display: flex; align-items: center; }
#theme-demo-header .wrapper .left .box-logo { margin-right: 10px; }
#theme-demo-header .wrapper .left a { display: block; width: auto; }
#theme-demo-header .wrapper .left a img { color: #c96710; font-family: "Cormorant Garamond", serif; font-size: 30px; font-weight: bold; width: auto; height: 26px; }
#theme-demo-header .wrapper .left .box-theme h1 { font-size: 24px; line-height: 24px; border-left: solid 1px #fff; padding-left: 10px; }
#theme-demo-header .wrapper .left .box-theme .description { height: 45px; overflow-y: auto; }
#theme-demo-header .wrapper .left .box-theme .description, #theme-demo-header .wrapper .left .box-theme .description * { font-size: 12px; line-height: 15px; }
#theme-demo-header .wrapper .left .box-theme .description p { margin-bottom: 5px; }
#theme-demo-header .wrapper .right { display: flex; align-items: center; }
#theme-demo-header .wrapper .right .box { height: 100%; margin-left: 1px; }
#theme-demo-header .wrapper .right .btn-popbuy { display: flex; justify-content: center; flex-direction: column; padding-bottom: 5px; height: 100%; border-radius: 0; }
#theme-demo-header .wrapper .right .btn-popbuy span { display: inline-flex; align-items: center; }
#theme-demo-header .wrapper .right .btn-popbuy .price-content { font-size: 10px; line-height: 10px; white-space: nowrap; text-transform: none; }
#theme-demo-header .wrapper .right .btn-popbuy .price { font-size: 20px; line-height: 14px; white-space: nowrap; font-weight: bold; margin-left: 10px; }

#theme-demo-header .box-logo a { color: #fff; }

#theme-demo-header .btn-toggledemo { width: 40px; height: 40px; position: fixed; right: 20px; z-index: 1002; display: none; }

#theme-demo-header .btn-toggledemo span { background-color: #fff; width: 25px; height: 1px; display: block; position: absolute; left: 7px; }

#theme-demo-header .btn-toggledemo span:nth-child(1) { top: 10px; transition: all 0.3s ease; }

#theme-demo-header .btn-toggledemo span:nth-child(2) { top: 20px; }

#theme-demo-header .btn-toggledemo span:nth-child(3) { top: 30px; transition: all 0.3s ease; }

#theme-demo-header .btn-toggledemo.active span:nth-child(1) { top: 20px; transform: rotate(45deg); }

#theme-demo-header .btn-toggledemo.active span:nth-child(2) { display: none; }

#theme-demo-header .btn-toggledemo.active span:nth-child(3) { top: 20px; transform: rotate(-45deg); }

.temas.demo body { position: relative; width: 100%; height: 100%; }

#theme-demo-iframe { width: 100%; height: 100%; }

/* ###################### FAQS ###################### */
#faqs-presentation { padding-bottom: 0; }
#faqs-presentation h1 { position: relative; display: flex; align-items: center; white-space: nowrap; margin-bottom: 0; }
#faqs-presentation h1:after { content: ""; display: inline-flex; width: 100%; height: 0; padding-top: 10px; border-bottom: dotted 4px #a6a6a6; margin-left: 20px; }
#faqs-presentation .description { margin-top: 40px; }

#faqs-list { padding-top: 30px; }
#faqs-list .accordion-item { border-bottom: solid 1px #e1e1e1; }
#faqs-list .accordion-title { display: flex; justify-content: space-between; }
#faqs-list .accordion-title .text { display: inline-flex; align-items: center; width: 100%; min-height: 50px; }
#faqs-list .accordion-title .icon { background: url("../images/icons-01.svg") no-repeat -114px -1px; background-size: 565px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 30px; height: 30px; border: solid 2px #c96710; border-radius: 30px; position: relative; top: 10px; transition: transform 0.3s ease; }
#faqs-list .accordion-title:hover .icon { transform: rotate(180deg); }
#faqs-list .accordion-title:hover .text, #faqs-list .accordion-item.active .text { color: #c96710; }
#faqs-list .accordion-item.active .icon { background-color: #c96710; background-position: -142px -29px; }
#faqs-list .accordion-content { display: none; padding: 40px 80px 40px 100px; }

/* ###################### PRECOS ###################### */
#pricing-presentation h1 { display: flex; align-items: center; margin-bottom: 40px; }
#pricing-presentation h1:after { content: ""; display: inline-flex; width: 100%; height: 0; padding-top: 10px; border-bottom: dotted 4px #a6a6a6; margin-left: 20px; }
#pricing-presentation .packges-container { display: flex; }
#pricing-presentation .packges-container .col-left { width: 235px; flex-shrink: 0; position: relative; }
#pricing-presentation .packges-container .col-left .mobile-toggle { background: #c96710 url("../images/icon-features.png") no-repeat center center; position: absolute; width: 40px; height: 40px; right: -40px; top: 10px; border-radius: 0 10px 10px 0; display: none; transition: left 0.3s ease; }
#pricing-presentation .packges-container .col-left .mobile-toggle.sticky { position: fixed; top: 110px; left: 0; }
#pricing-presentation .packges-container .col-left * { font-size: 14px; line-height: 17px; }
#pricing-presentation .packges-container .col-left .top { padding-right: 30px; padding-top: 40px; margin-bottom: 40px; }
#pricing-presentation .packges-container .col-left .top h3 { font-family: "Raleway", sans-serif; font-size: 20px; line-height: 23px; font-weight: bold; margin-bottom: 15px; }
#pricing-presentation .packges-container .col-left .bot h4 { font-family: "Raleway", sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; text-transform: uppercase; }
#pricing-presentation .packges-container .col-left .bot li:first-child { border-top: solid 1px #e1e1e1; }
#pricing-presentation .packges-container .col-left .bot li { min-height: 76px; padding: 20px 15px; border-bottom: solid 1px #e1e1e1; display: flex; flex-direction: column; justify-content: center; }
#pricing-presentation .packges-container .col-left .bot li:nth-child(even) { background-color: #fafafa; }
#pricing-presentation .packges-container .col-left .bot li span { font-size: 12px; font-weight: bold; }
#pricing-presentation .packges-container .col-right { width: calc(100% - 225px); position: relative; left: -10px; }
#pricing-presentation .packges-container .col-right .swiper-container { padding: 10px 10px 50px 10px; width: calc(100% + 10px); height: 100%; }
#pricing-presentation .packges-container .col-right .swiper-pagination-bullets { bottom: 0; }
#pricing-presentation .packges-container .col-right .swiper-pagination-bullets .swiper-pagination-bullet { background-color: #e1e1e1; height: 10px; width: 30px; border-radius: 5px; opacity: 1; }
#pricing-presentation .packges-container .col-right .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #c96710; }
#pricing-presentation .packges-container .col-right .swiper-slide { border-radius: 10px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); }
#pricing-presentation .packges-container .col-right .swiper-slide .top { padding: 30px; border-radius: 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); margin-bottom: 70px; }
#pricing-presentation .packges-container .col-right .swiper-slide .top h3 { font-family: "Raleway", sans-serif; font-size: 24px; line-height: 27px; text-transform: uppercase; margin-bottom: 15px; }
#pricing-presentation .packges-container .col-right .swiper-slide .top .box-price { display: flex; flex-direction: column; margin-top: 20px; }
#pricing-presentation .packges-container .col-right .swiper-slide .top .box-price .since, #pricing-presentation .packges-container .col-right .swiper-slide .top .box-price .note { font-size: 12px; line-height: 12px; font-weight: bold; }
#pricing-presentation .packges-container .col-right .swiper-slide .top .box-price .price { font-size: 45px; line-height: 48px; font-weight: bold; color: #c96710; margin-bottom: 10px; }
#pricing-presentation .packges-container .col-right .swiper-slide .bot li:first-child { border-top: solid 1px #e1e1e1; }
#pricing-presentation .packges-container .col-right .swiper-slide .bot li { min-height: 76px; padding: 20px 15px; border-bottom: solid 1px #e1e1e1; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: padding-left 0.3s ease; }
#pricing-presentation .packges-container .col-right .swiper-slide .bot li:nth-child(even) { background-color: #fafafa; }
#pricing-presentation .packges-container .col-right .swiper-slide .bot li.included:before { background: url("../images/black-check.png") no-repeat center center; content: ""; width: 14px; height: 14px; }
#pricing-presentation .packges-container .col-right .swiper-slide .box-contact { text-align: center; position: relative; bottom: -20px; }
#pricing-presentation .packges-container.active .mobile-toggle { background: #c96710 url("../images/close-white.png") no-repeat center center; }
#pricing-presentation .packges-container.active .mobile-toggle.sticky { left: 280px; }
#pricing-presentation .packges-container.active .col-left { left: -20px; pointer-events: none; }
#pricing-presentation .packges-container.active .col-left .mobile-toggle { pointer-events: all; }
#pricing-presentation .packges-container.active .col-right .swiper-slide .bot li { padding-left: 80%; }

.extras-container { background-color: #f8f8f8; }
.extras-container h2 { font-family: "Raleway", sans-serif; font-size: 24px; line-height: 27px; text-transform: uppercase; text-align: center; }
.extras-container ul li:first-child { border-top: solid 1px #e1e1e1; }
.extras-container ul li { min-height: 76px; padding: 20px 15px; border-bottom: solid 1px #e1e1e1; display: flex; justify-content: space-between; align-items: center; }
.extras-container ul li:nth-child(even) { background-color: rgba(255, 255, 255, 0.8); }
.extras-container ul li span span { font-size: 12px; font-weight: bold; }
.extras-container ul li .left { line-height: 17px; }
.extras-container ul li .right { font-weight: bold; }
.extras-container ul li .right em { font-weight: bold; font-style: normal; color: #c96710; }

/* ###################### CONTACTOS ###################### */
#quote-container h2 { position: relative; display: flex; align-items: center; white-space: nowrap; margin-bottom: 40px; }
#quote-container h2:after { content: ""; display: inline-flex; width: 100%; height: 0; padding-top: 10px; border-bottom: dotted 4px #a6a6a6; margin-left: 20px; }
#quote-container .contents { display: flex; }
#quote-container .left { width: 30%; padding-right: 15px; }
#quote-container .right { width: 70%; padding-left: 15px; }
#quote-container .right form .top { display: flex; margin-bottom: 30px; }
#quote-container .right form .top .box:not(:last-child) { margin-bottom: 15px; }
#quote-container .right form .top .box { position: relative; }
#quote-container .right form .top .box .label { display: flex; align-items: center; justify-content: space-between; }
#quote-container .right form .top .innerleft { width: 50%; padding-right: 15px; }
#quote-container .right form .top .innerleft .box.disabled { opacity: 0.4; pointer-events: none; }
#quote-container .right form .top .innerright { width: 50%; padding-left: 15px; }
#quote-container .right form .top .innerright .box-message .char-counter { position: absolute; top: 0; right: 20px; }
#quote-container .right form .top .innerright .message { height: 400px; }
#quote-container .right form .top .box.error input, #quote-container .right form .top .box.error textarea, #quote-container .right form .top .box.error select { border-color: #c96710; }
#quote-container .right form .top .box .field-error { background-color: #fff; position: absolute; bottom: -5px; left: 10px; padding: 0 5px; font-size: 10px; color: #c96710; }
#quote-container .right form .bot { display: flex; }
#quote-container .right form .bot .innerleft { width: 70%; padding-right: 15px; }
#quote-container .right form .bot .innerleft * { font-size: 10px; line-height: 13px; }
#quote-container .right form .bot .innerleft .p_mandatory { color: #c96710; }
#quote-container .right form .bot .innerright { width: 30%; padding-left: 15px; display: flex; justify-content: flex-end; }

.box.error input, .box.error textarea, .box.error select { border-color: #c96710; }

.box .field-error { background-color: #fff; position: absolute; bottom: -5px; left: 10px; padding: 0 5px; font-size: 10px; color: #c96710; }

.box.box-message .field-error { bottom: 0px; }

#contact-container h2 { position: relative; display: flex; align-items: center; white-space: nowrap; margin-bottom: 40px; }
#contact-container h2:after { content: ""; display: inline-flex; width: 100%; height: 0; padding-top: 10px; border-bottom: dotted 4px #a6a6a6; margin-left: 20px; }
#contact-container .contents { display: flex; }
#contact-container .left { width: 30%; padding-right: 15px; }
#contact-container .right { width: 70%; padding-left: 15px; }
#contact-container .right form .top { display: flex; margin-bottom: 30px; }
#contact-container .right form .top .box:not(:last-child) { margin-bottom: 15px; }
#contact-container .right form .top .box .label { display: flex; align-items: center; justify-content: space-between; }
#contact-container .right form .top .innerleft { width: 50%; padding-right: 15px; }
#contact-container .right form .top .innerright { width: 50%; padding-left: 15px; }
#contact-container .right form .top .innerright .box-message .char-counter { position: absolute; top: 0; right: 20px; }
#contact-container .right form .top .innerright .message { height: 112px; }
#contact-container .right form .bot { display: flex; }
#contact-container .right form .bot .innerleft { width: 70%; padding-right: 15px; }
#contact-container .right form .bot .innerleft * { font-size: 10px; line-height: 13px; }
#contact-container .right form .bot .innerleft .p_mandatory { color: #c96710; }
#contact-container .right form .bot .innerright { width: 30%; padding-left: 15px; display: flex; justify-content: flex-end; }

#loading-container { background: rgba(255, 255, 255, 0.8) url("../images/loading.gif") no-repeat center center; position: fixed; z-index: 100000000; width: 100%; height: 100%; top: 0; left: 0; display: none; }

/* ###################### PUP COKIES ###################### */
.cc-window.cc-floating { box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3); }

.cc-floating .cc-message { color: #fff; margin-bottom: 5px; }

.cc-window.cc-floating { border-radius: 5px; }

.cc-floating .cc-compliance > .cc-btn { background-color: #fff; color: #c96710; border-radius: 25px; text-transform: uppercase; opacity: 0.7; transition: opacity 0.3s ease; }

.cc-floating .cc-compliance > .cc-btn:hover { background-color: #fff; color: #c96710; opacity: 1; }

.cc-floating .cc-message .cc-link { display: flex; align-items: center; justify-content: center; border: solid 1px #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 37px; border-radius: 20px; margin-top: 10px; text-decoration: none; transition: background-color 0.3s ease; }

.cc-floating .cc-message .cc-link:hover { background-color: #fff; color: #c96710; }