html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* =============================================================================
Primary styles for Ikro
========================================================================== */

/* Open Sans Light */
/* 14 */
.content-header-box .link {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
    font-weight: 300;
}
/* 16 */
.header-options,
.menu-list,
.field.radio .placeholder-text,
.field.checkbox .placeholder-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.000em;
    font-weight: 300;
}
/* 18 */
#select-menu-bar .field.select .placeholder-input,
#select-menu-bar .field.select .placeholder-text,
#select-menu-bar .field.select .placeholder-select-text,
.left-menu-list {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125em;
    font-weight: 300;
}
/* 20 */
.autocomplete-products-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.250em;
    font-weight: 300;
}
/* 24 */
.special-box .content-header,
#section-bar .content-header,
.form.search .field .placeholder-input,
.form.search .field .placeholder-text,
.form.search .field .placeholder-select-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.500em;
    font-weight: 300;
}
@media screen and (max-width:1023px) {
    /* 16 */
    .left-menu-list {
        font-size: 1.000em;
        font-weight: 300;
    }
}
@media screen and (max-width:767px) {
    /* 12 */
    .field.radio .placeholder-text,
    .field.checkbox .placeholder-text {
        font-size: 0.750em;
        font-weight: 300;
    }
    /* 16 */
    .autocomplete-products-link {
        font-size: 1.000em;
        font-weight: 300;
    }
    /* 20 */
    .special-box .content-header,
    #section-bar .content-header {
        font-size: 1.250em;
        font-weight: 300;
    }
}

/* Open Sans Light Italic */
/* 14 */
.content-header-box p.link,
.list .details {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
    font-weight: 300;
    font-style: italic;
}
@media screen and (max-width:767px) {
    /* 12 */
    .list .details {
        font-size: 0.750em;
        font-weight: 300;
        font-style: italic;
    }
}

/* Open Sans Regular */
/* 10 */
.copyright {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.625em;
    font-weight: 400;
}
/* 12 */
.related-menu-link .description {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.750em;
    font-weight: 400;
}
/* 14 */
.video-info .description,
#section-content .special-content .text-box,
.list .description,
#section-bar .link,
.button {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
    font-weight: 400;
}
/* 16 */
.autocomplete-default-list,
.field .placeholder-input,
.field .placeholder-text,
.field .placeholder-select-text,
#footer .subtitle,
.form.search .form-trigger,
.form-alert,
.feed-item .text-box,
.content-header.small {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.000em;
    font-weight: 400;
}
/* 18 */
.text-box {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125em;
    font-weight: 400;
}
/* 24 */
.special-box .content-box .subtitle,
.subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.500em;
    font-weight: 400;
}
/* 48 */
.form.search .field-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 3.000em;
    font-weight: 400;
}
@media screen and (max-width:1023px) {
    /* 16 */
    .text-box {
        font-size: 1.000em;
        font-weight: 400;
    }
}
@media screen and (max-width:768px) {
    /* 44 */
    .form.search .field-text {
        font-size: 2.750em;
        font-weight: 400;
    }
}
@media screen and (max-width:767px) {
    /* 12 */
    .button,
    .form.search .form-trigger {
        font-size: 0.750em;
        font-weight: 400;
    }
    /* 14 */
    .text-box,
    .field .placeholder-input,
    .field .placeholder-text,
    .field .placeholder-select-text,
    .form.search .field .placeholder-input,
    .form.search .field .placeholder-text,
    .form.search .field .placeholder-select-text {
        font-size: 0.875em;
        font-weight: 400;
    }
    /* 16 */
    .special-box .content-box .subtitle,
    .subtitle {
        font-size: 1.000em;
        font-weight: 400;
    }
    /* 32 */
    .form.search .field-text {
        font-size: 2.000em;
        font-weight: 400;
    }
}

/* Open Sans Semi-bold */
/* 12 */
#accessibility-bar {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.750em;
    font-weight: 600;
}
/* 16 */
#related-menu .subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.000em;
    font-weight: 600;
}
/* 20 */
.whatsapp,
#left-menu .subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.250em;
    font-weight: 600;
}
/* 22 */
.video-info .title,
.related-menu-link .title,
.obs,
.special-content .content-header,
.list .title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.375em;
    font-weight: 600;
}
/* 24 */
#footer .content-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.500em;
    font-weight: 600;
}
/* 32 */
.list.comparison .title {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.000em;
    font-weight: 600;
}
/* 38 */
.special-box .content-box .content-header,
.content-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.375em;
    font-weight: 600;
}
@media screen and (max-width:767px) {
    /* 14 */
    .whatsapp {
        font-size: 0.875em;
        font-weight: 600;
    }
    /* 16 */
    .list .title,
    .list.comparison .title {
        font-size: 1.000em;
        font-weight: 600;
    }
    /* 18 */
    .obs,
    .special-content .content-header {
        font-size: 1.125em;
        font-weight: 400;
    }
    /* 22 */
    .special-box .content-box .content-header {
        font-size: 1.375em;
        font-weight: 600;
    }
    /* 28 */
    .content-header {
        font-size: 1.750em;
        font-weight: 600;
    }
}


/* =============================================================================
BASE
========================================================================== */

