body { padding:0px; margin:0px; background:#ffffff; font-size:18px; color:#000000; line-height:26px; font-family: 'Sora-Regular';} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; } a, img { border: medium none; } a { color: #000000; text-decoration: none; outline:none; } div { margin: 0; padding: 0; } p { font-size:16px; line-height:20px; padding:0px; margin:0px; color:#000000;} h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; } strong {font-family: 'BasisGrotesquePro-Bold';} /*a:hover { color: #979796; }*/ ul, li { list-style:none;} a:focus, :focus{ outline:none; } ul,ol { list-style-type:none; padding:0px; margin:0px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; } .left { float:left; } .right { float:right; } .anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; } .anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; } .row { width:1260px; margin:auto; padding:0px;} /******header*******/ header { float: left; width: 100%; padding: 20px 0; background: #ffffff; z-index: 99; position: relative;} header .row { /* width: 1320px; */ width: 1380px; } .head-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} .logo-top { float: left;} .logo-top img { float: left;} .logo-top img.mob-logo { display: none;} .head-rgt { display: flex; flex-wrap: wrap; align-items: center; } .hdr-links { display: flex; align-items: center; flex-wrap: wrap; } .search-list { border-right: 1px solid rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(0, 0, 0, 0.5); padding:0 8px;} .search-list ul { display: flex; align-items: center; flex-wrap: wrap; column-gap: 10px;} .search-list ul li { flex: 0 1 auto;} .search-list ul li a { transition: all 0.4s ease; display: flex; align-items: center; flex-wrap: wrap; width: 34px; height: 34px; background:none; border-radius: 50px; justify-content: center;} .search-list ul li.in-search a span { background: url(../images/search-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .search-list ul li.in-search input[type="submit"] { cursor: pointer; padding: 0; background: url(../images/search-blk.svg) no-repeat 0 0; border: none; width: 24px; height: 24px; display: inline-block;} .search-list ul li.in-heart a span { background: url(../images/heart_outline_blk.svg) no-repeat 0 0; width: 22px; height: 22px; display: inline-block;} .weather {padding: 0 18px; border-right: 1px solid rgba(0, 0, 0, 0.5); height: 34px; display: flex;} .weather a { display: flex; align-items: center; flex-wrap: wrap; column-gap: 10px;} .weather a span { background: url(../images/weather-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .select-lang { margin-left: 18px;} .m-menu { display: none;} .search-list ul li a:hover { background: #cbc5de;} .search-list ul li.in-heart a.active { background: #cbc5de;} /* .is-sticky header { } */ header.hm-header { position: absolute; background: none;} #home-stick-sticky-wrapper { height: auto !important;} #home-stick-sticky-wrapper > div { height: auto !important;} .hm-header .cbp-hrmenu > ul > li > a { color: #ffffff;} .hm-header .nice-select { color: #ffffff;} .hm-header .nice-select::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } .hm-header .weather { border-right: 1px solid rgba(255, 255, 255, 0.5); } .hm-header .weather p { color: #fff;} .hm-header .weather a span { background: url(../images/weather-w.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .hm-header .search-list { border-right: 1px solid rgba(255, 255, 255, 0.5); border-left: 1px solid rgba(255, 255, 255, 0.5);} .hm-header .search-list ul li.in-search a span { background: url(../images/search-w.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .hm-header .search-list ul li.in-search input[type="submit"] { cursor: pointer; padding: 0; background: url(../images/search-w.svg) no-repeat 0 0; border: none; width: 24px; height: 24px; display: inline-block;} .hm-header .search-list ul li.in-heart a span { background: url(../images/header-heart_outline.svg) no-repeat 0 0; width: 22px; height: 22px; display: inline-block;} .hm-header .nice-select span:hover { color: #ffffff;} .hm-header .nice-select:hover::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } .hm-header .search-list ul li a:hover { background: rgba(255, 255, 255, 0.2);} .hm-header .search-list ul li.in-search:hover { background: rgba(255, 255, 255, 0.2);} .is-sticky .hm-header { background: #ffffff;} .is-sticky .hm-header .cbp-hrmenu > ul > li > a { color: #000;} .is-sticky .hm-header .weather { border-right: 1px solid rgba(0, 0, 0, 0.5); } .is-sticky .hm-header .weather p { color: #000;} .is-sticky .hm-header .weather a span { background: url(../images/weather-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .is-sticky .hm-header .search-list { border-right: 1px solid rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(0, 0, 0, 0.5);} .is-sticky .hm-header .search-list ul li.in-search a span { background: url(../images/search-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .is-sticky .hm-header .search-list ul li.in-heart a span { background: url(../images/heart_outline_blk.svg) no-repeat 0 0; width: 22px; height: 22px; display: inline-block;} .is-sticky .hm-header .nice-select span:hover { color: #000;} .is-sticky .hm-header .nice-select:hover::after { border-bottom: 2px solid #000; border-right: 2px solid #000; } .is-sticky .hm-header .nice-select { color: #000;} .is-sticky .hm-header .nice-select::after { border-bottom: 2px solid #000; border-right: 2px solid #000; } .is-sticky .hm-header .search-list ul li.in-search input[type="submit"] { cursor: pointer; padding: 0; background: url(../images/search-blk.svg) no-repeat 0 0; border: none; width: 24px; height: 24px; display: inline-block;} .is-sticky header { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .is-sticky .m-menu span { background: #000;} .search-list ul li.in-search.open a { background: #dcdae8; } .is-sticky .search-list ul li.in-search.open a span { background: url(../images/close-blk.svg) no-repeat 0 0; width: 18px; height: 18px; display: inline-block; background-size: cover;} .search-list ul li.in-search.open a span { background: url(../images/close-blk.svg) no-repeat 0 0; width: 18px; height: 18px; display: inline-block; background-size: cover;} .is-sticky .hm-header .search-list ul li a:hover { background: #dcdae8; } .over .is-sticky header { background: #28166F;} .over .is-sticky .weather a span { background: url(../images/weather-w.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .over .is-sticky .weather p { color: #ffffff;} .over .is-sticky .hm-header .search-list ul li.in-search a span { background: url(../images/search-w.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .over .is-sticky .hm-header .search-list ul li.in-search a:hover span { background: url(../images/search-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .over .is-sticky .hm-header .search-list { border-right: 1px solid rgba(255, 255, 255, 0.5);} .over .is-sticky .search-list { border-left: none;} .over .is-sticky .hm-header .weather { border-right: 1px solid rgba(255, 255, 255, 0.5); } .over .weather p { color: #fff; font-size: 13px;} .over .weather a span { background: url(../images/weather-w.svg) no-repeat 0 0; } .over .search-list, .over .is-sticky .search-list { /*border-left: 1px solid transparent;*/ border-right: 1px solid rgba(255, 255, 255, 0.5);} .over .search-list ul li.in-search a span { background: url(../images/search-w.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .over .is-sticky .search-list ul li.in-search a:hover span { background: url(../images/search-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .over .weather {border-right: 1px solid rgba(255, 255, 255, 0.5); } .search-open .hm-header { background: #ffffff;} .search-open .hm-header .cbp-hrmenu > ul > li > a { color: #000;} .search-open .hm-header .weather { border-right: 1px solid rgba(0, 0, 0, 0.5); } .search-open .hm-header .weather p { color: #000;} .search-open .hm-header .weather a span { background: url(../images/weather-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .search-open .hm-header .m-menu span { background: #000;} .search-open .hm-header .search-list { border-right: 1px solid rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(0, 0, 0, 0.5);} .search-open .hm-header .search-list ul li.in-search a span { background: url(../images/search-blk.svg) no-repeat 0 0; width: 24px; height: 24px; display: inline-block;} .search-open .hm-header .search-list ul li.in-heart a span { background: url(../images/heart_outline_blk.svg) no-repeat 0 0; width: 22px; height: 22px; display: inline-block;} .search-open .hm-header .nice-select span:hover { color: #000;} .search-open .hm-header .nice-select:hover::after { border-bottom: 2px solid #000; border-right: 2px solid #000; } .search-open .hm-header .nice-select { color: #000;} .search-open .hm-header .nice-select::after { border-bottom: 2px solid #000; border-right: 2px solid #000; } .search-open .search-list ul li.in-search.open a span { background: url(../images/close-blk.svg) no-repeat 0 0; width: 18px; height: 18px; display: inline-block; background-size: cover;} .fixed-header-search {display: none; float: left;width: 100%; position: absolute;left: 0;right: 0;top: 100%; overflow: hidden;overflow-y: hidden; border-top: 1px solid #D8D8D8; background: #fff; box-shadow: 0px 25px 20px rgba(0,0,0,0.2); height: calc(100vh - 109px);} .fixed-header-search.open { display: block;} .site-header-search { position: absolute; top:20px; right: 20px; height: auto; z-index: 99; margin-top: 0px; padding: 0px 0px;} .site-search { float: left; width: 100%; padding: 115px 215px 130px; position: relative;} .site-search__div h2 {font-size: 60px; line-height: 75px; color: #000; font-family: 'Sora-Bold'; margin-bottom: 25px; text-align: center; } .cercar-filter-div { float: left; width: 100%; position: relative;z-index: 1; margin-bottom: 45px; text-align: center;} .search-box { float: none; width: 85%; position: relative; padding: 0px 0px; display: inline-block;} .search-box input[type="text"] { border-radius: 5px; letter-spacing: 0.5px; float: left;width: 100%;border: none;font-size: 17px;color: #000;font-family: 'SFProDisplay-Light'; padding: 0 85px 0px 32px; background: #eae9f1; height: 70px; } .search-box input[type="search"] { border-radius: 5px; letter-spacing: 0.5px; float: left;width: 100%;border: none;font-size: 17px;color: #000;font-family: 'SFProDisplay-Light'; padding: 0 85px 0px 32px; background: #eae9f1; height: 70px; } .submit-ar {position: absolute;right: 20px;top: 50%;cursor: pointer;background: url(../images/search-blk.svg) no-repeat center center; background-size: auto; width: 24px; height: 24px;border: none;padding: 0; transform: translateY(-50%);} .search-box input[type="submit"] {text-indent: -999px; position: absolute;right: 20px;top: 50%;cursor: pointer;background: url(../images/search-blk.svg) no-repeat center center; background-size: auto; width: 24px; height: 24px;border: none;padding: 0; transform: translateY(-50%);} .sub-menu-div .mCSB_scrollTools .mCSB_draggerRail {background-color: rgba(255,255,255,0.2);} .sub-menu-div .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(255,255,255,0.4);} .sub-menu-div .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: rgba(255,255,255,0.85);} .site-search__div {float: left; width: 100%;} .search-tags { float: left; width: 100%; } .search-tags ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 20px; justify-content: center;} .search-tags ul li { flex: 0 1 auto;} .search-tags ul li a { display: block; padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; font-size: 15px; line-height: 20px; color: #000; text-transform: none; text-align: center;font-family: 'Sora-Light';transition: all 0.5s ease;} .search-tags ul li a:hover { background: #28166F; color: #fff;} .search-open .m-menu span { background: #000000;} /*******************************************************/ .inn-banner { float: left; width: 100%; position: relative;} .inn-banner::after { position: absolute; left: 0; top: 0; content: ""; background: rgba(0,0,0,0.2); width: 100%; height: 100%;} .inn-banner img { width: 100%; float: left;} .inn-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 1;} .inn-caption h1 { color: #ffffff; font-size: 60px; font-family: 'Sora-Bold'; line-height: 70px;} .inn-banner .ban-icon-div { z-index: 1; bottom: 30px;} .breadcrumb-sec { float: left; width: 100%; border-bottom: 1px solid #cdcdcd; padding: 10px 0;} .breadcrumb-sec ul { display: flex; align-items: center;} .breadcrumb-sec ul li { flex: 0 1 auto; font-family: 'SFProDisplay-Medium'; color: #000000; font-size: 14px; letter-spacing: 0.35px; line-height: 20px;} .breadcrumb-sec ul li a { color: #5d5d5d; font-family: 'SFProDisplay-Regular'; position: relative; margin-right: 10px; padding-right: 12px; transition: all 0.4s ease;} .breadcrumb-sec ul li a:after { position: absolute; color: #5d5d5d; content: "/"; display: block; font-size: 14px; top: 50%; transform: translateY(-50%); right: 0; line-height: 18px;} .breadcrumb-sec ul li a:hover { color: #28166F; text-decoration: underline;} .plan-cnt { float: left; width: 100%; padding: 60px 0 100px;} .plan-cnt p { color: #28166F; font-size: 30px; line-height: 44px; font-family: 'Sora-Regular'; } .plan-cnt ul { display: flex; flex-wrap: wrap; margin-top: 60px; column-gap: 2%; row-gap: 30px;} .plan-cnt ul li { flex: 0 1 32%; border-radius: 6px; overflow: hidden; position: relative;} .plan-cnt ul li a { display: flex; flex-wrap: wrap;} .plan-cnt ul li a::after { position: absolute; bottom: 0; content: ""; left: 0; width: 100%; height: 50%; z-index: 1; background: rgba(248,80,50,0); background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(0,0,0,0.58) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(100%, rgba(0,0,0,0.58))); background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(0,0,0,0.58) 100%); background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(0,0,0,0.58) 100%); background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(0,0,0,0.58) 100%); background: linear-gradient(to bottom, rgba(248,80,50,0) 0%, rgba(0,0,0,0.58) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#000000', GradientType=0 );} .plan-cnt ul li img { float: left; width: 100%; transition: all 0.5s ease; z-index: -1;} .plan-cnt ul li img.org-img {position: absolute; top: 0px; left: 0px; z-index: 1; max-width: 100%; height: 100%; object-fit: cover;} .plan-cnt ul li h2 { padding: 0 15px; position: absolute; bottom: 25px; font-size: 30px; line-height: 38px; font-family: 'Sora-SemiBold'; color: #ffffff; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 9;} .plan-cnt ul li:hover img { transform: scale(1.05);} /***************************************common section css**********************************************/ /* planeau section */ .planeau-sec { float: left; width: 100%; position: relative;} .planeau-sec img { float: left; width: 100%;} .planeau-sec:after { position: absolute; content: ""; display: block; font-size: 14px; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);} .plana-cap { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; left: 0; right: 0; text-align: center;} .plana-cap h2 { color: #ffffff; font-size: 70px; line-height: 80px; font-family: 'Sora-Bold'; margin-bottom: 20px;} .plana-cap p { color: #ffffff; font-size: 16px; line-height: 22px; font-family: 'SFProDisplay-Semibold'; margin-bottom: 40px;} .plana-cap a { transition: all 0.4s ease; background: #fff; border-radius: 25px; font-size: 15px; color: #000000; font-family: 'Sora-SemiBold'; line-height: 24px; padding: 10px 50px; display: inline-block;} .plana-cap a:hover { background: #28166F; color: #fff;} /* newsletter section */ .hm-news-sec { display: grid; width: 100%; padding: 50px 0; background:#28166F; } .hm-news-div { display: flex; display: -moz-flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; padding: 0px 8%; justify-content: space-between;} .news-lft { width: 42%; display: flex; display: -moz-flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap;} .news-lft h2 { color: #fff; font-size: 50px; line-height: 55px; font-family: 'Sora-Bold'; } .news-lft h2 span { display: block; font-family: 'Sora-Regular';} .news-rht { width: 52%;} .news-box { width: 100%; position: relative;} .news-txtbox { float: left; width: 100%; position: relative;} .news-box input[type="text"] { border: none; padding: 0 120px 0 25px; height: 48px; background: rgba(255,255,255,0.2); border-radius: 25px; width: 100%; color: #fff; font-size: 18px; font-family: 'SFProDisplay-Medium'; line-height: 45px; } .new-bx-lft { float: left; width: 100%; padding-right: 0px;} .new-bx-rgt { float: left; width: auto; position: absolute; right: 0; top: 0;} .new-bx-rgt input[type="button"] { border: 1px solid #fff; padding: 10px 30px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #28166f; background: #ffffff; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; border-radius: 25px; font-family: 'SFProDisplay-Bold'; cursor: pointer;} .new-bx-rgt input[type="button"]:hover { background: none; color: #fff;} .check-rht { float: left; width: 100%; margin-top: 12px;} .check-rht ul { display: flex; display: -moz-flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; } .check-rht ul li { flex: 0 1 100%; -webkit-flex: 0 1 100%;} .check-rht ul li .frm-input.checkbox { width: 100%; margin-bottom: 0; padding-left: 0px; margin-top: 10px;} .check-rht ul li .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;} .check-rht ul li .frm-input .floating-label { color: #fff; cursor: pointer; font-size: 12px; line-height:24px; width: auto; letter-spacing: 0.5px; display: inline-block;} .check-rht ul li .frm-input.checkbox label a { color: #fff; text-decoration: underline;} /* .check-rht ul li .frm-input .floating-label span { color: #CE003A;} */ .check-rht ul li .frm-input.checkbox label { color: #fff; cursor: pointer; font-size: 14px; padding-bottom: 0px; padding-left: 25px; position: relative; display: block; width: auto; line-height:20px; margin-bottom:0px; text-align:left;font-family: 'Sora-Regular'; letter-spacing: 0.5px;} .check-rht ul li .frm-input.checkbox label::before { background: none; content: ""; height: 9px; left: 3px; position: absolute; top: 5px; transition: all 0.3s ease-in-out 0s; width: 9px; border-radius:0px; } .check-rht ul li .frm-input.checkbox label::after { background: transparent none repeat scroll 0 0; border: 1px solid #fff; content: "";height: 15px;left: 0; position: absolute; top: 2px; width: 15px;border-radius: 0px;} .check-rht ul li .frm-input.checkbox input:checked + label::before {background: #fff none repeat scroll 0 0; } footer { float: left; width: 100%; padding: 60px 0 60px; background: #ffffff;} .div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .copy p { font-size: 14px; color: #303135; font-family: 'Sora-Bold';} .ftr-list ul { display: flex; flex-wrap: wrap; column-gap: 20px;} .ftr-list ul li a { color:#303135; opacity: 0.6; font-size: 14px; color: #303135; font-family: 'Sora-Regular'; transition: all 0.4s ease; } .ftr-list ul li a:hover { color: #28166F; opacity: 1;} .ftr-social ul { display: flex; flex-wrap: wrap; column-gap: 10px;} .ftr-social ul li { flex: 0 1 auto;} .ftr-social ul li a img { width: 40px; transition: all 0.4s ease; } .ftr-social ul li a:hover img { opacity: 0.7;} .footer-logo { float: left; width: 100%; text-align: center; padding: 40px 0 0 0; margin-top: 30px; border-top: 1px solid rgba(0,0,0,0.2);} .footer-logo ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; column-gap: 40px;} .footer-logo ul li { flex: 0 1 auto;} .footer-logo ul li a img { float: left;} /********************************************home page css*******************************************************/ .hm-banner { float: left; width: 100%; position: relative; } .hm-banner .container { max-width: 100%; padding: 0; margin: 0 auto; width: 100%;} .banner-img { float: left; width: 100%;} .banner-img img { width: 100%; float: left;} .banner-txt { position: absolute; top: 50%; text-align: center; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); } .banner-txt h1 { font-size: 80px; line-height: 80px; color: #ffffff; font-family: 'Sora-Bold'; margin-bottom: 50px;} .banner-txt a { background: #ffffff; border-radius: 25px; color: #000; font-size: 15px; font-family: 'Sora-SemiBold'; padding: 8px 44px; display: inline-block; transition: all 0.4s ease;} .banner-txt a:hover { background: #28166F; color: #fff;} .slider-container { width: 100%; position: relative; } .slide-placeholder { display: flex; height: 100%; float: left;} #slick-1 .ban-slider-controls {width: auto; position: absolute; left: 2%; bottom: 52px; z-index: 1;} #slick-1 .ban_arrows { display: flex; align-items: center; } #slick-1 .ban_arrows .slick-next.slick-arrow { margin-left: 10px; right:0px;background: url(../images/arrow-prev.svg) no-repeat 0 0; width: 40px; height: 40px; position: relative; right: auto; top: auto; transform: none; } #slick-1 .ban_arrows .slick-prev.slick-arrow { background: url(../images/arrow-next.svg) no-repeat 0 0; width: 40px; height: 40px; position: relative; right: auto; top: auto; transform: none; left: auto; } #slick-1 .ban_arrows .slick-prev.slick-arrow::before { display: none;} #slick-1 .ban_arrows .slick-next.slick-arrow::before { display: none;} #slick-1 .slick-dots { bottom: 66px; width: auto; right: 4%;} #slick-1 .slick-dots li { width: auto; height: auto; } #slick-1 .slick-dots li button { background: rgba(255,255,255,0.5); width: 12px; height: 12px; border-radius: 50px; padding: 0;} #slick-1 .slick-dots li.slick-active button { background: #ffffff;} /* .men-ico { position: fixed; right: 0px; top:75px; z-index: 99;} .ban-icon-div.ban-controls-rgt { display: flex;align-items: center;justify-content: right;background: rgba(0,0,0,0.3);padding: 12px;border-radius: 50px;} .ban-icon-div.ban-controls-rgt .ban_arrows { margin-left: 35px;} */ .ban-icon-div { width: auto; position: absolute; bottom:54px; right: 1%; display: flex;align-items: center; justify-content: center; margin-top: 0px; background: rgba(0,0,0,0.5); width:38px; height: 38px; border-radius: 50px;} .camera-ico { position: relative;} .camera-ico a { display: flex; cursor: default;} .camera-ico a span { background: url(../images/camera-ico.svg) no-repeat 0 0; width: 20px; height: 20px; display: inline-block;} .camera-ico a:hover span { background: url(../images/camera-ico.svg) no-repeat 0 0; } /* START TOOLTIP STYLES */ .camera-ico .tooltip { border-radius: 5px; background: #ffffff; bottom: 100%; color: #fff; display: block; right: -5px; margin-bottom: 20px; opacity: 0; padding: 10px 18px; pointer-events: none; position: absolute; width:220px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .camera-ico .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS Triangles - see Trevor's post */ .camera-ico .tooltip:after {border-left: solid transparent 8px; border-right: solid transparent 8px; border-top: solid #ffffff 8px; bottom: -8px; content: " "; height: 0; right: 10px; margin-left: -13px; position: absolute; width: 0; } .camera-ico:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);} .camera-ico .tooltip p { font-size: 14px; color: #000000; font-family: 'Sora-Regular'; line-height: 20px;} .camera-ico .tooltip p span { display: block; font-size: 12px; display: block; font-family: 'Sora-Bold'; } .camera-ico .grn-txt p { color: #000; } .destactos-sec { float: left; width: 100%; position: relative; z-index: 1;} .destactos-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%;} .destactos-sec ul li { flex: 0 1 49%; position: relative; border-radius: 12px; overflow: hidden;} .destactos-sec ul li a { float: left; width: 100%;} .destactos-sec ul li a::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 100%; height: 90%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%); } .destactos-sec ul li img { float: left; width: 100%; transition: all 0.4s ease;} .des-cap { position: absolute; top: 0; width: 100%; height: 100%; padding: 40px; flex-wrap: wrap; display: flex; z-index: 1;} .desc-btm { float: left; width: 100%; align-content: flex-end; display: flex; flex-wrap: wrap;} .desc-btm h2 { color: #ffffff; width: 100%; font-size: 40px; line-height: 44px; font-family: 'Sora-Bold'; margin-bottom: 25px;} .desc-btm span { background: #ffffff; border-radius: 25px; color: #000; font-size: 15px; font-family: 'Sora-Medium'; padding: 8px 30px; display: inline-block; transition: all 0.4s ease;} .desc-btm span:hover { background: #28166F; color: #fff;} .des-cap p { color: #ffffff;} .destactos-sec ul li:hover img { transform: scale(1.05);} .destactos-sec ul li:hover .desc-btm span { background: #28166F; color: #fff;} .planifica-sec { float: left; width: 100%; background: #e9e8f0; padding: 240px 0 150px 0; position: relative; margin-top: -150px;} .planifica-sec::before { position: absolute; content: ""; background: url(../images/background-flower.svg) no-repeat 0 0; left: -72px; top: 0; width: 219px; height: 171px; transform: rotate(180deg);} .planifica-sec::after { position: absolute; content: ""; background: url(../images/background-flower.svg) no-repeat 0 0; right: 0; bottom: 0; width: 219px; height: 171px;} .planifica-sec h2 { font-size: 40px; font-family: 'Sora-SemiBold'; font-weight: 600; line-height: 50px; margin-bottom: 30px;} .planifica-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%;} .planifica-sec ul li { flex: 0 1 23.5%;} .planifica-sec ul li a { transition: all 0.4s ease; background: #C2BCD6; border-radius: 18px; display: block; padding:30px 40px; text-align: center; height: 250px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .planifica-sec ul li a img { margin-bottom: 60px;} .planifica-sec ul li a p { font-family: 'Sora-Medium'; font-size: 30px; } .planifica-sec ul li a:hover { background: #b6add4;} .menjores-sec { float: left; width: 100%; padding: 100px 0;} .menjores-sec h2 { color: #000; width: 100%; text-align: center; font-size: 40px; line-height: 44px; font-family: 'Sora-SemiBold'; margin-bottom: 40px;} .menjores-inn { float: left; width: 100%; position: relative; } #menjores.owl-carousel .owl-item { border-radius: 12px; overflow: hidden; } #menjores.owl-carousel .owl-item img { width: 100%; float: left; transition: all 0.4s ease;} #menjores.owl-carousel .owl-item .item { float: left; width: 100%;} #menjores.owl-carousel .owl-item .item a { float: left; width: 100%;} #menjores.owl-carousel .owl-item .item a p { text-align: center; width: 100%; position: absolute; z-index: 1; bottom: 30px; font-size: 30px; line-height: 36px; font-family: 'Sora-SemiBold'; color: #ffffff;} #menjores.owl-carousel .owl-item .item a::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%); } #menjores.owl-carousel .owl-item:hover img { transform: scale(1.04);} #menjores.owl-carousel .owl-controls { margin-bottom: 0; margin-top: 50px;} #menjores.owl-carousel .owl-nav { margin: 50px 0 0 0; width: 85px; color:#a9a9a9; font-size:16px; position: relative; bottom:auto; right:auto; top: auto; float: right; display: flex; justify-content: space-between; } #menjores.owl-carousel .owl-prev { cursor: pointer; border: none; left: 0%; position: relative; background:url(../images/arrow-prev-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0;} #menjores.owl-carousel .owl-next { cursor: pointer; border: none; right: 0%; position: relative; background:url(../images/arrow-next-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0; } #menjores.owl-carousel .owl-prev:hover, #menjores.owl-carousel .owl-next:hover { opacity: 0.4;} #menjores.owl-carousel .owl-dots { margin-top: 50px; margin-bottom:0; bottom: 0px; position:relative; width: auto; float: left;} #menjores.owl-carousel .owl-dot { cursor: pointer; border: none; background: #DCDCDC; width:12px; height: 12px; margin: 0px 5px; transition: all 0.2s ease; transform: scale(1);} #menjores.owl-carousel .owl-dot.active{background: #a9a9a9; transform: scale(1.2);} #menjores.owl-carousel .owl-dot.active, #menjores.owl-carousel .owl-dot:hover { background:#000;} .menjores-btn { float: left; width: 230px; position: absolute; left: 0; right: 0; margin: 45px auto 0; text-align: center; z-index: 1;} .menjores-btn a { transition: all 0.4s ease; background: #fff; border-radius: 25px; width: 100%; text-align: center; border: 2px solid #000; display: inline-block; padding:10px 20px; font-size: 15px; font-family: 'Sora-Medium';} .menjores-btn a:hover { background: #000; color: #ffffff;} .sitros-sec { float: left; width: 100%; background: #EFEEF4; padding: 40px 0 0 0; position: relative; overflow: hidden;} .sitros-sec::after { position: absolute; content: ""; background: url(../images/background-flower.svg) no-repeat 0 0; right: -70px; bottom: 0; width: 219px; height: 171px;} .sitros-div { display: flex; flex-wrap: wrap; align-items: center;} .sitros-lft { width: 40%; float: left;} .sitros-lft img { float: left; width: 100%;} .sitros-rht { width: 60%; float: right; padding-left: 2%;} .sitros-rht h2 { color: #000; width: 100%;font-size: 40px; line-height: 44px; font-family: 'Sora-SemiBold'; margin-bottom: 30px;} #sitios.owl-carousel .owl-stage { padding-left: 0 !important;} #sitios.owl-carousel .owl-item img { width: 100%; float: left; transition: all 0.4s ease;} #sitios.owl-carousel .owl-item .item { float: left; width: 100%;} #sitios.owl-carousel .owl-item .item a { float: left; width: 100%;} /* #sitios.owl-carousel .owl-item .item a p { text-align: center; font-size: 30px; line-height: 36px; font-family: 'Sora-SemiBold'; color: #ffffff;} */ #sitios.owl-carousel .owl-item:hover .sitios-img img { transform: scale(1.04);} #sitios.owl-carousel .owl-item:hover .sitios-img span.heart-ico { background: #28166F;} #sitios.owl-carousel .owl-item .sitios-img { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 12px; overflow: hidden;} #sitios.owl-carousel .owl-item .sitios-img img { float: left; width: 100%;} #sitios.owl-carousel .owl-item .sitios-txt { float: left; width: 100%; margin-top: 20px;} #sitios.owl-carousel .owl-item .sitios-txt h3 { font-size: 30px; line-height: 36px; color: #000000; font-family: 'Sora-Medium'; margin-bottom: 12px; transition: all 0.4s ease;} #sitios.owl-carousel .owl-item .sitios-txt p { font-size: 16px; color: #28166F; font-family: 'SFProDisplay-Regular'; } #sitios.owl-carousel .owl-item .sitios-txt p span { font-family: 'SFProDisplay-Semibold'; } #sitios.owl-carousel .owl-item .sitios-img span.heart-ico { transition: all 0.4s ease; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.3); width: 44px; height: 44px; border-radius: 0 9px 0 0; display: flex; align-items: center; justify-content: center;} #sitios.owl-carousel .owl-item .sitios-img span.heart-ico img { width: auto; transform: none;} #sitios.owl-carousel .owl-item:hover .sitios-txt h3 { color: #28166F; } #sitios.owl-carousel .owl-controls { margin-bottom: 0; margin-top: auto;} #sitios.owl-carousel .owl-nav { width: 85px; color:#a9a9a9; font-size:16px; position: absolute; top:-70px; right:0; display: flex; justify-content: space-between; } #sitios.owl-carousel .owl-prev { cursor: pointer; border: none; left: 0%; position: relative; background:url(../images/arrow-prev-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0;} #sitios.owl-carousel .owl-next { cursor: pointer; border: none; right: 0%; position: relative; background:url(../images/arrow-next-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0; } #sitios.owl-carousel .owl-prev:hover, #sitios.owl-carousel .owl-next:hover { opacity: 0.4;} #sitios.owl-carousel .owl-dots { margin-top: 0px; margin-bottom:0; position:absolute; right: 0; bottom: -78px; width: auto; float: left;} #sitios.owl-carousel .owl-dot { cursor: pointer; border: none; background: #DCDCDC; width:12px; height: 12px; margin: 0px 5px; transition: all 0.2s ease; transform: scale(1);} #sitios.owl-carousel .owl-dot.active{background: #DCDCDC; transform: scale(1.2);} #sitios.owl-carousel .owl-dot.active, #sitios.owl-carousel .owl-dot:hover { background:#000;} .sitros-sec .menjores-btn { float: left; width: 230px; position: relative; margin:40px 0 0; text-align: center; z-index: 1;} .sitros-sec .menjores-btn a { transition: all 0.4s ease; background: #fff; border-radius: 25px; width: 100%; text-align: center; border: 2px solid #000; display: inline-block; padding:10px 20px; font-size: 15px; font-family: 'Sora-Medium';} .sitros-sec .menjores-btn a:hover { background: #000; color: #ffffff;} .opciones-sec { float: left; width: 100%; background: #EFEEF4; padding: 100px 0;} .opciones-sec h2 { color: #000; width: 100%;font-size: 40px; line-height: 44px; font-family: 'Sora-SemiBold'; margin-bottom: 20px; text-align: center;} .opciones-sec p { text-align: center; font-size: 16px; line-height: 22px; font-family: 'SFProDisplay-Light'; color: #000000; margin-bottom: 40px;} .opciones-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%;} .opciones-sec ul li { flex: 0 1 23.5%;} .opciones-sec ul li a { background: #CBC8DB; padding: 20px 30px; display: block; float: left; width: 100%; border-radius: 10px; min-height: 125px; transition: all 0.4s ease;} .opciones-sec ul li a img { margin-bottom: 10px; height: 32px;} .opciones-sec ul li a p { font-size: 25px; line-height: 30px; font-family: 'Sora-Medium'; text-align: left; position: relative; margin: 0;} .opciones-sec ul li a p:after { position: absolute; display: block; content: ""; background: url(../images/arrow-rht.svg) no-repeat 0 0; width: 8px; height: 14px; top: 8px; right: 0; } .opciones-btn { float: left; width: 100%; text-align: center; margin-top: 50px;} .opciones-btn a { transition: all 0.4s ease; background: #fff; border-radius: 25px; text-align: center; border: 2px solid #000; display: inline-block; padding:8px 30px; font-size: 15px; font-family: 'Sora-Medium';} .opciones-btn a:hover { background: #000; color: #ffffff;} .opciones-sec ul li a:hover { background: #b6add4;} .activtas-sec { float: left; width: 100%; padding: 100px 0;} .descubre-sec { float: left; width: 100%;} #descubre.owl-carousel { float: left; width: 100%;} #descubre.owl-carousel .owl-item .item { float: left; width: 100%; padding: 70px 0px 0 70px; border-radius: 10px; position: relative;} #descubre.owl-carousel .owl-item .item::after { position: absolute; background: linear-gradient(180deg, #5131a8 0%, #28166f 100%); z-index: -1; content: ""; border-radius: 10px; display: block; left: 0; top: 0; width: 94%; height: 90%;} #descubre.owl-carousel .owl-item .item::before { position: absolute; content: ""; background: url(../images/background-flower.svg) no-repeat 0 0; left: -61px; bottom: 44px; width: 219px; height: 171px; transform: rotate(60deg); opacity: 0.3;} #descubre.owl-carousel .owl-item .descubre-txt { float: left; width: 36%;} #descubre.owl-carousel .owl-item .descubre-txt h3 { color: #ffffff; font-size: 40px; line-height: 50px; font-family: 'Sora-Bold'; margin-bottom: 20px;} #descubre.owl-carousel .owl-item .descubre-txt p { color: #ffffff; font-size: 16px; font-family: 'SFProDisplay-Light'; margin-bottom: 30px;} #descubre.owl-carousel .owl-item .descubre-txt p span { font-family: 'SFProDisplay-Bold'; } #descubre.owl-carousel .owl-item .descubre-txt a { border: 1px solid #fff; background: #ffffff; border-radius: 25px; color: #000; font-size: 15px; font-family: 'Sora-SemiBold'; padding: 8px 35px; display: inline-block; transition: all 0.4s ease;} #descubre.owl-carousel .owl-item .descubre-txt a:hover { background: none; color: #fff; } #descubre.owl-carousel .owl-item .descubre-img { float: right; width: 60%; border-radius: 10px; overflow: hidden;} #descubre.owl-carousel .owl-item .descubre-img img { float: left; width: 100%;} #descubre.owl-carousel .owl-controls { margin-bottom: 0; margin-top: auto;} #descubre.owl-carousel .owl-nav { width: 85px; color:#a9a9a9; font-size:16px; bottom: 10px; position: absolute; top:auto; left:auto; display: flex; justify-content: space-between; right: 58%;} #descubre.owl-carousel .owl-prev { cursor: pointer; border: none; left: 0%; position: relative; background:url(../images/arrow-prev-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0;} #descubre.owl-carousel .owl-next { cursor: pointer; border: none; right: 0%; position: relative; background:url(../images/arrow-next-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0; } #descubre.owl-carousel .owl-prev:hover, #descubre.owl-carousel .owl-next:hover { opacity: 0.4;} #descubre.owl-carousel .owl-dots { margin-top: 0px; margin-bottom:0; position:absolute; left: 0; bottom: 20px; width: auto; float: left;} #descubre.owl-carousel .owl-dot { cursor: pointer; border: none; background: #DCDCDC; width:12px; height: 12px; margin: 0px 5px; transition: all 0.2s ease; transform: scale(1);} #descubre.owl-carousel .owl-dot.active{background: #DCDCDC; transform: scale(1.2);} #descubre.owl-carousel .owl-dot.active, #descubre.owl-carousel .owl-dot:hover { background:#000;} .actividades-sec { float: left; width: 100%; padding: 100px 0 0;} .actividades-sec h2 { color: #000; width: 100%;font-size: 40px; line-height: 44px; font-family: 'Sora-SemiBold'; margin-bottom: 20px; } .actividades-tab { float: left; width: 100%; position: relative; } .actividades-list { float: left; width: 100%;} .actividades-main .tab-cnt.current { display: block; } .actividades-main .tab-cnt { float: left; width: 100%; display: none; } .actividades-list ul { float: left; width: 100%; display: flex; align-items: center; flex-wrap: wrap; column-gap: 25px; margin-bottom: 30px; } .actividades-list ul li { flex: 0 1 auto;} .actividades-list ul li a { color: #4A4A4A; font-size: 16px; font-family: 'SFProDisplay-Regular'; letter-spacing: 0.5px; position: relative; padding: 0 0 5px 0;} .actividades-list ul li.current a { color: #28166F;} .actividades-list ul li.current a::after { width: 100%;} .actividades-list ul li a::after { position: absolute; display: block; content: ""; bottom: 0; left: 0; background: #28166F; height: 2px; width: 0%; transition: all 0.4s ease;} .actividades-list ul li a:hover::after { width: 100%; } .actividades-list ul li a:hover { color: #28166f;} .act-carousel.owl-carousel .owl-item .act-img { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 12px; overflow: hidden;} .act-carousel.owl-carousel .owl-item .act-img img { float: left; width: 100%; transition: all 0.4s ease;} .act-carousel.owl-carousel .owl-item .act-txt { float: left; width: 100%; margin-top: 20px;} .act-carousel.owl-carousel .owl-item .act-txt h3 { font-size: 30px; line-height: 36px; color: #000000; font-family: 'Sora-Medium'; margin-top: 20px; transition: all 0.4s ease;} .act-carousel.owl-carousel .owl-item .act-txt p { font-size: 16px; color: #28166F; font-family: 'SFProDisplay-Regular'; } .act-carousel.owl-carousel .owl-item .act-txt p span { font-family: 'SFProDisplay-Semibold'; } .act-carousel.owl-carousel .owl-item .act-img span.heart-ico { transition: all 0.4s ease; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.3); width: 44px; height: 44px; border-radius: 0 9px 0 0; display: flex; align-items: center; justify-content: center;} .act-carousel.owl-carousel .owl-item .act-img span.heart-ico img { width: auto; transform: none;} .act-carousel.owl-carousel .owl-item:hover .act-txt h3 { color: #28166F; } .act-carousel.owl-carousel .owl-item:hover .act-img img { transform: scale(1.03);} .act-carousel.owl-carousel .owl-item:hover .act-img span.heart-ico { background: #28166f;} .act-carousel.owl-carousel .owl-controls { margin-bottom: 0; margin-top: auto; } .act-carousel.owl-carousel .owl-nav { width: 85px; color:#a9a9a9; font-size:16px; position: absolute; top:-70px; right:0; display: flex; justify-content: space-between; } .act-carousel.owl-carousel .owl-prev { cursor: pointer; border: none; left: 0%; position: relative; background:url(../images/arrow-prev-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0;} .act-carousel.owl-carousel .owl-next {cursor: pointer; border: none; right: 0%; position: relative; background:url(../images/arrow-next-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0; } .act-carousel.owl-carousel .owl-prev:hover, .act-carousel.owl-carousel .owl-next:hover { opacity: 0.4;} #mob-actividades { float: left; width: 100%; padding: 0px 0; display: none;} #mob-actividades ul { display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 2%;} #mob-actividades ul li { flex: 0 1 49%;} #mob-actividades .act-img { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 12px; overflow: hidden;} #mob-actividades .act-img img { float: left; width: 100%; transition: all 0.4s ease;} #mob-actividades .act-txt { float: left; width: 100%; margin-top: 15px;} #mob-actividades .act-txt h3 { font-size: 24px; line-height: 30px; color: #000000; font-family: 'Sora-Medium'; margin-top: 10px; transition: all 0.4s ease;} #mob-actividades .act-txt p { font-size: 16px; color: #28166F; font-family: 'SFProDisplay-Regular'; } #mob-actividades .act-txt p span { font-family: 'SFProDisplay-Semibold'; } #mob-actividades .act-img span.heart-ico { transition: all 0.4s ease; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.3); width: 44px; height: 44px; border-radius: 0 9px 0 0; display: flex; align-items: center; justify-content: center;} #mob-actividades .act-img span.heart-ico img { width: auto; transform: none;} #mob-actividades:hover .act-txt h3 { color: #28166F; } #mob-actividades:hover .act-img img { transform: scale(1.03);} #mob-actividades:hover .act-img span.heart-ico { background: #28166f;} .experience-sec { float: left; width: 100%; padding: 80px 0 100px;} .experience-sec h2 { color: #000; width: 100%;font-size: 40px; line-height: 44px; font-family: 'Sora-SemiBold'; margin-bottom: 30px; } .exp-tab { float: left; width: 100%; position: relative; } .exp-list { float: left; width: 100%;} .exp-main .tab-cnt.current { height: auto; opacity: 1; visibility: visible;} .exp-main .tab-cnt {float: left; width: 100%; height: 0px; opacity: 0; visibility: hidden;} .exp-list ul { float: left; width: 100%; display: flex; align-items: center; flex-wrap: wrap; column-gap: 25px; margin-bottom: 30px; } .exp-list ul li { flex: 0 1 auto;} .exp-list ul li a { color: #4A4A4A; font-size: 16px; font-family: 'SFProDisplay-Regular'; letter-spacing: 0.5px; position: relative; padding: 0 0 5px 0;} .exp-list ul li.current a { color: #28166F;} .exp-list ul li.current a::after { width: 100%;} .exp-list ul li a::after { position: absolute; display: block; content: ""; bottom: 0; left: 0; background: #28166F; height: 2px; width: 0%; transition: all 0.4s ease;} .exp-list ul li a:hover::after { width: 100%; } .exp-list ul li a:hover { color: #28166f;} #experience-mobile { float: left; width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; display: none;} #mobile-exp.owl-carousel .owl-stage-outer { margin-bottom: 25px;} #mobile-exp.owl-carousel .owl-item img { width: 100%; float: left; transition: all 0.4s ease;} #mobile-exp.owl-carousel .owl-item .item { float: left; width: 100%;} #mobile-exp.owl-carousel .owl-item .item a { float: left; width: 100%;} #mobile-exp.owl-carousel .owl-item:hover .sitios-img img { transform: scale(1.04);} #mobile-exp.owl-carousel .owl-item:hover .sitios-img span.heart-ico { background: #28166F;} #mobile-exp.owl-carousel .owl-item .sitios-img { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 12px; overflow: hidden;} #mobile-exp.owl-carousel .owl-item .sitios-img img { float: left; width: 100%; height: 220px; object-fit: cover;} #mobile-exp.owl-carousel .owl-item .sitios-txt { float: left; width: 100%; margin-top: 20px;} #mobile-exp.owl-carousel .owl-item .sitios-txt h3 { font-size: 22px; line-height: 26px; color: #000000; font-family: 'Sora-Medium'; margin-bottom: 12px; transition: all 0.4s ease;} #mobile-exp.owl-carousel .owl-item .sitios-txt p { font-size: 16px; color: #28166F; font-family: 'SFProDisplay-Regular'; } #mobile-exp.owl-carousel .owl-item .sitios-txt p span { font-family: 'SFProDisplay-Semibold'; } #mobile-exp.owl-carousel .owl-item .sitios-img span.heart-ico { transition: all 0.4s ease; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.3); width: 44px; height: 44px; border-radius: 0 9px 0 0; display: flex; align-items: center; justify-content: center;} #mobile-exp.owl-carousel .owl-item .sitios-img span.heart-ico img { width: auto; transform: none; height: auto;} #mobile-exp.owl-carousel .owl-item:hover .sitios-txt h3 { color: #28166F; } #mobile-exp.owl-carousel .owl-controls { margin-bottom: 0; margin-top: auto;} #mobile-exp.owl-carousel .owl-nav { width: 85px; color:#a9a9a9; font-size:16px; position: relative; margin-right: 15px; float: right; top:auto; right:0; display: flex; justify-content: space-between; } #mobile-exp.owl-carousel .owl-prev { cursor: pointer; border: none; left: 0%; position: relative; background:url(../images/arrow-prev-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0;} #mobile-exp.owl-carousel .owl-next { cursor: pointer; border: none; right: 0%; position: relative; background:url(../images/arrow-next-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0; } #mobile-exp.owl-carousel .owl-prev:hover, #mobile-exp.owl-carousel .owl-next:hover { opacity: 0.4;} #mobile-exp.owl-carousel .owl-dots { margin-top: 0px; margin-bottom:0; position:relative; right: 0; bottom:auto; width: auto; float: left; margin-left: 15px;} #mobile-exp.owl-carousel .owl-dot { border: none; background: #DCDCDC; width:12px; height: 12px; margin: 0px 5px; transition: all 0.2s ease; transform: scale(1);} #mobile-exp.owl-carousel .owl-dot.active{background: #DCDCDC; transform: scale(1.2);} #mobile-exp.owl-carousel .owl-dot.active, #mobile-exp.owl-carousel .owl-dot:hover { background:#000;} /* Main CSS */ /* .grid-wrapper > div {display: flex; justify-content: center;align-items: center;} .grid-wrapper > div > img { width: 100%;height: 100%;object-fit: cover;border-radius: 5px;} .grid-wrapper {display: grid;grid-gap: 25px;grid-template-columns: repeat(auto-fit, minmax(31.5%, 1fr));grid-auto-rows: 400px;grid-auto-flow: dense;} .grid-wrapper .wide {grid-column: span 2;} .grid-wrapper .tall {grid-row: span 2;} .grid-wrapper .big {grid-column: span 2;grid-row: span 2;} .grid-wrapper .act-img { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 12px; overflow: hidden;} .grid-wrapper .act-img img { float: left; width: 100%; transition: all 0.4s ease;} .grid-wrapper .act-txt { float: left; width: 100%; margin-top: 20px;} .grid-wrapper .act-txt h3 { font-size: 30px; line-height: 36px; color: #000000; font-family: 'Sora-Medium'; margin-top: 20px; transition: all 0.4s ease;} .grid-wrapper .act-txt p { font-size: 16px; color: #28166F; font-family: 'SFProDisplay-Regular'; } .grid-wrapper .act-txt p span { font-family: 'SFProDisplay-Semibold'; } .grid-wrapper .act-img span.heart-ico { position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.3); width: 44px; height: 44px; border-radius: 0 9px 0 0; display: flex; align-items: center; justify-content: center;} .experience-sec .grid-wrapper .act-img span.heart-ico img { width: auto; transform: none;} .grid-wrapper:hover .act-txt h3 { color: #28166F; } .grid-wrapper:hover .act-img img { transform: scale(1.03);} .experience-sec .exp-carousel.owl-carousel .owl-item img { width: 100%;} */ .grid .exp-img { position: relative; overflow: hidden; border-radius: 12px; overflow: hidden;} .grid .exp-img img { transition: all 0.4s ease; display: block;} .grid .exp-txt { margin-top: 20px;} .grid .exp-txt h3 { font-size: 30px; line-height: 36px; color: #000000; font-family: 'Sora-Medium'; margin-bottom: 10px; transition: all 0.4s ease;} .grid .exp-txt p { font-size: 16px; color: #28166F; font-family: 'SFProDisplay-Regular'; display: block; margin: 0px 0 0 0;} .grid .exp-txt p span { font-family: 'SFProDisplay-Semibold'; } .grid .exp-img span.heart-ico { transition: all 0.4s ease; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.3); width: 44px; height: 44px; border-radius: 0 9px 0 0; display: flex; align-items: center; justify-content: center;} .experience-sec .grid .exp-img span.heart-ico img { width: auto; transform: none;} .experience-sec .exp-carousel.owl-carousel .owl-item img { width: 100%; display: block;} .experience-sec .grid .grid-item:hover span.heart-ico { background: #28166F;} .exp-carousel.owl-carousel .owl-controls { margin-bottom: 0; margin-top: auto; } .exp-carousel.owl-carousel .owl-nav { width: 85px; color:#a9a9a9; font-size:16px; position: absolute; top:-70px; right:0; display: flex; justify-content: space-between; } .exp-carousel.owl-carousel .owl-prev { cursor: pointer; border: none; left: 0%; position: relative; background:url(../images/arrow-prev-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0;} .exp-carousel.owl-carousel .owl-next {cursor: pointer; border: none; right: 0%; position: relative; background:url(../images/arrow-next-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0; } .exp-carousel.owl-carousel .owl-prev:hover, .exp-carousel.owl-carousel .owl-next:hover { opacity: 0.4;} .grid, .grid1 { display: grid; grid-template-columns: repeat(auto-fill, minmax(31.4%, 1fr)); grid-auto-rows: 13px; grid-gap: 20px;/* counter-reset: item; */ } .grid-item { border-radius: 5px; overflow: hidden; position: relative; background-position: center; background-size: cover; background-color: #fff; } .experience-sec .grid-item:hover .exp-img img { transform: scale(1.05);} .experience-sec .grid-item:hover .exp-txt h3 { color: #28166F; } /*********************************** Roans css ******************/ .raon-section { float:left; width:100%; margin-top:0px; position: relative;} .raon-section .breadcrumb-sec { position: absolute; top: 130px; z-index: 8; border: none;} .raon-section .breadcrumb-sec ul li { color: #ffffff;} .raon-section .breadcrumb-sec ul li a { color: #ffffff;} .raon-section .breadcrumb-sec ul li a::after { color: #ffffff;} .roans-txt { text-align: center; float: left; width: 100%;} .block-crossfade-slide-overlay-content.light.txt1 { float: left; width:100%; text-align: center; text-align:left; /*padding-top: 200px !important;*/ position:relative; z-index:7; padding-left: 0px;} .viewport .ban-icon-div { position: fixed; top: 130px; z-index: 8; right: 0;} .viewport .camera-ico .tooltip { bottom: -100%; right: 45px; margin-bottom: 0;} .viewport .camera-ico .tooltip::after { bottom: 26px; right: -12px; transform: rotate(-90deg);} #viewport .roans-txt h1 { float: left; width: 100%; font-size:60px; margin-top: 0; font-family: 'Sora-Bold'; color:#ffffff; float:left; width:100%; line-height:65px; margin-bottom:35px; text-transform: inherit;} /* #viewport .roans-txt p { float: left; width: 100%; font-family: 'Heebo-Regular'; font-size:18px; line-height:28px; color:#fff; float:left; padding-right: 50px; padding-bottom:40px; } */ #viewport .roans-txt a { float:none; width: 160px; display:inline-block; width:auto; background:#ffffff; padding:10px 35px; text-align:center; border-radius:30px; color:#000000; font-family: 'Sora-Medium'; font-size:15px; transition:all .5s ease;} #viewport .roans-txt a:hover { background:#28166F; color: #ffffff;} #viewport .roans-txt p.roans-mob-para{ display: none;} #viewport .roans-txt span { float:left; width: 100%; font-family: 'Heebo-ExtraLight'; font-size: 14px; line-height: 20px; padding-bottom: 10px;} a.triangle-white { position:fixed; width: 85px; height: 85px; right: 0px; left: 0; margin: 0 auto; background:url(../images/roans-arrow.svg) no-repeat 0 0; /*margin:0 auto;*/ bottom:20px; z-index:8; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transform: rotate(90deg); } a.triangle-white:hover { opacity:0.7;} .triangle-white.scroll.fixed_crossfade.reverse_swing { -moz-transform:rotate(270deg);-webkit-transform:rotate(270deg); transform:rotate(270deg);} #crossfade-6.block-crossfade-slide .cover-h-center-v-middle.block-crossfade-slide-cover { background-position: 0px 0px; } .roans-dot { right:100px; position:fixed; top:50%; z-index: 9; transform: translateY(-15%); -webkit-transform: translateY(-15%); -o-transform: translateY(-15%); -moz-transform: translateY(-15%);} .roans-dot li { margin-bottom:2px;} .roans-dot li a { font-size: 14px; color:#fff; display:block; /*border:1px solid #fff; width:12px; height:12px; border-radius:50%;*/ position:relative; } .roans-dot li a::after { position:absolute; content:""; right: 0px; top: 0px; background:none; background: #cdcdcb; width:6px; height:6px; border-radius:50%;} .roans-dot li a::before { position:absolute; content:""; opacity: 0; left: -13px; top: -10px; border: 1px solid #ffffff; width: 26px; height: 26px; border-radius: 50%;} .roans-dot li a.active {text-indent:-9999px;} .roans-dot li a.active:before { opacity: 1;} .roans-dot li a.active:after, .roans-dot li a:hover:after { background: #ffffff; text-indent:-9999px; } #raons-footer { display:none;} #foot_div { z-index: 8; width: 100%; float: left; transition: all 0.4s ease;} .block-crossfade::after { position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);} /* --------------------------------------------------------------------------- KV CSS -------------------------------------------------------------------------------- */ .breadcrumb-sec.brd-top { border-top:1px solid rgba(0,0,0,0.1); border-bottom: none; padding: 15px 0;} /* search css */ .search-main-sec { float: left; width: 100%; padding: 45px 0 150px;} .search-main { float: left; width: 100%;} .search-main h2 { float: left; width: 100%; text-align: center; color: #000000; font-family: 'Sora-Bold'; font-size: 60px; line-height: 70px; padding-bottom: 45px;} .srch-main-bx {float: none; width: 732px; margin: 0 auto;} .srch-bx { float: left; width: 100%; margin-bottom: 60px; position: relative;} .srch-bx input[type="text"] { float: left; width: 100%; border-radius: 11px; background: #eae9f1; border: 2px solid #eae9f1; height: 70px; padding: 0 70px 0 35px; display: flex; align-items: center; color: #28166F; font-size: 16px; line-height: 24px; letter-spacing: 0.4px; font-family: 'Sora-Bold';} .srch-bx input[type="submit"] { position: absolute; cursor: pointer; right: 25px; top: 20px; border: none; background: url("../images/search-ico.svg") no-repeat scroll center right; width: 32px; height: 32px;} .search-list-sec { float: left; width: 100%;} .search-category { float: left; width: 100%;} .search-category ul { float: left; width: 100%; display: flex; justify-content: center; column-gap: 15px; flex-wrap: wrap; row-gap: 15px; border-bottom: 2px solid #000000; padding-bottom: 30px; margin-bottom: 60px;} .search-category ul li { flex: 0 1 auto;} .search-category ul li a { column-gap: 10px; transition:all .5s ease; border-radius: 11px; color: #3D3D3D; font-size: 15px; line-height: 21px; letter-spacing: 0.34px; border: 2px solid #dddddd; padding: 0 20px 0 20px; display: inline-flex; height: 60px; align-items: center; justify-content: center; padding: 0 15px 0 15px;} .search-category ul li a.active { font-family: 'Sora-Bold'; background: #28166F; border: 2px solid #28166F; color: #FFFFFF;} .search-category ul li a:hover { background: #28166F; border: 2px solid #28166F; color: #FFFFFF;} .search-category ul li a span { background: #e8e8e8; color: #434343; display: flex; align-items: center; justify-content: center; min-width: 27px; font-size: 14px; line-height: 21px; letter-spacing: 0.4px; padding: 5px; border-radius: 5px;} .search-category ul li a.active span { background: #675b99; color: #FFFFFF;} .search-category ul li a:hover span { background: #675b99; color: #FFFFFF;} /* .search-list { float: left; width: 100%;} */ .search-lst-div { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; padding: 0 50px;} .search-lst-div .search-list-main { flex: 0 1 100%;} .srch-main { float: left; width: 100%;} .srch-main .srch-lft { float: left; width: 475px; border-radius: 8px; overflow: hidden;} .srch-main .srch-lft img { float: left; width: 100%; transition: all 0.4s ease; } .srch-main:hover .srch-lft img { transform: scale(1.05);} .srch-main .srch-rgt { float: left; width: calc(100% - 475px); padding-left: 60px; margin-top: 15px;} .srch-main .srch-rgt h4 { float: left; width: 100%; color: #28166F; font-family: 'SFProDisplay-Regular'; font-size: 17px; line-height: 24px; letter-spacing: 0.5px; padding-bottom: 10px;} .srch-main .srch-rgt h3 { float: left; width: 100%; color: #000000; font-family: 'Sora-Medium'; font-size: 30px; line-height: 40px; letter-spacing: 0.4px; padding-bottom: 15px; transition:all .5s ease;} .srch-main .srch-rgt p { float: left; width: 100%; color: #5F5F5F; font-family: 'SFProDisplay-Light'; font-size: 16px; line-height: 24px; letter-spacing: 0.5px;} .srch-main:hover .srch-rgt h3 { color: #28166F;} .btn-ctr { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} .search-list-sec .btn-ctr { margin-top: 80px;} a.car-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0 65px; color: #000000; font-size: 15px; line-height: 24px; font-family: 'Sora-SemiBold'; border: 2px solid #000000; border-radius: 23px; height: 45px; width: auto; transition:all .5s ease;} a.car-btn:hover { background: #000000; color: #FFFFFF;} /* moverse css */ .moverse-sec { float: left; width: 100%; padding: 50px 0 115px;} .moverse-main-sec { float: left; width: 100%;} .moverse-main-sec h1 { float: left; width: 100%; font-family: 'Sora-Bold'; color: #000000; font-size: 60px; line-height: 60px; padding-bottom: 65px;} .moverse-list-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px;} .moverse-list-sec .moverse-list { float: left; width: 100%; padding-bottom: 50px; border-bottom: 1px solid #D8D8D8;} .moverse-list-sec .moverse-list:last-child { padding-bottom: 0; border-bottom: none;} .moverse-list { float: left; width: 100%;} .moverse-list h2 { float: left; width: 100%; color: #000000; font-family: 'Sora-SemiBold'; font-size: 40px; line-height: 50px; letter-spacing: -0.18px; padding-bottom: 50px;} .moverse-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;} .moverse-list ul li { flex: 0 1 100%;} .mov-main { float: left; width: 100%; display: flex; flex-wrap: wrap;} .mov-main .mov-img { float: left; width: 590px; border-radius: 5px; overflow: hidden; position: relative;} .mov-main .mov-img img { float: left; width: 100%;} .mov-main .mov-img img.org-img {position: absolute; top: 0px; left: 0px; z-index: 1; max-width: 100%; height: 100%; object-fit: cover;} .mov-main .mov-cnt { float: left; width: calc(100% - 590px); padding-left: 85px; padding-right: 160px; margin-top: 30px;} .mov-main .mov-cnt h3 { float: left; width: 100%; color: #161616; font-family: 'Sora-Medium'; font-size: 35px; line-height: 28px; letter-spacing: -0.7px; padding-bottom: 30px;} .mov-main .mov-cnt p { float: left; width: 100%; color: #212121; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; padding-bottom: 15px;} .mov-main .mov-cnt .mov-lnk { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;} .mov-main .mov-cnt .mov-lnk > div { flex: 0 1 100%; column-gap: 5px; display: flex; flex-wrap: wrap; align-items: center;} .mov-main .mov-cnt .mov-lnk a { font-family: 'SFProDisplay-Bold'; color: #28166F; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; text-decoration: underline; transition:all .5s ease;} .mov-main .mov-cnt .mov-lnk a:hover { color: #000000;} .moverse-list ul li:nth-child(2n+2) .mov-main .mov-img { order: 2;} .moverse-list ul li:nth-child(2n+2) .mov-main .mov-cnt { padding-left: 0; padding-right: 180px;} .mov-main .mov-cnt .mov-lnk span { color: #212121; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 24px; letter-spacing: 0.5px;} .mov-main .mov-cnt .mov-lnk a.ver-btn { margin-top: 35px; display: inline-flex; align-items: center; justify-content: center; color: #000000; font-size: 15px; font-family: 'Sora-SemiBold'; border-radius: 23px; padding: 0 40px; letter-spacing: normal; height: 45px; border: 2px solid #000000; transition:all .5s ease; text-decoration: none;} .mov-main .mov-cnt .mov-lnk a.ver-btn:hover { background: #000000; color: #FFFFFF;} .mov-main .mov-cnt .mov-lnk a.tel-lnk { color: #212121;} /* clima css */ .clima-sec { float: left; width: 100%; padding: 60px 0 115px;} .clima-main-sec { float: left; width: 100%;} .clima-main-sec h1 { float: left; width: 100%; font-family: 'Sora-Bold'; color: #000000; font-size: 60px; line-height: 60px; padding-bottom: 30px;} .clima-main-sec p { float: left; width: 100%; color: #333333; font-family: 'SFProDisplay-Light'; font-size: 18px; line-height: 28px; letter-spacing: 0.5px; padding-bottom: 15px;} .clima-main-sec p:last-child { padding-bottom: 0;} .clima-list { float: left; width: 100%; padding-top: 60px;} .clima-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0.5%; row-gap: 5px;} .clima-list ul li { flex: 0 1 24.62%;} .clima-list ul li img { float: left; width: 100%;} .clima-list ul li .weather-ico { display: flex; flex-wrap: wrap; justify-content: center; float: left; width: 100%; height: 100%; background: #28166F;} .clima-list ul li .weather-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; text-align: center;} .clima-list ul li .weather-cnt img { width: auto;} .clima-list ul li .weather-cnt h3 { float: left; width: 100%; color: #FFFFFF; font-family: 'Sora-SemiBold'; font-size: 70px; line-height: 70px; letter-spacing: -0.35px; padding-bottom: 20px;} .clima-list ul li .weather-cnt h3 span { display: block; font-family: 'Sora-Medium'; font-size: 20px; line-height: 28px;} .clima-list ul li .weather-cnt h4 { float: left; width: 100%; color: #FFFFFF; font-family: 'Sora-Bold'; font-size: 25px; line-height: 30px; letter-spacing: 0.42px;} .clima-list ul li .weather-cnt .weather-mob-img { float: left; width: 100%; text-align: center;} .clima-list ul li .weather-cnt .weather-mob-img img { width: auto; float: none; display: inline-block;} .clima-cnt-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; padding: 40px 0 0;} .clima-cnt-sec .clima-cnt-para { float: left; width: 100%;} .clima-cnt-para h3 { float: left; width: 100%; color: #000000; font-family: 'Sora-Medium'; font-size: 40px; line-height: 48px; letter-spacing: 0.53px; padding-bottom: 15px;} .clima-cnt-para p { float: left; width: 100%; color: #333333; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; padding-bottom: 15px;} .clima-cnt-para p:last-child { padding-bottom: 0;} .clima-btm-list { float: left; width: 100%; margin-top: 80px;} .clima-btm-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px;} .clima-btm-list ul li { flex: 0 1 22%;} .clima-btm-list ul li .clima-ico { display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center; padding-bottom: 20px;} .clima-btm-list ul li .clima-ico h3 { color: #000000; font-family: 'Sora-Medium'; font-size: 35px; line-height: 45px; letter-spacing: -0.7px;} .clima-btm-list ul li .clima-cnt { float: left; width: 100%; padding-right: 10px;} .clima-btm-list ul li .clima-cnt p { float: left; width: 100%; color: #545454; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 24px; letter-spacing: 0.5px;} .clima-btm-list ul li .clima-ico img { float: left; width: auto;} .clima-mob-slide { float: left; width: 100%; display: none;} .clima-inn { float: left; width: 100%; position: relative; padding-bottom: 40px; } #clima.owl-carousel .owl-item { border-radius: 0; overflow: hidden; } #clima.owl-carousel .owl-item img { width: 100%; float: left; transition: all 0.4s ease;} #clima.owl-carousel .owl-item .item { float: left; width: 100%;} #clima.owl-carousel .owl-item:hover img { transform: scale(1.04);} #clima.owl-carousel .owl-controls { margin-bottom: 0; margin-top: 0px;} #clima.owl-carousel .owl-nav { margin: 30px 15px 0 0; width: 85px; color:#a9a9a9; font-size:16px; position: relative; bottom:auto; right:auto; top: auto; float: right; display: flex; justify-content: space-between; } #clima.owl-carousel .owl-prev { cursor: pointer; border: none; left: 0%; position: relative; background:url(../images/arrow-prev-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0;} #clima.owl-carousel .owl-next { cursor: pointer; border: none; right: 0%; position: relative; background:url(../images/arrow-next-blk.svg) no-repeat; height: 38px; width:38px; transition: all 0.4s ease; background-position:0px 0; } #clima.owl-carousel .owl-prev:hover, #clima.owl-carousel .owl-next:hover { opacity: 0.4;} #clima.owl-carousel .owl-dots { margin-top: 30px; margin-left: 15px; margin-bottom:0; bottom: 0px; position:relative; width: auto; float: left;} #clima.owl-carousel .owl-dot { border: none; background: #DCDCDC; width:10px; height: 10px; margin: 0px 5px; transition: all 0.2s ease; transform: scale(1);} #clima.owl-carousel .owl-dot.active{background: #a9a9a9; transform: scale(1.2);} #clima.owl-carousel .owl-dot.active, #clima.owl-carousel .owl-dot:hover { background:#000;} /* oficinas turismo css */ .oficinas-turismo-sec { float: left; width: 100%; padding: 60px 0 100px;} .oficinas-turismo-sec h1 { float: left; width: 100%; color: #000000; font-family: 'Sora-Bold'; font-size: 60px; line-height: 60px; padding-bottom: 65px; } .oficinas-main-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;} .oficinas-main { float: left; width: 100%;} .oficinas-main .oficinas-img { float: left; width: 556px; border-radius: 6px; overflow: hidden; position: relative;} .oficinas-main .oficinas-img img { float: left; width: 100%;} .oficinas-main .oficinas-img img.org-img {position: absolute; top: 0px; left: 0px; z-index: 1; max-width: 100%; height: 100%; object-fit: cover;} .oficinas-main .oficinas-cnt { float: left; width: calc(100% - 556px); padding-left: 60px; margin-top: 35px;} .oficinas-main .oficinas-cnt h2 { float: left; width: 100%; color: #000000; font-family: 'Sora-SemiBold'; font-size: 30px; line-height: 35px; padding-bottom: 30px;} .oficinas-main .oficinas-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; margin-bottom: 45px;} .oficinas-main .oficinas-cnt ul li { flex: 0 1 100%; display: flex; column-gap: 10px;} .oficinas-main .oficinas-cnt ul li p { color: #545454; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; width: calc(100% - 30px);} .oficinas-main .oficinas-cnt ul li a { display: block; text-decoration: underline; font-family: 'SFProDisplay-Semibold'; transition:all .5s ease;} .oficinas-main .oficinas-cnt ul li a:hover { color: #28166F;} .oficinas-main .oficinas-cnt ul li span { min-width: 20px;} .oficinas-main .oficinas-cnt ul li span.loc-ico { background: url("../images/loc-ico.svg") no-repeat scroll left top; width: 14px; height: 17px; display: block; position: relative; top: 4px;} .oficinas-main .oficinas-cnt ul li span.tme-ico { background: url("../images/time-ico.svg") no-repeat scroll left top; width: 16px; height: 16px; display: block; position: relative; top: 4px;} .oficinas-main .oficinas-cnt ul li .sab-mas { float: left; width: 100%;} .sab-mas a { display: inline-flex; align-items: center; justify-content: center; color: #000000; font-size: 15px; font-family: 'Sora-SemiBold'; border-radius: 23px; padding: 0 40px; letter-spacing: normal; height: 45px; border: 2px solid #000000; text-decoration: none; transition:all .5s ease;} .sab-mas a:hover { background: #000000; color: #FFFFFF;} .oficinas-map { float: left; width: 100%; overflow: hidden;} .oficinas-map-main { float: left; width: 100%; position: relative;} .oficinas-map-main img { float: left; width: 100%;} .oficinas-map .ofi-map { position: absolute; left: 0; right: 0; background: url("../images/location.svg") no-repeat scroll 0 0; width: 36px; height: 46px; background-size: cover;} .oficinas-map .ofi-map.ico-1 { left: 44%; top: 0.5%;} .oficinas-map .ofi-map.ico-2 { left: 42.6%; top: 9.5%;} .oficinas-map .ofi-map.ico-3 { left: 42%; top: 18%;} .oficinas-map .ofi-map.ico-4 { left: 49.4%; bottom: 20%;} .oficinas-map .ofi-map.ico-5 { left: 51.2%; bottom: 3%;} /* alojamiento principal css */ .aloj-prin-sec { float: left; width: 100%; padding: 65px 0 125px;} .aloj-prin-cnt { float: left; width: 100%; padding-right: 100px; margin-bottom: 70px;} .aloj-prin-cnt p { float: left; width: 100%; color: #28166F; font-size: 30px; line-height: 40px; letter-spacing: -0.26px;} .aloj-prin-list { float: left; width: 100%;} .aloj-prin-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 10px;} .aloj-prin-list ul li { flex: 0 1 32.66%; overflow: hidden; border-radius: 6px;} .aloj-prin-list ul li a { float: left; width: 100%; position: relative; overflow: hidden;} .aloj-prin-list ul li a::after {z-index: 1; position: absolute; content: ""; background: linear-gradient(180deg, #8B000000 0% 0%, #000 100% 100%); bottom: 0; left: 0; width: 100%; height: 182px;} .aloj-prin-list ul li img { float: left; width: 100%; transition: all 0.4s ease; z-index: -1;} .aloj-prin-list ul li img.org-img {position: absolute; top: 0px; left: 0px; z-index: 1; max-width: 100%; height: 100%; object-fit: cover;} .plan-cnt ul li h2 { padding: 0 15px; position: absolute; bottom: 25px; font-size: 30px; line-height: 38px; font-family: 'Sora-SemiBold'; color: #ffffff; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 9;} .aloj-prin-list ul li:hover img {transform: scale(1.05);} .aloj-prin-list ul li .aloj-title { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; text-align: center; padding: 0 15px 45px; z-index: 9;} .aloj-prin-list ul li .aloj-title h3 { color: #FFFFFF; font-family: 'Sora-SemiBold'; font-size: 30px; line-height: 30px; letter-spacing: -0.56px;} .servicios-sanitarios { float: left; width: 100%; display: flex; flex-wrap: wrap; padding-top: 115px;} .servicios-sanitarios .ser-lft { flex: 0 1 20%;} .servicios-sanitarios .ser-mid { flex: 0 1 45%; padding-left: 115px;} .servicios-sanitarios .ser-rgt { flex: 0 1 35%; padding-left: 45px;} .servicios-sanitarios h3 { float: left; width: 100%; color: #000000; font-family: 'Sora-Medium'; font-size: 40px; line-height: 45px; letter-spacing: 0.53px; padding-bottom: 40px;} .servicios-sanitarios p { float: left; width: 100%; color: #000000; font-family: 'Sora-Bold'; font-size: 22px; line-height: 28px; } .servicios-sanitarios h4 { float: left; width: 100%; color: #000000; font-family: 'Sora-SemiBold'; font-size: 25px; line-height: 32px; letter-spacing: 0.5px; padding-bottom: 15px;} .ser-lst { float: left; width: 100%; display: flex; flex-wrap: wrap;} .ser-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; margin-bottom: 35px;} .ser-lst ul:last-child { margin-bottom: 0;} .ser-lst ul li { flex: 0 1 100%;} .ser-lst ul li a { float: left; width: auto; padding-left: 30px; text-decoration: underline; color: #28166F; background: url("../images/link.svg") no-repeat scroll top left; font-family: 'SFProDisplay-Medium'; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; transition:all .5s ease;} .ser-lst ul li a:hover {opacity: 0.7;} /* favoritos css */ .favoritos-main-sec { float: left; width: 100%; padding: 60px 0 85px; overflow: hidden;} .fav-title { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 50px;} .fav-title .fav-lft { float: left; width: 65%; padding-right: 100px;} .fav-title .fav-rgt { float: left; width: 35%; display: flex; justify-content: flex-end; align-items: flex-end;} .fav-title h1 { float: left; width: 100%; color: #000000; font-family: 'Sora-Bold'; font-size: 60px; line-height: 60px; padding-bottom: 30px;} .fav-title p { float: left; width: 100%; color: #303135; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 26px; letter-spacing: 0.5px;} .fav-title ul { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 45px;} .fav-title ul li { flex: 0 1 auto;} .fav-title ul li a { display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center; color: #28166F; font-family: 'Sora-Bold'; font-size: 16px; line-height: 24px; transition:all .5s ease;} .fav-title ul li a span.pdf-ico { background: url("../images/pdf-ico.svg") no-repeat scroll 0 0; width: 24px; height: 24px; display: block;} .fav-title ul li a span.com-ico { background: url("../images/com-ico.svg") no-repeat scroll 0 0; width: 16px; height: 19px; display: block;} .fav-title ul li a:hover { opacity: 0.7;} .fav-main-list { float: left; width: 100%;} .fav-main-list .controls { float: left; width: 100%; opacity: 0; visibility: hidden; display: flex; flex-wrap: wrap; column-gap: 15px; padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #000000;} .fav-main-list .controls.show {opacity: 1; visibility: visible;} .fav-main-list .controls button.filter { font-family: 'Sora-Regular'; cursor: pointer; column-gap: 10px; transition:all .5s ease; border-radius: 11px; color: #3D3D3D; font-size: 15px; line-height: 21px; letter-spacing: 0.34px; background: none; border: 2px solid #dddddd; padding: 0 20px 0 20px; display: inline-flex; height: 60px; align-items: center; justify-content: center;} .fav-main-list .controls button.filter.active { font-family: 'Sora-Bold'; background: #28166F; border: 2px solid #28166F; color: #FFFFFF;} .fav-main-list .controls button.filter:hover { background: #28166F; border: 2px solid #28166F; color: #FFFFFF;} .fav-main-list .controls button.filter span { background: #e8e8e8; color: #434343; display: flex; align-items: center; justify-content: center; min-width: 27px; font-size: 14px; line-height: 21px; letter-spacing: 0.4px; padding: 5px; border-radius: 5px;} .fav-main-list .controls button.filter.active span { background: #675b99; color: #FFFFFF;} .fav-list .container { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 70px;} .fav-list .container .mix { flex: 0 1 100%; display: none; padding-bottom: 70px; border-bottom: 1px solid #000000;} .fav-list .container .mix:last-child { padding-bottom: 0; border-bottom: none;} .fav-list h2 { float: left; width: 100%; color: #000000; font-family: 'Sora-SemiBold'; font-size: 40px; line-height: 45px; letter-spacing: 0.53px; padding-bottom: 30px;} .fav-lst { float: left; width: 100%;} .fav-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; column-gap: 3%;} .fav-lst ul li { flex: 0 1 31.33%;} .fav-lst ul li .fav-img { float: left; width: 100%; border-radius: 10px; overflow: hidden; position: relative;} .fav-lst ul li .fav-img img { float: left; width: 100%; transition:all .4s ease;} .fav-lst ul li:hover .fav-img img { transform: scale(1.05);} .fav-lst ul li .fav-cnt { float: left; width: 100%; padding-top: 25px;} .fav-lst ul li .fav-cnt h3 { float: left; width: 100%; color: #1E1E1E; font-family: 'Sora-Medium'; font-size: 28px; line-height: 35px; letter-spacing: -1.5px; padding-bottom: 15px;} .fav-lst ul li .fav-cnt h4 { float: left; width: 100%; color: #28166F; font-family: 'Sora-Regular'; font-size: 16px; line-height: 24px; } .fav-lst ul li .fav-cnt h4 strong { font-weight: normal; font-family: 'SFProDisplay-Bold';} .fav-lst ul li .fav-cnt h5 { float: left; width: 100%; color: #1E1E1E; font-family: 'Sora-Medium'; font-size: 30px; line-height: 35px; letter-spacing: -0.1px; padding-bottom: 20px;} .fav-lst ul li .fav-cnt p { float: left; width: 100%; align-items: center; display: flex; flex-wrap: wrap; column-gap: 15px; font-family: 'SFProDisplay-Regular'; color: #6F6F6F; font-size: 16px; line-height: 24px;} .fav-lst ul li .fav-cnt p span.loc-ico { background: url("../images/loc-ico.svg") no-repeat scroll 0 0; width: 14px; height: 17px; display: block;} .fav-lst ul li:hover .fav-cnt h5 { color: #28166F;} .fav-lst ul li:hover .fav-cnt h3 { color: #28166F;} .fav-lst ul li .fav-cnt .evt-cat { float: left; width: 100%; padding-bottom: 15px;} .fav-lst ul li .fav-cnt .evt-cat h4 { font-family: 'Sora-Light'; letter-spacing: 0.32px;} .fav-lst ul li .fav-img span.wishlist-ico { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.55) url("../images/heart-ico-white.svg") no-repeat center center; width: 44px; height: 44px; position: absolute; bottom: 0; left: 0; border-radius: 0 10px 0 5px; transition:all .5s ease;} .fav-lst ul li:hover .fav-img span.wishlist-ico { background: #28166F url("../images/heart-ico-white.svg") no-repeat center center;} .fav-lst ul li .hotel-star { float: left; width: 100%; display: flex; column-gap: 15px; padding-bottom: 20px;} .fav-lst ul li .hotel-star h6 { color: #28166F; font-family: 'SFProDisplay-Medium'; font-size: 16px; line-height: 24px; letter-spacing: 0.5px;} .fav-lst ul li .hotel-star ul { display: flex; flex-wrap: wrap; row-gap: 0; column-gap: 2px; width: auto;} .fav-lst ul li .hotel-star ul li { flex: 0 1 auto;} .fav-list .des-btn { margin-top: 90px; float: left; width: 100%; display: flex; justify-content: center;} .des-btn a { display: inline-flex; align-items: center; justify-content: center; column-gap: 15px; padding: 0 65px; color: #000000; font-size: 15px; line-height: 24px; font-family: 'Sora-SemiBold'; border: 2px solid #000000; border-radius: 23px; height: 45px; width: auto; transition:all .5s ease;} .des-btn a:hover { background: #000000; color: #FFFFFF;} .des-btn a span { float: left; width: auto; background: url("../images/des-pdf.svg") no-repeat scroll 0 0; width: 17px; height: 21px;} .des-btn a:hover span { background: url("../images/des-pdf-white.svg") no-repeat scroll 0 0;} /* informes css */ .informes-main-list .search-category ul, .agenda-main-list .search-category ul, .experiencias-main-list .search-category ul { justify-content: left; padding-bottom: 45px; margin-bottom: 45px;} .informes-table { float: left; width: 100%;} .informes-table table { float: left; border-collapse: collapse; width: 100%;} .informes-table table tr td { border-radius: 4px; color: #071437; padding: 15px 30px; font-family: 'SFProDisplay-Regular'; text-align: left; font-size: 16px; line-height: 30px; letter-spacing: 0.44px; background: #f2eff6;} .informes-table table tr:nth-child(2n+2) td { background: #FFFFFF;} .informes-table table tr td .pdf-ico p { padding-left: 35px; background: url("../images/doc-ico.svg") no-repeat scroll left top 5px; color: #071437; font-family: 'SFProDisplay-Medium'; font-size: 20px; line-height: 30px;} .informes-table table tr td a.pdf-dwl { padding-right: 20px; background: url("../images/basic-download.svg") no-repeat scroll right top; color: #28166F; font-size: 16px; line-height: 30px; text-decoration: underline; font-family: 'Sora-SemiBold'; transition:all .5s ease;} .informes-table table tr td a.pdf-dwl:hover { opacity: 0.7;} .informes-list .btn-ctr { margin-top: 70px;} /* agenda css */ .agenda-main-sec { float: left; width: 100%; padding: 60px 0 100px;} .agenda-main-sec h1 { float: left; width: 100%; color: #000000; font-family: 'Sora-Bold'; font-size: 60px; line-height: 60px; padding-bottom: 55px;} .agenda-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 70px;} .agenda-main .agenda-main-lft { flex: 0 1 345px;} .agenda-main .agenda-main-rgt { flex: 0 1 calc(100% - 415px);} .agenda-main-sec .btn-ctr { margin-top: 100px;} .agenda-main-rgt .fav-lst ul { row-gap: 65px;} .agenda-main-rgt .fav-lst ul li { flex: 0 1 48.5%;} .agenda-main-rgt .fav-lst ul li .fav-img span.wishlist-ico {background: rgba(255, 255, 255, 0.55) url("../images/heart-ico-white-outline.svg") no-repeat center center;} .agenda-main-rgt .fav-lst ul li:hover .fav-img span.wishlist-ico { background: #28166F url("../images/heart-ico-white-outline.svg") no-repeat center center;} .agenda-main-lft h2 { float: left; width: 100%; color: #282828; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; font-family: 'Sora-Bold'; text-transform: uppercase; padding-bottom: 10px;} .srch-bx-lst { float: left; width: 100%; position: relative; margin-bottom: 30px;} .srch-bx-lst input[type="text"] { float: left; width: 100%; border: 1px solid #A3A3A3; border-radius: 50px; padding: 15px 65px 15px 15px; font-family: 'Sora-Regular'; height: 60px; font-size: 16px; color: #282828;} .srch-bx-lst button.srch-btn { position: absolute; right: 5px; top: 4px; cursor: pointer; width: 52px; height: 52px; border: none; float: left; background: #28166F; border-radius: 50px; transition: all .5s ease;} .srch-bx-lst button.srch-btn:hover {background: #000000;} ul.filter-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 5px; margin-bottom: 40px;} ul.filter-lst li { flex: 0 1 auto;} ul.filter-lst li a { float: left; width: auto; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: none; border: 1px solid #000000; font-family: 'Sora-SemiBold'; font-size: 14px; line-height: 20px; color: #000000; padding: 0px 15px; transition:all .5s ease; border-radius: 25px; transition:all .5s ease;} ul.filter-lst li a:hover { background: #28166F; color: #FFFFFF; border: 1px solid #28166F;} .eventos-main-sec { float: left; width: 100%; padding: 100px 0;} .eventos-main-sec h2 { float: left; width: 100%; color: #000000; font-family: 'Sora-Medium'; font-size: 45px; line-height: 55px; text-align: center; padding-bottom: 45px;} .eventos-main-sec .fav-lst ul li .fav-img span.wishlist-ico {background: rgba(255, 255, 255, 0.55) url("../images/heart-ico-white-outline.svg") no-repeat center center;} .eventos-main-sec .fav-lst ul li:hover .fav-img span.wishlist-ico { background: #28166F url("../images/heart-ico-white-outline.svg") no-repeat center center;} .eventos-main-sec .btn-ctr { margin-top: 60px;} /* experiencias css */ .experiencias-main-sec { float: left; width: 100%; padding: 60px 0 90px;} .experiencias-main-sec h1 { float: left; width: 100%; color: #000000; font-family: 'Sora-Bold'; font-size: 60px; line-height: 60px; padding-bottom: 55px;} .experiencias-list .btn-ctr { margin-top: 110px;} .experiencias-list ul li .fav-img span.wishlist-ico {background: rgba(255, 255, 255, 0.55) url("../images/heart-ico-white-outline.svg") no-repeat center center;} .experiencias-list ul li:hover .fav-img span.wishlist-ico, .experiencias-list ul li .fav-img span.wishlist-ico.fill { background: #28166F url("../images/heart-ico-white-outline.svg") no-repeat center center;} .grid-view-list { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 45px; margin-bottom: 45px; border-bottom: 2px solid #000000;} .grid-view-list .search-category {float: left; width: 85%; padding-right: 100px;} .grid-view-list .search-category ul { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} .view-tab { float: left; width: 15%; display: flex; justify-content: flex-end; align-items: flex-end;} .view-tab ul.tab-list { float: right; width: auto; display: flex; column-gap: 15px; cursor: pointer;} .view-tab ul.tab-list li { flex: 0 1 auto;} .view-tab ul.tab-list li span { float: left; width: auto;} .view-tab ul.tab-list li span.grid-list { background: url("../images/grid-icon-inactive.svg") no-repeat scroll 0 0; width: 25px; height: 25px;} .view-tab ul.tab-list li.current span.grid-list { background: url("../images/grid-icon-active.svg") no-repeat scroll 0 0;} .view-tab ul.tab-list li span.map-list { background: url("../images/map-icon-inactive.svg") no-repeat scroll 0 0; width: 29px; height: 25px;} .view-tab ul.tab-list li.current span.map-list { background: url("../images/map-icon-active.svg") no-repeat scroll 0 0;} .view-content { float: left; width: 100%;} .view-content .tab-cnt { float: left; width: 100%; display: none;} .view-content .tab-cnt.current { display: block;} .view-map { float: left; width: 100%; position: relative;} .view-map img { float: left; width: 100%;} ul.view-map-list { float: left; width: 100%;} ul.view-map-list li { position: absolute; top: 0; cursor: pointer;} ul.view-map-list li span { display: inline-flex; align-items: center; justify-content: center; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25); border: 4px solid #c2bed7; background: #FFFFFF; font-family: 'Sora-Medium'; color: #28166F; font-size: 20px; width: 60px; height: 60px; border-radius: 100px;} ul.view-map-list li.v-map1 {top: 4%; left: 40%;} ul.view-map-list li.v-map2 {top: 50%; left: 8%;} ul.view-map-list li.v-map3 {top: 19.5%; left: 50%;} ul.view-map-list li.v-map4 {top: 46%; left: 32%;} ul.view-map-list li.v-map5 {top: 62.5%; left: 42.5%;} ul.view-map-list li.v-map6 {top: 88%; left: 31.5%;} ul.view-map-list li.v-map7 {top: 82%; left: 49%;} ul.view-map-list li.v-map8 {top: 2%; left: 54%;} ul.view-map-list li.v-map9 {top: 30%; left: 41%;} ul.view-map-list li.v-map10 {top: 68%; left: 28%;} .mob-filter { float: left; width: 100%; display: flex; align-items: center;} .mob-title-filter { float: left; width: auto; display: none;} .mob-title-filter h2 { float: left; width: auto; color: #000000; font-family: 'Sora-Regular'; font-size: 17px; line-height: 24px; padding-right: 20px; position: relative; cursor: pointer;} .mob-title-filter.open h2 {font-family: 'Sora-Bold';} .mob-title-filter h2::after { border-bottom: 2px solid #000000; border-right: 2px solid #000000; content: ''; display: block; height: 7px; width: 7px; pointer-events: none; position: absolute; right: 0px; top: 7px; transform: rotate(45deg); transition: all 0.15s ease-in-out; } .mob-title-filter.open h2:after {transform: rotate(-135deg); top: 11px;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ .sistema-sec{float: left; width: 100%; background: #ffffff; padding: 40px 0 100px 0;} .sistema-sec h2{float: left; width: 100%; font-family: 'SFProDisplay-Bold'; font-size: 60px; line-height: 60px; color: #000; margin-bottom: 25px;} .sistema-sec p{float: left; width: 100%; font-family: 'SFProDisplay-Regular'; color: #303135; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; margin-bottom: 35px;} .sistema-sec ul{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;} .sistema-sec ul li {flex: 0 1 32%; background: rgba(40, 22, 111, 12%); padding: 40px; border-radius: 12px; transition: all 0.4s ease;} .sistema-sec ul li .sis-icon{float: left; width: 100%; margin-bottom: 20px;} .sistema-sec ul li h3{float: left; width: 100%; font-family: 'Sora-Medium'; font-size: 25px; line-height: 30px;color: #000000; margin-bottom: 25px;} .sistema-sec ul li ul{float: left; width: 100%; column-gap: 0; row-gap: 18px;} .sistema-sec ul li ul li{padding: 0; flex: 0 1 100%; background: transparent;} .sistema-sec ul li ul li a{float: left; width: auto; font-family: 'Sora-Bold'; font-size: 16px; line-height: 20px; color: #28166F; display: flex;align-items: center;column-gap: 10px; transition:all .5s ease;} .sistema-sec ul li ul li a span.arrow{background: url("../images/arrow-right.svg") no-repeat scroll 0 0; width: 20px;height: 20px;} .sistema-sec ul li ul li a:hover{ color: #000000;} .sistema-sec ul li ul li a:hover span.arrow{background: url("../images/arrow-right-blk.svg") no-repeat scroll 0 0; } .contact-sec{float: left; width: 100%; background: #ffffff; padding: 40px 0 80px 0;} .contact-sec h2{float: left; width: 100%; font-family: 'SFProDisplay-Bold'; font-size: 60px; line-height: 60px; color: #000; margin-bottom: 25px;} .contact-sec p{float: left; width: 100%; font-family: 'SFProDisplay-Regular'; color: #303135; font-size: 16px; line-height: 26px; letter-spacing: 0.5px; margin-bottom: 40px;} .contact-lst{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 0; margin-bottom: 40px;} .contact-lft{flex: 0 1 30%;} .contact-mid{flex: 0 1 30%;} .contact-mid ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;} .contact-mid ul li{flex: 0 1 100%; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 30px; letter-spacing: -0.07px; color: #3C3C3C;} .contact-mid ul li a{font-family: 'SFProDisplay-Semibold';transition:all .5s ease;} .contact-mid ul li a:hover{ color: #28166F; text-decoration: underline;} .contact-rgt{flex: 0 1 24%;} .contact-rgt h6{width: 100%; float: left; margin-bottom: 15px;} .contact-rgt h6 a{font-family: 'SFProDisplay-Bold';font-size: 16px; line-height: 28px; letter-spacing: -0.07px; color: #28166F; text-decoration: underline; transition:all .5s ease;} .contact-rgt h6 a:hover{ color: #000000;} .contact-rgt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 0;} .contact-rgt ul li{flex: 0 1 auto;} .contact-rgt ul li img{transition:all .5s ease;} .contact-rgt ul li:hover img{opacity: 0.7;} .contact-lst h3{float: left; width: 100%; font-family: 'Sora-SemiBold'; font-size: 22px; line-height: 35px; letter-spacing: -0.26px; color: #000000; margin-bottom: 15px;} .contact-lst p{float: left; width: 100%; color: #3C3C3C; margin-bottom: 0;} .ipa-visit{float: left; width: 100%; background: #fff; padding: 80px 0;} .ipa-visit.hm-lpavisit { border-top: 8px solid rgba(0, 0, 0, 0.1);} .ipa-visit-inn { float: left; width: 100%; position: relative; } /* .ipa-title{float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;} */ .ipa-visit-inn h2 { float: left; width: auto; font-family: 'Sora-Bold'; color: #000000; font-size: 40px; line-height: 50px; letter-spacing: -0.18px; margin-bottom: 45px;} .lpavisit-social ul{width: auto; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 0; position: absolute; top: 0; right: 0;} .lpavisit-social ul li{flex: 0 1 auto;} .lpavisit-social ul li a{float: left; width: 100%;} .lpavisit-social ul li img{float: left;transition:all .5s ease;} .lpavisit-social ul li:hover img{opacity: 0.7;} .ipa-list{float: left; width: 100%;} .ipa-list ul{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0.6%; row-gap: 0; position: relative;} .ipa-list ul li{flex: 0 1 24.5%; overflow: hidden; border-radius: 5px;} .ipa-list ul li img{width: 100%; float: left;transition:all .5s ease;} .ipa-list ul li:hover img{transform: scale(1.05);} .servicios-sec{width: 100%; float: left; background: #f2f1f7; padding: 70px 0;} .servicios-sec h2{width: 100%; float: left; font-family: 'Sora-Medium'; font-size: 45px; line-height: 55px; color: #000000; margin-bottom: 40px;} .servicios-sec ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 25px;} .servicios-sec ul li{flex: 0 1 20%; align-items: center; display: flex; flex-wrap: wrap; column-gap: 10px;} .servicios-sec ul li a{ font-family: 'Sora-Medium'; float: left; color: #282828; display: flex; column-gap: 12px; align-items: center; transition:all .5s ease; letter-spacing: 0.4px; font-size: 16px;} .servicios-sec ul li a span img {float: left;} .servicios-sec ul li:hover a{color: #28166F;} .gallery-lst{width: 100%; float: left; background: #fff; padding: 80px 0 0;} .gallery-lst h2{width: 100%; float: left; font-family: 'Sora-Medium'; font-size: 45px; line-height: 55px; margin-bottom: 30px;} .gallery-div{width: 100%; float: left; margin-bottom: 45px;} .gallery-div ul { display: flex; flex-wrap: wrap; flex-direction: row; column-gap: 2%; row-gap: 25px; float: left; width: 100%;} .gallery-div ul li { flex: 0 1 23.5%;} .gallery-div ul li .actv-img { float: left; width: 100%; overflow: hidden; border-radius: 0; position: relative; } .gallery-div ul li .actv-img {border-radius: 4px;} .gallery-div ul li .actv-img iframe {width: 100%;height: 171px; border-radius: 5px;} .gallery-div ul li .actv-img img { float: left; width: 100%;transition: all 0.5s ease-in-out; } .gallery-div ul li:hover .actv-img img { transform: scale(1.02);} .gallery-div ul li .actv-img.video-pop:before {z-index: 2; position: absolute; content: "";background: url("../images/video-icon.svg") no-repeat 0 0; left: 0px;right: 0px;top: 50%;bottom: 0px;display: flex;align-items: center; justify-content: center; transition: all 0.5s ease-in-out; width: 62px;height: 62px;background-size: cover;transform: translateY(-50%);margin: 0 auto;} .gallery-div ul li:hover .actv-img:before { opacity: 1; } .gallery-div ul li .actv-img.video-pop::after { position: absolute; background: rgba(71, 71, 71, 0.35); top: 0; width: 100%; height: 100%; content: ""; left: 0; z-index: 1;} .gallery-map{width: 100%; float: left;} .gallery-map img{width: 100%; float: left; transition:all .5s ease; border-radius: 10px;} .gallery-div.gally ul li .actv-img::before {display: none;} .exp-ficha{float: left; width: 100%; padding: 40px 0 80px 0; background: #fff;} .exp-ficha h2{float: left; width: 100%; font-family: 'Sora-Medium'; font-size: 50px; line-height: 50px; color: #000; } .alloj-title { display: flex; flex-wrap: wrap; column-gap:30px; align-items: center; margin-bottom: 20px;} .alloj-title h2 { display: inline-block; width: auto;} .alloj-title ul { display: flex; flex-wrap: wrap; column-gap: 5px;} .alloj-title ul li { flex: 0 1 auto;} .exp-ficha p{float: left; width: 100%; font-family: 'SFProDisplay-Regular'; color: #3E3E3E; font-size: 18px; line-height: 26px; letter-spacing: 0.4px; margin-bottom: 30px;} .ficha-inner{float: left; width: 100%;} .ficha-lft{width: 64%; float: left; } .ficha-rgt{width: 34%; float: right; background: #f2f1f7; padding: 40px 40px; border-radius: 15px;} .ficha-rgt h4{float: left; width: 100%; font-family: 'Sora-SemiBold'; font-size: 22px; line-height: 22px; letter-spacing: 0.44px; color: #000; margin-bottom: 20px;} .ficha-rgt h6{background: rgba(40, 22, 111, 12%); border-radius: 5px; padding: 5px 10px; font-family: 'SFProDisplay-Semibold'; text-transform: uppercase; font-size: 14px; line-height: 20px; color: #28166F; letter-spacing:1px; display: inline-block;} .ficha-rgt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 30px; margin-top: 20px;} .ficha-rgt ul li{flex: 0 1 100%; padding-left: 32px;} .ficha-rgt ul li p{float: left; width: 100%;font-family: 'SFProDisplay-Regular'; font-size: 18px; line-height: 28px; letter-spacing: 0.34px; margin-bottom: 10px;} .ficha-rgt ul li.ph a { font-family: 'SFProDisplay-Regular'; font-size: 18px; line-height: 28px; letter-spacing: 0.34px; color: #383838; text-decoration: none; transition:all .5s ease;} .ficha-rgt ul li.ph a:hover { color: #28166F; text-decoration: underline;} .ficha-rgt ul li a.map-lnk{float: left; font-family: 'SFProDisplay-Medium'; font-size: 16px; line-height: 27px; letter-spacing: 0.34px; color: #383838; text-decoration: underline; transition:all .5s ease;} .ficha-rgt ul li a.map-lnk:hover{color: #28166F; } .ficha-rgt ul li.cal p{margin-bottom: 0;} .ficha-rgt ul li a {float: left; font-family: 'SFProDisplay-Bold'; font-size: 16px; line-height: 27px; letter-spacing: 0.34px; color: #28166F; text-decoration: underline; word-break: break-all; transition:all .5s ease;} .ficha-rgt ul li.cal{background: url("../images/calendar-icon.svg") no-repeat left 5px;} .ficha-rgt ul li.loc{background: url("../images/loc.svg") no-repeat left 5px;} .ficha-rgt ul li.ph{background: url("../images/mobile.svg") no-repeat left 2px;} .ficha-rgt ul li.ph p{margin-bottom: 0;} .ficha-rgt ul li.link{background: url("../images/links.svg") no-repeat left 2px;} .ficha-rgt ul li.mail{background: url("../images/mails.svg") no-repeat left 2px;} .ficha-rgt ul.social{display: flex; column-gap: 10px;padding-left: 0; margin-bottom: 30px; margin-top: 35px;} .ficha-rgt ul.social li{flex: 0 1 auto; padding-left: 0;} .ficha-rgt ul.social li img{float: left; width: 40px; transition:all .5s ease;} .ficha-rgt ul.social li:hover img{opacity: 0.7;} .ficha-rgt ul li a:hover { color: #000000;} .ficha-rgt ul li.horario { font-family: 'SFProDisplay-Regular'; font-size: 18px; line-height: 28px; letter-spacing: 0.34px; color: #383838; text-decoration: none; transition:all .5s ease;} .ficha-lft .owl-carousel .owl-item .ban-icon-div { margin-right: 0 !important; bottom: 20px;} .ficha-lft .owl-carousel .owl-item .ban-icon-div .camera-ico .grn-txt p { margin-bottom: 0;} #festas-list.owl-carousel .owl-item .ban-icon-div { margin-right: 0 !important; bottom: 20px;} #festas-list.owl-carousel .owl-item .ban-icon-div .camera-ico .grn-txt p { margin-bottom: 0;} /* .ficha-rgt ul li.mail:hover a, .ficha-rgt ul li.link:hover a{text-decoration: none;} */ a.res-but{float: left; border: 2px solid #000000;background: #ffffff; font-family: 'Sora-SemiBold'; font-size: 15px; line-height: 24px; border-radius: 23px;padding: 10px 30px; transition:all .5s ease;} a.res-but:hover{background: #28166F; border: 2px solid #28166F; color: #ffffff;} #festas-list{width: 100%; float: left;} #festas-list .item{width: 100%;float: left;} #festas-list .item img{width: 100%;float: left; border-radius: 10px;} #festas-list .owl-dot{margin: 2px 6px; cursor: pointer;} #festas-list .owl-dots{ margin-top: 0; margin-bottom: 0; width: auto; position: absolute; bottom: 30px; right: 55px;} #festas-list .owl-dot.active {background: #fff;} #festas-list .owl-dot{background: rgba(255,255,255,40%); border:0px solid #FFFFFF; } #festas-list .owl-nav {display: flex;width: 85px;position: absolute;top: auto;bottom: 60px;left: 25px;} #festas-list .owl-prev { cursor: pointer; background: url("../images/lft-arw.svg") no-repeat 0 0; border:0px solid #FFFFFF; width: 38px; height: 38px;} #festas-list .owl-next { cursor: pointer; background: url("../images/rgt-arw.svg") no-repeat 0 0; border:0px solid #FFFFFF; width: 38px; height: 38px;} #festas-list .owl-prev:hover, #festas-list .owl-next:hover{opacity:0.7;} #festas-list .owl-controls{margin-bottom: 0;} .ficha-cont{width: 100%; float: left; padding-top: 30px; margin-bottom: 50px;} .ficha-cont p{width: 100%; float: left; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 26px; color: #303135; margin-bottom: 15px;} .ficha-cont p span{font-family: 'SFProDisplay-Bold';} .ficha-cont p:last-child { margin-bottom: 0;} .compar-lst{width: 100%; float: left;} .compar-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 55px; row-gap: 0;} .compar-lst ul li{flex: 0 1 auto;} .compar-lst ul li a{font-family: 'Sora-Bold'; color: #28166F; font-size: 16px; line-height: 26px; display: flex;column-gap: 12px;align-items: center; transition:all .5s ease;} .compar-lst ul li.compar span{ background: url("../images/share.svg") no-repeat 0 0; width: 16px;height: 19px;display: inline-block;} .compar-lst ul li.guar span{background: url("../images/ico-heart.svg") no-repeat 0 0; width: 22px;height: 19px;display: inline-block;} .compar-lst ul li:hover a{ color: #000000;} .compar-lst ul li.compar:hover span { background: url("../images/share-blk.svg") no-repeat 0 0; } .compar-lst ul li.guar:hover span { background: url("../images/ico-heart-blk.svg") no-repeat 0 0; } .santa-slider{width: 100%; float: left; margin-bottom: 50px;} .ficha-cont.pad {padding: 0 45px 0 0;} .ficha-lft.lft{width: 62%;} .ficha-rgt.rgt{width: 36%;} .ficha-rgt.rgt h4 { margin-bottom: 0;} .m-t-50{margin-top: 40px;} .mob-lft-filter { float: left; width: 100%; display: none; flex-wrap: wrap;} /* development css */ .otgs-development-site-front-end { display: none;} .page-mnhght { min-height: 450px;} .map { float: left; width: 100%; } .map iframe { float: left; width: 100%; } /* .search-results { float: left; width: 100%; padding: 50px 0 0;} .search-results h4 { float: left; width: 100%; color: #000000; font-family: 'Sora-SemiBold'; font-size: 35px; line-height: 45px; letter-spacing: 0.53px; padding-bottom: 30px;} .search-results ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;} .search-results ul li { flex: 0 1 100%;} .search-results ul li h3 { float: left; width: 100%; color: #28166F; font-family: 'Sora-Medium'; font-size: 30px; line-height: 35px; letter-spacing: -0.1px; padding-bottom: 15px;} .search-results ul li p { float: left; width: 100%; color: #000000; font-family: 'Sora-Regular'; font-size: 16px; line-height: 24px; padding-bottom: 10px;} .search-results ul li a.more-info { color: #000000; font-size: 16px; line-height: 24px; font-family: 'SFProDisplay-Regular'; transition: all 0.4s ease; text-decoration: underline;} .search-results ul li a.more-info:hover { color: #28166F;} .search-results .visual-div { float: left; width: 100%; text-align: center; margin-top: 50px;} .search-results .red-btn a.load-btn { transition: all 0.4s ease; background: #fff; border-radius: 25px; text-align: center; border: 2px solid #000; display: inline-block; padding:8px 30px; font-size: 15px; font-family: 'Sora-Medium';} .search-results .red-btn a.load-btn:hover { background: #000; color: #ffffff;} */