/* Portada pública (Home/IndexClient): solo las reglas que usa, sacadas de la plantilla
   (base.css, elements.css y responsive.css) en su orden original. Bootstrap es el de ActiveMVC
   (adminlte.css), el mismo que las pantallas internas. */

/* ===================================
    Reset
====================================== */

body{ font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:13px; color:#707070; line-height:22px; letter-spacing: 0.01em }
a { text-decoration: none; color:#4e4e4e; cursor: pointer !important; outline: 0; }
a:hover, a:focus{ text-decoration: none;}
a:focus {outline: none; }
img { max-width:100%; height:auto; -webkit-backface-visibility: hidden; }
* { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; }
::-webkit-scrollbar { width:12px }
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3); box-shadow:inset 0 0 6px rgba(0,0,0,.3); }
::-webkit-scrollbar-thumb { background:rgba(210,210,210,.8); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5); box-shadow:inset 0 0 6px rgba(0,0,0,.5); }
.text-dark-gray { color:#282828!important;}

/* slider typography */
.slider-text-middle-main { display: table; height: 100%; width: 100% }
.slider-text-middle { display: table-cell; vertical-align: middle; }
.slider-typography { height: 100%; position: absolute; z-index: 1; right: 0; left: 0; }
.bg-golden-yellow{background: linear-gradient(123deg, #d7b768, #f3daac 100px);}

/* background image */
.cover-background { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative;}
.border-none {border: 0 !important}
.margin-one{margin:1% !important}
.margin-one-bottom{margin-bottom:1% !important}
.no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important}
.padding-five-bottom {padding-bottom:3% !important}

.no-padding{ padding:0 !important}

/* section */
.center-col { float: none !important; margin-left: auto !important; margin-right: auto !important;}
section {border-bottom:1px solid #ececec}

/* position */
.position-relative{ position: relative !important; z-index: 5 }
.one-third-screen {height: 700px;}
.one-fourth-screen {height: 800px;}

/* ===================================
    Button
====================================== */

.btn {display: inline-block; border-radius:4px; width: auto; font-family: 'Roboto', sans-serif !important; font-weight: 500; white-space: inherit; cursor: pointer !important;}
.btn:hover {opacity:0.7}
.btn-circle { border-radius:30px !important}
.btn.btn-large { font-size: 13px; padding: 11px 25px !important; line-height: 18px;}
.btn-circle.btn-large { font-size: 14px; padding: 12px 30px !important; line-height: 18px;}

/* slider style 6 */
.slider-text-middle-main {display: table; height: 100%;width: 100%;}

/* ===================================
    only ie7, ie9, ie10, ie11
====================================== */

/* button */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: 0 none; box-shadow: none;}

@media (max-width: 1050px) {
    .one-third-screen {height: 500px;}
    .one-fourth-screen {height: 600px;}
}

@media (max-width: 991px) {
    .sm-margin-two-bottom{margin-bottom:1.5% !important}

    /* text */
    .sm-text-center { text-align: center !important}
}

@media (max-width: 767px) {
    .xs-margin-five{margin:3% !important}
    .xs-padding-ten{ padding:5.5% !important}
    .xs-padding-50px-tb{padding-top:50px  !important; padding-bottom:50px  !important;}
    .xs-no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important}

    /* position */
    .xs-position-static{ position: static !important; z-index: 5 }
    .one-fourth-screen{height:auto;}
    .slider-button .btn.btn-large { padding: 10px 20px !important; }
}