body,
html {
    height: 100%;
}
body {
    background: #F9F9F9;
    color: #464646;
}
#wrapper {
    position: relative;
    height: 100%;
    *min-width: 1000px;
}
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
li {
    vertical-align: bottom;
}
a {
    outline: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.hidden {
    display: none;
}
.overflow {
    overflow: hidden;
}
.clear {
    clear: both;
}
.no-padding {
    padding: 0 !important;
}
.center {
    text-align: center;
}
.animate {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* container */
.container {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
}
@media screen and (max-width:1023px) {
    .container {
        padding: 0 20px;
    }
}
@media screen and (max-width:767px) {
    .container {
        padding: 0 10px;
    }
}

/* link */
.link {
    color: #464646;
    display: inline-block;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    *display: inline;
    *zoom: 1;
}
.link span {
    display: inline-block;
    background: left center no-repeat;
    *display: inline;
    *zoom: 1;
}
.link.go-to-top span {
    padding: 0 0 0 22px;
    background-image: url(../../ikro/img/ic-go-to-top.png);
}
.link.search span {
    padding: 0 0 0 22px;
    background-image: url(../../ikro/img/ic-search2.png);
}
.link.toggle-menu span {
    padding: 0 0 0 26px;
    background-image: url(../../ikro/img/ic-menu.png);
}
/* other states */
.link.selected,
.link.disabled,
a.link:hover,
a.link:focus {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
@media screen and (max-width:767px) {
    .link.go-to-top span,
    .link.search span {
        padding: 0 0 0 30px;
        background-position: 9px center;
    }
}

/* button */
.button {
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #FDFDFD;
    border: 1px solid #2F2F2F;
    display: inline-block;
    background: #545454;
    text-decoration: none;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    *display: inline;
    *zoom: 1;
}
.button .button-bullet {
    position: relative;
    top: -1px;
    display: inline-block;
    background: left center no-repeat;
    *display: inline;
    *zoom: 1;
}
.button.twitter .button-bullet {
    padding: 0 0 0 25px;
    background-image: url(../../ikro/img/ic-twitter.png);
}
.button.facebook .button-bullet {
    padding: 0 0 0 25px;
    background-image: url(../../ikro/img/ic-facebook.png);
}
.button.youtube .button-bullet {
    padding: 0 0 0 25px;
    background-image: url(../../ikro/img/ic-youtube.png);
}
/* other states */
.button.selected,
.button.disabled,
button.button:hover,
button.button:focus,
a.button:hover,
a.button:focus {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
@media screen and (max-width:767px) {
    .button {
        height: 32px;
        line-height: 32px;
    }
}


/* =============================================================================
HEADER
========================================================================== */

#header {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
    background: url(../../ikro/img/header.jpg) #F3992C fixed top center no-repeat;
    z-index: 100;
}

/* accessibility-bar */
#accessibility-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: url(../../ikro/img/accessibility-bar.png) center center repeat;
}
.accessibility-menu {
    overflow: hidden;
}
.accessibility-menu {
    overflow: hidden;
}
.accessibility-item.left {
    float: left;
    padding: 0 20px 0 0;
}
.accessibility-item.right {
    float: right;
    padding: 0 0 0 20px;
}
.accessibility-link {
    display: block;
    color: #FFF;
    text-decoration: none;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    *zoom: 1;
}
.accessibility-link span {
    background: center left no-repeat;
    padding: 0 0 0 20px;
}
.accessibility-link.restrict span {
    background-image: url(../../ikro/img/ic-restrict.png);
}
.accessibility-link.language span {
    background-image: url(../../ikro/img/ic-language.png);
}
/* other states */
a.accessibility-link:hover,
a.accessibility-link:focus {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
@media screen and (max-width:767px) {
    #accessibility-bar {
        display: none;
    }
}

/* menu */
#menu {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 10;
}
.main-header {
    float: left;
    width: 160px;
    height: 82px;
}
.site-logo {
    display: block;
    height: 100%;
    width: 100%;
    text-indent:-999em;
    background:url(../../ikro/img/site-logo.png) no-repeat center center / contain;
}
.menu-list {
    overflow: hidden;
    float: right;
    padding: 25px 0 0 0;
}
.menu-item {
    float: left;
}
.menu-item.special {
    display: none;
}
.menu-link {
    display: block;
    color: #F8F8F8;
    padding: 7px 7px;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
/* other states */
#header.active #menu {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
.menu-link.selected,
.menu-link:hover,
.menu-link:focus {
    background: rgba(25,25,25,0.8);
}
@media screen and (max-width:1023px) {
    #menu {
        text-align: center;
    }
    .main-header {
        float: none;
        margin: 0 auto;
    }
    .menu-list {
        float: none;
        margin: 0 auto;
        padding-top: 60px;
    }
    .menu-item {
        float: none;
        display: inline-block;
    }
}
@media screen and (max-width:767px) {
    #menu {
        position: fixed;
        top: -100%;
        height: 100%;
        background: #F8F8F8;
        overflow: auto;
        text-transform: uppercase;
    }
    .main-header {
        display: none;
    }
    .menu-list {
        padding-top: 80px;
    }
    .menu-item {
        display: block;
        padding: 5px 0;
    }
    .menu-item.special {
        display: block;
    }
    .menu-link {
        color: #666;
        padding: 12px 15px;
    }
    /* other states */
    #menu.active {
        top: 0px;
    }
    .menu-link:hover,
    .menu-link:focus {
        background: #E8E8E8;
    }
    .menu-link.selected {
        color: #FFF;
        background: #797979;
    }
}

/* search */
#search {
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header-options {
    position: relative;
    top: -150px;
    height: 0;
}
.header-options > * {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    line-height: 140%;
    padding: 5px;
}
@media screen and (max-width:767px) {
    #search {
        padding: 0;
        text-align: center;
    }
    .header-options > * {
        display: block;
    }
    .header-options .divider {
        display: none;
    }
}

/* autocomplete */
#autocomplete-products-box {
    position: relative;
    top: -161px;
    margin: 0 5px;
    z-index: 10;
}
.autocomplete-products-list {
    position:absolute;
    top: 1px !important;
    left: 0 !important;
    width: 100% !important;
    background: #FDFDFD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
.autocomplete-products-link {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    color: #1A1A1A;
    text-decoration: none;
    text-transform: uppercase;
}
.autocomplete-products-link .thumb {
    float: left;
    width: 50px;
    height: 50px;
    padding: 5px 20px 5px 0;
}
.autocomplete-products-link .thumb img {
    display: block;
}
.autocomplete-products-link .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=10);
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    -ms-opacity: 0.1;
    -o-opacity: 0.1;
    opacity: 0.1;
}
/* other states */
.autocomplete-products-link.selected .bg,
.autocomplete-products-link:hover .bg,
.autocomplete-products-link:focus .bg {
    background: #FFF;
}
@media screen and (max-width:767px) {
    #autocomplete-products-box {
        top: -213px;
    }
    .autocomplete-products-link {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
    }
    .autocomplete-products-link .thumb {
        display: none;
    }
}

/* featured-bar */
#featured-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.8);
}
#featured-bar .text {
    display: inline-block;
    color: #FFF;
    padding: 15px 0 15px 32px;
    margin: 0 10px;
    line-height: 140%;
    background: url(../../ikro/img/ic-whatsapp2.png) left center no-repeat;
}


/* =============================================================================
SECTION-BAR
========================================================================== */

#section-bar {
    position: fixed;
    top: -81px;
    left: 0;
    width: 100%;
    height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #E8E8E8;
    background: #FFF;
    z-index: 999;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    -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);
}
#section-bar .section-header {
    padding: 15px 0;
    overflow: hidden;
}
#section-bar .content-header {
    margin: 10px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#section-bar .home-button {
    float: left;
    display: block;
    width: 96px;
    margin: 0 20px 0 0;
}
#section-bar .home-button img {
    width: 100%;
}
#section-bar .section-options {
    float: right;
    padding: 16px 0;
}
#section-bar .link {
    display: block;
    float: left;
    white-space: nowrap;
    margin: 0 0 0 20px;
    text-transform: uppercase;
}
#section-bar .link.toggle-menu {
    display: none;
}
#section-bar,
#section-bar .home-button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* other states */
#section-bar.active {
    top: 0;
}
@media screen and (max-width:767px) {
    #section-bar {
        top: 0;
        height: 52px;
    }
    #section-bar .section-header {
        padding: 9px 0;
    }
    #section-bar .content-header {
        display: none;
    }
    #section-bar .home-button {
        width: 64px;
    }
    #section-bar .section-options {
        padding: 2px 0;
    }
    #section-bar .link {
        white-space: nowrap;
        margin-left: 10px;
        height: 30px;
        line-height: 30px;
    }
    #section-bar .link.go-to-top,
    #section-bar .link.search {
        width: 30px;
        overflow: hidden;
    }
    #section-bar .link.go-to-top {
        display: none;
    }
    #section-bar .link.toggle-menu {
        display: block;
    }
}


