@charset "utf-8";
/* CSS Document */

/* ------- webfonts ------- */
@font-face{font-family:'replica';src:url('fonts/Replica Regular.eot');src:local('☺'), url('fonts/Replica Regular.woff') format('woff'), url('fonts/Replica Regular.ttf') format('truetype'), url('fonts/Replica Regular.svg') format('svg');font-weight:500;font-style:normal}

@font-face{font-family:'replica';src:url('fonts/Replica Light.eot');src:local('☺'), url('fonts/Replica Light.woff') format('woff'), url('fonts/Replica Light.ttf') format('truetype'), url('fonts/Replica Light.svg') format('svg');font-weight:200;font-style:normal}

@font-face{font-family:'rationalsans';src:url('fonts/Rene Bieder - Rational-ExtraLight.eot');src:local('☺'), url('fonts/Rene Bieder - Rational-ExtraLight.woff') format('woff'), url('fonts/Rene Bieder - Rational-ExtraLight.ttf') format('truetype'), url('fonts/Rene Bieder - Rational-ExtraLight.svg') format('svg');font-weight:200;font-style:normal}

@font-face{font-family:'rationalsans';src:url('fonts/Rene Bieder - Rational-Book.eot');src:local('☺'), url('fonts/Rene Bieder - Rational-Book.woff') format('woff'), url('fonts/Rene Bieder - Rational-Book.ttf') format('truetype'), url('fonts/Rene Bieder - Rational-Book.svg') format('svg');font-weight:500;font-style:normal}

@font-face{font-family:'rationalsans';src:url('fonts/Rene Bieder - Rational-Medium.eot');src:local('☺'), url('fonts/Rene Bieder - Rational-Medium.woff') format('woff'), url('fonts/Rene Bieder - Rational-Medium.ttf') format('truetype'), url('fonts/Rene Bieder - Rational-Medium.svg') format('svg');font-weight:normal;font-style:700}

/* ------- STYLES ------- */

/* GENERAL */

