@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic); /*Version: 1.0Author: blakkatsAuthor URL: //blakkats.com.co*/
html { width: 100%; max-width: 100%; min-width: 100%; overflow-x: none; overflow-x: hidden; overflow-y: visible;  background:#121212; margin: 0px; pading: 0px} body { width: 100%; max-width: 100%; min-width: 100%; overflow-x: none; overflow-y: visible; background:#121212; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #E4E4E4; line-height: 26px; text-align: center; margin: 0px; pading: 0px } iframe{ width: 100%; max-width: 100%; min-width: 100%; max-height: 100%; min-height: 100%; overflow-x: none; overflow-x: hidden; overflow-y: visible; background: rgba(0,0,0,1.00); border: none; } .cajaimgint { width: auto; max-width: 100%; text-align: center; vertical-align: central; display: inline-block; border: 1px solid rgba(255,255,255,0.0); border-radius: 4px; margin: 9px 9px; overflow: hidden; } .cajaimgint img{ height: auto; max-height: 567px; width: auto; max-width: 100%; cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .pupupfo { position: fixed; margin: 0px; padding: 0px; top: 0; z-index: 9999999999999999999999999999999; width: 100%; height: 0%; background-color:#121212; background-image: url(../images/loader.gif); background-position: center center; background-repeat: no-repeat; overflow: hidden; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; opacity: 0; } .btnesx { cursor: pointer; position: fixed; top: 0; right: 0; z-index: 999999999999999999999999999999999; width: 30px; height: 30px; background-color: white; color:#ff3b00; font-size: 25px; font-weight: 600; margin:  5px; padding: 1px ; overflow: hidden; border-radius:  60px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; opacity: 0; } .btnesx:hover { color: white; background-color: #ff3b00; } h1, h2, h4, h5 { font-weight: 100; font-family: 'Roboto Condensed', sans-serif; color: #121212; } h6 { font-weight: 100; font-size: 33px; font-family: 'Roboto Condensed', sans-serif; color: #ff3b00; } h3 { display: none } h5 {font-size: 25px;  } #barbj { width: 100%; height: 32px; position: fixed; z-index: 99999999999999999999; bottom: 0; background-color: #121212; text-align: right; } .btnsbook ul { text-decoration: none; list-style: none; display: inline-block; text-align: center; margin: 0px auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .texbook{ transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; font-size: 2em; font-weight: 100; color: #121212; display: block; text-align: center; } .boxer{ position: relative; margin-bottom: 30px; } .texbook ul{ transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: block; text-align: center; border-bottom: thin solid #ff3b00; } .btnsbook ul li { background-color: #fff; color: #121212; text-decoration: none; list-style: none; display: inline-block; font-size: 2.4em; font-weight: 100; padding: 9px 8px 13px 12px; margin: 4px; border-radius: 4px; letter-spacing: -1px; cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .icomonetemo { width: 44px; height: 44px; display: inline-block; cursor: pointer; margin: 3px 3px; position: fixed; left: 84px; top: 9px; z-index: 91; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } .btnsbook { text-align: center; margin-left: auto; margin-right: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .btnsbook a .icomonete{ width: 50px; height: 49px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; text-decoration: none; list-style: none; display: inline-block; font-size: 1.5em; font-weight: 100; cursor: pointer; color: #121212; top: 20px; margin: 14px 4px -14px 4px; background-image:url(../images/fdnenvia.png); background-size:  auto 100%; background-position: center center; border-radius: 4px; overflow: hidden; } .btnsbook .atv{ color: rgb(255,255,255); background-color: #ff3b00; text-decoration: none; list-style: none; display: inline-block; font-size: 2.4em; font-weight: 100; padding: 9px 8px 13px 12px; margin: 4px; border-radius: 4px; letter-spacing: -1px; cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .btnsbook ul li:hover { color: rgb(255,255,255); background-color: #ff3b00; } .btnsbook a .icomonete:hover { background-image:url(../images/fdnenviar.png); } .btnsbook ul .blog{ text-decoration: none; list-style: none; display: inline-block; font-size: 2.5em; font-weight: 100; color: #ff3b00; background-color: #454545; border-radius: 4px; } .btnsbook ul .blog:hover { color: rgb(255,255,255); background-color: #ff3b00; } .telefo, .whapp { width: 15px; height: 15px; font-size: 15px; color:rgba(226,31,0,1.00); font-family: 'icomoon' !important; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; margin: 0px 5px; padding: 0; display: inline-block; } .telefo:before { content: "\e928"; } .whapp:before { content: "\ea93"; } .social_icons ul { text-decoration: none; list-style: none; display: inline-block; width: auto; margin-left: -30px; text-align: center; opacity: 0.8; margin: 30px; } .social_icons ul li { text-decoration: none; list-style: none; display: inline-block; text-align: center; width: auto; margin: 5px; cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } a .twter { cursor: pointer; width: 28px; height: 28px; font-size: 30px; color: rgba(250,34,0,1.00); font-family: 'icomoon' !important; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } a .twter:before { content: "\e925"; } a .twter:hover { color: #121212; } a .inst { cursor: pointer; width: 28px; height: 28px; font-size: 30px; color: rgba(250,34,0,1.00); font-family: 'icomoon' !important; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } a .inst:before { content: "\e921"; } a .inst:hover { color: #121212; } a .faceb { cursor: pointer; width: 28px; height: 28px; font-size: 30px; color:rgba(226,31,0,1.00); font-family: 'icomoon' !important; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } a .faceb:before { content: "\e91f"; } a .faceb:hover { color: #121212; } .markk{ position: fixed; z-index: 99999999; bottom: 0; left: 0; } a { color: rgba(255,255,255,0.7); -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; } a:hover, a:focus { text-decoration: none; color: #121212; } .logsqs { display: inline-block; transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; -moz-osx-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; } .logsqs img{ width: 110px; height: auto; cursor: pointer; display: inline-block; transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; -moz-osx-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; margin: 10px; -webkit-filter: brightness(80%) saturate(95%); filter: brightness(80%) saturate(95%); } .logsqs img:hover{ width: 130px; margin: 0px; -webkit-filter: brightness(200%) saturate(130%); filter: brightness(200%) saturate(130%); } .gradiant { background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); } .gradiant-horizontal { background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); } .section-header { margin-bottom: 50px; } .section-header .section-title { font-size: 44px; color: #272727; text-transform: uppercase; position: relative; padding-bottom: 20px; margin: 0 0 20px; } .section-header .section-title:before { position: absolute; width: 140px; bottom: 0; left: 50%; margin-left: -70px; height: 1px; background: #ebebeb; } .section-header .section-title:after { content: ""; position: absolute; width: 24px; height: 24px; bottom: -11px; left: 50%; margin-left: -12px; border: 5px solid #fff; border-radius: 20px; background: #939393; } .wh{z-index: 99999999999999999999999999999999999;position: fixed; margin-left: 55px; width: 44px; height: 44px; display: block; background-image: url(../images/btn-whatsapp.png); background-size: 100%; -webkit-transition: ease-in-out all 0.44s; -moz-transition: ease-in-out all 0.44s; -o-transition: all ease-in-out 0.44s; -ms-transition: all ease-in-out 0.44s; transition: all ease-in-out 0.44s; } .wh img { width: 100%; height: auto; opacity: 0; -webkit-transition: ease-in-out all 0.44s; -moz-transition: ease-in-out all 0.44s; -o-transition: all ease-in-out 0.44s; -ms-transition: all ease-in-out 0.44s; transition: all ease-in-out 0.44s; cursor: pointer;}
.wh img:hover { opacity: 1;} .hidden, h1, h2, h3, h4, h5, h6 {opacity: 0; overflow: hidden; width: 0px; height: 0px; font-size: 0px; margin: -80px; padding: -80px; display: none}
.paqueto img {opacity: 0.8; width: 246px; height: auto} .paqueto:hover img {opacity: 1}
.iconos{width: auto;height: auto;margin: 0;text-align: center;transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; }.iconos img{width: 33px;height: auto;display: inline-block;cursor: pointer;opacity: 0.5; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out;margin: 0px 1px; }.iconos img:hover{opacity: 1; }
.cajagen a { color: #FFFFFF; text-decoration: none; line-height:17px; } .cajaphoto a{ color: #FFFFFF; text-decoration: none; line-height:17px; }  .cajaphoto { display: inline-block; width: 99px; color: #121212; text-align: center; font-size: 16px; margin-right: 6px; margin-left: auto; background: no-repeat url("../images/pic_2r.png"); background-size: 99px auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; } .cajaphoto img { width: 99px; cursor: pointer; opacity: 1; padding: 0px; margin: 0px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; display: block; margin-bottom: 7px; } .cajaphoto img:hover { opacity: 0; } .cajaphoto img:active { opacity: 0; } .cajagen { display: inline-block; width: 99px; color: #121212; text-align: center; font-size: 16px; margin-left: 6px; margin-right: auto; background: no-repeat url("../images/pic_1r.png"); background-size: 99px auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; } .cajagen img{ display: inline-block; width: 99px; padding: 0px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; cursor: pointer; opacity: 1; margin-bottom: 3px; margin: 0px; } .cajagen img:hover{ opacity: 0; }
.cajagen img:active { opacity: 0; }  
.btnenviar { cursor: pointer; display: block; margin: 0px auto; width: 60px; height: 60px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; background-image: url(../images/fdnenviar.png) ; background-size: auto 100%; background-color: transparent; border: none; } .btnenviar:hover{ background-image: url(../images/fdnenvia.png) ; } .btn.btn-primary { background: #939393; border-color: #6d6d6d }.cotiza{width: 199px; margin-left: auto; margin-right: auto}.cotiza:hover{opacity: 0.6} .btn.btn-primary:hover, .btn.btn-primary:focus { background: #6d6d6d } .bg { display: block; } .casita:hover { top: 1px; opacity: 0.8; } .casita:before { font-family: 'icomoon'; content: "\e843"; } .cajalogos { width: 100%; height: 66px; background-color: #121212; position: fixed; top: 0; left: 0; z-index:9; } .logo img { width: 124px; height: auto; margin-right: 22px} .logo { position: absolute; left:11px;  top: -5px; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; opacity: 1;} .logo:hover { opacity: 0.7; } .logopq img { width: 200px; margin: 0px auto; padding-right: 11px} .logopq { margin: 10px 0px -35px 0px; width: 100%; text-align: center; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; display: none} .logopq:hover { opacity: 0.7; }  .logoblakkats{ position: absolute; right: 5px; top: 13px; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; opacity: 1 } .logoblakkats:hover { opacity: 0.7; } .logoblakkats img { width: 50px; height: auto; } .form-control { background-color: rgba(255,255,255,0.1); border: thin dashed rgba(255,255,255,0.3); transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; font-size: 0.5; } .dato1 { width: 250px; margin: 4px auto 4px 4px; display: inline-block; } .dato2 { width: 250px; margin: 4px 4px 4px auto; display: inline-block; } .dato3 { width: 508px; margin: 4px auto 4px auto; display: block; } .logo:hover { opacity: 0.6 } .navbar.navbar-default .navbar-toggle { margin-top: 18px; background: transparent; } .navbar.navbar-default .navbar-brand { height: auto; padding: 0 15px 21px; background: transparent; } #main-slider { overflow: hidden; max-width: 100%; min-width: 100%; } #main-slider .slider-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; } #main-slider .slider-inner h2 { font-size: 36px; line-height: 1; text-transform: uppercase; color: #fff; } #main-slider .slider-inner h2 > span { color: #939393; } #main-slider .owl-prev, #main-slider .owl-next { position: absolute; top: 50%; background-color: #121212; color: #fff; font-size: 30px; display: inline-block; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 100px; z-index: 5; -webkit-transition: background-color 400ms; transition: background-color 400ms; } #main-slider .owl-prev:hover, #main-slider .owl-next:hover { background-color: #ff3b00; } #main-slider .owl-prev { left: -35px; text-indent: 14px; } #main-slider .owl-next { right: -35px; text-indent: -14px; } #bar { width: 0%; max-width: 100%; height: 4px; background: #ff3b00; } #progressBar { margin-top: -4px; position: relative; z-index: 999; width: 100%; background: rgba(0, 0, 0, 0.1); } .progress { -webkit-box-shadow: none; box-shadow: none; background: #eeeeee; } .progress .progress-bar.progress-bar-primary { background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); -webkit-box-shadow: none; box-shadow: none; } #animated-number { padding: 100px 0 70px; background: #132125 url(../images/animated-number/bg.jpg) no-repeat 0 0; background-size: cover; color: #fff; } #animated-number h1, #animated-number h2, #animated-number h3, #animated-number h4 { color: #fff; } #animated-number strong { display: block; margin-bottom: 30px; } .animated-number { display: inline-block; width: 140px; height: 140px; font-size: 24px; line-height: 140px; border: 3px solid #fff; border-radius: 100px; margin-bottom: 20px; } #features{ margin: 30px; border: thin dashed rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.03); border-radius: 15px; padding: 25px 0; font-weight: 100; } .CONTACT{ margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 30px; border: thin solid #ff3b00; background-image:url(../images/fnd.jpg); background-size: auto 100%; border-radius: 5px; padding: 50px 30px; font-weight: 100; font-size: 1.3em; color:rgba(255,255,255,0.5); text-align: center; } .creditosblancos{ width: 96%; margin-left: auto; margin-right: auto; margin-top: -25px; margin-bottom: 5px; padding: 5px 4px; font-weight: 100; font-size: 13px; color: rgba(255,255,255,0.35); text-align:  center; } .creditosblancos picture, .resaltado2{ display: inline-block; font-size: 13px; } .creditosblancos picture img{ width: 15px; position: relative; margin-top: -4px; opacity: 0.8; } .textic{ margin: auto; font-weight: 100; font-size: 22px; color:rgba(255,255,255,0.4); text-align: center; } .texticont h2{ margin: auto; font-weight: 100; font-size: 18px; letter-spacing: 1px; color:rgba(255,255,255,0.4); text-align: center; display: inline-block; } .texticus{ margin: auto; font-weight: 100; font-size: 20px; color:rgba(255,255,255,0.6); text-align: left; max-width: 76%; } .texticul{ margin: auto; font-weight: 100; font-size: 20px; color:rgba(255,255,255,0.6); text-align: left; max-width: 40%; padding: 2%; display: inline-block; } .texticox{ width: 70%; margin: auto; padding-bottom: 30px; font-weight: 100; font-size: 22px; letter-spacing: 1px; color:rgba(255,255,255,0.6); text-align: center; } strong{ color:#CE0003; font-size: 24px; } .cajaimg{ width: auto; height: 400px; text-align: center; vertical-align: central; display: inline-block; border: 1px solid rgba(255,255,255,0.3); border-radius: 4px; margin: 9px 9px; overflow: hidden; } .cajaimgbg{ width: 100%; max-width: 1800px; cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: block; margin: 20px auto; } .cajaimgbgotes{ width: 100%; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: block; } .cajaimggrande{ width: 100%; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: block; } .cajaimggrande{ width: 100%; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: block; } .cajaimgmedia{ width: 100%; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: none; } .cajaimgpeque{ width: 100%; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: none; } .cajaimgbgpqek{ width: 100%; cursor: pointer; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: none; margin-bottom: -20px; } .cajaimgintbgint{ width: 100%; margin-top: 80px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: block; } .cajaimgbg:hover img{ width: 96%; height: auto; max-width: 1600px; } .cajaimgbg img{ border-radius: 4px; width: 94%; max-width: 1500px; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .cajaimgbgotes img{ border-radius: 4px; width: 96%; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .cajaimggrande img{ border-radius: 4px; width: 96%; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .cajaimgmedia img{ border-radius: 4px; width: 96%; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .cajaimgpeque img{ border-radius: 4px; width: 96%; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .cajaimgbgpqek img{ border-radius: 4px; width: 94%; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; }.baseflotante { width: 40px; height: 40px; background-color: rgba(0,0,0,0.78); padding: 0px; border-radius: 0 0 0 10px; position: absolute; margin-top: 0px; top: 0px; margin-right: 0px; right: 0px; z-index: 99; background-image: url(../images/mas.png); background-position: center; background-size: 100%; opacity: 0; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; }
.cajaimgint:hover .baseflotante { height: 40px; opacity: 1; cursor: pointer; } .baseflotante:hover { background-image: url(../images/mor.png); } .cajaimgint:hover .baseflotante { height: 40px; opacity: 1; }  .cajaimgintbgint img{ width: 100%; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .cajaimgintbgintpq img{ width: 100%; height: auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .btnsbook{ display: block; } #main-slider .item { margin-top: 65px; height: 680px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%  auto; } .icon-home, .icon-cont{ font-family: 'icomoon' !important; margin-top: 2px; margin-right: 2px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .icon-home:before { content: "\e914"; } .icon-cont:before { content: "\e91a"; } .pcb { display: block; } .movs{ display: none; } .cajabooks{ transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  -moz-osx-transition: 0.5s all ease-in-out; width: 100%; text-align: center; } .cajaphoto { display: inline-block; width: 110px; color: rgba(255,255,255,0.94); text-align: center; font-size: 16px; margin-right: 6px; line-height:17px; margin-left: auto; background: no-repeat url(../images/pic_2r.png); background-size: 110px auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  -moz-osx-transition: 0.5s all ease-in-out; } .cajaphoto img { width: 110px; cursor: pointer; opacity: 1; padding: 0px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  -moz-osx-transition: 0.5s all ease-in-out; display: block; margin-bottom: 3px; } .cajaphoto img:hover { opacity: 0; }  .cajagen { display: inline-block; width: 110px; color: rgba(255,255,255,0.94); text-align: center; font-size: 16px; margin-left: 6px; line-height:17px; margin-right: auto; background: no-repeat url(../images/pic_1r.png); background-size: 110px auto; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  -moz-osx-transition: 0.5s all ease-in-out; } .cajagen img{ display: inline-block; width: 110px; padding: 0px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  -moz-osx-transition: 0.5s all ease-in-out; cursor: pointer; opacity: 1; margin-bottom: 3px; } .cajagen img:hover{ opacity: 0; } .cajaimgintbgint{ width: 100%; margin-top: 80px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; display: block; } .cajabook { display: inline-block; width: 110px; color: rgba(255,255,255,0.94); text-align: center; font-size: 16px; margin-left: 6px; line-height:17px; margin-right: auto; -webkit-transition: 0.5s all ease-in-out;  -moz-osx-transition: 0.5s all ease-in-out; } .cajabook img{ display: inline-block; width: 110px; padding: 0px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  -moz-osx-transition: 0.5s all ease-in-out; margin-bottom: 3px; } .cajaimgintbgintpq{ width: 100%; margin-top: 40px; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } a .flecha { width: 33px; height: 33px; display: inline-block; cursor: pointer; background-image:url(../images/flecha.png); background-size:  auto 100%; background-position: center center; margin: 3px 3px; position: fixed; right: 30px; bottom: 0px; z-index: 91; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } a .flecha:hover { background-image:url(../images/flechar.png); } @-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /*responsive*/
@media screen and (max-width: 1700px) { .cajaimgint img{ max-height: 500px; } } @media screen and (max-width: 1500px) { .cajaimgint img{ max-height: 470px; } .btnsbook ul li { font-size: 2em; } .btnsbook .atv { font-size: 2em; } .btnsbook  a .blog { font-size: 2em; } .btnsbook a .icomonete{ top: 19px; margin: 14px 4px -17px 4px; } } @media screen and (max-width: 1300px) { .cajaimgint img{ max-height: 430px; } .btnsbook ul li { font-size: 1.7em; } .btnsbook .atv { font-size: 1.7em; } .btnsbook a .blog { font-size: 1.7em; } .btnsbook a .icomonete{ top: 18px; margin: 14px 4px -18px 4px; } } @media screen and (max-width: 920px) { .baseflotante { background-color: rgba(0,0,0,0.68); opacity: 1; height: 40px; } .cajaimgint img{ max-height: 600px; } .pcb { display: none; } .movs{ display: block; }  .logoblakkats{ left: 5px; right: auto; } .logoblakkats img { width: 50px; height: auto; } .btnsbookmo { height: 30px; overflow: hidden; margin: 14px 15px; text-align: right; position: fixed; right: 5px; top: -6px; cursor: pointer; z-index: 9; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } .btnsbookmo ul { text-decoration: none; list-style: none; position: relative; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } .btnsbookmo ul li { text-decoration: none; list-style: none; font-size: 20px; width:200px; height: 45px; margin: 0.02em; cursor: pointer; border-radius: 6px; padding-top: 8px; padding-bottom: -8px; text-align: center; overflow: hidden; background-color:rgba(6,6,6,1.00); color: rgba(255,255,255,1.00); opacity: 0; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } .btnsbookmo ul li:hover { letter-spacing: 2px; background-color: rgba(255,255,255,1.00); color: rgba(6,6,6,1.00); } .xmenuu:before { content: "\e90e"; } .xmenuu:hover { color: rgba(255,255,255,1.00); } .menuuu, .xmenuu { margin: 6px; color: #fec20e; font-size: 32px; font-family: 'icomoon' !important; transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; -moz-osx-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; } .xmenuu { display: none } .menuuu:before { content: "\e911"; } body { margin-top: 50px; margin-bottom: 30px; } .menuuu:hover  { color: rgba(255,255,255,1.00); } .btnsbookmo ul .blog { background-color: #fec20e; color: rgba(255,255,255,1.00); } .btnsbookmo ul .atv{ background-color: rgb(255,0,0); cursor: default; } .btnsbookmo ul .blog:hover { color:   #fec20e; background-color: rgba(0,0,0,1.00); } .icomonetemo { width: 44px; height: 44px; display: inline-block; cursor: pointer; margin: -2px 3px 0px; position: fixed; left: 73px; top: 9px; z-index: 91; transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -moz-osx-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } a .flecha { right: 10px; } .dato1 { width: 80%; margin: 4px auto 4px auto; display: block; } .dato2 { width: 80%; margin: 0px auto 0px auto; display: block; } .dato3 { width: 80%; margin: 4px auto 4px auto; display: block; } .cajaimgint { cursor: default; } .logopq {  display: block} }