/* =============================================================================
CONTENT
========================================================================== */

#content {
    position: relative;
    background: #F9F9F9;
    z-index: 1
}
@media screen and (max-width:767px) {
    #content .container {
        padding: 0;
    }
}

/* section */
.section {
    position: relative;
    overflow: hidden;
}
.section > .container:first-child {
    z-index: 10;
}
.section .content-box {
    padding: 45px 0;
}
.content-box.left {
    float: left;
}
.content-box.right {
    float: right;
}
@media screen and (max-width:767px) {
    .section .content-box {
        padding: 30px 0;
    }
}

/* headers */
.content-header-box {
    overflow: hidden;
}
.content-header-box .link {
    position: relative;
    top: 8px;
    float: right;
    text-transform: uppercase;
    text-decoration: none;
}
.content-header-box p.link {
    color: #AAA;
    text-transform: none;
}
.content-header {
    line-height: 120%;
}
a.content-header {
    text-decoration: none;
    color: #464646;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}
.subtitle {
    line-height: 120%;
    margin: 0 0 5px 0;
    color: #EB6C19;
}
/* other states */
a.content-header:hover,
a.content-header:focus {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
@media screen and (max-width:767px) {
    .content-header-box {
        margin: 0;
    }
    .content-header-box .link {
        display: none;
    }
    a.content-header {
        padding: 0 18px 0 0;
        margin: 0 10px 0 0;
        display: block;
        background: url(../../ikro/img/bl-menu-list.png) 100% center no-repeat;
    }
}

/* text-box */
.text-box {
    line-height: 160%;
    margin: 0 auto;
}
.text-box > p {
    padding: 30px 0 0 0;
}
.text-box a {
    color: #444C55;
    text-decoration: none;
    border-bottom: 1px solid #444C55;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.obs {
    clear: both;
    padding: 35px 20px 10px 20px;
}
/* other states */
.text-box a:hover,
.text-box a:focus {
    color: #EB6C19;
    border-color: #EB6C19;
}
@media screen and (max-width:767px) {
    .text-box > p {
        padding: 20px 0 0 0;
    }
    .obs {
        padding: 35px 0 10px 0;
    }
}

/* button-box */
.button-box {
    margin: 20px 0 0 0;
    display: inline-block;
    *display: inline;
    *zoom:1;
}
.button-box .button {
    float: left;
}

/* home */
.section.home {
    overflow: hidden;
}
.section.home .content-box.left {
    width: 55%;
}
.section.home .content-box.right {
    width: 40%;
}
.section.home .content-box.right {
    max-width: 300px;
    background: url(../../ikro/img/catalog.jpg) 10px 0 no-repeat;
}
.section.home .band {
    overflow: hidden;
    color: #FDFDFD;
    background: #323232;
    padding: 35px 0 0 0;
}
@media screen and (max-width:1023px) {
    .section.home .content-box.right {
        background: none;
    }
    .section.home .band {
        padding: 0;
    }
}
@media screen and (max-width:767px) {
    .section.home .band {
        display: none
    }
}

/* featured */
#featured {
    position: relative;
    max-width: 1076px;
    margin: 0 auto;
    background: url(../../ikro/img/featured-shadow.png) center center no-repeat;
}
#featured-progress-bar {
    position: relative;
    height: 4px;
    background: #989898;
}
#featured-progress-bar .progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #323232;
}
.featured-list {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 1;
}
.featured-item {
    width: 100%;
}
.featured-nav {
    position: relative;
    margin: -20px 0 0 0;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 999;
}
.featured-list .button {
    position: absolute;
    top: 50%;
    padding: 0;
    margin: -20px 0 0 0;
    z-index: 999;
}
.featured-list .button-bullet {
    display: block;
    height: 12px;
    width: 8px;
    margin: 14px 16px;
    background: url(../../ikro/img/bl-toggle.png) no-repeat;
}
.featured-list .prev {
    left: 20px;
}
.featured-list .prev .button-bullet {
    background-position: top left;
}
.featured-list .next {
    right: 20px;
}
.featured-list .next .button-bullet {
    background-position: bottom left;
}
.featured-list img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.featured-list .cycle-nav {
    position: absolute;
    bottom: 40px;
    left: 0;
    height: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.featured-list .cycle-nav span {
    cursor: pointer;
    border: 1px solid #2F2F2F;
    display: inline-block;
    background: #545454;
    text-decoration: none;
    text-indent: -999em;
    padding: 0 20px;
    margin: 0 5px;
    height: 8px;
    line-height: 8px;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    *display: inline;
    *zoom: 1;
}
/* other states */
.featured-list .cycle-nav span:hover,
.featured-list .cycle-nav span.selected {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
.featured-list .cycle-nav span.selected {
    background: #EB6C19;
    border-color: #B56D45;
}
@media screen and (max-width:767px) {
    .featured-list .button {
        display: none;
        margin: -16px 0 0 0;
    }
    .featured-list .button-bullet {
        margin: 10px 12px;
    }
    .featured-list .cycle-nav {
        display: none;
    }
}

/* left-menu */
#left-menu {
    float: left;
    width: 230px;
    padding: 45px 0 0 0;
    *position: absolute;
    z-index: 10;
}
.left-menu-list {
    line-height: 120%;
    margin: 25px 0 0 0;
}
.left-menu-item {
    margin: 10px 0 0 0;
}
.left-menu-item:first-child {
    margin: 0;
}
.left-menu-link {
    display: block;
    padding: 5px 10px;
    color: #666;
    line-height: 140%;
    border-left: 4px solid #E8E8E8;
    text-decoration: none;
}
.left-menu-fade {
    position: absolute;
    left: -20px;
    top: -140px;
    width: 250px;
    height: 100px;
    background: -webkit-linear-gradient(to top, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); /* W3C */
    background: -moz-linear-gradient(to top, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); /* W3C */
    background: -ms-linear-gradient(to top, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); /* W3C */
    background: -o-linear-gradient(to top, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); /* W3C */
    background: linear-gradient(to top, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); /* W3C */
    z-index: 10;
}
/* other states */
#left-menu.fixed {
    position: fixed;
    top: 81px;
}
.left-menu-link:hover,
.left-menu-link:focus {
    border-color: #E3E3E3;
    background-color: #E8E8E8;
}
.left-menu-link.selected {
    border-color: #4E4E4E;
    background-color: #797979;
    color: #FFF;
}
@media screen and (max-width:1023px) {
    #left-menu {
        width: 160px;
    }
    .left-menu-fade {
        left: 0;
        width: 180px;
    }
}
@media screen and (max-width:768px) {
    .left-menu-fade {
        top: -100px;
    }
}
@media screen and (max-width:767px) {
    #left-menu {
        position: static !important;
        float: none;
        width: auto;
        text-align: center;
        padding: 30px 0 0 0;
    }
    .left-menu-list {
        display: none;
    }
    .left-menu-fade {
        display: none;
    }
}