*{outline:none;margin:0;padding:0;font-family:'rationalsans';letter-spacing:.3px;font-weight:500;}
body{font-weight:normal;text-rendering:geometricPrecision;-webkit-text-rendering:geometricPrecision;background-color:#f9f9f9;}
h1, h2, h3, h4{font-weight:500;}
a{text-decoration:none;color:initial;display:block;}
a span.hover{position:absolute;left:0;background-color:#f9f9f9;display:none;top:0;}
a:hover{cursor:pointer;}
a:hover span.hover{display:block;}
.left{float:left;}
.right{float:right;}

.btn{text-align:center;padding:15px 10px;font-size:16px;width:100%}
.btn.orange{background-color:#ff6400;color:#FFF}

.btn-swipe{width:30px;height:22px;position:fixed;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;display:none;top:20px;left:20px;z-index:11;}
.btn-swipe span{display:block;position:absolute;height:3px;width:100%;background:#ff6400;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.btn-swipe span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(2){top:9px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(3){top:18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.swipe-opened .btn-swipe span{background:#FFF;}
.swipe-opened .btn-swipe span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-1px;left:8px}
.swipe-opened .btn-swipe span:nth-child(2){width:0%;opacity:0}
.swipe-opened .btn-swipe span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:20px;left:8px}

.select-wrapper{overflow:hidden;border-bottom:1px solid #acacac;position:relative;}
.select-wrapper.multiple{overflow:visible;}
.select-wrapper span{background:none repeat scroll 0 0 #f9f9f9;bottom:0;font-size:10px;width:30px;line-height:34px;position:absolute;right:0;text-align:center;z-index:-1;}
.select-wrapper select{border:0;background:transparent;width:100%;font-size:14px;padding:10px 0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-radius:0;}
input[type="submit"]{border:0;background:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-radius:0;}
input{border:none;border-bottom:1px solid #acacac;padding:10px 0;font-size:14px;font-family:"rationalsans";width:100%;background:transparent;}
.checkbox-list{border:0;padding:0;width:100%;border-bottom:1px solid #acacac;display:flex;justify-content:space-between}
.checkbox-list li{float:left;margin-bottom:10px;}
.checkbox-list li:first-child{margin-left:0;}
.checkbox-list li:last-child{margin-right:0;}
.checkbox-list li input{display:none;}
.checkbox-list li label{transition:all .2s ease;display:table;font-size:14px;}
.checkbox-list li label:hover{cursor:pointer;}
.checkbox-list li label.on{color:#ff6400;}

.master-wrapper{padding:40px 40px 30px 180px;}

.logo{position:fixed;bottom:40px;left:40px;width:100px;height:326px;background-image:url('../imgs/logo_master.png');background-position:center;background-repeat:no-repeat;background-size:100%;}

.nav-back{width:100px;height:15px;background-image:url('../imgs/back_arrow.png');background-repeat:no-repeat;background-size:auto 100%;background-position:left;position:fixed;left:40px;top:40px;}
.nav-back:after{content:"volver";position:absolute;font-size:14px;color:#ff6400;right:0;top:23px;opacity:0;visibility:hidden}
.nav-back:hover:after{opacity:1;visibility:visible;}

/* swipe */
.swipe{position:fixed;top:0;left:-360px;width:100%;background-color:#ff6400;bottom:0;font-size:24px;color:#FFF;padding:80px 30px 30px 30px;max-width:300px;z-index:10;transition:all .6s cubic-bezier(.7, 0, .3, 1);overflow:auto;}
.swipe-opened .swipe{left:0;}
.swipe nav{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #000}
.swipe ul{list-style:none;}
.swipe ul li{width:100%;}
.swipe ul li a{line-height:45px;transition:all .3s ease;position:relative;color:#FFF;font-size:24px}
.swipe ul li a > div{position:absolute;top:20px;right:25px}
.swipe ul li.dropdown ul{padding:0;overflow:hidden;height:0px;transition:all .3s ease;}
.swipe ul li.dropdown.opened > a{color:#000;}
.swipe ul li.dropdown.opened ul{height:180px;}
.swipe ul li.dropdown ul li a{padding-left:20px;font-size:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.swipe .filter h3{font-size:20px;margin-bottom:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#000;}
.swipe .filter ul li{margin-bottom:10px;list-style:none;}
.swipe .filter ul li label.title{font-size:20px;}
.swipe .filter ul li.price-filter h3{margin-top:30px;font-size:20px}
.swipe .filter ul li input[type="text"]{background-color:transparent;color:#FFF;font-size:20px;font-weight:300;border-bottom-color:#FFF;}
.swipe .filter ul li input[type="text"]::-webkit-input-placeholder{color:#FFF}
.swipe .filter ul li input[type="text"]::-moz-placeholder{color:#FFF}
.swipe .filter ul li input[type="text"]:-ms-input-placeholder{color:#FFF}
.swipe .filter ul li input[type="text"]:-moz-placeholder{color:#FFF}
.swipe .filter ul li .select-wrapper{border-bottom-color:#FFF;}
.swipe .filter ul li .select-wrapper span{background:#ff6400;color:#FFF;line-height:50px;}
.swipe .filter ul li .select-wrapper select{color:#FFF;font-size:20px;font-weight:300;}
.swipe .filter ul li .checkbox-list{border-bottom-color:#FFF;}
.swipe .filter ul li .checkbox-list li{width:auto;}
.swipe .filter ul li .checkbox-list li label{font-size:20px;}
.swipe .filter ul li .checkbox-list li label.on{color:#000}
.swipe .filter .btn{margin-top:10px;cursor:pointer;font-size:20px;background-color:#FFF;color:#ff6400}
.swipe .filter .btn:hover{color:#000;}

/* header */
header.master{display:table;float:left;}
header.master ul{display:table;list-style:none;margin-bottom:20px;width:100%;}
header.master ul li{float:left;margin-right:65px;}
header.master ul li a{font-size:16px;}
header.master ul.nav-master li.selected a{color:#ff6400;}
header.master ul.nav-slave{padding-top:20px;border-top:1px solid #ff6400;padding-left:115px;width:calc(100% - 100px)}
header.master ul.nav-slave li a{color:#acacac;}
header.master ul.nav-slave li.selected a{color:#000;}

/* aside */
aside{float:right;width:240px;margin-top:60px;}

/* .filter */
.filter h3{font-size:16px;margin-bottom:12px;color:#ff6400;}
.filter ul li{margin-bottom:10px;list-style:none;}
.filter ul li label.title{font-size:14px;margin-bottom:10px;display:block;margin-top:20px;}
.filter ul li label.title span{font-size:12px;display:table;color:#acacac;font-weight:200}
.filter ul li.price-filter h3{margin-top:31px;}
.filter ul li input[type="text"]{background-color:transparent;}
.filter ul li select{text-transform:capitalize}
.filter .btn{margin-top:10px;cursor:pointer;}
.filter .btn:hover{color:#000;}

/* main */
main{width:calc(100% - 280px);position:relative;display:table}

/* .estate */
main .estate{list-style:none;display:table;width:100%;}
main .estate li{float:left;margin:10px;width:calc(50% - 20px)}
main .estate li a{display:table;width:100%}
main .estate li a .img{width:100%;height:220px;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;}
main .estate li a .img span.bullet{position:absolute;color:#FFF;font-size:100px;font-weight:200;font-family:"replica";right:20px;bottom:10px;line-height:100px;z-index:2;opacity:0;visibility:hidden;}
main .estate li a .img:after{content:"";width:100%;text-align:right;vertical-align:bottom;height:100%;display:table;background-color:rgba(255, 100, 0, .7);opacity:0;visibility:hidden;}
main .estate li:hover a .img span.bullet{opacity:1;visibility:visible;}
main .estate li:hover a .img:after{opacity:1;visibility:visible;}
main .estate li a footer{padding:15px 0;display:table;width:100%;}
main .estate li a p{width:100%;text-transform:uppercase;margin-bottom:5px;font-size:14px;}
main .estate li a small{font-size:14px;float:left;text-transform:uppercase;}
main .estate li a span{float:right;font-size:14px;color:#ff6400;}

main .no-results{width:100%;max-width:600px;font-size:16px;margin-top:50px}
main .no-results p{margin-bottom:20px}
main .no-results a{color:#ff6400;text-decoration:underline;}

/* page-index */
.page-index{overflow:hidden;}
.page-index main{position:fixed;top:100px;left:170px;right:30px;bottom:30px;display:block;width:auto;}
.page-index main .slider{height:100%;margin:0}
.page-index main .slider .slides{position:relative;}
.page-index main .slider .slides a{width:100%;height:100%;}
.page-index main .slider .slides a .content{display:table;width:calc(100% - 20px);margin-bottom:20px;position:relative;padding:0 10px;}
.page-index main .slider .slides a .content h3{font-size:24px;float:left;width:calc(100% - 300px);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.page-index main .slider .slides a .content h4{font-size:24px;width:200px;text-align:right;color:#ff6400;float:right;}
.page-index main .slider .slides a .img{position:absolute;bottom:0;height:calc(100% - 50px);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%}
.page-index main .slider .slides a .img:after{content:"";width:100%;text-align:right;vertical-align:bottom;height:100%;display:table;background-color:rgba(255, 100, 0, .7);opacity:0;visibility:hidden;}
.page-index main .slider .slides a .img span.bullet{position:absolute;color:#FFF;font-size:100px;font-weight:200;font-family:"replica";right:20px;bottom:10px;line-height:100px;z-index:2;opacity:0;visibility:hidden;}
.page-index main .slider .slides a .img:hover span.bullet{opacity:1;visibility:visible;}
.page-index main .slider .slides a .img:hover:after{opacity:1;visibility:visible;}
.page-index main .slider .slick-prev{height:40%;top:initial;bottom:0}
.page-index main .slider .slick-next{height:40%;top:initial;bottom:0}

/* HOUSE DETAIL */
.page-house .master-wrapper{padding-top:5px;padding-bottom:40px;}

.page-house main{display:block}
.page-house main p.id{color:#ff6400;margin-top:30px;float:left;width:50%;}
.page-house main p.method{float:right;color:#ff6400;width:50%;margin-top:30px;text-align:right;text-transform:capitalize;}
.page-house main h3{font-size:24px;width:calc(100% - 200px);display:block;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:200px;position:relative}
.page-house main h3 .price{position:absolute;right:0;text-align:right;}
.page-house main small{text-transform:uppercase;font-size:16px;display:table;margin-bottom:20px;}
.page-house main .house-imgs{width:100%;height:400px;overflow:hidden;margin-bottom:30px;}
.page-house main .house-imgs .slider{width:100%;height:100%;}
.page-house main .house-imgs .slide{background-position:center;background-repeat:no-repeat;background-size:cover;display:table;width:100%;height:100%;}
.page-house main .content{width:100%;}
.page-house main .content p.description{font-size:16px;margin-bottom:30px;}
.page-house main .content a.btn{width:200px}
.page-house main ul.details{width:100%;list-style:none;display:table;margin-bottom:20px;}
.page-house main ul.details li{text-align:right;float:left;padding:15px 0;border-top:1px solid #ff6400;width:calc(25% - 20px);font-size:12px;margin-right:20px;text-transform:uppercase;}
.page-house main ul.details li p{color:#ff6400}
.page-house main ul.details li span{float:left;font-weight:500;color:#000}

.page-house aside.map{margin-top:125px;}
.page-house aside.map .map-wrapper{width:100%;height:100%;}

/* CONTACT */
.page-contact main{width:100%;max-width:500px;}
.page-contact main h2{margin-top:20px;color:#ff6400;}
.page-contact main h3{margin-top:10px;font-size:16px;}
.page-contact main h3 a{color:#ff6400;display:inline-block;}
.page-contact main p.notification{font-size:14px;margin-top:15px;color:#ff6400;display:none;}
.page-contact main p.notification.on{display:block;}
.page-contact main form{margin-top:30px}
.page-contact main form ul{list-style:none;width:100%;}
.page-contact main form ul li{margin-bottom:20px;}
.page-contact main form ul li:last-child{margin:0;}
.page-contact main form ul li input{color:#000;font-size:18px;border-bottom:0;border-top:1px solid #acacac;}
.page-contact main form ul li input::-webkit-input-placeholder{color:#acacac}
.page-contact main form ul li input::-moz-placeholder{color:#acacac}
.page-contact main form ul li input:-ms-input-placeholder{color:#acacac}
.page-contact main form ul li input:-moz-placeholder{color:#acacac}
.page-contact main form ul li textarea{border:0;border-top:1px solid #acacac;border-bottom:1px solid #acacac;font-size:18px;width:100%;padding:10px 0;background:transparent;resize:none;color:#000;height:200px;}
.page-contact main form ul li textarea::-webkit-input-placeholder{color:#acacac}
.page-contact main form ul li textarea::-moz-placeholder{color:#ababab}
.page-contact main form ul li textarea:-ms-input-placeholder{color:#acacac}
.page-contact main form ul li textarea:-moz-placeholder{color:#acacac}
.page-contact main form a.btn{max-width:300px;margin-top:40px;margin-bottom:10px;}

.page-contact aside{margin-top:105px;}
.page-contact aside ul{list-style:none;}
.page-contact aside ul li{border-top:1px solid #ff6400;padding-top:13px;width:100%;}
.page-contact aside ul li:last-child{margin-top:78px;}
.page-contact aside ul li a{font-size:14px;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.page-contact aside ul li a:hover{color:#ff6400;}

/* SERVICES */
.page-services main h2{margin-top:20px;color:#ff6400;}
.page-services main h3{margin-top:10px;margin-bottom:50px;font-size:16px;width:100%;max-width:600px;}

.page-services aside{margin-top:105px;}
.page-services aside ul{list-style:none;}
.page-services aside ul li{border-top:1px solid #ff6400;padding-top:13px;width:100%;}
.page-services aside ul li:last-child{margin-top:80px;}
.page-services aside ul li a{font-size:14px;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.page-services aside ul li a:hover{color:#ff6400;}

@media (max-width: 1170px){
	/* filter */
	aside{width:200px;margin-top:60px;}
	
	/* main */
	main{width:calc(100% - 240px)}
	
	/* .estate */
	main .estate li{float:none;margin:0 0 10px 0;width:100%}
}

@media (max-width: 1120px){
	.master-wrapper{padding:40px 40px 30px 150px}
	.logo{width:70px;height:230px;}
	.nav-back{width:70px;}
	
	/* header */
	header.master ul li{float:left;margin-right:40px;}
	header.master ul li a{font-size:14px;}
	header.master ul.nav-slave{padding-left:80px;width:calc(100% - 80px)}
	
	/* page-index */
	.page-index main{top:90px;left:140px;}
	
	/* page-house */
	.page-house main ul.details li{width:calc(33.33% - 20px);}
}

@media (max-width: 900px){
	.master-wrapper{padding:20px 20px 20px 70px;}
	.logo{width:30px;height:380px;bottom:20px;left:20px;background-image:url('../imgs/logo_master_mobile.png');}
	.nav-back{width:30px;left:20px;top:25px;}
	.nav-back:after{content:none;}
	.btn-swipe{display:block;}
	/* header */
	header.master{display:none;}
	/* filter */
	aside{display:none;}
	/* main */
	main{width:100%;}
	
	/* page-index */
	.page-index main{top:20px;left:70px;right:20px;bottom:20px}
	
	/* page-house */
	.page-house main p.id{margin-top:20px;}
	.page-house main p.method{margin-top:20px;}
	
	/* .page-contact */
	.page-services main h2{margin-top:2px}
	
	/* .page-contact */
	.page-contact main h2{margin-top:0;}
	.page-contact aside{display:block;float:none;width:100%;margin:0 0 50px 0}
	.page-contact aside ul{display:table;width:100%}
	.page-contact aside ul li{float:left;width:50%;}
	.page-contact aside ul li:last-child{margin:0;}
}

@media (max-width: 700px){
	/* page-index */
	.page-index main .slider .slides a .content{margin-top:7px;}
	.page-index main .slider .slides a .content h3{font-size:16px;width:calc(100% - 120px)}
	.page-index main .slider .slides a .content h4{font-size:16px;width:100px}
	
	/* page-house */
	.page-house main ul.details li{width:calc(50% - 20px);}
	
	/* .page-contact */
	.page-contact aside ul li{float:none;width:100%;}
	.page-contact aside ul li:first-child{margin-bottom:20px;}
}

@media (max-width: 480px){
	/* page-index */
	.page-index main .slider .slides a .content h3{width:100%}
	.page-index main .slider .slides a .content h4{display:none;}

	/* page-house */
	.page-house main p.id{font-size:14px;}
	.page-house main p.method{font-size:14px;}
	.page-house main h3{font-size:16px;padding-right:100px;width:calc(100% - 100px);}
	.page-house main small{font-size:14px;}
	.page-house main .content p.description{font-size:14px;}
	.page-house main ul.details li{width:100%;margin:0;}
	.page-house main .content a.btn{width:calc(100% - 20px)}
}









































/* SLICK PLUG IN */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%;}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; height: 100%;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; background-position: center center;background-size: cover;}
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev,.slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:transparent;color:transparent;padding:0;border:none;outline:none;z-index:1;font-family:'Work Sans';font-size:50px;font-weight:500;overflow:hidden;width:50%;height:calc(100% - 70px);top:0;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
@media (max-width: 700px){
	.slick-prev,.slick-next{display:none!important;}
}

.slick-prev:before, .slick-next:before {font-size: 40px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }

.slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
[dir="rtl"] .slick-next { left: 0; right: auto; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; font-size:34px;}
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px;font-size: 26px; line-height: 20px; text-align: center; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: #ff6400; opacity: 1; }