/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 02/04/2016, 16:52:38 Author : CarlosGarcia */ /* ************************************************************************************************ GENERAL STYLE ************************************************************************************************ */ @keyframes animSlideIn {0% {max-height:0;right:-30rem}95%, 100% {max-height:5000vh;right:0;-webkit-transition:all 1000ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition:all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition:all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition:all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition:all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550)}} #chatWhats, #recolhechatWhats {animation: animSlideIn 1s 1 normal;} #chatWhats, #expandechatWhats, #recolhechatWhats, .whats-mobile a {-webkit-border-top-left-radius: .3rem;-webkit-border-bottom-left-radius: .3rem;-moz-border-radius-topleft: .3rem;-moz-border-radius-bottomleft: .3rem;border-top-left-radius: .3rem;border-bottom-left-radius: .3rem;-webkit-box-shadow: 0 0 .3rem 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 .3rem 0 rgba(50, 50, 50, 0.75);box-shadow: 0 0 .3rem 0 rgba(50, 50, 50, 0.75);background-color: #27ae60;padding: 1.2rem .5rem .8rem; position: fixed;right: 0;text-align: right;top: 14rem; z-index: 9997;} #chatWhats a {color: #fff!important; display: block;font-family: Arial, Helvetica, sans;font-size: 1rem;padding: 6px;text-align: right;text-decoration: none;} .chatWhats .fa-whatsapp {display: block;font-size: 35px; margin-bottom: 10px;} .chatWhats .texto-whats {display: block;font-size: 12px;font-weight: 400;margin-bottom: 9px;} .chatWhats .texto-whats b {display: block; font-size: 20px;margin: 2px 0;} #chatWhats .new_tel_ddd {font-size: 14px;} #recolhechatWhats {cursor: pointer;margin-top: -2rem;padding: .5rem;} #chatWhats, #recolhechatWhats {animation: animSlideIn 1s 1 normal; color:#fff;} #chatWhats .chatWhats {min-width: 12rem;} #recolhechatWhats span {color: #fff;display: block;height: 1.2rem;right: -170px;width: 1.2rem;z-index: 9998;} #recolhechatWhats {margin-top: -35px;padding: 9px 8px 18px 13px;} #chatWhats .chatWhats.chatUnico {padding: 0;} #expandechatWhats span {color: #fff; display: block;right: 0;width: 3rem;font-size: 32px;z-index: 9999; margin: 0px 10px 2px 9px;} #expandechatWhats {cursor: pointer;right: -30rem;} .rotate_180 {transform: rotate(180deg)!important;transform: rotateY(180deg)!important; } .tab_down {margin-right: 5px; line-height: 1.4; border: 1px solid transparent; border-radius: 0px 0px 27px 27px; background: #ccc; padding: 10px 15px} .ctn_size {border: 1px solid #d4d4d4; padding: 7px 10px; position: relative} .ctn_color {border: 1px solid #d4d4d4; padding: 3px; position: relative;} .bt_var_size {cursor: pointer} .bt_var_size:hover {background: #f1f1f1;} .bt_var_size.active {border: 1px solid #000!important; background: #f1f1f1;} .bt_var_color {padding: 3px; cursor: pointer} .bt_var_color:hover {border: 1px solid #f1f1f1!important;} .bt_var_color.active {border: 1px solid #000!important;} .ctn_cl_tx {width: 28px; height: 28px;} #blocks2 .ctn_outros_tam {display: inline-grid} .header_logo_part {line-height: 1;-ms-flex-wrap: wrap;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;} .logo_box_content_wrapper {display: flex;flex-wrap: wrap;justify-content: flex-end;} .logo_box_text {display: inline-block;vertical-align: middle;text-align: left;position: relative;padding: 35px 40px 34px 80px;font-size: 14px;line-height: 20px;color: #535353;} .logo_box_text .logo_box_text-title {color: #191919;font-size: 17px;margin: 0 0 8px;display: block;font-weight: 600;} .logo_box_text .logo_box_text-description {display: block;} .logo_box_text + .logo_box_text::before {content: ''; position: absolute;display: block;width: 1px;height: 95px;left: -15px;top: 50%;margin-top: -48px; background-color: #e5e8ec;} .logo_box_text i {display: block; width: 80px;height: 80px;position: absolute;left: 0;top: 50%;font-size: 54px;text-align: center;line-height: 80px;color: #e5e5e5;margin: -40px 0 0;} .topo_float {position: absolute;margin: 0 auto;width: 100%;} .txt_guerrilha {font-size: 15px; margin: 10px 0; line-height: 20px;} .no-bg {background: none!important;} .bd-dark {border-top-color: rgba(255,255,255, 0.5);} .product-item-info{padding: 5px 10px; position: relative; background: #fff;} .product-item-info:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .owl-size-1 .owl2-stage-outer {padding: 15px 0 260px; margin-bottom: -260px;} .owl-size-3 .owl2-stage-outer {padding: 15px 0 0px; margin-bottom: -20px;} .rZndx, .owl2-controls {position: relative; z-index: 100} .owl-theme .owl2-nav > div {width: 35px; height: 35px;text-align: center;line-height: 35px;font-size: 0;border-radius: 3px;background: rgba(0, 0, 0, 0.4);z-index: 11;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;display: inline-block; vertical-align: middle; margin-left: 5px;} .owl-theme .owl2-nav > .owl2-prev::before {content: "\f104";font-family: FontAwesome; display: block;line-height: 35px;font-size: 1.5rem; color: #fff;} .owl-theme .owl2-nav > .owl2-next::before {content: "\f105";font-family: FontAwesome; display: block;line-height: 35px;font-size: 1.5rem; color: #fff;} .owl2-controls {position: absolute; top: -57px; right: 0px;} .close_cart_shop {background: #333; padding: 3px; color: #fff;} .cus-testimo .owl2-controls {top: -33px;} .so-latest-blog .owl-size-1 .owl2-item {padding: 5px} .title-tab {overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;} .title-tab::before {border-bottom: 1px solid #ebebeb;content: "";top: 50%;left: 0;right: 0;position: absolute; margin-right: 90px} .title-tab ul.tabs li {margin: 0 5px;display: inline-block;vertical-align: middle;background: #fff;border: 2px solid #ebebeb; border-radius: 3px;color: #242424;font-family: Rubik, Arial, Helvetica, sans-serif; font-size: 1.285em;padding: 0 34px;font-weight: 500;line-height: 46px; text-transform: capitalize; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; position: relative;cursor: pointer;} .border-cap {border-bottom: 2px solid rgb(204, 204, 204, 0.3);; position: relative; padding-bottom: 0.75em}.border-cap:after {content: '';height: 2px;width: 50px;display: block;position: absolute;bottom: -2px; background-color: #ff9900;} .crs-hd {visibility: hidden} .carousel:hover .crs-hd {visibility: visible} .tab-title {margin: 10px 0 20px;position: relative;} .tab-title .title {background: #f8f9f9;margin: 0;position: relative;display: inline-block;padding: 0 15px;} .product-item-info:hover .box-hover {top: 105%;opacity: 1;visibility: visible;} .product-item-info:hover .box-hover-2 {top: 0%;} .box-hover {position: absolute;left: 0;right: 0;top: 95%;z-index: 5;background: #fff;padding: 1px 15px 15px;border-top: 0;border-radius: 3px;transition: all 300ms ease-in-out;opacity: 0;visibility: hidden;margin: 0 -10px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .box-hover:before {content: "";position: absolute;background: #fff;left: 0;right: 0;top: -7px;height: 15px;z-index: -1;} .box-hover-2 {box-shadow: none;top: 15%;border-radius: 0px; position: relative; background: none; padding: 0px; margin: 0;} .det{position: relative;z-index: 2;background: #fff;margin: 0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;} .bd_empty {height: 15px; width: 15px; background: url(../../../media/images/layout/ecommerce/bd_empty.png); position: absolute; top: -7px; right: -7px; z-index: 10} ul, ol {list-style: none;margin: 0;padding: 0; } option {padding: 2px 5px;border-width: 1px; } img {max-width: 100%;} .languages-block, .currencies-block {position: relative} .badge {background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); padding: 10px 15px; border-radius: 20px;} .badge a, .badge {color: #000} .badge2 {background: #666; border-radius: 15px; padding:2px 10px; margin-left: 3px; font-size:12px } .badge2 a, .badge2 {color: #fff} .navbar-default .navbar-toggle {background: rgba(92,92,92,0.5); border-color: #888181; margin-right: 0px; border-radius: 0px!important;} .badge-success {background: #d6eccb;} .btn.active, .btn:active {box-shadow: none !important;} ol {counter-reset:item;list-style-type: none;margin: 0 0 0 15px; } div.tooltip.top {margin-top:-5px;top:-80px; } div.tooltip .tooltip-inner {border-radius: 0;} .list-inline {display: inline-block; } .input-append, .input-prepend {margin-bottom: 5px; white-space: nowrap;} #topo_searchbox .input_search, #topo_ragazzo .input_search {height: 50px;background: none repeat scroll 0 0 #fff !important; border: 1px solid #ddd !important;} #topo_searchbox .navbar-form {padding: 0px;} .btn_search {height: 50px;} input.search-query {border-radius:15px;margin-bottom:0;padding-left:14px;padding-right: 14px;} .form-search .input-append .search-query {border-radius:14px 0 0 14px!important; background-color: #ffffff; border: 1px solid #cccccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;} /* ************************************************************************************************ FORM ************************************************************************************************ */ select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {font-size: 12px;border-radius: 0;} .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {font-size: 12px; } .input-group .input-group-addon {font-size: 12px;height: 30px;} .dropdown-menu {font-size: inherit;} .btn-primary,.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open > .dropdown-toggle.btn-primary {background-color: #ea3a3c;border-color: #ea3a3c;} .btn-primary:hover, .btn-primary.active:hover,.btn-primary.focus:hover,.btn-primary:active:hover,.btn-primary:focus:hover,.btn-primary:hover:hover,.open > .dropdown-toggle.btn-primary:hover {background-color: #444;border-color: #444;} /* ************************************************************************************************ TABLE ************************************************************************************************ */ .table thead > tr > th {background: #eee;} table.std th, table.std td {vertical-align:middle;border:#ccc;padding: 10px;text-align: center; } table.std th {white-space: nowrap;background: #f5f5f5;} table.std tfoot td {color: #333;text-align: right;white-space: nowrap;} table.std {background: #fdfdfd;border-spacing: 0;vertical-align: middle;border: #ccc;width: 100%; } table th { border: #ccc; color: #7a7a7a; font-size: 13px; font-weight: bold; padding: 10px; text-align: center; vertical-align: middle; text-transform: uppercase; } table.table-bordered thead > * { background-color: rgba(51, 51, 51, 0.1); font-weight: bold; } /* list group */ .list-group a { border: 1px solid #DDDDDD; color: #888888; padding: 8px 12px; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { color: #ea3a3c; background-color: transparent; text-shadow: none; } .no-margin { margin: 0 !important; } .sidebar-menu .box-category-menu { z-index: 2; } .label-mega { background: #ee3b27; } .carousel-inner > .item > a > img, .carousel-inner > .item > img,.img-responsive, .thumbnail a > img, .thumbnail > img {margin: 0 auto;} /* Overlay pattern */ body.no-bgbody {} /* 1.Back To Top ----------------------------------------------------- */ .back-to-top {cursor: pointer;background-color: #777;width: 45px;bottom: 20px;right: 10px;min-height: 42px;overflow: hidden;z-index: 40;position: fixed;display: block;text-align: center;border-radius: 3px;opacity: 1;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); } .back-to-top.hidden-top {bottom: -100px;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0); } .back-to-top:hover {background-color: #ea3a3c; } .back-to-top i {font-size: 36px;margin: 1px 0 0 0 !important;color: #fff;display: inline-block;} /* CSS animation magnific-popup*/ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* 3.TOP PANEL (RIGHT FIXED PANEL) ----------------------------------------------------- */ .navbar-switcher { text-align: center; float: right; display: none; width: 49px; height: 47px; margin-bottom: -47px; margin-right: 10px; background: #ee3b27 !important; padding: 6px 7px; border-radius: 0 0 3px 3px; cursor: pointer; color: #fff; } .navbar-compact .header-center { padding: 10px 0; } .navbar-compact .header-bottom { margin: 0; } .navbar-switcher.active { background: #333 !important; } .navbar-switcher .i-active, .navbar-switcher.active .i-inactive { display: none; } .navbar-switcher.active .i-active, .navbar-switcher .fa-caret-down { display: inline; font-size: 1.8em; line-height: 1.5em; } .navbar-compact .compact-hidden, .navbar-compact .compact-hidden.hidden-xs { display: none !important; } /*********************************************************** Stores Page Styles ************************************************************/ /********** Menu **********/ #menu.navbar { border-radius: 0px; min-height: inherit; border: 0; margin: 0; } #menu .navbar-menu { padding: 0; } #menu .navbar-nav { float: none; position: relative; z-index: 100; } #menu .nav > li > a.home_link span { text-indent: -99999px; position: relative; background: #656565; width: 12px; height: 5px; display: inline-block; vertical-align: middle; margin: 0 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li > a.home_link span:before { clear: both; content: ' '; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent #656565 transparent; position: absolute; border-width: 0 10px 9px; top: -9px; left: -4px; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li > a.home_link span:after { clear: both; content: ' '; display: block; width: 12px; height: 4px; border: 1px solid #656565; border-width: 0px 4px 0px 4px; position: absolute; bottom: -4px; left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li > a.home_link:hover span { background: #ea3a3c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li > a.home_link:hover span:before { border-bottom-color: #ea3a3c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li > a.home_link:hover span:after { border-color: #ea3a3c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li { z-index: 30; } #menu .nav > li > a { font-size: 14px; color: #fff; line-height: 51px; text-decoration: none; padding: 0px 29px; z-index: 109; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li:hover > a { background: #898989; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu .nav > li > .dropdown-menu { display: none; background: #fff; position: absolute; z-index: 1010; padding: 5px 0 0; border-top: 3px solid #ea3a3c; border-bottom: 0px none; border-left: 0px none; border-right: 0px none; font-size: 12px; } #menu .nav > li:hover > .dropdown-menu.custom_block ul { display: table-cell; } #menu .nav > li > .dropdown-menu > ul { display: table-cell; } #menu .nav > li .dropdown-menu { border-radius: 0px; } #menu .nav > li.categories_hor > div { display: none; background: #fff; margin-left: 0px !important; width: 100%; position: absolute; padding: 10px 0px 0px 0px; } #menu .nav > li.sub:hover > a:after { clear: both; content: ' '; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent #ea3a3c transparent; position: absolute; border-width: 0px 7px 6px 7px; bottom: 0px; left: 50%; margin: 0 0 0 -5px; z-index: 1009; } #menu .nav > li.categories_hor > div > .column { position: relative; display: inline-block; margin: 0 0px 15px 0px; } #menu .nav > li > div > ul { position: relative; width: 300px; } #menu .nav > li.categories_hor > div > .column > a { font-weight: 700; font-size: 13px; color: #333; margin-bottom: 5px; } #menu .nav > li.categories_hor > div > .column a, #menu .nav > li > div > ul li a { padding: 4px 0; display: block; } #menu .nav > li > div > ul li a { font-size: 12px; } #menu .nav > li.categories_hor > div > .column:hover > a { color: #ea3a3c; } #menu .nav > li.categories_hor > div > .column > div { display: block; } #menu .nav > li.categories_hor > div > .column > div ul li, #menu .nav > li.categories > div > .column > div ul li { position: relative; } #menu .nav > li ul + ul { padding-left: 20px; } #menu .nav > li.categories_hor ul + ul, #menu .nav > li.categories > div > .column > div ul + ul { padding-left: 0px; } #menu .nav > li ul > li > a { text-decoration: none; padding: 4px; display: block; min-width: 160px; } #menu .nav > li div > ul > li > a { color: #222; } #menu .nav > li div > ul > li:hover > a { color: #ea3a3c; } #menu .nav > li.categories > div { display: none; background: #fff; min-width: 220px; position: absolute; z-index: 1008; padding: 5px 0 0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); } #menu .nav > li.categories > div > .column, #menu .nav > li > div > ul { position: relative; } #menu .nav > li.categories > div > .column + .column, #menu .nav > li > div > ul li + li { border-top: 1px solid #eee; } #menu .nav > li.categories > div > .column > a, #menu .nav > li div > ul > li > a { font-size: 13px; padding: 7px 10px; display: block; color: #444; } #menu .nav > li.categories > div > .column:hover > a, #menu .nav > li > div > ul li:hover > a { color: #ea3a3c; } #menu .nav > li.categories > div > .column > div { min-width: 220px; display: none; position: absolute; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); z-index: 1010; left: 100%; top: -3px; padding: 0; border-top: 3px solid #ea3a3c; } #menu .nav > li.categories > div > .column > div ul li + li, #menu .nav > li.categories_hor > div .submenu ul li + li a { border-top: 1px solid #eee; } .submenu { background: #fff; position: absolute; z-index: 1008; padding: 0px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); min-width: 160px; display: none; border-top: 3px solid #ea3a3c; left: 100%; margin-top: -32px; } #menu .nav > li.categories_hor > div .submenu { margin-top: -23px; margin-left: -15px; } #menu .nav > li.categories_hor > div .submenu ul li a { padding: 7px 10px; } #menu .nav > li.categories_hor.dropdown, #menu .nav > li.menu_brands.dropdown { position: static; } #menu .nav > li.menu_brands.name { position: relative; } #menu .nav > li.menu_brands.name > div { padding: 0px !important; } #menu .nav > li.menu_brands > div { padding: 15px 0px 0px !important; width: 100%; margin-left: 0px !important; } #menu .nav > li.menu_brands > div > div { text-align: center; margin-bottom: 10px; } #menu .nav > li.menu_brands > div > div a { display: block; line-height: 16px; } #menu .nav > li.menu_brands > div > div a img { display: inline-block; } #menu .nav > li.custom-link-right { float: right; } #menu .nav > li.wrap_custom_block > div.custom_block { padding-bottom: 10px; } .custom_block p { line-height: 18px; margin: 0; } .custom_block a, #menu .nav > li.wrap_custom_block > div.custom_block a { display: inline-block; } #menu .nav > li.wrap_custom_block > div.custom_block .featured .layout-color ul li { padding: 0; } #menu .nav > li.wrap_custom_block > div.custom_block .featured .layout-color ul li a { position: relative; display: inline-block; padding: 7px 0px 7px 30px; } #menu .nav > li.wrap_custom_block > div.custom_block .featured .layout-color ul li a:before { content: ""; width: 20px; height: 20px; display: inline-block; position: absolute; left: 0; } #menu .nav > li.wrap_custom_block > div.custom_block .featured { margin-top: 10px; } #menu .nav > li.wrap_custom_block > div.custom_block .featured .column > a { font-weight: 700; font-size: 13px; color: #333; margin-bottom: 5px; } #menu .nav > li.wrap_custom_block > div.custom_block .featured a { padding-right: 0; padding-left: 0; } #menu .nav > li.wrap_custom_block > div.custom_block .featured a:hover { text-decoration: none; } /********** Menu Responsive **********/ @media (max-width: 798px) { .mn_posSame {padding: 20px 5px!important; line-height: 0px!important;} .ftLine2 .legenda_right, .copyright-text {font-size: 10px;} #menuGroup li.active a, .dropdown.active > .bgMenuOp, .has-dropdown.active > .bgMenuOp, ul.megamenu > li.active_item{background: #ccc!important;} .btn-big {font-size: 16px!important;} } @media (max-width: 991px) { #menu.navbar { height: 50px; } .common-home #menu .nav > li:first-child > a, #menu .nav > li:hover > a { background: none; color: inherit; } #menu .navbar-header { float: none; display: block; padding: 13px 0; } #menu .navbar-header i { color: #fff; font-size: 18px; } #menu .navbar-header > .menu-text { text-transform: uppercase; font-size: 18px; padding: 0 10px; cursor: pointer; color: #fff; font-weight: bold; } #menu .navbar-header .menu-btn { text-transform: uppercase; color: #fff; cursor: pointer; float: left; position: relative; height: 32px; width: 32px; } #menu .navbar-header .menu-btn:before, #menu .navbar-header .menu-btn:after { background-color: #fff; content: ''; display: block; height: 4px; transition: all 200ms ease-in-out; } #menu .navbar-header .menu-btn:before { box-shadow: 0 10px 0 #fff; margin-bottom: 16px; } #menu .navbar-header .menu-btn.active:before { box-shadow: 0 0 0 #666; transform: translateY(10px) rotate(45deg); } #menu .navbar-header .menu-btn.active:after { transform: translateY(-10px) rotate(-45deg); } #menu .navbar-menu { display: none; } #menu .nav { padding: 0; background: white; border: 1px solid #ddd; border-top: 3px solid #ea3a3c; } #menu .nav > li { float: none; padding: 0px; display: block; height: auto; } #menu .nav > li > a { line-height: 42px; color: #666; padding: 0 15px; } #menu .nav > li > div { position: relative; } #menu .nav > li > div > ul { display: block; width: auto; } #menu .nav > li ul + ul { padding-left: 0px; } #menu .nav > li > .dropdown-menu ul > li { position: relative; } #menu .nav > li.categories_hor > div { width: 100%; } #menu .nav > li.categories_hor.dropdown { position: relative; } #menu .nav > li.categories > div > .column > a > span, #menu .nav > li div > ul > li > a > span { display: none; } #menu .nav > li.menu_brands.dropdown { position: relative; } #menu .nav > li.categories > div { position: relative; box-shadow: none; } #menu .nav > li.categories > div > .column > div { position: relative; left: auto; border-top: 0px none; box-shadow: none; } #menu .nav > li.categories > div > .column > div > ul { margin: 0 10px; } #menu .nav > li.categories_hor > div { min-width: inherit; position: relative; } #menu .nav > li.categories_hor > div > .column { width: auto; display: block; margin: 0; float: none; } #menu .nav > li.categories_hor > div > .column > div { display: none; position: relative; } #menu .nav > li.categories_hor > div > .column > div ul { display: block; } #menu .nav > li.categories_hor > div > .column a, #menu .nav > li > div > ul li a { width: auto; padding: 7px 0; margin: 0; } .submenu, #menu .nav > li.categories_hor > div .submenu { position: relative; margin-top: 0px; margin-left: 0px; left: auto; } #menu .nav > li.sub:hover > a:after { display: none; } #menu .nav > li.custom-link-right { float: none; } .submenu { box-shadow: none; border-top: 0px none; } #menu .nav > li > .dropdown-menu { box-shadow: none; float: none; width: 100%; position: relative; border: none; } #menu .nav > li > .dropdown-menu > ul { display: block; margin: 0 15px; } .rtl span.submore { left: 10px; right: auto; } } /* ************************************************************************************************ STRUCTURE ************************************************************************************************ */ @media (max-width: 1024px) { .no-res { width: 1190px; } } .wrapper-boxed, .wrapper-iframed, .wrapper-rounded { max-width: 1200px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .wrapper-iframed { margin: 20px auto; } .wrapper-rounded { margin: 20px auto; border-radius: 10px; overflow: hidden; } /************************************************************************************************* */ /* left blocks */ .product_page .breadcrumb { margin-bottom: 13px; } .block_filter input[type=checkbox] { margin: 0; } /*---------------------------BLOCK HEADER BOTTOM -----------------------*/ .sidebar-menu {position: relative; z-index: 99; } /* ************************************************************************************************/ /*-------------------- 3. SLIDESHOW --------------------*/ #so-slideshow { width: 100%; } #so-slideshow .slideshow { margin: 10px 0 0; } #so-slideshow .slideshow img { width: 100%; } #so-slideshow .slideshow .owl2-controls .owl2-nav div { position: absolute; top: 44.5%; outline: 0; width: 30px; height: 50px; font-size: 0; z-index: 9; transition: all 0.3s ease; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-prev { left: 0px; background: url("../../../media/images/layout/ecommerce/arrow-slider-left.png") no-repeat; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-prev:hover { background-position: 0 -59px; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-prev:before { content: ""; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-next { right: 0px; background: url("../../../media/images/layout/ecommerce/arrow-slider-right.png") no-repeat; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-next:hover { background-position: 0 -59px; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-next:before { content: ""; } /*========================== 4. BLOCK CART ======================*/ .shopping_cart .btn-group { display: block; width: 179px; } .shopping_cart a.top_cart { display: block; position: relative; box-shadow: none !important; text-decoration: none !important; } .shopping_cart a.top_cart .shopcart .title { color: #444; font-weight: bold; text-transform: uppercase; } .shopping_cart a.top_cart .shopcart .text-shopping-cart { color: #999; } .shopping_cart a.top_cart .handle { background: url("../../../media/images/layout/ecommerce/icon_minicart.png") no-repeat 8px 8px; background-color: #ea3a3c; width: 36px; height: 34px; margin: 5px 10px; } .shopping_cart .shoppingcart-box { min-width: 350px; padding: 15px; border-radius: 0; border-top: 3px solid #333; } .shopping_cart .shoppingcart-box:before { content: ""; height: 1px; width: 1px; border-style: solid; border-bottom: 10px solid #333; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: transparent; position: absolute; top: -10px; right: 114px; } .shoppingcart-box.dropdown-menu {padding: 0px 5px;} .shoppingcart-box .table-striped > tbody > tr:nth-of-type(odd) { background: #fff; } .shoppingcart-box .table-striped a { color: #666; font-weight: bold; text-transform: none; } .shopping_cart .shoppingcart-box .table-striped a.fa-edit { display: none; } .shopping_cart .shoppingcart-box .table-striped a:hover { color: #ea3a3c; } .shopping_cart .shoppingcart-box .table-striped a.fa-delete { width: 20px; height: 20px; background: #d6d6d6; border-radius: 3px; text-align: center; line-height: 19px; color: #000; } .shopping_cart .shoppingcart-box .table-striped a.fa-delete:hover { background: #ea3a3c; color: #fff; text-decoration: none; } .shopping_cart .shoppingcart-box a.btn { padding: 6px 20px 6px 10px; color: #fff; background: #444; border-color: #444; } .shopping_cart .shoppingcart-box a.btn i { margin-right: 5px; } .shopping_cart .shoppingcart-box a.btn:hover { border: 1px solid #ea3a3c; background: #ea3a3c; } .shopping_cart .table-bordered { border-left: 0; border-right: 0; } .shopping_cart .table > tbody > tr { margin: 10px 0; } .shopping_cart .table > tbody > tr:first-child > td { border-top: 0; } .shopping_cart .table > tbody > tr > td, .shopping_cart .table > tbody > tr > th, .shopping_cart .table > tfoot > tr > td, .shopping_cart .table > tfoot > tr > th, .shopping_cart .table > thead > tr > td, .shopping_cart .table > thead > tr > th { vertical-align: middle; } .shopping_cart .table-bordered > tbody > tr > td, .shopping_cart .table-bordered > tbody > tr > th, .shopping_cart .table-bordered > tfoot > tr > td, .shopping_cart .table-bordered > tfoot > tr > th, .shopping_cart .table-bordered > thead > tr > td, .shopping_cart .table-bordered > thead > tr > th { border: 0; } /*-------------------- 5. VERTICAL MENU ---------------------*/ .sidebar-menu .so-vertical-menu .cat-title { background-color: #444; padding: 0 20px; height: 50px; cursor: pointer; line-height: 52px; position: relative; font-size: 14px; } .sidebar-menu .so-vertical-menu .cat-title .arrow-circle { font-size: 17px; margin: 16px 0; } .sidebar-menu .so-vertical-menu > ul.vf-menu { border-top: 3px solid #ea3a3c; width: 100%; background: white; position: absolute; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 999; border-left: 1px solid #ddd; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li { background: white; border-top: 0; min-height: 37px; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li > a { color: #666; padding: 0 18px; min-height: 38px; line-height: 44px; border-bottom: 0; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li.sovm-havechild > a:after { position: absolute; background: url("../../../media/images/layout/ecommerce/ico-menu-parent.png") no-repeat; width: 15px; height: 15px; top: 13px; right: 10px; content: ""; background-position: center -25px; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li > ul { background: #fff; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li > ul li a { color: #666; padding-left: 20px; border-bottom: 0; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li > ul li:hover a { background-color: #ea3a3c; color: white; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li:hover { background-color: #ea3a3c; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li:hover.sovm-havechild > a:after { background-position: center 0; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li:hover > a { color: #fff; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li.more-wrap { text-align: left; border-top: 1px solid #ddd; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li.more-wrap span.more-view { font-weight: normal; padding: 13px 15px; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li.more-wrap span.more-view i { position: relative; height: 100%; padding: 0 5px 0 0; } .sidebar-menu .so-vertical-menu > ul.vf-menu > li.more-wrap:hover span.more-view { color: #fff; } /*------------------- 6. BLOCK CATEGORIES -----------*/ .block_category { margin-top: 0; } .block_category .box-content { margin-top: 20px; border: 1px solid #e6e6e6; } .block_category .box-content ul { display: block; } .block_category .box-content ul li { position: relative; border-bottom: 1px dotted #E4E4E4; margin: 0 20px; } .block_category .box-content ul li a { display: block; line-height: 30px; padding: 5px 30px 5px 0px; color: #444; border-radius: 0; border: 0; background-color: transparent; } .block_category .box-content ul li a:hover { color: #ea3a3c; } .block_category .box-content ul li span.button-view { display: block; position: absolute; right: 0; top: 5px; cursor: pointer; z-index: 10; font-size: 0; text-align: center; } .block_category .box-content ul li span.button-view:before { content: "\f147"; font-family: "FontAwesome"; display: block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; font-size: 14px; } .block_category .box-content ul li span.button-view.ttclose:before { content: "\f196"; } .block_category .box-content ul li ul { padding-bottom: 10px; } .block_category .box-content ul li ul li { border-bottom: none; } .block_category .box-content ul li ul li a { line-height: 20px; padding-right: 0; } .block_category .box-content ul li ul li a:before { font-family: fontawesome; content: "\f105"; margin-left: -12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; opacity: 0; filter: alpha(opacity=0); } .block_category .box-content ul li ul li a:hover:before { margin-left: 0; opacity: 1; } .block_category .box-content ul li:hover > a, .block_category .box-content ul li:hover span:before { color: #ea3a3c; } /*----------- 7. OTHER MODULES -------*/ /*----------------- 7.1 BLOCK FILTER ------------*/ .block_filter { margin-top: 30px; } .block_filter .title-filter { color: #666; line-height: 15px; padding: 10px 0; text-transform: capitalize; border: 0; font-size: 18px; } .block_filter .simple-list label { margin: 0; padding-top: 8px; font-size: 12px; color: #666; text-transform: capitalize; padding-left: 30px; } .block_filter .simple-list label input { float: left; margin-left: -20px; position: relative; top: 4px; } .block_filter button#button-filter { background: #ea3a3c; border-radius: 0; color: #fff; margin-top: 20px; text-transform: uppercase; font-weight: bold; } .block_filter button#button-filter:hover { background: #000; } /*-------------------- 7.2 LATEST PRODUCT -----------------*/ .latest-product { margin-bottom: 30px; } .latest-product .product-latest-item { margin-bottom: 20px; } .latest-product .product-latest-item:last-child { margin: 0; } .latest-product .media .media-left { float: left; border: 1px solid #ddd; padding: 0; margin-right: 20px; } .latest-product .media .media-body h4 { margin-top: 0; } .latest-product .media .media-body h4 a { font-size: 13px; color: #666; font-weight: bold; } .latest-product .media .media-body h4 a:hover { color: #ea3a3c; } .latest-product .media .media-body .description, .latest-product .media .media-body .button-group { display: none; } .latest-product .media .media-body .price { margin-bottom: 0; } .latest-product .media .media-body .price .price-new { font-size: 14px; } .latest-product .media:hover .media-left { border-color: #ea3a3c; } /*----- 7.3 FEATURED PRODUCT --------*/ .module .products-list.grid .product-layout .product-item-container { margin-bottom: 0; } /*==================GENERAL ============*/ .label-new, .label-sale { font-size: 12px; height: 30px; padding: 3px 10px; min-width: 56px; text-align: center; display: block; position: absolute; z-index: 1; line-height: 23px; text-transform: uppercase; } .label-sale { background: #e74c3c; top: 10px; left: 10px; } .label-sale:after { content: ""; border-top: 9px solid #e74c3c; border-left: 8px solid transparent; position: absolute; bottom: -6px; right: 8px; } .label-new { background: #00ABF0; top: 10px; right: 10px; } .label-new:after { content: ""; border-top: 9px solid #00ABF0; border-right: 8px solid transparent; position: absolute; bottom: -6px; left: 8px; } .label-percent {padding: 2px 5px;background: #ea3a3c;font-size: 13px;font-weight: normal; } .label-percent-2, .label-bagde {padding: 5px 9px;background: #c5c5c5;font-size: 13px;font-weight: normal;position: absolute;width: auto;display: inline-block;color: #fff;border-radius: 3px;margin: 5px 0 4px 5px; top: 0; z-index: 10} .rd_0 {right:0} .rd_10 {right:10px} /*-----------Rate----------------*/ .ratings { margin: 5px 0 0 0; } .ratings span.fa-stack { width: 14px; height: 14px; line-height: 14px; } .ratings span.fa-stack .fa-star-o:before { content: "\f005"; color: #DADADA; } .ratings span.fa-stack .fa-star.fa-stack-1x { position: relative; z-index: 1; } .ratings span.fa-stack .fa-star.fa-stack-1x:before { content: "\f005"; color: #ebdb2c; } span.fa-stack { width: 14px; height: 14px; line-height: 14px; } span.fa-stack .fa-star-o:before { content: "\f005"; color: #DADADA; } span.fa-stack .fa-star.fa-stack-2x { position: relative; z-index: 1; } span.fa-stack .fa-star.fa-stack-2x:before { content: "\f005"; color: #ebdb2c; } .price {margin: 0 0 10px 0;line-height: 24px; } .price .price-tax { display: none; } .price .price-old, .price-old { font-size: 13px; line-height: 20px; padding: 2px 5px; display: inline-block; text-decoration: line-through; color: #999; } .price .price-new, .price span.price, .price-new { color: #e74c3c; font-size: 17px; } /*------------------PRODUCT LISTING ====================*/ h2.title-category { border-bottom: 1px solid #e6e6e6; margin: 0 0 30px; padding: 0 0 10px 0; } .filters-panel-base {margin-bottom: 20px;} .filters-panel { border-bottom: 1px solid; border-top: 1px solid; border-color: #DDDDDD; margin-bottom: 15px; padding: 10px 0; } .filters-panel .list-view { text-align: left; margin-top: 4px; } .filters-panel .list-view button.btn { border-radius: 0; padding: 3px 8px; color: #666; } .filters-panel .list-view button.btn.active { background: #ea3a3c; color: #fff; border-color: #ea3a3c; box-shadow: none; } .filters-panel .list-view button.btn.active:hover { background: #ea3a3c; color: #fff; } .filters-panel .list-view button.btn:hover { color: #ea3a3c; background: transparent; border-color: #ea3a3c; } .filters-panel .list-view button.btn:focus { border-radius: 0; border-color: #ea3a3c; outline: none; } .filters-panel .list-view .fa { font-size: 14px; } .filters-panel.product-filter-bottom { margin-top: 15px; } .filters-panel .box-pagination ul { margin: 4px 0 0 0; height: 27px; } .filters-panel select { border-radius: 0; } .box-pagination .pagination > li span, .box-pagination .pagination > li a { padding: 0; width: 27px; height: 28px; line-height: 28px; text-align: center; } .short-by-show .form-group { margin-right: 10px; } .short-by-show .form-group.shortby select { width: 100px; } /*----------------PRODUCT LIST ------------------*/ .grid .product-layout.col-md-12 .second_img .img_0, .grid .product-layout.col-md-6 .second_img .img_0 { left: calc(50% - 125px); } .products-list { /*----------------PRODUCT LIST GRID ------------------*/ /*----------------PRODUCT LIST LIST ------------------*/ } .products-list .product-layout .left-block .quickview, .btn-quickview { cursor: pointer; display: block; text-align: center; background: none repeat scroll 0 0 white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #777676; font-size: 13px; height: 35px; line-height: 35px; left: 50%; margin: -21px 0 0 -53px; padding: 0; position: absolute; top: 50%; width: 107px; border-radius: 0; } .products-list .product-layout .left-block .quickview:hover, .btn-quickview:hover { background-color: #ea3a3c; color: #fff; border-color: #ea3a3c; } .products-list .product-layout .left-block .product-image-container { width: 100%; float: left; position: relative; overflow: hidden; text-align: center; } .products-list .product-layout .left-block .product-image-container.second_img .img_0 { position: absolute; z-index: 8; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: 100%; opacity: 0; } .products-list .product-layout .left-block .countdown_box { width: 100%; position: absolute; top: 40%; transition: 0.3s all ease 0s; transform: scale(1); } .products-list .product-layout .left-block .countdown_box .title { display: none; } .products-list .product-layout .left-block .countdown_box .countdown_inner { float: left; width: 100%; background: #ea3a3c; box-shadow: 3px 2px 2px #ccc; } .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item { width: 25%; float: left; color: #fff; padding: 6px; text-align: center; border: 1px solid #f17f80; } .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item .num-time { font-weight: bold; } .products-list .product-layout .caption { padding: 0 10px; } .products-list .product-layout .caption h4 a { font-size: 15px; margin: 10px 0 4px; font-weight: bold; color: #666; } .products-list .product-layout .caption h4 a:hover { color: #ea3a3c; } .products-list .product-layout .button-group { margin: 5px 0; } .products-list .product-layout .button-group .addToCart { position: relative; border: 1px solid #ddd; background: transparent; color: #444; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 7px 15px 7px 8px; } .ind_pd_no {text-indent: 0px!important; padding-top: 5px!important; background-image: none!important; color: #fff!important;} .products-list .product-layout .button-group .addToCart i { margin-right: 5px; } .products-list .product-layout .button-group .addToCart:hover { background-color: #ea3a3c; color: #fff; border-color: #ea3a3c; } .products-list .product-layout .button-group .addToCart:hover:before { background-position: 0px 0px; } .products-list .product-layout .button-group .wishlist, .products-list .product-layout .button-group .compare { background: transparent; border-radius: 0; border: 1px solid #ddd; width: 34px; height: 38px; text-align: center; } .products-list .product-layout .button-group .wishlist:hover, .products-list .product-layout .button-group .compare:hover { border-color: #ea3a3c; color: #ea3a3c; } .products-list.grid .product-layout .product-item-container { margin: 15px 0; padding: 20px; border: 1px solid #dddddd; overflow: hidden; } .products-list.grid .product-layout .product-item-container .left-block { position: relative; float: left; width: 100%; } .shd_2:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)} .products-list.grid .product-layout .product-item-container:hover { box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); } .products-list.grid .product-layout .product-item-container:hover .left-block .quickview { opacity: 1; background-color: #ea3a3c; color: #fff; border-color: #ea3a3c; } .products-list.grid .product-layout .product-item-container:hover .left-block .quickview:hover { background-color: #444; border-color: #444; } .products-list.grid .product-layout .product-item-container:hover .left-block .countdown_box { transform: scale(0); } .products-list.grid .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 { top: 0; opacity: 1; z-index: 0; } .products-list.grid .product-layout .product-item-container:hover .right-block .caption h4 a { color: #ea3a3c; } .products-list.list .product-layout .product-item-container { float: left; width: 100%; margin: 15px 0; overflow: hidden; padding: 10px 5px;} .products-list.list .product-layout .product-item-container .left-block { border: 1px solid #ddd; padding: 0; } .products-list.list .product-layout .product-item-container .left-block .quickview { top: 0; opacity: 0; } .products-list.list .product-layout .product-item-container .left-block .product-image-container, .products-list.list .product-layout .product-item-container .left-block .countdown_box { padding: 10px; } .products-list.list .product-layout .product-item-container .right-block .caption h4 { margin-top: 0; } .products-list.list .product-layout .product-item-container .right-block .description { padding: 0; } .products-list.list .product-layout .product-item-container .right-block .button-group { margin: 20px 0 0 0; padding: 0 10px; } .products-list.list .product-layout .product-item-container:hover .left-block { box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); } .products-list.list .product-layout .product-item-container:hover .left-block .quickview {top: 46%;opacity: 1;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;background-color: #ea3a3c;color: #fff;border-color: #ea3a3c;} .products-list.list .product-layout .product-item-container:hover .left-block .quickview:hover { background-color: #444; border-color: #444; } .products-list.list .product-layout .product-item-container:hover .left-block .countdown_box { transform: scale(0); } .products-list.list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 { top: 0; opacity: 1; z-index: 0; } .products-list.list .product-layout .product-item-container:hover .right-block .caption h4 a { color: #ea3a3c; } /* product page */ .zoomContainer { z-index: 90; } .image_option_type .radio input[type=radio].image_radio { display: none; } .image_option_type .radio { padding-left: 0; display: inline; } .product-description .product-options img.icon-color { width: 20px; padding: 0; } .mfp-iframe-holder .mfp-close { top: -10px; right: -13px; } .product-info .product-view { margin-bottom: 20px; } .product-view .flexslider-thumb.not_full_slider { padding: 0; margin-bottom: 30px; } .product_page_price .price { margin: 0; } .color-swatch-wrapper { position: relative; padding-bottom: 20px; } .color-swatch-wrapper .swatch-title { display: none; } .swatch_item { display: inline-block; position: relative; } .color-swatch-wrapper .image-base { width: 20px; height: 20px; border: 1px solid #d1d1d1; cursor: pointer; } .color-swatch-wrapper label { display: block; } .color-swatch-wrapper .image-base.image_border { border-color: #EE3B27; } .color-swatch-wrapper .prefix { position: absolute; left: 0; top: 35px; display: none; } #tab-review input[type=radio] { position: relative; top: 2px; } #tab-review .contacts-form span span.text-danger { margin-right: 15px; margin-top: 0; } #tab-review .form-group textarea { height: 150px; } h2#review-title { clear: both; padding-bottom: 20px; margin: 0; } /* end product page */ .product_image_info { margin-top: 20px; } /*--------------left product --------------------*/ .left-content-product { margin-bottom: 30px; } .left-content-product .content-product-left .large-image { border: 1px solid #e6e6e6; cursor: pointer; display: block; padding: 9px 11px; } .left-content-product .content-product-left .large-image .label-sale { left: 25px; } .left-content-product .content-product-left .full_slider, .left-content-product .content-product-left .not_full_slider { margin-top: 10px; } .left-content-product .content-product-left .full_slider .thumbnail, .left-content-product .content-product-left .not_full_slider .thumbnail { border-radius: 0; margin-bottom: 0; } .left-content-product .content-product-left .full_slider .thumbnail:hover, .left-content-product .content-product-left .not_full_slider .thumbnail:hover { border-color: #ea3a3c; } .left-content-product .content-product-left .full_slider .thumbnail.active, .left-content-product .content-product-left .not_full_slider .thumbnail.active { border-color: #ea3a3c; } .left-content-product .content-product-left .full_slider .owl2-nav div, .left-content-product .content-product-left .not_full_slider .owl2-nav div { width: 27px; height: 27px; border: 1px solid #dfdfdf; border-radius: 0; font-size: 0; background-color: transparent; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; top: 50%; margin-top: -12px; position: absolute; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev { background: url(../../../media/images/layout/ecommerce/next-prev-detail.png) no-repeat; background-position: -36px 0px; left: -14px; float: left; background-color: #fff; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev:hover, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev:hover { border-color: #ea3a3c; background-color: #ea3a3c; background-position: 0px 0px; opacity: 1; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev.disabled, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev.disabled { display: none; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev:before, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev:before { display: none; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next { background: url(../../../media/images/layout/ecommerce/next-prev-detail.png) no-repeat; background-position: -71px 0px; right: -14px; float: right; background-color: #fff; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next:hover, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next:hover { border-color: #ea3a3c; background-color: #ea3a3c; background-position: -107px 0px; opacity: 1; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next.disabled, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next.disabled { display: none; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next:before, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next:before { display: none; } .left-content-product .content-product-left .full_slider .owl2-nav div i, .left-content-product .content-product-left .not_full_slider .owl2-nav div i { display: none; } .left-content-product .content-product-left .full_slider .owl-dots, .left-content-product .content-product-left .not_full_slider .owl-dots { display: none; } .left-content-product .content-product-right .title-product h1 { font-size: 18px; margin: 0 0 10px; line-height: 1; font-weight: bold; } .left-content-product .content-product-right .box-review .ratings { display: inline-block; margin: 0 20px 0 0; z-index: 0; position: relative; } .left-content-product .content-product-right .box-review a { color: #666; display: inline-block; } .reviews_button, .write_review_button, .br_review {top: -5px; position: relative} .left-content-product .content-product-right .box-review a:hover { color: #ea3a3c; } .left-content-product .content-product-right .product-box-desc { float: left; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px; color: #666; position: relative; height: 100%; } .left-content-product .content-product-right .product-box-desc .inner-box-desc { width: 100%; height: 100%; position: relative; } .left-content-product .content-product-right .product-box-desc .inner-box-desc:before { content: ""; width: 4px; background: #ea3a3c; height: 100%; position: absolute; left: -20px; top: 0; } .left-content-product .content-product-right .product-box-desc span { font-weight: bold; } .left-content-product .content-product-right .product-box-desc .brand a { color: #666; } .left-content-product .content-product-right .product-box-desc .brand a:hover { color: #ea3a3c; } .left-content-product .content-product-right .product-label { line-height: 24px; margin-top: 20px; float: left; width: 100%; } .left-content-product .content-product-right .product-label .price { float: left; margin-top: 0; } .left-content-product .content-product-right .product-label .stock { float: right; } .left-content-product .content-product-right .product-label .stock .status-stock, .status-stock { color: #00abf0; } .left-content-product .content-product-right .product-label .stock .status-stock:before, .status-stock:before { content: "\f046"; font-family: FontAwesome; display: inline-block; color: #00abf0; margin-right: 5px; } .left-content-product .content-product-right #product { float: left; width: 100%; margin-top: 30px; } .left-content-product .content-product-right #product h3 { margin-top: 0; } .left-content-product .content-product-right #product .image_option_type label.control-label { margin-right: 10px; margin-top: 3px; } .left-content-product .content-product-right #product .product-options .img-thumbnail { width: 22px; height: 22px; border-radius: 0; padding: 1px; } .left-content-product .content-product-right #product .box-checkbox label { width: 100%; } .left-content-product .content-product-right #product .box-date { padding-left: 0; } .left-content-product .content-product-right #product .box-date label { margin-right: 10px; width: 80px; } .left-content-product .content-product-right #product .box-date input { width: 200px; } .left-content-product .content-product-right #product .box-date input, .left-content-product .content-product-right #product .box-date button { border-radius: 0; position: relative; z-index: 0; margin-left: 0; } .left-content-product .content-product-right #product .box-date .input-group-btn { float: left; } .left-content-product .content-product-right #product .box-date button:hover { background-color: #ea3a3c; color: #fff; } .left-content-product .content-product-right .box-info-product { float: left; width: 100%; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control { float: left; margin: 0; background: #eee; padding: 4px 10px 4px; position: relative; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control label { float: left; font-weight: normal; margin-top: 8px; padding-right: 5px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control { float: left; height: 33px; line-height: 31px; margin: 0; margin-right: 17px; padding: 0 10px; width: 35px; border: 1px solid #bdc2c9; border-radius: 0; z-index: 0; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span { border: 0 none; color: white; float: left; font-size: 10px; font-weight: normal; margin-left: 5px; border-radius: 0; cursor: pointer; line-height: 16px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_up { background: none repeat scroll 0 0 #444444; padding: 0 4px; position: absolute; right: 14px; top: 4px; height: 16.5px; width: 14px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down { background: none repeat scroll 0 0 #444444; font-size: 13px; padding: 0 4px; position: absolute; right: 14px; top: 21px; width: 14px; height: 15.5px; line-height: 15px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span:hover { background: #ea3a3c !important; } .left-content-product .content-product-right .box-info-product .cart { float: left; margin-right: 10px; } .left-content-product .content-product-right .box-info-product .cart a { font-size: 12px; font-weight: bold; text-transform: uppercase; } .left-content-product .content-product-right .box-info-product .cart a i { margin-right: 5px; } .left-content-product .content-product-right .box-info-product .cart input { background-color: #ea3a3c; border-radius: 0; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; } .left-content-product .content-product-right .box-info-product .cart input:hover { background-color: #444; } .left-content-product .content-product-right .box-info-product .add-to-links li.wishlist a { margin-right: 10px; } .left-content-product .content-product-right .box-info-product .add-to-links ul li a { display: inline-block; padding: 10px 15px; font-size: 14px; margin: 0px 3px 0px; color: #666; border: 1px solid #e6e6e6; cursor: pointer; vertical-align: middle; transition: 0.6s all ease 0s; position: relative; float: left; } .left-content-product .content-product-right .box-info-product .add-to-links ul li a.text { display: none; } .left-content-product .content-product-right .box-info-product .add-to-links ul li a:hover { border-color: #ea3a3c; color: #ea3a3c; } .thumb-vertical-outer span.view_scroll_spacer a { position: absolute; left: 50%; z-index: 2; margin-left: -10px; } .thumb-vertical-outer span.view_scroll_spacer a .fa { font-family: FontAwesome; font-size: 20px; line-height: 17px; margin: 0; } .thumb-vertical-outer span.view_scroll_spacer a.prev .fa:before { content: "\f077"; } .thumb-vertical-outer span.view_scroll_spacer a.next { bottom: 0px; } .thumb-vertical-outer span.view_scroll_spacer a.next .fa:before { content: "\f078"; } .thumb-vertical-outer ul li { cursor: pointer; margin-bottom: 10px; } .thumb-vertical-outer ul li a { -webkit-transform: scale(1) translate3d(0px, 0px, 0px); -moz-transform: scale(1) translate3d(0px, 0px, 0px); -ms-transform: scale(1) translate3d(0px, 0px, 0px); -o-transform: scale(1) translate3d(0px, 0px, 0px); transform: scale(1) translate3d(0px, 0px, 0px); } .thumb-vertical-outer ul li .thumbnail { border-radius: 0; padding: 0; margin: 0; } .thumb-vertical-outer ul li .thumbnail img { padding: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; padding: 4px; } .thumb-vertical-outer ul li .thumbnail:hover { border-color: #ea3a3c; } .thumb-vertical-outer ul li .thumbnail.active { border-color: #ea3a3c; } /*----------------------PRODUCT TABS ---------------*/ .producttab .tabsslider { margin-bottom: 35px; padding: 0; } .producttab .tabsslider .nav-tabs li { margin-bottom: 0; } .producttab .tabsslider .nav-tabs li a { font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 0px; margin: 0px; border: 1px solid #e4e1e1; border-bottom: 0; margin-right: -1px; padding: 10px 30px; position: relative; background: #fff; color: #666; } .producttab .tabsslider .nav-tabs li.active a, .producttab .tabsslider .nav-tabs li:hover a { border-top-color: #ea3a3c; } .producttab .tabsslider .nav-tabs li.active a:before, .producttab .tabsslider .nav-tabs li:hover a:before { content: ""; width: 100%; height: 3px; background: #ea3a3c; left: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 999; } .producttab .tabsslider .nav-tabs li.active a:after { content: ""; width: 100%; height: 1px; background: #fff; left: 0; position: absolute; bottom: -1px; z-index: 999; } .producttab .tabsslider .tab-content { padding: 20px; display: block; margin: 0; border: solid 1px #e3e1e1; margin-top: -1px; } .producttab .tabsslider.vertical-tabs { border: 1px solid #e6e6e6; padding: 0; border-bottom: 1px solid #ddd; } .producttab .tabsslider.vertical-tabs ul.nav-tabs { border-bottom: medium none; margin: 0; min-height: 180px; padding: 0; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li { border-bottom: 1px solid #ddd; clear: both; position: relative; width: 100%; display: block; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li a { border: 0; border-radius: 0; text-transform: uppercase; font-weight: bold; font-size: 16px; margin: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: #666; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li a:hover { background: transparent; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:before { content: ""; width: 5px; height: 100%; left: -1px; position: absolute; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 999; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover { border-left-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a { color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a:before { display: none; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover:before { background-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active { border-left-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active:before { background-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a { background: transparent; color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:before, .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:after { display: none; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:first-child { border-top: 0; } .producttab .tabsslider.vertical-tabs .tab-content { border: 0; border-left: 1px solid #e6e6e6; min-height: 180px; } /********** Menu **********/ .so-megamenu .navbar-default { background-color: transparent; border-color: transparent; } .so-megamenu .navbar-default .megamenu-wrapper { background: transparent; } .so-megamenu ul.megamenu > li { border-right: solid 1px #555; } .so-megamenu ul.megamenu > li > a { font-size: 12px; line-height: 40px; text-transform: uppercase; text-decoration: none;} .sub-menu span {font-weight: normal} .so-megamenu ul.megamenu > li span.label_1 { width: 50px; height: 21px; position: absolute; top: -15px; background: url("../../../media/images/layout/ecommerce/hot-item.png") no-repeat top center; font-size: 0; left: 0; } .so-megamenu ul.megamenu > li span.label_2 { width: 50px; height: 21px; position: absolute; top: -15px; background: url("../../../media/images/layout/ecommerce/new-item.png") no-repeat top center; font-size: 0; left: 0; } .so-megamenu ul.megamenu > li.style-page .row-list li { line-height: 30px; } .so-megamenu ul.megamenu > li.with-sub-menu:hover > a:after { clear: both; content: ' '; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent #ea3a3c transparent; position: absolute; border-width: 0px 7px 6px 7px; bottom: 0px; left: 50%; margin: 0 0 0 -5px; z-index: 1009; } .so-megamenu ul.megamenu .column > a { font-weight: 700; font-size: 13px; color: #333; margin-bottom: 5px; text-transform: uppercase; } ul.megamenu .column > a:hover { text-decoration: none; } .sub-menu .column li:hover a{ text-decoration: none; position: relative; color: rgba(0,0,0,0.9)!important; left: 10px} .so-megamenu ul.megamenu .column li a { display: inline-block; padding: 7px 0; text-decoration: none} .so-megamenu ul.megamenu .column.layout-color li a { position: relative; display: inline-block; padding: 7px 0px 7px 30px; } .so-megamenu ul.megamenu .column.layout-color li a:before { content: ""; width: 20px; height: 20px; display: inline-block; position: absolute; left: 0; } .so-megamenu ul.megamenu .column.layout-color li.blue a:before { background: #5f87d1; } .so-megamenu ul.megamenu .column.layout-color li.green a:before { background: #20bc5a; } .so-megamenu ul.megamenu .column.layout-color li.orange a:before { background: #f8ab16; } .so-megamenu ul.megamenu .column.layout-color li.boocdo a:before { background: #ea3a3c; } .so-megamenu ul.megamenu .column.layout-color li.cyan a:before { background: #009688; } .so-megamenu ul.megamenu .sub-menu .title-submenu { padding-left: 0; color: #000; text-transform: uppercase; border-bottom: 1px solid #ddd; font-size: 13px; font-weight: bold; } .so-megamenu ul.megamenu .sub-menu .content { border-top: 3px solid #ea3a3c; } .so-megamenu ul.megamenu .sub-menu .content .hover-menu .menu ul { padding-top: 10px; } .so-megamenu ul.megamenu .sub-menu .content .hover-menu .menu ul a:before { content: ""; padding: 0; } .so-megamenu ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu { line-height: 25px; } .so-megamenu ul.megamenu .sub-menu .content > .border { border-bottom: none; padding: 0; } .so-megamenu ul.megamenu .sub-menu .content .static-menu .menu > ul a.main-menu { padding-left: 0; color: #000; text-transform: uppercase; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .so-megamenu ul.megamenu .sub-menu .content .static-menu .menu > ul a.main-menu:hover { color: #ea3a3c; } .so-megamenu ul.megamenu .sub-menu .content .static-menu .menu > ul ul { padding: 10px 0; } .so-megamenu ul.megamenu .sub-menu .content .static-menu .menu > ul ul li { line-height: 30px; } .so-megamenu ul.megamenu .sub-menu .content .static-menu .menu > ul ul li:before { content: ""; padding: 0; } .so-megamenu ul.megamenu .sub-menu .content .img-bottom a { display: inline-block; width: 100%; } .so-megamenu ul.megamenu .sub-menu .content .img-bottom a img { width: 100%; } .so-megamenu ul.megamenu .sub-menu .content .img-bottom a img:hover { opacity: 0.8; } .so-megamenu ul.megamenu .sub-menu .content .img-banner { padding-right: 15px; } .so-megamenu ul.megamenu .sub-menu .content .img-banner img { width: 100%; } .so-megamenu ul.megamenu .sub-menu .content .img-banner img:hover { opacity: 0.8; } .so-megamenu ul.megamenu .sub-menu .content .banner img:hover { opacity: 0.8; } .so-megamenu ul.megamenu .sub-menu .content .list-product { padding-left: 0; } .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb { border-bottom: 1px solid #ddd; padding: 10px; } .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb .image { float: left; margin-right: 15px; } .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb .image img { width: 84px; height: 84px; } .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb .image img:hover { opacity: 0.8; } .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb .caption { overflow: hidden; } .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb .caption h4 { font-weight: normal; font-size: 14px; } .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb .caption .description { display: none; } .so-megamenu ul.megamenu .sub-menu .content .list-product:last-child .product-thumb { border-bottom: 0; } /*************** End Menu **********/ .rtl ul.megamenu > li { float: right; } .rtl .so-megamenu ul.megamenu .sub-menu .content .list-product .product-thumb .image { float: right; margin-right: 0; margin-left: 15px; } .rtl .so-megamenu ul.megamenu .column.layout-color li a { padding: 7px 30px 7px 0px; } .rtl .so-megamenu ul.megamenu .column.layout-color li a:before { left: inherit; right: 0; } .rtl .so-megamenu ul.megamenu .sub-menu .content .img-banner { padding-left: 15px; padding-right: 0; } .rtl .so-megamenu ul.megamenu .sub-menu .content .img .row { margin-right: 0; } .sub-menu .column li {border-bottom: 1px solid #ccc; border-radius: 0px!important; padding: 10px 0 10px 0;} .sub-menu .column li a, .sub-menu .column li span {color: #333;} /*------------- Responsive ---------------*/ @media (min-width: 992px) and (max-width: 1199px) { body.common-home .sidebar-menu .so-vertical-menu .container-megamenu .vertical-wrapper { display: none; } body.common-home .sidebar-menu .so-vertical-menu .container-megamenu:hover .vertical-wrapper { display: block; } } @media (max-width: 991px) { .responsive.so-megamenu .navbar-default .megamenu-wrapper, .responsive.so-megamenu .navbar-default .vertical-wrapper, .megamenu-wrapper #menu-wrap2 {background: #fff; } #menuGroup li, .navbar .nav > li > a, .so-megamenu ul.megamenu > li {border-right: 0px solid #fff!important} .responsive.so-megamenu .navbar-default .megamenu-wrapper ul.megamenu > li > a, .responsive.so-megamenu .navbar-default .vertical-wrapper ul.megamenu > li > a { color: #556270 !important; } .responsive.so-megamenu .navbar-default .megamenu-wrapper ul.megamenu > li.active > a, .responsive.so-megamenu .navbar-default .vertical-wrapper ul.megamenu > li.active > a { color: #666; } .responsive.so-megamenu .navbar-default .megamenu-wrapper ul.megamenu > li.active .close-menu, .responsive.so-megamenu .navbar-default .vertical-wrapper ul.megamenu > li.active .close-menu { background: transparent; } .responsive.so-megamenu .navbar-default .megamenu-wrapper ul.megamenu > li.with-sub-menu:hover > a:after, .responsive.so-megamenu .navbar-default .vertical-wrapper ul.megamenu > li.with-sub-menu:hover > a:after { display: none; } .responsive.so-megamenu .navbar-default .megamenu-wrapper ul.megamenu .sub-menu .content .row, .responsive.so-megamenu .navbar-default .vertical-wrapper ul.megamenu .sub-menu .content .row { margin: 0 -15px; } .responsive.so-megamenu .navbar-default .megamenu-wrapper ul.megamenu .sub-menu .content .row > div, .responsive.so-megamenu .navbar-default .vertical-wrapper ul.megamenu .sub-menu .content .row > div { width: 100% !important; } /*----------Verticalmenu ------------*/ .so-megamenu .so-vertical-menu .vertical-wrapper { position: fixed !important; width: 280px !important; } .so-megamenu .so-vertical-menu .vertical-wrapper ul.megamenu > li.with-sub-menu > a:after { display: none !important; } .so-megamenu .so-vertical-menu .vertical-wrapper ul.megamenu > li.active > a { color: #556270 !important; } .so-megamenu .so-vertical-menu .vertical-wrapper ul.megamenu > li:hover { background-color: #f6f6f6 !important; } .so-megamenu .so-vertical-menu .vertical-wrapper ul.megamenu > li.style1 .content:after { display: none !important; } } #header { margin-bottom: 0px; } #header .header-top { height: 36px; border-bottom: 1px solid #ddd; } #header .header-top .header-top-left { overflow: hidden; display: block; height: 36px; } #header .header-top .header-top-left .welcome-msg { margin-top: 7px; height: 22px; overflow: hidden; } #header .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #e67e22; padding: 0px 10px; border-radius: 2px; line-height: 20px; } #header .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #333; } #header .header-top .header-top-left .welcome-msg .list-msg .label-msg, #header .header-top .header-top-left .welcome-msg .list-msg a { font-family: 'Myriad Pro'; font-size: 12px; } #header .header-top .header-top-right { text-align: right; } #header .header-center, #header .header-center2{ padding: 12px 0 17px 0; height: 80px; } #header .header-center2{ height: 120px;} .header-center3{ padding-bottom: 15px;} #header .header-center.center .header-center-right { margin-top: 16px; } #header .header-center.left .header-center-right { text-align: right; } #header .header-center .phone-contact {background: url("../../../media/images/layout/ecommerce/hot-line-icon.png") no-repeat left top; padding-left: 48px; float: right; } #header .header-center .phone-contact2 {background: url("../../../media/images/layout/ecommerce/headphone_icon_white.png") no-repeat left top; padding-left: 48px;} #header .header-center .phone-contact h2, .phone-contact2 h2{ font-weight: bold; margin-bottom: 2px; font-size: 100%; margin: 0; color: #666; text-transform: uppercase; } #header .header-center .phone-contact p, .phone-contact2 p{ margin: 0; } .navbar-welcome a { color: #0099ff; } .navbar-welcome a:hover { color: #ea3a3c; } .navbar-main-menu-outer { background: #333; margin-bottom: 30px; } .common-home #content { margin-bottom: 0; } #main-content, #content { margin-bottom: 30px; } .header-top-right { display: inline-block; } .tabBlock .dropdown-menu {width: auto!important; min-width:auto!important;} .header-top-right ul.top-link { list-style: none; margin: 0; vertical-align: top; } .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; float: left; list-style: outside none none; border-left: 1px solid #ddd;font-size: 12px!important; } .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; } .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .header-top-right ul.top-link > li.login a:before { background-position: center -196px; } .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .header-top-right ul.top-link > li:hover.account a:before { background-position: center 1px; } .header-top-right ul.top-link > li:hover.wishlist a:before { background-position: center -53px; } .header-top-right ul.top-link > li:hover.checkout a:before { background-position: center -109px; } .header-top-right ul.top-link > li:hover.login a:before { background-position: center -168px; } .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); left: 0; opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; } .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .header-top-right ul.top-link > li ul.dropdown-link li a { border-right: 0; display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; } .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } /*========================HEADER SEARCH =================*/ .navbar-search { padding-right: 0; } .navbar-search #search { width: 100%; margin: 8px 0 0 0; padding: 0; display: inline-block; height: 34px; position: relative; } .navbar-search #search input { width: 100%; float: left; height: 34px; vertical-align: middle; margin: 0; padding: 0; border: 1px solid #ddd; border-right: none; border-radius: 0; box-sizing: border-box; font-size: 12px; font-weight: normal; padding-left: 15px; } .navbar-search #search button { border: 0; padding: 0; position: absolute; right: 0; background: transparent; } .navbar-search #search button span { float: left; width: 34px; height: 34px; margin: 0; padding: 0; font-size: 15px; cursor: pointer; color: #ea3a3c; position: relative; } .navbar-search #search button span:before { content: "\f002"; font-family: FontAwesome; position: absolute; color: #ea3a3c; right: 10px; top: 8px; } /************************************************************************************************* */ /* left blocks */ /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { background: transparent; border-radius: 0; display: block; padding: 0; min-height: 33px; position: relative; } .breadcrumb li { position: relative; line-height: 33px; margin-right: 3px; } .breadcrumb li a { color: #666; } .breadcrumb li:last-child a { color: #ea3a3c; } .breadcrumb li + li:before { content: "\f105"; font-family: fontawesome; color: #444; padding: 0 10px 0 5px; } /*---------------------------BLOCK HEADER BOTTOM -----------------------*/ /*------- SPOTLIGHT ------------------*/ /*-----------FOOTER LINK -------------------*/ footer, footer a { color: inherit; } footer a:hover { color: #337ab7; } .footer-navbar { padding-bottom: 30px; padding-top: 30px; background-color: #eee; } .footer-navbar .module h3.modtitle { font-size: 18px; border-bottom: 0; text-transform: uppercase; margin-bottom: 0; margin-top: 0; } .footer-navbar .module h3.modtitle:after { display: none; } .footer-navbar .module .footer-logo { margin-bottom: 9px; margin-top: -5px; } .footer-navbar .module ul.menu li a:before { content: "\f101"; font-family: FontAwesome; margin-right: 5px; } .footer-navbar .module ul.menu li a:hover { color: #ea3a3c; } .box-footer { min-height: 200px; border-right: 1px solid #ddd; } .box-footer .module { margin: 0; } .box-footer.box-account, .box-footer.box-information { padding-left: 20px; } .box-footer.box-account li, .box-footer.box-information li { line-height: 32px; } .box-footer:last-child { border-right: 0; padding-left: 20px; } ul.payment-method { padding-top: 25px; border-bottom: 0; } ul.payment-method li { display: inline-block; margin-right: 7px; } ul.payment-method li img:hover { opacity: 0.8; } .collapsed-block.footer-links .footer-directory-title { padding: 34px 0 21px; font-size: 91.6%; background: url("../../../media/images/layout/ecommerce/line-bg.png") repeat-x top left; margin-top: 4px; } .collapsed-block.footer-links ul li a:hover { color: #ea3a3c; } .footer-bottom-block { background: #ddd; padding: 10px 0; } .contact-address li { color: #444444; padding: 0 0 5px 0px; position: relative; z-index: 1; line-height: 18px; } .contact-address span { font-size: 15px; margin-right: 10px; text-align: center; } .contact-address > li:nth-child(2) { padding-top: 7px; } .contact-address > li:nth-child(2) span { margin-top: -1px; } .contact-address > li:last-child { padding-top: 8px; } .contact-address a:hover { color: #ea3a3c; } .footer-directory-title .label-link { color: #444; font-weight: bold; padding-bottom: 5px; font-size: 11px; } ul.footer-directory { list-style: outside none none; padding: 0; margin: 0; } ul.footer-directory li { padding-bottom: 3px; } ul.footer-directory li h2 { color: #444; display: inline-block; font-weight: bold; line-height: 22px; text-transform: uppercase; font-size: 11px; margin: 0; margin-right: 5px; } ul.footer-directory li a { font-size: 11px; } .back-to-top { z-index: 999; } /*--------------------STYLE MODULE-------------- *------------ 1. Search Pro ----------- * *------------ 2. Block Language ------- * *------------ 3. Slideshow ------------ * *------------ 4. Block Cart ----------- * *------------ 5. Vertical Menu--------- * *------------ 6. Block Category ------- * *------------ 7. HTML Content ------- * *------------ 8. Other Module --------- * */ .module { margin-bottom: 10px; } .module h3.modtitle { position: relative; border-bottom: 3px solid; border-color: #ea3a3c; font-size: 100%; padding: 0; margin: -5px -1px 0px -1px; height: 37px; } .module h3.modtitle:after { display: none; } .module h3.modtitle span { display: inline-block; font-size: 16px; text-transform: uppercase; position: relative; color: #fff; line-height: 37px; padding: 0 18px; background-color: #ea3a3c; } .module h3.modtitle span:before { content: ""; display: inline-block; position: absolute; right: -20px; top: 0px; width: 0; height: 0; border-right: 20px solid transparent; border-bottom: 37px solid #ea3a3c; } /*-------------- 2. LANGUAGE BLOCK & CURRENCY BLOCK -------------------------*/ .header-top .languages-block, .header-top .currencies-block, .header-top .currencies-block { float: right; margin: 0; border-left: 1px solid #ddd; } .header-top .languages-block form, .header-top .currencies-block form, .header-top .currencies-block form { padding: 0 10px; } .header-top .languages-block form > a, .header-top .currencies-block form > a, .header-top .currencies-block form > a { border: 0; line-height: 36px; } .header-top .languages-block form:hover, .header-top .currencies-block form:hover, .header-top .currencies-block form:hover { background: transparent; border-color: #ddd; } .header-top .languages-block form:hover > a, .header-top .currencies-block form:hover > a, .header-top .currencies-block form:hover > a { color: #ea3a3c; } .header-top .languages-block form img, .header-top .currencies-block form img, .header-top .currencies-block form img { position: relative; right: 5px; } .header-top .languages-block form span.fa-angle-down, .header-top .currencies-block form span.fa-angle-down, .header-top .currencies-block form span.fa-angle-down { position: relative; left: 5px; } .header-top .currencies-block { border-right: 1px solid #ddd; } .header-top .currencies-block form > a { padding: 0 5px 0 0; } /* ************************************************************************************************/ /*-------------------- 3. SLIDESHOW --------------------*/ #so-slideshow { padding: 0; margin-bottom: 33px; } #so-slideshow .slideshow .owl2-controls .owl2-nav div { height: 36px; width: 36px; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-prev { background-color: #575757; background-position: center center; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-prev:hover { background-color: #ea3a3c; background-position: center center; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-next { background-color: #575757; background-position: center center; } #so-slideshow .slideshow .owl2-controls .owl2-nav div.owl2-next:hover { background-color: #ea3a3c; background-position: center center; } #so-slideshow .slideshow .owl2-controls .owl2-dots { position: absolute; bottom: 8px; width: 100%; text-align: center; } #so-slideshow .slideshow .owl2-controls .owl2-dots .owl2-dot { display: inline-block; } #so-slideshow .slideshow .owl2-controls .owl2-dots .owl2-dot span { width: 10px; height: 10px; background-color: #b4b4b4; border: 1px solid transparent; margin: 0 2px; opacity: 1; display: block; border-radius: 50%; -webkit-border-radius: 50%; } #so-slideshow .slideshow .owl2-controls .owl2-dots .owl2-dot.active span, #so-slideshow .slideshow .owl2-controls .owl2-dots .owl2-dot:hover span { background-color: #ea3a3c; border: 1px solid #fff; } /*========================== 4. BLOCK CART ======================*/ .shopping_cart_out { background: #fff; border: 1px solid #ddd; margin-top: 10px;} .shopping_cart_out .btn-shopping-cart { line-height: 33px; display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; cursor: pointer; min-width: 160px; width: auto; } .shopping_cart_out .btn-shopping-cart a.top_cart .shopcart span { color: #ccc; margin-left: 10px;} .shopping_cart .btn-shopping-cart a.top_cart .shopcart span.handle { margin: 0; background-position: 5px 11px; } .shopping_cart_out .btn-shopping-cart .text-shopping-cart { background-color: #da1719; font-size: 14px; line-height: 24px; text-align: center; width: 26px; height: 23px; border-radius: 3px; display: inline-block; float: right; margin: 4px 5px 0 10px; } .shopping_cart_out .title, .shopping_cart_out a{ text-decoration: none; } .shopping_cart_out .dropdown-menu { margin: 5px 0; } .shopping_cart { background: #ea3a3c; } .shopping_cart .btn-shopping-cart { line-height: 40px; display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; cursor: pointer; min-width: 160px; width: auto; } .shopping_cart .btn-shopping-cart a.top_cart .shopcart span { color: #fff; } .shopping_cart .btn-shopping-cart a.top_cart .shopcart span.handle { margin: 0; background-position: 5px 11px; } .text-shopping-cart { background-color: #da1719; font-size: 14px; line-height: 24px; text-align: center; width: 26px; height: 26px; border-radius: 3px; display: inline-block; float: right; margin: 7px 5px 0 10px; } .text-shopping-cart2{font-size: 0.857em;display: block;width: 26px;height: 26px;background: #087bfb;border-radius: 100%;line-height: 26px;font-weight: 400;position: absolute;top: 0;left: 0;text-align: center;transform: translate(-37%, -37%);} .show_cart{position: relative;color: #fff;width: 50px;height: 45px;text-align: center;line-height: 45px;border: 2px solid rgba(255,255,255,0.1);border-radius: 5px; background: transparent; color: #fff} .search_mini_form {border-radius: 3px;height: 45px;border: 2px solid rgba(255, 255, 255, 0.1);padding-right: 45px;position: relative;} .bt_search_mini_form {position: absolute;right: 0px;top: 0px;bottom: 0px;width: 45px;height: 45px;padding: 0;border-radius: 0 3px 3px 0;border: 0;color: #fff;font-size: 2rem;font-weight: normal;opacity: 1;background: #087bfb;} .shopping_cart2:after { content: ""; height: 1px; width: 1px; border-style: solid; border-width: 17px; position: absolute; top: 0; bottom: 0; margin: auto; left: -9px; border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-color: transparent #ea3a3c transparent transparent; } .shopping_cart .dropdown-menu { margin: 5px 0; } .shopping_cart_out.shopping_cart3 {border: none; color: #333; margin-top: 5px; } .shopping_cart_out.shopping_cart3 .btn-shopping-cart .text-shopping-cart{background-color: #fff; color: #333!important;} .shopping_cart_out.shopping_cart3 .btn-shopping-cart {font-weight: normal; line-height: 50px;} .shopping_cart_out.shopping_cart3 .text-shopping-cart {margin: 12px 5px 20px 10px} .bdGray {border: 1px solid #ccc;} /*-------------------- 5. VERTICAL MENU ---------------------*/ .left_column .so-vertical-menu { position: relative; margin-bottom: 37px; } .left_column .so-vertical-menu #menuHeading, #menuMaxxi { margin-top: 0; height: 45px; } .left_column .so-vertical-menu #menuHeading .megamenuToogle-wrapper, #menuMaxxi .megamenuToogle-wrapper{ background-color: #ea3a3c; height: 45px; cursor: pointer; -webkit-transition: 0.3s all ease 0s; -moz-transition: 0.3s all ease 0s; transition: 0.3s all ease 0s; } .left_column .so-vertical-menu #menuHeading .megamenuToogle-wrapper .container, #menuMaxxi .megamenuToogle-wrapper .container{ font-size: 18px; text-transform: uppercase; font-weight: bold; padding: 0 0 0 60px !important; line-height: 45px; text-shadow: none; } .left_column .so-vertical-menu #menuHeading .megamenuToogle-wrapper .container:before, #menuMaxxi .megamenuToogle-wrapper .container:before{ width: 45px; height: 45px; content: ""; display: inline-block; position: absolute; left: 0; top: 0; background: url("../../../media/images/layout/ecommerce/title_vmenu.png") no-repeat; background-position: center center; } .left_column .so-vertical-menu .vertical-wrapper { width: 100%; background: white; position: relative; border: 1px solid #ddd; border-top: 0; } .left_column .so-vertical-menu .vertical-wrapper ul li { background: white; border-top: 0; min-height: 37px; } .left_column .so-vertical-menu .vertical-wrapper ul li > a { color: #444; padding: 0 18px; min-height: 38px; line-height: 42px; border-bottom: 0; } .left_column .so-vertical-menu .vertical-wrapper ul li > a:hover { color: #ea3a3c; } .left_column .so-vertical-menu .vertical-wrapper ul li > a strong { font-weight: normal; } .left_column .so-vertical-menu .vertical ul.megamenu > li { margin: 0; border-right: 0; } .left_column .so-vertical-menu .vertical ul.megamenu > li strong i { display: none; } .left_column .so-vertical-menu .vertical ul.megamenu > li > a { padding-left: 15px; } .left_column .so-vertical-menu .vertical ul.megamenu > li > a:hover { color: #ea3a3c; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .sub-menu .content { padding: 0; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul { padding: 0; margin: 0; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:hover { background: #eee; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:hover > a { color: #ea3a3c; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li a { line-height: 37px; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li a b { line-height: 37px; font-size: 16px; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul { padding: 0; } .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul:before, .left_column .so-vertical-menu .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul:after { display: none; } .left_column .so-vertical-menu .vertical ul.megamenu > li.item-style3 .sub-menu .content { padding-right: 0; } .left_column .so-vertical-menu .vertical ul.megamenu > li.with-sub-menu > a:after { content: "\f105"; color: #c8c8c8; font-family: Fontawesome; font-size: 16px; float: right; margin: 0; } .left_column .so-vertical-menu .vertical ul.megamenu > li.with-sub-menu:hover > a:after { position: static; border-color: transparent; color: #ea3a3c; } .left_column .so-vertical-menu .vertical ul.megamenu > li:hover { background-color: #eee; } .left_column .so-vertical-menu .vertical ul.megamenu > li:hover > a { color: #ea3a3c; } .left_column .so-vertical-menu .vertical ul.megamenu > li.active > a { background: transparent !important; } .left_column .so-vertical-menu .vertical ul.megamenu > li.loadmore { text-align: left; border-top: 1px solid #ddd; padding: 13px 10px; } .left_column .so-vertical-menu .vertical ul.megamenu > li.loadmore span.more-view { font-weight: normal; padding: 14px 0; } .left_column .so-vertical-menu .vertical ul.megamenu > li.loadmore:hover { color: #ea3a3c; } .left_column .so-vertical-menu .vertical ul.megamenu > li.loadmore:hover span.more-view { color: #ea3a3c; } .left_column .so-vertical-menu .vertical ul.megamenu > li .sub-menu .content { border-top: 1px solid #ddd; } .left_column .so-vertical-menu .vertical ul.megamenu > li .sub-menu .content .banner { margin-top: -21px; margin-bottom: -22px; margin-right: -1px; } .left_column .so-vertical-menu .vertical ul.megamenu > li .sub-menu .content .static-menu .menu ul a.main-menu { padding: 0; } .left_column .so-vertical-menu ul.megamenu .sub-menu .content .static-menu .menu ul { padding-bottom: 0; } .left_column .so-vertical-menu ul.megamenu .sub-menu .content .static-menu .menu ul li > a { line-height: inherit; padding-bottom: 0; border-bottom: none; min-height: auto; } .left_column .so-vertical-menu ul.megamenu .sub-menu .content .static-menu .menu ul li > a:hover { color: #ea3a3c; } .left_column .so-vertical-menu ul.megamenu .sub-menu .content .static-menu .menu ul ul a { padding: 0; } .left_column .so-vertical-menu ul.megamenu .sub-menu .content .static-menu .menu ul ul a:hover { color: #ea3a3c; } /*------------------- 6. BLOCK CATEGORIES -----------*/ .block_category { border: 1px solid #ddd; } .block_category .box-content { border: 0; } .block_category .box-content ul { margin-bottom: 0; } .block_category .box-content ul li:last-child { border-bottom: 0; } /*------------------- 7. HTML CONTENT -----------*/ /*------------------------------------*/ /*----- Accordion -----*/ .fqas { display: inline-block; width: 100%; padding-left: 18px; padding-right: 18px; border: 1px solid #ddd; } .fqas h3.modtitle { margin: -5px -19px 0px -19px; } .fqas h3.modtitle span { text-transform: none; } .accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accordion { overflow: hidden; margin: 0 -18px; background: #fff; } .accordion-section { border-bottom: 1px solid #ddd; } .accordion-section:last-child { border-bottom: none; } /*----- Section Titles -----*/ .accordion-section-title { font-size: 12px; font-weight: bold; position: relative; line-height: 38px; padding-left: 47px; display: inline-block; width: 100%; cursor: pointer; /* Type */ } .accordion-section-title:before { content: ""; display: inline-block; width: 17px; height: 17px; position: absolute; left: 19px; top: 11px; background: url("../../../media/images/layout/ecommerce/show-c.png") no-repeat top left #999999; } .accordion-section-title.active:before { background-position: left bottom; } .accordion-section-title.active, .accordion-section-content.open { background: #eeeeee; } /*----- Section Content -----*/ .accordion-section-content { padding: 0 10px 10px 47px; display: none; } div.clients_say { display: inline-block; width: 100%; padding-left: 18px; padding-right: 18px; margin-bottom: 5px; } div.clients_say .modtitle { margin: -5px -19px 0px -19px; } div.clients_say .block_content { padding: 14px 0 18px; } div.clients_say .block_content .text { line-height: 1.8em; font-style: italic; } div.clients_say .block_content .info { overflow: hidden; border-top: solid 1px #ddd; margin-top: 25px; padding-top: 22px; padding-bottom: 5px; } div.clients_say .block_content .info .image { float: left; margin-right: 10px; } div.clients_say .block_content .info .image img:hover { opacity: 0.8; } div.clients_say .block_content .info .author { font-size: 15px; font-weight: 600; margin-top: -3px; } div.clients_say .owl2-controls .owl2-nav { display: none; } div.clients_say .owl2-controls .owl2-dots { background-color: #eeeeee; margin: 0px -18px 0; padding: 5px 0px; position: relative; text-align: center; } div.clients_say .owl2-controls .owl2-dots .owl2-dot { width: 10px; height: 10px; border: 1px solid #eeeeee; background-color: #bbbbbb; margin: 0 2px; display: inline-block; border-radius: 50%; } div.clients_say .owl2-controls .owl2-dots .owl2-dot.active { background-color: #999999; border: 1px solid #fff; } .list-services li a { border: 3px solid #ddd; display: block; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .list-services li a:hover { border-color: #ea3a3c; } /*----------- 8. OTHER MODULES -------*/ /*----------------- 8.1 BEST SELLER ------------*/ .best-seller { position: relative; border: 1px solid #ddd; padding-left: 18px; padding-right: 18px; margin-bottom: 33px; } .best-seller h3.modtitle { margin: -5px -19px 0px -19px; } .best-seller .so-extraslider { margin: 8px 0 10px 0; } .best-seller .so-extraslider .extraslider-inner { border: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 { border-bottom: 1px solid #ddd; margin-bottom: 2px; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:last-child { border-bottom: 0; margin-bottom: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left { float: left; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image { border: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image:hover { box-shadow: none; opacity: 0.8; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info { background: transparent; position: static; color: #666; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info a { color: #444; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title { padding: 0 0 5px 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a { text-transform: capitalize; font-size: 14px; font-weight: normal; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a:hover { color: #ea3a3c; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content { margin-left: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span { color: #e74c3c; font-size: 16px; font-weight: bold; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span.price-old { font-size: 12px; color: #999; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .rating { padding: 0; } .best-seller .so-extraslider .owl2-controls { margin-bottom: 8px; text-align: right; position: absolute; top: 0; right: 5px; vertical-align: middle; } .best-seller .so-extraslider .owl2-controls .owl2-prev, .best-seller .so-extraslider .owl2-controls .owl2-next { width: 17px; height: 30px; text-align: center; display: inline-block; line-height: 30px; font-size: 0; cursor: pointer; color: #999999; background-color: transparent; } .best-seller .so-extraslider .owl2-controls .owl2-prev:hover, .best-seller .so-extraslider .owl2-controls .owl2-next:hover { color: #ea3a3c; } .best-seller .so-extraslider .owl2-controls .owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 28px; } .best-seller .so-extraslider .owl2-controls .owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 28px; } /*-------------------- 8.2 LATEST PRODUCT -----------------*/ .latest-product { border: 1px solid #ddd; } .latest-product .modcontent { padding: 30px 5px; } .latest-product .modcontent .media .media-left { border-color: transparent; } .latest-product .modcontent .media .media-left:hover { border-color: #ea3a3c; } /*----------- Hot Deals ----------------*/ .so-deals { clear: both; position: relative; } .so-deals div.products-list .product-layout .product-item-container { margin: 0; } .so-deals div.products-list .product-layout .product-item-container .button-group button.wishlist { margin: 0; } .so-deals div.products-list .product-layout .product-item-container .left-block .product-image-container { overflow: visible; } .so-deals div.products-list .product-layout .product-item-container .left-block .product-image-container .image span.label-sale { min-width: 45px; height: 20px; padding: 0 10px; border-radius: 0; line-height: 20px; background-color: #e67e22; left: -8px; top: -8px; } .so-deals div.products-list .product-layout .product-item-container .left-block .product-image-container .image span.label-sale:after { border-top-color: #e67e22; right: 0; } .so-deals div.products-list .product-layout .product-item-container .left-block .product-image-container .image span.label-new { min-width: 45px; height: 20px; padding: 0 10px; border-radius: 0; line-height: 20px; background-color: #00ABF0; right: -8px; top: -8px; } .so-deals div.products-list .product-layout .product-item-container .left-block .product-image-container .image span.label-new:after { border-top-color: #00ABF0; left: 0; } .so-deals div.products-list .product-layout .product-item-container .right-block { width: 100%; } .so-deals div.products-list .product-layout .product-item-container .right-block .caption { margin: 0; } .so-deals div.products-list .product-layout .product-item-container .right-block .caption .rating { display: inline-block; width: 100%; margin: 10px 0; } .so-deals div.products-list .product-layout .product-item-container .right-block .caption .price { margin: 0; } .so-deals div.products-list .product-layout .product-item-container .button-group {margin: 0; } .item-timer{margin: 10px 0px;} .list .item-timer{max-width: 300px} .item-time{position: inherit;float: left; width: 100%;bottom: 0;right: 0; } .time-item {padding: 1px 0;background: #999;border: none;margin-right: 2px;width: 23.5%;float: left;} .num-time {font-size: 14px;color: #fff;margin: 0;border: none;height: 18px;line-height: 20px;font-weight: bold; text-align: center} .name-time {font-size: 10px;color: #fff;margin: 0;height: 20px;line-height: 20px;text-transform: uppercase; text-align: center} .product-item-container:hover .time-item {background-color: #ea3a3c; } .so-deals .so-deal { margin: 0; } .so-deals .so-deal .extraslider-inner { border: 0; } .so-deals .so-deal .owl2-controls { margin: 0; } .so-deals .so-deal .owl2-nav div { display: inline-block; width: 36px; height: 36px; background-color: #fff; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; opacity: 1; text-align: center; position: absolute; top: inherit; bottom: 43%; margin-top: -85px; z-index: 501; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; transform: scale(0); } .so-deals .so-deal .owl2-nav div.owl2-prev { left: -17px; } .so-deals .so-deal .owl2-nav div.owl2-prev:before { content: "\f104"; line-height: 35px; padding: 10px; font-size: 28px; } .so-deals .so-deal .owl2-nav div.owl2-next { right: -17px; } .so-deals .so-deal .owl2-nav div.owl2-next:before { content: "\f105"; line-height: 35px; padding: 10px; font-size: 28px; } .so-deals .so-deal .owl2-nav div:hover { background-color: #ea3a3c; border-color: #ea3a3c; color: #fff; } .so-deals .so-deal:hover .owl2-nav div { transform: scale(1); } /*---------- Category Slider -------*/ div.container-slider { display: inline-block; width: 100%; margin-bottom: 30px; } div.container-slider.item-1, div.container-slider.item-2 { margin-bottom: 35px; } div.container-slider .categoryslider-content { overflow: visible; border: 1px solid #ddd; } div.container-slider .page-top { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } div.container-slider .show.preset01-4 .slider { width: 100%; } div.container-slider .slider .item { margin: 0; background-size: auto; } div.container-slider .item-sub-cat { display: inline-block; height: 33px; border-right: 0; position: absolute; top: 4px; right: 0; } div.container-slider .item-sub-cat ul { margin: 0; } div.container-slider .item-sub-cat ul li { display: inline-block; float: left; margin-left: -1px; } div.container-slider .item-sub-cat ul li a { line-height: 22px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: inline-block; padding: 0px 15px; } div.container-slider .item-sub-cat ul li a:before { display: none; } div.container-slider .item-sub-cat ul li a:hover { color: #ea3a3c; font-weight: normal; } div.container-slider .item-sub-cat ul li:last-child a { border-right: 0; } div.container-slider .item-cat-image a { position: relative; display: block; } div.container-slider .item-cat-image a:before { position: absolute; background: rgba(0, 0, 0, 0.3); width: 0; top: 0; left: 50%; content: ""; transition: all 0.3s ease-in-out 0s; } div.container-slider .item-cat-image a:hover:before { width: 100%; left: 0; top: 0; height: 100%; } div.container-slider div.products-list.grid .product-layout .product-item-container .right-block { margin-top: 10px; } div.container-slider .categoryslider-content { margin-top: 30px; margin-bottom: 0; } div.container-slider .products-list.grid .product-layout { overflow: visible; } div.container-slider .products-list.grid .product-layout .product-item-container { margin: 0; border: 1px solid transparent; padding-bottom: 0; min-height: 318px; } div.container-slider .products-list.grid .product-layout .product-item-container .product-image-container { overflow: visible; } div.container-slider .products-list.grid .product-layout .product-item-container .caption h4 a { font-size: 16px; font-weight: normal; } div.container-slider .products-list.grid .product-layout .product-item-container .rating { margin-bottom: 8px; } div.container-slider .show .slider:before { display: none; } div.container-slider .owl2-controls { margin: 0; } div.container-slider .owl2-controls .owl2-nav div { display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; position: absolute; top: 73%; margin-top: -85px; z-index: 501; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; opacity: 1; font-weight: normal; transform: scale(0); } div.container-slider .owl2-controls .owl2-nav div.owl2-prev { left: -20px; } div.container-slider .owl2-controls .owl2-nav div.owl2-prev:before { content: "\f104"; line-height: 34px; padding: 10px; font-size: 28px; } div.container-slider .owl2-controls .owl2-nav div.owl2-next { right: -18px; } div.container-slider .owl2-controls .owl2-nav div.owl2-next:before { content: "\f105"; line-height: 34px; padding: 10px; font-size: 28px; } div.container-slider .owl2-controls .owl2-nav div:hover { background-color: #ea3a3c; border-color: #ea3a3c; color: #fff; } div.container-slider:hover .owl2-nav div { transform: scale(1); } /*--------Latest blog --------*/ div.so-latest-blog { display: inline-block; width: 100%; border: 1px solid #ddd; position: relative; margin-bottom: 33px; } div.so-latest-blog .blog-external { border: 0; padding: 0; } div.so-latest-blog .blog-external .head-button { margin: 0; border: 0; } div.so-latest-blog .blog-external .media { margin: 0; } div.so-latest-blog .blog-external .media .so-block { padding: 3px; width: 100%; } div.so-latest-blog .blog-external .media .so-block img { width: 100%; } div.so-latest-blog .blog-external .media .item .media-body { padding-left: 18px; padding-right: 18px; } div.so-latest-blog .blog-external .media .item .media-body .media-heading { margin-top: 20px; } div.so-latest-blog .blog-external .media .item .media-body .media-heading a { color: #444; font-size: 15px; } div.so-latest-blog .blog-external .media .item .media-body .media-heading a:hover { color: #ea3a3c; } div.so-latest-blog .blog-external .media .item .media-body .description { margin-bottom: 0; font-size: 12px; line-height: 22px; } div.so-latest-blog .owl2-nav { margin-bottom: 8px; text-align: right; position: absolute; top: 0; right: 5px; vertical-align: middle; } div.so-latest-blog .owl2-nav .owl2-prev, div.so-latest-blog .owl2-nav .owl2-next { width: 17px; height: 30px; text-align: center; display: inline-block; line-height: 30px; font-size: 0; cursor: pointer; color: #999999; background: transparent; font-weight: normal; } div.so-latest-blog .owl2-nav .owl2-prev:hover, div.so-latest-blog .owl2-nav .owl2-next:hover { color: #ea3a3c; } div.so-latest-blog .owl2-nav .owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 28px; } div.so-latest-blog .owl2-nav .owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 28px; } /*----- Socical Block --------*/ .footer-top { background-color: #444; height: 70px; } .social_block { margin-bottom: 0; background: #3a3a3a; } .social_block ul.social-block li { float: left; display: inline-block; margin: 0 10px; text-align: center; } .social_block ul.social-block li a { color: #fff; line-height: 70px; width: 30px; display: inline-block; } .social_block ul.social-block li a:hover { color: #ea3a3c; } .social_block ul.social-block li a i { font-size: 16px; } /*-------------------------NEWSLETTER ------------------------------*/ .news-letter { overflow: hidden; padding-top: 10px; padding-right: 0; float: right; color: #fff; } .news-letter .title-block { margin-left: 20px; min-height: 50px; display: inline-block; padding: 3px 0 0px 60px; background: url("../../../media/images/layout/ecommerce/icon-newletter-footer.png") no-repeat left center; } .news-letter .page-heading { font-size: 150%; text-transform: uppercase; font-weight: 600; color: #fff; margin: 0px 0 6px; } .news-letter .pre-text { margin: 0; line-height: 12px; font-size: 12px; } .news-letter .block_content { float: right; padding-top: 5px; } .news-letter .block_content form { margin: 0px; } .news-letter .block_content form .form-group { margin: 0px; overflow: hidden; } .news-letter .block_content .input-box { float: left; } .news-letter .block_content .input-box input { height: 40px; padding: 5px 15px; background: #fff; color: #999; font-size: 12px; float: left; width: 270px; height: 36px; transition: 0.3s all ease 0s; border: solid 1px #ddd; border-right: none; } .news-letter .block_content .subcribe { float: left; } .news-letter .block_content .subcribe button { height: 36px; float: left; text-transform: uppercase; font-size: 12px; transition: 0.3s all ease 0s; font-weight: 500; text-transform: uppercase; color: #fff; } .news-letter .block_content .subcribe button:hover { background-color: #da1719; border-color: #da1719; } /*==================GENERAL ============*/ .label-new, .label-sale { min-width: 45px; height: 20px; padding: 0 10px; border-radius: 0; line-height: 20px; } .label-sale { background-color: #e67e22; } .label-sale:after { border-top-color: #e67e22; right: 0; } .label-new:after { left: 0; } .price .price-new, .price span.price { font-weight: bold; } .price .price-old { font-size: 12px; font-weight: bold; font-weight: normal; } .product-filter .box-pagination { height: 27px; margin-top: 3px; } .product-filter .box-pagination ul { margin: 0; height: 27px; } .short-by-show .form-group { position: relative; } .short-by-show .form-group .control-label { margin: 0 5px; } .short-by-show .form-group:after { content: "\f0d7"; background: #fff; color: #8d8d8d; text-align: center; margin: 0; position: absolute; right: 1px; top: 1px; height: 32px; width: 28px; line-height: 32px; pointer-events: none; -ms-pointer-events: none; -webkit-pointer-events: none; font-family: Fontawesome; } .form-inline .form-control { box-shadow: none; } #sosearchpro.so-search { margin: 0; width: 100%; position: relative;} #sosearchpro.so-search .search { border: 1px solid #ddd; } #sosearchpro.so-search .select_category { width: 120px; border: 0; } #sosearchpro.so-search .select_category select { background: #fff; height: 32px; line-height: 28px; width: 106px; } #sosearchpro.so-search .select_category select:focus { border: 0; } #sosearchpro.so-search .autosearch-input, .autosearch-input2 { border: 0; height: 24px; margin-top: 4px; } .autosearch-input2 {height: 0px; margin-top: 0px; border: none!important;} .autosearch-input3 {border: 1px solid #ccc; background: #fff; border-radius: 0px; height: 45px;} .no-input {background: none!important; border: none!important} #sosearchpro.so-search .button-search { background: transparent; border: 0; font-size: 16px; height: 32px; padding: 0 12px; } #sosearchpro.so-search .button-search i { font-size: 14px; line-height: 32px; } #sosearchpro.so-search .button-search:hover i { color: #da1719; } #sosearchpro.so-search .icon-select:after { background-color: transparent; width: 20px; right: 10px; top: -2px; color: #444; } #resSuperPro {position: absolute; width: 100%; text-align: left; z-index: 1000} .ct_search_pro{background: #fff; border: 1px solid #ccc;} .it_search_pro{border-bottom: 1px solid #ccc; padding: 10px 3px} .filters-panel .list-view button.btn { margin-right: 5px; } .filters-panel.product-filter-bottom { margin-bottom: 0; } .filters-panel.product-filter-bottom .short-by-show .form-group:after { display: none; } .bubble-black {background-color: rgba(0,0,0,0.2);color: #fff;position: absolute;width: 3rem;height: 3rem;border-radius: 100%;border-style: none; border-width: 0; top: 5px; right: 0px} .corporate-about {background: rgba(0,0,0,0.1);text-align: center;border: 1px solid #323232;padding: 20px;} .corporate-about .row > div:not(:last-child), .bd-line:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.1);} div.products-list { /*------------------PRODUCT GRID ====================*/ /*----------------PRODUCT LIST ------------------*/ } .btn_mx_quickview {left: inherit;margin: 0;opacity: 0;height: 30px;width: 30px;position: absolute;transition: all 0.9s ease-in-out 0s;background: #999 url("../../../media/images/layout/ecommerce/icon_quickview.png") no-repeat scroll center center;text-indent: -99999px;} .btn_quickview_empty {position: relative; border: 1px solid #ddd; background: transparent; color: #444; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 7px 8px 7px 8px;} .btn_quickview_empty:hover {border: 1px solid #ea3a3c; color: #ea3a3c;} div.products-list .product-layout { overflow: hidden; } div.products-list .product-layout .product-item-container .left-block .quickview { width: 30px; height: 30px; text-indent: -99999px; background: #999 url("../../../media/images/layout/ecommerce/icon_quickview.png") no-repeat center center; } div.products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner { background: transparent; box-shadow: none; } div.products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item { padding: 1px 0; background: #999; border: none; margin-right: 2px; width: 23.5%; } div.products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item .num-time { font-size: 14px; color: #fff; margin: 0; border: none; height: 18px; line-height: 20px; font-weight: bold; } div.products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item .name-time { font-size: 10px; color: #fff; margin: 0; height: 20px; line-height: 20px; text-transform: uppercase; } div.products-list .product-layout .product-item-container .button-group button.addToCart, div.products-list .product-layout .product-item-container .button-group button.wishlist, div.products-list .product-layout .product-item-container .button-group button.compare { float: left; margin-right: 5px; background-color: #999; } div.products-list .product-layout .product-item-container .button-group button.addToCart { background: #999 url("../../../media/images/layout/ecommerce/icon_cart.png") no-repeat center center; } div.products-list .product-layout .product-item-container .button-group button.addToCart:hover, .btn_mx_quickview:hover { background-color: #ea3a3c; } div.products-list .product-layout .product-item-container .button-group button.wishlist { background: #999 url("../../../media/images/layout/ecommerce/icon_wishlist.png") no-repeat center center; } div.products-list .product-layout .product-item-container .button-group button.wishlist:hover { background-color: #ea3a3c; } div.products-list .product-layout .product-item-container .button-group button.compare { background: #999 url("../../../media/images/layout/ecommerce/icon_compare.png") no-repeat center center; } div.products-list .product-layout .product-item-container .button-group button.compare:hover { background-color: #ea3a3c; } div.products-list.grid .product-layout .product-item-container { padding: 15px; position: relative; min-height: 320px; background: #fff;} div.products-list.grid .product-layout .product-item-container .left-block .quickview { opacity: 1; position: absolute; top: 126px; left: inherit; right: -8px; margin: 0; background-color: #999; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; opacity: 0; } div.products-list.grid .product-layout .product-item-container .right-block { float: left; margin-top: 18px; width: 100%; } div.products-list.vtmxx_refined .product-layout .product-item-container .right-block { margin-top: 0px; } div.products-list.grid .product-layout .product-item-container .right-block .caption { padding: 0; } div.products-list.grid .product-layout .product-item-container .right-block .caption h4 a { font-size: 14px; color: #444; font-weight: normal; } div.products-list.grid .product-layout .product-item-container .right-block .caption .ratings { margin: 5px 0 5px 0; } div.products-list.grid .product-layout .product-item-container .button-group button { width: 30px; height: 30px; background-color: #999; text-indent: -99999px; background-repeat: no-repeat; background-position: center center; position: absolute; margin-right: 0 !important; border-color: #999; opacity: 0; } div.products-list.grid .product-layout .product-item-container .button-group button:hover { border-color: #ea3a3c; } div.products-list.grid .product-layout .product-item-container .button-group button.addToCart { top: 35px; right: 7px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } div.products-list.grid .product-layout .product-item-container .button-group button.wishlist { width: 30px; height: 30px; top: 70px; right: 7px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } div.products-list.grid .product-layout .product-item-container .button-group button.compare { width: 30px; height: 30px; top: 105px; right: 7px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } div.products-list.grid .product-layout .product-item-container .label-new { top: -8px; right: -8px; } div.products-list.grid .product-layout .product-item-container .label-sale { top: -8px; left: -8px; } div.products-list.grid .product-layout .product-item-container:hover { box-shadow: none; } div.products-list.grid .product-layout .product-item-container:hover .button-group button { opacity: 1; } div.products-list.grid .product-layout .product-item-container:hover .left-block .quickview { background-color: #999; opacity: 1; } div.products-list.grid .product-layout .product-item-container:hover .left-block .quickview:hover { background-color: #ea3a3c; } div.products-list.list .product-layout .product-item-container .left-block .quickview { left: 62%; } div.products-list.list .product-layout .product-item-container .button-group button { height: 30px; } div.products-list.list .product-layout .product-item-container .button-group button.addToCart { background-position: 8px center; font-weight: normal; padding: 0px 12px 0px 30px; color: #fff; border-color: #999; } div.products-list.list .product-layout .product-item-container .button-group button.addToCart i { display: none; } div.products-list.list .product-layout .product-item-container .button-group button.addToCart:hover { border-color: #ea3a3c; } div.products-list.list .product-layout .product-item-container .button-group button.wishlist { width: 30px; text-indent: -99999px; background-repeat: no-repeat; background-position: center center; border-color: #999; } div.products-list.list .product-layout .product-item-container .button-group button.wishlist:hover { border-color: #ea3a3c; } div.products-list.list .product-layout .product-item-container .button-group button.compare { width: 30px; text-indent: -99999px; background-repeat: no-repeat; background-position: center center; border-color: #999; } div.products-list.list .product-layout .product-item-container .button-group button.compare:hover { border-color: #ea3a3c; } div.products-list.list .product-layout .product-item-container .ratings { margin: -5px 0 10px 0; } div.products-list.list .product-layout .product-item-container:hover .left-block { box-shadow: none; border: 1px solid #aaa; } div.products-list.list .product-layout .product-item-container:hover .left-block .quickview:hover, .btn_mx_quickview:hover { background-color: #ea3a3c; } .products-list.grid .product-layout .product-item-container:hover .btn_mx_quickview{ opacity: 1; } .static-image-home-left img:hover { opacity: 0.8; } .producttab .tabsslider .nav-tabs li { margin-bottom: -1px; } .producttab .tabsslider .nav-tabs li.active a, .producttab .tabsslider .nav-tabs li:hover a { background-color: #ea3a3c; color: #fff; } .producttab .tabsslider.vertical-tabs .nav-tabs li { margin-bottom: 0; } div.left-content-product .content-product-right .product-label .stock { float: none; } div.left-content-product .content-product-right .box-info-product .quantity .quantity-control { background: #fff; padding: 0; } div.left-content-product .content-product-right .box-info-product .quantity .quantity-control label { margin-top: 3px; } div.left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control { height: 30px; width: 38px; line-height: inherit; } div.left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_up { top: 0; background-color: #999; } div.left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down { top: 14px; background-color: #999; } div.left-content-product .content-product-right .box-info-product .cart { margin: 0; } div.left-content-product .content-product-right .box-info-product .cart input { height: 30px; line-height: 30px; padding: 0 15px 0 30px; font-weight: normal; background: #999 url("../../../media/images/layout/ecommerce/icon_cart.png") no-repeat; background-position: 8px center; } div.left-content-product .content-product-right .box-info-product .cart input:hover { background-color: #ea3a3c; } div.left-content-product .content-product-right .box-info-product .add-to-links ul li a { height: 30px; width: 30px; line-height: 30px; text-align: center; padding: 0; transition: none; margin: 0 5px; background-color: #999; color: #fff; } div.left-content-product .content-product-right .box-info-product .add-to-links ul li a:hover { background-color: #ea3a3c; color: #fff; } div.left-content-product .content-product-right .box-info-product .add-to-links ul li.compare a.icon { background: #999999 url("../../../media/images/layout/ecommerce/icon_compare.png") no-repeat center center; } div.left-content-product .content-product-right .box-info-product .add-to-links ul li.compare a.icon i { display: none; } div.left-content-product .content-product-right .box-info-product .add-to-links ul li.compare a.icon:hover { background-color: #ea3a3c; } div.left-content-product .content-product-right .box-info-product .add-to-links li.wishlist a { margin-right: 0; } .left-content-product .content-product-left #thumb-slider.thumb-vertical-outer { width: 100px; float: left; margin-right: 15px; position: relative; } .left-content-product .content-product-left #thumb-slider.thumb-vertical-outer .vertical { margin-top: 25px; } .left-content-product .content-product-left .large-image { position: relative; overflow: hidden; display: block; } .short_description { display: inline-block; width: 100%; margin-top: 20px; } .short_description h3, .carousel-inner h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; } .thumb-vertical-outer .slider-btn { font-weight: bold; position: absolute; left: 40%; cursor: pointer; } .thumb-vertical-outer .slider-btn .fa { font-size: 20px; } .thumb-vertical-outer .slider-btn .fa.fa-chevron-up { position: relative; top: -5px; } .thumb-vertical-outer .slider-btn .fa.fa-chevron-down { position: relative; bottom: 2px; } .thumb-vertical-outer .slider-btn .fa:hover { color: #ea3a3c; } .product-view .content-product-left .thumb-video { margin-top: -50px; left: 30px; position: relative; z-index: 950; font-size: 32px; } .product-view .content-product-left .thumb-video .fa { font-size: 32px; } .bototm-detail { padding: 0; } .related.products-list { border: 1px solid #ddd; } .related.products-list .releate-products .product-item-container { padding: 20px; position: relative; } .related.products-list .releate-products .product-item-container .product-item { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .related.products-list .releate-products .product-item-container .product-item .product-image-container { float: left; } .related.products-list .releate-products .product-item-container .product-item .product-image-container img { width: 84px; height: 84px; } .related.products-list .releate-products .product-item-container .product-item .product-image-container:hover img { opacity: 0.8; } .related.products-list .releate-products .product-item-container .product-item .quickview, .related.products-list .releate-products .product-item-container .product-item .button-group { display: none; } .related.products-list .releate-products .product-item-container .product-item:last-child { border-bottom: 0; } .related.products-list .owl2-controls { margin-bottom: 8px; text-align: right; position: absolute; top: -34px; right: 5px; vertical-align: middle; } .related.products-list .owl2-controls .owl2-prev, .related.products-list .owl2-controls .owl2-next { width: 17px; height: 30px; text-align: center; display: inline-block; line-height: 30px; font-size: 0; cursor: pointer; color: #999999; } .related.products-list .owl2-controls .owl2-prev:hover, .related.products-list .owl2-controls .owl2-next:hover { color: #ea3a3c; } .related.products-list .owl2-controls .owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 28px; } .related.products-list .owl2-controls .owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 28px; } .up-sell-product { padding: 0; } .up-sell-product .so-basic-product { overflow: visible; position: relative; } .up-sell-product .so-basic-product .item-element { width: 100%; overflow: visible; } .up-sell-product .so-basic-product .item-wrap { margin: 30px 0 0; border: 1px solid #ddd; overflow: visible; } .up-sell-product .so-basic-product .item-wrap.products-list.grid .product-layout .product-item-container { margin: 0; border: 1px solid transparent; padding-bottom: 0; min-height: 324px; } .up-sell-product .so-basic-product .item-wrap.products-list.grid .product-layout .product-item-container:hover { border: 1px solid #aaa; } .up-sell-product .so-basic-product .item-wrap.products-list.grid .product-layout .product-item-container .product-image-container { overflow: visible; } .up-sell-product .so-basic-product .item-wrap.products-list.grid .product-layout .product-item-container .caption h4 a { font-size: 14px; font-weight: normal; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div { display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; position: absolute; top: 73%; margin-top: -85px; z-index: 501; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; transform: scale(0); text-align: center; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-prev { left: -20px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-prev:before { content: "\f104"; line-height: 35px; padding: 10px; font-size: 28px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-next { right: -18px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-next:before { content: "\f105"; line-height: 35px; padding: 10px; font-size: 28px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div:hover { background-color: #ea3a3c; border-color: #ea3a3c; color: #fff; } .up-sell-product .so-basic-product .item-wrap:hover .owl2-nav div { transform: scale(1); } #product-quick.product-info .product-view .left-content-product .content-product-left .label-sale { left: 25px; } #product-quick.product-info .left-content-product .content-product-right .box-info-product { margin: 0; } #product-quick.product-info .left-content-product .content-product-right .product-label .price { margin-right: 10px; } .product-options label { padding: 0; } .product-options .radio .fa { display: none; position: absolute; top: 0; left: 0; z-index: 2; width: 22px; height: 22px; color: white; line-height: 22px; text-align: center; } .product-options .active .fa { display: block; } /*# sourceMappingURL=theme-red.css.map */ /*jQuery jGrowl v1.4.3 | Licensed under the MIT License*/ .jGrowl{z-index:9999;color:#333;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:0;width:50%;left:25%}.jGrowl-closer,.jGrowl-notification{width:250px;display:none}.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification{margin-left:auto;margin-right:auto}.jGrowl-notification{background-color:rgba(241,241,241,.97);text-align:left;border-radius:3px;min-height:40px;margin:10px;box-shadow:0 1px 0 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.08),0 1px 5px 0 rgba(0,0,0,.2);padding:10px}.jGrowl-notification .jGrowl-header{font-size:1em;margin-bottom:10px;font-weight:700}.jGrowl-message{overflow:hidden}.jGrowl-notification img{width:50px;float:left;margin-right:15px}.jGrowl-notification h3{font-size:12px;overflow:hidden;line-height:20px;margin:0; color: #333;}.jGrowl-notification .jGrowl-close{color:#fff;border-radius:3px;z-index:99;border:none;float:right;font-size:1.4em;line-height:18px;cursor:pointer;background-color:#999}.jGrowl-notification .jGrowl-close:hover{background-color:#777}.jGrowl-closer{background-color:#000;opacity:.9;filter:alpha(Opacity=0.9);;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9);;zoom:1;border-radius:5px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center;margin:10px;padding:4px 10px}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight,.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}} /* Magnific Popup CSS */ .mfp-bg,.mfp-wrap{left:0;top:0;position:fixed}.mfp-bg,.mfp-container,.mfp-wrap{width:100%;height:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container,img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{position:absolute;left:0;box-shadow:0 0 8px rgba(0,0,0,.6)}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#666;top:35px;padding-right:6px;}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:1000px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:0px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:435px;background:#fff;padding:20px;}.mfp-figure:after,img.mfp-img{display:block;width:auto;height:auto}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} /* loading spinner Site CSS */ .loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:#fff}i.spinner{line-height:40px;font-size:18px;border-radius:3px;color:white;background-color:#F4A137;position:absolute;top:50%;left:50%;text-align:center;margin:-20px 0 0 -20px;width:40px;height:40px;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}} .jGrowl-notification.error{background-color:#efa7a7;} .jGrowl-notification.success h3{color:#8C1717;} .jGrowl-notification.success{background-color:#ecfff1;} .jGrowl-notification.success h3{color:#06500C;} /* * My Settings */ a {cursor: pointer} .pricingTable{padding: 30px 0 40px;} .pricingTable .price-value{padding: 20px 0 14px; margin: 23px -10px 30px;background: #d8d4d4; color: #333;position: relative;transition: all 0.3s ease-in-out 0s;text-align: center;} .pricingTable:hover .price-value{background: #73c32c; color: #fff;} .pricingTable .price-value:before, .pricingTable .price-value:after{content: ""; display: block;width: 10px;height: 15px;border-width: 13px 5px 11px;border-style: solid;border-color: transparent #777 #777 transparent;position: absolute;top: -24px;left: 0;transition: all 0.3s ease-in-out 0s;} .pricingTable .price-value:after{border-width: 11px 5px;border-color: transparent transparent #777 #777; top: -22px;left: auto; right: 0;} .pricingTable:hover .price-value:before{border-color: transparent #4e9310 #4e9310 transparent;} .pricingTable:hover .price-value:after{border-color: transparent transparent #4e9310 #4e9310;} .btn-yellow, .btn-mercado_livre {background: #ffea00!important; background-image: none!important;background-image: -webkit-linear-gradient(top, #ffea00, #ffcc00)!important;background-image: -moz-linear-gradient(top, #ffea00, #ffcc00)!important;background-image: -ms-linear-gradient(top, #ffea00, #ffcc00)!important;background-image: -o-linear-gradient(top, #ffea00, #ffcc00)!important;background-image: linear-gradient(to bottom, #ffea00, #ffcc00)!important;-webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;text-shadow: 1px 1px 1px #666666;color: #ffffff!important;border: solid #edcd00 1px!important;text-decoration: none;} .btn-yellow:hover, .btn-mercado_livre:hover{color: #f1f1f1; box-shadow: 0px 5px 10px rgba(0,0,0,0.4); } .btn-orange-modern {background: #ff9900; -webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;text-shadow: 1px 1px 1px #666666;color: #ffffff;text-decoration: none; padding: 12px 40px} .btn-orange-modern:hover{color: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,0.4); background: #da7200} .btn-yellow-modern {background: #FFD51F; -webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;text-shadow: 1px 1px 1px #666666;color: #000;text-decoration: none; padding: 12px 40px;} .btn-yellow-modern:hover{color: #000; box-shadow: 0px 5px 10px rgba(0,0,0,0.4); background: #FFD510} .btn-red-square {background: #ff1a00; text-shadow: 1px 1px 1px #666666;color: #ffffff;text-decoration: none; padding: 12px 40px; border-radius: 0px;} .btn-red-square:hover{background: #ce1703; color: #fff;} .btn-modern {cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25);-moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); box-shadow: 0 2px 2px rgba(0,0,0,.25); text-align: center; vertical-align: middle; line-height: 20px; display: inline-block; border-style: solid; border-width: 1px; border-image: none; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); text-decoration: none; overflow: hidden; padding: 10px 20px; } .btn-sm2 {padding: 2px 5px!important; font-size: 10px; line-height: 15px!important;} .btn-sm1 {padding: 5px 10px!important; font-size: 11px; line-height: 15px!important;} .btn-big {padding: 15px 60px!important; font-size: 30px;} .btn-elipse li, .btn-rounded { border-radius: 2em; padding: 20px 35px;} .btn-elipse li > a {line-height: 10px!important;} .lineSp {border-bottom: 1px solid #333;} .lineSp .active {border-bottom: 5px solid #333;} .usr-box {font-size: 16px!important; min-width: 12.25em;padding: 1em;left: auto;top: 32px;right: -2.4em;position: absolute;background: #fff; color: #333; box-shadow: 0 8px 13px rgba(0, 0, 0, 0.5)} .h_tooltip {position: absolute;background: #fff;top: 100%;right: 0;left: 0;z-index: 100;display: block;margin-top: 1.25em;border-radius: 0;} .usr-signup {border-bottom: 1px solid #e5e5e5;font-size: .8125em;display: block;padding: 1em 0;transition: all .4s ease;} .h_tooltip::before {width: 0; height: 0; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; top: -12px; margin-right: -12px;position: absolute;right: 50%;} .usr-it {display: block; text-align: left;} .usr-it a {font-size: .8125em; padding: 0.4em 0; display: block; transition: all .4s ease;} .fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:'x';font-family:sans-serif} .svg_cp {overflow: hidden; height: 100%; width: 100%; position: absolute;} .container_advertise {position: relative} .icon_container {margin: 5px 5px 0 0;} .ic_mada_facebook {background: url(../../../media/images/icons/ico_facebook_32x32.png) no-repeat; height: 32px; width: 32px; opacity: 0.2;} .ic_mada_twitter {background: url(../../../media/images/icons/ico_twitter_32x32.png) no-repeat; height: 32px; width: 32px; opacity: 0.2} .ic_mada_google {background: url(../../../media/images/icons/ico_google_32x32.png) no-repeat; height: 32px; width: 32px; opacity: 0.2} .ic_mada_whatsapp {background: url(../../../media/images/icons/ico_whatsapp_32x32.png) no-repeat; height: 32px; width: 32px; opacity: 0.2} .ic_facebook_inline {background: url(../../../media/images/icons/icon_facebook_inline.png) no-repeat; height: 20px; width: 103px; margin: 3px 0 0 5px;} .divider_svg {background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; bottom: 0; content: ""; height: 100%; left: 0; position: relative; right: 0;} .bg_cp {background-position: 50% 50%!important; background-repeat: no-repeat; position: absolute; z-index: 0;width: 50%; height: 100%; background-size: cover!important;} .panel-group.mg0 {margin-bottom: 5px!important;} /* Instagram */ .gridInsta {display: inline-block;vertical-align: top;position: relative;overflow: hidden;} .mediaInsta {position: absolute;left: 0;top: 0;width: 275px;height: 275px;z-index: 10;} .contentInsta {padding: 50px 8px 8px;position: relative;width: 275px;height: 275px;z-index: 0; color: #fff;} .commentInsta {margin-top: 12px;color: #b7c0c7;font-size: 14px;max-height: 88px;overflow: hidden;} .contentInsta > .avatar {background-size: 80px auto;border-radius: 50%;display: inline-block;height: 80px;margin-right: 8px;vertical-align: middle; width: 80px;} .mediaInsta:hover, .mediaInsta:hover .contentInsta, .contentInsta:focus, .mediaInsta:hover {visibility:visible; border: 6px solid #fff099;z-index: 12;} .mediaInsta:hover .contentInsta {z-index: 12; display: block} /* Video.js play button */ .vjs-default-skin .vjs-big-play-button:before {color: #fff !important;text-shadow: none !important;line-height: 0 !important;} .vjs-default-skin.vjs-big-play-button {background-color: transparent !important;border: none !important;border-radius: 0 !important;box-shadow: none !important; left: 50% !important;top: 50% !important;font-size: 8em !important;margin-left: -30px !important;height: 0 !important;width: 0 !important;} .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {background-color: transparent !important;border-color: transparent !important;box-shadow: none !important;outline: 0 none !important;transition: none !important;} /* LayoutBuilder */ .dark_block {padding: 5px; background: rgba(0, 0, 0, 0.5);} .dark_block2 {padding: 5px; background: rgba(0, 0, 0, 0.5); border-left: 4px solid #b05927} .bt_toggle_txt {padding: 1px 10px; border: 1px solid #ccc; background: #f1f1f1; margin: 0 2px; border-radius: 3px; cursor: pointer;} .ui-datepicker {width: auto!important;} .border-fit {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc} .border-dark-3 {border: 11px solid rgba(0,0,0, 0.2);} .ic_mada_facebook:hover, .ic_mada_twitter:hover, .ic_mada_google:hover, .ic_mada_whatsapp:hover {opacity: 1;} .mega_it_shadow {background-color: #fff; box-shadow: 0 0 20px 2px rgba(174, 174, 174, 0.75); display: flex;} .mega_it_shadow2 {background-color: #fff; box-shadow: 0 0 20px 2px rgba(174, 174, 174, 0.75);} .mega_it_shadow_right {background-color: #fff; box-shadow: 0 0 20px 2px rgba(174, 174, 174, 0.75); margin-bottom: 30px; display: block;} .img-mega-it::after, .img-mega-it::before {background-color: #fff; content: ""; display: block; height: 5px; left: 0; position: absolute; top: -2px; width: 100%;} .img-mega-it {box-shadow: 0 0 20px 2px rgba(174, 174, 174, 0.75); float: left; padding: 40px; position: relative;} .img-mega-it_right {box-shadow: 0 0 20px 2px rgba(174, 174, 174, 0.75); float: right; padding: 40px; position: relative;} .conteudo-mega-it {float: left;} .wrapper-full {overflow: hidden} .snap_left {margin-left: -700px;position: absolute;text-align: left; top: 0;} .snap_left img {max-width: none; position: absolute; left: 0px;} .snap_right {right: 0px;position: absolute;top: 0;} .snap_right img {max-width: none; } .bg-cover {background-size: cover!important;} #product-quick .large-image img {max-height: 370px;} /* Tags */ .ctnTags .tag {background: #fff; border: 1px solid #f1f1f1; border-radius: 4px; float: left; font-size: 0.8em!important; margin: 0 6px 10px 0; padding: 7px;} .rating .fa {font-size: 13px;} .modal-dialog {z-index: 1099;} .bg-danger, .bg-success, .bg-info, .bg-alert {padding: 15px} #mural .list-group-item.active, #mural .list-group-item.active:focus, #mural .list-group-item.active:hover {border: none;} .navbar.navbar-static-top {margin-bottom: 0px;} #menu-wrap .nav > li, #main-nav .nav > li {float: left;} #menu-wrap .collapse, #main-nav .collapse {display: block;} .dropdown > .bgMenuOp, .has-dropdown > .bgMenuOp, .megamenu li > .bgMenuOp {height: 100%;opacity: 0.5;position: absolute; width: 100%; z-index: 0;} .navbar-static-top {border-width: 0 0 0px!important;} .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover, .row-list li:hover {color: #E62222!important;} .searchCtnSolid {display: none;} .flex {display: flex;} .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{border: 1px solid #ccc; background: none;} #menu_ecommerce_support .list-group-item.active, #menu_ecommerce_support .list-group-item.active:focus, #menu_ecommerce_support .list-group-item.active:hover {border: 1px solid #ccc; background: #fbfbfb;} #menu_ecommerce_support .list-group-item.active, #menu_ecommerce_support .list-group-item.active:focus, #menu_ecommerce_support .list-group-item.active:hover {color: #bfbfbf;} light {font-weight: 200;} .bg-white-header {position: absolute; background: #fff; width: 50%; height: 100%; left: -600px;} .ctn_barra_guerrilha_flat {width: 100%; height: 10px;} .bg-white-full-absolute {position: absolute; background: #fff; height: 100%; width: 100%;} .btn-input-height {padding-top: 6px!important;padding-bottom: 6px!important;} .btn-gray-dark {background: #969696!important; color: #fff!important;} .p_default {font-size: 14px;} .overflow-x {overflow-x: hidden;} .icon_whatsapp {background: url("../../../media/images/icons/icon_whatsapp.png"); height: 20px; width: 20px; display: flex;} .icon_telephone {background: url("../../../media/images/icons/icon_telefone.png"); height: 20px; width: 20px; display: flex;} .dropcase, dropcase {float: left;font-family: Georgia,"Times New Roman",Times,serif;font-size: 300%;line-height: 1em;margin-right: 0.3em;padding-bottom: 0.3em; position: relative;text-transform: uppercase;top: 6px;} .bar, bar {background: #ccc; color: #000; padding: 10px; display: block;} .bar_inverse, bar_inverse {background: #333; color: #fff; padding: 10px;display: block;} .bar_blue, bar_blue {background: #1BB6F2; color: #fff; padding: 10px;display: block;} .bar_red, bar_red {background: #9F0327; color: #fff; padding: 10px;display: block;} /* Galeria */ .gal_default {max-height: 300px; overflow: hidden;} .search_input_bg {background-color: #f1f1f1;border: medium none; border-radius: 15px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.075) inset; font: italic 300 12px/1 Arial,sans-serif; padding: 9px 30px 9px 15px;} .bt_search_glamo {color: #ccc;cursor: pointer;font-size: 1.2em;position: absolute;right: 15px;} #crop-avatar-modal-content, #crop-image-modal-content {max-height: 600px!important; overflow-y: scroll;display: block;position: relative;} .nav-tabs > li > a {background: #e1e1e1; } .mgR_resp, .mgR {margin-right: 10px;} .mgL_resp, .mgL {margin-left: 10px;} .full-width {width: 100%!important;} .mg0 {margin: 0px!important;} .menu a, .sub-menu a, .submenu_dropdow a {color: #333!important} .megamenu li:hover .submenu_dropdow a {color: #333!important;} .breadcrumb {background-color: #f5f5f5; border-radius: 4px; list-style: outside none none; margin: 0 0 20px; padding: 8px 15px; display: inline-block!important} .brand {position: absolute} .theme.bg {background: #ea3a3c!important;} .carousel-control.left, .carousel-control.right {background-image: none;} .d_block {display: block!important} .mfp-close {line-height: none; background: #212121; border-radius: 50%; width: 40px; height: 40px; text-align: center;top: -10px!important; right: -10px!important; line-height: unset!important; opacity: 1!important; color: #fff!important; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {padding: 0px!important;} .fullCP .carousel-control {width: auto;} .auto {width: auto!important; min-width: auto!important;} .carArrowRight {right: 0px;} .player_pp {bottom: 0;display: inline; margin-left: -60px; left: 50%; width: 120px; position: absolute;} .player_pp_icons {padding: 0px 7px; background: #333; margin-right: 5px; cursor: pointer} .mgFooter {padding-bottom: 40px; clear: both; position: relative} .ctnSearchBig {margin: auto; text-align: center; width: auto!important; left: 50%; display: inline-flex} .box-shadow-plus {box-shadow: 10px 4px 10px #333} .box-shadow-plus2 {box-shadow: 0px 0px 36px #333} .box-shadow-plus3 {box-shadow: 0px 1px 9px #333} .pos-fixed {position: fixed;} comment_simple {border-left: 7px solid; padding: 10px 10px; font-style: italic; margin-left: 20px; display: inline-block} .italic {font-style: italic;} .capitalize, .cp {display: inline-block} .capitalize:first-letter, .cp:first-letter {text-transform: capitalize} a.capitalize-first {display: block } .no-radius, .btn-main.no-radius, .btn-default.no-radius {border-radius: 0px!important;} .fontawsome {font-family:'FontAwesome'!important;} p {line-height:normal;} .brand-osiris {background: #fff; height: 100%; padding: 0 20px; margin-left: -15px; margin-right: -15px;} .capitalize-first:first-letter {text-transform: uppercase;} .ctnBlockBlack {padding: 50px; background: rgba(0,0,0, 0.7); position: relative; margin: 10px 0;} .navbar-form.form-search {margin: 0px 0px 0px 0px} /*Vinhepaper*/ .height-auto {height: auto;} .fullCP.so-deal .item-timer .time-item {line-height: 24px!important;border-bottom: none; border-left: 1px solid #fff} .fullCP.so-deal .num-time {border: none;} .search-form {position: relative; display: table} .p_r_10 {padding-right: 10px;} .fullCT .carousel-control.left {left: -30px!important;} .hero-unit, .hero_texture {padding: 10px 0px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; box-shadow: 0px 2px 5px;} .hero-unit {background: #fff;} .hero2 {background: rgba(0, 0, 0, 0) linear-gradient(#fff, #efefef) repeat scroll 0 0; border: 1px solid #e3e3e3; border-radius: 10px; box-sizing: border-box; margin: 10px; min-height: 250px; position: relative;} .base_decor {background-color: #fff;background-image: none; border: 1px solid #ccc; border-radius: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px;line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%;} .base_decor_plus {background-color: #fff;background-image: none;border: 1px solid #ccc; border-radius: 0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;display: block; padding: 6px 12px;; width: 100%;} /* Eventos */ .bt_cld {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;float: right;border: medium none;} #table_sm table th {font-size: 10px;} #table_sm > tbody > tr > td, #table_sm > tbody > tr > th, #table_sm > tfoot > tr > td, #table_sm > tfoot > tr > th, #table_sm td, #table_sm > thead > tr > th {padding: 5px!important;} .table-calendar .today {background: #009526 none repeat scroll 0 0 !important; color: #fff;} .table-calendar a {color: #333;} .table-calendar .today a, .table-calendar .linked-day a {color: #fff;} .table-calendar .linked-day {background: #abcbe4 none repeat scroll 0 0 !important;} .step { background: white none repeat scroll 0 0; border-radius: 1px; float: left; padding: 7px 13px; position: relative; text-align: center; width: 33.33%; } #likebox-wrapper * { width: 100% !important; } .step_line { border-bottom: 16px solid transparent; border-left: 16px solid #fff; border-top: 16px solid transparent; height: 0; left: 105%; margin: 0; position: absolute; top: 1px; width: 0; z-index: 1008; } .step_line.backline { border-bottom: 20px solid transparent; border-left: 20px solid #f7f7f7; border-top: 20px solid transparent; position: absolute; top: -3px; z-index: 1006; } .step_line.step_complete { background: rgba(0, 0, 0, 0) none repeat scroll 0 center; border-left: 16px solid #357ebd; } .step_complete { background: #357ebd none repeat scroll 0 0; } .step_complete a.check-bc, .step_complete a.check-bc:hover, .afix-1, .afix-1:hover { color: #eee; } .check-bc, .check-bc:hover { color: #222; } .bg-border-ctn .so-deal .extraslider-inner {padding-bottom: 1px!important} .fullCT .module {margin-bottom: 0px;} .module .label-sale {left: unset!important; right: 0px;} .module .bg_lancamento_small {margin-left: -20px; margin-top: -20px; } .item-absolute-upon {position: absolute; top: 90px; z-index: 100; } .my-mfp-medium .mfp-content {width: 690px; height: 435px;} /* Vitrine MAxxi */ .vtmxx_refined .owl2-carousel .owl2-stage-outer {overflow: visible} .vtmxx_refined h4, .vtmxx_details h4 {text-align: center!important;} .vtmxx_refined .addToCart, .vtmxx_refined .wishlist, .vtmxx_refined .compare, .vtmxx_refined .btn_mx_quickview {top: 160px!important;} .vtmxx_refined .addToCart {left: 60px!important} .vtmxx_refined .wishlist {left: 100px!important} .vtmxx_refined .compare {left: 140px!important;} .vtmxx_refined .btn_mx_quickview {left: 180px!important;} .showEasy, .vtmxxShowEasy {opacity: 0;} .product-item-container:hover .vtmxxShowEasy {opacity: 1;} .product-item-container:hover {box-shadow: 0 1px 6px 0px rgba(0,0,0,0.2)!important;} .bubble-vitrine {background: #ff9900 none repeat scroll 0 0; border-radius: 50%; color: #fff; font-weight: bold; height: 45px; margin: -14px -14px 0 0; padding: 10px;position: absolute;right: 0;width: 45px; z-index: 1000;} /* Vitrine Maxxi */ #sticky_navigation_simple {position: fixed; top: -200px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #menu_ecommerce_support .list-group a {border: none; padding: 0px; color: initial} hr.half2 {margin: 0px;} .navbar {min-height: auto;} label {font-weight: bold;} .dropdown span {font-size: 14px;} .lead {font-size: 15px;} .sF3em {font-size: 3em} .no-border {border: none!important;} .no-background {background: none!important;} .no-fullCT {padding: 0px!important; margin: 0px!important; background: none!important;} .show_resp2, .show_resp {display: none;} .no-float {float: none!important} .login_container_signed {display: none;} .menu .row-list a, #menuGroup .row-list a, #menuTexture .row-list a, .menu_wrap_mb_bg .row-list a, #menuGroup .row-list a {color: #333;} .profile-container {position: absolute; width: 143px; top: 150px; left: 5%; z-index: 1000;} .profile-container ul, .profile-container li {margin: 0;padding: 0; list-style-type: none;} .profile {background: #f6f6f6; float: left; padding: 4px; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} /* Perfil Flututante */ .avatar img {display: block; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .follow {margin: 4px 0 0 0;} .follow button {display: block; width: 100%; margin: 0; cursor: pointer;} .profile-list, .profile-list a {overflow: hidden;width: 100%; box-sizing: border-box; color: #767b7e; font-size: 13px;} .profile-list li { cursor: pointer; background: #ffffff; border-top: 1px solid #e5e6e6; padding: 15px 10px;} .profile-list li:last-child {border-radius: 0 0 3px 3px;; -o-border-radius: 0 0 3px 3px;-ms-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;} .profile-list li [class^="icon-"] {margin: 0 3px 0 0;} .profile-list .profile {border-radius: 3px 3px 0 0; position: relative;} .profile-list li { -webkit-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: perspective(250px) rotateX(-90deg); -o-transform: perspective(250px) rotateX(-90deg); transform: perspective(250px) rotateX(-90deg); -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);} .profile-list .first { -webkit-transition: 0.2s linear 0.8s; -o-transition: 0.2s linear 0.8s; transition: 0.2s linear 0.8s;} .profile-list .second { -webkit-transition: 0.2s linear 0.6s; -o-transition: 0.2s linear 0.6s; transition: 0.2s linear 0.6s;} .profile-list .third { -webkit-transition: 0.2s linear 0.4s; -o-transition: 0.2s linear 0.4s; transition: 0.2s linear 0.4s;} .profile-list .fourth { -webkit-transition: 0.2s linear 0.2s; -o-transition: 0.2s linear 0.2s; transition: 0.2s linear 0.2s;} .profile-container:hover .profile { border-radius: 3px 3px 0 0;-o-border-radius: 3px 3px 0 0;-ms-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;} .profile-container:hover .profile-list li {-webkit-transform: perspective(350px) rotateX(0deg);-o-transform: perspective(350px) rotateX(0deg);transform: perspective(350px) rotateX(0deg);-webkit-transition: 0.2s linear 0s;-o-transition: 0.2s linear 0s;transition: 0.2s linear 0s;} .profile-container:hover .profile-list .second {-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} .profile-container:hover .profile-list .third {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .profile-container:hover .profile-list .fourth {transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;} /* Share count */ a.post-share {display: block;width: 94px;height: 46px;float: left;margin: 10px 0px 0px 0px;background: #3e599a url(../../../media/images/layout/social_icons/sidebar-share.png) no-repeat 0 0;text-decoration:none;width: 197px;text-indent: 50px;ont: 15px/46px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color: #ffffff; line-height: 45px;} a.post-share:hover {opacity: 0.8;text-decoration: none;cursor: pointer;} a.post-share span {padding: 12px;display: block;float:right;background-color: #4665af;color: #ffffff;vertical-align: middle;font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;text-align: center;text-indent: 0;} a.post-share.facebook {background: #3e599a url(../../../media/images/layout/social_icons/sidebar-share.png) no-repeat 0 1px;margin-right: 10px;} a.post-share.facebook span {background-color: #4665af;} a.post-share.twitter {background: #4b8cbe url(../../../media/images/layout/social_icons/sidebar-share.png) no-repeat -0px -111px;margin-right: 10px;} a.post-share.twitter span {background-color: #529fda;} a.post-share.gplus {background: #b8382e url(../../../media/images/layout/social_icons/sidebar-share.png) no-repeat -0px -50px;margin-right: 10px;} a.post-share.gplus span {background-color: #d24238;} a.post-share.stumble {background: #e15131 url(../../../media/images/layout/social_icons/sidebar-share.png) no-repeat -0px -165px;} a.post-share.stumble span {background-color: #fd5d3b;} .pagination { margin: 20px auto; display: table; position: relative; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; color: #333; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #999999; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } @media (max-width: 767px) { #menu-wrap {display:none} .right_resp, .left_resp, .img-mega-it, .conteudo-mega-it {float: none!important} .left_resp_apply {float: left} .pd_0_resp {padding: 0px;} .mega_it_shadow {display: block;} .tab_down {margin-bottom: 5px; border-radius: 0px; width: 100%; position: relative} } @media (max-width: 480px) { .page-header h1 small {display: block; line-height: 20px; } .txt_right_resp, .txt_left_resp {text-align: unset!important} .baseTextBillboard { height: 100%!important;} .ctnTextBillBoard{ width: 80%!important; height: 150px!important;} .navbar .brand {position: relative;} .hide_resp, .liveChat, .textwidget, .profile-container.unfold {display: none!important} .btn-block-resp, .btn-full-resp {display: block; width: 100%!important; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mgB0_resp {margin-bottom: 10px!important} .mgT0_resp {margin-top: 10px!important} .mgR_resp {margin-right: 0px;} .mgL_resp {margin-left: 0px;} .center_resp_apply {text-align: center} .ln_h_23 {line-height: 23px;} .carousel-caption-simple {display: block; position: relative;} .pagination ul > li > a, .pagination ul > li > span {padding: 4px 8px;} } @media (min-width: 480px) { .tablet-hidden{display: none;} } /* ================================= */ /* #Content Social icons ================================================== */ .widget_nav_menu{ margin-left:0px; margin-bottom:30px; display:inline-block; min-height:100%; height:100%; } .socialIconsInline {display: inline-block; margin: auto; position: relative; text-align: center;} .socialIconsInline li {float: left; margin-left: 10px;} .fa-search-position {position:absolute; vertical-align: middle; top: 7px; right: 10px;} .fa-search-position2 {position:absolute; right: 10px; margin-top: 8px;} .socialIcons { min-width:100%; width:100%; padding:0px; margin:0px; } .socialIcons li{ position: relative; display: inline; list-style: none; text-indent: -999px; float: left; width: 32px; height: 32px; overflow: hidden; margin-right: 4px; margin-bottom: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .socialIcons li a{ background-repeat: no-repeat; background-position: 0 0; display: block; height: 32px; width: 32px; } .socialIcons li a:hover, .socialIcons li a:focus { background-color: transparent; } .socialIcons li:hover { background-position: 0 -32px; } .socialIcons .vimeo.normal {background: url(../../../media/images/layout/social_icons/main_content/vimeo.png) no-repeat;} .socialIcons .facebook.normal {background: url(../../../media/images/layout/social_icons/main_content/facebook.png) no-repeat;} .socialIcons .linkedin.normal {background: url(../../../media/images/layout/social_icons/main_content/linkedin.png) no-repeat;} .socialIcons .twitter.normal {background: url(../../../media/images/layout/social_icons/main_content/twitter1.png) no-repeat;} .socialIcons .twitter2.normal{background: url(../../../media/images/layout/social_icons/main_content/twitter2.png) no-repeat;} .socialIcons .pinterest.normal {background: url(../../../media/images/layout/social_icons/main_content/pinterest.png) no-repeat;} .socialIcons .flickr.normal {background: url(../../../media/images/layout/social_icons/main_content/flickr.png) no-repeat;} .socialIcons .yahoo1.normal {background: url(../../../media/images/layout/social_icons/main_content/yahoo1.png) no-repeat;} .socialIcons .yahoo2.normal {background: url(../../../media/images/layout/social_icons/main_content/yahoo2.png) no-repeat;} .socialIcons .googleplus.normal{background: url(../../../media/images/layout/social_icons/main_content/googleplus.png) no-repeat;} .socialIcons .stumbleupon.normal {background: url(../../../media/images/layout/social_icons/main_content/stumbleupon.png) no-repeat;} .socialIcons .skype.normal {background: url(../../../media/images/layout/social_icons/main_content/skype.png) no-repeat;} .socialIcons .youtube.normal{background: url(../../../media/images/layout/social_icons/main_content/youtube.png) no-repeat;} .socialIcons .rss.normal {background: url(../../../media/images/layout/social_icons/main_content/rss.png) no-repeat;} .socialIcons .instagram.normal {background: url(../../../media/images/layout/social_icons/main_content/instagram.png) no-repeat;} .socialIcons .homeicon.normal{background: url(../../../media/images/layout/social_icons/main_content/home.png) no-repeat;} .socialIcons .phone.normal {background: url(../../../media/images/layout/social_icons/main_content/phone.png) no-repeat;} .socialIcons .email.normal {background: url(../../../media/images/layout/social_icons/main_content/email.png) no-repeat;} /* #Footer Social icons ================================================== */ .socialIcons{ margin-left:0px; } .socialIcons li{ position: relative; display: inline; list-style: none; text-indent: -999px; float: left; width: 32px; height: 32px; overflow: hidden; margin-right: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .socialIcons li a{ background-repeat: no-repeat; background-position: 0 0; display: block; height: 32px; width: 32px; } .socialIcons li a:hover, footer .socialIcons li a:focus { background-color: transparent; } .socialIcons li:hover { background-position: 0 32px; } .socialIcons .vimeo, .socialIconsLine .vimeo{background: url(../../../media/images/layout/social_icons/footer/vimeo.png) no-repeat;} .socialIcons .facebook, .socialIconsLine .facebook {background: url(../../../media/images/layout/social_icons/footer/facebook.png) no-repeat;} .socialIcons .linkedin, .socialIconsLine .linkedin {background: url(../../../media/images/layout/social_icons/footer/linkedin.png) no-repeat;} .socialIcons .twitter, .socialIconsLine .twitter {background: url(../../../media/images/layout/social_icons/footer/twitter1.png) no-repeat;} .socialIcons .twitter2, .socialIconsLine .twitter{background: url(../../../media/images/layout/social_icons/footer/twitter2.png) no-repeat;} .socialIcons .pinterest, .socialIconsLine .pintrest {background: url(../../../media/images/layout/social_icons/footer/pinterest.png) no-repeat;} .socialIcons .flickr, .socialIconsLine .flickr {background: url(../../../media/images/layout/social_icons/footer/flickr.png) no-repeat;} .socialIcons .googleplus, .socialIconsLine .googleplus{background: url(../../../media/images/layout/social_icons/footer/googleplus.png) no-repeat;} .socialIcons .stumbleupon, .socialIconsLine .stumbleupon {background: url(../../../media/images/layout/social_icons/footer/stumbleupon.png) no-repeat;} .socialIcons .skype, .socialIconsLine .skype {background: url(../../../media/images/layout/social_icons/footer/skype.png) no-repeat;} .socialIcons .youtube, .socialIconsLine .youtube{background: url(../../../media/images/layout/social_icons/footer/youtube.png) no-repeat;} .socialIcons .rss, .socialIconsLine .rss {background: url(../../../media/images/layout/social_icons/footer/rss.png) no-repeat;} .socialIcons .instagram, .socialIconsLine .instagram {background: url(../../../media/images/layout/social_icons/footer/instagram.png) no-repeat;} .socialIcons .homeicon, .socialIconsLine .homeicon{background: url(../../../media/images/layout/social_icons/footer/home.png) no-repeat;} .socialIcons .phone, .socialIconsLine .phone {background: url(../../../media/images/layout/social_icons/footer/phone.png) no-repeat;} .socialIcons .whatsapp, .socialIconsLine .whatsapp {background: url(../../../media/images/layout/social_icons/footer/whatsapp.png) no-repeat;} .socialIcons .email, .socialIconsLine .email {background: url(../../../media/images/layout/social_icons/footer/email.png) no-repeat;} input.email { padding-left: 36px!important} .socialIconsLine { min-width:100%; width:100%; padding:0px; margin:0px; } .socialIconsLine li{ position: relative; list-style: none; text-indent: -999px; width: 100%; height: 44px; margin-right: 4px; margin-bottom: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-position: 0 -32px!important; text-indent:inherit; border-bottom: 1px solid #ccc; padding: 4px 0 6px 0; } .socialIconsLine li a{ background-repeat: no-repeat; display: block; height: 32px; width: 100%; padding-left: 50px; } .socialIconsLine li a:hover, .socialIconsLine li a:focus { background-color: transparent; } /* FIM SOCIAL */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .wrapper, .wrapper2 {background: none repeat scroll 0 0 white; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset; box-sizing: border-box; margin: 0px auto; max-width: 1250px; overflow: hidden; width: 100%; padding: 15px;} .wrapper2 {box-shadow: 0 0 40px rgba(0, 0, 0, 0.3), 0 0 50px rgba(0, 0, 0, 0.1) inset; margin: 40px auto; width: 90%;} .wrapper3 {box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0px; padding: 10px 15px; border-left: 7px solid #333} .wrapper3:hover {background: #f1f1f1;} .btp {background: #fff; padding: 6px 13px; border: 1px solid #ccc; border-radius: 4px;} .btp:hover {background: #333; color: #fff} .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .middle-size {width: 120px; height: 120px} .circle_regular {width: 45px; height: 45px; padding: 10px; border-radius: 50%; background: #fff; display: inline-block} .circle_normal {width: 120px; height: 120px; padding: 10px; border-radius: 50%; background: #fff; display: inline-block;} .circle_large {width: 150px; height: 150px; padding: 10px; border-radius: 50%; background: #fff; display: inline-block;} .circle_large-xx {width: 300px; height: 300px; border-radius: 50%; display: inline-block;} .main-border-white {border: 1px solid #fff;} .ctn_item_carousel {width: 600px; margin: 0 auto; position: relative} .mural_bubbles .pp_square_ret_bg {padding: 100px 50px 30px 50px; margin-top: -90px} [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } /* ============================= */ @media (max-width: 990px) { } @media (min-width: 768px) and (max-width: 979px) { h2.resp { font-size: 2em!important; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (min-width: 1200px) { [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } } /* FIM DO BOOTSSTRAP */ @-ms-viewport { width: device-width; } #menu-select-mobile{display: none} #menu-mobile {position: relative; z-index: 1000;} .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .content_software {margin-left: 10px; margin-right: 10px;} } @media (min-width: 1200px) { [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (min-width: 768px) and (max-width: 979px) { .logo_site{width: 200px!important; background-size: 100%!important;} h2.resp {font-size: 1.4em; line-height: 20px; padding: 0px; margin:0px!important} p.resp {font-size: 95%; line-height: 120%; padding: 0px; margin:0px} .overlay {background-size: 1050px 420px; margin-left: -500px; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (max-width: 767px) { h2.resp {font-size: 16px!important; line-height: 20px!important; padding: 0px!important; margin:0px!important} p.resp {font-size: 60%!important; line-height: 100%!important; padding: 0px!important; margin:0px!important} .logo_site { background-size: 50% 50%!important; } .overlay {background-size: 750px 300px; margin-left: -375px; top: 5%} #menu-select-mobile{display: block; /* padding: 0px 20px; TODO mudar no layout*/} body, html { overflow-x: hidden!important; } body { overflow-y: hidden!important; } .pan_shadow:before{background: none!important;} .pan_shadow:after{background: none!important;} .ctnTextBillBoard {width: 45%;} .container > .container {padding: 0px;} .row-fluid { width: 100%; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } .brand {position: relative} } @media (max-width: 480px) { .brand { float: none!important; margin-top: 2px!important; display: block; top: 0px!important;} .logo {height: 50px!important;} .needhead {max-height: auto!important; height: auto;} .headerPan, .topo_helper .navbar-static-top {height : auto!important;} .brand img {height: 50px!important;} .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; right: 10px; left: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } #comboShare {display: none;} .sF_resp {font-size: 0.8em;} .mgL_resp {margin-left: 0px!important;} .width_auto_resp {min-width: auto!important;} .ctn_item_carousel {width: 300px; margin: 0 auto; position: relative} .show_resp {display: block;} .header-center-compact {padding: 0px 5px 5px 5px!important;} } @media (min-width: 767px) { .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 979px) { .ctnTextBillBoard, .ctnTextBillBoard {width: 45%;} .navbar .brand { padding-right: 10px; padding-left: 10px; margin: 0 0 0 0px!important; } .right_resp2, .left_resp2 {float: none!important} .hide_resp2 {display: none;} .show_resp2 {display: block;} .responsive.so-megamenu .navbar-default .megamenu-wrapper ul.megamenu > li > a, .responsive.so-megamenu .navbar-default .vertical-wrapper ul.megamenu > li > a, ul.megamenu > li > a > span, #remove-megamenu {color: #556270 !important} #menu-wrap .nav-collapse, .nav-collapse.collapse {float: none;} .headerPan, .topo_helper .navbar-static-top {height: auto!important;} } @media (max-width: 340px) { h2.resp {font-size: 60%!important; line-height: 100%!important} p.resp {font-size: 40%!important;} } @media (max-width: 1023px) { .right_resp3, .left_resp3 {float: none!important} } @media (min-width: 1024px) { .img-support {max-height: 220px; min-height: 220px;} } /* ============================= */ .search_trigger:hover {background: none!important;} .hide, .hidden {display: none;} .clear {clear: both} .label_checkbox_email {height: auto; opacity: 0.3; margin: 10px 0} .bb_square {padding: 30px; border: 1px solid #e5eaea; border-left: 10px solid #999; border-right: 10px solid #999; margin-bottom: 20px; background: #fff;} .shadow_simple {box-shadow: 0 0px 11px rgba(0, 0, 11, 0.3)} .sm-icon {background: #f2ce3e none repeat scroll 0 0; border-radius: 4px; height: 50px; text-align: center; width: 50px;} .sm-icon-mini {background: #f2ce3e none repeat scroll 0 0; border-radius: 4px; height: 30px; text-align: center; width: 30px;} .sm-icon-mini2 {background: #f2ce3e none repeat scroll 0 0; border-radius: 4px; height: 25px; text-align: center; width: 25px;} .sm-icon-mini3 {background: #f2ce3e none repeat scroll 0 0; border-radius: 4px; height: 32px; text-align: center; width: 32px;} .sm-icon-circle {background: #f2ce3e none repeat scroll 0 0; border-radius: 25px; height: 40px; text-align: center; width: 40px;} .bg-facebook {background: #374F81;} .bg-twitter {background: #00A0D1;} .bg-pinterest {background: #AA2127;} .bg-linkedin {background: #076A99;} .bg-google-plus {background: #B84435;} .bg-youtube {background: #AA2127;} .bg-flickr {background: #D60672;} .bg-instagram {background: #C23B6A;} .bg-whatsapp, .bg-green {background: #25d366!important;} .bg-green-light, .bg-green-lighter {background: #cae6d5 !important;} .bg-gray {background: #ccc;} .bg-gray-light {background: #f5f5f5;} .bg-common {background: #333;} .bg-black {background: #222;} .bg-white {background: #fff;} .bg-yellow {background: #fbe605;} .bg-yellow-light {background: #eae4b8!important;} .bg-brow {background: #957f59;} .btn-facebook {background: #374F81!important; color: #fff!important;} .btn-facebook:hover {background: #374F70!important; color: #fff;} .pp_block_square {background: #e6e6e6 none repeat scroll 0 0; border-radius: 4px; color: #aaa; padding: 6px 15px; display: inline-block} .pp_block_square_white {background: #fff none repeat scroll 0 0; border-radius: 4px; color: #ccc; padding: 6px 15px; display: inline-block; border: 1px solid #ccc; opacity: 0.7} .pd-col-right-15 {padding-right: 15px;} .pd-col-left-15 {padding-left: 15px;} .d_flex {display: flex;} .mgAuto, .mg_auto {margin: auto;} .cp_blockSpecial {width: 40%; bottom: 0px!important; background-color: rgba(239,239,239, 0.75)!important; top: 0px; margin: 20px; height: auto; overflow: hidden;} .item_featured:hover {transform: scale(3) rotate(45deg); transition: all 30s ease 0s;} .item_featured {transition: all 10s ease 0s;} .item_featured3 {transition: all 1s ease 0s;} .item_featured2 {transform: scale(3); transition: all 90s ease 0s;} .item_featured3:hover {transform: scale(1.1); transition: all 1s ease 0s;} .double_line::before {background: #e7e7e7 none repeat scroll 0 0; bottom: -2px; content: " "; display: block; height: 1px; position: absolute; width: 100%;} .double_line::after {background: #e7e7e7 none repeat scroll 0 0; content: " "; display: block; height: 1px; width: 100%;} .line_medium {height: 2em; width: 100%;} #banner_loader1 .ctnRl_1 {display: block;} .ctn_banner_main {position: absolute; top: 40%;} .h-30 {height: 30px!important;} .blur {filter: blur(5px)} #publicidade_flutuante {position: absolute; z-index: 10000; width: 100%; text-align: center;} #publicidade_flutuante .content {top: 50px; position: relative} #publicidade_flutuante .close {float: none; margin: -25px 0 0 0; background: #fff; opacity: 1; padding: 5px;} .dim_flutuante {background: none repeat scroll 0 0 #000;height: 100%;opacity: 0.73;position: fixed;top: 0;width: 100%;z-index: 1000; left: 0} #publicidade_global {position: fixed; z-index: 1991; width: 150px; right: 30px; top: 10%;} #publicidade_global .content {position: relative; width: 100%; height: 100%; background: url(../../../media/images/textures/paginas/transparent_60.png); padding: 0 10px 10px 10px; border-radius: 4px; border: 1px solid #ccc;} #publicidade_global p {font-size: 0.9em; color: #666; margin-top: 7px;} .ctn_barra_guerrilha {background: #333;} .searchbar_rounded {background-color: #333333; border: medium none; border-radius: 15px!important; color: #ffffff; font: italic 300 12px/1 Roboto,Arial,sans-serif; padding: 9px 30px 9px 15px; width: 250px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.075) inset; line-height: none;} .bt_searchbar_rounded {color: #fff; cursor: pointer; font-size: 1.2em;margin: 8px 0 0;position: absolute;right: 15px;} .bt_searchbar_rounded2 {cursor: pointer; font-size: 1.9em; margin: 2px 0 0; position: absolute; right: 25px;} sublime::after {background-color: #006991;content: "";display: block;height: 1px; margin-top: 6px;width: 30%;} .shadow_main_banner {position: absolute; z-index: -1!important; height: 110px; bottom: -40px; width: 980px; left: 50%; margin-left: -490px;} .logo_site {background-size: 100%;} .topic.h2_topic {float: left; background-position: 0 7px} .botao {min-width: 100px; min-height: 30px; border: none; text-align: center; line-height: 40px; vertical-align: middle; background: transparent; text-decoration: none} .overlay {background-position: center top; background-repeat: no-repeat; float: left; height: 600px; overflow: hidden; position: absolute; width: 100%; z-index: -1} .t_justify {text-align: justify;} .t_center {text-align: center;} .t_left {text-align: left;} .t_right {text-align: right;} .pointer_default {cursor: default!important} .right_resp, .right_resp2, .right_resp3 {float: right} /* Don't use it as !important */ .left_resp, .left_resp2 {float: left} /* Don't use it as !important */ .center_container_resp {margin: 0 auto; width: 60%;} /* Don't use it as !important */ .bold {font-weight: bold;} .pointer {cursor: pointer} .top15 {top:15px} .margin_lateral_auto {margin: 0 auto;} .txt_center, .txt_center_resp, .txt-center, .center {text-align: center!important;} .txt_left, .txt_left_resp, .txt-left {text-align: left!important;} .txt_right, .txt_right_resp, .txt-right {text-align: right!important;} .txt_plus, .txt_plus_resp {height: 50px!important; font-size: 1.1em!important;} .txt_plus0, .txt_plus0_resp {height: 40px!important; font-size: 1.1em!important;} .btn_plus0, .btn_plus0_resp {height: 40px!important; font-size: 1.1em!important; padding: 7px 0px!important;} .pLineHeight, .paragraph_short {line-height: 20px; height: 40px; overflow: hidden} .circular {width: 70px;height: 70px;margin: 0px auto; border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;box-shadow: 0 0 8px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); background-size: 100%!important; z-index: 2; position: absolute; position: absolute;top: 50%;left: 50%; overflow: hidden;} .crossline {text-decoration: line-through;} .uf {width: 60px} .txt_mark {display: inline-block; padding: 0 10px 0 0; position: relative;text-align: left; width: auto !important; background: url(../../../media/images/textures/paginas/transparent_90.png);} .tt_stripes {background: rgba(0, 0, 0, 0) url(../../../media/images/textures/efeitos/strippes.png) repeat; height: 100%; width: 100%;} .menu_item_ecommerce {position: relative;} .menu_item_cat {margin-bottom: 0px; border: none; background: none; cursor: pointer;padding-bottom: 3px; text-align: left; width: 100%; display: inline-block} .bt_subcat_retratil {width: 100%!important; display: inline-block} .main_menu_store .parent:after {display: inline-block; content: "\f078"; position: absolute; right: 10px; font-family: FontAwesome;} #menu_resp_retratil {display: none; background: #fff;;} .itMenuResp {width: 100%; height: 30px; background: #f1f1f1; clear: left; margin-bottom: 5px; padding: 5px; color: #333;} .itMenuResp:hover {background-color: #ccc; color: #000;} .cat-title::after {content: ""; display: block; font-family: "FontAwesome"; font-size: 24px; position: absolute; right: 12px; text-align: center; top: 12px;} .cat-title {background: #31353d none repeat scroll 0 0;border-radius: 3px;color: #ffffff; display: none;height: 46px;position: absolute;right: 20px;text-transform: uppercase; top: 12px; width: 46px; cursor: pointer;} /* Menu Ecommerce */ .titulo_menu_ecommerce {margin-top: 5px; font-weight: bold; margin-right: 10px; height: auto; margin-bottom: 25px!important; border-bottom: 7px solid; margin-left: 5px;} .menu_item_ecommerce {border-bottom: 2px solid; margin-bottom: 8px; padding: 10px!important} .menu_item_ecommerce_no_border {height: 25px;} .menu_item_cat {border: none; background: none; cursor: pointer;padding-bottom: 3px; text-align: left} .menu_item_subcat {margin-bottom: 3px; padding-left: 5px; background: none; border: none; cursor: pointer; text-align: left; margin-left: 5px; padding-bottom: 3px; padding-top: 4px;} .menu_item_subitem {margin-bottom: 5px; margin-left: 30px; font-size: 0.85em; cursor: pointer; padding: 5px; margin-right: 5px;} .menu_support_items {display: none; margin-bottom: 5px;} .subcat_items {padding-bottom: 0px;} .bg_lancamento {position: absolute; width: 200px; height: 200px; background: url(../../../media/images/layout/ecommerce/badge_lacamento.png) no-repeat; z-index: 2} .bg_lancamento_small {position: absolute; width: 100px; height: 100px; background: url(../../../media/images/layout/ecommerce/badge_lacamento_small.png) no-repeat; z-index: 2} .bg_vendido {position: absolute; width: 380px; height: 200px; background: url(../../../media/images/layout/ecommerce/badge_vendido.png) no-repeat; z-index: 2; top: 50%; left: 50%; margin: -100px 0 0 -190px;} .bg_vendido_small {position: absolute; width: 171px; height: 90px; background: url(../../../media/images/layout/ecommerce/badge_vendido_small.png) no-repeat; z-index: 2; top: 50%; left: 50%; margin: -45px 0 0 -85px;} .bg_reservado {position: absolute; width: 380px; height: 116px; background: url(../../../media/images/layout/ecommerce/badge_reservado.png) no-repeat; z-index: 2; top: 50%; left: 50%; margin: -58px 0 0 -190px;} .bg_reservado_small {position: absolute; width: 170px; height: 52px; background: url(../../../media/images/layout/ecommerce/badge_reservado_small.png) no-repeat; z-index: 2; top: 50%; left: 50%; margin: -26px 0 0 -85px;} .bg_lancamento_small.en {background: url(../../../media/images/layout/ecommerce/badge_lacamento_small_en.png)} .col-top {vertical-align: top;} .col-middle {vertical-align: middle;} .vertical-align, .v-align, .v_align {vertical-align: middle!important;} .col-bottom {vertical-align: bottom;} .rodape_blackbar_fixed {position: fixed; bottom: 0px; z-index: 3000} .topo_fixed {position: sticky; top: 0px; z-index: 10} .no_margin {margin: 0px!important; line-height: normal!important} .sidebar-minify-btn, .sidebar-minify-btn-left {margin: 10px 0;float: right;padding: 5px 20px 5px 10px!important;background: #1b1f24;color: #fff;-webkit-border-radius: 20px 0 0 20px;-moz-border-radius: 20px 0 0 20px;border-radius: 20px 0 0 20px;} .sidebar-minify-btn-left {float: left!important; border-radius: 0 20px 20px 0; padding: 5px 10px 5px 10px!important; margin: 20px 0; top: 20px; position: relative} .bt_facebook_login {width: 170px; height: 40px; background: url(../../../media/images/buttons/bt_facebook_logar_cadastrar.png) no-repeat; display: inline-block; cursor: pointer;} .txt_face p {color: #fff!important; text-align: center; vertical-align: middle; height: 20px; margin: 10px 0 0 25px} #c_type_pf, #c_type_pj {padding: 0px 15px;} #c_type_pf.active, #c_type_pj.active {background: #333; color: #fff;} #c_type_pf:hover, #c_type_pj:hover {background: #ccc; color: #000;} .subtitle_desc_types, .subtitle_desc_user {margin-bottom: 15px; display: inline-block;} .ctnSearchAnime {text-align: right; float: left;} .ctnSearchBox2 {text-align: center; display: inline-block;} .inner_shadow {box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3)!important;} .menu_lateral_software {float: left; width: 250px;display: inline-block} .menu_software {width: 200px; height: 100%; display: inline-block; position: fixed; z-index: 500} .content_software {margin-left: 200px; position: relative} .menu_software .item {background: url(../../../media/images/textures/paginas/transparent_black_50.png); padding: 5px; margin-bottom: 2px; cursor: pointer; color: #fff; border: 1px solid #333} .menu_software .item:hover {background: url(../../../media/images/textures/paginas/transparent_black_90.png); } .menu_software .item a {width: 100%; color: #fff;} .bt_rd_google_plus {background: url(../../../media/images/icons/icon_visit_googleplus.jpg) no-repeat; width: 131px; height: 22px;} .bt_rd_facebook {background: url(../../../media/images/icons/icon_visit_facebook.jpg) no-repeat; width: 131px; height: 22px;} .bt_login_facebook {background: url(../../../media/images/icons/logar_via_facebook.jpg) no-repeat; width: 70px; height: 20px;} .ramo_ab {position: absolute; width: 100%;} .ctn_express {overflow-y: auto; max-height: 149px; position: relative; border: 1px solid #f1f1f1;} .itEx {height: 25px; background: #f9f9f9; border: 1px solid #fff; padding: 5px; cursor: pointer;} .itEx:hover {background: #f1f1f1} .wrap_container {display: flex; position: relative; width: 100%;} .no-container .container {position: relative; width: 100%;} .payment_supportbar {background: #fff; padding:10px 0; -moz-box-shadow: 1px 1px 1px #777, 0px 2px 10px #666 inset; -webkit-box-shadow: 1px 1px 1px #777, 0px 2px 10px #666 inset; box-shadow: 1px 1px 1px #777, 0 2px 10px #666 inset;} .bg-black-transp {background: url(../../../media/images/textures/paginas/transparent_black.png); } /* Live Search - SenseBar */ .live_search_component {width: 100%; margin-bottom: 10px; position: relative; float: left} .label_search_live {font-weight: bold;} .bt_arrow_live_search {height: 25px; width: 25px; margin-top: -28px; border: none; left:370px; position: absolute; cursor: pointer} #items_live_search_user, #items_live_search_ramo {border: 1px solid #f1f1f1; position: absolute; width: 100%; display: none; max-height: 140px; overflow: auto; overflow-x: hidden; z-index: 1000; background: #fff} .item_sl_c {} .item_sl_c_string {border-bottom: 1px solid #F1F1F1;clear: both;display: block; background: #f9f9f9;margin-bottom: 2px; margin-left: 3px; margin-right: 3px; margin-top: 2px; position: relative; cursor: pointer; padding: 10px 3px 10px 3px;} .item_sl_c_string:hover {background: #ccc} .no-items {height: 30px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #ccc;} .item_no_border {width: 90%;height: 100%; margin: 0 5%; } .item_border {border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background: #fff;} .clearPPSquare .pp_square {border: none!important; border-radius: 0px; box-shadow: none; padding: 0px;} .posBottom {bottom: 0px;} .scroll_content {overflow-y: auto; position: relative;} .line_unset {line-height: unset!important;} .line_normal {line-height: normal!important;} /* Logos */ .logoDev_white {background: url('../../../media/images/logos/logo_purplepier_white_small.png') no-repeat; width: 190px; height: 40px; } .logoDev_black {background: url('../../../media/images/logos/logo_purplepier_original_small.html') no-repeat; width: 190px; height: 40px; } .base_black {background: url("../../../media/images/textures/rodape/base_black_50.png") repeat-x; width: 100%; height: 50px; } .base_black2 {background: url("../../../media/images/textures/rodape/base_black_50_2.jpg") repeat-x; width: 100%; height: 50px; } .botao_trans_back {text-align: center; cursor: pointer; width: 122px!important; height: 40px; background: url(../../../media/images/buttons/buttons_trans_back.html) no-repeat; overflow: hidden; border: none; display: block; } /* Rss */ .ctnRss {float: left; margin: 5px 0 0 10px; width: 85px;} .ttrss {font-size: 0.8em; margin: 11px 0 0 10px; } .qq-upload-button {padding: 6px 12px; height: auto!important} .hgtSize_40, .h40 {height: 40px!important;} .hgtSize_60, .h60 {height: 60px!important;} .hgtSize_100, .h100 {height: 100px;} .hgtSize_200 {height: 200px;} .hgtSize_300 {height: 300px;} .hgtSize_400 {height: 400px;} .hgtSize_500 {height: 500px;} .hgtSize_600 {height: 600px;} .truncate { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;} .truncate2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;} .table_support .truncate {display: -moz-box} .line_simple {height: 20px; overflow: hidden;} .fa-icon-xxxlarge {font-size: 500%!important;} .fa-icon-xxlarge {font-size: 400%!important;} .fa-icon-xlarge {font-size: 300%!important;} .fa-icon-large {font-size: 350%!important;} .fa-icon-big {font-size: 200%!important;} .ctnArtTxt h1 {background: none; padding: 0px;} .paralax {background: 50% 0 fixed; height: auto;margin: 0 auto;width: 100%;position: relative;padding: 0px 0; background-size: 100% auto!important;} .ctn_properties_print_font {padding: 10px; border: 1px solid #ccc; display: inline-block;} .ctnPrint {left: 50%; margin-left: -490px; position: relative; width: 980px;} .z-under {position: relative; z-index: 990;} .no-z-index {z-index: 0;} .padding_2 {padding: 2px!important;} .padding_10 {padding: 10px!important;} .padding_20 {padding: 20px!important;} .line_height {line-height: 20px;} .mnCenter {margin: 0 auto -5px auto!important; display: inline-block; float: none;} .inline-block, .inline {display: inline-block} .mxHeight_50 {max-height: 50px;} .iframeFace {border:none; overflow:hidden; height:21px;} .concrete {background-color: #d3d2c9;} .btn-auto {min-width: auto!important;} .btn-green {background-color: #33b73a;border-color: #2ea440; color: #fff;} .btn-green:hover {background-color: #1F9926;color: #fff;} .btn-red {background-color: #b73333;border-color: #a42e2e; color: #fff;} .btn-red:hover {background-color: #A32727;color: #fff;} .btn-line, .btn-white {background: rgba(255,255,255,0.5);border-color: #ccc; color: #333;} .btn-line:hover, .btn-white:hover {background: rgba(255,255,255,0.5);border-color: #333; color: #000;} .btn-line2, .btn-white2 {border: 2px solid #fff!important; color: #fff; background:none; padding: 10px 30px;} .btn-line2:hover, .btn-white2:hover {border: 2px solid #ccc; color: #ccc;} .btn-line3, .btn-black2 {border: 2px solid #333!important; color: #333; background:none; padding: 10px 30px;} .btn-line3:hover, .btn-black2:hover {border: 2px solid #000; color: #000;} #second { background: rgba(0, 0, 0, 0) url("../../../media/temp/images/secondBG.html") no-repeat fixed 50% 0; color: white; height: 1300px; margin: 0 auto; overflow: hidden; padding: 0; background-size: 100%; } #header, #intro, #second { width: 100%; } #second .bg { background: rgba(0, 0, 0, 0) url("../../../media/temp/images/trainers.html") no-repeat fixed 50% 0; height: 1300px; margin: 0 auto; padding: 0; position: absolute; width: 900px; z-index: 200; } .story { margin: 0 auto; min-width: 980px; overflow: auto; width: 980px; } .story .float-left, .story .float-right { padding: 100px 0 0; position: relative; width: 350px; } .float-right { float: right; margin: 0 20px 0 0; } /* Produtos */ .list-group {margin-bottom: 20px; padding-left: 0;} .list-group-item {background-color: #fff; border: 0px!important; display: block; margin-bottom: 0px!important; padding: 15px 15px;} .list-group-item.active, .list-group-item-color.active {background-color: #f9f9f9;} .list-group-item-color {background-color: #efefef; border: 1px solid #E1E1E1!important; display: block; margin-bottom: 3px!important; padding: 15px 15px;} .slide-item {width: 100%;} .caption-ecommerce {height: 130px; overflow: hidden; text-align: center;} .img_prod {text-align: center; height: 220px; position: relative; overflow: hidden} .img_prod img {text-align: center; width: 300px;} .pp_square a {text-decoration: none!important;} /*Flash Notice */ .flash_notice {position:fixed; top:0; left:0; width:100%; padding: 10px 0.8em 0.8em 0.8em; border-bottom-width: 2px; border-bottom-style: solid; font-size: 18px; z-index: 1010; opacity: 0.9} .flash_notice span {padding-top: 10px;} .flash_notice_button_close {width: 35px; height: 30px; background: url(../../../media/images/buttons/button_flash_notice_close.png) no-repeat; float: right; margin-right: 20px; cursor: pointer;} .flash_notice_button_close:hover {background-position: 0px -30px;} #flash_notice_text {float: left} .divider_shadow {background: url("../../../media/images/divider/faq_divider_horizontal.png") no-repeat scroll center 0 transparent;height: 30px;padding-bottom: 20px; position: relative;width: 100%; overflow: hidden; margin: 0 auto } hr.separator {background-color: #333; border: 0 none; box-shadow: 0 1px 0 0 #999; height: 1px; outline: 0 none;margin: 5px auto;width: 99%;} hr.separator_light {background-color: #ccc; border: 0 none; box-shadow: 0 1px 0 0 #fff; height: 1px; outline: 0 none;margin: 5px auto;width: 100%;} /* COMPONENTS */ #novidadeTetriz .ctnImageTetriz, .ctnNovidade {width: auto!important} .outdoor_rotativo, .overflow-hidden {overflow: hidden;} .selo_position_inbound {position: absolute; top: 0px; right: 0px;} .selo_position_inbound.regular img {height: 80px} .selo_position_inbound.normal img {height: 100px} .polaroid .pp_square_bg {border-top: none; border-radius: 0px;} .blender_ctn {position: absolute; padding: 60px 10px; width: 60%; margin-left: 40%; top: 0px; height: 100%} .ctnOtrBts {width: 100%; z-index: 3} .bn_button_left, .bn_button_right, .btn_bt_left, .btn_bt_right {height: 45px; width: 30px; border: none; cursor: pointer} .relative, .r {position: relative} .absolute {position: absolute} .well_simple:before {border-left: none;} .support-search_menu {height: 22px;} .carArrow {font-size: 26px!important; padding: 5px; position: absolute; top: 50%; color: #fff; background: #fff none repeat scroll 0 0;border: 1px solid #ccc; margin-top: -15px;} .ctn_vitrine_barcelona .carousel-control {width: auto!important; opacity: 1; left: auto;} .ctn_vitrine_barcelona .carousel-indicators {bottom: 0px; position: relative} .ctn_vitrine_barcelona .carousel-indicators li, .carousel-support-base.carousel-indicators li {border: 1px solid #ccc} .ctn_vitrine_barcelona .carousel-indicators li:active, .carousel-support-base.carousel-indicators li.active {background-color: #ccc!important;} .carousel-support-base.carousel-indicators {bottom: 0px; position: relative;} .menu li a > span {opacity: 1 !important;} /* .purple_main {font-family: purple_main} */ .mgB4 {margin-bottom: 60px;} .mgB2 {margin-bottom: 20px;} .mgB {margin-bottom: 10px;} .mgT {margin-top: 10px;} .mgT1 {margin-top: 20px;} .mgT2 {margin-top: 30px;} .mgL0 {margin-left: 5px;} .mgR0 {margin-right: 5px} .legend {opacity: 0.5} .imgBd_mini {border: 1px solid #fff;background: url(../../../media/images/textures/paginas/transparent_40.png); height: 40px} .mgCl {margin: 0 0 0 -10px} .fb_center {position:relative; left: 50%; margin-left: -130px!important; width: 260px} a.link, span.link {text-decoration: underline!important;} .mgB_0 {margin-bottom: 0px!important;} .mgT_0 {margin-top: 0px!important;} .uppercase {text-transform: uppercase;} .h_300 {height: 300px;} .h_400 {height: 400px!important;} .h_500 {height: 500px!important;} .max-h-300 {max-height: 300px;} .max-h-400 {max-height: 400px;} .max-h-500 {max-height: 500px;} .support-search_menu_right {height: 30px; margin-top: -7px; padding: 0px 15px; position: relative;} .support-search_menu_right .icon_search_fa {position: absolute; right: 30px; top: 50%; margin-top: -10px} /* Live Chat */ .liveChat {position: fixed; bottom: 0; z-index: 1000; width: 330px; height: 50px;} .baseLiveChat {background-repeat: no-repeat; width: 330px; height: 50px; position: absolute} .titlechat {color: #fff; padding: 3px; position: absolute; z-index: 1001; margin: 15px 0 0 35px; font-weight: bold;} .bt_maximize {background: url('../../../media/images/layout/livechat/bt_maximize_white.png') no-repeat; width: 24px!important; height: 18px; position: absolute; z-index: 1002; right: 0; margin: 20px 20px 0 0; border: none; cursor: pointer} .ctnLiveChat {height: 450px; border: 1px solid #ccc; margin: 50px 0 0 7px; width: 315px; background: #fff;} .ctnTextLiveChatAnswer {border: 1px solid #ccc; background: #f1f1f1;height: 200px; margin: 5px 0 0 7px; position: absolute; width: 298px; overflow-y: auto;} .ctnTextLiveChat {margin: 220px 0 0 0;} .ctnTextLiveChatOff {margin: 0px 0 0 0;} .ctnTextLiveOffMessage {margin: 10px;} .textLiveChat {margin: 0 0 0 7px; bottom: 5px} .textLiveChat.textarea_small, .textLiveChat.input_small2 {width: 298px;} .btnLiveChat {float: right; margin: 5px 10px 0 0;} .tLcP {margin: 5px 0 0 5px; color: #666; font-size: 0.9em;} .tLcA {margin: 5px 0 0 5px; font-size: 0.9em; } .tLcS {color: #666;} .badge_status_lv {width: 25px; height: 25px; position: absolute; z-index: 1002; margin: 17px 20px 0 10px;} .badge_status_lv.off {background: url('../../../media/images/layout/livechat/badge_offline.png') no-repeat;} .badge_status_lv.on {background: url('../../../media/images/layout/livechat/badge_online.png') no-repeat;} .ctnPartner {float: left; margin: 0 23px 20px 0; height: 100px; overflow: hidden; padding: 6px; background: #f9f9f9; border: 1px solid #f1f1f1; border-radius: 6px; width: 200px;} .ctnPartBlock {margin-left: 25px} .ctncontatus {float: right;font-size: 0.9em;} /* Produtos */ .product-item-rounded {margin-top: 15px; border-radius: 5px; overflow: hidden; box-shadow: 10px 5px 0 0 0.8; } /* Banner Main */ .bn_button_left {position: absolute; z-index: 12; top: 0px; cursor: pointer; overflow: hidden; bottom: 0%; margin: auto;} .bn_button_left:hover {background-position: 0px -70px;} .bn_button_right {z-index: 12; right: 0; top: 0; cursor: pointer; position: absolute; overflow: hidden; bottom: 0; margin: auto} .bn_button_right:hover {background-position: 0px -70px;} .bn_status_bar {background: url(../../../media/images/layout/bg_black_transparent.html); width: 100%; height: 60px; position: absolute; bottom: 0; z-index: 4;} /* Rodapes */ #rodapeMain .container_vertical_likebox {position: relative; width:260px; margin-left: 0px;} #rodapeMain .container_vertical_likebox2 {height: 240px;margin-left: 0;overflow: hidden; padding: 5px; position: relative; width: 250px;} .overflow_hidden {overflow: hidden;} .fb_center2 {display: table; margin: auto;} .fb-comments, .fb-comments iframe {width: 100% !important;} .ft_copyright_line {font-size: 0.9em; padding: 20px 0; text-align: left;} .legenda_right {float: left; font-size: 0.9em; margin: 15px 0 0;} .legend_left {float: right; font-size: 0.9em; margin-top: 13px;} #rodape_acervo, #rodape_acervo .line3 {padding-top: 4px; } /* Colors */ blue, .blue, .txt-blue, .txt_blue {color: #1e64dd;} red, .red {color: #B9262C;} green, .green, .txt-green {color: #80b86e;} purple, .purple {color: #b80573;} yellow, .yellow {color: #ffcc00;} black, .black, a.black {color: #333!important;} .black2, a.black {color: #333!important;} white, .white, .txt-white, .white a, .txt-white a {color: #fff;} orange, .orange, .txt-orange {color: #ff9900;} gray, .gray, .txt_gray {color: #ccc!important;} .txt_gray_light {color: #ABABAB;} .txt_red, .txt-red {color: #E62222;} .txt_yellow, .txt-yellow {color: #FFCF00;} .no-link-decoration a {text-decoration: none} .mgTop_resp {margin-top: 10px;} .bg_transparent_20, .transparent_20 {background: url(../../../media/images/textures/paginas/transparent_20.png) repeat;} .bg_transparent_40 {background: url(../../../media/images/textures/paginas/transparent_40.png) repeat;} .bg_transparent_60, .transparent_60 {background: url(../../../media/images/textures/paginas/transparent_60.png) repeat;} .bg_transparent_90 {background: url(../../../media/images/textures/paginas/transparent_90.png) repeat;} .padding_0, .pd_0 {padding: 0px!important;} .padding_10, .p-10 {padding: 10px!important;} .padding_15, .p-15 {padding: 15px!important;} .padding_20, .p-20 {padding: 20px!important;} .padding_30, .p-30 {padding: 30px!important;} .padding_5, .p-5 {padding: 5px;} .padding_1, .p-1 {padding: 1px;} .padding_l_10, .p-l-10 {padding: 0 10px;} .padding_l_20, .p-l-20 {padding: 0 20px;} .padding_top_20, .p-t-20 {padding-top: 20px;} .padding_top_10, .p-t-10 {padding-top: 10px;} .padding_top_5, .p-t-5 {padding-top: 5px;} .padding_t_10 {padding: 10px 0px;} .padding_bottom_10, .p-b-10 {padding-bottom: 10px;} .padding_bottom_5, .p-b-5 {padding-bottom: 5px;} .padding_left_10, .pL10 {padding-left: 10px;} .transparent_black_100 {background: url("../../../media/images/textures/paginas/transparent_black_100.png") repeat scroll 0 0 rgba(0, 0, 0, 0)} .transparent_black_90 {background: url("../../../media/images/textures/paginas/transparent_black_90.png") repeat scroll 0 0 rgba(0, 0, 0, 0)} .transparent_black_80 {background: url("../../../media/images/textures/paginas/transparent_black_80.png") repeat scroll 0 0 rgba(0, 0, 0, 0)} .transparent_black_60 {background: url("../../../media/images/textures/paginas/transparent_black_50.png") repeat scroll 0 0 rgba(0, 0, 0, 0)} .sF {font-size: 0.9em!important;} .sF1 {font-size: 0.8em!important;} .sF2 {font-size: 0.7em!important;} .sF3 {font-size: 0.6em!important;} .sF4 {font-size: 0.5em!important;} .bF {font-size: 1.2em;} .bF2 {font-size: 1.4em;} .bF3 {font-size: 1.9em;} .bF40, .bF4 {font-size: 40px;} .lH1 {line-height: 10px;} /*Componentes */ /* Tip */ .subtip {margin: 0px 0 0 10px; display: inline-block } .pp_tip {padding: 10px; display: flex;} .pp_tip .icon_tip {margin: -5px 10px 0 5px; width: 55px; height: 50px; display: inline-block; float: left; } .pp_tip p, .pp_tip h3, .pp_tip h4 {line-height: unset;} .pp_tip .groupItems {display: inline-block; margin-left: 10px;} .pp_tip p {color: #333; font-weight: normal;} .pp_tip.bg-success h3 {color: #205205;} .pp_tip.bg-success h4 {color: #327f30;} .pp_tip.bg-success .icon_tip {background: url("../../../media/images/icons/icon_success_m.png") no-repeat; } .pp_tip.bg-danger h3 {color: #6b0606;} .pp_tip.bg-danger h4 {color: #a41515;} .pp_tip.bg-danger .icon_tip {background: url("../../../media/images/icons/icon_error_m.png")no-repeat; } .pp_tip.bg-info h3 {color: #0b446c;} .pp_tip.bg-info h4 {color: #2d7bb2;} .pp_tip.bg-info .icon_tip {background: url("../../../media/images/icons/icon_headsup_m.png")no-repeat; } .pp_tip.bg-warning h3 {color: #8a6d3b;} .pp_tip.bg-warning h4 {color: #decc36;} .pp_tip.bg-warning .icon_tip {background: url("../../../media/images/icons/icon_info_m.png")no-repeat; } .pp_tip.bg-tip {background-color: #fecf6a; border: 1px solid #dfb04b; display: flex;} .pp_tip.bg-tip h3 {color: #8a6d3b;} .pp_tip.bg-tip h4 {color: #7c6e4c;} .pp_tip.bg-tip .icon_tip {background: url("../../../media/images/icons/icon_idea_m.png")no-repeat; } /* Bubbles */ .bubble {background: #EA061D; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,0.5); display: inline-block} .bubble .nr {padding: 0px 8px; text-align: center; font-size: 0.8em; font-weight: bold; color: #fff;} .bubble .nr.decimal {padding: 1px 7px; margin-left: -2px} .bubble.bubble-header {position: absolute; bottom: 0px;} .bubble.bubble-left {position: absolute; left: 0px;} .bubble.bubble-right {position: absolute; right: 0px;} .bubble-clear {box-shadow: none; } #file_crop .btn-main {padding: 6px 12px!important} /* TOPIC */ topics > topic:first-child {margin: 15px 0 15px 20px; display: inline-block; width: 100%;} topic {margin: 0 0 15px 20px; display: block;} topics_colapse > topic:first-child {margin: 5px 0 5px 0px; display: inline-block;} topics_colapse topic {margin: 0 0 5px 0px; display: inline-block;} .clearFontSpace {padding: 0px; margin: 0px;} /* Operadoras */ .cel_operadoras {width: 80px; height: 20px; margin: -30px 0 0 185px; position: absolute; overflow: hidden} .cel_op {cursor: pointer; height: 20px; width: 80px!important; border: none; } .logo_mini_claro {background: url(../../../media/images/icons/logo_op_mini_claro.png) no-repeat;} .logo_mini_vivo {background: url(../../../media/images/icons/logo_op_mini_vivo.png) no-repeat;} .logo_mini_tim {background: url(../../../media/images/icons/logo_op_mini_tim.png) no-repeat;} .logo_mini_oi {background: url(../../../media/images/icons/logo_op_mini_oi.png) no-repeat;} .logo_mini_nextel {background: url(../../../media/images/icons/logo_op_mini_nextel.png) no-repeat;} .video-container, .video-container2 {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container2 iframe, .video-container object, .video-container2 object, .video-container embed, .video-container2 embed {position: absolute;top: 0;left: 0; width: 100%; height: 100%;} .video-container2 {padding-top: 0px;} .pp_square, .pp_square_bg { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .pp_square.bbt:hover{ background: #ccc; cursor:pointer; } .pp_square.active{ background: #ff9900; } .pp_square_ret, .pp_square_ret_bg, .pp_square_ret2{ display: block; border: 1px solid #ddd; border-radius: 0px!important; } .pp_square_ret_bg{ padding: 5px; } .pp_square_black, .pp_square_black_bg { background: rgba(0,0,0,0.9);display: block; padding: 4px; z-index: 2; border: 1px solid #000;} .mainTitle{font-size: 31.5px;} .h2, h2 {font-size: 21px;} .h3, h3 {font-size: 18px;} .h4, h4 {font-size: 15px;} h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; text-rendering: optimizelegibility; } .transition {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} /* Sharebar */ .container_sharebar {height: 45px; margin-bottom: 20px; margin-top: 20px; border-top: 1px dotted #ccc;} .share_buttons {white-space: nowrap; margin-left: 0px; margin-bottom: 10px; height: 30px; border-top: 1px dotted #ccc; padding-top: 5px; padding-bottom: 3px; border-bottom: 1px dotted #ccc; background: #fff;} .icon_fake_google_plus {background: url(../../../media/images/layout/icon_fake_google_plus.html)no-repeat; height: 24px; width: 70px;} .container_buttons_line1 {width: 100%; display: inline-block} .container_button_like {margin-bottom: 5px; margin-top: 5px; height: 30px; width: 630px; float: left} #container_button_googlePlus {margin-bottom: 5px; margin-top: 5px; height: 30px; float: right} #container_button_googlePlus > div {width: 66px!important} #___plusone_0 {width: auto!important} .label_properties_buttons {padding-top: 5px; float: left; font-size: 10pt; margin-left: 5px; color: #666} .icon_img_share {float: left;} .container_buttons_lines_2 {float: right;} .ic_facebook {margin-left:0px; float:left; cursor: pointer; border-left: 1px dotted #ccc; padding-left: 5px; padding-right: 5px;} .ic_twitter {margin-left:0px; float: left;cursor: pointer; border-left: 1px dotted #ccc; padding-left: 5px; padding-right: 5px;} .ic_linkedin {margin-left:0px; float: left;cursor: pointer; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; padding-left: 5px; padding-right: 5px;} .share_curtir {margin-left:20px; cursor: pointer} .container_buttons_lines_1 {width: 130px; float: left;} .share_comment {margin-left:0px; padding-left: 5px; padding-right: 5px; float: left; cursor: pointer; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; } .share_mail {margin-left:0px; padding-left: 5px; padding-right: 5px; float: left; cursor: pointer; border-left: 1px dotted #ccc;} .share_error {margin-left:0px; padding-left: 5px; padding-right: 5px; float: left; cursor: pointer; border-left: 1px dotted #ccc;} .shortUrl {margin-bottom: 10px; height: 40px; width: 450px; float: left;} .shortUrl2 {margin-bottom: 10px; height: 40px; float: left;} .title_shortUrl {float: left; font-size: 10pt; padding-top: 6px; color: #ccc} .link_shortUrl {margin-left: 10px; float: left; width: 200px;} .bt_copy_shortUrl {cursor: pointer;} .icon_shortUrl_copy {background: url(../../../media/images/icons/icon_copy.png)no-repeat; height: 24px; width: 70px; padding-left: 30px; float: left; font-size: 10pt; margin-left: 15px; padding-top: 3px;} /* ComboShare */ .comboShareNW a {text-decoration: none;} .comboShareIM {position: fixed; z-index: 1002} .comboShareNW {background-repeat: repeat-x;box-shadow: 0 3px 4px rgba(0,0,0, 0.5);min-height: 60px;padding: 6px;position: fixed; z-index: 1002} .comboShareNW.preto {background-color: #1F1F1F; background-image: -moz-linear-gradient(center top , #333333, #000000);} .comboShareNW.branco {background-color: #f1f1f1; background-image: -moz-linear-gradient(center top , #f1f1f1, #fff);} .comboShareNW.vermelho {background-color: #c01212; background-image: -moz-linear-gradient(center top , #c01212, #9a1010);} .comboShareNW.verde {background-color: #1d9a10; background-image: -moz-linear-gradient(center top , #1d9a10, #11580a);} .comboShareNW.azul {background-color: #0a4fad; background-image: -moz-linear-gradient(center top , #0a4fad, #1353aa);} .comboShareNW.page, .page {left: 50%; top: 50%; margin-left: -533px} .comboShareNW.pageRight, .pageRight {left: 50%; top: 50%; margin-left: 590px} .comboShareNW.rightP, .rightP, .blocks_right {right: 0%; top: 50%;} .comboShareNW.leftP, .leftP {left: 0%; top: 50%;} .comboShareNW.page_top, .page_top {left: 50%; top: 300px; margin-left: -533px; position: absolute} #comboShare .icons {overflow: hidden; margin: 0 0 5px 0; cursor: pointer; border-left: none; padding-left: 0px; width: 25px;} .icCs:hover {margin-top: -30px;} .comboShareNW.blocks_left, .comboShareNW.blocks_right {padding:0px; box-shadow: none; background: none;} .comboShareNW.blocks_left .icons, .comboShareNW.blocks_right .icons {margin: 0 0 0 0px!important; overflow: visible!important; } .comboShareNW.blocks_left .sm-icon-mini2:hover, .comboShareNW.blocks_right .sm-icon-mini2:hover {margin: 0px 0 0 0px!important; position: relative; } .comboShareNW.blocks_left .sm-icon-mini2 {width: 40px; height: 40px;border-radius: 0px; padding: 0 30px 0 35px; margin: 0 0 0 -20px} .comboShareNW.blocks_right .sm-icon-mini2 {width: 40px; height: 40px;border-radius: 0px; padding: 0 30px 0 35px; margin: 0 -20px 0 0px} /* Document : cool_html Created on : 10/05/2011, 21:38:44 Author : Assuero Description: Purpose of the stylesheet follows. */ .s_cool {position: absolute; width: auto; height: auto; z-index: 2} .s_background {width: 100%; height: 100%; z-index: 0; position: absolute; float: left;} .s_overlay {width: 100%; height: 100%; z-index: 1; position: absolute; float: left;} .text_textarea_cool {resize: none;} #loader {position: relative;} .share_linkedin_icon, .icon_linkedin {background: url(../../../media/images/icons/cs_linkedin.jpg) no-repeat; height: 30px; width: 30px; overflow: hidden; border: none; cursor: pointer;display: block;} .share_facebook_icon, .icon_facebook {background: url(../../../media/images/icons/cs_facebook.jpg) no-repeat; height: 30px; width: 30px; overflow: hidden; border: none; cursor: pointer;display: block;} .share_twitter_icon, .icon_twitter {background: url(../../../media/images/icons/cs_twitter.jpg) no-repeat; height: 30px; width: 30px; overflow: hidden; border: none; cursor: pointer;display: block;} .share_google_icon, .icon_google {background: url(../../../media/images/icons/cs_google.jpg) no-repeat; height: 30px; width: 30px; overflow: hidden; border: none; cursor: pointer;display: block;} .share_google_icon:hover, .share_twitter_icon:hover, .share_linkedin_icon:hover, .share_facebook_icon:hover, .icon_linkedin:hover, .icon_twitter:hover, .icon_facebook:hover, .icon_google:hover {background-position: 0px -30px;} .share_mail_icon {background: url(../../../media/images/layout/html_components/bt_mail.html) no-repeat; height: 24px; width: 24px; overflow: hidden; border: none; cursor: pointer;display: block;} .share_mail_icon:hover {background-position: 0px -24px;} .share_facebook_small_gray, .share_facebook_small_color {background: url(../../../media/images/icons/icon_share_facebook_small_gray.png) no-repeat; height: 18px; width: 19px; overflow: hidden; border: none; cursor: pointer;display: block;} .share_facebook_small_gray:hover {background-position: 0px -18px;} .share_facebook_small_color {background: url(../../../media/images/icons/icon_share_facebook_small_color.png); height: 22px; width: 22px;} .share_twitter_small_gray, .share_twitter_small_color {background: url(../../../media/images/icons/icon_share_twitter_small_gray.png) no-repeat; height: 18px; width: 19px; overflow: hidden; border: none; cursor: pointer;} .share_twitter_small_gray:hover {background-position: 0px -18px;} .share_twitter_small_color {background: url(../../../media/images/icons/icon_share_twitter_small_color.png); height: 22px; width: 22px;} .share_linkedin_small_gray, .share_linkedin_small_color {background: url(../../../media/images/icons/icon_share_linkedin_small_gray.png) no-repeat; height: 18px; width: 19px; overflow: hidden; border: none; cursor: pointer;} .share_linkedin_small_gray:hover {background-position: 0px -18px;} .share_linkedin_small_color {background: url(../../../media/images/icons/icon_share_linkedin_small_color.png); height: 22px; width: 22px;} .share_youutbe_small_gray, .share_youtube_small_color {background: url(../../../media/images/icons/icon_share_youutbe_small_gray.html) no-repeat; height: 18px; width: 19px; overflow: hidden; border: none; cursor: pointer;} .share_youtube_small_color {background: url(../../../media/images/icons/icon_share_youtube_small_color.png); height: 22px; width: 22px;} .google_maps_icon {background: url(../../../media/images/layout/html_components/bt_googlemaps.html) no-repeat; height: 23px; width: 109px; overflow: hidden; border: none; cursor: pointer;} .google_maps_icon:hover {background-position: 0px -23px;} .des_purplepier {background: url(../../../media/images/layout/html_components/bt_purplepier_dev.html) no-repeat; height: 30px; width: 230px; overflow: hidden; border: none; cursor: pointer;} .des_purplepier:hover {background-position: 0px -30px;} /* Menu Component */ .menu_cool {height:35px; display: inline-block; position: relative;} ul.menu_cool {height:35px; min-width: 700px; display: inline-block;} li.menu_cool {float:left!important; margin-top:5px; text-align:center; padding-top: 0px!important; white-space: nowrap; min-width: 70px!important; font-size: 10pt!important;} a.menu_cool {margin:0px 10px 0 10px; text-align:center; text-decoration:none; font-weight:bold; white-space:nowrap; font-size: 10pt!important; float: left!important; font-family: Helvetica, Tahoma, Verdana, Arial!important;min-width: 70px!important;} a.menu_cool:hover {text-decoration:none;} .mn2_cols4_html {width: 980px; height: 30px; display: none;} .mn2_line_html_component, .mn3_line_html_component, .login_person_compontent_html {display: none;} .mn2_cols4_column {width: 200px; height: auto; float: left; margin-right: 20px;} .container_link_mn2_cols4 {height: 25px; margin-bottom: 10px;} .icon_mn2 {height: 15px; width: 15px; float: left; margin-right: 6px; margin-top: 0px;} .mn2_line, .mn1_line {width: 960px; height: 50px; text-align: center;} .container_login_options {display: inline-block; font-size: 10px; white-space: nowrap; width: 225px; float: right; margin-right: 0px;} .login_component_nao_cadastrado {float: left; margin-right: 10px; cursor: pointer} .login_component_nao_cadastrado:hover {text-decoration:underline} .login_component_esqueci_senha {cursor: pointer} .login_component_esqueci_senha:hover {text-decoration:underline} /* Login Component Guest */ .login_guest_compontent_html {height: 30px; width: 290px; color: #fff} .login_guest_phrase_init {float: left; width: auto; font-size: 9pt; margin-right: 5px;} .login_guest_phrase_init2 {float: left; width: 155px; font-size: 9pt; padding-top: 10px; color: brown} .login_guest_phrase_end {float: left; font-size: 9pt;} .login_guest_link_associese {float: left; margin-right: 5px; text-decoration: underline; font-size: 9pt; color: #fff!important} .login_guest_divider {float: left; margin-right: 5px; font-size: 9pt; color: #fff!important} .login_guest_link_login {float: left; text-decoration: underline; margin-right: 5px; font-size: 9pt; color: #fff!important} .login_guest_link_login a {color: #fff!important} .color_guest_name p, .color_guest_name p span {color: #fff!important;} /* Searchbar */ .searchbar_big_green_compontent_html,.searchbar_big_green_button {display: none;} .ctn_login_cp,.searchbar_choices_compontent_html, .login_signed_Simple {display: none;} .search_input {background: none!important; border: none!important;} .search_bar {background: url(../../../media/images/layout/html_components/search_bar.html) no-repeat; height: 35px; width: 225px; position: absolute;} .bt_cadastrar_user {background: url(../../../media/images/layout/html_components/bt_cadastrar_se.html) no-repeat; height: 40px; width: 152px; position: absolute; overflow: hidden} .bt_cadastrar_user:hover {background-position: 0px -40px} /* User form */ .form_cadastrar_user, .button_colorful_cp_html, .mn1_line_html {display: none;} /* E-commerce */ .bt_shopping_cart_pay_it, #popup_payment {display: none;} .bt_loja_limpar_lista, .item_sh_c_empty, #frete_preloader {display: none;} .pp_square_bg, .pp_square_ret_bg {background: #fff; z-index: 2;} .ctnLegendTxt{background: #f1f1f1; border-bottom: 1px solid #ccc; color: #999; padding: 10px 20px; height: auto; margin-top: -3px; z-index: 0;} .pp_tip{border-color: none;} .ui-timepicker td {padding: 3px 2px; cursor: pointer} /* Dividers */ .divider_dotted {width: 100%; border-bottom: 1px dotted #000; height: 1px;} .divider_dashed {width: 100%; border-bottom: 1px dashed #000; height: 1px;} .divider_groove {width: 100%; border-bottom: 1px groove #000; height: 1px;} .divider_ridge {width: 100%; border-bottom: 1px ridge #000; height: 1px;} .divider_limiter_shadow {width: 100%; height: 7px; background: url(../../../media/images/layout/dividers/limiter.png) repeat-x;} .divider_decorativo_1 {width: 100%; height: 7px; background: url(../../../media/images/layout/dividers/decorativo.png) repeat-x;} .divider_decorativo_dotted, .divider_bubbles {width: 100%; height: 10px; background: url(../../../media/images/layout/dividers/decorativo_dotted.html) repeat-x;} .ft_global_advr {float: left; font-size: 5px;} .bt_like {float: left; background: url(../../../media/images/buttons/bt_like.png) no-repeat; width: 45px!important; height: 32px; border: none; cursor: pointer; overflow: hidden} .bt_like:hover {background-position: 0px -32px} .bt_unlike {float: left; background: url(../../../media/images/buttons/bt_like_no.png) no-repeat; width: 45px!important; height: 32px; border: none; cursor: pointer; overflow: hidden} .bt_unlike:hover {background-position: 0px -32px} .bCItem {float: left; margin: 2px 5px 0 0;} .arrow_divider {background: url("../../../media/images/layout/arrows/arrow_dotted_shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 15px; margin: 5px 5px 0 0;width: 15px;} .arrow_divider2 {background: url("../../../media/images/layout/arrows/arrow_dotted.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 15px;margin-top: 5px; width: 15px;} .bg_bar_white {background: url("../../../media/images/layout/ecommerce/bg_bar_white.png") repeat-x; width: 100%; height: 100%; background-size: 100% 100%; padding: 5px 0;} .squarebox {background: url("../../../media/images/layout/boundbox/corner-left.html") no-repeat scroll left top #ffffff; border: 1px solid #d2d2d2;box-shadow: 0 0 3px rgba(90, 90, 90, 0.2); color: #3c3c3c; position: relative;} .squarebox .content {background: url("../../../media/images/layout/boundbox/corner-right.html") no-repeat scroll right top transparent; padding: 15px 15px 15px;} .no-shadow {box-shadow: none!important;} .no-border-bottom {border-bottom: none!important;} #ftMnCor_azul a, #ftMnCor_azul .hCard, #ftMnCor_azul span {color: #0d86d2!important;} #ftMnCor_azul h4 span {color: #024067!important;} #ftMnCor_azul .line3 {border-bottom: 1px solid #7eaecd;} #ftMnCor_preto a, #ftMnCor_preto .hCard, #ftMnCor_preto span {color: #333!important;} #ftMnCor_preto h4 span {color: #000!important;} #ftMnCor_preto .line3 {border-bottom: 1px solid #999;} #ftMnCor_verde_claro a, #ftMnCor_verde_claro .hCard, #ftMnCor_verde_claro span {color: #fff!important;} #ftMnCor_verde_claro h4 span {color: #1BB542!important;} #ftMnCor_verde_claro .line3, #ftMnCor_verde_claro .socialIconsLine li {border-bottom: 1px solid #235b0d;} #ftMnCor_cinza a, #ftMnCor_cinza .hCard, #ftMnCor_cinza span {color: #919191!important;} #ftMnCor_cinza h4 span {color: #666!important;} #ftMnCor_cinza .line3 {border-bottom: 1px solid #ccc;} #ftMnCor_laranja_preto a, #ftMnCor_laranja_preto .hCard, #ftMnCor_laranja_preto span {color: #333!important;} #ftMnCor_laranja_preto h4 span {color: #d37404!important;} #ftMnCor_laranja_preto .line3 {border-bottom: 1px solid #d37404;} #ftMnCor_laranja_preto h4 span, #ftMnCor_laranja_preto .line3 span:before {border-color: #333} #ftMnCor_amarelo a, #ftMnCor_amarelo .hCard, #ftMnCor_amarelo span {color: #FFDC00!important;} #ftMnCor_amarelo h4 span {color: #FFA900!important;} #ftMnCor_amarelo .line3 {border-bottom: 1px solid #FFA900;} #ftMnCor_amarelo h4 span, #ftMnCor_amarelo .line3 span:before {border-color: #FFDC00} #ftMnCor_laranja a, #ftMnCor_laranja .hCard, #ftMnCor_laranja span {color: #FF6417!important;} #ftMnCor_laranja h4 span {color: #FF6417!important;} #ftMnCor_laranja .line3 {border-bottom: 1px solid #FF6417;} #ftMnCor_laranja h4 span, #ftMnCor_laranja .line3 span:before {border-color: #FF6417} #ftMnCor_cinza_branco a, #ftMnCor_laranja .hCard, #ftMnCor_laranja span {color: #939393!important;} #ftMnCor_cinza_branco h4 span, #ftMnCor_cinza_branco h3 {color: #fff!important;} #ftMnCor_cinza_branco .line3 {border-bottom: 1px solid #939393;} #ftMnCor_cinza_branco h4 span, #ftMnCor_cinza_branco .line3 span:before {border-color: #939393} #ftMnCor_cinza_branco hr {border-top-color: #333;} #ftMnCor_branco a, #ftMnCor_branco .hCard, #ftMnCor_branco span {color: #fff!important;} #ftMnCor_branco h4 span, #ftMnCor_branco p {color: #fff!important;} #ftMnCor_branco .line3 {border-bottom: 1px solid #f9f9f9;} #ftMnCor_branco h4 span, #ftMnCor_branco .line3 span:before {border-color: #f1f1f1} .no-after:after, .no-after span:before, .no-border-inner span {border: none;} .table-striped tbody > tr.thead:nth-child(odd) > td {background: #999 !important} /* Componentes */ .ctn_vitrine_barcelona .dItem {height: 50px;} /* Document : comment_simple Created on : 22/08/2011, 10:20:02 Author : carlosgarcia Description: component simple Purpose of the stylesheet follows. */ .comment_divider {margin-bottom: 10px; overflow: hidden} .container_comment {width: 100%; margin-bottom: 20px;} .container_item_comment {padding: 5px; border: 1px solid #f1f1f1; margin-bottom: 10px; background: #fff} .container_names_properties {margin-bottom: 0px; padding: 5px 10px; background: #f1f1f1; margin-bottom: 10px;} .container_names_properties_item {margin-bottom: 0px; border-left: 4px solid #fff; padding: 5px 10px; background: #f5f5f5; margin-bottom: 10px;} .comment_pict {float: left; margin: 0px 10px 0 0px;} .comment_title {float: left; font-weight: bold;} .comment_time_past_main {float: right; font-size: 9pt; color: #999; margin-right: 5px;} .comment_time_past {float: left; font-size: 9pt; color: #999} .comment_name_reply {float: right; font-size: 9pt;} .icon_comment {background: url(../../../media/images/icons/icon_balloon_comment.png)no-repeat; height: 15px; width: 16px; float: left; margin-right: 5px;} .in_reply {white-space: nowrap; float: left; margin-right: 5px;} .comment_comentario {} .comment_comentario_item {border-left: 4px solid #fff; padding-left: 0px} .paragraph_comment {margin-bottom: 10px;} .paragraph_comment_item {margin-bottom: 10px;} .phrase_like {margin-right: 10px;} .divider_comments {border-bottom: 1px dotted #888; width: 100%; height: 2px; margin-bottom: 5px;} .divider_comments_item {border-top: 1px dotted #ccc; height: 2px; margin-left: 25px; margin-bottom: 7px;} .container_people_reviews {float: left; font-size: 10pt; padding-top: 10px; font-weight: bold} .no_display {display:none} .likes_bt {float: left; margin-right: 10px;} /* Comments Reply */ .container_commnet_reply {display: none;} /* Buttons reviews */ .container_buttons_reviews {float: right} .container_buttons_review {float: left} .bt_like {float: left; background: url(../../../media/images/buttons/bt_like.png) no-repeat; width: 45px!important; height: 32px; border: none; cursor: pointer; overflow: hidden} .bt_like:hover {background-position: 0px -32px} .bt_unlike {float: left; background: url(../../../media/images/buttons/bt_like_no.png) no-repeat; width: 45px!important; height: 32px; border: none; cursor: pointer; overflow: hidden} .bt_unlike:hover {background-position: 0px -32px} @media (max-width: 768px) { .mn_osis_pos {display: none;} .cat-title {display: block;} .menu_resp_colapse {min-height: 60px} .menu_resp_colapse .brand img {height: 70px!important;} .menu_resp_colapse .brand {margin-left: 20px;} .ctn_banner_main {position: relative; top: auto;} .tela_captura_module {position: absolute; top: 20px; margin: auto; z-index: 1001;} .h_300 {height: auto!important;} .bg_cp {left: 0%;} .headerPan, .topo_helper .navbar-static-top, #header .header-center2 {height: auto!important;} } @media (min-width: 768px) { .tela_captura_module {position: absolute; top: 20px; margin-left: -595px; left: 50%; width: 1170px; z-index: 1001;} } .fullMYS h2, .fullMYS h3, .fullMYS p {position: relative} /* Animation */ .owl-img-wrapper {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); display: block; overflow: hidden; position: relative; background: #fff;} .owl-img-pops {background-color: #ffffff; border: medium none;border-radius: 50%;box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.1) inset;display: inline-block !important;float: none !important; font-size: 14px; font-weight: normal; height: 40px; line-height: 40px; margin: 0 2px; text-align: center; width: 40px;} .owl-img-wrapper .owl-img-pops-effect3 div {position: absolute;} .img-responsive {display: block;height: auto; width: 100%;} .owl-img-wrapper .owl-img-overlay {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0;display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.3s ease 0s; width: 100%;} .owl-img-wrapper .owl-img-pops-effect3 div:nth-of-type(1) {bottom: 50%;left: 50%; margin: -20px 0 0 -82px; opacity: 0;top: 50%; transition: all 0.3s ease 0s; visibility: hidden;} .owl-img-wrapper .owl-img-pops-effect3 div:nth-of-type(2) {bottom: 50%; margin: -20px -82px 0 0; opacity: 0; right: 50%; top: 50%; transition: all 0.3s ease 0s; visibility: hidden;} .owl-img-wrapper:hover .owl-img-pops-effect3 div:nth-of-type(1) {margin: -20px 0 0 -42px; opacity: 1; visibility: visible;} .owl-img-wrapper:hover .owl-img-pops-effect3 div:nth-of-type(2) {margin: -20px -42px 0 0; opacity: 1; visibility: visible;} .owl-img-wrapper:hover .owl-img-overlay {opacity: 1;} .flipInX {animation-name: flipInX;backface-visibility: visible !important;} .animated {animation-duration: 1s; animation-fill-mode: both;} .in {opacity: 1;} .out {opacity: 0;} .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.delay1 {animation-delay: 1s;} .animated.delay2 {animation-delay: 1.2s;} .animated.delay3 {animation-delay: 1.4s;} .animated.delay4 {animation-delay: 1.6s;} .animated.delay5 {animation-delay: 1.8s;} .animated.delay6 {animation-delay: 2.0s;} .animated.delay7 {animation-delay: 2.2s;} .animated.delay8 {animation-delay: 2.4s;} .animated.delay9 {animation-delay: 2.6s;} .animated.delay10 {animation-delay: 2.8s;} .animated.delay11 {animation-delay: 3.0s;} .animated.delay12 {animation-delay: 3.2s;} .animated.delay13 {animation-delay: 3.4s;} .animated.delays1 {animation-delay: 0s;} .animated.delays2 {animation-delay: 0.2s;} .animated.delays3 {animation-delay: 0.4s;} .animated.delays4 {animation-delay: 0.6s;} .animated.delays5 {animation-delay: 0.8s;} .animated.delays6 {animation-delay: 1.0s;} .animated.delays7 {animation-delay: 1.2s;} .animated.delays8 {animation-delay: 1.4s;} .animated.delays9 {animation-delay: 1.6s;} .animated.delays10 {animation-delay: 1.8s;} .animated.delays11 {animation-delay: 2.0s;} .animated.delays12 {animation-delay: 2.2s;} .animated.delays13 {animation-delay: 2.4s;} /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 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.times_5x { -webkit-animation-iteration-count: infinite; animation-iteration-count: 5; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce, .bounce-hover:hover { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-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); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-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); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-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); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-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); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-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); -ms-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); -ms-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); -ms-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; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-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); -ms-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); -ms-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); -ms-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); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } /* Buzz */ @-webkit-keyframes buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .buzz:hover, .buzz:focus, .buzz:active, .buzz { -webkit-animation-name: buzz; animation-name:buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animated-hover {opacity: 0} .bounceIn, .bounceInHover:hover { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-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); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-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); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-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); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-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); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-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); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-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); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-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); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-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-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-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); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; -ms-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-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-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); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; -ms-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); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-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); -ms-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-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; -ms-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); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); -ms-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); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-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); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; -ms-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); -ms-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; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-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; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-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; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-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; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-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; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-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; -ms-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); -ms-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: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0, 0, 1, 45deg); -ms-transform: rotate(0, 0, 1, 45deg); transform: rotate(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; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-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; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-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; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); -ms-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; -ms-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); -ms-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; -ms-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); -ms-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; -ms-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); -ms-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); -ms-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; -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-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); -ms-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); -ms-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-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); -ms-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); -ms-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-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); -ms-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); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-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; } .hideMe { position: relative; -moz-animation: cssAnimation 0s ease-in 7s forwards; /* Firefox */ -webkit-animation: cssAnimation 0s ease-in 7s forwards; /* Safari and Chrome */ -o-animation: cssAnimation 0s ease-in 7s forwards; /* Opera */ animation: cssAnimation 0s ease-in 7s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 10000; } @keyframes cssAnimation { to { width:0; height:0; overflow:hidden; } } @-webkit-keyframes cssAnimation { to { width:0; height:0; visibility:hidden; } } .showMe { position: relative; -moz-animation: cssAnimation2 0s ease-in 7s forwards; /* Firefox */ -webkit-animation: cssAnimation2 0s ease-in 7s forwards; /* Safari and Chrome */ -o-animation: cssAnimation2 0s ease-in 7s forwards; /* Opera */ animation: cssAnimation2 0s ease-in 7s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 10000; width: 0px; height: 0px; overflow:hidden; } @keyframes cssAnimation2 { to { width:auto; height:auto; overflow:initial; } } @-webkit-keyframes cssAnimation2 { to { width:auto; height:auto; visibility:visible; } } .grid { max-width: 1300px; margin: 0 auto; list-style: none; text-align: center; } .grid figure { position: relative; text-align: center; margin: 0px; } .grid figcaption { position: absolute; top: 0; left: 0; background: rgba(0,0,0, 0.7); color: #f; padding: 5px; } .grid figcaption h3 { margin: 10px 0; padding: 0; color: #fff; } .grid figcaption p { color: #fff; } /* Caption Style 3 */ .cs-style-3 figure { overflow: hidden; } .cs-style-3 figure img{ transform: scale(1);transition: all 1s ease 0s; } .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: all 1s ease 0s; } /* Caption Style 3 */ .cs-style-3 .btn_base { position: relative; bottom: 5px; margin: auto; } .cs-style-3 figcaption { height: 100%; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } /* Retina-specific stuff here */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* Retina-specific stuff here */ .logoDev_white {background: url('../../../media/images/cool/cool_j/logo_purplepier_dev_white_2x.html') no-repeat; width: 190px; height: 40px; background-size: 100% 100%;} } /* Search Pro */ #sosearchpro{ /* padding:9px 0; */ width: 57%; } #sosearchpro .autosearch-input, .autosearch-input2 { height: 42px; line-height: 20px; padding: 0 10px; border: 1px solid #e5e5e5; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sosearchpro .button-search{ border-color: #e5e5e5; height: 42px; } #sosearchpro .select_category{ position:relative; display: table-cell; vertical-align: top; border:1px solid #e5e5e5; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; width: 40%; } #sosearchpro .select_category select{ height: 40px; width: 100%; line-height: 100%; padding: 0 5px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sosearchpro .dropdown-menu li > a:hover{ background: transparent; } #sosearchpro .icon-select::after { content: "\f107"; color: black; font-family: "FontAwesome"; right: 0px; top: 0px; position: absolute; pointer-events: none; background: white; line-height: 36px; width: 30px; height: 100%; text-align: center; } @media (max-width: 479px) { #sosearchpro .media-body { padding: 0px 15px; } #sosearchpro{ width: 100%; } #sosearchpro .select_category select { width: 100%; } #sosearchpro .dropdown-menu{ left: 0px !important; } } #sosearchpro .dropdown-menu .media{ margin:0px; border-bottom: 1px solid #e5e5e5; } #sosearchpro .dropdown-menu { padding:0px; max-height: 300px; overflow: auto; margin:0; border-radius:0; width:calc(100% - 140px); } #sosearchpro .dropdown-menu .media:hover{ background-color:#e5e5e5; } #sosearchpro .dropdown-menu .media-left{ float:left; padding: 5px; } #sosearchpro .dropdown-menu .media-body{ padding: 10px; } #sosearchpro .dropdown-menu .media-body a{ float:left; } #sosearchpro .dropdown-menu .media-body .box-price{ float: right; width:100%; } #sosearchpro .dropdown-menu .media-body .box-price span{ padding-right:10px; float:left; } /* Search Pro */ /* MegaMenu ------------------*/ .no-gutter{ padding:0px; } #menu { position: relative; overflow: visible; } #menu .background-menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } #megaMenuToggle { display: none; } .container-megamenu, .container-megamenu .container { padding-left: 0px !important; padding-right: 0px !important; /* width: 20%; left: 0!important; float: left;*/ } .megamenu-wrapper { position: relative; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #eee; /* Old browsers */ color: #888; } .megamenu-pattern { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } ul.megamenu { margin: 0px; padding: 0px; list-style: none; position: relative; } ul.megamenu > li { float: left; width: auto; /* position: relative; */ } ul.megamenu > li:first-child { background: none; } ul.megamenu > li.pull-right { float: right; } ul.megamenu > li .close-menu { display: none; } /* Search */ ul.megamenu > li.search { background: none; } #top ul.megamenu > li.search .search_form, ul.megamenu > li.search .search_form { padding: 0px; margin: 8px; } #top ul.megamenu > li.search .search_form input, ul.megamenu > li.search .search_form input { height: 29px; min-height: 29px; border: none; } ul.megamenu > li.search .button-search2 { top: 6px; right: 8px; } ul.megamenu > li:first-child > a { border-radius: 2px 0px 0px 2px; -moz-border-radius: 2px 0px 0px 2px; -webkit-border-radius: 2px 0px 0px 2px; } ul.megamenu > li > a { display: block; position: relative; font-size: 16px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); padding: 11px 20px 9px 21px; } ul.megamenu > li > a:hover, ul.megamenu > li.active > a, ul.megamenu > li.home > a, ul.megamenu > li:hover > a { /* background-color: #ddd; color: #444; */ /* Old browsers */ } ul.megamenu > li > a > .icon-home { display: block; font-size: 23px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); } ul.megamenu > li > a img { margin-right: 10px; height: 28px; vertical-align: middle; } ul.megamenu > li > a.description { font-size: 14px; padding: 10px 20px 11px 21px; line-height: 1; } ul.megamenu > li > a.description img { float: left; } ul.megamenu > li > a.description .description { font-size: 11px; opacity: 0.9; } ul.megamenu > li > a.description .description-left { float: left; width: auto; } /* Submenu */ ul.megamenu .title-submenu{ font-weight: 400; font-size: 16px; color: #23a1d1; width: 100%; float: left; padding-left: 14px; padding-bottom: 10px; } ul.megamenu > li > .sub-menu { position: absolute; z-index: 9999; display: none; } .horizontal ul.megamenu > li > .sub-menu { max-width: 100%; } ul.megamenu > li.active > a span:before { position: absolute; top: 100%; left: 50%; margin-top: 12px; margin-left: -6px; display: inline-block; border-right: 9px solid transparent; border-left: 9px solid transparent; content: ''; z-index: 30; } ul.megamenu > li.active > a span:after { position: absolute; top: 100%; left: 50%; margin-top: 13px; margin-left: -5px; display: inline-block; /*border-right: 8px solid transparent;*/ /*border-left: 8px solid transparent;*/ content: ''; z-index: 30; } ul.megamenu li .sub-menu .content { display: none; padding: 5px 20px; background: #fff; border: 1px solid #e6e6e6; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; } ul.megamenu .sub-menu .content > .row { padding-top: 20px; } ul.megamenu .sub-menu .content > .border { padding-top: 20px; border-bottom: 1px solid #e6e6e6; } ul.megamenu .sub-menu .content > .row:first-child { padding: 0px; } /* Product */ ul.megamenu li .product { text-align: center; position: relative; margin-bottom: -7px; } ul.megamenu li .product .image { padding: 0px; } ul.megamenu li .product .image img { border: 1px solid #e6e6e6; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } ul.megamenu li .product .name { padding: 7px 0px 0px 0px; } ul.megamenu li .product .price { color: #ff6b6b; } /* Manufacturer */ ul.manufacturer { list-style: none; margin: -10px 0px 0px 0px !important; padding: 0px; position: relative; } ul.manufacturer li { display: inline-block; margin: 10px 5px 0px 0px; } ul.manufacturer li a { display: block; font-size: 14px; padding: 2px 8px; border: 1px solid #e6e6e6; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Static Menu */ ul.megamenu li .sub-menu .content .static-menu a.main-menu { display: block; font-weight: 400; font-size: 16px; } ul.megamenu li .sub-menu .content .static-menu .menu ul { list-style: none; margin: 0px; padding: 5px 0px; } ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li { padding-top: 7px; } ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li:first-child { padding-top: 0px; } ul.megamenu li .sub-menu .content .static-menu .menu ul ul { padding: 5px 10px; } ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before { content: "»"; color: #4ecdc4; padding-right: 6px; } /* Hover Menu */ ul.megamenu li .sub-menu .content .hover-menu a.main-menu { display: block; } ul.megamenu li .sub-menu .content .hover-menu .menu ul { list-style: none; margin: 3px 0px; padding: 0px; position: relative; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { display: none; margin-top: -41px; width: 200px; padding: 20px; position: absolute; z-index: 10; left: 100%; background: #fff; border: 1px solid #e6e6e6; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before { position: absolute; display: block; border-color: transparent; border-style: solid; border-width: 10px; content: ""; top: 20px; left: -11px; border-right-color: #e6e6e6; border-left-width: 0; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after { position: absolute; display: block; border-color: transparent; border-style: solid; border-width: 10px; content: ""; top: 20px; left: -10px; border-right-color: #fff; border-left-width: 0; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li { position: relative; } ul.megamenu li .sub-menu .content .hover-menu a:before { font-family: "FontAwesome"; content: "\f105"; padding-right: 6px; } /* Heading MegaMenu */ #megaMenuToggle { display: none; cursor: pointer; } .megamenuToogle-wrapper { position: relative; z-index: 20; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #000000; } .megamenuToogle-pattern { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .megamenuToogle-wrapper .container { color: #fff; font-size: 18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); padding:15px 35px 15px 15px !important; } .megamenuToogle-wrapper .container > div { float: left; width: 15px; margin: 5px 9px 0px 0px; } .megamenuToogle-wrapper .container > div span { display: block; width: 100%; height: 3px; margin-top: 2px; background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); } /* Megamenu vertical */ .vertical #menuHeading { margin: 30px 0px 0px 0px; } .vertical li.loadmore{ padding: 10px 10px; } .vertical li.loadmore i{ padding-left: 10px; } .vertical span.more-view { cursor: pointer; font-size: 14px; font-weight: 400; color: #556270; } .vertical .megamenuToogle-wrapper { z-index: 3; } .vertical .megamenu-wrapper { display: block !important; background: #fff !important; border: 1px solid #e6e6e6; position: relative; z-index: 2; margin-top: -2px; } .vertical ul.megamenu > li { display: block; float: none !important; width: auto; background: none; border-top: 1px solid #e6e6e6; position: relative; margin: 0px -1px; } .vertical ul.megamenu > li.home, .vertical ul.megamenu > li.search { display: none; } .vertical ul.megamenu > li > a { color: #556270; text-shadow: none; background: none !important; height: auto !important; margin: 0px 1px; } .vertical ul.megamenu > li.active > a { background: #f6f6f6 !important; } .vertical ul.megamenu > li > a.description { padding: 12px 20px 12px 21px; } .vertical ul.megamenu > li.click:before, .vertical ul.megamenu > li.hover:before { font-weight: normal; font-style: normal; text-decoration: inherit; color: #51cfc6; font-weight: 400; font-size: 14px; position: absolute; right: 0; z-index: 10; padding: 14px 15px 10px 50px; } /* SubMenu */ .vertical ul.megamenu > li > .sub-menu { left: 100%; padding-top: 0px; top: 0; } .megamenu .label {background: #ccc none repeat scroll 0 0;color: #fff;font-size: 10px;line-height: 17px;padding: 0 5px; position: absolute;text-transform: none;top: 0;} .label_pos {top: 10px!important; right: 10px;} .fa-angle-right { margin-right:0px; float: right; } .megamenu i { padding-right: 12px; } /* Responsive ------------------*/ @media (max-width: 991px) { /* MegaMenu Vertical */ .navbar-header .navbar-toggle { display: block; } .responsive .vertical #menuHeading { margin: 20px 0px 0px 0px; } .responsive .vertical ul.megamenu > li > .sub-menu { left: 0; top: auto; width: 100% !important; } .responsive .vertical ul.megamenu > li > .sub-menu > .content { margin-left: 0px; } .responsive .vertical ul.megamenu > li.active > a span:after { position: absolute; top: 100%; left: 50%; margin-top: 13px; margin-left: -5px; display: inline-block; border-width: 0px; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; border-left: 8px solid transparent; content: ''; z-index: 30; } /* Submenu */ ul.megamenu li .sub-menu .content { border: none; border-radius: none; box-shadow: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { display: block !important; margin: 5px 10px; width: auto; padding: 0px; position: static; left: 0; background: none; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before { display: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after { display: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu { font-size: 16px; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before { display: none; } .responsive .vertical .visible { padding: 5px 0px 5px 0px !important; } .responsive .vertical .visible > div { margin: 0px !important; border: none !important; padding: 0px !important; padding-left: 20px !important; } /* MegaMenu Submenu */ .responsive ul.megamenu .sub-menu .content .border { display: none; } .responsive ul.megamenu .sub-menu .content .row { margin: 0px -20px; } .responsive ul.megamenu .sub-menu .content .row > div { margin-top: 20px; border-top: 1px solid #e6e6e6; padding-top: 20px; padding-left: 20px; padding-right: 20px; } .responsive ul.megamenu .sub-menu .content .row:first-child > div:first-child { margin-top: 0px; border-top: none; padding-top: 0px; } } @media (max-width: 991px) { .responsive #megaMenuToggle { display: block; } .responsive ul.megamenu > li { display: block; float: none !important; width: auto; background: none; border-top: 1px solid #e6e6e6; position: relative; margin: 0px -1px; height: 45px; } .container-megamenu.horizontal ul.megamenu > li > a {padding-top: 21px!important;} #menuGroup li.active a, .dropdown.active > .bgMenuOp, .has-dropdown.active > .bgMenuOp, ul.megamenu > li.active_item {background: #f3f3f3;} .nav-tabs > li > a{ margin-bottom: 5px; padding: 10px 10px!important; } .responsive ul.megamenu > li > a { color: #556270; text-shadow: none; background: none !important; margin: 0px 1px; } .responsive ul.megamenu > li.active > a { background: #f6f6f6 !important; } .responsive ul.megamenu > li.click:before, .responsive ul.megamenu > li.hover:before { content: "\f067"; font-family: FontAwesome; color: #51cfc6; font-weight: 400; font-size: 16px; position: absolute; right: 0; top: 0; z-index: 10; padding: 8px 17px 10px 50px; } .responsive ul.megamenu > li.active .close-menu { display: block; position: absolute; z-index: 10; top: 0; right: 1px; width: 85px; height: 100%; padding: 12px 0px 0px 40px; background: #f6f6f6; text-align: center; cursor: pointer; } .responsive ul.megamenu > li.active .close-menu:before { content: "\f068"; font-family: FontAwesome; color: #51cfc6; font-weight: 400; font-size: 18px; } /* Submenu */ .responsive .horizontal ul.megamenu > li > .sub-menu { width: 100% !important; } /* Hover Menu */ .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { display: block !important; margin: 5px 10px; width: auto; padding: 0px; position: static; left: 0; background: none; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before { display: none; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after { display: none; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu { font-size: 16px; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before { display: none; } .responsive .horizontal .visible { padding: 5px 0px 5px 0px !important; } .responsive .horizontal .visible > div { margin: 0px !important; border: none !important; padding: 0px 0px 0px 10px !important; } } @media (min-width: 961px) { .megamenu-wrapper { display: block !important; } } @media (max-width: 991px) { .megamenu .label { display:none; } ul.megamenu > li > .sub-menu { position: relative; } .megamenu-wrapper { position: fixed; top: 0px; left: 0; background-color: #fff; bottom: 0px; width: 280px; padding: 10px; z-index: 999999; overflow-x: hidden; overflow-y: auto; visibility: hidden; -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; max-height: 700px; border: 1px solid #e6e6e6; } .vertical-wrapper { position: fixed; top: 0px; left: 0; background-color: #fff; bottom: 0px; width: 280px; padding: 10px; z-index: 12; overflow-x: hidden; overflow-y: auto; visibility: hidden; -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; max-height: 100%; border: 1px solid #e6e6e6; } .vertical #menuHeading{ display:none; } } .so-megamenu-active { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #remove-megamenu { padding: 10px; z-index: 10; cursor: pointer; display: none; text-align: right; } .so-megamenu-active #remove-megamenu { display: block; } .so-vertical-active { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #remove-verticalmenu { padding: 10px; z-index: 10; cursor: pointer; display: none; text-align: right; } .so-vertical-active #remove-verticalmenu { display: block; } .vertical .navbar-header{ margin:0px; } .subcategory li{ list-style-type: none; list-style:none; } .subcategory li a{ float:left; width:100%; text-align:left; } .standard-body .full-width .container { max-width: none; width: 1262px; } .no-responsive body { min-width: 1262px; } .standard-body .fixed .background { width: 1222px; max-width: none; } .main-fixed { width: 1222px; max-width: none; } @media (min-width:1098px) and (max-width:1262px) { .responsive .standard-body .full-width .container { width: 1098px; } .responsive .standard-body .fixed .background { width: 1058px; } .responsive .main-fixed { width: 1058px; } } @media (min-width:966px) and (max-width:1098px) { .responsive .standard-body .full-width .container { width: 966px; } .responsive .standard-body .fixed .background { width: 926px; } .responsive .main-fixed { width: 926px; } } @media (min-width:768px) and (max-width:966px) { .responsive .standard-body .full-width .container { width: 768px; } .responsive .standard-body .fixed .background { width: 728px; } .responsive .main-fixed { width: 728px; } } @media (max-width:768px) { .responsive .standard-body .full-width .container { width: auto; } .responsive .standard-body .fixed .background { width: auto; } .responsive .main-fixed { width: auto; } } .container .container { width: auto !important; } /* MegaMenu */ /* Style css */ .postext-spextraslider { margin-top: 10px; } .pretext-spextraslider { margin-bottom: 10px; } .so-extraslider { margin: 20px 0; } .page-title-extraslider { color: #2E2C2D; text-transform: uppercase; font-size: 13px; font-weight: bold; overflow: hidden; width: 75%; margin: 10px 0 8px 0px; } .so-extraslider a { text-decoration: none; } .so-extraslider.preload { height: 250px; overflow: hidden; position: relative } .so-extraslider .extra-loading { background: url('../images/loading.html') no-repeat scroll center center transparent; height: 250px; width: 100%; } .so-extraslider.preload .heading-title, .so-extraslider.preload .owl2-controls, .so-extraslider.preload .owl2-controls, .so-extraslider.preload .extraslider-inner { display: none !important; } .so-extraslider .pre-text, .so-extraslider .post-text { margin: 10px 0; } .so-extraslider .heading-title { text-transform: uppercase; font-weight: bold; float: left; margin-bottom: 10px; } .so-extraslider .extraslider-inner { position: relative; overflow: hidden; width: 100%; border-bottom: 1px dotted #000000; border-top: 1px dotted #000000; padding-bottom: 8px; } .so-extraslider .extraslider-inner .item-wrap .item-wrap-inner .item-info .button-container button{ background: #009ad0 linear-gradient(to bottom, #009ad0 0%, #007ab7 100%) repeat-x scroll 0 0; border: none; padding: 10px 14px; border: 1px solid #06b2e6; } .so-extraslider .extraslider-inner .item-wrap .item-wrap-inner .item-info .button-container button:hover{ background: #0084bf none repeat scroll 0 0 ; } .so-extraslider .item { position: relative; display: block; } .so-extraslider .owl2-item { float: left; } .so-extraslider .extraslider-inner .item-wrap { position: relative; overflow: hidden; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-content { margin-left: 10px; } .so-extraslider .extraslider-inner .item-wrap .item-info, .so-extraslider .extraslider-inner .item-wrap .item-info .item-content { overflow: hidden; } .so-extraslider .extraslider-inner .item-wrap.style1 .item-info { color: #FFF; position: absolute; background: url(../../../media/images/layout/ecommerce/background.png) repeat; bottom: 0; left: 0; } .so-extraslider .extraslider-inner .item-wrap .item-info a { color: #FFF; } .so-extraslider .extraslider-inner .item-wrap .item-info a:hover { color: #DDD; } .so-extraslider .extraslider-inner .item-wrap.style2 .item-info { background: #333333; color: #FFF; position: relative; } .so-extraslider .extraslider-inner .item-wrap-inner { margin: 8px 5px 0 5px; padding: 0 1px; position: relative; overflow: hidden; } .so-extraslider .extraslider-inner .item-wrap-inner a.new-box { left: -4px; z-index: 2; } .so-extraslider .extraslider-inner .item-wrap-inner a.sale-box { right: -4px; z-index: 2; } .so-extraslider .extraslider-inner .item-wrap.last { margin-right: 0px; padding-right: 0px; } .so-extraslider .extraslider-inner { clear: both; } .so-extraslider .extraslider-inner .item-wrap img { width: 100%; border: none; box-shadow: #000 0em 0em 0em; } .so-extraslider .extraslider-inner .item-wrap img:hover { box-shadow: #000 0em 0em 0em; } .so-extraslider .item .item-wrap .item-description { margin-bottom: 0; } .so-extraslider .item .item-wrap .item-prices { padding: 0px; margin-bottom: 10px; } .so-extraslider .item .item-wrap .item-prices .item-price { color: #FF0000; font-weight: bold; font-family: Georgia; margin-right: 3px; } .so-extraslider .owl2-controls .nav-page { list-style: none; margin: 0px; float: left; padding-left: 0; } .so-extraslider .owl2-controls .nav-page .page { float: left; background: none; padding: 0; outline: none; } .so-extraslider .extraslider-inner .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .so-extraslider .extraslider-inner .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); position: relative; } .so-extraslider .extraslider-inner .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .so-extraslider .owl2-controls { margin-bottom: 8px; text-align: right; float: right; vertical-align: middle; display: inline; } .so-extraslider .owl2-controls .owl2-controls { float: left; margin: 0; } .so-extraslider .owl2-controls .owl2-prev, .so-extraslider .owl2-controls .owl2-next { float: left; outline: none; font-size: 22px; line-height: 18px; color: #797575; cursor: pointer; filter: Alpha(Opacity=50); opacity: 0.5; font-family: Arial; height: 20px; vertical-align: middle; } .so-extraslider .owl2-controls .owl2-dots .owl2-dot { display: inline-block; zoom: 1; } .so-extraslider .owl2-dots .owl2-dot { display: block; width: 12px; height: 12px; margin: 4px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #797575; cursor: pointer; vertical-align: middle; } .so-extraslider .owl2-dots .owl2-dot:hover { filter: Alpha(Opacity=100); opacity: 1; background: #77f9f1; } .so-extraslider.button-type2 .owl2-controls{ width: 100%; } .so-extraslider.button-type2 .owl2-nav{ float: right; text-align: right; margin-bottom: 8px; } .so-extraslider.button-type1 .owl2-dots{ float: left; } .so-extraslider.button-type2 .owl2-dots{ text-align: center; margin-top: 10px; display: block; } .so-extraslider .owl2-dots .owl2-dot.active { filter: Alpha(Opacity=100); opacity: 1; background: #77f9f1; } .so-extraslider .owl2-dots .owl2-dot:focus, .so-extraslider .owl2-nav .owl2-prev:focus, .so-extraslider .owl2-nav .owl2-next:focus { outline: none; } .so-extraslider.button-type2 .owl2-dots { text-align: center; margin-top: 10px; display: block; } .so-extraslider.button-type2 .owl2-prev, .so-extraslider.button-type2 .owl2-next { background: none repeat scroll 0 0 #797575; border-radius: 50%; color: #FFF; cursor: pointer; float: left; font-family: Arial; font-size: 20px; font-weight: 600; height: 20px; line-height: 18px; margin: 0 0 0 4px; opacity: 0.5; outline: medium none; text-align: center; vertical-align: middle; width: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .so-extraslider .owl2-controls .owl2-prev:hover, .so-extraslider .owl2-controls .owl2-next:hover { color: #77f9f1; filter: Alpha(Opacity=100); opacity: 1; } /*css Media*/ @media all and (max-width: 479px) { .so-extraslider .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile { display: block; } .so-extraslider.preset04-6 .extraslider-inner .item-wrap.style1 .item-info { max-height: 200px; } } @media all and (min-width: 480px) and (max-width: 767px) { .so-extraslider .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile { display: block; } .so-extraslider.preset03-6 .extraslider-inner .item-wrap.style1 .item-info { max-height: 200px; } } @media all and (min-width: 768px) and (max-width: 991px) { .so-extraslider .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile { display: none; } .so-extraslider.preset02-6 .extraslider-inner .item-wrap.style1 .item-info { max-height: 200px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .so-extraslider .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile { display: none; } .so-extraslider.preset01-6 .extraslider-inner .item-wrap.style1 .item-info { max-height: 200px; } } @media all and (min-width: 1200px) { .so-extraslider .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile { display: none; } .so-extraslider.preset00-6 .extraslider-inner .item-wrap.style1 .item-info { max-height: 200px; } } .lang_ar .owl2-controls{ float: left; } .lang_ar .owl2-controls .owl2-next{ right: 0; direction: ltr !important; } .lang_ar .owl2-controls .owl2-prev { right: 20px; float: left; direction: ltr !important; } .lang_ar .owl-carousel2 .owl-stage { float: left; } .lang_ar .so-extraslider .extraslider-inner .item-wrap .item-info .item-content { margin-left: 0; margin-right: 10px; } .lang_ar .so-extraslider.button-type2 .owl2-prev, .so-extraslider.button-type2 .owl2-next { direction: ltr !important; } .so-extraslider .extraslider-inner .item-wrap { overflow: hidden; } .so-extraslider .extraslider-inner .item-wrap .item-info .rating{ padding: 0px 10px; } .so-extraslider .extraslider-inner .item-wrap .item-image { width: 100%; border: 1px solid #DDD; position: relative; overflow: hidden; } .so-extraslider .extraslider-inner .item-wrap .item-image:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; -o-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; } .so-extraslider .extraslider-inner .item-wrap .item-image .item-img-info a.quick-view { display: none; } .so-extraslider .extraslider-inner .item-wrap .item-image:hover .item-img-info a.quick-view { display: block; text-align: center; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.82); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #000; font: 700 13px/16px Arial, Helvetica, sans-serif; height: 43px; left: 50%; margin: -21px 0 0 -53px; padding: 13px 0 0; position: absolute; top: 50%; width: 107px; text-decoration: none; } .so-extraslider .wishlist { margin: 10px 0px; } .so-extraslider .compare { margin-bottom: 10px; } .so-extraslider .extraslider-inner .item-wrap .item-image img { width: 99.9%; /*max-width: 100%;*/ border: 0; box-shadow: #000 0em 0em 0em; } .so-extraslider .extraslider-inner .item-wrap .item-info { /* padding: 10px; */ width: 100%; } /*-----------------style1----------------------------*/ .so-extraslider .extraslider-inner .item-wrap.style1 .item-readmore{ } .so-extraslider .extraslider-inner .item-wrap.style2 .item-info { background: #333; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-content { margin-bottom: 10px; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .button-container { margin-top: 5px; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .content_price .price-old{ text-decoration: line-through; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .content_price { margin-bottom: 10px; font-size: 15px; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .content_price span { color: #fff; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .button-container .lnk_view span { color: #000; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-title a { text-transform: uppercase; font-size: 16px; } .so-extraslider .extraslider-inner .item-wrap.style3 .item-info{ color: #fff; } .so-extraslider .extraslider-inner .item-wrap.style3 .item-info .item-content .item-des p, .so-extraslider .extraslider-inner .item-wrap.style5 .item-info .item-content .item-des p, .so-extraslider .extraslider-inner .item-wrap.style6 .item-info .item-content .item-des p, .so-extraslider .extraslider-inner .item-wrap.style7 .item-info .item-content .item-des p { color: #fff; margin-top: 5px; } .so-extraslider .extraslider-inner .item-wrap.style4 .item-info{ color: #fff; } .so-extraslider .extraslider-inner .item-wrap.style4 .item-info .item-content .item-des { margin-top: 10px; color: #000; } .so-extraslider .extraslider-inner .item-wrap.style4 .item-info a { color: #000; } .so-extraslider .extraslider-inner .item-wrap.style4 .item-info .item-content .ajax_add_to_cart_button span { color: #fff; } .so-extraslider .extraslider-inner .item-wrap.style4 .item-info .item-content .content_price span { color: #000; } .so-extraslider .extraslider-inner .item-wrap.style4 .item-info .item-content .wishlist, .so-extraslider .extraslider-inner .item-wrap.style4 .item-info .item-content .compare { color: #000; } .so-extraslider .extraslider-inner .item-wrap.style2 .item-info .item-content { margin-bottom: 10px; } .so-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title { padding: 10px 0; font-weight: bold; margin-bottom: 0px; text-transform: uppercase; font-size: 16px; } .so-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title a:hover { text-decoration: none; } .so-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title, .so-extraslider .extraslider-inner .item-wrap.style2 .item-info .item-title { padding: 10px; font-weight: bold; } .so-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title + .item-content, .so-extraslider .extraslider-inner .item-wrap.style2 .item-info .item-title + .item-content { margin-top: 0px; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-description { color: #fff; } .so-extraslider .extraslider-inner .item-wrap .item-info .item-readmore { text-align: right; } @keyframes bounceY {0% {transform: translateY(-103%);}40% {transform: translateY(-50%);}65% {transform: translateY(-25%);}82% {transform: translateY(-12%);}92% {transform: translateY(-5%);}55%, 75%, 87%, 97%, 100% {transform: translateY(0%);}} @-moz-keyframes bounceY {0% {-moz-transform: translateY(-1023%);}} @-webkit-keyframes bounceY {0% {-webkit-transform: translateY(-103%);}40% {-webkit-transform: translateY(-50%);}65% {-webkit-transform: translateY(-25%);}82% { -webkit-transform: translateY(-12%);}92% {-webkit-transform: translateY(-5%);}55%, 75%, 87%, 97%, 100% {-webkit-transform: translateY(0%);} } .so-latest-blog .media-heading a{font-size:14px;color:#333333;font-weight: normal;padding: 0 0 0 15px;} .so-latest-blog .blog-external-simple .media-heading a{font-size:14px;color:#0081c2;font-weight: normal;padding: 0px;} .blog-external-simple .media .item .media-body .media-heading:before{width:0px;height:0px;} .so-latest-blog .media-heading a:hover{color:#F4A137} .so-latest-blog .media-content .description{padding:8px 0; font-size:13px; line-height:25px;} .so-latest-blog .media-content .media-author{color:#F4A137; line-height:10px;border-right:1px solid #E5E5E5; padding: 0 10px 0 0;} .so-latest-blog .media-content .media-comment,.so-latest-blog .media-content .media-view{color: #999; padding:0 10px;} .so-latest-blog .media-content .readmore{float:right; padding-right:15px} .so-latest-blog .media-content .media-subcontent{clear:both} .so-latest-blog .media-content .media-date-added{ padding-top:8px;} .so-latest-blog .blog-external {position: relative;overflow: hidden;width: 100%;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;padding-bottom: 8px;} .so-blog-external .owl2-controls {margin-bottom: 8px;text-align: right;float: right;vertical-align: middle;display: inline;} .so-blog-external .owl2-controls .owl2-prev, .so-blog-external .owl2-controls .owl2-next {float: left;outline: none;font-size: 22px;line-height: 18px;color: #797575;cursor: pointer;filter: Alpha(Opacity=50);opacity: 0.5;font-family: Arial;height: 20px;vertical-align: middle;} .so-blog-external .owl2-controls .owl2-dots .owl2-dot {display: inline-block;zoom: 1;} .so-blog-external .owl2-dots .owl2-dot {display: block;width: 12px;height: 12px;margin: 4px;filter: Alpha(Opacity=50);opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #797575;cursor: pointer;vertical-align: middle;} .so-blog-external .owl2-dots .owl2-dot:hover {filter: Alpha(Opacity=100);opacity: 1;background: #77f9f1;} .so-blog-external.button-type2 .owl2-controls{width: 100%;} .so-blog-external.button-type2 .owl2-nav{float: right;text-align: right;margin-bottom: 8px;} .so-blog-external.button-type1 .owl2-dots{float: left;} .so-blog-external.button-type2 .owl2-dots{text-align: center;margin-top: 10px;display: block;} .so-blog-external .owl2-dots .owl2-dot.active {filter: Alpha(Opacity=100);opacity: 1;background: #77f9f1;} .so-blog-external .owl2-dots .owl2-dot:focus,.so-blog-external .owl2-nav .owl2-prev:focus,.so-blog-external .owl2-nav .owl2-next:focus {outline: none;} .so-blog-external.button-type2 .owl2-dots {text-align: center;margin-top: 10px;display: block;} .so-blog-external.button-type2 .owl2-prev, .so-blog-external.button-type2 .owl2-next { background: none repeat scroll 0 0 #797575; border-radius: 50%; color: #FFF; cursor: pointer; float: left; font-family: Arial; font-size: 20px; font-weight: 600; height: 20px; line-height: 18px; margin: 0 0 0 4px; opacity: 0.5; outline: medium none; text-align: center; vertical-align: middle; width: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .so-blog-external .owl2-prev:hover, .so-blog-external .owl2-next:hover { color: #fff; background: #77f9f1; filter: Alpha(Opacity=100); opacity: 1; } /*--------------item content----------------*/ .so-blog-external .blog-external .media{ margin: 15px 0; } .so-blog-external .blog-external .media .media-body .description{ margin-bottom: 15px; } .so-blog-external .blog-external .media .item{ margin: 0; } .head-button{ border-bottom: 1px #ccc solid; margin-bottom: 20px; } .so-blog-external .blog-external .media .media-left, .so-blog-external .blog-external .media .media-content{ display: none; } .so-blog-external .blog-external .media .so-block{ display: block; float: left; } .so-title{ color: #111111; } .media { position: relative; } .media .item .media-body .media-heading{ position: relative; } .media .item .media-body .media-heading:before{ content:''; position:absolute; width:5px; height:5px; background-color:#333; left:0; top:6px; margin-right:5px; display:inline-block; } .media .item .media-body .media-heading.head-item a{ color: #0081c2; padding: 0; } .media .item .media-body .media-heading.head-item:before{ width:0px; height:0px; } .container-slider .page-top {display: block; position: relative;} /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls .owl-buttons div { position: absolute; } .owl-controls .owl-buttons .owl-prev { left: 10px; top: 50%; } .owl-controls .owl-buttons .owl-next { right: 10px; top: 50%; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(grabbing.html) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* OpenCart Code */ .owl-carousel { margin: 0 0 20px; background: #fff; direction: ltr !important; z-index: 1; } .owl-wrapper-outer { border: 4px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); } .owl-carousel .owl-buttons div { opacity: 0; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); transition: all .3s ease; } .owl-carousel:hover .owl-buttons div { opacity: 0.7; } .owl-carousel .owl-buttons .owl-prev { left: 10px; } .owl-carousel .owl-buttons .owl-next { right: 10px; } .owl-carousel .owl-buttons div i { font-size: 40px; margin: -20px 0 0; } .owl-pagination { text-align: center; top: 20px; position: relative; } .owl-controls .owl-page { display: inline-block; margin: 0px 6px; } .owl-controls .owl-page span { display: block; width: 11px; height: 11px; background: rgba(0, 0, 0, 0.5); border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .owl-controls .owl-page.active span { background: rgba(0, 0, 0, 0.9); } /* * Owl Carousel - Animate Plugin */ .owl2-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl2-carousel .owl2-animated-in {z-index: 0;} .owl2-carousel .owl2-animated-out {z-index: 1;} .owl2-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;} /* * Owl Carousel - Auto Height Plugin */ .owl2-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl2-carousel { /*display: none;*/ width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl2-carousel .owl2-stage { position: relative; -ms-touch-action: pan-Y; } .owl2-carousel .owl2-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl2-carousel .owl2-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); } .owl2-carousel .owl2-controls .owl2-nav .owl2-prev, .owl2-carousel .owl2-controls .owl2-nav .owl2-next, .owl2-carousel .owl2-controls .owl2-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl2-carousel.owl2-loaded { display: block; } .owl2-carousel.owl2-loading { opacity: 0; display: block; } .owl2-carousel.owl2-hidden { opacity: 0; } .owl2-carousel .owl2-refresh .owl2-item { /*display: none;*/ } .owl2-carousel .owl2-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl2-carousel .owl2-item img { /*display: block;*/ /*width: 100%;*/ -webkit-transform-style: preserve-3d; } .owl2-carousel.owl2-text-select-on .owl2-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl2-carousel .owl2-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl2-carousel.owl2-rtl { direction: rtl; } .owl2-carousel.owl2-rtl .owl2-item { float: right; } /* No Js */ .no-js .owl2-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl2-carousel .owl2-item .owl2-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl2-carousel .owl2-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl2-carousel .owl2-video-wrapper { position: relative; height: 100%; background: #000; } .owl2-carousel .owl2-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl2-carousel .owl2-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl2-carousel .owl2-video-playing .owl2-video-tn, .owl2-carousel .owl2-video-playing .owl2-video-play-icon { /*display: none;*/ } .owl2-carousel .owl2-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl2-carousel .owl2-video-frame { position: relative; z-index: 1; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /******************************************************* Style Color ********************************************************/ /* 1.HD devices Desktops ( Devices > 1450px) * 1.Large devices Desktops ( Devices >1200px) * 2.Medium devices Desktops (992px > Devices > 1199px) * 3.Small devices Tablets (991px > Devices > 768px) * 4.Extra small devices Phones ( Devices < 767px) */ /* 1.HD devices Desktops ================================================== */ @media (min-width: 1450px) { @-moz-document url-prefix() { #thumb-slider .owl2-carousel .owl2-stage-outer { margin: 0 -2px; } } } /* 2.Large devices Desktops ================================================== */ @media (min-width: 1200px) { .container { width: 1200px; } #sosearchpro .dropdown-menu { top: 32px !important; } .navbar-logo { margin-top: 0px; } div.container-slider .products-list.grid .product-layout .product-item-container { min-height: 287px; } .best-seller .so-extraslider { margin: 8px -10px 0 -10px; } .best-seller .so-extraslider .extraslider-inner { padding-bottom: 0; } .best-seller .so-extraslider .extraslider-inner .item-wrap-inner { margin: 6px 5px 0 5px; } .shopping_cart .table > tbody > tr > td:first-child { width: 56px; height: 56px; } .shopping_cart .table > tbody > tr > td:first-child img { width: 100%; } #so-slideshow .slideshow { } } @media (max-width: 991px) { .so-megamenu ul.megamenu > li { border-left: 0; border-right: 0; } .megamenu-wrapper { max-height: 100%; } .rtl .megamenu-wrapper { left: inherit; right: 0; } .rtl .megamenu-wrapper #remove-megamenu { text-align: left; } } /* 3.Medium devices Desktops ================================================== */ @media (min-width: 992px) and (max-width: 1199px) { /*--------------------HEADER ----------------*/ .navbar-search #search input { width: 92%; } #sosearchpro.search-pro { width: 57%; } /*------------------ BREADCRUM ---------------*/ ul.breadcrumb li { border: 0; padding: 0 15px 0 5px; } ul.breadcrumb li:first-child { border: 0; } ul.breadcrumb li:after { content: "\f101"; font-family: FontAwesome; transform: rotate(0); border: 0; top: 0; } ul.breadcrumb li + li:before { display: none; } .shopping_cart .btn-shopping-cart { padding: 0; min-width: 120px; } .shopping_cart .btn-shopping-cart .text-shopping-cart { width: auto; padding: 0 5px; } .shopping_cart a.top_cart .handle { width: 26px; } .shopping_cart:after { left: -7px; } .so-megamenu .vertical ul.megamenu > li > a { font-size: 11px; } /*------------CUSTOM HTML ---------------*/ .banner-wraps .m-banner img { width: 100%; } .accordion-section .accordion-section-title { line-height: 16px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; } /*-----------PRODUCT LISTING ----------------*/ .products-list .product-layout .button-group .wishlist, .products-list .product-layout .button-group .compare { width: 30px; padding: 6px; } .products-list .product-layout .button-group .addToCart { padding: 7px 5px; } .products-list.grid .product-layout .product-item-container { min-height: 340px; } /*------Style general ------*/ .news-letter .block_content .input-box input { width: 200px; } .social_block ul.social-block li { margin: 0 5px; } ul.payment-method li { margin-bottom: 6px; } .rtl { /*------------------ BREADCRUM ---------------*/ } .rtl ul.megamenu > li { float: right; } .rtl ul.megamenu > li.style-page.hover.active .sub-menu { right: auto !important; } .rtl ul.breadcrumb li { padding: 0 5px 0 15px; } .rtl ul.breadcrumb li:after { content: "\f100"; } .rtl .accordion-section .accordion-section-title { padding-right: 47px; padding-left: 5px; } .rtl .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date i { margin-right: 0; margin-left: 5px; } .rtl .blog-listitem .blog-item .itemBlogContent .blog-meta { float: right; } .rtl .blog-listitem .blog-item .itemBlogContent .blog-meta > span.comment_count { float: left; } .rtl .blog-listitem .blog-item .itemBlogContent .blog-meta span.author { padding-right: 0; } .rtl .products-list .product-layout .button-group .addToCart { font-size: 9px; } .rtl .left-content-product .row { margin: 0; } .rtl .box-footer:last-child { padding-left: 0; } .rtl ul.payment-method li { margin-left: 2px; margin-right: 0; } } @media (max-width: 991px) { .rtl #menu .navbar-header .menu-btn { float: right; } } /* 4.Small devices Tablets ================================================== */ @media (min-width: 768px) and (max-width: 991px) { /*-------HEADER-------*/ .navbar-logo { text-align: center; margin-bottom: 30px; } .res .collapsed-block .tabBlockTitle { margin: -27px 0 10px; } .res .collapsed-block .tabBlockTitle .expander { cursor: pointer; padding: 0 8px; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #sosearchpro.search-pro { padding-left: 15px; margin: 0; } #sosearchpro.so-search .select_category { display: none; } #sosearchpro.so-search .autosearch-input { border: none; } /*------------------ BREADCRUM ---------------*/ ul.breadcrumb li { border: 0; padding: 0 15px 0 5px; } ul.breadcrumb li:first-child { border: 0; } ul.breadcrumb li:after { content: "\f101"; font-family: FontAwesome; transform: rotate(0); border: 0; top: 0; } ul.breadcrumb li + li:before { display: none; } .shopping_cart .btn-shopping-cart { height: 50px; line-height: 50px; } .shopping_cart .btn-shopping-cart .text-shopping-cart { margin: 13px 5px 0 10px; } .shopping_cart .btn-shopping-cart a.top_cart .shopcart span.handle { background-position: 5px 16px; } .shopping_cart:after { border-width: 25px 21px; left: 33px; } .responsive ul.megamenu > li.click:before, .responsive ul.megamenu > li.hover.active:before { content: ""; } .responsive.so-megamenu .navbar-default .vertical #menuHeading { display: block; margin: 0; } .responsive.so-megamenu .navbar-default .vertical .navbar-header { display: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper { position: static !important; visibility: visible; width: 100% !important; max-height: none; padding: 0; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content .image-position { transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul { box-shadow: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul li { padding: 5px 0; border: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li { border-bottom: 1px dotted #eee; margin-top: 1px; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li a { font-size: 10px; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li a i { display: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.loadmore { border: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu { padding: 0; width: 49px; line-height: 44px; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu:before { font-size: 12px; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:before { font-size: 10px; color: #444; height: 43px; line-height: 43px; width: 50px; background: #eee; text-align: center; cursor: pointer; padding: 0; top: 0 !important; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:hover:before { background: #333; color: #fff; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active { background: #f8ab16; color: #fff; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu { background: #eee; font-size: 10px; color: #444; } #yt_header_right { padding: 0 15px; } /*----------CONTENT ---------*/ .common-home #content .row { margin: 0; } /*--------------------MOD-------------------*/ div.container-slider .item-sub-cat { background: #525252 url("../../../media/images/layout/ecommerce/btn-menu-mobile.png") no-repeat scroll center center; right: 10px; top: 1px; cursor: pointer; height: 27px; position: absolute; width: 35px; display: inline-block; float: right; } div.container-slider .item-sub-cat ul { background-color: #fff; border: 1px solid #ddd; display: none; padding: 10px 0; position: absolute; right: 0; top: 100%; width: 150px; z-index: 9999; margin: 0; } div.container-slider .item-sub-cat ul li { display: block; float: none; margin-left: 5px; padding: 0 5px; } div.container-slider .item-sub-cat ul li a { padding: 0; text-transform: capitalize; white-space: normal; border: 0; } div.container-slider .item-sub-cat:hover ul { display: block; } div.container-slider .categoryslider-content { border-color: transparent; } div.container-slider .products-list.grid .product-layout .product-item-container { border-color: #ddd; } div.container-slider .products-list.grid .product-layout .product-item-container .button-group button { opacity: 1 !important; } /*----------------------- CUSTOM HTML --------------------*/ .accordion-section .accordion-section-title { line-height: 16px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; } div.yt-pricing .style2.column:last-child { padding-right: 15px; } /*---------------PRODUCT LISTING -------------*/ div.products-list.grid .product-layout .product-item-container .button-group button { opacity: 1 !important; } .products-list .product-layout .button-group .wishlist, .products-list .product-layout .button-group .compare { width: 30px; padding: 6px; } .products-list .product-layout .button-group .addToCart { padding: 7px 5px; } .products-list .product-layout .button-group .wishlist, .products-list .product-layout .button-group .compare { width: 30px; padding: 6px; } .products-list .product-layout .button-group .addToCart { padding: 7px 5px; } .short-by-show { text-align: center; margin-bottom: 15px; margin-top: 7px; } .short-by-show .short-by { float: none; } .short-by-show .short-by select#input-sort { width: 100px; } .product-filter .box-pagination { text-align: center; } .products-list.grid .product-layout .product-item-container { min-height: 200px; } /*------------PRODUCT DETAIL ----------------*/ .thumb-vertical-outer span.view_scroll_spacer a.prev { left: 34px; } .thumb-vertical-outer span.view_scroll_spacer a.next { left: 30px; } .left-content-product .content-product-right .box-info-product .add-to-links { width: 100%; /* float: left; margin-top: 10px; */ } .producttab .tabsslider .nav-tabs li { margin-bottom: 0; width: 100%; } /*---------------BLOG -------------*/ div.blog-item .itemBlogImg { float: none; margin: 0 0 10px; } div.blog-item .itemBlogImg .article-image { float: left; margin-bottom: 30px; } div.blog-item .itemBlogImg a { float: none; } .blog-listitem .blog-item .itemBlogContent { padding: 0; } .blog-listitem .blog-item .itemBlogContent .article-description { text-align: justify; } .blog-listitem .blog-item .itemBlogContent .blog-meta > span.comment_count { float: left; } .blog-listitem .blog-item .itemBlogContent .blog-meta span.author { padding-right: 0; } /*------Style About us ------*/ .about-us .about-content .title strong { font-size: 20px; } .about-us .about-content .wellcomeshop .media-body { overflow: visible; float: left; margin-top: 20px; width: 100%; } .about-us .about-content .ourmember.page-heading .pre-text { text-align: center; padding: 0; } .about-us .owl-dots { left: 43%; } /*----------------- FOOTER ---------------*/ .social_block { background: transparent; } .social_block ul.social-block li a { width: auto; padding: 0 15px; } .footer-navbar .box-account { clear: both; } .footer-top { height: auto; padding: 10px 0; } .footer-top .social_block { text-align: center; height: 70px; } .footer-top .social_block ul { display: inline-block; } .footer-top .news-letter .block_content .input-box input { width: 200px; } .footer-navbar .box-footer { border: 0; } .footer-navbar .box-account { clear: inherit; } .rtl { /*------------------ BREADCRUM ---------------*/ /*----About us -------------*/ /*---------------BLOG -------------*/ } .rtl ul.breadcrumb li { padding: 0 5px 0 15px; } .rtl ul.breadcrumb li:after { content: "\f100"; } .rtl .vertical-wrapper { right: 0; left: inherit; } .rtl .left_column .so-vertical-menu .vertical ul.megamenu .sub-menu { left: 0 !important; right: inherit !important; } .rtl .shopping_cart:after { left: inherit; right: -42px; } .rtl div.container-slider .item-sub-cat { left: 10px; right: inherit; } .rtl div.container-slider .item-sub-cat ul { left: 0; right: inherit; } .rtl .accordion-section .accordion-section-title { padding-right: 47px; padding-left: 5px; } .rtl .products-list .product-layout .button-group .addToCart { font-size: 9px; position: relative; top: -2px; } .rtl .left-content-product .row { margin: 0; } .rtl .left-content-product .content-product-right .box-info-product .add-to-links li.wishlist a { margin-right: 0; } .rtl .about-us { padding-right: 10px; } .rtl .about-us .about-us .owl-dots { left: inherit; right: 44%; } .rtl .about-us .first { float: right; } .rtl .about-us .title strong { padding: 0 0 0 15px; } .rtl .about-us .image { float: right; margin-left: 30px; margin-right: 0; } .rtl .about-us .about-content .media-left { float: right; margin-right: 0; margin-left: 20px; } .rtl div.blog-item .itemBlogImg { float: none; margin: 0 0 10px; } .rtl div.blog-item .itemBlogImg a { float: right; } } /* 5.Extra small devices Phones ================================================== */ @media (max-width: 767px) { /*----------------------------- HEADER -----------------------*/ #header .header-center { padding: 20px 0; height: auto; } #header .header-bottom-menu .navbar-toggle { float: left; } .res .collapsed-block .tabBlockTitle { margin: 0; padding: 2px 0; line-height: 32px; } .res .collapsed-block .tabBlockTitle .expander { cursor: pointer; padding: 0 8px; font-size: 18px; text-decoration: none; } .res .collapsed-block .tabBlockTitle .expander i { font-size: 12px; } .res .collapsed-block .tabBlock { display: none; position: absolute; top: 100%; right: 0; background: #fff; box-shadow: 1px 2px 4px #ddd; z-index: 99; width: 100%; padding: 0 15px; } .res .collapsed-block .tabBlock .top-link { width: 50%; float: right; margin-bottom: 0; } .res .collapsed-block .tabBlock .top-link > li { width: 50%; float: right; text-align: center; } .res .collapsed-block .tabBlock .top-link > li.account { border-left: 2px solid #ddd; } .res .collapsed-block .tabBlock .form-group { width: 25%; float: right; margin: 0; } .res .collapsed-block #TabBlock-search { top: 50px; padding-bottom: 10px; } .res .collapsed-block .tabBlockTitle { margin: 6px 0px; line-height: 20px; background-color: #eee; } .res .collapsed-block .tabBlockTitle .expander { cursor: pointer; padding: 0 8px; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } .res .collapsed-block .tabBlock { display: none; } .header-center { position: static; } .header-center .header_search { position: static; } .header-center .tabBlockTitle.dropdow-search { position: absolute; top: 0; left: 15px; z-index: 999; } .navbar-logo { text-align: center; margin-top: 15px; margin-bottom: 5px; } .shopping_cart { padding: 0 0px; text-align: center; background: transparent; } .shopping_cart .btn-shopping-cart { min-width: auto; width: auto; margin: 0 auto; margin-top: 0px; } .shopping_cart .btn-shopping-cart .text-shopping-cart { float: none; } .shopping_cart .shoppingcart-box { min-width: 290px; } .shopping_cart .shopcart > * { display: inline-block; } .shopping_cart .handle { display: none; } .shopping_cart:after { display: none; } .shopping_cart a.top_cart .shopcart .title { float: none; } #content { position: relative; overflow: hidden; } .header-top { min-height: 34px; background-color: #eee; } .header-top .header-top-right ul.top-link { float: left; width: 100%; margin-bottom: 10px; } .header-top .languages-block, .header-top .currencies-block { float: left; } .header-top .languages-block { margin-right: 4px; border-left: 0; border-right: 1px solid #ddd; } .header-top-right { float: right; background-color: #eee; margin-bottom: 20px; position: relative; z-index: 999; } #content { position: relative; overflow: hidden; } /*-------------BLOCK SEARCH --------------*/ #sosearchpro .dropdown-menu { width: 100%; } #sosearchpro.search-pro { width: 100%; margin: 0 0 10px; padding: 0 15px; } /*----------------BLOCK MAIN MENU -------*/ .so-megamenu ul.megamenu > li { border-left: 0; border-right: 0; } .responsive ul.megamenu > li.click:before, .responsive ul.megamenu > li.hover.active:before { content: ""; } .responsive ul.megamenu > li.click::before, .responsive ul.megamenu > li.hover::before { top: -3px; } /*------------------ BREADCRUM ---------------*/ ul.breadcrumb li { border: 0; padding: 0 15px 0 5px; } ul.breadcrumb li:first-child { border: 0; } ul.breadcrumb li:after { content: "\f101"; font-family: FontAwesome; transform: rotate(0); border: 0; top: 0; } ul.breadcrumb li + li:before { display: none; } .breadcrumb li { margin-bottom: 5px; } #menu.navbar { margin: 0; } #sosearchpro .dropdown-menu { width: 100%; } /*----------------- BLOCK SLIDESHOW ---------------------*/ #so-slideshow { width: 100%; } #so-slideshow .slideshow { height: auto; } #so-slideshow .slideshow img { height: auto; } .slider-container .htmlcontent-home { display: none; } /*----------------- BLOCK SPOTLIGHT ---------------------*/ .breadcrumb li { margin: 5px 0; } /*--------------------MOD-------------------*/ div.container-slider .categoryslider-content { border-color: transparent; } div.container-slider .item-sub-cat { background: #525252 url("../../../media/images/layout/ecommerce/btn-menu-mobile.png") no-repeat scroll center center; right: 10px; top: 1px; cursor: pointer; height: 27px; position: absolute; width: 35px; display: inline-block; float: right; } div.container-slider .item-sub-cat ul { background-color: #fff; border: 1px solid #ddd; display: none; padding: 10px 0; position: absolute; right: 0; top: 100%; width: 150px; z-index: 9999; margin: 0; } div.container-slider .item-sub-cat ul li { display: block; float: none; margin-left: 5px; padding: 0 5px; } div.container-slider .item-sub-cat ul li a { padding: 0; text-transform: capitalize; white-space: normal; border: 0; } div.container-slider .item-sub-cat:hover ul { display: block; } div.container-slider .products-list.grid .product-layout .product-item-container { border: 1px solid #ddd; } .shopping_cart .shoppingcart-box p.text-right { line-height: 18px; } .shopping_cart .shoppingcart-box a.btn { display: inline-block; width: 100%; } .product-compare .overflow_auto { overflow: auto; } /*----------------- FOOTER ---------------*/ .footer-top { height: auto; padding: 10px 0; } .footer-top .social_block { text-align: center; height: 70px; background: transparent; } .footer-top .social_block ul { display: inline-block; } .footer-top .news-letter { float: none; padding: 0 15px; text-align: center; } .footer-top .news-letter .title-block { margin: 0; } .footer-top .news-letter .block_content { float: none; margin: 15px 0; } .footer-top .news-letter .block_content .input-box input { width: 410px; } .box-footer { min-height: 107px; margin-bottom: 20px; } .box-footer .module h3.modtitle { height: auto; margin: 0; } .contact-address { margin-top: 10px; } ul.list-services li { margin-bottom: 15px; } .footer-navbar .box-account { clear: both; } .footer-navbar .box-footer { border: 0; } .table-responsive .btn-block .quaility { width: 50px; text-align: center; padding: 0; } .shopping_cart .table > tbody > tr > td:first-child { display: none; } div.products-list.grid .product-layout .product-item-container .button-group button { opacity: 1 !important; } div.products-list.grid .product-layout .product-item-container .left-block .product-image-container.second_img .img_0 { display: none; } .short-by-show .form-group { margin: 0; } /*----------------- PRODUCT DETAIL ---------------------*/ .producttab .tabsslider .nav-tabs li { float: none; } .thumb-vertical-outer { padding-left: 0; } div.left-content-product .content-product-right .box-info-product .add-to-links li.wishlist a { margin-left: 6px; } .content-product-right .title-product { margin: 10px 0; } .box-pagination { clear: both; } .up-sell-product .so-basic-product .item-wrap { box-shadow: none; } .up-sell-product .so-basic-product .item-wrap.products-list.grid .product-layout .product-item-container { border-color: #ddd; } /*---------------BLOG -------------*/ div.blog-item .itemBlogImg { float: none; margin: 0 0 10px; } div.blog-item .itemBlogImg .article-image { float: left; margin-bottom: 30px; } div.blog-item .itemBlogImg a { float: none; } .blog-listitem .blog-item .itemBlogContent { padding: 0; float: left; } .blog-listitem .blog-item .itemBlogContent .article-description { text-align: justify; } div ul.yt-accordion li.accordion-group h3.accordion-heading > span { font-size: 13px; } .responsive.so-megamenu .navbar-default .vertical #menuHeading { display: block; margin: 0; } .responsive.so-megamenu .navbar-default .vertical .navbar-header { display: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper { position: static !important; visibility: visible; width: 100% !important; max-height: none; padding: 0; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content .image-position { transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul { box-shadow: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul li { padding: 5px 0; border: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li { border-bottom: 1px dotted #eee; margin-top: 1px; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li a i { display: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.loadmore { border: none; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu { padding: 0; width: 49px; line-height: 44px; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu:before { font-size: 12px; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:before { font-size: 10px; color: #444; height: 43px; line-height: 43px; width: 50px; background: #eee; text-align: center; cursor: pointer; padding: 0; top: 0 !important; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:hover:before { background: #333; color: #fff; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active { background: #f8ab16; color: #fff; } .responsive.so-megamenu .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu { background: #eee; font-size: 10px; color: #444; } .yt-gallery ul.tabnav li { margin-bottom: 5px; } .rtl { /*------------------ BREADCRUM ---------------*/ /*----About us -------------*/ } .rtl #header .header-top .languages-block, .rtl #header .header-top .currencies-block { float: right; } .rtl #header .header-top .languages-block { border-left: 1px solid #ddd; border-right: 0; } .rtl #header .header-bottom-menu .navbar-toggle { float: right; } .rtl #header .header-center-right { left: auto; right: 10px; } .rtl .header-center .tabBlockTitle.dropdow-search { left: auto; right: 15px; } .rtl ul.breadcrumb li { padding: 0 5px 0 15px; } .rtl ul.breadcrumb li:after { content: "\f100"; } .rtl .table-responsive { overflow: overlay !important; direction: ltr; } .rtl .shopping_cart a.top_cart { text-align: left; } .rtl.product-compare .overflow_auto { overflow: auto; direction: ltr; text-align: right; } .rtl div.container-slider .item-sub-cat { left: 10px; right: inherit; } .rtl div.container-slider .item-sub-cat ul { left: 0; right: inherit; } .rtl .product-detail .left-content-product .content-product-right .box-info-product .add-to-links ul li.wishlist a { margin-right: 6px; } .rtl .about-us .about-content .first { float: none; } .rtl .about-us { padding-right: 10px; } .rtl .about-us .owl-dots { left: inherit; right: 32%; } .rtl .about-us .first { float: right; } .rtl .about-us .title strong { padding: 0 0 0 15px; } .rtl .about-us .image { float: right; margin-left: 30px; margin-right: 0; } .rtl .about-us .about-content .whychooseus .title strong { top: -10px; } .rtl .thumb-vertical-outer { padding: 0 0 0 10px; } .rtl .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date i { margin-right: 0; margin-left: 5px; } .rtl .blog-listitem .blog-item .itemBlogContent .blog-meta { float: right; } .rtl .blog-listitem .blog-item .itemBlogContent .blog-meta > span.comment_count { float: left; } .rtl .blog-listitem .blog-item .itemBlogContent .blog-meta span.author { padding-right: 0; } } /* 5.Small devices Phones ================================================== */ @media (max-width: 479px) { #header .header-top .header-top-right ul.top-link > li > a { padding: 0 5px; } .breadcrumb li { margin-bottom: 5px; } #sosearchpro.so-search .select_category { display: none; } .about-us .owl2-theme .owl2-controls .owl2-dots { left: 0; } .about-us .about-content .ourmember.page-heading .title strong { left: 26%; } .res .collapsed-block .tabBlock .top-link { width: 100%; float: right; margin-bottom: 0; border-bottom: 1px solid #ddd; } .res .collapsed-block .tabBlock .top-link > li { width: 50%; float: right; text-align: center; } .res .collapsed-block .tabBlock .top-link > li.account { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .res .collapsed-block .tabBlock .form-group { width: 50%; float: right; margin: 0; } .res .collapsed-block .tabBlock .form-group.languages-block { border-width: 0 0 0 1px; border-color: #ddd; border-style: solid; } .checkout-cart input.quaility { width: 50px; } .footer-top .news-letter .block_content .input-box input { width: 250px; margin-bottom: 10px; } .contact-address li { padding: 0 0 5px 41px; line-height: 18px; } .contact-address span { margin-right: 10px; height: 30px; top: 4px; } .contact-address > li:nth-child(2) { padding-top: 7px; } .contact-address > li:nth-child(2) span { margin-top: -1px; } .contact-address > li:last-child { padding-top: 8px; } .contact-address > li:last-child span { margin-top: 7px; } .box-footer { min-height: 150px; } .rtl div.article-info .article-sub-title span.article-comment { padding-right: 0; padding-left: 11px; border-left: 0; } .rtl .product-detail .left-content-product .content-product-right .box-info-product .add-to-links ul { clear: both; display: inline-block; width: 100%; margin-top: 10px; } .rtl .product-detail .left-content-product .content-product-right .box-info-product .add-to-links ul li.wishlist a { margin-right: 0; } .rtl .contact-address li { padding: 0 41px 5px 0; } .rtl .contact-address li span { margin-right: 0; } } /*# sourceMappingURL=responsive.css.map */ /*---------------------------------- * -----------Target IE 9 and HIGHER ----------------- *---------------------------*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #sosearchpro.so-search .select_category select { width: 120px; } .icon-select:after { display: none; } .left_column .so-vertical-menu .vertical ul.megamenu > li.with-sub-menu > a:after { position: static; right: 15px; display: block; } } /*# sourceMappingURL=ie9-and-up.css.map */ .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5th { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5th { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5th { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5th { width: 20%; float: left; } } .shopping_cart .dropdown-menu { width: auto!important; min-width: 370px; }