/* related-menu */
#related-menu {
    position: absolute;
    right: 0;
    margin: 45px 0 0 0;
    width: 270px;
    background: #FFF;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    z-index: 100;
}
#related-menu .toggle {
    position: absolute;
    top: 0;
    left: -48px;
    display: block;
    height: 48px;
    width: 48px;
    background: #464646;
    cursor: pointer;
}
#related-menu .toggle .bullet {
    display: block;
    height: 12px;
    width: 8px;
    margin: 18px 20px;
    background: url(../../ikro/img/bl-toggle.png) bottom center no-repeat;
}
#related-menu .subtitle {
    padding: 15px 0 14px 0;
    margin: 0;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    background: #EB6C19;
}
.related-menu-list {
    padding: 20px 0;
}
.related-menu-link {
    display: block;
    padding: 7px 20px;
    color: #464646;
    text-decoration: none;
    overflow: hidden;
}
.related-menu-link .thumb {
    float: left;
    max-width: 64px;
}
.related-menu-link img {
    display: block;
    width: 100%;
}
.related-menu-link .title {
    padding: 0 0 5px 0;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
    *zoom: 1;
}
.related-menu-link .description {
    color: #666;
}
.related-menu-link .table {
    display: table;
    height: 53px;
    margin: 0 0 0 84px;
    *display: block;
}
.related-menu-link .table-cell {
    display: table-cell;
    vertical-align: middle;
    *display: block;
    *margin-top: expression((parentNode.offsetHeight/2)-(parseInt(this.offsetHeight)/2) <0 ? "0" :(parentNode.offsetHeight/2)-(parseInt(this.offsetHeight)/2) +'px');
}
/* other states */
#related-menu.fixed {
    position: fixed;
    top: 81px;
}
#related-menu.active {
    right: -270px; /* left: 100%; */
}
#related-menu.active .toggle .bullet {
    background-position: top center;
}
.related-menu-link:hover .title,
.related-menu-link:focus .title {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
@media screen and (max-width:767px) {
    #related-menu {
        display: none;
    }
}

/* select-menu-bar */
#select-menu-bar {
    display: none;
    margin: 15px 0 0 0;
}
#select-menu-bar .placeholder {
    margin: 0;
    background: #797979;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#select-menu-bar .field.select .placeholder-input,
#select-menu-bar .field.select .placeholder-text,
#select-menu-bar .field.select .placeholder-select-text {
    color: #FFF;
    padding: 0 15px;
    text-align: center;
}
#select-menu-bar .field .placeholder-select-text span {
    background-image: url(../../ikro/img/placeholder-select2.png);
}
#select-menu-bar .field.selected .placeholder {
    background: #4E4E4E;
}
@media screen and (max-width:767px) {
    #select-menu-bar {
        display: block;
    }
}

/* section-content */
#section-content {
    padding: 0 0 45px 0;
    margin: 0 0 0 230px;
    border-left: 1px solid #E8E8E8;
}
#section-content > .content-box {
    padding: 45px;
}
/* full */
#section-content.full {
    border: none;
    margin: 0;
}
#section-content.full > .content-box {
    text-align: center;
}
#section-content.full .special-box {
    border: none;
    margin: 0 0 40px 0;
}
@media screen and (max-width:1023px) {
    #section-content {
        margin: 0 0 0 160px;
    }
}
@media screen and (max-width:767px) {
    #section-content {
        margin: 0;
        border: none;
        padding-bottom: 30px;
    }
    #section-content > .content-box {
        padding: 30px 15px;
    }
    /* full */
    #section-content.full .special-box {
        border: none;
        margin: 0 5px 1px 5px;
    }
}

/* special-box */
.special-box {
    position: relative;
    background: #FFF;
    border-left: 4px solid #E8E8E8;
    margin: 0 0 40px 20px;
    padding: 0 0 30px 0;
}
.special-box .shadow {
    position: absolute;
    bottom: 0;
    left: 50px;
    right: 50px;
    height: 40px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    z-index: -1;
}
.special-box > .content-header-box {
    padding: 30px;
}
.special-box .content-box {
    padding: 0 30px;
}
@media screen and (max-width:767px) {
    .special-box {
        margin: 0 5px 1px 5px;
        border-width: 3px;
        padding-bottom: 20px;
    }
    .special-box > .content-header-box {
        padding: 20px 10px;
    }
    .special-box .content-box {
        padding: 0 10px;
    }
    #categories .special-box {
        margin: 0 5px 1px 5px;
        padding: 0;
    }
    #categories .special-box > .content-header-box {
        padding: 20px 10px;
    }
    #categories .list.products.small {
        display: none;
    }
}

/* special-content */
.special-content  {
    margin: 0 30px;
    padding: 0 0 20px 0;
}
.special-content .text-box {
    margin: 20px 0 30px 0;
    padding: 10px 0 10px 25px;
    border-left: 4px solid #E8E8E8;
}
.special-content .text-box p {
    padding: 0;
}
@media screen and (max-width:767px) {
    .special-content  {
        margin: 0;
        padding: 0 10px;
    }
    .special-content .text-box {
        padding: 0;
        margin: 10px 0 30px 0;
        border: none;
    }
}

/* videos */
.media-container {
    text-align: center;
    margin: 0 30px;
}
.video-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding: 30px 0 56.25%;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.video-info {
    text-align: left;
    padding: 20px 0;

}
.video-info .title {
    padding: 0 0 10px 0;
}
.videos .media-container {
    padding: 20px 0 0 0;
    border-top: 1px solid #e8e8e8;
}
.videos .media-container:first-child {
    border: none;
    padding: 0;
}
@media screen and (max-width:767px) {
    .media-container {
        margin: 0 10px;
    }
}

