* { margin: 0; padding: 0; box-sizing: border-box; } section, aside, details, figcaption, figure, footer, header, hgroup, menu, nav { display: block; } body { font-family: 'Futura Md BT'; /*font-size: 14px;*/ font-size: 62.5%; color: #0c4774; text-align: left; letter-spacing: 1px; position: relative; background-color: #2f2f29; } header, section, footer { width: 100%; float: left; } p { font-size: 1.4em; line-height: 17px; } a:link, a:active, a:visited { text-decoration: none; color: #0c4774; } ul { list-style: none; margin: 0; padding: 0; } .clear { clear: both; } .img-ie { text-decoration: none; border: 0px; } .conteudo-centro { width: 1150px; margin: 0 auto; } input { /*-webkit-appearance: none;*/ } input:focus { border-color: #2a5679; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } @font-face { font-family: 'OpenSans Regular'; src: url('../../../fonts/OpenSans-Regular.eot'); src: url('../../../fonts/opensans-regular-webfont.svg') format('svg'); src: url('../../../fonts/opensans-regular-webfont.woff'); src: url('../../../fonts/opensans-regular-webfont.woff2'); src: url('../../../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans Bold'; src: url('../../../fonts/opensans-bold-webfont.svg') format('svg'); src: url('../../../fonts/opensans-bold-webfont.woff'); src: url('../../../fonts/opensans-bold-webfont.woff2'); src: url('../../../fonts/OpenSans-Bold.eot'); src: url('../../../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans BoldItalic'; src: url('../../../fonts/opensans-bolditalic-webfont.svg') format('svg'); src: url('../../../fonts/opensans-bolditalic-webfont.woff'); src: url('../../../fonts/opensans-bolditalic-webfont.woff2'); src: url('../../../fonts/OpenSans-BoldItalic.eot'); src: url('../../../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-BoldItalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans ExtraBold'; src: url('../../../fonts/opensans-extrabold-webfont.svg') format('svg'); src: url('../../../fonts/opensans-extrabold-webfont.woff'); src: url('../../../fonts/opensans-extrabold-webfont.woff2'); src: url('../../../fonts/OpenSans-ExtraBold.eot'); src: url('../../../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-ExtraBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans ExtraBoldItalic'; src: url('../../../fonts/opensans-extrabolditalic-webfont.svg') format('svg'); src: url('../../../fonts/opensans-extrabolditalic-webfont.woff'); src: url('../../../fonts/opensans-extrabolditalic-webfont.woff2'); src: url('../../../fonts/OpenSans-ExtraBoldItalic.eot'); src: url('../../../fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans Italic'; src: url('../../../fonts/opensans-italic-webfont.svg') format('svg'); src: url('../../../fonts/opensans-italic-webfont.woff'); src: url('../../../fonts/opensans-italic-webfont.woff2'); src: url('../../../fonts/OpenSans-Italic.eot'); src: url('../../../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans Light'; src: url('../../../fonts/opensans-light-webfont.svg') format('svg'); src: url('../../../fonts/opensans-light-webfont.woff'); src: url('../../../fonts/opensans-light-webfont.woff2'); src: url('../../../fonts/OpenSans-Light.eot'); src: url('../../../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans LightItalic'; src: url('../../../fonts/opensans-lightitalic-webfont.svg') format('svg'); src: url('../../../fonts/opensans-lightitalic-webfont.woff'); src: url('../../../fonts/opensans-lightitalic-webfont.woff2'); src: url('../../../fonts/OpenSans-LightItalic.eot'); src: url('../../../fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-LightItalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans Semibold'; src: url('../../../fonts/opensans-semibold-webfont.svg') format('svg'); src: url('../../../fonts/opensans-semibold-webfont.woff'); src: url('../../../fonts/opensans-semibold-webfont.woff2'); src: url('../../../fonts/OpenSans-Semibold.eot'); src: url('../../../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-Semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans SemiboldItalic'; src: url('../../../fonts/opensans-semibolditalic-webfont.svg') format('svg'); src: url('../../../fonts/opensans-semibolditalic-webfont.woff'); src: url('../../../fonts/opensans-semibolditalic-webfont.woff2'); src: url('../../../fonts/OpenSans-SemiboldItalic.eot'); src: url('../../../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../../../fonts/OpenSans-SemiboldItalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } /************* SETA UP ******************/ #back-top-seta a { width: 60px; display: block; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top-seta span { width: 60px; height: 60px; display: block; margin-bottom: 7px; background: url(../img/seta-cima.png) no-repeat center 6px #eeeeee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top-seta a:hover span { background-color: #f7f7f7; background-position: center -70px; } #back-top-seta { bottom: 13px; z-index: 1; } /***************************************************/ body { font-family: 'OpenSans Regular'; } /*h1 { display: none; }*/ header { float: left; width: 100%; color: #0c4773; } header .header-topo { width: 100%; height: 43px; background-color: #0c4777; } header .header-topo nav.menu-topo ul { float: left; margin-top: 11px; } header .header-topo nav.menu-topo ul li { font-family: 'OpenSans Semibold'; float: left; padding-right: 10px; margin-right: 15px; border-right: 1px solid #eb8334; } header .header-topo nav.menu-topo ul li:last-child { margin-right: 0; padding-right: 0; border-right: none; } header .header-topo nav.menu-topo ul li:last-child a { overflow: hidden; white-space: nowrap; float: left; } header .header-topo nav.menu-topo ul li a { color: #f5f7f9; font-size: 1.2em; letter-spacing: 0; } header .header-topo nav.menu-topo ul li a img { float: left; margin-right: 8px; } header .header-topo .carrinho { float: right; width: 5.782609%; } header .header-topo .carrinho img { float: left; margin-top: 5px; margin-right: 10px; } header .header-topo .carrinho .carrinho-num { background-color: #eb8331; border-radius: 100%; float: right; color: #dce4ea; font-family: 'OpenSans Semibold'; font-size: 14px; width: 22px; height: 22px; text-align: center; padding-top: 1px; box-sizing: border-box; } header .header-centro { width: 100%; height: 102px; background-color: #f7f7f7; float: left; border-bottom: 3px solid; border-color: #eb8331; } header .header-centro .logo { float: left; margin-top: 1px; height: auto; } .topo-busca { float: left; margin-left: 80px; position: relative; width: 39.1304347826087%; } .topo-busca input[type="search"], .topo-busca input[type="text"] { width: 87.77777777777778%; margin-top: 33px; border: none; padding: 9px; box-sizing: border-box; font-family: 'OpenSans Regular'; font-size: 1.6em; color: #b72828; border-radius: 6px 0 0 6px; float: left; } .topo-busca input[type="submit"] { float: left; margin-top: 33px; border: none; width: 12.22222222222222%; height: 40px; border-radius: 0 6px 6px 0; cursor: pointer; background: url('../img/busca.png') center no-repeat; background-color: #eb8332; } .central-atendimento { float: right; margin-top: 30px; width: 20.8695652173913%; display: flex; align-items: center; } .central-atendimento .icone-telefone { font-size: 32px; margin-right: 10px; } .texto-atendimento p { margin: 0; padding: 0; letter-spacing: 0; } .texto-atendimento .titulo { font-size: 1.6em; line-height: 20px; } .texto-atendimento .numero { font-size: 1.4em; margin-top: 3px; } .texto-atendimento .numero span { font-weight: bold; font-size: 1.33em; } header .header-baixo { float: left; width: 100%; height: 60px; background-color: #1e66aa; } header .header-baixo .conteudo-centro .categorias>ul>li { float: left; text-align: center; height: 60px; width: 10.5%; border-right: 1px solid #165598; border-left: 1px solid #2165a4; transition: all 0.4s ease; position: relative; } header .header-baixo .conteudo-centro .categorias>ul>li:hover { background-color: #f9a839; /*transform: rotateY(360deg);*/ } header .header-baixo ul li .li-hover { display: none; position: absolute; color: #0c4774; top: 50px; padding-top: 15px; z-index: 999; left: 0px; } header .header-baixo ul li .li-hover .li-hover-branco { background-color: #fffff1; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4); box-shadow: 0 0 8px rgba(0, 0, 0, .4); position: relative; padding: 20px; width: 525px; } header .header-baixo ul li .li-hover .li-hover-branco .produto-imagem-categoria { width: 200px; } header .header-baixo ul li .li-hover .li-hover-branco .comprar-produto { padding-top: 7px; } header .header-baixo ul li .li-hover .li-hover-branco .item-produto a.titulo-produto { color: #0c4774 !important; font-size: 1.2em; } @-moz-document url-prefix() { header .header-baixo ul li .li-hover .li-hover-branco .item-produto a.titulo-produto { font-weight: normal; } } header .header-baixo ul li .li-hover .triangulo-branco { position: absolute; top: -5px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #eb8334; z-index: 10; left: 48px; } header .header-baixo ul li .li-hover-direita .triangulo-branco { right: 48px; left: inherit !important; } header .header-baixo ul li .li-hover .li-hover-branco li { text-align: left; line-height: 33px; } header .header-baixo ul li .li-hover .li-hover-branco li a:before { background-color: #f9a840; margin-right: 17px; content: " "; display: block; width: 14px; height: 14px; margin-top: 7.5px; float: left; left: 8px; position: relative; } header .header-baixo ul li .li-hover .li-hover-branco li:hover { background-color: #f9a841; } header .header-baixo ul li .li-hover .li-hover-branco li:hover a:before { background-color: #fffff2; } header .header-baixo ul li .li-hover .li-hover-branco li:hover a { color: #fffff3 !important; } header .header-baixo ul li .li-hover .li-hover-branco li a { color: #195d9e !important; font-size: 1.6em; padding-right: 17px; } header .header-baixo ul li .li-hover .li-hover-branco .menu1, header .header-baixo ul li .li-hover .li-hover-branco .menu2 { float: left; } header .header-baixo .conteudo-centro .categorias>ul>li:hover .li-hover { display: block; } header .header-baixo ul li:last-child { border-right: none; } header .header-baixo ul li a { color: #fffff4; font-size: 1.3em; line-height: 17px; } header .header-baixo ul li img { margin-top: 5px; } header .header-baixo .conteudo-centro .categorias>ul { position: relative; float: left; width: 100%; } header .header-baixo .conteudo-centro .categorias>ul li.todos-departamentos { width: 16%; text-align: left; background-color: #eb8330; position: static; border-right: none; border-left: none; } header .header-baixo ul li.todos-departamentos img { float: left; margin: 5% 0; margin-right: 5%; width: 20%; } header .header-baixo ul>li.todos-departamentos>a { margin-top: 12px; float: left; margin-left: 8%; } header .header-baixo ul li.todos-departamentos .triangulo, #topo-fixo .header-baixo ul li.todos-departamentos .triangulo { left: 0px; position: absolute; top: 100%; z-index: 1; content: ""; display: inline-block; vertical-align: middle; border-top: 35px solid #eb8333; border-left: 91px solid transparent; border-right: 91px solid transparent; padding-right: 0px; } #mm-blocker { background: rgba(3, 2, 1, 0.5) !important; } header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco { width: 100%; float: left; padding: 15px; } header .header-baixo ul>li.todos-departamentos>.li-hover, #topo-fixo>.header-baixo ul>li.todos-departamentos>.li-hover { width: 100%; left: 0; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda, header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda { width: 14.8%; padding: 0; margin: 0; border-right: 1px solid #f9a832; float: left; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .item>p, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .item>p { font-family: 'Opensans Regular'; font-size: 1.5em; color: #0c4777; padding: 5px; position: relative; z-index: 0; cursor: pointer; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .item>p:after, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .item>p:after { content: ''; height: 100%; width: 0; background-color: #eb8331; position: absolute; right: 0; top: 0; z-index: -1; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .inside, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .inside { display: none; position: absolute; left: calc(14.4% + 15px); width: 84.1%; top: 0; height: 100%; padding: 15px; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .inside a.vejatudo:before, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .inside a.vejatudo:before { background-color: #195d9e; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .inside a.vejatudo, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .inside a.vejatudo { color: #195d9e; font-family: 'Opensans Semibold'; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .item .inside, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .item .inside { flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: flex-start; -webkit-align-content: flex-start; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .inside a, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .inside a { font-size: 1.3em; color: #0c4777; padding: 3px; margin-right: 25px; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .inside a:before, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .inside a:before { content: ''; width: 8px; height: 8px; background-color: #0c4777; float: left; margin-right: 8px; top: 5px; position: relative; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .inside a:hover, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .inside a:hover { color: #f9a845; } header .header-baixo ul li.todos-departamentos>.li-hover>.li-hover-branco .categorias-esquerda .inside a:hover:before, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>.categorias-esquerda .inside a:hover:before { background-color: #f9a846; } header .header-baixo ul>li.todos-departamentos>.li-hover, #topo-fixo>.header-baixo ul>li.todos-departamentos>.li-hover { padding-top: 10px; } header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div { float: left; height: auto; margin-bottom: 20px; padding-right: 30px; } header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>h3, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>h3 { text-align: left; } header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>h3>a, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>h3>a { font-size: 1.43em; color: #f9a847; font-weight: bold; padding: 0; } header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>ul>li, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>ul>li { height: 25px; line-height: 25px; } header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>ul>li>a, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>ul>li>a { font-size: 1.2em; padding-right: 10px; } header .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>ul>li>a:before, #topo-fixo .header-baixo ul>li.todos-departamentos>.li-hover>.li-hover-branco>div>ul>li>a:before { width: 10px; height: 10px; margin-top: 0; top: 8px; } section { float: left; width: 100%; background-color: #f4f4f4; padding-bottom: 30px; } section .fundo-branco { background-color: #fffff5; float: left; width: 100%; padding-bottom: 12px; } section .novidade { width: 190px; box-sizing: border-box; background-color: #195d9e; height: 287px; float: left; margin-top: 43px; } section .novidade p { color: #fffff6; width: 100%; text-align: center; float: left; margin-top: 10px; font-size: 20px; } section .novidade .novidade-item { width: 180px; margin-left: 5px; float: left; background-color: #fffff7; height: 240px; margin-top: 10px; text-align: center; } section .novidade .novidade-item img { margin-top: 15px; } section .novidade .novidade-item .titulo-produto { height: auto; font-weight: normal\0; } @-moz-document url-prefix() { section .novidade .novidade-item .titulo-produto { font-weight: normal; } } .titulo-produto h2, .titulo-produto h3 { font-size: 1.6em; color: #3a3a3a; font-weight: normal; letter-spacing: 0; float: left; overflow: hidden; height: 55px; box-sizing: border-box; border-bottom: none !important; } .preco-produto { margin-top: 10px; margin-bottom: 10px; font-size: 1.9em; color: #0c4773; letter-spacing: 0; font-weight: bold; } .carrinho-preco-total span { margin-top: 10px; margin-bottom: 10px; font-size: 1.1em; letter-spacing: 0; font-weight: normal; } .carrinho-preco-total small { margin-top: 10px; margin-bottom: 10px; font-size: 0.5em; letter-spacing: 0; font-weight: normal; } .preco-produto .preco-final { color: #eb8330; font-weight: bold; font-size: 1.3em; } .preco-produto .preco-parcelado { color: #4c6f18; font-weight: bold; font-size: 0.8em; } .preco-produto sup { font-size: 12px; } .carrinho-preco-item s { font-size: 20px; } .comprar-produto { /*background: url('../img/comprar.png') #eb8331 no-repeat;*/ background: url('../img/comprar.png') #5c9e0d no-repeat; background-position-x: 7%; background-position-y: 4px; width: 100%; display: inline-block; color: #fffff8 !important; font-family: 'OpenSans Bold'; font-size: 1.8em !important; letter-spacing: 0; padding-left: 10%; height: 32px; padding: 5px 0 5px 15px; text-align: center; transition: all 0.4s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .comprar-produto-view { /*background: url('../img/comprar.png') #eb8331 no-repeat;*/ background: url('../img/comprar.png') #5c9e0d no-repeat; background-position-x: 25px; background-position-y: 14px; width: 100%; display: inline-block; color: #fffff9 !important; font-family: 'OpenSans Bold'; font-size: 1.8em !important; letter-spacing: 0; padding-left: 25px; height: 32px; text-align: center; transition: all 0.4s ease; height: 50px; padding-top: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } @-moz-document url-prefix() { .comprar-produto { background-position: 15px 4px; } .comprar-produto-view { background-position: 25px 14px; } } .comprar-produto-view:hover { background-color: #eb8330; animation: pulse 1s ease infinite; } .comprar-produto:hover { background-color: #eb8330; animation: pulse 1s ease infinite; } .comprar-produto img { float: left; margin-top: 0; } #cycle { overflow: hidden !important; float: left; width: 100%; margin-top: 1px; margin-bottom: 15px; position: relative; } #cycle .owl-controls { position: absolute; bottom: 0; width: 100%; } .owl-theme .owl-controls .owl-page span { background: url('../img/desmarcado.png') center no-repeat !important; width: 15px !important; height: 15px !important; opacity: 1 !important; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: url('../img/marcado.png') center no-repeat !important; width: 15px !important; height: 15px !important; } section .carousel-itens { float: left; width: 100%; margin-top: 22px; background-color: #f7f7f8; padding-bottom: 20px; overflow: hidden; } section .carousel-itens h5 { color: #195d9e; font-weight: normal; box-sizing: border-box; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 2.0em !important; } section .carousel-itens h2 { background-color: #195d9e; color: #ffffc1; font-weight: normal; box-sizing: border-box; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 2.0em; margin-bottom: 25px; } section .carousel-itens h2 span { font-weight: bold; } #ofertas, #ofertas1, #ofertas2, #ofertas3, #ofertas4, #ofertas5, #ofertas6, #ofertas7, #produtos, #lancamentos, #maiscomprados, #marcas { width: 90%; margin: 0 auto; position: relative; } .item-produto { text-align: center; transition: all 0.4s ease; position: relative; margin: 0 auto; display: grid !important; align-content: space-between; justify-items: center; height: 500px !important; } .item-produto.slick-slide { margin: 0 40px; } .item-produto .classificacao { width: 100%; float: left; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; } .item-produto *, .item-produto { outline: none; } .item-produto a, .item-produto .img-produto-home img { width: 100%; height: auto; } .item-produto:hover { opacity: 1 !important; } .owl-wrapper-outer:hover .item-produto { opacity: 0.7; } .item-produto .owl-buttons { position: absolute; width: 100%; top: 100px; left: 0; } .slick-slider .item-produto .owl-prev { position: absolute; left: 0; z-index: 10; } .slick-slider .item-produto .owl-next { position: absolute; left: 100%; } .item-produto .preco-produto { margin-top: 0; } .item-produto .preco-antigo { margin-top: 10px; font-weight: bold; font-size: 0.8em; line-height: 12px; color: #739b39; } .item-produto .preco-antigo span { text-decoration: line-through; } .item-produto .pronta-entrega { font-size: 13px; letter-spacing: 0; color: #1d378b; margin-bottom: 10px; } .item-produto .classificacao { margin-top: 5px; } .item-produto .comentarios { line-height: 10px; font-size: 1.0em; text-align: center; } .item-produto .comprar-produto { opacity: 0; transition: all 0.4s ease; margin-top: 25px; } .item-produto:hover .comprar-produto { opacity: 1; } .carousel-itens h2 a { color: #ffffc2; } .carousel-itens .owl-controls { position: absolute; width: 100%; left: 0; top: 140px; } .carousel-itens .slick-slider .owl-prev { left: 0; position: absolute; color: transparent !important; background: url('../img/seta-esquerda.jpg') center no-repeat !important; width: 40px; height: 48px; top: 45%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #0c7c55; filter: Alpha(Opacity=50); opacity: 0.5; cursor: pointer; } .carousel-itens .slick-slider .owl-next { left: 100%; position: absolute; color: transparent !important; background: url('../img/seta-direita.jpg') center no-repeat !important; width: 40px; height: 48px; top: 45%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #0c7c55; filter: Alpha(Opacity=50); opacity: 0.5; cursor: pointer; } .owl-next:hover, .owl-prev:hover { opacity: 1; text-decoration: none; } #marcas .owl-controls { top: -20px; } .marcas-itens .owl-item { text-align: center; } #banner-baixo { float: left; margin-top: 22px; margin-bottom: 22px; position: relative; width: 100%; } #banner-baixo .owl-controls { position: absolute; right: 5px; bottom: 5px; } #banner-baixo .slick-dots { right: 10px; text-align: right; } .keywords { height: 210px !important; } .keywords table { width: 90%; margin-left: 5%; text-align: center; } .dizem { width: 45% !important; padding-bottom: 0 !important; box-sizing: border-box; } .dizem .dizem-conteudo { width: 100%; padding: 0 25px; } .dizem .dizem-conteudo p.dizem-titulo { font-weight: bold; font-size: 1.5em; } .dizem .dizem-conteudo .dizem-classificacao { margin-top: 10px; } .dizem .dizem-conteudo .dizem-comentario { font-size: 1.3em; margin-top: 10px; line-height: 17px; } .dizem .dizem-conteudo .dizem-pessoa { font-size: 1.3em; margin-top: 20px; line-height: 17px; font-weight: bold; } .dizem .dizem-conteudo .dizem-data { font-size: 1.3em; line-height: 17px; margin-top: 8px; font-weight: bold; } .dizem .dizem-conteudo a { float: right; color: #0000ff; letter-spacing: 0; transition: all 0.4s ease; } .dizem .dizem-conteudo a:hover { color: #f59607; } .fanpage { float: right !important; width: 50% !important; padding-bottom: 0 !important; height: 290px !important; text-align: center; } .fanpage h2 { margin-bottom: 18px !important; } .formas-pagamento .formas-pagamento-div { width: 100%; text-align: center; } .formas-pagamento .formas-pagamento-div img:last-child { margin-top: 15px; /*width: 86.95652173913043%;*/ } .formas-pagamento .formas-pagamento-div span { float: left; padding-top: 10px; padding-left: 10px; position: relative; } footer { width: 100%; float: left; } footer .footer-branco { width: 100%; background-color: #f1f2f3; float: left; padding-top: 20px; padding-bottom: 20px; } footer .footer-branco .footer-novidades { background-color: #eb8331; padding: 10px; float: left; width: 100%; margin-right: 15px; } footer .footer-branco .footer-novidades p.novidades-texto, p.novidades-texto strong { width: 100%; font-size: 1.4em; line-height: 16px; color: #ffffc4; letter-spacing: 0; } .news_inputs, .news_inputs input { float: left; width: 100%; } .novidades-captcha { width: 50%; } #formCadastrarEmail { width: 100%; float: left; padding-top: 10px; margin: 0; } .item-footer-info { color: #eb8332; } footer .footer-branco .footer-novidades input[type="email"], input[type="text"], input[type="number"] { border: none; padding: 14px 3%; border-radius: 5px; box-sizing: border-box; } @-moz-document url-prefix() { footer .footer-branco .footer-novidades input[type="email"], input[type="text"], input[type="number"] { padding: 15px; } } footer .footer-branco .footer-novidades input[type="submit"] { background-color: #195d9e; color: #ffffc5; border: none; border-radius: 5px; padding: 14px 0; cursor: pointer; font-weight: bold; transition: all 0.4s ease; width: 20%; text-align: center; height: 40px; } footer .footer-branco .footer-novidades input[type="submit"]:hover { background-color: #0c4777; } footer .footer-sugerir { float: right; padding: 10px; background-color: #0c4777; width: 5%; } footer .footer-sugerir p { color: #ffffc6; font-size: 1.4em; line-height: 16px; width: 75%; float: left; padding-right: 5%; } .footer-branco .conteudo-centro { display: flex; } @-moz-document url-prefix() { footer .footer-sugerir p { font-size: 13px; } } footer .footer-sugerir a.footer-link { color: #ffffc7; background-color: #eb8331; padding: 10px 0; float: right; font-size: 1.5em; margin-top: 2px; transition: all 0.4s ease; text-align: center; width: 25%; } footer .footer-sugerir a.footer-link:hover { background-color: #f9a848; } footer .footer-azul { width: 100%; border-top: 4px solid #eb8331; float: left; padding-top: 22px; background-color: #f7f7f7; } footer .footer-itens .footer-selos span { float: left; padding-top: 10px; padding-left: 10px; position: relative; } footer .conteudo-footer-baixo .footer-parceiros span { float: left; padding-top: 10px; padding-left: 10px; position: relative; } footer .conteudo-footer-baixo .footer-parceiros div { width: 100%; float: left; color: #ffffc8; font-size: 1.8em; font-weight: bold; } footer .footer-azul .footer-itens { width: 25%; float: left; } footer .footer-azul .footer-itens div { color: #0c4773; font-size: 1.8em; font-weight: bold; } footer .footer-azul .footer-itens ul { margin-top: 18px; } footer .footer-azul .footer-itens ul li { margin: 3px 0; float: left; width: 100%; font-size: 1.4em; color: #0c4778; font-family: 'OpenSans Light'; } footer .footer-azul .footer-itens ul li a { font-size: 1.0em; color: #000001; font-family: 'OpenSans Light'; } footer .footer-azul .footer-itens ul li svg { float: left; margin-right: 10px; } footer .footer-azul .footer-itens ul li p { font-size: 0.8em; margin-bottom: 0; line-height: 16px; margin-left: 31px; } footer .conteudo-footer-baixo { width: 100%; float: left; border-top: 2px groove #3589DF; padding-top: 10px; margin-top: 10px; } footer .conteudo-footer-baixo .footer-baixo-esq { float: left; width: 40.73095652173913%; } footer .conteudo-footer-baixo .footer-baixo-esq p { color: #0c4779; margin-bottom: 0; font-size: 1.2em; line-height: 16px; } footer .conteudo-footer-baixo .footer-baixo-esq img { margin-bottom: 5px; } footer .winsite { float: right; margin-top: 15px; } footer .conteudo-footer-claro { width: 100%; margin-top: 10px; padding: 5px 0; background-color: #0c4777; float: left; text-align: center; } footer .conteudo-footer-claro p { color: #e9efe8; font-size: 1.2em; line-height: 16px; letter-spacing: 0; } footer .conteudo-footer-claro p:first-child { font-weight: bold; } #login .login-div { width: 48%; box-sizing: border-box; margin-top: 45px; background-color: #c6d01b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); padding: 2%; background-color: #f2f2f4; float: left; } #login .login-automatico { float: left; } #login .nao-sou-cliente { float: right; } #login .login-div form { /*float: left;*/ width: 100%; margin-top: 15px; } #login .login-div form label { float: left; letter-spacing: 0; font-size: 1.2em; } #login .login-div form input[type="email"], #login .login-div form input[type="text"], #login .login-div form input[type="password"] { float: left; width: 100%; margin-top: 10px; margin-bottom: 20px; box-sizing: border-box; padding: 10px; border: 1px solid #b72121; border-radius: 3px; } #login .login-div form input[type="submit"] { float: right; background-color: #195d9e; border: none; padding: 10px 40px; color: #f2f2f5; cursor: pointer; font-family: 'OpenSans Semibold'; transition: all 0.4s ease; } #login .login-div form input[type="submit"]:hover { background-color: #f59607; } #login .login-div form a { letter-spacing: 0; float: left; margin-top: 1.2em; color: #f7f7f7; font-size: 1.2em; width: 100%; } #login h2 { font-size: 2.7em; font-family: 'OpenSans Light'; color: #0c4774; } .conteudo-paginas { float: left; width: 100%; } .breadcrumb { margin: 35px auto 20px auto; width: 100%; float: left; } .breadcrumb ul { width: 100%; float: left; font-size: 1.2em; } .breadcrumb ul li { margin-right: 10px; float: left; color: #0c4774; } .breadcrumb ul li:last-child { color: #195d9b; } .breadcrumb ul li a { color: #0c4774; } .breadcrumb ul li a:after { content: " > "; color: #0c4774; padding-left: 5px; } .conteudo-paginas h1 { font-size: 2.7em; font-family: 'OpenSans Light'; color: #0c4774; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #dddddd; width: 100%; padding-bottom: 5px; } h1.transbox { font-weight: bold; color: #0c4774; text-align: center; background-color: #f4f4f4; opacity: 0.6; padding: 12px; margin: 0; width: auto; position: absolute; top: 0; left: 0; } #fale-conosco .fale-conosco-esquerda { float: left; width: 100%; } #fale-conosco .fale-conosco-direita { float: right; width: 49%; font-size: 1.2em; } #fale-conosco p { font-size: 1.2em; line-height: 18px; letter-spacing: 0; margin-bottom: 0; } #fale-conosco .fale-conosco-contato { margin-bottom: 15px; margin-right: 15px; } .margem-centro { margin: 0 3% !important; } .margem-direita { margin-right: 3% !important; } .margem-esquerda { margin-left: 3% !important; } .tamanho { width: 100%; float: left; clear: none; padding: 0; } .tamanho1 { width: 79.3%; float: left; clear: none; padding: 0; } .tamanho2 { width: 48.5%; float: left; clear: none; padding: 0; } .tamanho3 { width: 47.93%; float: left; clear: none; padding: 0; /*padding-right: 15px;*/ } .tamanho4 { width: 22.75%; float: left; clear: none; padding: 0; position: relative; } .tamanho5 { width: 17.6%; float: left; clear: none; padding: 0; } .tamanho6 { width: 14.16%; float: left; clear: none; padding: 0; } .tamanho7 { width: 11.7%; float: left; clear: none; padding: 0; } .tamanho8 { width: 9.875%; float: left; clear: none; padding: 0; } .tamanho10 { width: 7.3%; float: left; clear: none; padding: 0; } #operadora_id { padding: 8px; } .tamanho select, .tamanho1 select, .tamanho2 select, .tamanho3 select, .tamanho4 select, .tamanho5 select, .tamanho6 select, .tamanho7 select, .tamanho8 select, .tamanho10 select { width: 100%; color: #071b2f; padding: 8px; border-radius: 5px; background-color: #f2f2f6; border-radius: 3px; border: 1px solid #cccccc; } .tamanho-ddd { float: left; width: 80px; } .tamanho-telefone { float: left; width: 200px; } .campo_desabilitado { font-family: arial, sans, verdana, helvetica; font-weight: normal; border: 1px rgb(204, 204, 204) solid; font-size: 12px; padding: 2px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; color: gray; background-color: #f4f4f4; width: 200px; } .tamanho input, .tamanho1 input, .tamanho2 input, .tamanho textarea, .tamanho4 input, .tamanho5 input, .tamanho3 input, .tamanho-ddd input, .tamanho-tel input, .tamanho5 input, .tamanho6 input, .tamanho7 input, .tamanho8 input, .tamanho10 input { width: 100%; border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; background-color: #f2f2f7; box-sizing: border-box; border-radius: 3px; color: #071b2f; } .tamanho2 input[type='radio'] { width: auto; margin-right: 5px; } .tamanho2 input[type='checkbox'] { width: auto; } .tamanho2 select { width: 100%; border: 1px solid #cccccc; padding: 8.5px; margin-bottom: 10px; background-color: #f2f2f8; box-sizing: border-box; color: #071b2f; } /* .tamanho3 select{ width: 100%; border: 1px solid #cccccc; border-radius:0; padding: 4px 0; margin-bottom: 10px; background-color: #eb8334; box-sizing: border-box; } */ .tamanho select { width: 100%; border: 1px solid #cccccc; padding: 5px 0; margin-bottom: 10px; background-color: #f2f2f9; border-radius: 0; box-sizing: border-box; } .btn_ce { background-color: #195d9e; color: #f4f4f0; border: none; float: left; border-radius: 3px; padding: 8px 20px; cursor: pointer; font-weight: bold; margin: 2.1em 1em; } form#formEnderecoCliente fieldset { padding: 0 20px; border: 0; margin-bottom: 25px; font-size: 1.2em; float: left; } #fale-conosco input[type="submit"], #fale-conosco input[type="reset"] { float: right; background-color: #195d9e; border: none; padding: 5px 40px; color: #f4f4f1; cursor: pointer; font-family: 'OpenSans Semibold'; transition: all 0.4s ease; margin-left: 20px; margin-top: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #fale-conosco input[type="submit"]:hover, #fale-conosco input[type="reset"]:hover { background-color: #f59607; } #fale-conosco input[type="reset"] { float: left; margin-left: 0; } #fale-conosco textarea { height: 100px; } form label { letter-spacing: 0; font-size: 1.2em; line-height: 2em; } form { letter-spacing: 0; } form input[type="checkbox"] { margin-top: 2px; float: left; margin-right: 5px; } .conteudo-paginas p, h2, h3 { margin-bottom: 10px; font-size: 1.4em; text-align: justify; } .conteudo-paginas h2 { margin-bottom: 20px; letter-spacing: 0; } #lista-produtos .menu-esquerda { float: left; width: 22.60869565217391%; } #lista-produtos .menu-esquerda ul li ul li { float: left; width: 100%; padding: 10px 15px; box-sizing: border-box; } #lista-produtos .menu-esquerda ul>li.active { padding: 0; } #lista-produtos .menu-esquerda ul>li.active>p { padding: 5px 15px; background-color: #e3e3e3; width: 89%; font-weight: bold; } #lista-produtos .menu-esquerda ul>li.pai>p a.dropdown { margin-right: 10px; cursor: pointer; } #lista-produtos .menu-esquerda ul>li.pai>p a.dropdown:before { color: #f9a849; font-size: 16px; font-weight: bold; } #lista-produtos .menu-esquerda ul>li.pai>p a.dropdown.fechado:before { content: '+'; } #lista-produtos .menu-esquerda ul>li.pai>p a.dropdown.aberto:before { content: '-'; } #lista-produtos .menu-esquerda ul>li.active { background-color: #f4f4f4 !important; } #lista-produtos .menu-esquerda ul li.pai { background-color: #e3e3e3; margin-top: 10px; } #lista-produtos .menu-esquerda ul>li.pai>p { font-size: 1.1em; width: 100%; padding: 5px 15px; background-color: #e3e3e3; font-weight: bold; float: left; margin: 0; line-height: 150%; text-align: left; } #lista-produtos .menu-esquerda ul>li.pai:not(.active)>a { margin-bottom: 10px; } #lista-produtos .menu-esquerda ul li.pai:first-child { margin-top: 0; font-size: 1.2em; } #lista-produtos .menu-esquerda ul li.filho { background-color: #fafafa; border-bottom: 1px solid #e3e3e3; position: relative; } #lista-produtos .menu-esquerda ul li.filho.filho2 { padding-left: 25px; } #lista-produtos .menu-esquerda ul li p a { color: #195d9a !important; font-size: 1.2em; letter-spacing: 0; transition: all 0.2s ease; } #lista-produtos .menu-esquerda ul li p a:hover { color: #f9a850 !important; } #lista-produtos .produtos-direita { float: right; width: 75.21739130434783%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start; } #lista-produtos .produtos-direita .produto-lista-item { width: 29.33%; margin: 0 2%; padding: 1%; float: left; margin-bottom: 30px; text-align: center; transition: all 0.4s ease; background-color: #f4f4f2; display: grid; align-content: space-between; justify-items: center; } #lista-produtos .produtos-direita .produto-lista-item:hover { box-shadow: 0px 0px 10px 0px #dddddd; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-imagem { float: left; width: 100%; background-color: #f4f4f3; border-bottom: 1px solid #dddddd; margin-bottom: 10px; position: relative; overflow: hidden; } .hidden { display: none !important; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-imagem img { position: relative; z-index: 2; width: 100%; height: auto; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-imagem .lancamento { position: absolute; top: -18px; left: -18px; z-index: 5; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-titulo { font-size: 1.2em; font-family: 'OpenSans Semibold'; float: left; width: 100%; height: 36px; overflow: hidden; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos { float: left; width: 100%; margin-top: 15px; margin-bottom: 30px; color: #0c4773; letter-spacing: 0; font-weight: bold; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-final { color: #eb8330; font-weight: bold; font-size: 1.3em; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-final small { font-size: 0.7em; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-parcelado { color: #1c5223; font-weight: normal; font-size: 14px; height: 25px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-a-vista { color: #113741; font-weight: normal; font-size: 16px; height: 25px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-parcelado b { color: #0c4774; font-weight: bold; font-size: 1.1em; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos sup { font-size: 12px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-antigo { font-weight: normal; float: left; width: 100%; font-size: 0.9em; color: #3756c6; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-antigo span { text-decoration: line-through; font-size: 0.9em; } #lista-produtos .produtos-direita .produto-lista-item .pronta-entrega { font-size: 13px; letter-spacing: 0; color: #1d378b; margin-bottom: 10px; width: 100%; text-align: center; float: left; } #lista-produtos .produtos-direita .produto-lista-item .classificacao { float: left; width: 100%; margin-top: 10px; } #lista-produtos .produtos-direita .produto-lista-item .comentarios { line-height: 10px; font-size: 1.0em; width: 100%; text-align: center; } #lista-produtos .produtos-direita .produto-lista-kits { width: 25%; padding: 1%; float: left; margin-bottom: 30px; text-align: center; transition: all 0.4s ease; background-color: #f4f4f2; display: grid; align-content: space-between; justify-items: center; } #lista-produtos .produtos-direita .produto-lista-kits:hover { box-shadow: 0px 0px 10px 0px #dddddd; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-imagem { float: left; width: auto; background-color: #f4f4f3; border-bottom: 1px solid #dddddd; margin-bottom: 10px; position: relative; overflow: hidden; } .hidden { display: none !important; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-imagem img { position: relative; z-index: 2; width: 100%; height: auto; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-imagem .lancamento { position: absolute; top: -18px; left: -18px; z-index: 5; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-titulo { font-size: 1.2em; font-family: 'OpenSans Semibold'; float: left; width: 100%; height: 36px; overflow: hidden; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos { float: left; width: 100%; margin-top: 15px; margin-bottom: 15px; color: #0c4773; letter-spacing: 0; font-weight: bold; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos .preco-final { color: #eb8330; font-weight: bold; font-size: 1.3em; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos .preco-final small { font-size: 0.7em; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos .preco-parcelado { color: #1c5223; font-weight: normal; font-size: 14px; height: 25px; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos .preco-a-vista { color: #113741; font-weight: normal; font-size: 16px; height: 25px; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos .preco-parcelado b { color: #0c4774; font-weight: bold; font-size: 1.1em; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos sup { font-size: 12px; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos .preco-antigo { font-weight: normal; float: left; width: 100%; font-size: 0.9em; color: #3756c6; } #lista-produtos .produtos-direita .produto-lista-kits .produto-lista-precos .preco-antigo span { text-decoration: line-through; font-size: 0.9em; } #lista-produtos .produtos-direita .produto-lista-kits .pronta-entrega { font-size: 13px; letter-spacing: 0; color: #1d378b; margin-bottom: 10px; width: 100%; text-align: center; float: left; } #lista-produtos .produtos-direita .produto-lista-kits .classificacao { float: left; width: 100%; margin-top: 10px; } #lista-produtos .produtos-direita .produto-lista-kits .comentarios { line-height: 10px; font-size: 1.0em; width: 100%; text-align: center; } #lista-produtos .produtos-direita .produto-lista-filtro { float: left; width: 100%; margin: 0px 0 25px 0; background-color: #eeeeee; padding: 10px; } .produto-lista-filtro>h3 span { color: #f9a851; font-size: 40px; font-weight: bold; } #lista-produtos .produtos-direita .produto-lista-filtro .produto-lista-ordem { float: right; margin-left: 30px; } #lista-produtos .produtos-direita .produto-lista-filtro .produto-lista-ordem p { float: left; letter-spacing: 0; font-size: 1.2em; margin-bottom: 0; margin-top: 3px; margin-right: 10px; } #lista-produtos .produtos-direita .produto-lista-filtro .produto-lista-ordem select { float: right; box-sizing: border-box; padding: 5px; border: 1px solid #b72121; border-radius: 3px; } .produto-view .produto-imagem { border: 1px solid #a74141; float: left; position: relative; overflow: hidden; box-sizing: border-box; width: 100%; background-color: #f4f4f4; } .produto-view .produto-imagem img { left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .produto-view .classificacao { margin-bottom: 5px; float: left; font-size: 1.2em; } .produto-view .produto-info { float: left; padding-bottom: 15px; border-bottom: 1px solid #a74141; } .produto-view .produto-info p { margin-bottom: 0; font-size: 1.2em; line-height: 16px; letter-spacing: 0; } .produto-view .preco .preco-parcelado { color: #4c6f18; font-size: 0.37em; letter-spacing: 0; line-height: 20px; font-weight: normal; margin: 1px 0; float: left; } .produto-view .preco { float: left; color: #0c4773; font-size: 3.2em; letter-spacing: 0; font-weight: bold; } .produto-view .detalhes-parcelamento-preco { float: left; color: #0c4773; font-size: 3.2em; letter-spacing: 0; font-weight: bold; } .produto-view .preco sup { font-size: 12px; } .produto-view .preco .preco-antigo { font-weight: normal; float: left; width: 100%; font-size: 11px; color: #3756c6; } .produto-view .preco .preco-antigo span { text-decoration: line-through; font-size: 1.3em; } .produto-view .ganhe-desconto { float: left; margin-top: 15px; line-height: 30px; } .produto-view .ganhe-desconto p { margin-bottom: 0; } .produto-view .ganhe-desconto p.preco-desconto-txt { font-size: 2.5em; letter-spacing: 0; font-family: 'OpenSans Semibold'; line-height: 16px; color: #ce3535; line-height: 25px; } .produto-view .ganhe-desconto p.preco-desconto { color: #0c4773; font-size: 1.7em; letter-spacing: 0; font-weight: bold; line-height: 20px; margin-bottom: 2px; } .produto-view .ganhe-desconto p.preco-desconto sup { font-size: 12px; } .produto-view .simule-frete { float: left; width: 35%; position: relative; padding-left: 3%; } .produto-view .simule-frete p { letter-spacing: 0; font-size: 1.3em; } .produto-view .simule-frete button { background-color: #195d9e; color: #f4f4f5; border: none; float: left; padding: 10px 0px; cursor: pointer; font-weight: bold; text-align: center; width: 100%; height: 44px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .produto-view .simule-frete input { margin-bottom: 0; height: 44px; } .produto-view .simule-frete tamanho2 { margin-bottom: 5px; } .produto-view .simule-frete a { float: left; width: 100%; } .produto-view .simule-frete a:nth-of-type(1) { width: 51.5%; padding-left: 20px; } .produto-view .formas-frete { float: right; width: 100%; padding: 15px 0; border-top: 1px solid #a74141; } .produto-view .formas-frete .forma-pagamento { width: 85%; float: left; } .produto-view .formas-frete .forma-pagamento p { font-size: 1.3em; } .produto-view .formas-frete .forma-pagamento table { float: left; width: 100%; } .simule-frete .tamanho2 { margin-bottom: 5px; } .produto-view .formas-frete .forma-pagamento table tr td { font-weight: bold; font-size: 1.1em; } .produto-view .formas-frete .forma-pagamento table tr td span { color: #0c4772; } .produto-view .formas-frete .forma-pagamento table tr td:nth-of-type(2) { padding-left: 10px; } #cadastro fieldset { /*height: 116px;*/ } #cadastro fieldset ul li a { padding-top: 8px; } #cadastro fieldset ul li:nth-of-type(3) { position: relative; top: -12px; } .produto-view .formas-frete .forma-pagamento button { background-color: #195d9e; color: #f4f4f6; border: none; float: left; padding: 6px 17px; cursor: pointer; font-weight: bold; width: 35%; margin-top: 10px; margin-left: 0; } @-moz-document url-prefix() { .produto-view .formas-frete .forma-pagamento button { padding: 6px 3px; } } .visualizacao-botoes .comprar-produto { float: right; } .visualizacao-botoes-view { float: left; padding-top: 20px; /*width: 31.319444%;*/ width: 41.319444%; margin-right: 3%; } .visualizacao-botoes .condicoes { background-color: #195d9e; color: #f4f4f7; border: none; float: left; padding: 7px 17px 8px 17px; cursor: pointer; font-weight: bold; } .produto-direita-esq { float: left; width: 40%; margin-right: 0px; } .produto-miniaturas { float: left; width: 100%; padding: 12px 33px; margin-top: 2px; border: 1px solid #cccccc; background-color: #f4f4f8; position: relative; box-sizing: border-box; } .produto-miniaturas img { float: left; border: 1px solid #a74141; margin: 9px 9px 0 9px; cursor: pointer; margin-left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .outer-img { width: 100%; height: 350px; position: relative; } .outer-img img { max-height: 350px; position: relative; } .single-item { width: 100%; position: relative; } .single-item img { position: relative; } .outer-video { width: 100%; position: relative; } .outer-video video { position: relative; } .slides-numbers { color: #215898; display: none; font-size: 5px; font-weight: 10; right: 10px; position: absolute; top: 9px; } .active { color: #103d60; font-size: 20px; margin-right: -6px; } .total_nfotos { margin-left: 1px; font-size: 20px; } .produto-miniaturas .owl-buttons { position: absolute; top: 40px; left: 0; width: 100%; } .produto-miniaturas .owl-prev { right: calc(100% - 50px); position: absolute; margin: 0 !important; background: url('../img/esquerda.png') center no-repeat !important; color: transparent !important; padding: 0 !important; height: 20px; top: 40%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 10; } .produto-miniaturas .owl-next { right: 0; position: absolute; margin: 0 !important; background: url('../img/direita.png') center no-repeat !important; color: transparent !important; padding: 0 !important; height: 20px; top: 40%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } #tabs { margin-top: 20px; } #tabs .ui-tabs-nav { background-color: #195d9e; border: none; border: 1px solid #195d9e; } #tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, #tabs .ui-tabs-nav .ui-tabs-anchor { letter-spacing: 0; } #tabs p { letter-spacing: 0; font-size: 12px; margin-bottom: 0; } #comentario-formulario textarea { height: 100px; } #comentario-formulario form p { margin-bottom: 10px; } #comentario-formulario form { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #a74141; } #comentario-formulario form input[type="submit"] { background-color: #195d9e; color: #f4f4f9; border: none; float: right; border-radius: 3px; padding: 7px 17px 8px 17px; cursor: pointer; font-weight: bold; } #comentario-formulario .comentario-item { float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #a74141; } #comentario-formulario .comentario-item p.nome { font-weight: bold; font-family: 'OpenSans Semibold'; font-size: 1.5em; } #comentario-formulario .comentario-item p.data { font-size: 1.1em; line-height: 16px; } #comentario-formulario .comentario-item .classificacao { margin-bottom: 10px; margin-top: 10px; width: 100%; } #comentario-formulario .comentario-item .classificacao img { float: left; } #comentario-formulario .comentario-item .comentario-txt { font-family: 'OpenSans Semibolditalic'; letter-spacing: 0; font-size: 1.8em; } #relacionados, #tbm-comprou, #itens-relacionados { width: 90%; margin: 0 auto; } #relacionados .classificacao, #tbm-comprou .classificacao { width: 100% !important; margin-bottom: 0; } #relacionados .comentarios, #tbm-comprou .comentarios { float: left; width: 100%; text-align: center; } #relacionados .pronta-entrega, #tbm-comprou .pronta-entrega { width: 100%; text-align: center; } #seloEbit { float: left; margin-top: 18px; } /*==============COMEÇO LISTA DE ENDEREÇOS=======================*/ #cadastro fieldset, #avise-me fieldset { padding: 20px; border: 1px solid #dddddd; margin-bottom: 25px; font-size: 1.2em; } #cadastro fieldset table tbody tr:nth-of-type(1) td { background-color: #eaeaea; } #cadastro fieldset table tbody tr td { /*font-weight: 600;*/ font-size: 1em; /*padding-top: 9px;*/ /* padding-bottom: 13px;*/ padding: 8px; text-align: center; background-color: #f1f1f0; } .tabelahead { font-weight: bold; } .tabelatd9 { width: 9%; } button.btn_lce, .btn_tp { border: 0; background: transparent; padding: 0 10px; color: #195d9e !important; cursor: pointer; } button.btn_novolce { background-color: #215f9b; color: #f1f1f1 !important; border: none; float: right; border-radius: 3px; padding: 10px 20px; cursor: pointer; font-weight: bold; } .valor_color { color: #0c4773; font-weight: bold; } .total_valor { color: #f1f1f2; font-weight: bold; font-size: 1.5em; } /* #cadastro .conteudo-paginas fieldset .endereco-altera tbody tr:nth-of-type(1) td { border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; text-align: center; } #cadastro .conteudo-paginas fieldset .endereco-altera tbody tr:nth-of-type(1) td:nth-of-type(8){ border-right: none; } #cadastro .conteudo-paginas fieldset .endereco-altera tbody tr:nth-of-type(2){ text-align: center; } #cadastro .conteudo-paginas fieldset .endereco-altera tbody tr:nth-of-type(1) td:nth-of-type(1){ visibility: hidden; } #cadastro fieldset table tbody tr:nth-of-type(2) td { font-weight: normal; font-size: 1.20em; } #cadastro #formCadastroSenha fieldset { height: 74px; padding-top: 17px; }*/ #cadastro fieldset legend, #avise-me fieldset legend { background-color: #f1f1f3; padding: 2px 8px; border: 1px solid #a74141; font-size: 1.3em; color: #195d9e; } /* #cadastro .conteudo-paginas fieldset table.endereco-altera tbody tr:nth-of-type(2) > td { border-right: 1px solid #dddddd; } #cadastro .conteudo-paginas fieldset table.endereco-altera tbody tr:nth-of-type(2) td:nth-of-type(1) { border-right:none; } #cadastro .conteudo-paginas fieldset table.endereco-altera tbody tr:nth-of-type(2) td:nth-of-type(2) { border-right:none; } #cadastro .conteudo-paginas fieldset table.endereco-altera tbody tr:nth-of-type(2) td:nth-of-type(9) { border-right:none; } #cadastro .conteudo-paginas fieldset table.endereco-altera tbody tr:nth-of-type(3) td button { margin-top: 22px; margin-right: -14px; }*/ /*============ FINAL DA LISTA DE ENDEÇOS =======*/ /* #cadastro .conteudo-paginas fieldset table.telefone-cadastro tbody tr:nth-of-type(1) td { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; } #cadastro .conteudo-paginas fieldset table.telefone-cadastro tbody tr:nth-of-type(1) td:nth-of-type(1) { border-bottom: none; } #cadastro .conteudo-paginas fieldset table.telefone-cadastro tbody tr:nth-of-type(1) td:nth-of-type(5) { border-right: none; } #cadastro .conteudo-paginas fieldset table.telefone-cadastro tbody tr:nth-of-type(2) td:nth-of-type(6) { border-right: none; } #cadastro .conteudo-paginas fieldset table.telefone-cadastro tbody tr:nth-of-type(2) td:nth-of-type(1) { border-right: none; border-bottom: none; } #cadastro .conteudo-paginas fieldset table.telefone-cadastro tbody tr:nth-of-type(2) td:nth-of-type(2 ) { border-bottom: none; } #cadastro .conteudo-paginas fieldset table.telefone-cadastro tbody tr:nth-of-type(2) td { border-right: 1px solid #dddddd; text-align: center; } */ #addTelefones { background-color: #195d9e; color: #f1f1f4; border: none; float: left; border-radius: 3px; padding: 10px 17px; cursor: pointer; font-weight: bold; margin-top: 28px; margin-left: 1.5%; } /* #cadastro fieldset .tamanho5 { width: 24.3%; margin-left: 16px; } #cadastro fieldset .tamanho5 label { width: 100%; float: right; } */ #cadastro .conteudo-paginas #formCadastroTelefone fieldset .tamanho5 #dddddd { width: 14%; } #cadastro .conteudo-paginas #formCadastroTelefone fieldset .tamanho5 #telefone { width: 80%; float: right; } /* #cadastro #formCadastroTelefone fieldset .tamanho3 { width: 22.93%; } */ #cadastro .conteudo-paginas #formCadastroSenha fieldset .tamanho3 { width: 50%; float: left; padding: 0 15px; } /* #formAlteracaoCadastroCliente .tamanho3:nth-of-type(2) { width: 46.8%; padding-right: 37px; margin-top: 7px; } */ #formCadastroEmail .tamanho3 { margin-top: 10px; /* width: 47.2%; padding-right: 29px;*/ } /* #formCadastroEmail .tamanho3:nth-of-type(1){ padding-right: 17px; } */ /* #formAlteracaoCadastroCliente .tamanho3:nth-of-type(1) { width: 49.8%; margin-top: 7px; } */ #formCadastroSenha .tamanho3 { margin: 10px 0; } #formCadastroSenha .margem-centro { margin: 0 2.3%; } #cadastro fieldset table { width: 100%; } #cadastro fieldset table tbody tr { font-size: 1.2em; } /* #cadastro fieldset table tbody tr:nth-of-type(2) td:nth-of-type(1) { width:100%; float: left; } #cadastro fieldset table tbody tr:nth-of-type(3) td button { float: right; }*/ .botao-voltar { background-color: #195d9e; color: #f1f1f5; border: none; float: left !important; border-radius: 3px; padding: 10px 20px; cursor: pointer; font-weight: bold; } #cadastro input[type="submit"], #formEnderecoCliente input[type="submit"], #formAviseMe input[type='submit'], #formAviseMe input[type='reset'] { background-color: #195d9e; color: #f1f1f5; border: none; float: right; border-radius: 3px; padding: 10px 20px; cursor: pointer; font-weight: bold; } #formAviseMe input[type='submit'] { margin-top: 15px; } #formAviseMe input[type='reset'] { margin-top: 15px; margin-right: 15px; } #cadastro input[type="button"], #formEnderecoCliente input[type="button"] { background-color: #195d9e; color: #f1f1f6; border: none; float: right; border-radius: 3px; padding: 10px 20px; cursor: pointer; font-weight: bold; margin-right: 15px; } #cadastro fieldset ul li { font-size: 13px; margin: 5px 0; float: left; width: 33.3%; } #cadastro fieldset ul li a { color: #195d9e !important; font-size: 1.1em; } .fa-pencil:before { font-size: 1.3em; padding-right: 5px; } .fa-envelope:before { font-size: 1.1em; padding-right: 5px; } .fa-home:before { font-size: 1.3em; padding-right: 5px; } .fa-unlock:before { font-size: 1.3em; padding-right: 5px; } .fa-tag:before { font-size: 1.3em; padding-right: 5px; } #depoimentos .comentario-item { float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #a74141; } #depoimentos .comentario-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #depoimentos .comentario-item p.nome { font-weight: bold; font-family: 'OpenSans Semibold'; font-size: 15px; margin-bottom: 0; } #depoimentos .comentario-item p.data { font-size: 1.1em; line-height: 16px; margin-bottom: 0; } #depoimentos .comentario-item .classificacao { margin-bottom: 10px; margin-top: 10px; width: 100%; float: left; } #depoimentos .comentario-item .classificacao img { float: left; } #depoimentos .comentario-item .classificacao span { float: left; margin-left: 5px; margin-top: 2px; letter-spacing: 0; font-size: 1.2em; } #depoimentos .comentario-item .comentario-txt { font-family: 'OpenSans Semibolditalic'; letter-spacing: 0; font-size: 1.8em; } #depoimentos .comentario-item .comprou-txt { float: left; width: 100%; margin-top: 10px; font-size: 1.1em; letter-spacing: 0; } #depoimentos .comentario-item .comprou-txt a { color: #0000ff; } #como-comprar .como-comprar { float: left; margin-right: 20px; } #como-comprar p { font-size: 1.3em; letter-spacing: 0; } #como-comprar textarea { height: 100px; } #como-comprar form input[type="submit"] { background-color: #195d9e; color: #f1f1f7; border: none; float: right; padding: 6px 17px; cursor: pointer; font-weight: bold; } #como-comprar .formas-pagamento { float: left; width: 100%; height: auto !important; } #como-comprar .formas-pagamento .imagem-formas-pagamento { float: left; text-align: center; width: 90px; } #como-comprar .formas-pagamento .pagseguro-img { margin-top: 13px; } #como-comprar .formas-pagamento .boleto-img { margin-top: 18px; } #como-comprar .formas-pagamento .itau-img { margin-top: 8px; } #como-comprar .formas-pagamento .brasil-img { margin-top: 7px; } #como-comprar .formas-pagamento .caixa-img { margin-top: 7px; } #como-comprar .formas-pagamento .bradesco-img { margin-top: 6px; } #carrinho .tipo-frete th:first-child { width: 140px; } #carrinho .tipo-frete th:nth-child(2) { text-align: center; } .categorias-topo { float: right; margin-right: 20px; margin-top: 9px; } .categorias-topo a { color: #f1f1f8 !important; float: left; margin-left: 15px; font-size: 1.2em; letter-spacing: 0; font-family: 'OpenSans Semibold'; border-right: 1px solid #0c4774; padding-right: 15px; } .categorias-topo a img { float: left; margin-right: 5px; } .valores-div { float: left; position: relative; } .valores-div>* { margin-right: 15px; } .quantidade-produto { float: left; padding-top: 0px; margin: 0px; padding-left: 6%; } #carrinho .conteudo-paginas table tbody tr .centraliza-produto { text-align: center; } .quantidade-produto div { display: flex; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #b42d2d; background-color: #eb8333; position: relative; margin: 0 auto; float: left; text-align: center; clear: both; float: none; margin: 0 auto; } .quantidade-produto>span { float: left; width: 100%; text-align: left; font-size: 1.5em; padding-bottom: 5px; } .quantidade-produto>div>a { float: left; height: 64px; line-height: 64px; text-align: center; width: 70px; color: #141f2a; font-size: 1.25em; cursor: pointer; border: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quantidade-produto>div>a.disabled { color: #bebebe; /*cursor: default;*/ } .quantidade-produto>div>a:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15); box-shadow: 0 0 5px rgba(0, 0, 0, .15); } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { color: #9d9d5d; font-size: 2.2em; margin-left: 10px; } .fa { margin-top: 5px; } .quantidade-produto>div>a.disabled:hover { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); } .quantidade-produto input { font-size: 1.8em; width: 70px !important; border: 1px solid #d2d2d2; border-top: 0; border-bottom: 0; background-color: #f4f4f4; color: #0c4777; float: left; height: 64px; line-height: 64px; text-align: center; } .opcoes { float: left; padding-bottom: 8px; border-bottom: 1px solid #a74141; padding: 8px 0; } .opcoes .opcao { width: 100%; float: left; margin-bottom: 8px; } .opcoes .opcao:last-child { margin-bottom: 0; } .opcoes .opcao label:first-child() { width: 100px; clear: both; letter-spacing: 0; margin-top: 2px; } .opcoes .opcao label { width: auto; margin-right: 10px; line-height: 20px; float: left; letter-spacing: 0; font-size: 1.2em; } .opcoes .opcao select { border: 1px solid #cccccc; padding: 1px 5px; background-color: #5d5d16; box-sizing: border-box; border-radius: 3px; font-size: 1.5em; } .opcoes .opcao .radio { float: left; margin-right: 20px; margin-top: 2px; letter-spacing: 0; } .opcoes .opcao .radio input[type="radio"] { float: left; margin-top: 2px; margin-right: 5px; } .botoes-comprar { float: right; width: 480px; margin-right: 12px; } .produto-imagem-categoria { float: right; border-left: 1px solid #a74141; padding-left: 30px; } #topo-fixo { width: 100%; position: fixed; z-index: 999; display: none; padding-bottom: 0; height: 60px; } .conteudo-direita-produto { float: left; padding-left: 3%; width: 60%; } .zoomWrapper { width: 100% !important; } #topo-fixo .fundo-azul { float: left; width: 100%; height: 60px; background-color: #f7f7f7; } #topo-fixo .logo { float: left; width: 13.91304347826087%; margin-top: 10px; } #topo-fixo .topo-busca { float: left; margin-left: 35px; width: 39.1304347826087%; } #topo-fixo .pesquisa-topo { top: 65px; } #topo-fixo form input[type="search"], #topo-fixo form input[type="text"] { width: 87.77777777777778%; margin-top: 10px; border: none; padding: 9px; box-sizing: border-box; font-family: 'OpenSans Regular'; font-size: 1.6em; color: #b72828; border-radius: 6px 0 0 6px; float: left; } #topo-fixo form input[type="submit"] { float: left; margin-top: 10px; border: none; width: 12.22222222222222%; height: 40px; border-radius: 0 6px 6px 0; cursor: pointer; background: url('../img/busca.png') #f9a832 center no-repeat; } #topo-fixo .links { float: right; margin-top: 10px; width: 19.1304347826087%; } #topo-fixo .links a { color: #868622; float: left; width: 100%; } #topo-fixo .links a:first-child { margin-bottom: 5px; margin-left: 3px; margin-right: 8px; font-size: 1.2em; } #topo-fixo .links a img { float: left; margin-right: 5px; height: 16px; } #topo-fixo .central-atendimento { float: left; margin-left: 35px; margin-top: 6px; width: 16.95652173913043%; color: #32320a; } #topo-fixo .central-atendimento img { float: left; margin-right: 10px; height: 35px; margin-top: 6px; } #topo-fixo .central-atendimento p { letter-spacing: 0; font-size: 1.4em; margin-top: 2px; } #topo-fixo .central-atendimento p:last-child { font-size: 1.2em; line-height: 100%; } #topo-fixo .central-atendimento p span { font-weight: bold; font-size: 1.5em; } #topo-fixo .header-baixo { float: left; width: 100%; border-top: 3px solid #f59607; background-color: #195d9e; position: absolute; z-index: -1; top: 100%; } #topo-fixo .header-baixo .conteudo-centro .categorias>ul>li { float: left; text-align: center; height: 60px; width: 10.5%; border-right: 1px solid #165598; border-left: 1px solid #2165a4; transition: all 0.4s ease; position: relative; } #topo-fixo .header-baixo .conteudo-centro .categorias>ul>li:hover { background-color: #f9a831; } #topo-fixo .header-baixo ul li .li-hover { display: none; position: absolute; color: #0c4774; top: 50px; padding-top: 15px; z-index: 999; left: 0px; } #cadastro fieldset ul li:nth-of-type(3) a { float: right; } #topo-fixo .header-baixo ul li .li-hover .triangulo-branco { border-top: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #c6d01b; left: 50px; position: absolute; top: -5px; z-index: 10; } .li-hover-direita { right: 0; left: inherit !important; } #topo-fixo .header-baixo ul li .li-hover-direita .triangulo-branco { right: 48px; left: inherit; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco { background-color: #0c0c44; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4); box-shadow: 0 0 8px rgba(0, 0, 0, .4); position: relative; padding: 20px; width: 525px; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco .produto-imagem-categoria { width: 200px; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco .comprar-produto { padding-top: 5px; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco .item-produto a.titulo-produto { color: #0c4774 !important; font-size: 12px; } @-moz-document url-prefix() { #topo-fixo .header-baixo ul li .li-hover .li-hover-branco .item-produto a.titulo-produto { font-weight: normal; } } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li { text-align: left; height: 33px; line-height: 33px; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li a:before { background-color: #f9a829; margin-right: 17px; content: " "; display: block; width: 14px; height: 14px; margin-top: 7.5px; float: left; left: 8px; position: relative; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li:hover { background-color: #f9a828; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li:hover a:before { background-color: #272786; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li:hover a { color: #131384 !important; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li a { color: #195d9e !important; font-size: 1.6em; padding-right: 17px; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco .menu1, #topo-fixo .header-baixo ul li .li-hover .li-hover-branco .menu2 { float: left; } #topo-fixo .header-baixo .conteudo-centro .categorias>ul>li:hover .li-hover { display: block; } #topo-fixo .header-baixo ul li:last-child { border-right: none; } #topo-fixo .header-baixo .conteudo-centro .categorias>ul>li:last-child { background-color: #f9a827; } #topo-fixo .header-baixo ul li a { color: #171735; font-size: 1.3em; line-height: 17px; } #topo-fixo .header-baixo ul li img { margin-top: 5px; } .fa-mobile-phone:before, .fa-mobile:before { font-size: 1.6em; padding-right: 5px; position: relative; top: 3px; } .todos-departamentos a p, .todos-departamentos a img { font-size: inherit; margin-top: 0 !important; line-height: 15px; } #topo-fixo .header-baixo .conteudo-centro .categorias>ul { float: left; width: 100%; position: relative; } #topo-fixo .header-baixo .conteudo-centro .categorias>ul li.todos-departamentos { width: 16%; text-align: left; background-color: #f9a833; position: static; border-right: none; border-left: none; } #topo-fixo .header-baixo ul li.todos-departamentos img { float: left; margin-right: 5%; } #topo-fixo .header-baixo ul li.todos-departamentos>a { margin-left: 8%; margin-top: 12px; float: left; } #lista-produtos .titulo-produto { height: auto; width: 100%; } .conteudo-direita-produto>* { width: 100%; } .visualizar-forma-pagamento { margin-top: 0; } .visualizar-forma-pagamento .formas-pagamento { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; } .paginacao { float: left; width: 100%; text-align: center; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .paginacao a { display: inline-block; border: 1px solid #cccccc; padding: 2px 7px; background-color: #efefef; margin: 0 3px; opacity: 0.5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .paginacao a[href] { opacity: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .paginacao a.ativo { color: #195d9e; background-color: #dfdfdf; opacity: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #topo-fixo .carrinho-num { background-color: #eb8331; border-radius: 100%; color: #f6f6f0; font-family: 'OpenSans Semibold'; width: 20px; height: 20px; text-align: center; padding-top: 1px; box-sizing: border-box; display: inline-block; } .login-div { position: relative; } .login-div .login-infos { padding-top: 11px; position: absolute; top: 0; z-index: 10; display: none; width: 135px; transition: all 0.4s ease; } .login-div:hover .login-infos { display: block; } .login-infos .login-infos2 { padding-top: 35px; transition: all 0.4s ease; opacity: 0; } .login-infos:hover .login-infos2 { float: left; width: 100%; padding-top: 16px; opacity: 1; } .login-div .login-infos ul { margin-top: 0 !important; background-color: #f6f6f1; width: 100%; float: left; margin-top: 20px; border-radius: 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4); box-shadow: 0 0 8px rgba(0, 0, 0, .4); padding: 10px; box-sizing: border-box; } .conteudo_item img { display: block; } .filtro-responsivo { background-color: #f7f7f7; padding: 3px 10px 7px 0px; cursor: pointer; margin-left: 10px !important; display: none; } .filtro-responsivo p { margin: 0 !important; line-height: 100% !important; color: #f6f6f2; } .filtro-responsivo p i { font-size: 0.7em; margin: 0; margin-right: 10px; position: relative; top: 2px; } #filtro-menu { position: fixed; right: -300px; top: 0; bottom: 0; width: 300px; z-index: 10; background-color: #f6f6f3; padding: 20px; display: none; box-shadow: 0px 5px 9px #908E8E; } #filtro-menu.open { display: block; } #filtro-menu .menu-titulo { text-align: left; font-size: 2em; padding: 0px 10px 10px 10px; border-bottom: 1px solid #dddddd; margin-bottom: 10px; } #filtro-menu .menu-titulo i { float: right; font-size: 0.8em; position: relative; top: -3px; color: #8e0b84; cursor: pointer; } #filtro-menu .metismenu .pai>p { background-color: #eaeaea; padding: 5px 10px; font-family: 'Opensans semibold'; color: #195d9e; } #filtro-menu .metismenu .pai>p a { color: inherit; } #filtro-menu .metismenu { margin-bottom: 10px; } #filtro-menu .metismenu .filho { padding: 10px; border-bottom: 1px solid #dddddd; font-size: 1.2em; color: #195d9e; } #filtro-menu .metismenu .filho.itemCor { float: left; border: 0; padding: 10px 0 0 10px; } #filtro-menu .metismenu .filho.itemCor span { margin: 0 !important; padding: 0 !important; } #filtro-menu .corPadding { padding: 0; } #filtro-menu .ps-scrollbar-y-rail { opacity: 0.8 !important; } #filtro-menu .metismenu .filho a { color: inherit; } #filtro-menu .metismenu .filho2 { padding-left: 20px; } #filtro-menu .metismenu li.pai>p a.dropdown { margin-right: 10px; cursor: pointer; } #filtro-menu .metismenu li.pai>p a.dropdown:before { color: #f9a834; font-size: 16px; font-weight: bold; } #filtro-menu .metismenu li.pai>p a.dropdown.fechado:before { content: '+'; } #filtro-menu .metismenu li.pai>p a.dropdown.aberto:before { content: '-'; } html.filtro-openning #filtro-menu { right: 0; transition: 0.3s ease; } html.filtro-openning body { overflow: hidden; } html.filtro-openning #mm-blocker { display: block; background: transparent !important; } html.filtro-openning .mm-slideout { webkit-transform: translate(-300px, 0); -moz-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); -o-transform: translate(-300px, 0); transform: translate(-300px, 0); } .login-div .login-infos ul li { width: 100%; margin-right: 0 !important; border-right: none !important; padding-right: 0 !important; } .login-div .login-infos ul li a { transition: all 0.4s ease; } .login-div .login-infos ul li a:hover { color: #f9a835 !important; } .login-div .login-infos .triangulo { position: absolute; top: 14px; left: 25px; border-top: 5px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #f6f6f5; transition: all 0.4s ease; padding-top: 20px; } .login-infos .login-infos2 ul { width: 100%; } .login-div .login-infos:hover .triangulo { padding-top: 0; } .login-div .login-infos ul li a { color: #195d9e !important; font-size: 14px !important; font-family: 'OpenSans Regular' !important; } .li-hover-branco .item-produto { width: 100%; } .saudacao { letter-spacing: 0; position: absolute; right: 0; top: 10px; } .saudacao span { font-weight: bold; } .avise-me { opacity: 0.7; background: url('../img/avise-me.png') #F12D29 no-repeat; background-position-y: center; background-position-x: 7%; background-size: 30px; display: flex; align-items: center; justify-content: center; width: 100%; color: #fffff8 !important; font-size: 1.4em !important; letter-spacing: 0; height: 32px; text-align: center; padding: 3px 3px 3px 28px; transition: all 0.4s ease; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .avise-me:hover { background-color: #0c4773; } .captcha-div { margin-top: 10px; border: 1px solid #cccccc; padding: 5px; } .captcha-div img { margin-top: 10px; float: left; } .captcha-div .tamanho2 { margin-top: 20px; margin-left: 15px; } .comentario-fazer { float: left; width: 100%; margin-bottom: 20px; padding: 20px; box-sizing: border-box; background-color: #eeeeee; border: 1px solid #a74141; text-align: center; } .comentario-fazer a { letter-spacing: 0; font-size: 1.2em; } .comentario-fazer a span { color: #0000ff; } .produto-foto { float: left; border: 1px solid #a74141; margin-right: 20px; } .produto-foto img { float: left; } .produto-media { float: left; width: 778px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #a74141; } .produto-classifique p { margin-bottom: 0; letter-spacing: 0; font-size: 12px; line-height: 16px; } .produto-classifique .avaliacao { float: left; width: 778px; } .produto-classifique textarea { height: 49px; } .produto-avaliacao p { font-size: 12px; } .avaliacao .tamanho { margin-top: 10px; } .avaliacao .tamanho input[type="text"] { margin-bottom: 0; } .avaliacao input[type="submit"] { float: right; background-color: #195d9e; border: none; padding: 5px 40px; color: #f6f6f6; cursor: pointer; border-radius: 5px; font-family: 'OpenSans Semibold'; transition: all 0.4s ease; margin-left: 20px; } .avaliacao-texto { margin-top: 20px; } .avaliacao-texto p { font-size: 12px; line-height: 18px; margin-bottom: 0; letter-spacing: 0; } .avaliacao-texto .avaliacao-titulo { font-weight: bold; } .btn-ver-comentarios { float: right; color: #f6f6f7 !important; background-color: #195d9e; padding: 7px 25px; border-radius: 0px; letter-spacing: 0; } .total-comentarios { float: left; margin-top: 5px; } .vermelho-negrito { color: #0c4773; font-weight: bold; } #carrinho .conteudo-paginas>table>tfoot>tr:nth-of-type(2)>td:nth-of-type(2)>table { float: right; } #comentario-formulario h3 { margin-top: 20px; padding-top: 20px; border-top: 1px solid #a74141; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #a74141; letter-spacing: 0; font-size: 22px; } #comentario-formulario p { margin-bottom: 0; } .endereco-entrega th { text-align: center !important; } .endereco-entrega tbody tr { cursor: pointer; } .cupom-desconto p a { color: #0000ff; } .novo-endereco-pag h3 { margin-bottom: 20px; letter-spacing: 0; font-size: 27px; font-family: 'OpenSans Light'; color: #0c4774; border-bottom: 1px solid #a74141; } .novo-endereco-pag input[type="submit"] { float: right; background-color: #195d9e; border: none; padding: 5px 40px; color: #f6f6f8; cursor: pointer; border-radius: 5px; font-family: 'OpenSans Semibold'; transition: all 0.4s ease; margin-right: 14px; } .novo-endereco-pag input[type="submit"]:hover { background-color: #f59607; } #resumo-pedido table { width: 100%; float: left; text-align: center; margin-bottom: 20px; } #resumo-pedido table th, #resumo-pedido table td { padding: 8px; border-collapse: collapse; vertical-align: middle; letter-spacing: 0; font-size: 1.5em; } #resumo-pedido .progress .title { font-size: 1.2em; padding-bottom: 15px; padding-top: 10px; position: absolute; width: 100%; } .novo-endereco-pag { width: 100%; float: right; margin: 0 auto; } .novo-endereco-pag .breadcrumb ul { padding-left: 10px; } .novo-endereco-pag h1 { padding-left: 10px; padding-bottom: 10px; } .novo-endereco-pag .tamanho2.margem-esquerda { margin-left: 1%; } .tamanho2 { margin-left: 0px; } #resumo-pedido table th { background-color: #eaeaea; text-align: center; } #resumo-pedido table td { text-align: center; background-color: #f6f6f9; font-size: 1.4em; } #resumo-pedido table tfoot td { background-color: #195d9e; font-weight: bold; } #resumo-pedido table tfoot td:first-child { text-align: right; } #resumo-pedido table tfoot td:last-child { font-weight: bold; font-size: 20px; color: #f7f7f0; } #resumo-pedido .formas-pagamento { float: left; width: 100%; height: auto !important; padding: 10px; box-sizing: border-box; border: 1px solid #cccccc; background-color: #f9f9f9; margin-bottom: 20px; } #resumo-pedido .formas-pagamento h3 { margin-bottom: 0; } #resumo-pedido .formas-pagamento .imagem-formas-pagamento { float: left; text-align: center; } #resumo-pedido .formas-pagamento .caixa-img { margin-right: 10px; margin-top: 14px; } #resumo-pedido .formas-pagamento .caixa-img img { float: left; } #resumo-pedido .formas-pagamento .bradesco-img { margin-top: 6px; } #resumo-pedido p { letter-spacing: 0; line-height: 18px; margin-bottom: 0; float: left; font-size: 1.2em; } .acompanhar-pedido { float: left; width: 100%; border: 1px solid #cccccc; background-color: #f7f7f2; margin-top: 20px; text-align: center; letter-spacing: 0; padding: 10px; box-sizing: border-box; } .acompanhar-pedido a { color: #0000ff; } .time-line { width: 100%; padding: 30px 20px 50px 20px; margin-bottom: 30px; background-color: #f7f7f3; } .D-pedido { background-color: #f7f7f4; padding: 5px; } table.D-pedido tfoot tr td { background-color: #eaeaea !important; color: #0f2737 !important; font-size: 1.5em !important; } /*set a border on the images to prevent shifting*/ #gallery_01 img { border: 2px solid white; } /*Change the colour*/ .active img { border: 2px solid #333333 !important; } .informacoes-produto { width: 100%; margin-top: 2em; } .informacoes-produto>div>h3 { border-bottom: 1px solid #a74141; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; font-size: 25px; color: #eb8330; } .informacoes-produto>div>h2>div { border-bottom: 1px solid #a74141; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; font-size: 25px; color: #eb8330; } .detalhes-produto-descricao { font-size: 1.8em; color: #0c4779 } .informacoes-produto>div { margin-bottom: 2em; } .informacoes-produto>div>#produto-videos { text-align: center; } .informacoes-produto>div>#produto-videos>iframe { margin: 0 auto; } .categorias ul li .produto-imagem-categoria .item-produto .comprar-produto { width: 100% !important; } .categoria-produto>.banner-categoria-produto { margin-bottom: 1em; border-bottom: 1px solid #cccccc; margin-top: 2em; } .descricoes-produto { font-size: 1.3em; font-weight: bold; line-height: 32px; } .span-especificacoes-produto { font-size: 1.0em; font-weight: normal; } .span-especificacoes-produto a { font-size: 1.0em; text-decoration: underline; font-weight: normal; } .descricao-categoria-produto { margin-top: 3px; } .descricao-categoria-produto p { font-size: 13px; } .descricao-categoria-produto a { font-size: 13px; } .descricao-categoria-produto a { font-weight: bold; } .descricao-marca { margin-top: 0em; } .descricao-marca p { font-size: 13px; margin-top: 1em; } .produto-view>.compre-junto { width: 100%; float: left; background-color: #f7f7f5; } .produto-view>.compre-junto>h2 { background-color: #195d9e; color: #f7f7f6; font-weight: normal; box-sizing: border-box; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 2.0em; margin-bottom: 0; } .produto-view>.compre-junto>div { float: left; width: 100%; padding: 1%; display: flex; } .produto-view .compre-junto>div>div { float: left; } .produto-view>.compre-junto>div>.produto-atual { width: 40%; position: relative; padding-right: 10%; } .produto-view>.compre-junto>div>.produto-atual>p { width: 70%; } .produto-view>.compre-junto>div>.produto-atual>img { width: 60%; } .produto-view>.compre-junto>div>.produto-atual>.icon-comprejunto { background: url('../img/comprejunto.png') no-repeat; height: 47px; position: absolute; right: 37px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 45px; } .produto-view>.compre-junto>div>.itens-comprejunto { width: 40%; } .produto-view>.compre-junto>div>.itens-comprejunto>.item-comprejunto { float: left; border-bottom: 1px solid #dddddd; padding: 10px 0; } .produto-view>.compre-junto>div>.itens-comprejunto>.item-comprejunto:first-child { padding-top: 0; } .produto-view>.compre-junto>div>.itens-comprejunto>.item-comprejunto:last-child { border-bottom: 0; padding-bottom: 0; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>a { float: left; width: 25%; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>.informacoes-item-comprejunto { float: left; width: 75%; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>.informacoes-item-comprejunto>.titulo-produto { color: #0c4774; font-weight: normal; width: 100%; font-size: 1.4em; margin-bottom: 10px; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>.informacoes-item-comprejunto>.valor { font-size: 1.2em; float: left; width: 100%; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>.informacoes-item-comprejunto>.valor>.preco-antigo { text-decoration: line-through; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>.informacoes-item-comprejunto>.valor>.preco-novo { font-weight: bold; font-size: 1.3em; color: #0c4777; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>.informacoes-item-comprejunto>.checkbox-comprejunto { color: #eb8330; float: left; font-weight: bold; font-size: 1.2em; } .produto-view .compre-junto>div>.itens-comprejunto>.item-comprejunto>.informacoes-item-comprejunto>.checkbox-comprejunto>input[type=checkbox] { margin-right: 5px; } .produto-view>.compre-junto>div>.valores-comprejunto { width: 18%; padding: 0 0 0 10px; float: right; } .produto-view>.compre-junto>div>.valores-comprejunto>p { color: #0c4777; } .produto-view>.compre-junto>div>.valores-comprejunto>p:nth-of-type(2) { color: #eb8330; font-weight: bold; font-size: 1.8em; } .textoAvisoRestricaoFrete { color: white; background-color: #0c4773; font-size: 17px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; font-weight: normal; border: 0px; vertical-align: middle; padding: 1px; } #divLoadingCenter { width: 172px; height: 172px; position: fixed; top: 50%; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); z-index: 1000; display: none; background-image: url('../img/loading.gif'); background-repeat: no-repeat; } section#carrinho>.conteudo-centro>.conteudo-paginas>h1 { margin: 35px 0 20px 0; border-bottom: 0; } section#carrinho>.conteudo-centro>.conteudo-paginas a { color: #2165a4; } section#carrinho>.conteudo-centro>.conteudo-paginas>.acoes-carrinho { float: right; padding: 2em 0; width: 100%; } section#carrinho>.conteudo-centro>.conteudo-paginas>.acoes-carrinho>a#continuar-comprando { color: #f7f7f8; float: right; border: none; width: auto; padding: 9px; font-size: 1.3em; text-align: center; margin-right: 30px; background-color: #2165a4; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: 44px; display: flex; align-items: center; justify-content: center; font-weight: bold; } section#carrinho>.conteudo-centro>.conteudo-paginas>.acoes-carrinho>a.finalizar { float: right; border: none; width: 20%; padding: 6px 0; font-weight: bold; color: #f8f8f0; font-size: 1.8em; background-color: #0c4774; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: 44px; display: flex; align-items: center; justify-content: center; } section#carrinho>.conteudo-centro>.conteudo-paginas>.acoes-carrinho>a.finalizar:hover { background-color: #eb8330; } #metodo-pagamento .conteudo-esquerda article:nth-of-type(2) .botao-entrega a.prosseguir { width: 35%; font-size: 1.4em; margin-right: 10px; } #confirmacao-pedido .prosseguir { margin-left: 10px; } #txt-forma-entrega { font-size: 1.4em; color: #0c4777; } #metodo-pagamento .conteudo-esquerda article:nth-of-type(3) .botao-entrega a.prosseguir { width: 50%; font-size: 1.4em; margin-right: 10px; } #metodo-pagamento .conteudo-esquerda { float: left; width: 49%; padding-right: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #metodo-pagamento .conteudo-paginas .conteudo-direita .fundo-metodopagamento li:nth-of-type(4) { font-weight: 600; font-size: 1.5em; } #avise-me .conteudo-esquerda { float: left; width: 200px; padding-right: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #avise-me .conteudo-direita { float: right; padding-left: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #avise-me .conteudo-direita a { font-size: 18px; } #metodo-pagamento .conteudo-direita { float: right; width: 49%; padding-left: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #metodo-pagamento h1 { margin: 35px 0 20px 0; } #metodo-pagamento article { width: 100%; background-color: #f8f8f1; margin-bottom: 2em; padding-bottom: 10px; float: left; } #metodo-pagamento article>h2 { font-size: 16px; background-color: #195d9e; color: #f8f8f2; font-weight: normal; box-sizing: border-box; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0; } #metodo-pagamento article p { color: #0c4777; line-height: 25px; } #metodo-pagamento .conteudo-esquerda article table { width: 100%; border-spacing: 0; border-collapse: collapse; } #metodo-pagamento .conteudo-esquerda article table tr { margin-bottom: 2em; background-color: #f8f8f3; border-top: 1px solid #dddddd; } #metodo-pagamento .conteudo-esquerda article table tr:first-child { border-top: 0; } #metodo-pagamento .conteudo-esquerda article table tr td { text-align: center; font-size: 14px; color: #0c4777; padding: 10px 0 10px 0; } #metodo-pagamento .conteudo-esquerda article table tr td img { height: 80px; } #metodo-pagamento .conteudo-esquerda article table tr td:nth-of-type(2) { width: 45%; text-align: left; line-height: 25px; } #metodo-pagamento .conteudo-esquerda article table tr td a { color: #0c4777; font-size: 14px; font-weight: normal; } #metodo-pagamento .conteudo-esquerda .botao-entrega { /* margin-top: -50px;*/ } ul#formaspagamento { padding: 20px; } #metodo-pagamento .conteudo-direita>ul { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2em; padding: 0px 20px 0px 20px; } #metodo-pagamento .conteudo-paginas .conteudo-direita #formaspagamento li:nth-of-type(1) { /* padding-top: 30px;*/ } #metodo-pagamento .conteudo-direita ul li { float: left; width: 100%; font-size: 14px; color: #0c4777; margin-bottom: 0.5em; padding: 2px 0 2px 0; } .fundo-metodopagamento { padding: 25px 20px; } #metodo-pagamento .conteudo-direita ul li span { color: #0c4773; float: right; font-size: 1.1em; } #metodo-pagamento .conteudo-direita article { border-bottom: 1px solid #dddddd; } #metodo-pagamento .conteudo-direita article>ul>li { width: 100%; float: left; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f8f8f4; border-bottom: 1px solid #f4f4f4; margin: 0; } #metodo-pagamento .conteudo-direita article ul li input[type=radio] { margin-right: 10px; } #metodo-pagamento .conteudo-direita article ul li div { width: 100%; margin-top: 1em; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } #metodo-pagamento .conteudo-direita article ul li ul li div img { float: left; padding-right: 5px; } #metodo-pagamento .conteudo-direita .active img { border: none !important; } #metodo-pagamento .conteudo-direita article ul li ul li div span { font-size: 12px; float: left; color: #0c4777; } #metodo-pagamento .conteudo-direita article ul li ul li div p { font-size: 12px; float: left; line-height: 18px; padding-left: 10px; width: 80%; } .pesquisa-produto { width: 100%; border: 1px solid #f9a836; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 20px 50px; background: url('../img/pesquisa-produto.png') #eb8334 center no-repeat; background-size: 24px 28px; background-position: 10px; margin-bottom: 1em !important; line-height: 24px; font-size: 1.8em !important; } #meu-carrinho { background: url('../img/carrinho-vazio.png') #043232 left no-repeat; background-size: 25px 22px; background-position: 10px; background-color: #043232; } .pesquisa-produto span { font-size: 16px !important; } .pesquisa-produto span:nth-of-type(2) { font-size: 12px !important; color: #0c4774; } .btn-selecionar { float: center; border: none; padding: 5px 10px; font-weight: bold; color: #f8f8f5 !important; font-size: 14px; background-color: #f9a837; text-align: center; width: 99%; } .voltar { float: right; border: none; padding: 10px 10px; font-weight: normal; font-family: 'Opensans Semibold'; color: #f8f8f6 !important; font-size: 18px; background-color: #0c4777; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .voltar:hover { background-color: #0a588a; } .prosseguir { float: right; border: none; padding: 10px 10px; font-weight: normal; font-family: 'Opensans Semibold'; color: #f8f8f7 !important; font-size: 18px; background-color: #0c4771; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .prosseguir-menor { float: right; border: none; padding: 5px 10px; font-weight: normal; color: #f8f8f8 !important; font-size: 12px; background-color: #0c4774; text-align: center; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .prosseguir-menor a { color: #f8f8f9; } .prosseguir-menor:hover { background-color: #eb8330; } button.prosseguir:hover { cursor: pointer; } .prosseguir:hover { background-color: #eb8330; } .tarja-produtos { position: absolute; bottom: 0; left: 0; color: #f9f9f0; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 3; text-align: center; padding-right: 10px; font-size: 1.0em; } .tarja-produtos:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #eb8334; padding-right: 9px; } .tarja-novidades { background-color: #195d9c; } .tarja-promocao { background-color: #0c4773; } .tarja-desconto { background-color: #f9a833; top: 0; bottom: 222px; right: 0; left: 55%; color: #0c4774; font-weight: bold; padding-right: 0px; } .tarja-desconto:before { content: ""; display: inline-block; vertical-align: middle; border-top: 10px solid #0c4773; border-left: 5px solid transparent; border-right: 5px solid transparent; padding-right: 0px; } .tarja-black-friday-grande { background-color: black; transform: rotate(324deg); -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -o-transform: rotate(324deg); -ms-transform: rotate(324deg); top: 50px; left: -42px; bottom: initial; padding: 0; width: 246px; font-size: 1.8em; } .tarja-black-friday-pequeno { background-color: black; transform: rotate(324deg); -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -o-transform: rotate(324deg); -ms-transform: rotate(324deg); top: 25px; left: -59px; bottom: initial; padding: 0; width: 180px; font-size: 1em; } .tarja-frete-gratis-pequeno { background-color: #0c4773; bottom: 0px; padding: 0; width: 113px; font-size: 1em; } .tarja-frete-gratis-grande { background-color: #0c4773; top: 0px; bottom: initial; padding: 0; width: 129px; font-size: 1.2em; } .tarja-esgotado { background-color: #0c4777; transform: rotate(324deg); -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -o-transform: rotate(324deg); -ms-transform: rotate(324deg); top: 23px; left: -66px; bottom: initial; padding: 0; width: 211px; } .tarja-esgotado:before { border-color: #0c4777; padding: 0; } .img-produto-home { position: relative; overflow: hidden; } .comentarios { background-color: #f9f9f1; } .comentarios h2 { background-color: #195d9e; color: #f9f9f2; font-weight: normal; box-sizing: border-box; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 2.0em; margin-bottom: 20px; } .comentario-item { margin: 0 10px 20px 10px; width: 98% !important; } .comentario-fazer { margin: 0 10px 20px 10px; width: 98%; } .total-comentarios { margin: 0 10px; } #institucional-home { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #institucional-home p { color: #0c4774; font-size: 1.4em; } .numeropedido { float: left; border: none; width: 40%; padding: 6px 0; font-weight: bold; color: #f9f9f3; font-size: 18px; background-color: #0c4773; text-align: center; margin: 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .consulta-frete { background-color: #f9f9f4; float: left; width: 95%; min-height: 180px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; right: 0; top: 76%; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4); box-shadow: 0 0 8px rgba(0, 0, 0, .4); z-index: 1; display: none; } .apear-responsivo { display: none !important; } .consulta-frete .icon-fechar { background-image: url('../img/close.png'); position: absolute; top: 7px; right: 7px; width: 22px; height: 21px; background-size: 22px 21px; cursor: pointer; } .consulta-frete #resultado_consulta_frete { margin: 0 auto; } .consulta-frete>#resultado_consulta_frete>table { width: 100%; margin-bottom: 20px; } .consulta-frete>#resultado_consulta_frete>table:nth-of-type(1) tr td { font-size: 20px; font-weight: 300; color: #0c4777; } .consulta-frete>#resultado_consulta_frete>table:nth-of-type(2) { border-spacing: 0; border-collapse: collapse; color: #0c4777; } .consulta-frete>#resultado_consulta_frete>table:nth-of-type(2) thead tr th { border-top: 0 none; font-weight: 600; padding: 6px 0; vertical-align: middle; text-align: left; background-color: #f9f9f9; } .consulta-frete>#resultado_consulta_frete>table:nth-of-type(2) tbody tr td { border-top: 1px solid #dddddd; vertical-align: middle; font-weight: 400; text-align: left; padding: 6px 0; } .consulta-frete>#resultado_consulta_frete>table:nth-of-type(2) tbody tr td:nth-of-type(1), .consulta-frete>#resultado_consulta_frete>table:nth-of-type(2) thead tr th:nth-of-type(1) { padding-left: 6px; } .topo-busca .pesquisa-topo { background-color: #f9f9f5; float: left; width: 450px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 0px; top: 88px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4); box-shadow: 0 0 8px rgba(0, 0, 0, .4); z-index: 999999; display: none; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .topo-busca .triangulo { position: absolute; top: -15px; content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-bottom: 15px solid #195d9e; border-left: 15px solid transparent; border-right: 15px solid transparent; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .pesquisa-topo #resultado-pesquisa-topo { float: left; width: 100%; } .pesquisa-topo #resultado-pesquisa-topo>p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; width: 100%; float: left; background-color: #195d9e; font-size: 1.4em; cursor: pointer; color: #f9f9f6; } .pesquisa-topo #resultado-pesquisa-topo a { color: #f9f9f7; } .pesquisa-topo #resultado-pesquisa-topo ul { float: left; width: 100%; } .pesquisa-topo #resultado-pesquisa-topo ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px; border-bottom: 1px solid #dddddd; width: 100%; float: left; color: #195d9e; font-size: 1.2em; cursor: pointer; display: flex; } .pesquisa-topo #resultado-pesquisa-topo ul li.naoencontrado { cursor: initial; } .pesquisa-topo #resultado-pesquisa-topo ul li.naoencontrado:hover { background-color: initial; } .pesquisa-topo #resultado-pesquisa-topo ul li p { padding: 0 10px; font-size: 1em; } .pesquisa-topo #resultado-pesquisa-topo ul li:hover { background-color: #f4f4f4; } .pesquisa-topo #resultado-pesquisa-topo ul li span { white-space: nowrap; } .pesquisa-topo #resultado-pesquisa-topo ul:nth-of-type(2) li { padding: 5px 10px; border-bottom: 1px solid #195d9e; } .pesquisa-topo #resultado-pesquisa-topo ul:nth-of-type(2) li img { float: left; margin-right: 10px; } .pesquisa-topo #resultado-pesquisa-topo ul:nth-of-type(2) li span { font-size: 14px; color: #0c4773; } #menu-responsivo { display: none; width: 40px; height: 40px; } .mm-listview { width: 100% !important; } /* Me Cadastrar */ /*primeiro fildset*/ #formCadastroCliente fieldset:nth-of-type(1) .tamanho3 { width: 23%; float: left; margin: 0 19px 0 0; } #formCadastroCliente fieldset:nth-of-type(1) .tamanho4 { margin: 0 19px 0 0; width: 24.43%; } #formCadastroCliente fieldset:nth-of-type(1) .tamanho4:last-of-type { margin: 0; } /* segundo fildset #formCadastroCliente fieldset:nth-of-type(2) .tamanho3 { width: 20.93%; float: left; } */ #formCadastroCliente fieldset:nth-of-type(2) { height: auto; } #formCadastroCliente fieldset .tamanho5 { margin: 0 10px 0 0px; } .cadcontato { width: 38%; } /* #formCadastroCliente fieldset:nth-of-type(2) .tamanho3 { margin: 0 10px 0 0px; } */ /* #formCadastroCliente fieldset:nth-of-type(2) #dddddd { width: 20%; margin: 0 7px 0px 0; text-align: center; } #formCadastroCliente fieldset:nth-of-type(2) #telefone { width: 76%; } */ /* #formCadastroCliente fieldset:nth-of-type(2) #addTelefones { margin-top: 28px; } */ /* terceiro fildset*/ #formCadastroCliente fieldset:nth-of-type(3) .tamanho3 { width: 31.32%; float: left; } #td-opcoes-frete { vertical-align: top; } .opcoes-frete { width: 70%; float: left; border-collapse: collapse; } .opcoes-frete thead tr { background-color: #f1f1f1; } .opcoes-frete thead tr th { padding-top: 13px; padding-left: 13px; padding-bottom: 13px; color: #0c4774; font-size: 16px; text-align: left; } .opcoes-frete tbody tr td { font-weight: normal; font-size: 1.2em; padding-top: 13px; padding-left: 13px; padding-bottom: 13px; } .opcoes-entrega-titulo { font-size: 1.9em; margin-left: 12px; } .opcoes-frete-bloco { border: 1px solid #cccccc; border-radius: 10px; margin-bottom: 10px; } .opcoes-frete-gratis { padding: 3px; background-color: #3dad45; font-size: 1.5em; color: #e4e4e4; border-radius: 5px; } .opcoes-frete-valor { font-weight: bold; font-size: 1.2em; padding-left: 15px; } .opcoes-frete tbody tr td:nth-of-type(2) { font-size: 1em; } .table-carrinho { width: 100%; float: left; /* border: 1px solid #cccccc;*/ border-spacing: 0; border-collapse: collapse; } .table-carrinho>thead>tr { background-color: #f1f1f1; } .table-carrinho>thead>tr>th { padding: 8px; color: #0c4774; font-size: 1.7em; text-align: center; } .table-carrinho>tbody>tr { background-color: #f9f9f8; border-bottom: 1px solid #f9f9f9; } .table-carrinho>tbody>tr:last-child { border-bottom: 0; } .table-carrinho>tbody>tr>td.img-produto { padding: 15px; width: 13%; padding-left: 15px; } .table-carrinho>tbody>tr>td.nome-produto { width: 45%; } .table-carrinho>tbody>tr>td.nome-produto>a { float: left; color: #2165a4; font-size: 18px; } .table-carrinho>tbody>tr>td.preco-produto { color: #0c4774; font-size: 1.9em; text-align: center; font-weight: normal; margin: 0; } .table-carrinho>tbody>tr>td.preco-produto p { text-align: center; } #comentario-formulario { float: left; width: 100%; } .table-carrinho>tbody>tr>td>.quantidade-produto { float: left; width: 100%; padding: 0; margin: 0; } .table-carrinho>tfoot>tr { background-color: #f1f1f1; border-bottom: 1px solid #f9f9f9; } .table-carrinho>tfoot>tr>td { padding: 10px; font-size: 1.2em; border-bottom: 1px solid #dddddd; color: #0c4774; padding-top: 13px; padding-bottom: 13px; } .table-carrinho>tfoot>tr>td>.calculo-frete { float: none; } .table-carrinho>tfoot>tr>td>.calculo-frete>span { color: #2165a4; float: left; padding-left: 35px; background: url('../img/frete.png'); background-size: 25px 18px; background-repeat: no-repeat; margin-top: 5px; font-size: 13px; height: 20px; } .table-carrinho>tfoot>tr>td>.calculo-frete>input { width: 100px; border: 1px solid #cccccc; padding: 5px; background-color: #f9f9f9; box-sizing: border-box; float: left; margin-left: 6px; color: #071b2f; } .table-carrinho>tfoot>tr>td>.calculo-frete>a { font-size: 11px; float: left; } .table-carrinho>tfoot>tr>td>.calculo-frete>.container-frete-input>a>button { float: left; border: none; padding: 6px 5px; font-weight: bold; color: #fffee0; font-size: 12px; background-color: #2165a4; text-align: center; margin: 0 10px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .table-carrinho>tfoot>tr>td>.calculo-frete>.container-frete-input>a>button:hover { background-color: #064470; } .table-carrinho>tfoot>tr>td>.calculo-frete>a:last-child { padding-top: 6px; } .table-carrinho>tfoot>tr>td>.cupom-desconto { float: left; } .table-carrinho>tfoot>tr>td>.cupom-desconto>a { padding-left: 36px; background: url('../img/cupomdesconto.png'); background-size: 30px 20px; background-repeat: no-repeat; margin-top: 15px; height: 20px; font-size: 1.4em; } .table-carrinho>tfoot>tr:first-child>td { background-color: #f1f1f1; } .table-carrinho>tfoot>tr:last-child>td { padding: 0; background-color: #f7f7f7; } /* .table-carrinho > tfoot > tr > td > .total-carrinho{ float:left !important; width:30%; border-left: 1px solid #dddddd; border-spacing: 0; border-collapse: collapse; } .table-carrinho > tfoot > tr > td > .total-carrinho > tbody > tr{ background-color: #fffee1; } .table-carrinho > tfoot > tr > td > .total-carrinho > tbody > tr > td{ font-size: 1.3em; padding-top: 13px; padding-left: 30px; padding-bottom: 13px; border:1px solid #f1f1f1; } .table-carrinho > tfoot > tr > td > .total-carrinho > tbody > tr > .valores-carrinho{ color: #0c4773; } */ .valores-carrinho tr, td { font-size: 20px; } .valores-carrinho span { font-size: 22px; } .negrito { font-weight: bold; } .radio { float: left; width: 100%; padding-top: 7px; margin-top: 0; margin-bottom: 0; min-height: 27px; position: relative; display: block; } .radio>label { display: inline-block; max-width: 100%; font-size: 12px; min-height: 20px; padding-left: 25px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .radio>label>input[type=radio] { position: absolute; line-height: normal; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; left: 3px; top: 9px; } #endereco-entrega>div { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .text-right { text-align: right !important; } /* alert bootstrap */ .alert { padding: 10px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; font-size: 1.2em; float: left; width: 100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert>p, .alert>ul { margin-bottom: 0; } .alert>p+p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #0c1d20; } .alert-info hr { border-top-color: #08434e; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #0c4773; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #0c4773; } .alert { text-shadow: 0 1px 0 rgba(255, 255, 255, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); } .alert-success { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); background-repeat: repeat-x; border-color: #40911f; } .alert-info { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); background-repeat: repeat-x; border-color: #0a3951; } .alert-warning { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFcf8e3', endColorstr='#FFF8efc0', GradientType=0); background-repeat: repeat-x; border-color: #f5e79e; } .alert-danger { background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFF2dede', endColorstr='#ffe7c3c3', GradientType=0); background-repeat: repeat-x; border-color: #dca7a7; } .mm-panels>.mm-panel>.mm-listview { margin: 20px 0 !important; margin-top: -20px !important; } .owl-item a.produtos-miniaturas { float: left; width: 100%; position: relative; } #lista-produtos .variacoes { float: left; margin-bottom: 30px; width: 100%; /*border-bottom: 1px solid #cccccc;*/ } #lista-produtos .variacoes .opcoes { width: 100%; border-bottom: 0; } .banner-categoria-produto { position: relative; } .carrinho-responsivo .tabelabody .new-remover-responsivo { display: none; } input[type="radio"]:before { content: ''; width: 10px; height: 10px; background-color: #fffee2; float: left; border-radius: 50%; border: 2px solid #195d9e; cursor: pointer; } input[type="radio"]:checked:before { background-color: #0d355a; } #endereco-entrega #endereco-cadastrado select { margin-top: 15px; } #flipswitch label { padding-left: 35px; position: relative; } #flipswitch input { display: none; } #flipswitch label i { font-size: 1.5em; color: #195d9e; position: absolute; left: 0; margin: 0; top: -1px; cursor: pointer; } #flipswitch .areaswitch { float: left; } #formCadastroTelefone .tamanho3 { width: 44%; } #campo_ramal { margin-left: 3%; } #campo_ramal input { padding: 9px; } #error-401 .error-401-esquerda { float: left; width: 49%; } #error-401 .error-401-direita { float: right; width: 49%; font-size: 1.2em; } #error-401 p { font-size: 4em; text-align: center; line-height: 218px; letter-spacing: 0; margin-bottom: 0; } .fale-conosco-contato { float: left; } .redes-sociais { float: left; width: 100%; margin-top: 15px; } .redes-sociais .facebook, .redes-sociais .twitter { float: left; margin-right: 10px; } .redes-sociais .google { width: 20px; height: 20px; float: left; margin-right: 10px; } .redes-sociais .google img { width: 100%; } .redes-sociais .email { margin-top: -1px; float: left; } .email #emailshare { font-size: 1.15em; line-height: 100%; background-color: #0c4777; color: #fffee3; padding: 3px 5px; border-radius: 2px; } .datesite { width: 50%; float: left; padding-bottom: 20px; } .yourdate.datesite { padding-right: 10px; } .frienddate.datesite { padding-left: 10px; } .inputshare { width: 100%; border: 1px solid #dddddd; padding: 10px; font-family: 'Arial'; max-width: 100%; } .yourname { margin-bottom: 20px; } .friendname { margin-bottom: 20px; } .mensagedate { float: left; width: 100%; padding-top: 20px; padding-bottom: 20px; border-top: 1px dashed #dddddd; } #sharemensage { height: 100px; } #share_form { width: 800px; } .inputdiv { width: 100%; } .submitshare { background-color: #020b11; font-size: 1.5em; color: #fffee4; float: right; width: 15%; cursor: pointer; } .shareheader { width: 100%; float: left; margin-bottom: 20px; background-color: #020b11; border-bottom: 3px solid #276997; } .shareheader p { color: #fffee5; font-size: 2em; padding: 10px; text-align: center; } .dataerror { font-size: 1.2em; position: absolute; background-color: #0c4773; color: #fffee6; padding: 2px 5px; bottom: -20px; display: none; } .inputerror { position: relative; } .inputerror .inputshare { border-color: #0c4773; } .inputerror .dataerror { display: block; } #sharemensageerror { bottom: -18px; } #share_form i { margin: 0; } #endereco-entrega .radio label { font-size: 1.4em; color: #0c4777; } #formEnderecoCliente fieldset { margin-top: 10px; } .mm-menu .mm-navbar>*, .mm-menu .mm-navbar a { color: #fffee7 !important; } .mm-listview li:last-child { /* display: none; */ } .mensagem-erro { color: #0c4773; font-size: 15px; } /* FORMA DE PAGAMENTO */ .list_endereco { list-style: none; margin: 0; padding: 0; display: block; flex-wrap: wrap; justify-content: space-between; position: relative; padding: 2em; min-height: 200px; } .list_endereco .items li:only-child { height: 200px; } .list_endereco .items { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; position: relative; float: left; width: 100%; align-items: stretch; -webkit-align-items: stretch; } .list_endereco:after { content: ""; clear: both; } .item_endereco { border: 1px solid #cccccc; box-sizing: border-box; float: left; position: relative; width: 48%; margin-bottom: 20px; padding: 0; } .item_endereco label { left: 0; top: 0; bottom: 0; right: 0; cursor: pointer; display: block; font-size: 0; position: absolute; text-indent: 100%; white-space: nowrap; z-index: 1; } .item_endereco input { position: absolute; display: none; } .item_endereco .conteudo_item { position: relative; z-index: 0; padding: 10px; } .item_endereco .conteudo_item p { text-align: left; font-size: 1.2em; line-height: 120% !important; } .item_endereco .conteudo_item p.item_destaque { font-size: 1.5em; font-family: 'OpenSans Bold'; } .list_endereco input:checked+label { border: 3px solid #195d9e; } .list_endereco input:checked~i { display: block; } .list_endereco i { position: absolute; right: 5px; bottom: 5px; font-size: 2em; color: #195d9e; display: none; } .item_endereco_novo { cursor: pointer; } .item_endereco_novo p { position: absolute; top: 60%; left: 50%; color: #a02e2e !important; transform: translate(-50%, -50%); width: 100%; text-align: center; } .item_endereco_novo i { left: 50%; transform: translateX(-50%); font-size: 4em; color: #dddddd; display: block; text-align: center; margin: 0; line-height: 100%; bottom: 20px; } .list-pagamento { display: flex; flex-wrap: wrap; } .list-pagamento fieldset li { width: auto !important; } .list-pagamento fieldset { padding: 10px; border: 1px solid #dddddd; margin-right: 3.5%; } .list-pagamento .grupo1 { width: 100%; margin-right: 0; } .list-pagamento fieldset { margin-bottom: 20px; } .list-pagamento .item-payment input { display: none; } .form-aviseme { padding-left: 25px; } #metodo-pagamento .list-pagamento .item-payment { position: relative; padding: 5px; margin: 0; } #metodo-pagamento .list-pagamento fieldset .item-payment { margin-right: 3.5%; } #metodo-pagamento .list-pagamento fieldset .item-payment:last-child { margin-right: 0; } #metodo-pagamento .list-pagamento .item-payment label { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; cursor: pointer; border: 1px solid #dddddd; } #metodo-pagamento .list-pagamento .item-payment i { position: absolute; right: 3px; bottom: 2px; color: #195d9e; font-size: 1.2em; display: none; } #metodo-pagamento .list-pagamento .item-payment input:checked~i { display: block; } #metodo-pagamento .list-pagamento .item-payment input:checked~label { border: 3px solid #195d9e; } #metodo-pagamento .list-pagamento .item-payment .conteudo_item { margin: 0; position: relative; z-index: 0; } #metodo-pagamento .list-pagamento .item-payment .descri { display: none; } #metodo-pagamento .list-pagamento legend { text-align: center; font-size: 1.6em; color: #0c4777; padding: 0 10px; } #metodo-pagamento .list-pagamento .grupo3 .item-payment { margin: 0 15%; } #metodo-pagamento .descricao-payment { margin: 0 20px; padding: 15px 0; border-top: 1px solid #dddddd; color: #0c4777; font-size: 1.2em; } #metodo-pagamento .descricao-payment p { color: #375162; font-size: 1.3em; font-family: 'Opensans Bold'; margin-bottom: 0; } #metodo-pagamento .descricao-payment span { color: #0c4773; font-size: 1.2em; font-family: 'Opensans Semibold'; margin-bottom: 10px; float: left; width: 100%; } #metodo-pagamento .produtos .list-produtos { position: relative; } .menu-esquerda .selecteds ul li>p { font-size: 1em; color: #195d9e; } #lista-produtos .menu-esquerda .selecteds ul li>p a { width: auto; font-size: 1.2em; margin-right: 10px; float: left; } #lista-produtos .menu-esquerda .selecteds ul li>p a i { margin: 0; } #lista-produtos .menu-esquerda ul>li.selecteds>a { color: #fffee8 !important; background-color: #195d9e; float: left; width: 100%; padding: 5px 15px; font-size: 1.3em; } #lista-produtos .menu-esquerda ul>li.selecteds>a:before { content: ''; margin: 0; } #lista-produtos .menu-esquerda ul>li.selecteds ul li { border: 0; background-color: #efefef; border-bottom: 1px solid #e3e3e3; padding: 10px 15px; } #lista-produtos .menu-esquerda ul>li.selecteds ul li p { margin: 0; } #lista-produtos .menu-esquerda ul>li.selecteds ul { margin-bottom: 10px; float: left; width: 100%; } .metismenu .scrollbar { position: relative; width: 100%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; float: left; } #lista-produtos .menu-esquerda ul li.filho a { color: #195d9f; font-size: 1.2em; } #lista-produtos .menu-esquerda ul li.itemCor { padding: 0; border: 0; float: left; width: 30px; height: 30px; margin-right: 8px; margin-bottom: 8px; } .corPadding { padding: 15px; float: left; width: 100% } .produto-lista-precos.semestoque { height: 75px; position: relative; } .produto-lista-precos.semestoque p { text-align: center; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .comprar-produto.avise-me spam { font-size: 0.7em; width: 100%; float: left; line-height: 100%; } .comprar-produto.avise-me { line-height: 100%; } .produto-view .opcoes .opcao>label { width: 100%; } .produto-view .opcoes .opcao>.radio { width: auto; } .produto-view .opcoes .opcao>.radio label { padding-left: 5px; } .produto-lista-item .produto-lista-imagem { height: 240px; } #formRecuperarSenha p { color: #0c4777; font-size: 1.2em; } .slick-dots { position: absolute; bottom: 10px; width: 100%; text-align: center; } .slick-dots li { display: inline; } .slick-dots li button { width: 15px; height: 15px; border: 0; background: url('../img/desmarcado.png'); font-size: 0; margin: 0 5px; outline: none; cursor: pointer; } .slick-dots li.slick-active button { background: url('../img/marcado.png'); } .slick-dots li button:hover { background: url('../img/marcado.png'); } #marcas .owl-prev { top: -5px; z-index: 10; left: -3%; } #marcas .owl-next { top: -5px; z-index: 10; right: -8%; left: auto; } #marcas .slick-slide { margin: 0 30px; } #marcas .slick-slide img { margin: 0 auto; } .slick-slide img { height: auto; } .botao-remover-email-lista { float: center; background-color: #f7f7f7; border: none; padding: 5px 40px; color: #fffee9; cursor: pointer; font-family: 'OpenSans Semibold'; transition: all 0.4s ease; margin-left: 20px; margin-top: 20px; } .botao-remover-email-lista-voltar { float: center; background-color: #518a11; border: none; padding: 5px 40px; color: #cb26be; cursor: pointer; font-family: 'OpenSans Semibold'; transition: all 0.4s ease; margin-left: 20px; margin-top: 20px; } .mCustomScrollBox { width: 100%; } .bar { background-color: #f9a838; } #divFinalizarPs { width: 100%; height: 100%; position: fixed; z-index: 90; background-color: #f7f7f7; opacity: 0.3; filter: alpha(opacity=30); display: none; } .blink_text { animation: 1s blinker linear infinite; -webkit-animation: 1s blinker linear infinite; -moz-animation: 1s blinker linear infinite; color: #0c4773; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type=number] { -moz-appearance: textfield; appearance: textfield; } .formasDePagamento { clear: left; display: block; padding-top: 18px; } .label_normal_pagina { font-family: atala, arial, tahoma, verdana, helvetica, sans-serif; color: #303030; font-size: 12px; font-weight: normal; cursor: pointer; } .label_normal_pagina div { word-wrap: break-word; font-weight: bold; } .metodoPgtoIndividual { border: 1px solid gray; width: 99%; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .texto_normal_pagina { font-family: atala, arial, tahoma, verdana, helvetica, sans-serif; color: #0c4774; font-size: 12px; font-weight: normal; } .letraFormaPagamento { font-family: arial, verdana, helvetica, sans-serif; font-weight: normal; font-size: 12px; } .texto_atencao1 { font-family: atala, arial, tahoma, verdana, helvetica, sans-serif; color: #0c4773; font-size: 15px; font-weight: normal; text-shadow: 0px 1px silver } .texto_atencao2 { font-family: atala, arial, tahoma, verdana, helvetica, sans-serif; color: #467717; font-size: 25px; font-weight: bold; text-shadow: 1px 1px black } .pagamento-label { font-family: arial, verdana, helvetica, sans-serif; border-bottom: 1px dashed gray; color: #467717; font-weight: normal; font-size: 1.5em; margin-bottom: 10px; } .pagamento-valores { font-weight: normal; font-size: 2em; } .pagamento-totalizacao span { font-weight: bold; font-size: 2em; } div.totalizacao-carrinho { min-width: 300px; display: table; background-color: #fffee1; } span.valores-totalizacao { font-size: 1.4em; color: #0c4773; } span.label-totalizacao { width: 49.4%; max-width: 50%; display: inline-block; padding-top: 13px; padding-left: 25px; padding-bottom: 13px; font-size: 1.3em; color: #0c4774; } .totalizacao-valores { text-align: end; padding-right: 25px; } div.x-cupom-desconto { display: table; } span.x-cupom-desconto-titulo { font-size: 1.8em; color: #0c4774; padding: 5px; display: inline-block; width: 100%; } span.x-cupom-desconto-detalhes { float: right; margin-top: 15px; margin-bottom: 15px; margin-right: 45%; } span.x-cupom-desconto-linha { font-size: 1.2em; color: #0c4774; display: inline-block; width: 100%; margin: 5px; } span.x-cupom-desconto-celula { font-size: 1.1em; color: #0c4774; } input.x-cupom-desconto-codigo { text-align: center; border: 1px solid #cccccc; padding: 8px; background-color: #f6f6f4; box-sizing: border-box; float: left; margin-left: 6px; color: #071b2f; } td.x-cupom-desconto-msg { font-size: 1.2em; padding: 8px; } input.x-cupom-desconto-botao-granel { font-size: 1.3em; height: 40px; max-width: 500px; min-width: 100px; width: 100%; border: none; padding: 10px 10px; font-weight: normal; color: #f8f8f7 !important; background-color: #0c4771; text-align: center; } input.x-cupom-desconto-botao-aplicar { border: none; padding: 6px 5px; color: #f7f7f9; font-size: 1.4em; background-color: #2165a4; text-align: center; margin-right: 1px; cursor: pointer; margin-left: 5px; } input.x-cupom-desconto-botao-aplicar:hover { background-color: #064470; } .alinhar-direita { float: right; } /* span.label-totalizacao{ width:49.4%; max-width:50%; padding-top: 13px; padding-left: 25px; padding-bottom: 13px; font-size: 1.3em; color: #0c4774; } */ .parcelado-parcelado { border: 1px solid #d8d8d8; background-color: #eaeaea; padding: 7px; font-size: 1.3em; float: left; width: 100%; } .preco-economiza { font-size: 0.85em; line-height: 14px; color: #0c4773; font-size: 1.3em; } .oferta-valida { font-size: 1.3em; color: #0c4777; float: left; padding: 12px; } .fb-button-container { padding: 10px; color: #812828; border-radius: 5px; background: #3d6ad6; width: 92%; margin-left: 20px; height: 44px; text-align: center; } .fb-button-container:hover { background: #1D3C78; } .modal { position: fixed; top: 78%; right: 0; bottom: 0; left: 0; font-family: Arial, Helvetica, sans-serif; background: rgba(0, 0, 0, 0.4); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: all; } .modal:target { opacity: 1; pointer-events: auto; } .modal>div { width: 644px; height: 200px; position: relative; z-index: 99999; margin: 10% auto; padding: 15px 20px; background: #812828; border-radius: 15px; top: -94%; } .cookie-aviso>h5 { color: #767676; } .fechar { position: absolute; width: 30px; right: -15px; top: -20px; text-align: center; line-height: 30px; margin-top: 5px; background: #36a0ff; border-radius: 50%; font-size: 16px; color: #0c4773; } .submit-form-cookie { background: #1192e6; color: white; border-style: outset; border-color: #0066a2; height: 50px; width: 100px; font: bold 15px arial, sans-serif; text-shadow: none; cursor: pointer; } .form-cookie-option { background: #1192e6; color: white; border-style: outset; border-color: #f7f7f7; height: 50px; width: 100%; font: bold 15px arial, sans-serif; text-shadow: none; cursor: pointer; margin-bottom: 12px; } .form-cookie-option-preferences { background: #b1b1b1; color: white; border-style: outset; border-color: #f7f7f7; height: 50px; width: 100%; font: bold 15px arial, sans-serif; text-shadow: none; cursor: pointer; margin-bottom: 12px; } .form-cookie-option-preferences:hover:hover { background: #5a5959; } .form-cookie-option:hover, .submit-form-cookie:hover { background: #006eb5; } .cookie-pol-link { color: red !important; cursor: pointer; } .logo-marca-fornecedores { padding: 5px; max-height: 200px; max-width: 200px; } .grid-marcas-fornecedores { width: 205px; padding-left: 20px; padding-top: 40px; float: left; } #lista-produtos .variacoes { float: left; margin-bottom: 30px; width: 100%; /*border-bottom: 1px solid #cccccc;*/ } #lista-produtos .variacoes .opcoes { width: 100%; border-bottom: 0; } .carousel { justify-content: center; align-items: center; overflow: hidden; } .carousel ul li { display: inline; float: center; } .swiper img { position: relative; } .swiper-slide { position: relative; display: inline-block; justify-content: center; align-items: center; font-size: 60px; } .zoom-message { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 5px 10px; border-radius: 5px; font-size: 14px; opacity: 0; transition: opacity 0.3s ease; } .swiper-slide:hover .zoom-message { opacity: 1; } .slides-numbers { z-index: 4; } .swiper-pagination { z-index: 3; } /* --------------------------------------- */ /** * Swiper 8.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2022 */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #13273c; } .swiper { height: 350px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical>.swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; z-index: 100000; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #0c4774; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-current, .gamb-bar, .swiper-pagination-total { bottom: 10px; left: 0; width: 100%; color: #0c4774; font-size: 20px; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #812828; } .swiper-lazy-preloader-black { --swiper-preloader-color: #0c4774; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid>.swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #0c4774; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .icone-rodape { color: #eb8333; font-size: 28px; } .icone-cabecalho { color: #eb8334; font-size: 24px; align-items: center; } .icone-cabecalho-lista { display: flex; align-items: center; } .comprar-produto-disabled { opacity: 0.7; background: url('../img/comprar.png') #5c9e0d no-repeat; background-position-y: center; background-position-x: 7%; display: flex; align-items: center; justify-content: center; width: 100%; color: #fffff8 !important; font-family: 'OpenSans Bold'; font-size: 1.8em !important; letter-spacing: 0; height: 32px; text-align: center; padding: 5px 5px 5px 15px; transition: all 0.4s ease; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .novidades-wrapper { display: flex; flex-direction: row; width: 100%; margin-right: 0 !important; height: 350px; justify-content: center; } .novidades { width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 5%; } .novidades-form { width: 100% !important; display: flex; flex-direction: column; align-items: center; gap: 10px; } .divider { height: 100%; width: 1px; background-color: #ffffc4; } .flex-wrapper { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .calculo-frete-container { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .frete-carrinho { height: 44px; width: 163px !important; font-size: 12px; } .botao-frete-carrinho { height: 44px; width: 100px !important; } .procurar-cep { text-decoration: underline !important; align-self: center; padding-left: 18px; } .container-frete-input { display: flex; } .mostrar-frete-responsivo { width: 73%; } .valores-frete-responsivo { width: 27%; } body.loading .item-produto { display: none !important; } body:not(.loading) .item-produto { display: grid !important; } .fonte-descricao-icone { margin-left: 5px; font-size: 13px; } .opcao-variacao { width: 25%; height: 100%; } .botao-download-imagens { background-color: #26394b; background-position-x: 25px; background-position-y: 14px; display: inline-block; color: #fffff9 !important; font-family: 'OpenSans Semibold'; font-size: 11px; letter-spacing: 0; text-align: center; transition: all 0.4s ease; padding-top: 2px; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin-top: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .botao-download-imagens:hover { background-color: #0c2333; } .preco-a-vista-carrossel { color: #113741; font-weight: normal; font-size: 16px; height: 25px; margin-top: 5px; } .card-ml { display: flex; align-items: center; justify-content: flex-start; background-color: #eb8332; border-radius: 8px; box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1); padding: 20px; margin: 20px auto; border: 1px solid #cdcdcd; } .card-ml img { max-width: 180px; border-radius: 8px; margin-right: 20px; } .card-ml-content { display: flex; flex-direction: column; } .card-ml-content h2 { color: green; font-size: 18px; margin: 0 0 10px; } .card-ml-content h3 { color: green; font-size: 20px; margin: 0 0 10px; } .card-ml-content p { color: #333333; margin-bottom: 10px; font-size: 17px; } .botao-Mercado-livre { display: inline-flex; align-items: center; justify-content: center; padding: 10px 10px; background-color: #ffcc00; color: #1b2b7b !important; text-decoration: none; border-radius: 10px; font-weight: bold; font-size: 16px; font-family: 'Roboto', sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 0.3s ease; width: fit-content; box-shadow: 0 4px 8px rgba(27, 43, 123, 0.2); } .botao-Mercado-livre:hover { background-color: #e5b100; animation: pulse 1s ease infinite; } .botao-Mercado-livre img.icone-ml { margin-right: 10px; width: 120px; } .btn-imprimir { background-color: #0056b3; color: #eb8332 !important; text-decoration: none; padding: 3px 9px; border: 1px solid #0056b3; border-radius: 5px; transition: all 0.3s ease; display: inline-block; } .btn-imprimir:hover { background-color: #003cb3; color: #eb8332; cursor: pointer; border-color: #28a745; } .icone-telefone { color: #6d89bf; font-size: 48px; align-items: center; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }  @media screen,print { .ti { font: 8px arial,sans, Helvetica, sans-serif} .cp { font: bold 8px arial,sans; color: black} .ti { font: 8px arial,sans Helvetica, sans-serif} .ld { font: bold 14px arial,sans; color: #000000} .ct { font-size:10px; font-family: arial,sans; color: #0c4774; } .cn { FONT: 8px arial,sans; COLOR: black } .bc { font: bold 20px arial,sans; color: #0c4774 } .ld2 { font: bold 13px arial,sans; color: #0c4774 } .span { font-size:0px } /* *** TIPOGRAFIA BASICA *** */ * { 	font-family: arial,sans; 	font-size: 10px; 	margin: 0; 	padding: 0; } .notice { 	color: red; } /* *** LINHAS GERAIS *** */ #container { 	width: 666px; 	margin: 0px auto; } #instructions { 	margin: 0; 	padding: 0 0 20px 0; } #boleto { 	width: 666px; 	margin: 0; 	padding: 0; } /* *** CABECALHO *** */ #instr_header { 	padding-left: 0px; 	height: 60px; } #instr_header h1 { 	font-size: 16px; 	margin: 5px 0px; } #instr_header address { 	font-style: normal; } #instr_content { } #instr_content h2 { 	font-size: 10px; 	font-weight: bold; } #instr_content p { 	font-size: 10px; 	margin: 4px 0px; } #instr_content ol { 	font-size: 10px; 	margin: 5px 0; } #instr_content ol li { 	font-size: 10px; 	text-indent: 10px; 	margin: 2px 0px; 	list-style-position: inside; } #instr_content ol li p { 	font-size: 10px; 	padding-bottom: 4px; } /* *** BOLETO *** */ #boleto .cut { 	width: 666px; 	margin: 0px auto; 	border-bottom: 1px navy dashed; } #boleto .cut p { 	margin: 0 0 5px 0; 	padding: 0px; 	font-family: arial,sans; 	font-size: 9px; 	color: navy; } table.header { 	width: 666px; 	height: 38px; 	margin-top: 20px; 	margin-bottom: 10px; 	border-bottom: 2px navy solid; } table.header td.linha_digitavel { 	width: 464px; 	text-align: right; 	font: bold 15px Arial; 	color: navy } table.line { 	margin-bottom: 3px; 	padding-bottom: 1px; 	border-bottom: 1px black solid; } table.line tr.titulos td { 	height: 13px; 	font-family: arial,sans; 	font-size: 9px; 	color: navy; 	border-left: 5px #ffe000 solid; 	padding-left: 2px; } table.line tr.campos td { 	height: 12px; 	font-size: 10px; 	color: black; 	border-left: 5px #ffe000 solid; 	padding-left: 2px; } table.line td p { 	font-size: 10px; } table.line tr.campos td.ag_cod_cedente, table.line tr.campos td.nosso_numero, table.line tr.campos td.valor_doc, table.line tr.campos td.vencimento2, table.line tr.campos td.ag_cod_cedente2, table.line tr.campos td.nosso_numero2, table.line tr.campos td.xvalor, table.line tr.campos td.valor_doc2 { 	text-align: right; } table.line tr.campos td.especie, table.line tr.campos td.qtd, table.line tr.campos td.vencimento, table.line tr.campos td.especie_doc, table.line tr.campos td.aceite, table.line tr.campos td.carteira, table.line tr.campos td.especie2, table.line tr.campos td.qtd2 { 	text-align: center; } table.line td.last_line { 	vertical-align: top; 	/*height: 25px;*/ } table.line td.last_line table.line { 	margin-bottom: -5px; 	border: 0 white none; } td.last_line table.line td.instrucoes { 	border-left: 0 white none; 	padding-left: 5px; 	padding-bottom: 0; 	margin-bottom: 0; 	height: 20px; 	vertical-align: top; } table.line td.cedente { 	width: 298px; } table.line td.valor_cobrado2 { 	padding-bottom: 0; 	margin-bottom: 0; } table.line td.ag_cod_cedente { 	width: 126px; } table.line td.especie { 	width: 35px; } table.line td.qtd { 	width: 53px; } table.line td.nosso_numero { 	/* width: 120px; */ 	width: 115px; 	padding-right: 5px; } table.line td.num_doc { 	width: 113px; } table.line td.contrato { 	width: 72px; } table.line td.cpf_cei_cnpj { 	width: 132px; } table.line td.vencimento { 	width: 134px; } table.line td.valor_doc { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.desconto { 	width: 113px; } table.line td.outras_deducoes { 	width: 112px; } table.line td.mora_multa { 	width: 113px; } table.line td.outros_acrescimos { 	width: 113px; } table.line td.valor_cobrado { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; 	background-color: #ffffcc ; } table.line td.sacado { 	width: 659px; } table.line td.local_pagto { 	width: 472px; } table.line td.vencimento2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; 	background-color: #ffffcc; } table.line td.cedente2 { 	width: 472px; } table.line td.ag_cod_cedente2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.data_doc { 	width: 93px; } table.line td.num_doc2 { 	width: 173px; } table.line td.especie_doc { 	width: 72px; } table.line td.aceite { 	width: 34px; } table.line td.data_process { 	width: 72px; } table.line td.nosso_numero2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.reservado { 	width: 93px; 	background-color: #ffffcc; } table.line td.carteira { 	width: 93px; } table.line td.especie2 { 	width: 53px; } table.line td.qtd2 { 	width: 133px; } table.line td.xvalor { 	/* width: 72px; */ 	width: 67px; 	padding-right: 5px; } table.line td.valor_doc2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.instrucoes { 	width: 475px; } table.line td.desconto2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.outras_deducoes2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.mora_multa2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.outros_acrescimos2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; } table.line td.valor_cobrado2 { 	/* width: 180px; */ 	width: 175px; 	padding-right: 5px; 	background-color: #ffffcc ; } table.line td.sacado2 { 	width: 659px; } table.line td.sacador_avalista { 	width: 659px; } table.line tr.campos td.sacador_avalista { 	width: 472px; } table.line td.cod_baixa { 	color: navy; 	width: 180px; } .campo_normal { font-size:9px; font-weight:normal; } .campo_negrito { font-size:12px; font-weight:bold; padding:0px; } } /* @media print { 	#instructions { 		height: 1px; 		visibility: hidden; 		overflow: hidden; 		font-size: 10px; 		padding-bottom: 4px; 	} } */ #options { 	padding:10px; 	 	font-size: 16px; 	font-family: arial,sans, sans-serif, verdana, helvetica; 	font-weight:bold; 	background: #3B5998; 	text-shadow: 0px 1px #0c4774; 	-webkit-text-shadow: 0px 1px #0c4774; 	-moz-text-shadow: 0px 1px #0c4774; 	-moz-border-radius:5px 5px 5px 5px; 	border-radius: 5px 5px 5px 5px;	 } #options input { 	-moz-border-radius:5px 5px 5px 5px; 	border-radius: 5px 5px 5px 5px; 	valign:center; 	border-top : 1px solid #eb8332; 	border-left : 1px solid #eb8332;	 	border-right : 0px; 	border-bottom : 0px; 	background-repeat:no-repeat; 	background-color:#dedede; 	padding:8px; 	height:27px; 	text-align:right; 	font-family:arial,sans; 	font-size:12px; 	cursor:pointer; 	color:#0c4774; 	text-shadow: 0px 2px #eb8332; 	-webkit-text-shadow: 0px 2px #eb8332; 	-moz-text-shadow: 0px 2px #eb8332; 	box-shadow: 0 2px 3px 0 #0c4774; 	-webkit-box-shadow: 0 2px 3px 0 #0c4774; 	-moz-box-shadow: 0 2px 3px 0 #0c4774; } .campoDadosL { 	position:relative; 	top:0px; 	padding-left:8px; 	text-align:left; 	font-size:9px; 	font-family: arial,sans,verdana; 	color: #0c4774;	 	 } .campoDadosR { 	position:relative; 	top:0px; 	padding-right:8px; 	text-align:right; 	font-size:9px; 	font-family: arial,sans,verdana; 	color: #0c4774; 	 } .campoDadosC { 	position:relative; 	top:0px; 	text-align:center; 	font-size:9px; font-family: arial,sans,verdana; 	color: #0c4774; 	 } .campoLabel { 	position:relative;	 	padding-left:1px; 	font-size:7px; 	font-family: arial,sans; 	color: #0c4774; } .sequenciaBoleto{ 	font-size:16px; 	font-family: arial,sans,verdana; 	font-weight:bold; 	text-decoration: underline; 	color: #0c4774; 	 	 } .linhaPontilhada{ border-bottom: 2px dashed #0c4774; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#0c4774; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;} #cboxContent{background:#812828; overflow:visible;} .cboxIframe{background:#812828;} #cboxError{padding:50px; border:1px solid #cccccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../../../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../../../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../../../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../../../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../../../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eeeeee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}  /*! jQuery UI - v1.11.4 - 2015-05-28 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/ * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #b72626;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #b72626;background:#812828 url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #b72626;background:#cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ce4343;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #b72626;background:#812828 url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #0c4773;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#b72626 url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#b72626 url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /*! jQuery UI - v1.11.4 - 2015-05-28 * http://jqueryui.com * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #b72626;background:#812828 url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #b72626;background:#cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ce4343;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #b72626;background:#812828 url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #0c4773;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#b72626 url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#b72626 url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #eb8333; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #eb8333; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../img/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../img/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222222; color: #590fc1; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #812828; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #812828; padding: 10px; background: #0c4774; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../img/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #mainCarousel { width: 600px; margin: 0 auto 1rem auto; --carousel-button-color: #170724; --carousel-button-bg: #812828; --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; --carousel-button-svg-stroke-width: 2.5; } #mainCarousel .carousel__slide { width: 100%; padding: 0; } #mainCarousel .carousel__button.is-prev { left: -1.5rem; } #mainCarousel .carousel__button.is-next { right: -1.5rem; } #mainCarousel .carousel__button:focus { outline: none; box-shadow: 0 0 0 4px #A78BFA; } #thumbCarousel .carousel__slide { opacity: 0.5; padding: 0; margin: 0.25rem; width: 96px; height: 64px; } #thumbCarousel .carousel__slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; } #thumbCarousel .carousel__slide.is-nav-selected { opacity: 1; } .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#812828;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#812828;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#812828;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#812828;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#812828;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#812828;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#0c4774;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#0c4774;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#812828;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#0c4774;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#0c4774;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#812828;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#0c4774;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#812828;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#0c4774;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#0c4774;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#812828;background-color:rgba(255,255,255,.9)} /* 	jQuery.mmenu CSS */ /* 	jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -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); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; } .mm-panels > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; display: none; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 20px; } .mm-menu { background: #f7f7f7; border-color: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255) } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* 	jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* 	jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-autoheight { max-height: 80%; } .mm-menu.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } /* 	jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } /* 	jQuery.mmenu dividers addon CSS */ .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -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); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } /* 	jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* 	jQuery.mmenu iconpanels addon CSS */ .mm-iconpanel .mm-panel { -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -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); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0px; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; } /* 	jQuery.mmenu navbars addon CSS */ .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -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); } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; border-bottom: none; top: auto; bottom: 0; } .mm-navbar-top ~ .mm-navbar-top { border-bottom: none; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-close:after { content: 'x'; } .mm-navbar[class*="mm-navbar-content-"] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar > .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar > .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar > .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar-top-1 { top: 0px; } .mm-hasnavbar-top-1 .mm-panels { top: 40px; } .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panels { top: 80px; } .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panels { top: 120px; } .mm-navbar-top-4 { top: 120px; } .mm-hasnavbar-top-4 .mm-panels { top: 160px; } .mm-navbar-bottom-1 { bottom: 0px; } .mm-hasnavbar-bottom-1 .mm-panels { bottom: 40px; } .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panels { bottom: 80px; } .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panels { bottom: 120px; } .mm-navbar-bottom-4 { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } /* 	jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0 10px; } .mm-search input { border: none; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; outline: none; display: block; width: 100%; height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 40px 0; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } /* 	jQuery.mmenu sectionIndexer addon CSS */ .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 3; -webkit-transition: right 0.4s ease; -moz-transition: right 0.4s ease; -ms-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; -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); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { margin-right: 20px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } /* 	jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; top: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check { bottom: auto; margin-top: 0; } li.mm-vertical label.mm-toggle { top: 5px; } li.mm-vertical label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-toggle, a.mm-next + label.mm-check { right: 60px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check { right: 100px; } em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } /* 	jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } /* 	jQuery.mmenu effects extension CSS */ html.mm-effect-zoom-menu .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu { -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); } html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(30%, 0, 0); -moz-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu { -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); } html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu { opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu { opacity: 1; } .mm-menu.mm-effect-zoom-panels .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened { -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); } .mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(1) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(2) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(3) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(4) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(5) { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(6) { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(7) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(8) { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(9) { -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li { -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); } /* 	jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* 	jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /* 	jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /* 	jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* 	jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -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); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* 	jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: white; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); tap-highlight-color: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: white; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: black; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); tap-highlight-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: black; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* 	jQuery.mmenu tileview extension CSS */ .mm-menu.mm-tileview .mm-listview:after, .mm-menu .mm-tileview.mm-listview:after { content: ''; display: block; clear: both; } .mm-menu.mm-tileview .mm-listview > li, .mm-menu .mm-tileview.mm-listview > li { width: 50%; height: 0; padding: 50% 0 0 0; float: left; position: relative; } .mm-menu.mm-tileview .mm-listview > li:after, .mm-menu .mm-tileview.mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-s, .mm-menu .mm-tileview.mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-l, .mm-menu .mm-tileview.mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span, .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu.mm-tileview .mm-listview > li > .mm-next, .mm-menu .mm-tileview.mm-listview > li > .mm-next { width: auto; } .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu .mm-tileview.mm-listview > li > .mm-next:after { content: none; display: none; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu.mm-tileview .mm-listview { margin: 0; }  /* * metismenu - v2.0.1 * A jQuery menu plugin * https://github.com/onokumus/metisMenu * * Made by Osman Nuri Okumus * Under MIT License */ .arrow,.plus-minus,.plus-times{float:right}.arrow{line-height:1.42857}.glyphicon.arrow:before{content:"\e079"}.active>a>.glyphicon.arrow:before{content:"\e114"}.fa.arrow:before{content:"\f104"}.active>a>.fa.arrow:before{content:"\f107"}.fa.plus-minus:before,.fa.plus-times:before{content:"\f067"}.active>a>.fa.plus-times{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.active>a>.fa.plus-minus:before{content:"\f068"}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility} /* perfect-scrollbar v0.6.10 */ .ps-container{-ms-touch-action:none;touch-action:none;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eeeeee;opacity:0.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eeeeee;opacity:0.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#b72626;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#b72626;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eeeeee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eeeeee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eeeeee;opacity:0.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eeeeee;opacity:0.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}  .label{ color: #590fc1; background: #5c9e0d; box-shadow: inset 0 0 2px rgba(0,0,0,.2); display: inline-block; position: relative; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #5c9e0d; display: inline-block; line-height: 40px; text-align: center; font-size: 22px; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); margin-left: 50%; } .title{ text-align: center; color: #5c9e0d; font-weight: bold; } .progress{ width: 16%; display: inline-block; position: relative; } .progress .bar { position: absolute; width: 100%; height: 10px; margin-top: -25px; margin-left: 60%; border-radius: 0; background: #5c9e0d; z-index: 0; box-shadow: inset 0 0 2px rgba(0,0,0,.2); } .label2{ color: #590fc1; background: #0c4777; box-shadow: inset 0 0 2px rgba(0,0,0,.2); display: inline-block; position: relative; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #f7f7f7; display: inline-block; line-height: 40px; text-align: center; font-size: 22px; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); margin-left: 50%; } .progress .bar2 { position: absolute; width: 100%; height: 10px; margin-top: -25px; margin-left: 60%; border-radius: 0; background: #0c4777; z-index: 0; box-shadow: inset 0 0 2px rgba(0,0,0,.2); left: 0; top: 100%; } .label3{ color: #590fc1; background: #1b1b89; box-shadow: inset 0 0 2px rgba(0,0,0,.2); display: inline-block; position: relative; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #1b1b89; display: inline-block; line-height: 40px; text-align: center; font-size: 22px; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); margin-left: 50%; } .progress .bar3 { position: absolute; width: 100%; height: 10px; margin-top: -25px; margin-left: 60%; border-radius: 0; background: #1b1b89; z-index: 0; box-shadow: inset 0 0 2px rgba(0,0,0,.2); } .label4{ color: #590fc1; background: #0c4773; box-shadow: inset 0 0 2px rgba(0,0,0,.2); display: inline-block; position: relative; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #0c4773; display: inline-block; line-height: 40px; text-align: center; font-size: 22px; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); margin-left: 50%; } .progress .bar4 { position: absolute; width: 195px; height: 10px; margin-top: -25px; margin-left: 100px; border-radius: 0; background: #0c4773; z-index: 0; box-shadow: inset 0 0 2px rgba(0,0,0,.2); } .title4{ text-align: center; color: #0c4773; font-weight: bold; font-size:15px; }  @media only screen and (max-width: 1200px) { header .header-topo .carrinho .carrinho-num { padding-top: 1px; margin-right: 9px; } } /*@media only screen and (max-width: 350px) { .zoom_video{ width:350px } .zoom_video{ width: 50px } }*/ @media only screen and (max-width: 1150px) { header .header-topo .carrinho .carrinho-num { padding-top: 1px; margin-right: 0px; } section, header .header-centro, header .header-topo { padding-left: 2%; padding-right: 2%; } .conteudo-centro{ width:100%; } .header-baixo .conteudo-centro .categorias > ul > li:last-child{ border-right: 0 !important; } footer .footer-azul{ padding: 22px 15px 0 15px; } #topo-fixo .fundo-azul { padding: 0 15px; } #topo-fixo .central-atendimento { width: 18%; } #metodo-pagamento .list-pagamento fieldset .item-payment{ margin-bottom: 15px; } #metodo-pagamento .conteudo-esquerda article:nth-of-type(2) .botao-entrega a.prosseguir { width: 40%; } header .header-baixo ul li.todos-departamentos .triangulo { left: 0px; top: 100%; width:16%; border-top: 30px solid #eb8333; border-left: 90px solid transparent; border-right: 90px solid transparent; } .mostrar-frete-responsivo, .valores-frete-responsivo { width: 100%; } } @media only screen and (max-width: 1041px) { header .header-topo .carrinho .carrinho-num { padding-top: 1px; margin-right: -8px; } } @media only screen and (max-width: 1024px) { footer .conteudo-footer-baixo .footer-baixo-esq{ width:50%; } header .header-baixo li:hover .li-hover { left: 0px; } #topo-fixo .header-baixo .conteudo-centro .categorias > ul > li { width: 10.227%; } #topo-fixo .links { width:21.130435%; } header .header-baixo ul li a { font-size: 1.1em; } #topo-fixo .header-baixo ul li a { font-size: 1.1em; } #topo-fixo .central-atendimento p span { font-size: 1.3em; } .conteudo-direita-produto { width: 60%; } .oferta-valida { width: 100%; } .produto-view .formas-frete .forma-pagamento { width: 60%; } .produto-view .simule-frete { width: 40%; } .produto-view .formas-frete .forma-pagamento button { width: 40%; margin-top: 10px; float: left; padding: 3px 17px; margin-left: 0px; } .carousel-itens .item-produto a.titulo-produto { padding: 0px; } a.titulo-produto { display: flex; align-items: center; flex-direction: column; } .produto-view > .compre-junto > div > .produto-atual > .icon-comprejunto { height: 47px; right: 27px; } .produto-view > .compre-junto > div > .produto-atual { width: 35%; } .produto-view > .compre-junto > div > .valores-comprejunto { width: 21%; } .produto-view .ganhe-desconto { width: 100%; } .produto-view .preco { width: 100%; } header .header-baixo ul > li.todos-departamentos > a { margin-left: 8%; margin-top: 12px; float: left; } header .header-baixo ul li.todos-departamentos img{ width: auto; } #topo-fixo .header-baixo ul li.todos-departamentos .triangulo { height: 30px; } .img-ie { max-width: 100%; } #topo-fixo .header-baixo .conteudo-centro .categorias > ul > li { width: 10.2%; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a.finalizar { float: right } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a#continuar-comprando { float: left; margin-right: 0px; margin-top: 10px; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tfoot > tr:first-child > td:first-child > a:nth-of-type(2) { margin-right: -93px; } #page .conteudo-paginas h2 { margin-bottom: 10px; } .banner-categoria-produto img { width: 100%; } #topo-fixo .central-atendimento p:last-child { margin-top: 15px; } .reponsivo-1024{ display:none } header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div { padding-right: 30px; margin-bottom: 40px; } .central-atendimento { margin-top: 15px; } .central-atendimento img{ margin-top: 15px; } li.todos-departamentos .li-hover-branco div:nth-of-type(5){ clear: both; } /* dropdown menu */ header .header-baixo ul li .li-hover .triangulo-branco { left: 37px; } header .header-baixo ul li .li-hover-direita .triangulo-branco { right: 37px; left: inherit; } #topo-fixo .header-baixo ul li .li-hover .triangulo-branco { left: 40px; } #topo-fixo .header-baixo ul li .li-hover-direita .triangulo-branco { left: inherit; right: 40px; } #addTelefones { margin-left: 12.5%; } #formCadastroCliente .tamanho7{ width: 20.7%; } .produto-view > .compre-junto > div > .produto-atual > img { width: 80%; } } /*769px - 960px*/ @media only screen and (max-width: 960px) { #avise-me .conteudo-direita { width: 80%; } header .header-baixo .conteudo-centro .categorias > ul > li { width: 10.37%; } header .header-baixo .conteudo-centro .categorias > ul li.todos-departamentos { width: 17%; } header .header-topo .carrinho { width: 8.782609%; } footer .winsite { margin-right: 11px; } .consulta-frete { width: 100%; } header .header-baixo ul > li.todos-departamentos > a { margin-left: 6px; } #topo-fixo .header-baixo ul li.todos-departamentos > a{ margin-left: 6px; margin-top: 8px; font-size: 1.3em; } #topo-fixo .header-baixo .conteudo-centro .categorias > ul > li { width: 10.251%; } #topo-fixo .header-baixo .conteudo-centro .categorias > ul li.todos-departamentos { width: 18%; } footer .conteudo-footer-baixo .footer-baixo-esq { margin-left: 10PX; } footer .footer-azul .footer-itens { width: 23.9%; margin-left: 9px; } header .header-topo nav.menu-topo > ul { margin-left: 10px; } header .header-centro .logo { max-width: 220px; margin-left: 10px; } #topo-fixo .links { width: 20%; } #topo-fixo .central-atendimento { margin-left: 20px; width: 18%; } header .header-baixo ul li.todos-departamentos .triangulo { left: 0px; top: 100%; border-top: 35px solid #eb8333; border-left: 74px solid transparent; border-right: 74px solid transparent; } #topo-fixo .header-baixo ul li.todos-departamentos .triangulo { width: 17%; top: 85%; } #topo-fixo .header-baixo ul li.todos-departamentos .triangulo { width: 18%; top: 95%; } .conteudo-paginas p, h2, h3 { padding-left: 10px; } .conteudo-paginas h1 { padding-left: 10px; } .breadcrumb ul { margin-left: 10px; width: 98.992%; } #topo-fixo .logo { width: 12.913043%; margin-top: 19px; } #fale-conosco .fale-conosco-direita { margin-right: 10px; } #lista-produtos .menu-esquerda ul li.pai:first-child { margin-left: 10px; } #lista-produtos .menu-esquerda { width: 20.608696%; } #lista-produtos .produtos-direita .produto-lista-item .comentarios { width: 90%; } header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco { width: 98vw; } #topo-fixo .header-baixo ul li .li-hover .triangulo-branco { left: 36px; } #topo-fixo .header-baixo ul li .li-hover-direita .triangulo-branco { left: inherit; right: 36px; } .oferta-valida { margin-left: 10px; } header .header-centro .topo-busca { margin-left: 47px; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tbody > tr > td:nth-of-type(2) { width: 48%; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > thead > tr > th { padding: 13px; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tbody > tr > td:nth-of-type(1) { padding-left: 10px; } .categorias-topo a { margin-left: 25px; } .categorias-topo a { font-size: 1.1em; } .categorias-topo { margin-right: 10px; } header .header-topo nav.menu-topo ul li a { font-size: 1.1em; } .valores-div { width: 77%; } .produto-view .preco, .parcelado-parcelado, .preco-economiza, .oferta-valida { width: 100%; margin-left: 10px; } .opcoes .opcao label { margin-left: 10px; } .produto-view .classificacao { margin-left: 10px; } .produto-view .formas-frete .forma-pagamento table { margin-left: 10px; } .produto-view .formas-frete .forma-pagamento { width: 100%; } .produto-view .simule-frete { width: 100%; margin-bottom: 15px; } .produto-view .ganhe-desconto { width: 76.29721%; } .produto-view .produto-info { width: 100%; } .opcoes { width: 100%; } .produto-view .formas-frete .forma-pagamento button { width: 60%; margin-right: 0px; margin-left: 10px; margin-bottom: 20px; } .informacoes-produto > div > h3 { padding-right: 10px; } #depoimentos .comentario-item p.nome { padding-left: 0px; } #depoimentos .comentario-item p.data { padding-left: 0; } form { width: 98%; margin-left: 10px; } #login .login-div { width: 48%; } #login .login-div form { margin-left: 0px; } h2 { padding-left: 0px; } #comentario-formulario .comentario-item .comentario-txt { margin-left: 10px; } header .header-centro .central-atendimento { width: 23.869565%; } header .header-centro .central-atendimento p { font-size: 1.5em; } header .header-centro .central-atendimento p:last-child { font-size: 1.3em; } section#carrinho > .conteudo-centro > .conteudo-paginas > table { width: 97.8%; float: right; margin-right: 10px; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho { padding: 2em 1em; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a#continuar-comprando { margin-top: 0; } #metodo-pagamento .conteudo-esquerda article:nth-of-type(2) .botao-entrega a.prosseguir { width: 50%; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tfoot > tr:first-child > td:first-child > a:nth-of-type(2) { margin-right: -126px; } #institucional-home { height: auto; } .central-atendimento { margin-top: 30px; } .central-atendimento img { margin-top: 0px; } .produto-view .simule-frete .tamanho2, .produto-view .simule-frete a{ padding-left: 10px; } header .header-baixo ul li .li-hover .triangulo-branco{ left: 37px; } header .header-baixo ul li .li-hover-direita .triangulo-branco{ right: 37px; left: inherit; } #addTelefones { float: right; margin-left: 0; margin-right: 18px; } footer .footer-sugerir p { width: 75%; margin: 0; } .produto-view > .compre-junto > div > .produto-atual > img{ padding-top: 20%; } .comprar-produto { background-position-x: 4%; padding-left: 13%; } .time-line{ width:100%; padding:30px 20px 65px 20px; margin-bottom:30px; background:#812828; } .hide-responsivo{ display: none !important; } .apear-responsivo{ display: initial !important; } #formCadastroTelefone .tamanho-ddd{ margin-left: 0 !important; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda, header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda { width: 16%; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .inside, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .inside { left: calc(15.5% + 15px); width: 83%; } /*TABELA RESPONSIVA*/ .tabela-responsivo{ display: block; } .tabela-responsivo tr, .tabela-responsivo td, .tabela-responsivo tbody { display: block; text-align: left; border-bottom: 1px solid #095493; } .tabela-responsivo .tabelahead{ display: none; } .tabela-responsivo .tabelabody td{ height: 36px; white-space: nowrap; overflow: hidden; } .tabela-responsivo tr td{ height: 36px; white-space: nowrap; overflow: hidden; } .tabela-responsivo td:before{ white-space: initial; } .tabela-responsivo .tabelabody{ border: 1px solid #095493; margin-bottom: 50px; } .tabela-responsivo .cliente-edit{ float: right; width: 20%; text-align: center; padding: 3px !important; border: 1px solid #095493; } .tabela-responsivo .cliente-delete{ float: right; width: 20%; text-align: center; padding: 6px !important; border: 1px solid #095493; } .tabela-responsivo .cliente-edit:hover, .tabela-responsivo .cliente-delete:hover { background: #E7E7E7 !important; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; } .tabela-responsivo.tabela-pedido tfoot{ float: right; } .tabela-responsivo td:before{ float: left; background: #dddddd; padding: 8px; margin: -8px 20px 0 -8px; width: 20%; text-align: center; } .tabela-responsivo .tabelabody .cliente-entrega:before { content: 'Entrega'; } .tabela-responsivo .tabelabody .cliente-cobranca:before { content: 'Cobrança'; } .tabela-responsivo .tabelabody .cliente-endereco:before { content: 'Rua'; } .tabela-responsivo .tabelabody .cliente-complemento:before { content: 'Complemento'; } .tabela-responsivo .tabelabody .cliente-bairro:before { content: 'Bairro'; } .tabela-responsivo .tabelabody .cliente-cep:before { content: 'Cep'; } .tabela-responsivo .tabelabody .cliente-cidade:before { content: 'Cidade/UF'; } .tabela-responsivo .tabelabody .cliente-proximidades:before { content: 'Ponto de Referência'; } .tabela-responsivo .tabelabody .cliente-nome:before { content: 'Cliente'; } .tabela-responsivo .tabelabody .cliente-pedido-site:before { content: 'Pedido Site'; } .tabela-responsivo .tabelabody .cliente-pedido-data:before { content: 'Data e Hora'; } .tabela-responsivo .tabelabody .cliente-pedido-visualizar:before { content: 'Abrir pedido'; } .tabela-responsivo .tabelabody .cliente-pedido-nota:before { content: 'Nota Fiscal'; } .tabela-responsivo .tabelabody .cliente-pedido-status:before { content: 'Situação do pedido'; } .tabela-responsivo .tabelabody .cliente-pedido-total:before { content: 'Total (R$)'; } .tabela-responsivo .tabelabody .cliente-vpedido-pedido:before { content: 'Pedido'; } .tabela-responsivo .tabelabody .cliente-vpedido-data:before { content: 'Data e hora do pedido'; } .tabela-responsivo .tabelabody .cliente-vpedido-nome:before { content: 'Nome'; } .tabela-responsivo .tabelabody .cliente-vpedido-razao:before { content: 'Razão Social'; } .tabela-responsivo .tabelabody .cliente-vpedido-cpf:before { content: 'CPF'; } .tabela-responsivo .tabelabody .cliente-vpedido-id:before { content: 'Sku'; } .tabela-responsivo .tabelabody .cliente-vpedido-marca:before { content: 'Marca'; } .tabela-responsivo .tabelabody .cliente-vpedido-referenciap:before { content: 'Referência'; } .tabela-responsivo .tabelabody .cliente-vpedido-cnpj:before { content: 'CNPJ'; } .tabela-responsivo .tabelabody .cliente-vpedido-telefone:before { content: 'Telefone'; } .tabela-responsivo .tabelabody .cliente-vpedido-email:before { content: 'E-mail'; } .tabela-responsivo .tabelabody .cliente-vpedido-entrega:before { content: 'Entregar aos cuidados de'; } .tabela-responsivo .tabelabody .cliente-vpedido-envio:before { content: 'Envio'; } .tabela-responsivo .tabelabody .cliente-vpedido-rastreamento:before { content: 'Rastreamento'; } .tabela-responsivo .tabelabody .cliente-vpedido-endereco:before { content: 'Endereço'; } .tabela-responsivo .tabelabody .cliente-vpedido-numero:before { content: 'Número'; } .tabela-responsivo .tabelabody .cliente-vpedido-bairro:before { content: 'Bairro'; } .tabela-responsivo .tabelabody .cliente-vpedido-cep:before { content: 'Cep'; } .tabela-responsivo .tabelabody .cliente-vpedido-cidade:before { content: 'Cidade/UF'; } .tabela-responsivo .tabelabody .cliente-vpedido-complemento:before { content: 'Complemento'; } .tabela-responsivo .tabelabody .cliente-vpedido-referencia:before { content: 'Ponto de referência'; } .tabela-responsivo .tabelabody .cliente-vpedido-imagem:before { content: 'Imagem'; padding: 20px 8px; } .tabela-responsivo .tabelabody .cliente-vpedido-imagem { height: 60px; } .tabela-responsivo .tabelabody .cliente-vpedido-produto:before { content: 'Produto'; } .tabela-responsivo .tabelabody .cliente-vpedido-marca:before { content: 'Marca'; } .tabela-responsivo .tabelabody .cliente-vpedido-sku:before { content: 'Sku'; } .tabela-responsivo .tabelabody .cliente-vpedido-referencia:before { content: 'Referencia'; } .tabela-responsivo .tabelabody .cliente-vpedido-quantidade:before { content: 'Quantidade'; } .tabela-responsivo .tabelabody .cliente-vpedido-valor:before { content: 'Valor unitário'; } .tabela-responsivo .tabelabody .cliente-vpedido-total:before { content: 'Valor total'; } .tabela-responsivo .tabelabody .cliente-vpedido-nnumero:before { content: 'Número'; } .tabela-responsivo .tabelabody .cliente-vpedido-ndata:before { content: 'Data de emissão'; } .tabela-responsivo .tabelabody .cliente-vpedido-ndownloads:before { content: 'Downloads'; } .tabela-responsivo .tabelabody .cliente-vpedido-nchave:before { content: 'Chave de acesso'; } .tabela-responsivo .tabelabody .cliente-contato:before { content: 'Contato'; } .tabela-responsivo .tabelabody .cliente-ddd:before { content: 'Telefone'; } .tabela-responsivo .tabelabody .cliente-operadora:before { content: 'Tipo'; } .tabela-responsivo .tabelabody .cliente-nome:before { content: 'Cliente'; } .tabela-responsivo tfoot .cliente-vpedido-desconto:before { content: 'Desconto'; } .tabela-responsivo tfoot .cliente-vpedido-frete:before { content: 'Frete'; } .tabela-responsivo tfoot .cliente-vpedido-total:before { content: 'Valor Total'; } .tabela-responsivo tfoot .cliente-vpedido-acrescimo:before { content: 'Acréscimo'; } .tabela-responsivo tfoot .cliente-vpedido-cupom-desconto:before { content: 'Cupom Desconto'; } .tabela-responsivo br{ display: none; } .tabela-responsivo .tabelabody .cliente-pedido-data small { margin-left: 10px; } .tabela-responsivo tfoot{ width: 100%; float: left; } .tabela-responsivo .tabelabody .empresa-vpedido-pix:before { content: 'CHAVE PIX'; } .tabela-responsivo .tabelabody .empresa-vpedido-cnpj:before { content: 'CNPJ'; } .tabela-responsivo .tabelabody .empresa-vpedido-favorecido:before { content: 'Favorecido'; } .tabela-responsivo .tabelabody .empresa-vpedido-agencia:before { content: 'Agência'; } .tabela-responsivo .tabelabody .empresa-vpedido-conta-corrente:before { content: 'Conta Corrente'; } /*CELULAR*/ #formCadastroTelefone .tamanho3 { width: 100%; } #formCadastroTelefone .tamanho6, #formCadastroTelefone .tamanho7{ width: 20%; } #campo_ramal { width: 10%; } #campo_operadora{ width: 20%; } preco-produto { font-size: 1.5em; } .table-carrinho > tbody > tr > td.preco-produto span{ font-size: 1.5em; } .table-carrinho > tbody > tr > td.preco-produto p{ font-size: 1.5em; text-align: center; } .fonte-descricao-icone{ margin-left: 5px; font-size: 11px; } .card-ml { flex-direction: column; align-items: center; padding: 15px; margin: 15px auto; } .card-ml img { max-width: 150px; margin-right: 0; margin-bottom: 15px; } .card-ml-content h2 { font-size: 18px; margin-bottom: 8px; } .card-ml-content h3 { font-size: 2.0em; margin-bottom: 8px; } .card-ml-content p { font-size: 1.6em !important; } .botao-Mercado-livre { font-size: 14px; padding: 8px 12px; width: 100%; text-align: center; } .botao-Mercado-livre img.icone-ml { width: 100px; margin: 0 10px 0 0; } } /*641px - 768px*/ @media only screen and (min-width: 841px) { #avise-me .conteudo-direita { width: 70%; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .item:hover > p:after, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .item:hover > p:after{ width: 100%; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .item:hover > p, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .item:hover > p{ color: #812828; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .item:hover .inside,#topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .item:hover .inside{ display: -webkit-flex; display: flex; } #fale-conosco .fale-conosco-esquerda{ width: 49%; } } @media only screen and (max-width: 840px) { #login .login-div { width: 100%; margin-top: 0; margin-bottom: 15px; } #avise-me .conteudo-direita { width: 65%; } .comprar-produto { padding-left: 0%; } #resumo-pedido .numeropedido{ width: 100%; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .item.ativo > p:after, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .item.ativo > p:after{ width: 100%; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .item.ativo > p, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .item.ativo > p{ color: #812828; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .item.ativo .inside, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .item.ativo .inside{ display: -webkit-flex; display: flex; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda, header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda { width: 18%; } header .header-baixo ul li.todos-departamentos > .li-hover > .li-hover-branco .categorias-esquerda .inside, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > .categorias-esquerda .inside { left: calc(17.4% + 15px); width: 81%; } .conteudo-paginas{ padding: 0 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } iframe{ width:100%; } #produto-videos{ float:left; width:100%; } .produto-imagem-categoria{ display:none; border:none; } /*menu quando desce*/ #topo-fixo .header-baixo ul li .li-hover .li-hover-branco { width: 260px; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li { width: 240px; } header .header-baixo ul li .li-hover .li-hover-branco .menu1, header .header-baixo ul li .li-hover .li-hover-branco .menu2{ width:100% !important; } header .header-topo nav.menu-topo ul li a{ font-size: 1.0em; } header .header-topo nav.menu-topo > ul { /* width: 59%; */ } .categorias-topo a { font-size: 1.0em; } .categorias-topo { margin-right: 5px; display:none; } header .header-topo nav.menu-topo ul li { margin-right: 10px; } header .header-topo .carrinho { width: 8.782609%; } header .header-centro .topo-busca { margin-left: 20px; } header .header-centro .logo { max-width: 150px; /*margin-top: 31px;*/ } header .header-baixo ul li a { font-size: 1.0em; } header .header-centro .central-atendimento { width: 28.869565%; } #topo-fixo .central-atendimento { width: 17.956522%; margin-left: 13px; } #topo-fixo .topo-busca { margin-left: 10px; } header .header-baixo .conteudo-centro .categorias > ul li.todos-departamentos { width: 19%; } header .header-baixo ul > li.todos-departamentos > a { margin-left: 5%; margin-top: 10px; font-size: 1.0em; } header .header-baixo ul li.todos-departamentos img { margin-right: 7px; margin-top: 1px; } #topo-fixo .header-baixo .conteudo-centro .categorias > ul li.todos-departamentos { width: 18.127%; } #topo-fixo .header-baixo ul li.todos-departamentos > a { font-size: 1.0em; line-height: 16px; margin-top: 11px; } #topo-fixo .header-baixo ul li.todos-departamentos img { margin-right: 7px; margin-top: 0px; width: 24%; } header .header-centro .central-atendimento p { font-size: 1.3em; } header .header-centro .central-atendimento p:last-child { font-size: 1.2em; } #topo-fixo .central-atendimento p { font-size: 1.2em; } #topo-fixo .central-atendimento p:last-child { font-size: 1.1em; } #topo-fixo .links a:first-child { font-size: 1.0em; } #topo-fixo .links { width: 24.130435%; } #topo-fixo .central-atendimento img { display: none; } header .header-baixo ul li .li-hover .li-hover-branco li a { font-size: 1.4em; } header .header-baixo ul li .li-hover .li-hover-branco .item-produto a.titulo-produto { margin-left: -4px; } footer .footer-azul .footer-itens { width: 31.9%; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco .item-produto a.titulo-produto { margin-left: -4px; } #topo-fixo .header-baixo ul li .li-hover .li-hover-branco li a { font-size: 1.4em; } #topo-fixo .header-baixo ul li a { font-size: 1.0em; } header .header-baixo ul li.todos-departamentos .triangulo{ left: 0px; top: 100%; border-top: 35px solid #eb8333; border-left: 74px solid transparent; border-right: 74px solid transparent; } #topo-fixo .header-baixo ul li.todos-departamentos .triangulo { width: 18.1%; top: 77%; height: 44px; } footer .footer-azul .footer-itens ul li { width: 88%; } .footer-itens div { width: 100%; } header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div > h3 > a, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div > h3 > a { font-size: 1.20em; } header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div > ul > li > a, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div > ul > li > a { font-size: 1.1em; } header .header-baixo ul .li-hover > .li-hover-branco, #topo-fixo .header-baixo ul .li-hover > .li-hover-branco { width: 679px; } h1.titulo-produto { width: 100%; } .conteudo-paginas h1 { font-size: 2.2em; padding-left: 0px; } .breadcrumb ul { margin-left: 10px; } #lista-produtos .menu-esquerda ul li.pai:first-child { margin-left: 0px; } #comentario-formulario .comentario-item .classificacao { margin-left: 0px; padding-left: 5px; } .opcoes { margin-left: 0px; } .produto-view .simule-frete p { padding-left: 0px; width: 100%; } .produto-view .formas-frete .forma-pagamento p { padding-left: 0; margin-top: 10px; } .produto-view > .compre-junto > div > .produto-atual > p { width: 100%; } .conteudo-paginas p, h2, h3 { font-size: 1.5em; line-height: 18px; padding-left: 0px; } .conteudo-direita-produto { width: 100%; margin-left: 0px; } .produto-view .classificacao { margin-left: 0px; } .valores-div { width: 100%; } .produto-view .formas-frete .forma-pagamento { width: 100%; } .quantidade-produto { margin: 0 auto; width: 80%; text-align: center; display: grid; justify-content: center; } .produto-view .formas-frete .forma-pagamento table { margin-left: 0px; } .produto-view .simule-frete { width: 100%; } .produto-view .formas-frete .forma-pagamento button { width: 20%; padding: 5px 0; } .produto-view .preco, .parcelado-parcelado, .preco-economiza, .oferta-valida { margin-left: 0px; } .visualizacao-botoes-view { margin-right: -46px; width: 50.319444%; } section { width: 100%; } .informacoes-produto > div > h3 { padding-right: 0px; font-size: 2.2em; line-height: 33px; } .informacoes-produto > div { padding: 0px; } .comentario-fazer { margin: 0 0px 20px 0px; width: 100%; } .informacoes-produto { width: 100%; padding-left: 3%; padding-right: 3%; } .produto-view > .compre-junto > div > .valores-comprejunto { width: 30%; float: left; margin-top: 50px; padding: 0; } .item_endereco { width: 100%; } .item_endereco_novo { right: 0; } #metodo-pagamento .conteudo-esquerda article:nth-of-type(2) .botao-entrega a.prosseguir { width: 94%; } #metodo-pagamento .tabela-uma-linha tr{ padding: 10px; border: 1px solid #dddddd !important; } #metodo-pagamento .tabela-uma-linha td{ text-align: center !important; display: block; padding: 5px; float: left; width: 100% !important; } #metodo-pagamento .tabela-uma-linha td a{ width: 100%; padding: 0 5px; } #metodo-pagamento #txt-forma-entrega td .botao-entrega a{ float: left; width: 100%; padding: 5px 0; } .botao-entrega .prosseguir { width: 95%; margin: 0 2.5%; } #confirmacao-pedido h2{ line-height: 20px !important; } .produto-view > .compre-junto > div { display: inherit; } .produto-view > .compre-junto > div > .itens-comprejunto { width: 60%; } .produto-view > .compre-junto > div > .valores-comprejunto > p { text-align: center; } .produto-view > .compre-junto > div > .produto-atual > .icon-comprejunto { right: 15px; } .produto-view > .compre-junto > div { padding-top: 2%; } #lista-produtos .produtos-direita .produto-lista-item .comentarios { width: 100%; } #lista-produtos .produtos-direita .produto-lista-item { width: 46%; } #lista-produtos .produtos-direita .produto-lista-kits { width: 46%; } #login .login-div form input[type="submit"] { margin-top: 5px; margin-bottom: 15px; } #fale-conosco .fale-conosco-direita { width: 100%; float: left; } .opcoes .opcao > label { width: 100%; margin-left: 0px; } .opcoes .opcao .radio { margin-right: 10px; width: 15%; } .produto-view .simule-frete { padding-left: 0px; } header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div { width: 33%; } header .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div > ul > li, #topo-fixo .header-baixo ul > li.todos-departamentos > .li-hover > .li-hover-branco > div > ul > li { width: 178px; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a#continuar-comprando { margin-left: -52px; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a.finalizar { width: 52%; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tfoot td { padding-left: 12px; } .item-produto .comprar-produto { opacity: 1; } li.todos-departamentos .li-hover-branco div:nth-of-type(4), li.todos-departamentos .li-hover-branco div:nth-of-type(7){ clear: both; } li.todos-departamentos .li-hover-branco div:nth-of-type(5){ clear: initial; } #lista-produtos .menu-esquerda ul > li.active > a { padding: 5px 0px; width: 100%; } #lista-produtos .menu-esquerda ul > li.pai > a:before { margin-right: 5px; } #lista-produtos .menu-esquerda ul li { padding: 10px 0; } .produto-direita-esq { width: 100%; } .conteudo-direita-produto { width: 100%; padding: 0; } header .header-baixo ul li .li-hover .li-hover-branco { width: 350px; } header .header-baixo ul li .li-hover .triangulo-branco { left: 28px; } header .header-baixo ul li .li-hover-direita .triangulo-branco { right: 28px; left: inherit; } #topo-fixo .header-baixo ul li .li-hover .triangulo-branco { left: 28px; } #topo-fixo .header-baixo ul li .li-hover-direita .triangulo-branco { right: 28px; left: inherit; } .produto-miniaturas img{ float: inherit; } .produto-view .formas-frete .forma-pagamento button { margin-left: 0px; } .produto-view .simule-frete .tamanho2, .produto-view .simule-frete a { padding-left: 0px; } .opcoes .opcao .radio label { margin-left: 0px; padding: 0; float: left; width: auto; } #cadastro fieldset ul li { width: 50%; } #addTelefones { margin-right: 12px; } .carousel-itens .owl-controls .owl-prev { left: -40px; } .carousel-itens .owl-controls .owl-next { right: -40px; } header .header-baixo .conteudo-centro .categorias > ul > li { width: 10.12%; } #topo-fixo .header-baixo .conteudo-centro .categorias > ul > li { width: 10.23%; } .produto-view > .compre-junto > div > .produto-atual { width: 40%; } .produto-view > .compre-junto > div > .produto-atual > img { padding-top: 30%; } #formCadastroEmail .tamanho3{ width: 100%; } /*TABELA RESPONSIVA*/ .tabela-responsivo .tabelabody .cliente-proximidades{ height: 55px; } .tabela-responsivo.tabela-pedido .tabelabody > *:before{ width: 30%; } .tabela-responsivo.tabela-vpedido-entrega .tabelabody > *:before, .tabela-responsivo.tabela-vpedido .tabelabody > *:before{ width: 30%; } /*CARRINHO*/ .acoes-carrinho{ width: 50% !important; } .acoes-carrinho a.finalizar { width: 70%; } /*CONTA*/ #cadastro fieldset ul li:nth-of-type(3) a { float: left; } /*SHARE EMAIL*/ #share_form { width: 610px; margin: 0; } .container-aviseme { flex-direction:column; } .form-aviseme { padding: 0; width: 100%; } .produto-aviseme { display:flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; } .calculo-frete-container { flex-direction:column; align-items:start; } .container-frete-input { width: 100%; } .frete-carrinho { width: 75% !important; } .botao-frete-carrinho { width: 25% !important; } .procurar-cep { display:none; } .mostrar-frete-responsivo, .valores-frete-responsivo { width: 100%; } .fonte-descricao-icone { margin-left: 1px; font-size: 10px; } } @media only screen and (max-width: 700px) { span.x-cupom-desconto-detalhes { margin-right:25%; } #avise-me .conteudo-direita { width: 100%; } #resumo-pedido .prosseguir{ float: left; margin-top: 15px; } .topo-busca .pesquisa-topo { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .topo-busca .triangulo { left: 50%; } #botaoComprarEmQuantidade{ width: auto !important; } .table-carrinho > tfoot{ width: 100%; float: left; } footer .footer-branco .footer-novidades{ margin: 0; width: 100%; margin-bottom: 10px; } .footer-branco .conteudo-centro { display: inherit; } footer .footer-sugerir{ margin: 0; width: 100%; } #topo-fixo .header-baixo ul li.todos-departamentos > a { margin-left: 0px; } header .header-baixo ul > li.todos-departamentos > a { margin-left: 0; margin-right: 0; } header .header-topo .carrinho { width: 9.782609%; } header .header-baixo ul li.todos-departamentos .triangulo { left: 0px; top: 100%; border-top: 35px solid #eb8333; border-left: 65px solid transparent; border-right: 65px solid transparent; } #topo-fixo .header-baixo ul li.todos-departamentos .triangulo { height: 50px; } #topo-fixo .links { width: 26.130435%; } #topo-fixo .topo-busca { width: 38.130435%; } .produto-view > .compre-junto > div > .produto-atual > .icon-comprejunto { right: 10px; } .produto-lista-ordem:first-child{ margin-bottom: 10px; } header .header-topo nav.menu-topo ul li:last-child{ width: 25%; } /*CARRINHO*/ .acoes-carrinho{ width: 100% !important; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a#continuar-comprando { margin-left: 0; } .opcoes-frete thead, .opcoes-frete tr, .opcoes-frete td, .opcoes-frete th{ display: block; width: 99%; float: left; text-align: left; } .table-carrinho > tfoot > tr > td > .calculo-frete > a > button { /* margin: 0 10px 0 0; */ } .carrinho-responsivo{ display: block; width: 100% !important; margin: 0 !important; } .carrinho-responsivo tr, .carrinho-responsivo td, .carrinho-responsivo tbody { display: block; text-align: left; } .carrinho-responsivo .tabelahead{ display: none; } .carrinho-responsivo .tabelabody td{ height: auto; white-space: nowrap; overflow: hidden; padding: 10px; padding-bottom: 0; } .carrinho-responsivo .tabelabody td:before{ white-space: initial; } .carrinho-responsivo .tabelabody{ border: 1px solid #095493; margin-bottom: 50px; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tbody > tr > td:nth-of-type(2) { width: auto; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tbody > tr > td:nth-of-type(1) { padding-left: 0px; } .carrinho-responsivo .tabelabody .img-produto{ width: 100%; padding: 0; height: auto; } .carrinho-responsivo .tabelabody .img-produto > a{ width: 100%; text-align: center; float: left; padding: 10px; } .carrinho-responsivo .nome-produto a{ width: 70%; } .carrinho-responsivo .fretepadding > td{ padding: 0 !important; } .carrinho-responsivo .tabelabody .preco-produto p{ font-size: 20px; float: left; } .carrinho-responsivo .tabelabody .carrinho-quantidade-produto{ padding: 0px; } .carrinho-responsivo .tabelabody .carrinho-quantidade-produto .quantidade-produto > div{ border-radius: 0; margin-top: 3px; } .carrinho-responsivo .tabelabody > *:before{ font-family: 'Open Sans'; font-size: 14px; width: 20%; text-align: center; float: left; background: #dddddd; padding: 10px; margin: -10px 10px 0 -10px; color: #222222; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tfoot #formas-envio td:first-child{ float: left; padding: 0 12px 5px 12px; width: auto; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tfoot #formas-envio td{ padding: 0 0 0 12px; width: 100%; } .opcoes-frete tbody tr{ padding: 10px 0; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tfoot td{ float: left; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tfoot #formas-envio th{ padding-top: 0; width: auto; float: left; } .carrinho-responsivo .tabelabody .remover-responsivo { display: none; } .carrinho-responsivo .tabelabody .new-remover-responsivo { display: initial; font-size: 20px; padding: 4px; margin-left: 25px; color: #0c4773 !important; position: absolute; } .carrinho-responsivo .tabelabody .img-produto:before { font-family: 'Arial'; content: 'Imagem'; width: 100%; margin-top: 0; } .carrinho-responsivo .tabelabody .nome-produto:before { content: 'Produto'; font-family: 'Arial'; } .carrinho-responsivo .tabelabody .carrinho-preco-item:before { content: 'Preço'; font-family: 'Arial'; } .carrinho-responsivo .tabelabody .carrinho-quantidade-produto:before { font-family: 'Arial'; content: 'Quantidade'; margin: 0; padding: 8px; margin-right: 10px; padding-bottom: 11px; padding-top: 12px; } .carrinho-responsivo .tabelabody .carrinho-preco-total:before { font-family: 'Arial'; content: 'Subtotal'; } /*CONTA*/ #cadastro fieldset ul li { width: 100%; padding: 0; } #cadastro fieldset ul li:nth-of-type(3) { position: relative; top: -6px; } /*SHARE EMAIL*/ #share_form { width: 500px; margin: 0; } .datesite{ width: 100%; } .yourdate.datesite{ padding-right: 0; } .frienddate.datesite{ padding-left: 0; } .calculo-frete-container { flex-direction:column; } .container-frete-input { width: 100%; } .frete-carrinho { width: 75% !important; } .botao-frete-carrinho { width: 25% !important; } } /*571px - 640px*/ @media only screen and (max-width: 640px) { #avise-me .conteudo-direita { width: 100%; } .filtro-responsivo{ display: block; } #menu-responsivo{ display:block; background: #0c4777; position: absolute; border-right: 1px solid #590fc1; height: 35px; } #cycle { margin-top: 0px; } section .fundo-branco { padding-bottom: 10px; } .breadcrumb ul { width: 100%; } section .carousel-itens { margin-top: 0px; } .produto-imagem-categoria{ display: none !important; } .categorias{ display: none; } #topo-fixo{ display: none !important; } .conteudo-direita-produto{ width:100%; margin:0 0 1em 0; } .produto-view .classificacao{ margin-left:0; } .produto-view .produto-info{ margin-left:0; } .opcoes{ margin-left:0; } .valores-div{ margin-left:0; width: 100%; } .produto-direita-esq{ width:100%; margin:0 0 1em 0; } header .header-topo .carrinho { width: 12.782609%; } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: #eb8332; font-size: 1.4em; } .produto-view .preco { margin-top: 5px; text-align: center; } /*links*/ form { margin-left: 0px; } .breadcrumb ul { margin-left: 0px; } .comentario-item { margin: 0px; width: 100% !important; } #lista-produtos .titulo-produto { padding: 0px; } .produto-view > .compre-junto > div > .produto-atual { width: 50%; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > .informacoes-item-comprejunto { padding-left: 3%; } .produto-view > .compre-junto > div > .itens-comprejunto { width: 50%; } .produto-view > .compre-junto > div > .produto-atual > .icon-comprejunto { right: 7px; } header .header-centro .central-atendimento { width: 30%; } header .header-centro .central-atendimento p { font-size: 1.2em; } header .header-centro .central-atendimento p span { font-size: 1.23em; } .categorias-topo { display: none; } header .header-topo nav.menu-topo > ul { display: none; width: 76%; margin-left: 50px; } header .header-topo nav.menu-topo ul li a { font-size: 1.1em } #lista-produtos .menu-esquerda { display: none; } #lista-produtos .produtos-direita { width: 100%; } section#carrinho > .conteudo-centro > .conteudo-paginas > table > tbody > tr > td:nth-of-type(1) { padding-left: 0px; } .produto-view .formas-frete { margin-right: 0px; } .produto-view .ganhe-desconto { font-size: 1.5em; } .visualizacao-botoes-view { margin-right: 0px; width: 35.319444%; margin-left: 32px; } .conteudo-paginas p, h2, h3 { font-size: 1.3em; line-height: 22px; } .produto-view .formas-frete .forma-pagamento table { font-size: 1.2em; } .tamanho2 { width: 19%; } #comentario-formulario .comentario-item .comentario-txt { margin-left: 0px; } header .header-centro .topo-busca { width: 38%; } ul li a img { display: none; } .produto-view .formas-frete .forma-pagamento { width: 100%; float: left; margin-top: 0px; } .produto-view .simule-frete { width: 100%; } header .header-baixo { display: none; } #login .login-div form input[type="submit"] { margin-top: 10px; } .tamanho2 { width: 48.5%; } .formas-frete .simule-frete .tamanho2{ width: 40%; } .produto-view .ganhe-desconto p.preco-desconto-txt { font-size: 1.5em; line-height: 17px; } .produto-view .ganhe-desconto p.preco-desconto { font-size: 1.2em; } .produto-view .preco .preco-parcelado { font-size: 0.40em; } .conteudo-paginas h3 { line-height: 35px; } .informacoes-produto > div > h3 { font-size: 2.0em; } .consulta-frete .seta { left: -30px; } .breadcrumb ul { margin-bottom: 60px; padding-left: 10px; width: 97%; } .produto-miniaturas { width: 100% !important; } .produto-view .simule-frete a:nth-of-type(1) { width: 60%; } .produto-view > .compre-junto > div > .valores-comprejunto { width: 100%; margin-top: 20px; text-align: center; } .produto-view > .compre-junto > div > .valores-comprejunto > p:nth-of-type(2) { font-size: 2.3em; } .comprar-produto { font-size: 1.9em; } .produto-view .produto-imagem { width: 100%; } .breadcrumb { margin: 15px auto -35px auto; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho { width: 100% !important; margin: 0; } .footer-itens div { width: 100%; } footer .footer-azul .footer-itens { width: 36.9%; line-height: 20px; font-size: 1.3em; margin-left: 11px; } footer .footer-azul .footer-itens div { font-size: 1.5em; } footer .footer-azul .footer-itens ul li { font-size: 1.0em; } footer .footer-branco .footer-novidades { width: 100%; margin-bottom: 5px } form { width: 100%; } footer .footer-sugerir { width: 100%; } footer .footer-sugerir p { margin-top: 3px } footer .footer-branco .footer-novidades p.novidades-texto { margin-top: 5px; } footer .footer-sugerir p { font-size: 1.5em; } .footer-azul .footer-itens:nth-of-type(1) { font-size: 1.3em; width: 25%; } .footer-azul .footer-itens:nth-of-type(2) { width: 31.9%; } .produto-view .ganhe-desconto { width: 100%; } header .header-centro .central-atendimento p:last-child { font-size: 1.4em; } section .carousel-itens h2 { padding-top: 10px; padding-bottom: 10px; } #lista-produtos .produtos-direita .produto-lista-filtro .produto-lista-ordem { margin-left: 0px; margin-right: 5px; } #lista-produtos .produtos-direita .produto-lista-item { margin: 10px 0px 30px 0px; } .owl-carousel .owl-item { padding: 0 10px; } .produto-atual img{ width: 100%; } .comentarios { margin-bottom: 15px; } #login h2 { text-align: left; } .cadcontato { width: 100%; } .tamanho-ramal{ width: 10%; } .tamanho-operadora{ width: 20%; } #formCadastroCliente fieldset:nth-of-type(1) .tamanho3 { width: 45%; } header .header-topo { height: 35px; } header .header-topo nav.menu-topo ul li:last-child { margin-top: 0px; } header .header-centro .topo-busca input[type="submit"] { background-size: 60%; } .item-produto { width: 80%; } .carousel-itens .owl-controls .owl-next { right: -36px; } .carousel-itens .owl-controls .owl-prev { left: -36px; } .valores-comprejunto .comprar-produto { background-position-x: 31%; padding-left: 7%; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > .informacoes-item-comprejunto > .titulo-produto { margin-bottom: 0px; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > .informacoes-item-comprejunto > .valor { margin: 0; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > a { float: left; width: 25%; } .produto-view > .compre-junto > div > .produto-atual > img { padding-top: 20%; } .informacoes-principais .tamanho3, .informacoes-principais .tamanho4{ width: 100% !important; margin: 0 !important; } #cadastro .conteudo-paginas #formCadastroSenha fieldset .tamanho3{ width: 100%; } header .header-topo nav.menu-topo ul li:last-child { width: auto; } #metodo-pagamento .conteudo-esquerda, #metodo-pagamento .conteudo-direita{ width: 100%; } /*CARRINHO*/ .carrinho-responsivo p, h2, h3{ font-size: 1.3em; line-height: 19px; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a#continuar-comprando { margin-left: 0px; } /*TABELA RESPONSIVA*/ .tabela-responsivo.tabela-vpedido-entrega .tabelabody > *:before, .tabela-responsivo.tabela-vpedido .tabelabody > *:before{ width: 40% !important; } .central-atendimento img { display: none; } .produto-view .ganhe-desconto p.preco-desconto-txt { font-size: 2.5em; line-height: 27px; } .produto-view .ganhe-desconto p.preco-desconto { font-size: 1.3em; line-height: 27px; } } @media screen and (min-width: 601px) { .banner-imagem-desktop { display: block !important; width: 100%; } .banner-imagem-mobile { display: none !important; width: 100%; } } @media screen and (max-width: 600px) { .banner-imagem-desktop { display: none !important; width: 100%; } .banner-imagem-mobile { display: block !important; width: 100%; } .grid-marcas-fornecedores{ padding-left:10px; width:85px; } .logo-marca-fornecedores { padding:5px; max-height: 80px; max-width: 80px; } .descricao-categoria-produto{ display: none !important; } } @media only screen and (max-width: 570px) { span x-cupom-desconto-celula { display: inline-block; } span.x-cupom-desconto-detalhes { margin-right:0px; } #avise-me .conteudo-direita { width: 100%; } #formas-envio { width: 100% !important; } .topo-busca .pesquisa-topo { width: 350px; } header .header-centro .central-atendimento img { margin-right: 5px; width: 16%; } header .header-centro .central-atendimento { width: 32%; } header .header-centro .topo-busca input[type="search"], header .header-centro .topo-busca input[type="text"] { width: 74.777778%; } header .header-centro .topo-busca input[type="submit"] { width: 18.222222%; } .produto-view > .compre-junto > div > .produto-atual > .icon-comprejunto { left: 50%; bottom: 18px; top: initial; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .footer-azul .footer-itens:nth-of-type(1) { width: 23%; padding-left: 6px; } .footer-azul .footer-itens:nth-of-type(2) { width: 33.9%; } footer .footer-azul .footer-itens { width: 41.9%; margin-left: 0px; } .footer-azul .footer-itens:nth-of-type(4){ padding-left: 10px; } footer .footer-azul .footer-itens div { font-size: 1.3em; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > .informacoes-item-comprejunto > .valor { font-size: 1.1em; } .produto-view .formas-frete .forma-pagamento table { font-size: 1em; } section .carousel-itens { font-size: 0.9em; } #lista-produtos .menu-esquerda ul li { padding: 10px 0px; } #lista-produtos .menu-esquerda ul li a { font-size: 1.1em; } #lista-produtos .menu-esquerda ul > li.active > a { font-size: 1.2em !important; padding: 5px 10px } #lista-produtos .menu-esquerda ul > li.pai > a:before { margin-right: 8px; } .owl-carousel .owl-item { padding: 0; } .carousel-itens .owl-controls .owl-next { right: -30px; } .carousel-itens .owl-controls .owl-prev { left: -30px; } .produto-view > .compre-junto > div > .produto-atual { width: 100%; padding: 0; padding-bottom: 70px; } .produto-view > .compre-junto > div > .produto-atual > img { padding-top: 0; width: 50%; margin: 0 25%; float: initial; text-align: center; } #lista-produtos .produto-atual .titulo-produto { text-align: center; } .produto-view > .compre-junto > div > .itens-comprejunto { width: 100%; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > a { width: 16%; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > a img{ width: 100%; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > .informacoes-item-comprejunto { padding-left: 0; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > .informacoes-item-comprejunto { width: 84%; } .produto-view .formas-frete .forma-pagamento button { width: 25%; } /*TABELA RESPONSIVA*/ .tabela-responsivo .tabelabody td:before { width: 30% !important; } .tabela-responsivo .cliente-delete { width: 30%; } .tabela-responsivo .cliente-edit { width: 30%; } .tabela-responsivo.tabela-pedido .tabelabody > *:before{ width: 40% !important; } /*CARRINHO*/ .table-carrinho > tfoot > tr { float: left; } .table-carrinho > tfoot > tr:last-child > td { padding: 0 !important; float: left; } .opcoes-frete{ width: 100%; } /*CELULAR*/ #formCadastroTelefone .tamanho6{ width: 36%; } /*SHARE EMAIL*/ #share_form { width: 400px; } .shareheader p { font-size: 1.6em; padding: 10px; } .submitshare { width: 25%; } .produto-view .ganhe-desconto { font-size: 1.4em; } .produto-view .ganhe-desconto p.preco-desconto-txt { font-size: 2.5em; line-height: 17px; } .produto-view .ganhe-desconto p.preco-desconto { font-size: 1.2em; line-height: 17px; } .calculo-frete-container { flex-direction:column; } .container-frete-input { width: 100% !important; } .frete-carrinho { width: 75% !important; } .botao-frete-carrinho { width: 25% !important; } } /*411px - 480px*/ @media only screen and (max-width: 480px) { .produto-miniaturas{ display:none !important; } .outer-img{ display: none !important; } .outer-video{ display: none !important; } .produto-imagem{ display: none !important; } .breadcrumb { margin: -18px auto -35px auto; } .titulo-produto h2, .titulo-produto h3{ font-size:14px; line-height: 1.25; height:50px; } #lista-produtos .produtos-direita .produto-lista-item { border-top: 1px solid #dddddd; } #lista-produtos .produtos-direita .produto-lista-kits { border-top: 1px solid #dddddd; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos { margin-top: 0px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-antigo { font-size: 11px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-antigo span { font-size: 12px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-final { font-size: 16px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-precos .preco-parcelado { font-size: 12px; height: 20px; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-imagem img { width: 95%; } .produto-lista-item .produto-lista-imagem { height: 190px; } .breadcrumb ul li { display:none; } span.x-cupom-desconto-detalhes { float:left; margin-left:5px; } #avise-me .conteudo-direita { width: 100%; } .carrinho-responsivo .tabelabody .preco-produto p { margin: 0; line-height: 23px; width: 100%; } .carrinho-responsivo .tabelabody { right: 30px; } .table-carrinho > tfoot > tr:first-child > td > div > table > tbody > tr:last-child, .table-carrinho > tfoot > tr:first-child > td > div > table > tbody > tr:nth-of-type(3) > td:last-child{ display: none !important; } .topo-busca .pesquisa-topo { width: 150%; right: 0; left: initial; transform: initial; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; top: 75px; } /*parte main*/ header .header-topo nav.menu-topo ul li a { font-size: 1.27em; } .img-ie { margin-left: 10px; } header .header-centro .central-atendimento img { display: none; } header .header-centro .topo-busca { width: 57%; } header .header-centro .central-atendimento { display: none; float: left; margin-top: -98px; margin-left: 48px; } header .header-centro .central-atendimento p { font-size: 1.1em; } .item-produto .comprar-produto { width: 100%; } header .header-centro .central-atendimento p span { display:none; font-size: 1.1em; } header .header-centro .central-atendimento p:last-child { line-height: 11px; } /* fazendo um teste no header */ header .header-topo nav.menu-topo ul { width: 92%; margin-left: 7%; position: absolute; margin-top: 110px; z-index: 1; } #cadastro fieldset { min-width: auto; width: 100%; } .tabela-responsivo .tabelabody td:before { width: 20% !important; } header .header-baixo { height: 45px; } .categorias-topo { display: block; margin-right: 15px; } header .header-topo .carrinho { width: 14.782609%; } /* fim do teste header */ .oferta-valida { width: 90%; margin-left: 0px; float: right; } .produto-view .formas-frete .forma-pagamento { width: 100%; margin-top: 0px; } .formas-frete .simule-frete .tamanho2 { width: 61.5%; } section .carousel-itens h2 { font-size: 1.9em; padding-bottom: 10px; padding-top: 10px; } .produto-view .formas-frete .forma-pagamento p { font-size: 1.6em; } .formas-frete .simule-frete .tamanho2 { width: 48%; padding-right: 10px; } .visualizacao-botoes-view { width: 48.319444%; } .informacoes-produto > div > h3 { font-size: 1.9em; } #login .login-div { width: 100%; } .login-div .login-infos .login-infos2 .triangulo{ left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .login-div .login-infos .login-infos2 ul{ width: 100%; margin: 0; } footer .footer-azul .footer-itens ul li { font-size: 1.4em; } footer .footer-azul .footer-itens { width: 95% !important; margin-bottom: 19px; font-size: 0.9em !important; line-height: 0px; } footer .footer-azul .footer-itens div { font-size: 1.8em; } footer .conteudo-footer-baixo .footer-baixo-esq p { font-size: 1.1em; } .tamanho4 { width: 100%; } .margem-centro { margin: 0 0% !important; } .tamanho2 { width: 100%; } .margem-esquerda { margin-left: 0%; } .tamanho-tel { width: 87%; } .tamanho2.margem-esquerda{ margin-left: 0% !important; } .captcha-div .tamanho2 { margin-left: 0px; } #lista-produtos .produtos-direita .produto-lista-item { width: 46%; margin: 10px 2%; } #lista-produtos .produtos-direita .produto-lista-kits { width: 46%; margin: 10px 2%; } .produto-view .ganhe-desconto { font-size: 1.0em; } #lista-produtos .produtos-direita { width: 67.217391%; } #lista-produtos .menu-esquerda { display: none; } .produto-view .ganhe-desconto { width: 100%; } #lista-produtos .produtos-direita { width: 100%; } header .header-centro { margin-bottom: 0px } .img-ie { margin-left: 0px; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho { width: 68%; } p { line-height: 19px; } footer .footer-azul .footer-itens ul li { font-size: 1.6em; line-height: 25px; } .dizem { width: 100% !important; } .fanpage { width: 100% !important; } #institucional-home { height: 130px; } #institucional-home p { margin-top: -30px; } section .carousel-itens { width: 99.9%; } footer .footer-azul .footer-itens ul li p { line-height: 22px; font-size: 0.9em; } #banner-baixo .owl-controls { display: none !important; } #lista-produtos .produtos-direita .produto-lista-filtro .produto-lista-ordem select{ margin-bottom: 10px; } .breadcrumb ul { padding-left: 0px; } .produto-view .simule-frete a:nth-of-type(1) { float: left; } .produto-view .simule-frete a:nth-of-type(1) { width: 52%; } .produto-view .simule-frete { width: 100%; float: left; } .produto-view .formas-frete { margin-bottom: -10px; } #formNaoEncontrou .margem-centro { margin: 0 0% !important; } #carrinho .conteudo-paginas h3 { line-height: 25px; font-size: 1.5em !important; } footer .footer-azul { padding: 20px 10px; box-sizing: border-box; } .produto-atual img { width: 80%; } .visualizacao-botoes-view { margin-left: 0px; } #cadastro fieldset ul li { width: 100%; } #cadastro fieldset ul li:nth-of-type(3) { top: -3px; } #cadastro fieldset ul li:nth-of-type(3) a { width: 100%; padding: 0; float: left; } #login .login-div { margin-top: 0; } #formCadastroCliente fieldset:nth-of-type(1) .tamanho3 { width: 43%; } #formCadastroCliente .tamanho7 { width: 35%; } #addTelefones { margin-right: 0; } .tamanho-telefone { width: 200px; margin-left: 12px; } .acesso-ao-site .tamanho3{ width: 100% !important; } #formEnderecoCliente .btn_ce{ margin: 1em 0; } .item-produto { width: 55%; height: auto !important; } header .header-centro .topo-busca input[type="submit"] { background-size: 30%; margin-top: 20px; width: 25%; } header .header-centro .logo { max-width: 150px; /* margin-top: 1px; */ } header .header-centro .topo-busca input[type="search"], header .header-centro .topo-busca input[type="text"] { margin-top: 20px; width: 75%; } .carousel-itens .owl-controls .owl-next { right: -20px; } .carousel-itens .owl-controls .owl-prev { left: -20px; } .formas-pagamento-div img{ width: 100%; } footer .footer-branco .footer-novidades p.novidades-texto { margin-top: 0px; } .produto-direita-esq .produto-imagem a { margin-left: 5%; } .formas-pagamento .formas-pagamento-div img:nth-of-type(2){ display: none; } .formas-pagamento .formas-pagamento-div { margin-bottom: 20px; } .produto-view .formas-frete .forma-pagamento button { width: 35%; } .progress { width: 30% !important; } .progress:nth-of-type(3) div[class^="bar"]{ display: none !important; } .progress:nth-of-type(1){ margin-bottom: 60px; } .time-line { padding: 30px 20px 70px 20px; } /*TABELA RESPONSIVA*/ .tabela-responsivo.tabela-vpedido-entrega .tabelabody > *:before, .tabela-responsivo.tabela-vpedido .tabelabody > *:before{ width: 50% !important; } /*CARRINHO*/ .carrinho-responsivo{ width: 100%; margin-right: 0 !important; } .carrinho-responsivo .tabelabody > *:before { width: 100%; margin-right: 0; } .carrinho-responsivo .tabelabody td > a{ line-height: 35px; } .carrinho-responsivo .tabelabody .quantidade-produto{ float: left; width: 100% !important; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a#continuar-comprando { margin-left: 0px; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a.finalizar { width: 38%; } /*CELULAR*/ #formCadastroTelefone .tamanho3{ width: 100%; margin: 0; } #formCadastroTelefone .tamanho-ddd{ width: 18%; margin: 0 !important; margin-right: 2% !important; } #formCadastroTelefone .tamanho6{ width: 80%; margin: 0 !important; } #formCadastroTelefone .tamanho7{ width: 48%; margin: 0 !important; margin-right: 2% !important; } #formCadastroTelefone #campo_ramal{ width: 50%; margin: 0 !important; } #formCadastroTelefone #campo_operadora{ width: 50%; margin: 0 !important; } #share_form { width: 350px; } .produto-view .ganhe-desconto p.preco-desconto-txt { font-size: 2.5em; line-height: 17px; } .produto-view .ganhe-desconto p.preco-desconto{ font-size: 2.2em; } .novidades-wrapper { flex-direction: column; height: auto; } .novidades { width: 100%; } .divider { height: 1px; width: 100%; } .news_inputs input{ width: 100%; } .responsive-captcha { flex-direction: column !important; gap: 10px; } .news_inputs, .news_inputs input[type="submit"] { width: 100% !important; } .novidades-captcha { width: 100%; } } @media only screen and (max-width: 440px) { #avise-me .conteudo-direita { width: 100%; } /* pagseguro */ #imagen_cvv_pagseguro img { width:100%; } .produto-lista-ordem:not(.filtro-responsivo) > p{ /*display: none;*/ } header .header-centro .central-atendimento { display: none; } header .header-topo .carrinho { width: 18.782609%; } header .header-topo nav.menu-topo ul li a { font-size: 1.17em; } header .header-topo nav.menu-topo ul { width: 96%; margin-left: 10px; } .breadcrumb ul { padding-left: 10px } header .header-centro { height: 128px; } header .header-centro .topo-busca input[type="search"], header .header-centro .topo-busca input[type="text"] { padding: 7px; } header .header-centro .topo-busca input[type="submit"] { height: 36px; } header .header-centro .topo-busca { width: 89%; margin-top: -16px; } header .header-centro .logo { width: auto; margin-top: 1px; margin-left: 18%; margin-bottom: 5px; max-height: 75px; } .footer-azul .footer-itens:nth-of-type(1){ padding-left: 12px; } .footer-azul .footer-itens:nth-of-type(2) { padding-left: 12px; } footer .footer-azul .footer-itens { padding-left: 13px; } .footer-azul .footer-itens:nth-of-type(4) { padding-left: 12px; margin-top: 7px; } footer .footer-branco .footer-novidades input[type="email"], input[type="text"], input[type="number"] { width: 100%; } footer .footer-azul .footer-itens ul li { width: 71%; } #cadastro fieldset ul li:nth-of-type(3) a { margin: 0; } footer .footer-branco .footer-novidades p.novidades-texto { width: 95%; } .valores-comprejunto .comprar-produto { background-position-x: 24%; } .produto-view .compre-junto > div > .itens-comprejunto > .item-comprejunto > a img { padding-top: 20%; } .produto-view .simule-frete a:nth-of-type(1) { margin-left: 0; } .produto-view .ganhe-desconto p.preco-desconto-txt{ font-size: 1.0em; } .produto-direita-esq .produto-imagem a { margin-left: 0%; } header .header-topo nav.menu-topo ul { margin-left: 1%; } .tabela-responsivo td:before { width: 40% !important; } .opcao-variacao { width:100%; height: 100%; } #lista-produtos .produtos-direita .produto-lista-kits { width: 100%; margin: 10px 2%; } } /*321px - 360px*/ @media only screen and (max-width: 360px) { #avise-me .conteudo-direita { width: 100%; } /* pagseguro */ #imagen_cvv_pagseguro img { width:100%; } /* topo */ .topo-busca .pesquisa-topo { width: 100%; } .categorias-topo { width: 65%; margin-right: 19px; } header .header-topo .carrinho { width: 20.782609%; } header .header-baixo { height: 70px; } header .header-topo nav.menu-topo ul li:last-child { margin: 5px 0 0 0; } header .header-topo nav.menu-topo ul { margin-left: 53% !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); width: 90%; margin-top: 144px; } .dizem { width: 100% !important; } .fanpage { width: 100% !important; } footer .footer-branco .footer-novidades p.novidades-texto { width: 100%; } footer .footer-branco .footer-novidades input[type="email"], input[type="text"], input[type="number"] { width: 100%; } footer .footer-branco .footer-novidades p.novidades-texto { margin-bottom: 5px; } footer .conteudo-footer-baixo .footer-baixo-esq { text-align: center; width: 96%; margin-bottom: 10px; } header .header-centro .central-atendimento { display: none; } #lista-produtos .menu-esquerda ul li.pai:first-child { display: none; } #lista-produtos .produtos-direita { width: 100%; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-imagem img { width: 95%; } #lista-produtos .produtos-direita .produto-lista-item .produto-lista-imagem img { width: 100%; } .produto-lista-item .produto-lista-imagem { height: 155px; } header .header-centro .topo-busca { width: 89%; margin-top: -16px; } footer .footer-branco .footer-novidades p.novidades-texto { font-size: 1.4em; } footer .footer-sugerir p { font-size: 1.2em; } header .header-centro .logo { width: auto; margin-top: 5px; margin-left: 18%; margin-bottom: 5px; max-height: 75px; } header .header-centro { height: 130px; } footer .footer-azul .footer-itens { font-size: 1.08em !important; } section { width: 100%; padding: 0px 0px; } #como-comprar .como-comprar { width: 100%; } .conteudo-paginas { padding: 0px 5px; } .produto-view .produto-imagem img { margin-left: 0px; } .produto-view .produto-imagem img { max-width: 100%; max-height: 100%; } .opcoes .opcao:last-child { margin-left: 0px; } .produto-view .formas-frete .forma-pagamento table { margin-left: 0px; width: 100%; } .visualizacao-botoes-view { margin-right: 0px; } .item-produto .item-produto { padding: 0 0%; margin-left: 20px; } header .header-topo nav.menu-topo ul li a { font-size: 1.3em; padding-left: 6px; } .produto-view .ganhe-desconto { width: 87%; } .produto-view .ganhe-desconto p.preco-desconto-txt { font-size: 1.0em; } .visualizacao-botoes-view { width: 58%; } #login .login-div { padding: 5%; } .informacoes-produto > div > h3 { line-height: 28px; font-size: 1.6em; } .produto-view .formas-frete { margin-bottom: 0px; } .comprar-produto:hover { margin-left: 0px; } section .carousel-itens h2 { padding: 10px 10px 10px 10px; font-size: 1.8em; line-height: 22px; } #institucional-home { height: 220px; margin-top: -10px; } .formas-pagamento .formas-pagamento-div img { width: 90%; } footer .conteudo-footer-claro { width: 99.8%; } footer .conteudo-footer-baixo { margin-bottom: 10px; } footer .footer-branco .footer-novidades p.novidades-texto { font-size: 1.3em; } #lista-produtos .produtos-direita .produto-lista-filtro .produto-lista-ordem select { margin-bottom: 10px; } #lista-produtos .produtos-direita .produto-lista-item { width: 46%; margin: 10px 2%; } #lista-produtos .produtos-direita .produto-lista-kits { width: 100%; margin: 10px 2%; } .conteudo-paginas p, h2, h3 { line-height: 20px; } .formas-frete .simule-frete .tamanho2 { width: 40%; } .produto-view .formas-frete .forma-pagamento table tr td { font-size: 1.2em; width: 100%; padding: 5px 0; float: left; } .produto-view .formas-frete .forma-pagamento table tr td:nth-of-type(2) { padding-left: 0px; } footer .footer-azul .footer-itens ul li { font-size: 1.2em; line-height: 17px; } footer .conteudo-footer-baixo .footer-baixo-esq p { font-size: 1.1em; } footer .conteudo-footer-claro p { font-size: 1.1em; } #lista-produtos .breadcrumb ul { padding-left: 10px; } #lista-produtos .titulo-produto { font-size: 1.0em; } #institucional-home p { font-size: 1.2em; text-align: justify; } #formFaleConosco .margem-esquerda { margin-left: 0% !important; } .item-produto .comprar-produto { width: 74%; } footer .winsite { margin: 10px 95px 0 0; } .produto-view .simule-frete { width: 100% } .produto-view .simule-frete a:nth-of-type(1) { width: 60%; } #formNaoEncontrou .tamanho-ddd { width: 80px; } .tamanho-tel { width: 85%; } #como-comprar .conteudo-paginas h1 { font-size: 1.9em; } #carrinho .conteudo-paginas h3 { font-size: 1.3em !important; } .header-topo .menu-topo ul li:nth-last-of-type(2){ border: none; } header .header-centro .topo-busca input[type="submit"] { height: 36px; } #lista-produtos #page .conteudo-paginas h2 { text-align: center; } .comentarios { margin-bottom: 15px; } .opcoes .opcao .radio { width: 25%; } .cadastro-contatos .tamanho-ddd, .cadastro-contatos .tamanho-telefone, .cadastro-contatos .tamanho-ramal, .cadastro-contatos .tamanho-operadora{ width: 50% !important; margin: 0 !important; } .cadastro-contatos .tamanho-ddd, .cadastro-contatos .tamanho-ramal{ padding-right: 15px; box-sizing: border-box; } .numero-endereco-cliente{ width: 25%; } .complemento-endereco-cliente{ width: 72%; } .item-produto { width: 70%; } #formCadastrarEmail { width: 100%; } /*TABELA REPONSIVO*/ .tabela-responsivo .tabelabody td{ height: 80px; white-space: initial; overflow: hidden; line-height: 28px; } .tabela-responsivo .tabelabody td:before { width: 100% !important; margin-right: 0 !important; margin-bottom: 8px !important; line-height: 20px !important; } .tabela-responsivo .cliente-edit{ width: 50%; height: 40px !important; padding: 5px !important; } .tabela-responsivo .cliente-delete{ width: 50%; height: 40px !important; padding: 5px !important; } .tabela-responsivo .tabelabody{ margin-bottom: 80px; } .tabela-responsivo.tabela-pedido .tabelabody > *:before, .tabela-responsivo.tabela-vpedido-entrega .tabelabody > *:before, .tabela-responsivo.tabela-vpedido .tabelabody > *:before { width: 100% !important; } .tabela-responsivo tfoot{ float: left; width: 100%; } .tabela-responsivo tfoot td, .tabela-responsivo tfoot th{ text-align: center !important; } /*CARRINHO*/ .carrinho-responsivo .tabelabody td > a{ line-height: 35px; } .carrinho-responsivo p{ line-height: 35px; float: left; margin: 0; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a#continuar-comprando { width: 100%; margin-left: 50%; float: left; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); margin-top: 15px; } section#carrinho > .conteudo-centro > .conteudo-paginas > .acoes-carrinho > a.finalizar { width: 100%; margin-left: 50%; float: left; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } .opcoes-frete tbody tr td { padding: 13px; } #share_form { width: 200px; } /*SHARE EMAIL*/ .submitshare { width: 35%; } } /*0px - 320px*/ @media only screen and (max-width: 320px) { #lista-produtos .produtos-direita .produto-lista-item { width: 85%; margin: 10px 8%; } #lista-produtos .produtos-direita .produto-lista-kits { width: 100%; margin: 10px 8%; } .produto-lista-item .produto-lista-imagem { height: 225px; } #avise-me .conteudo-direita { width: 100%; } /* pagseguro */ #imagen_cvv_pagseguro img { width:100%; } header .header-topo .carrinho { width: 21.782609%; } .categorias-topo { width: 55%; font-size: 1.15em; } .categorias-topo a img { display: none; } .produto-miniaturas { margin-left: 0px; } .produto-view .simule-frete button { margin-left: -4px; } #lista-produtos .breadcrumb ul { padding-left: 9px; } footer .footer-azul { width: 100%; padding: 20px 0px 0 0px; } #comentario-formulario .comentario-item p.nome { font-size: 1.3em; } #login h2 { font-size: 2.5em; } #banner-baixo .owl-controls { display: none !important; } footer .winsite { margin-left: 11px; float: right; } .tamanho-tel { width: 83%; } .tamanho-ddd { width: 15%; } section .carousel-itens h2 { font-size: 1.5em; height: auto; padding: 10px 7px 10px 10px; line-height: 24px; } .item-produto .item-produto { margin-left: 10px; } .produto-view .formas-frete .forma-pagamento table { margin-left: 0px; } .informacoes-produto > div > h3 { font-size: 1.487em; } section .carousel-itens { padding-bottom: 0px; position: relative; margin-bottom: 33px; } #lista-produtos .comprar-produto { width: 100%; } .valores-div { margin-top: 15px; margin-bottom: 15px; } .conteudo-paginas h3 { line-height: 25px; } .produto-view .formas-frete .forma-pagamento button { margin-top: 15px; } .produto-view .ganhe-desconto p.preco-desconto-txt { font-size: 1.0em; } .conteudo-direita-produto { margin: 0 0 0 0; } .item-produto:hover .comprar-produto { margin-left: 8px; } .formas-pagamento-div img { width: 90%; } #institucional-home { height: 205px; padding: 16px } #institucional-home p { margin-top: -53px; } .comprar-produto:hover { margin-left: 0px; } footer .footer-azul .footer-itens { margin-left: 0px; font-size: 1.0em; } #formNaoEncontrou .tamanho-ddd { width: 14%; } #carrinho .conteudo-paginas h3 { line-height: 21px; } footer .footer-azul .footer-itens { font-size: 1.05em !important; padding-left: 10px; } #lista-produtos .produtos-direita .produto-lista-filtro .produto-lista-ordem p { margin-left: -46px; } a:link, a:active, a:visited { margin-bottom: 10px; } header .header-topo nav.menu-topo ul li a { padding-left: 0px; } .valores-comprejunto .comprar-produto { background-position-x: 20%; } .produto-view .produto-imagem img { height: auto; } .produto-view .simule-frete a:nth-of-type(1) { width: 40%; } .formas-frete .simule-frete .tamanho2 { width: 55%; } .produto-view .formas-frete .forma-pagamento button { width: 100%; } .formas-pagamento h2{ float: left; width: 100%; } .new-remover-responsivo { margin: 0 !important; } .comprar-produto-disabled, .comprar-produto { background: #5c9e0d no-repeat; padding: 5px; } .avise-me { background: #F12D29 no-repeat; padding: 5px; } } .mm-menu { color: #fffee7 !important; background-color: #192b37; } @media screen and (max-width: 900px) { .fb-button-container { width:95%; } } @media screen and (max-width: 480px) { .fb-button-container { width:89%; } .avise-me { background: #F12D29 no-repeat; padding: 5px; } } @media screen and (max-width: 900px) { .modal{ top: 56%; } .modal > div { width: 100%; height: 101%; position: relative; margin: 10% auto; padding: 15px 20px; background: #812828; border-radius: 15px; top:-6%; padding-top:30px; } } .slides-numbers-mobile { color: #215898; display: none; font-size: 5px; font-weight: 10; right: 10px; position: absolute; top: 9px; z-index: 5; } .swiper-pagination{ z-index: 999; } .btn_video{ font-size: 30px; } /* ---------------------------------- */ /* BOTAO INICIAR VIDEO YOUTUBE */ svg#play { width:200px; margin: 120px auto; display:block; cursor: pointer; transform-origin: 50% 50%; } svg#play #triangle { fill:rgba(22,22,22,0); transition:500ms; transform-origin: 50% 50%; } svg#play:hover #triangle { fill:#A3CD3A; transform-origin: 50% 50%; } svg #lineOne, svg #lineTwo { transform-origin: 50% 50%; transition: 1s; } svg:hover #lineOne { transform: rotate(260deg); -webkit-transform: rotate(260deg); -moz-transform: rotate(260deg); -o-transform: rotate(260deg); transform-origin: 50% 50%; } svg:hover #lineTwo { transform: rotate(-450deg); transform-origin: 50% 50%; }  @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #812828 url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: 'â†�'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: 'â†�'; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; }  /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; 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; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [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; }