@import "parametros.css";

/*

**************MENU**************

1. Slider Revolution
2. Background Parallax
3. Slick slider
4. Pretty Photo

*/

/*******************************/
/****** Slider Revolution ******/
/*******************************/

.tp-revslider-mainul{
    padding: 0
}

.rev_slider{
    display: block;
}

/***********************************/
/****** Background Parallax ******/
/***********************************/

.parallax {
    background-size:140%;
    background-attachment:fixed;
    background-position: center center;
}

@media only screen and (min-width: 1200px){
    .parallax{
        background-size:cover;
    }
}

/*********************************/
/********** Slick Slider *********/
/*********************************/

.slick-slider {
    position: relative;
    display: block;
    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;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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;
    margin-left: auto;
    margin-right: auto;
}

.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;
}
[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;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*********************************/
/********** Pretty Photo *********/
/*********************************/

/* ----------------------------------
Minimal Theme for prettyPhoto lightbox
http://tutorialspage.com/pretty-photo-minimal-theme-a-pure-css-prettyphoto-simple-theme
----------------------------------- */
div.minimal { overflow: hidden; }
div.minimal .pp_gallery li.default a, div.minimal .pp_next, div.minimal a.pp_previous { background: none; } /* Cancel bg load */
div.minimal .pp_top, div.minimal .pp_top .pp_middle, div.minimal .pp_top .pp_left, div.minimal .pp_top .pp_right, div.minimal .pp_bottom, div.minimal .pp_bottom .pp_left, div.minimal .pp_bottom .pp_middle, div.minimal .pp_bottom .pp_right { height: 13px; display: none; }
div.minimal .pp_content_container .pp_left {  padding-left: 13px; }
div.minimal .pp_content_container .pp_right {   padding-right: 13px; }
div.minimal .pp_content { background-color: #fff; margin-bottom: -36px; }

/* -----------------------------------
Next/Previous buttons settings
-------------------------------------- */
div.minimal .pp_next:hover::after, div.minimal .pp_next:hover::before,
div.minimal .pp_previous:hover::before, div.minimal .pp_previous:hover::after { content: " "; background: #000; width: 5px; height: 15px; display: block; position: absolute; top: 45%; }
div.minimal .pp_next:hover::after, div.minimal .pp_next:hover::before { right: 15px; }
div.minimal .pp_previous:hover::before, div.minimal .pp_previous:hover::after { left: 15px; }
div.minimal .pp_next:hover::after,div.minimal .pp_previous:hover::after {  margin-top: 8px; }

/* -----------------------------------
Next/Previous Gallery navigation buttons settingd
-------------------------------------- */
div.minimal a.pp_arrow_next, div.minimal a.pp_arrow_previous { height: 20px; width: 20px; background-color: #000;opacity: 0.8; }
div.minimal a.pp_arrow_next::after, div.minimal a.pp_arrow_next::before, div.minimal a.pp_arrow_previous::before, div.minimal a.pp_arrow_previous::after { content: " "; background: #fff; width: 2px; height: 6px; display: block; position: absolute; top: 12px; }
div.minimal a.pp_arrow_next::after, div.minimal a.pp_arrow_next::before { right: 8px; }
div.minimal a.pp_arrow_previous::before, div.minimal a.pp_arrow_previous::after { left: 8px; }
div.minimal a.pp_arrow_next::after,div.minimal a.pp_arrow_previous::after {  margin-top: 3px; }
div.minimal #pp_full_res .pp_inline { color: #000; }
div.minimal .pp_gallery ul li a { border:1px solid #aaa; }
div.minimal .pp_gallery ul li a:hover,
div.minimal .pp_gallery ul li.selected a { border-color: #fff; }

/* rotate butons */
div.minimal .pp_next:hover::after, div.minimal .pp_previous:hover::before, div.minimal a.pp_arrow_next::after, div.minimal a.pp_arrow_previous::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
div.minimal .pp_next:hover::before, div.minimal .pp_previous:hover::after, div.minimal a.pp_arrow_next::before, div.minimal a.pp_arrow_previous::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/* round some butons */
div.minimal a.pp_arrow_next, div.minimal a.pp_arrow_previous, div.minimal a.pp_close {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/* -----------------------------------
Close button
-------------------------------------- */
div.minimal a.pp_close { width: 20px; top: 10px;  height: 20px; cursor: pointer; text-decoration: none; margin: 5px; z-index: 20000; text-shadow: 0px 0px 15px #000; }
div.minimal a.pp_close::after { font-family: "Ionicons"; font-size: 1.875rem; content: "\ea28"; position: absolute; right: -9960px; color: #fff; }

/* -----------------------------------
Expand/Contract buttons
-------------------------------------- */
div.minimal a.pp_expand, div.minimal a.pp_contract { height: 15px; bottom: 60px; right: 48px; top: auto; margin: 5px; text-shadow: 0px 0px 15px #000;}
div.minimal a.pp_expand::after, div.minimal a.pp_contract::after {
    font-family: "Ionicons";
    position: absolute; font-size: 28px; color: #fff; text-indent: initial;}
    div.minimal a.pp_expand::before,div.minimal a.pp_contract::before { left:0; height:0; border-color: transparent #333; }
    div.minimal a.pp_expand::after,div.minimal a.pp_contract::after { left: 5px; width: 8px; height: 8px; margin-top: -8px; }
    div.minimal a.pp_expand::after  { content: "\eab0"; }
    div.minimal a.pp_contract::after{ content: "\ea62"; }

/* -----------------------------------
Loader icon
-------------------------------------- */
div.minimal .pp_loaderIcon { width: 40px; height: 40px; background-color: #333; border-radius: 100% !important; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) } 100% {-webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% {-webkit-transform: scale(1.0); transform: scale(1.0);  opacity: 0; } }

/* ----------------------------------
Minimal Theme uses CSS to hide social buttons. You can use JS settings to deactivatie it
----------------------------------- */
div.minimal .pp_nav, div.minimal .pp_description, div.minimal .pp_social {display: none !important;}

/* ----------------------------------
Reposition some elements
----------------------------------- */
div.minimal .pp_details { position: absolute; top: 0; margin:0; }

/* ----------------------------------
Set opacity for some elements
----------------------------------- */
div.minimal .pp_arrow_next:hover, div.minimal .pp_arrow_previous:hover, div.minimal a.pp_expand:hover, div.minimal a.pp_contract:hover, div.minimal .pp_next:hover, div.minimal .pp_previous:hover, div.minimal a.pp_close:hover { opacity: 0.8;}

/* ------------------------------------------------------------------------
prettyPhoto styling for small screens
------------------------------------------------------------------------- */
@media screen and (max-width: 648px) {
    div.pp_pic_holder.minimal { width: 100%!important; left: 0!important; overflow: hidden; }
    div.minimal .pp_content, div.minimal .pp_fade,div.minimal .pp_hoverContainer { height: 100%!important; width: 100% !important; }
    div.minimal .pp_content_container .pp_left { padding-left: 0!important; }
    div.minimal .pp_content_container .pp_right { padding-right: 0!important; }
    div.minimal .pp_expand, div.minimal .pp_contract,  div.minimal .pp_gallery, div.minimal.pp_top, div.minimal .pp_bottom, div.minimal .ppt { display: none!important; }
    div.minimal #pp_full_res img { width: 100%!important; height: auto!important; max-height: 100%; }
    div.minimal .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; margin-top: -2px!important; }
    div.minimal a.pp_close { right: 10px!important; top: 10px!important; }
}

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
    background: #273241;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_top {
    height: 20px;
    position: relative;
}
* html .pp_top { padding: 0 20px; }

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_top .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0;
}
.pp_description {
    display: none;
    margin: 0;
}

.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0,0,0,0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }

.pp_gallery ul a img { border: 0; }

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.pp_gallery li.default a {
    background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

.pp_gallery li.default a img { display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
}

a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute; right: 0; top: 0;
    display: block;
    line-height:22px;
    text-indent: -10000px;
}

.pp_bottom {
    height: 20px;
    position: relative;
}
* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

#pp_full_res {
    line-height: 1 !important;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}