/* media-gallery */
#media-gallery {
    text-align: center;
    padding: 0 30px;
}
#media-gallery .stage {
    margin: 0 0 5px 0;
    background: url(../../ikro/img/loader.gif) center center no-repeat;
}
#media-gallery .stage > div {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#media-gallery img {
    display: block;
    width: 100%;
    *width: auto;
}
#media-gallery .image-container,
#media-gallery .thumbs-list {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#media-gallery .thumbs-list {
    overflow: hidden;
}
#media-gallery .thumbs-item {
    margin: 5px;
    float: left;
    max-width: 76px;
}
#media-gallery .thumbs-link {
    position: relative;
    display: block;
    filter: alpha(opacity=40);
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    -ms-opacity: 0.4;
    -o-opacity: 0.4;
    opacity: 0.4;
    *zoom: 1;
}
#media-gallery .thumbs-link .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../ikro/img/ic-play.png) center center no-repeat;
}
/* other states */
#media-gallery .stage.loading > div {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
#media-gallery .thumbs-link.selected,
#media-gallery .thumbs-link:hover,
#media-gallery .thumbs-link:focus {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
@media screen and (max-width:767px) {
    #media-gallery {
        padding: 0 10px;
    }
}

/* list */
.list {
    padding: 0 30px;
    overflow: hidden;
}
.list-item {
    border-top: 1px solid #E8E8E8;
    background: #FFF;
}
.list-item:first-child {
    border: none;
}
.list-link {
    display: block;
    padding: 30px 0;
    overflow: hidden;
    color: #464646;
    text-decoration: none;
}
.list-link .thumb {
    float: left;
    max-width: 146px;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}
.list-link img {
    display: block;
    width: 100%;
}
.list-link .info {
    margin: 25px 0 0 100px;
    line-height: 120%;
}
.list-link .title {
    color: #EB6C19;
}
.list-link .title,
.list-link .description {
    margin: 0 0 10px 0;
}
.list-link .details {
    /*colorcolor: #666;*/
    color: #000;
    font-weight: bold;
    font-style: normal;
}
/* other states */
div.list-link .thumb,
a.list-link:hover .thumb,
a.list-link:focus .thumb {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
/* products */
.list.products .list-link .info {
    margin-left: 176px;
}
/* downloads */
.list.downloads .list-link .thumb {
    min-width: 100px;
    min-height: 100px;
    background: url(../../ikro/img/tb-download.jpg) center center no-repeat;
}
/* places */
.list.places .list-link .thumb {
    min-width: 100px;
    min-height: 100px;
    background: url(../../ikro/img/tb-place.jpg) center center no-repeat;
}
/* small */
.list.small {
    text-align: center;
}
.list.small .list-item {
    float: left;
    width: 33.33%;
    border: 0;
}
.list.small .list-link {
    padding: 0;
    margin: 0 8px 15px 7px;
}
.list.small .list-link .title {
    color: #464646;
}
.list.small .list-link .thumb {
    float: none;
    margin: 0 auto 5px auto;
}
/* comparison */
.list.comparison {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0 0 40px 0;
}
.list.comparison .list-item {
    float: none;
    display: table-cell;
}
@media screen and (max-width:767px) {
    .list {
        padding: 0;
    }
    .list-link {
        padding: 20px 0;
    }
    .list-link .thumb {
        max-width: 98px;
    }
    .list-link .title,
    .list-link .description {
        margin-bottom: 5px;
    }
    /* products */
    .list.products .list-link .info {
        margin: 0 0 0 118px;
    }
    /* comparison */
    .list.comparison {
        margin: 0 0 20px 0;
    }
}

/* map-box */
.map-box {
    border: 1px solid #E8E8E8;
    margin: 20px 0 0 0;
    height: 670px;
    width: auto;
}
@media screen and (max-width:767px) {
    .map-box {
        height: 300px;
        margin: 20px 0;
    }
}

/* table compare */
.table.compare {
    display: table;
    width: 100%;
    margin: 20px 0 30px 0;
}
.table.compare .table-cell {
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
    border-left: 4px solid #E8E8E8;
}
.table.compare .text-box {
    margin: 0;
    padding: 10px;
    height: 100%;
    border: none;
}
@media screen and (max-width:767px) {
    .table.compare {
        margin: 10px 0 30px 0;
    }
    .table.compare .table-cell {
        display: block;
        width: auto;
        border: none;
    }
    .table.compare .text-box {
        padding: 10px 10px 10px 0;
    }
}

/* autocomplete */
.ui-helper-hidden-accessible {
    display: none;
}
.autocomplete-default-list {
    margin: 2px 0 0 0;
    background: #FFF;
    border: 1px solid #B2B2B2;
    max-height: 200px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
.autocomplete-default-list a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 20px;
    color: #444C55;
    background: #FFF;
    text-decoration: none;
    cursor: pointer;
}
/* other states */
.autocomplete-default-list a.ui-state-focus,
.autocomplete-default-list a:focus,
.autocomplete-default-list a:hover {
    background: #3399FF;
    color: #FFF;
}


/* =============================================================================
FOOTER
========================================================================== */

#footer {
    position: relative;
    background: #111;
    padding: 40px 0;
    color: #FDFDFD;
    z-index: 10;
}
#footer .content-box {
    overflow: hidden;
}
#footer .content-box.right {
    text-align: right;
    padding: 45px 0 0 0;
}
#footer .content-box.right .button-box {
    margin: 25px 0 30px 0;
}
#footer .content-box.right .button-box .button {
    margin: 0 0 0 10px;
}
#footer .whatsapp {
    margin-bottom: 0;
}
@media screen and (max-width:768px) {
    #footer {
        padding: 0;
    }
    #footer .container {
        padding: 0;
    }
    #footer .content-box.left,
    #footer .content-box.right {
        float: none;
        text-align: center;
    }
    #footer .content-box.left {
        padding: 35px 10px 0 10px;
    }
    #footer .content-box.right {
        padding: 35px 10px;
    }
    #footer .content-header {
        margin: 0 30px;
    }
    #footer .content-header span {
        display: block;
    }
    #footer .content-box.right .button-box {
        margin-top: 0;
    }
    #footer .content-box.right .button-box .button {
        margin: 0 5px;
    }
}
@media screen and (max-width:767px) {
    #footer .content-box.left {
        background: #333;
        padding: 35px 10px;
    }
}

/* whatsapp */
.whatsapp {
    margin: 10px 0;
    color: #666;
}
.whatsapp p {
    display: inline-block;
    padding: 5px 0 5px 32px;
    background: url(../../ikro/img/ic-whatsapp.png) left center no-repeat;
    *display: inline;
    *zoom: 1;
}

/* copyright */
.copyright {
    margin: 0 10px 0 0;
    color: #404040;
    text-transform: uppercase;
}
.noz {
    display: inline-block;
    margin: 0 0 0 15px;
    width: 20px;
    height: 12px;
    text-indent: 999em;
    background: url(../../ikro/img/noz_branco.png) center center no-repeat;
}
@media screen and (max-width:767px) {
    .copyright {
        margin: 0;
    }
}


/* =============================================================================
FORM
========================================================================== */

.form {}
.form-options {
    overflow: hidden;
}
.form-options .option-button {
    float: left;
    padding-right: 10px;
}
.form .submit {
    display: block;
    border: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
}
.field-alert {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 10px;
    height: 9px;
    display: none;
    background: url(../../ikro/img/field-alert.png) center center no-repeat;
    z-index: 100;
}
.field-block {
    overflow: hidden;
}
.field-blocker {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    padding: 1px;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5;
    background: #FFF center center no-repeat;
    z-index: 10;
}
.form-alert {
    display: none;
    position: fixed;
    top: 10%;
    left: 10px;
    right: 10px;
    z-index: 9999;
}
.form-alert-helper {
    position: relative;
    margin: 0 auto;
    max-width: 500px;
    padding: 20px 42px 20px 15px;
    color: #FFF;
    background: #444C55;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.form-alert.ok .form-alert-helper {
    color: #FFF;
    background: #98D532;
}
.form-alert .close-button {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    background-image: url(../../ikro/img/close-button.png);
}
.form-trigger {
    cursor: pointer;
}
/* other states */
.form-trigger.disabled {
    cursor: default;
}
.form-trigger.disabled .button-bullet {
    padding-left: 30px;
}
@media screen and (max-width:767px) {
    .field-alert {
        right: 15px;
    }
    /* other states */
    .form-trigger.disabled .button-bullet {
        padding-left: 22px;
    }
}

/* default */
.field {
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.field.left {
    float: left;
}
.field .field-text {
    display: block;
    padding: 15px 5px 0 5px;
}
.field .placeholder {
    position: relative;
    text-align: left;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    border: 1px solid #DEDEDE;
    background: #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *overflow: hidden;
}
.field div.placeholder {
    background: none;
    border: none;
}
.field .placeholder-input,
.field .placeholder-text,
.field .placeholder-select-text {
    display: block;
    vertical-align: bottom;
    margin: 0;
    outline: 0;
    width: 100%;
    color: #191919;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    *height: 36px;
    *line-height: 36px;
}
.field .placeholder-input {
    position: relative;
    z-index: 10;
    background: none;
}
.field .placeholder-text,
.field .placeholder-select-text {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
}
.field .placeholder-input,
.field .placeholder-select-text {
    color: #444C55;
}
.field .placeholder-select-text {
    padding: 0;
}
.field .placeholder-select-text span {
    background: url(../../ikro/img/placeholder-select.png) right center no-repeat;
    display: block;
    height: 100%;
    margin: 0 20px;
}
.field .placeholder-text {
    color: #797979;
}
.field .arrow {
    position: absolute;
    left: 20px;
    top: -7px;
    width: 15px;
    height: 7px;
    background: url(../../ikro/img/search-arrow.png) 0 top no-repeat;
}
/* other states */
.field.selected .placeholder {
    border-color: #818181;
}
.field.selected .arrow {
    background-position: -15px top;
}
@media screen and (max-width:767px) {
    .field .arrow {
        display: none;
    }
    .field .placeholder-input,
    .field .placeholder-text {
        padding: 0 15px;
    }
    .field .placeholder-select-text span {
        margin: 0 15px;
    }
}

/* selects */
.field.select .placeholder-input {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.field.select .placeholder-input,
.field.select .placeholder-text,
.field.select .placeholder-select-text {
    *height: 40px;
    *line-height: 40px;
}
.field.select option {
    background: #FFF;
    color: #575757;
}

/* textarea */
.field.textarea .placeholder-input {
    resize: vertical;
}
.field.textarea .placeholder-input,
.field.textarea .placeholder-text {
    padding: 10px 20px;
    min-height: 100px;
    max-height: 280px;
    line-height: normal;
}

/* radio / checkbox */
.field.radio,
.field.checkbox {
    float: left;
    filter: alpha(opacity=80);
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
}
.field.radio .placeholder,
.field.checkbox .placeholder {
    width: auto;
    background: url(../../ikro/img/field-checkbox.png) left top no-repeat;
    border: none;
    padding: 5px 0;
    margin: 0;
    cursor: pointer;
}
.field.radio .placeholder-input,
.field.radio .placeholder-text,
.field.checkbox .placeholder-input,
.field.checkbox .placeholder-text {
    position: static;
    line-height: normal;
    padding: 0;
}
.field.radio .placeholder-input,
.field.checkbox .placeholder-input {
    float: left;
    height: 15px;
    width: 15px;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.field.radio .placeholder-text,
.field.checkbox .placeholder-text {
    color: #464646;
    margin: 0 0 0 25px;
    height: auto;
    width: auto;
}
/* other states */
.field.radio.checked,
.field.checkbox.checked {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
.field.radio.checked .placeholder,
.field.checkbox.checked .placeholder {
    background-position: left bottom;
}
@media screen and (max-width:767px) {
    .field.radio .placeholder,
    .field.checkbox .placeholder {
        background-position: left -4px;
    }
    /* other states */
    .field.radio.checked .placeholder,
    .field.checkbox.checked .placeholder {
        background-position: left -36px;
    }
}

/* alert */
.field.alert .placeholder {
    background-color: #FFF1F1;
}
.field.alert .arrow {
    background-position: -30px top;
}
.field.selected.alert .arrow {
    background-position: -45px top;
}

/* default */
.field.w50p {
    float: left;
    width: 50%;
}
.field.w33p {
    float: left;
    width: 33.33%;
}
.field.padding {
    padding: 0 10px 0 0;
}
#section-content .field.attachment .button {
    position: relative;
    margin: 10px 0 0 0;
}
#section-content .form-options {
    margin: 10px 0 0 0;
}
#section-content .form .button {
    float: right;
    min-width: 140px;
    margin: 0 0 0 10px;
}
#section-content #geolocation,
#section-content #agradecimento,
#section-content #step-2,
#section-content #step-3,
#section-content #step-4 {
    display: none;
}
.uploadify {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}
.uploadify-button {
    text-indent: -999em;
}
.uploadify-queue {
    display: none;
}
@media screen and (max-width:767px) {
    .field.w50p,
    .field.w33p {
        float: none;
        width: auto;
    }
    .field.padding {
        padding: 0;
    }
    #section-content .form-options {
        text-align: center;
    }
    #section-content .form .button {
        min-width: 0;
    }
    #section-content .form .button {
        display: inline-block;
        margin: 5px;
    }
}

/* search */
.form.search {
    position: relative;
    display: block;
    margin: 230px 0 160px 0;
    z-index: 1;
}
.form.search .field-blocker {
    display: none;
}
.form.search .field-text {
    position: relative;
    color: #F8F8F8;
    padding: 0 0 10px 0;
    margin: 0;
    z-index: 10;
}
.form.search .field .placeholder {
    background: url(../../ikro/img/ic-search.png) #FFF 22px center no-repeat;
}
.form.search .field .placeholder.loading {
    background-image: none;
}
.form.search .field .placeholder-input,
.form.search .field .placeholder-text,
.form.search .field .placeholder-select-text {
    height: 58px;
    line-height: 58px;
    padding: 0 170px 0 60px;
    *height: 56px;
    *line-height: 56px;
}
.form.search .field .placeholder-text {
    white-space: nowrap;
}
.form.search .field .placeholder-text span {
    position: relative;
    top: 13px;
    border-right: 1px solid #000;
    display: inline-block;
    height: 34px;
    -webkit-animation: blink-caret 1s steps(2) infinite;
    -moz-animation: blink-caret 1s steps(2) infinite;
    -ms-animation: blink-caret 1s steps(2) infinite;
    -o-animation: blink-caret 1s steps(2) infinite;
    animation: blink-caret 1s steps(2) infinite;
    *display: inline;
    *top:0;
    *height: auto;
    *zoom: 1;
}
.form.search .form-options {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.form.search .form-trigger {
    margin: 10px;
    width: 140px;
}
.form.search .field-alert {
    top: 24px;
    right: 170px;
}
/* other states */
.form.search .field.autofill .placeholder-text {
    padding-right: 0;
    -webkit-animation: type 4s steps(60, end);
    -moz-animation: type 4s steps(60, end);
    -ms-animation: type 4s steps(60, end);
    -o-animation: type 4s steps(60, end);
    animation: type 4s steps(60, end);
}
.form.search .field.selected .placeholder-text {
    display: none !important;
}
@media screen and (max-width:1023px) {
    .form.search {
        margin: 320px 0 160px 0;
    }
}
@media screen and (max-width:767px) {
    .form.search {
        margin: 80px 0 160px 0;
    }
    .form.search .field .placeholder {
        background-image: none;
    }
    .form.search .field .placeholder-input,
    .form.search .field .placeholder-text,
    .form.search .field .placeholder-select-text {
        height: 38px;
        line-height: 38px;
        padding: 0 15px;
        *height: 36px;
        *line-height: 36px;
    }
    .form.search .field .placeholder-text span {
        top: 9px;
        height: 20px;
    }
    .form.search .form-options {
        position: static;
        width: 100%;
        margin: 20px 0 0 0;
        bottom: auto;
    }
    .form.search .form-trigger {
        margin: 0;
    }
    .form.search .field-alert {
        top: 15px;
        right: 20px;
    }
    /* other states */
    .form.search .field.autofill .placeholder-text {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }
}

/* newsletter */
.form.newsletter .field-text {
    position: relative;
    color: #F8F8F8;
    padding: 0 0 20px 0;
    z-index: 10;
}
.form.newsletter .field {
    max-width: 480px;
    *width: 480px;
}
.form.newsletter .field .placeholder {
    background-image: url(../../ikro/img/ic-email.png);
    background-position: 22px center;
    background-repeat: no-repeat;
}
.form.newsletter .field .placeholder-input,
.form.newsletter .field .placeholder-text,
.form.newsletter .field .placeholder-select-text {
    padding: 0 20px 0 60px;
}
.form.newsletter .form-options {
    margin: 15px 0 0 0;
}

/* brand */
.form.brand .field.select .placeholder {
    margin: 0 0 10px 0;
}

/* filter */
.form.filter {
    display: none;
}
.form.filter .filter-block {
    float: left;
    width: 160px;
}
@media screen and (max-width:767px) {
    .form.filter.selected {
        display: block;
    }
    .form.filter .filter-block {
        width: 50%;
    }
    .form.filter .field {
        width: 100%;
    }
}

/* scroll-load */
.form.scroll-load .form-trigger {
    display: block;
    border: 0;
    width: 100%;
    height: 50px;
    background: url(../../ikro/img/loader.gif) center center no-repeat;
    display: none;
}
.form.scroll-load .form-trigger.disabled {
    display: block;
}


/* =============================================================================
ANIMATIONS
========================================================================== */

/* type */
@-webkit-keyframes type {
    from { width: 0; }
    to { width: 100%; }
}
@-moz-keyframes type {
    from { width: 0; }
    to { width: 100%; }
}
@-o-keyframes type {
    from { width: 0; }
    to { width: 100%; }
}
@keyframes type {
    from { width: 0; }
    to { width: 100%; }
}

/* blink-caret */
@-webkit-keyframes blink-caret {
    from { -webkit-opacity: 0; }
    to { -webkit-opacity: 1; }
}
@-moz-keyframes blink-caret {
    from { -moz-opacity: 0; }
    to { -moz-opacity: 1; }
}
@-o-keyframes blink-caret {
    from { -o-opacity: 0; }
    to { -o-opacity: 1; }
}
@keyframes blink-caret {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* fadeInDown */
@-webkit-keyframes fadeInDown {
    0% { -webkit-opacity:0; -webkit-transform:translateY(-20px); }
    100% { -webkit-opacity:1; -webkit-transform:translateY(0); }
}
@-moz-keyframes fadeInDown {
    0% { -moz-opacity:0; -moz-transform:translateY(-20px); }
    100% { -moz-opacity:1; -moz-transform:translateY(0); }
}
@-o-keyframes fadeInDown {
    0% { -o-opacity:0; -o-transform:translateY(-20px); }
    100% { -o-opacity:1; -o-transform:translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity:0; transform:translateY(-20px); }
    100% { opacity:1; transform:translateY(0); }
}

.field .placeholder.radio-marca{
    margin-right: 20px;
    width: 205px;
}


#content-videos-grid{
    padding: 20px 0;
    overflow: hidden;
}
#content-videos-grid.mostra-grid .video{
    float: left;
    display: inline-block;
    height: 200px;
    margin: 22px;
    width: 196px;
    overflow: hidden;
}
#content-videos-grid .video img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.video a{
    text-decoration: none;
}
.videos-infos{
    font-family: 'Open Sans', sans-serif;
}
#content-videos-grid .video-title{
    color: #464646;
    font-weight: bold;
}
#content-videos-grid.mostra-grid .video-title{
    font-size: 14px;
    line-height: 16px;
    margin: 3px 0;
}
#content-videos-grid.mostra-lista .video-title{
    font-size: 22px;
    line-height: 28px;
    margin: 3px 0 5px;
}
#content-videos-grid .video-description{
    color: #767676;
}
#content-videos-grid.mostra-grid .video-description{
    font-size: 11px;
    line-height: 14px;
}
#content-videos-grid.mostra-lista .video-description{
    font-size: 14px;
    line-height: 19px;
}
#content-videos-grid.mostra-lista .videos-imagem{
    float: left;
    display: inline-block;
    width: 196px;
    margin-right: 20px;
}
#content-videos-grid.mostra-lista .video{
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}
.videos{
    padding: 20px;
    background: #FFF;
    overflow: hidden;
    margin-top: 20px;
}
.tipo-galeria{
    float: right;
    margin-top: -35px;
}
@media screen and (max-width:767px) {
    .tipo-galeria{
        display: none;
    }
    #content-videos-grid.mostra-grid .video{
        overflow: hidden;
        margin: 20px auto;
        float: none;
        display: block;
        text-align: center;
    }
}
.tipo-galeria button{
    padding: 15px;
    background: #FFF;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.tipo-galeria button.selecionado{
    background-color: #e0e0e0;
    border: 1px solid #dbdbdb;
}
.tipo-galeria #mostra-lista{
    background-image: url(../img/ic-list.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.tipo-galeria #mostra-grid{
    background-image: url(../img/ic-grid.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#modal-catalog,
#modal-form{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}
.modal-bg{
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
#modal-catalog .modal-content{
    background-color: #ea6e27;
    width: 688px;
    height: 488px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%,-50%);
    border: 16px solid white;
    font-family: 'Open Sans', sans-serif;
}

#modal-form .modal-content{
    background-color: white;
    width: 690px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%,-50%);
    border: 16px solid #e1e1e1;
    font-family: 'Open Sans', sans-serif;
    padding: 30px 40px;
    background-image: url(../img/bg-form-modal.png);
    background-repeat: no-repeat;
    background-position: right top;

}

#modal-catalog .modal-header{
    padding: 26px 22px;
    text-align: right;
}

#modal-catalog .modal-header button.close{
    color: white;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
}

#modal-form .modal-header h1{
    font-weight: 900;
    color: #231f20;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 12px;
}

#modal-form .form-group{
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 5px 22px;
}

#modal-form .form-group.oitenta{
    width: 78%;
}

#modal-form .form-group.vinte{
    width: 18%;
}

#modal-form .form-group.trinta{
    width: 28%;
}

#modal-form .form-group.cem{
    width: 98%;
}

#modal-form .form-group button{
    padding: 0 35px;
    background-color: #4e4e4e;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    border: none;
    height: 42px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#modal-form span{
    display: block;
    position: relative;
}

#modal-form span::before{
    content: '';
    width: 11px;
    height: 7px;
    position: absolute;
    left: 22px;
    top: -5px;
    z-index: 2;
    background-image: url(../img/seta-form-modal.png);
}

#modal-form form{
    margin: 0 -5px;
}

#modal-form input,
#modal-form select{
    height: 45px;
    padding: 0 16px;
    font-size: 16px;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}



#modal-form .modal-body label,
#modal-form .modal-header p{
    font-weight: 400;
    display: block;
    color: #231f20;
    font-size: 16px;
    line-height: 26px;
}
#modal-form .modal-header p{
    margin-bottom: 22px;
}

#modal-form .modal-body label{
    font-weight: bold;
    margin-bottom: 10px;
}

#modal-form .modal-header button.close{
    float: right;
    color: black;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
}

#modal-catalog .modal-body{
    text-align: right;
}
.modal-text{
    display: inline-block;
    vertical-align: bottom;
    width: 60%;
    text-align: center;
}
.modal-text h1{
    font-weight: bold;
    color: #231f20;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 15px;
}
.modal-text p{
    font-weight: 400;
    color: #231f20;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 22px;
}

.modal-text a{
    display: table;
    margin: 0 auto;
    text-decoration: none;
    line-height: 42px;
    padding: 0 22px;
    color: white;
    text-transform: uppercase;
    font-size: 13px;

}

.modal-text .btn-dark{
    background-color: #4a3123;
    border-radius: 6px;
}

.modal-text .btn-link{
    position: relative;
    margin-top: 10px;
}
.modal-text .btn-link::before{
    content: '';
    width: 16px;
    height: 7px;
    background-image: url(../img/seta-btn-modal.png);
    right:-2px;
    top: 50%;
    position: absolute;
    margin-top: -4px;
}

.modal-ilustracao{
    width: 347px;
    height: 408px;
    position: absolute;
    left: -16px;
    bottom: 0;
    display: block;
    z-index: 1;
}

@media (max-width: 768px) {
    #modal-form{
        z-index: 1000;
        position: absolute;
    }
    .modal-ilustracao{
        display: none;
    }
    #modal-catalog .modal-header{
        padding: 16px 12px;
    }
    #modal-catalog .modal-content{
        padding-bottom: 36px;
        height: auto;
        width: 90%;
    }

    #modal-form .modal-content{
        width: 80%;
        padding: 20px;
        top: 0;
        -ms-transform: translate(-50%,0); /* IE 9 */
        -webkit-transform: translate(-50%,0); /* Safari */
        transform: translate(-50%,0);
    }

    #modal-form .form-group{
        width: 98%!important;
    }

    .modal-text{
        width: 100%;
    }
    #modal-form .modal-header h1{
        font-size: 24px;
    }
    #modal-form .modal-header p{
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .modal-text h1{
        font-size: 26px;
        line-height: 30px;
    }
    .modal-text p{
        font-size: 14px;
        line-height: 18px;
    }
}
.required-input{
    color: rgba(255, 0, 0, 0.65) !important;
}

div.paginate{
    margin: auto;
    font-family: 'Open Sans', sans-serif;
}

div.paginate ul{
    text-align: center;
}

.paginate li button.selected{
    background: rgba(25,25,25,0.8)
}

.paginate li {
    display: inline-block;
    margin-right: 3.5px;
    margin-left: 3.5px;
    border-radius: 9px;
}

.paginate button{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #F8F8F8;
    display: block;
    padding: 14px 17px;
    background: #969696;
    border: none;
    border-radius: 9px;
    text-transform: uppercase;
}
.filter-lateral fieldset .placeholder-text{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
}
.paginate li button:hover{
    background: rgba(25,25,25,0.8);
    cursor: pointer;
}
.filter-lateral fieldset{
    width: 100%;
}

.filter-lateral .counter{
    font-style: italic;
    font-size: 13px;
}
#left-menu .button-actions{
    margin-top: 15px;
}
.button-actions button{
    text-transform: uppercase;
    font-size: 12px;
    color: #F8F8F8;
    display: block;
    padding: 10px;
    background: #969696;
    border-radius: 9px;
    border: none;
    text-align: center;
    width: 90%;
    cursor: pointer;
}

.divider-menu {
    padding: 20px 20px;
}

.subtitle-info{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.vue-affix {
    position: relative;
}

.affix {
    position: fixed;
}

.affix-bottom {
    position: relative;
}

.truncated {
    text-overflow: ellipsis;
    max-width: 175px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;

}

.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.valign .center,
.valign i {
    display: inline-block;
    vertical-align: middle;
}

.valign i {
    width: 0;
    height: 100%;
}

.wait {
    width: 300px;
    padding: 20px 0px 20px 0px;
    background-color: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    text-transform: uppercase;
}

.wait h3 {
    font-size: 18px;
    margin-bottom: 5px;
}
.wait p {
    color: #EB6C19;
    font-size: 12px;
}

.round #tawkchat-minified-wrapper {
    bottom: 0;
}

.send-whats {
    padding: 20px 0;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #464646;
    display: block;
    text-decoration: none;
}