@charset "UTF-8";
body {color: #707070;}
body, .wpcf7 p { direction: rtl; unicode-bidi: embed; text-align:right; } body .oceanwp-row .col,
.top-bar-left { float: right } .top-bar-right { float: left } ul, ol { margin: 15px 20px 15px 0; } table th, table td, caption, th, td { text-align: right; } .theme-heading .text::before { display: none; }
.theme-heading .text::after { content: '\f104'; font-family: 'Font Awesome 5 Free'; font-size: 18px; font-weight: 600; color: #13aff0; padding-left: 6px;} .site-breadcrumbs,
#top-bar-social.top-bar-right,
#searchform-dropdown,
.current-shop-items-dropdown { right: auto; left: 0; } form.oceanwp-searchform input { padding: 0 15px 0 40px; } #top-bar-social.top-bar-left { left: auto; right: 0; } .content-area { float: right; padding-left: 190px; padding-right: 0; border-left-width: 1px; border-right-width: 0; border: none; padding-bottom: 100px;}
.widget-area.sidebar-primary { float: left; padding-right: 30px; padding-left: 0; }
.content-left-sidebar .content-area { float: left; padding-right: 30px; padding-left: 0; border-right-width: 1px; border-left-width: 0; }
.content-left-sidebar .widget-area.sidebar-primary { float: right; padding-left: 30px; padding-right: 0; } .content-both-sidebars .content-area { float: left; padding-right: 30px; }
.content-both-sidebars .content-area { border-right-width: 1px; }
.content-both-sidebars .widget-area.sidebar-primary { padding-right: 0; } .boxed-layout .site-breadcrumbs { right: auto; left: 30px; } .separate-layout .content-area { border-left-width: 0; border-right-width: 0; }
.separate-layout.content-left-sidebar .content-area { border-right-width: 0; border-left-width: 0; }
.separate-layout .widget-area.sidebar-primary { padding-right: 20px; padding-left: 0; }
.separate-layout.content-left-sidebar .widget-area.sidebar-primary { padding-left: 20px; padding-right: 0; }
body.separate-blog.separate-layout .oceanwp-row { margin-left: -20px; margin-right: 0; }
body.separate-blog.separate-layout #blog-entries.blog-grid > * { padding: 0 0 0 20px; } blockquote { padding-right: 20px; padding-left: 0; border-right-width: 3px; border-left-width: 0; } #site-logo { float: inherit; margin-bottom: 45px; margin-top: 30px;}
#logo-mobile {display:none;} #site-header.top-header .header-top .left { float: right; }
#site-header.top-header .header-top .right { float: left; }
#site-header.top-header #site-navigation-wrap { right: -15px !important; left: auto !important; } #site-header.full_screen-header #site-navigation-wrap { right: auto; left: 0; }
#site-header.full_screen-header .menu-bar { float: left; }
#site-header.full_screen-header #full-screen-menu { left: auto; right: 0; }
#site-header.full_screen-header .fs-dropdown-menu li > a > .nav-arrow { padding-left: 0; padding-right: 5px; }
#site-header.full_screen-header .fs-dropdown-menu > li.search-toggle-li label i { margin-left: 0; margin-right: 3px; } #site-header.center-header #site-navigation-wrap .left-menu { float: right; }
#site-header.center-header #site-navigation-wrap .right-menu { float: left; }
#site-header.center-header .wider .left-menu { text-align: right; }
#site-header.center-header .wider .right-menu { text-align: left; }
#site-header.center-header .closer .left-menu { text-align: left; }
#site-header.center-header .closer .right-menu { text-align: right; } #site-header.medium-header .oceanwp-social-menu { text-align: left; }
#site-header.medium-header #medium-searchform { text-align: right; }
#site-header.medium-header #medium-searchform input { padding: 6px 12px 6px 38px; }
#site-header.medium-header #medium-searchform label { left: auto; right: 12px; }
#site-header.medium-header #medium-searchform button { right: auto; left: 0; } #site-header.vertical-header.left-logo #site-logo { text-align: right; }
#site-header.vertical-header.right-logo #site-logo { text-align: left; }
#site-header.vertical-header .has-social #site-navigation-wrap { left: auto; }
#site-header.vertical-header #site-navigation-wrap { left: auto; }
#site-header.vertical-header #site-navigation-wrap .dropdown-menu li > a .dropdown-toggle { left: 0; right: auto; }
#site-header.vertical-header #site-navigation-wrap .dropdown-menu li > a .dropdown-toggle:before { right: 50%; left: auto; margin-right: -10px; margin-left: 0; }
#site-header.vertical-header #site-navigation-wrap .dropdown-menu .sub-menu { right: 0; left: auto; }
#site-header.vertical-header #vertical-searchform form label { right: 12px; left: auto; }
#site-header.vertical-header #vertical-searchform form button { left: 0; right: auto; }
#site-header.vertical-header .oceanwp-social-menu.simple-social { left: auto; }
body.vertical-header-style.left-header #site-header.vertical-header { right: 0; left: auto; }
body.vertical-header-style.left-header #site-header.vertical-header .vertical-toggle { left: 0; right: auto; }
body.vertical-header-style.left-header #outer-wrap { margin-right: 300px; margin-left: 0; }
body.vertical-header-style.right-header #site-header.vertical-header { left: 0; right: auto; }
body.vertical-header-style.right-header #site-header.vertical-header .vertical-toggle { right: 0; left: auto; }
body.vertical-header-style.right-header #outer-wrap { margin-left: 300px; margin-right: 0; }
body.vertical-header-style.has-vh-transparent.left-header #outer-wrap { margin-right: 0; }
body.vertical-header-style.has-vh-transparent.right-header #outer-wrap { margin-left: 0; }
body.vertical-header-style.vh-closed.left-header #site-header.vertical-header { right: -266px; left: auto; }
body.vertical-header-style.vh-closed.left-header #outer-wrap { margin-right: 34px; margin-left: 0; }
body.vertical-header-style.vh-closed.right-header #site-header.vertical-header { left: -266px; right: auto; }
body.vertical-header-style.vh-closed.right-header #outer-wrap { margin-left: 34px; margin-right: 0; }
body.vertical-header-style.vh-closed.vh-opened.left-header #site-header.vertical-header { right: 0; left: auto; }
body.vertical-header-style.vh-closed.vh-opened.right-header #site-header.vertical-header { left: 0; right: auto; }
body.vertical-header-style.vh-closed.vh-opened #site-header.vertical-header #site-navigation-wrap { padding-left: 0; }
body.vertical-header-style.vh-closed #site-header.vertical-header #site-navigation-wrap { padding-left: 34px; padding-right: 0; }
.page-header a { display: inline-block; margin-left: 30px; color: white; text-align: center;} a#logo {
margin: 0;
padding: 0;
} #top-header {
height: 130px;
padding:0;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99;
margin:0;
border-bottom:0; }
.margin-top-main{ margin-top: 130px;display:block; }	
.header-col{ width:33%; display:inline-block;}
.center.header-col{ width:40%; display:inline-block; text-align:center;}
.left.header-col,.right.header-col{ width:30%; display:inline-block;}
.header-col{ width:33%; display:inline-block;}
.header-container {
height: 130px;
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/white_circle_top.svg);
background-repeat: no-repeat;
background-position: top right 7%;
display: block;
padding: 34px 0;
} #site-navigation-wrap { right: auto; float: inherit;    
padding-top: 20px;
padding-bottom: 7px; }
#site-navigation-wrap .dropdown-menu > li, #left_menu li { float: right; }
#site-navigation-wrap .dropdown-menu > li > a .nav-arrow, #left_menu li a { padding-right: 6px; padding-left: 0; }
#searchform-header-replace { left: 0; right: auto; }
#searchform-header-replace-close { left: 8px; right: auto; }
.search-overlay.center-header .search-overlay .search-toggle-li .search-overlay-toggle.exit > span:before { padding-left: 5px; padding-right: 0; }
.owp-cart-overlay {display:none !important;}
.dropdown-menu .sub-menu { right: 0; left: auto; text-align: right; }
.dropdown-menu ul .sub-menu { right: 100%; left: auto; }
.dropdown-menu ul li a.menu-link .nav-arrow { left: 15px; right: auto; }
.dropdown-menu ul li a.menu-link i { margin-left: 3px; margin-right: 0; }
.dropdown-menu li a.menu-link i { padding-left: 5px; padding-right: 0; }
.navigation .megamenu { right: auto; }
.navigation > ul > li > ul.megamenu.sub-menu > li { float: right; border-right-width: 1px; border-left-width: 0; }
.navigation > ul > li > ul.megamenu.sub-menu > li:first-child { border-right: none; }
.after-header-content { float: left; } .has-social #site-navigation-wrap { left: 0; right: auto; } .minimal-header.left-menu #site-navigation-wrap,
.transparent-header.left-menu #site-navigation-wrap { float: right; left: 0; right: auto; }
.minimal-header.left-menu #site-logo,
.transparent-header.left-menu #site-logo { padding-left: 20px; padding-right: 0; } .center-menu #site-navigation-wrap { right: 50%; left: auto; } .dropdown-menu li a.menu-link i.after { margin-right: 6px; margin-left: 0; }
.dropdown-menu li a.menu-link i.before { margin-left: 6px; margin-right: 0; }
.dropdown-menu li a.menu-link img.after { margin-right: 6px; }
.dropdown-menu li a.menu-link img.before { margin-left: 6px; } .oceanwp-social-menu { float: left; }
.oceanwp-social-menu.simple-social { right: auto; left: -8px; }
.oceanwp-social-menu.social-with-style { right: auto; left: -2px; }
.oceanwp-social-menu ul li { float: right; } a.sidr-class-toggle-sidr-close i { padding-left: 8px; padding-right: 0; }
.sidr-class-dropdown-toggle { left: 0; right: auto; }
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a { padding-right: 20px; padding-left: 60px; }
.sidr-class-dropdown-menu ul a:before { content: '\f104'; } #mobile-dropdown { right: 0; left: auto; }
#mobile-dropdown ul li a { text-align: right; 
padding: 12px 0px 12px 0px;
}
#mobile-dropdown ul li a .dropdown-toggle { left: 0; right: auto; padding-left: 40px; padding-right: 0; }
#mobile-dropdown ul li a .dropdown-toggle:before { right: 50%; left: auto; margin-right: -15px; margin-left: 0; }
#mobile-dropdown ul li ul { margin-right: 0; }
#mobile-dropdown #mobile-menu-search form input { padding: 6px 12px 6px 45px !important; }
#mobile-dropdown #mobile-menu-search form button { left: 10px; right: auto; }
#mobile-dropdown ul li a i, #mobile-dropdown ul li a img {
margin:0 10px 0 10px;
} #mobile-fullscreen { right: 0; left: auto; }
#mobile-fullscreen a.close { left: 14px; right: auto; }
#mobile-fullscreen .fs-dropdown-menu li .dropdown-toggle { padding-right: 5px; padding-left: 0; }
#mobile-fullscreen #mobile-search label i { margin-right: 3px; margin-left: 0; } .site-breadcrumbs ul li:after { content: '\f104'; } ul.meta li { float: right; }
ul.meta li i { padding-left: 5px; padding-right: 0; } .blog-entry.thumbnail-entry .left-position .blog-entry-content { padding-right: 3em; padding-left: 0; }
.blog-entry.thumbnail-entry .right-position .blog-entry-content { padding-left: 3em; padding-right: 0; }
.blog-entry.thumbnail-entry .blog-entry-comments { float: right; }
.blog-entry.thumbnail-entry .blog-entry-comments i { padding-left: 6px; padding-right: 0; }
.blog-entry.thumbnail-entry .blog-entry-date { float: left; } .blog-entry.large-entry .blog-entry-readmore a i { margin-right: 8px; margin-left: 0; }
.blog-entry .blog-entry-readmore a i:before { content: '\f104'; } .link-entry i { left: 20px; right: auto; } .dropcap { float: right; margin-left: 10px; margin-right: 0; } .single-post nav.post-navigation .nav-links .nav-previous { float: right; padding-left: 20px; padding-right: 0; text-align: right; border-left-width: 1px; border-right-width: 0; }
.single-post nav.post-navigation .nav-links .nav-previous i { float: right; margin-left: 20px; margin-right: 0; }
.single-post nav.post-navigation .nav-links .nav-previous i:before { content: '\f178'; }
.single-post nav.post-navigation .nav-links .nav-next { float: left; padding-right: 20px; padding-left: 0; text-align: left; }
.single-post nav.post-navigation .nav-links .nav-next i { float: left; margin-right: 20px; margin-left: 0; }
.single-post nav.post-navigation .nav-links .nav-next i:before { content: '\f177'; } #author-bio .author-bio-avatar { margin-left: 30px; margin-right: 0; } #respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url { float: right; }
#respond .comment-form-author { padding-left: 10px; padding-right: 0; }
#respond .comment-form-url { padding-right: 10px; padding-left: 0; }
#respond .form-submit { float: left; }
#comments ol.children { margin-right: 30px; margin-left: 0; }
.comment-body img { float: right; margin-left: 30px; margin-right: 0; }
.comment-author .comment-link { float: right; }
.comment-author .comment-meta { float: left; text-align: left; }
.comment-author .comment-meta .comment-reply-link,
.comment-author .comment-meta .comment-edit-link { margin-right: 15px; margin-left: 0; }
#respond #cancel-comment-reply-link { float: left; }
span.required { margin-right: 3px; margin-left: 0; }
.no-comments { text-align: left; }
.no-comments i { margin-left: 8px; margin-right: 0; }
.comment-navigation .nav-links .nav-previous { float: right; margin-left: 1.5em; margin-right: 0; }
.comment-navigation .nav-links .nav-previous i { margin-left: 5px; margin-right: 0; }
.comment-navigation .nav-links .nav-next { float: left; margin-left: 1.5em; margin-right: 0; }
.comment-navigation .nav-links .nav-next i { margin-right: 5px; margin-left: 0; } .widget-title { border-width: 0 3px 0 0; padding-right: 15px; padding-left: 0; color: #D12D59; font-weight: bold; border: none; } ul.page-numbers { text-align: left; } .search-results article .thumbnail { margin-left: 20px; margin-right: 0; } .oceanwp-modal .oceanwp-close-modal { left: 0; right: auto; } #footer-bottom #copyright { float: right; text-align: right; padding-left: 15px; padding-right: 0; }
#footer-bottom #footer-bottom-menu { float: left; text-align: left; padding-right: 15px; padding-left: 0; }
#footer-bottom #footer-bottom-menu li { float: right; }
#scroll-top { left: 20px; right: auto; } .woocommerce .oceanwp-off-canvas-filter, .woocommerce .oceanwp-grid-list {
display: none;
} .oceanwp-mobile-menu-icon.mobile-left { float: right; }
.oceanwp-mobile-menu-icon a { padding-right: 15px; padding-left: 0; }
.oceanwp-mobile-menu-icon a:first-child { padding-right: 0; }
.oceanwp-mobile-menu-icon a.mobile-menu .oceanwp-text,
.oceanwp-mobile-menu-icon a.mobile-menu .oceanwp-close-text { padding-right: 6px; padding-left: 0 !important; }
br.hidden-sm-up {
display: none;
}
a.added_to_cart.wc-forward {
position: relative;
top: 38px;
float: right;
right: -127px;
}
.product_meta, .woocommerce div.product p.price {
width: 47%;
float: right;
}
.tax-product_cat #content { float: left!important; width: 72% !important; clear: unset; }
#main { 
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/yellow_circle.svg), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/purple_circle_left.svg), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/red_circle_right.svg); background-repeat: no-repeat; 
background-position: top 5% left 1%, top 40% left 	-8%, top 40% right -21%,top 55% left 1%, top 80% left 	-8%, top 80% right -21%;
margin-top: 0px;
}
#mobile-nav a {
color: #707070;
}
a.button.add_to_cart_button.product_type_simple.no-lightbox img {
max-height: 90%;
max-width: 90%;
padding-left: 9%;
}
.tax-product_cat ul.products.oceanwp-row.clr.grid.infinite-scroll-wrap li:nth-child(3n+3),.home ul.products.oceanwp-row.clr.grid.infinite-scroll-wrap li:last-child {
border-left: none;
}
#menu-main-1 img.icon.before.svg {
display: none;
}
img.icon.before.svg {
max-height: 1.2em;
width: unset;
max-width: 1.2em;
} .woocommerce div.product.jobs_tabs {padding-top:30px;}
.jobs_title {
font-size: 70px;font-weight: 500;
}
.jobs_subtitle {
font-size: 35px;line-height: 37px;
}
.jobs_subtitle1 {
font-size: 34px;
line-height: 35px;
}
.jobs_proc_box {
float: left; height: 140px;
background: #E0E0E0 0% 0% no-repeat padding-box;
border-radius: 20px; margin: 0 0 20px 20px;
}
.jobs_proc_box.jobs_single_listing {
width: 95%;
height: unset;
margin-left: 4%;
padding: 1px;
margin-right: 0;
}
.jobs_proc_inner_box.jobs_single_listing li:after {
content: "+";
margin-left: 4px;
}
.jobs_proc_box_title {
font-size:30px;
text-align: right;
font: normal normal 300 30px/35px Almoni Tzar AAA;
letter-spacing: 0px;
color: #707070;
opacity: 1;
}
.jobs_proc_inner_box {
box-shadow: 0px -7px 16px #00000029;
border-radius: 20px;
padding: 50px;
margin: unset !important;
background-color: white;
height: 100%;
width: 170px;
}
.jobs_page .wc-tab {
min-height: 545px;
}
.jobs_proc_box div {
float: right;
}
.jobs_proc_box_text{
width:calc(100% - 170px);
}
.jobs_proc_inner_box.jobs_single_listing {
color: #414141;
font-family: 'ALMONITZAR-LIGHT';
font-size: 22px;
line-height: 30px;
padding: 20px;
width: unset;
}
.gender_msg {
color: #707070;
font-size: 15px;
}
.jobs_proc_box_text.jobs_single_listing {
direction: rtl;
width: 65%;
}  #stocklModal .modal-header {
display: inline-block;
text-align: center;
border-radius: 10px;
background-color:#EC1A3B;
}	
ul.stockbranches {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.bnwrap {
line-height: 1px;
padding: 5px 10px;
max-width: 75%;
}	
span.bname {
color: #414141;
font-size: 18px !important;
line-height: 19px;
display:block;
}
span.baddress {
color: #707070;
font-size: 12px;
line-height: 12px;
display:inline-block;
}
ul.stockbranches li div {
display: inline-block;
}	
.bsstatus {
float: right;
}	
.bwhatsapp {
float: left;
}	
.bwhatsapp img {
height:33px;
max-height: 33px;
}	
span.stockDate {
color: #EC1A3B;
font-size: 16px;
border: 1px solid #EC1A3B;
border-radius: 30px;
padding: 0 12px;
margin-right: 13px;
}	
a.bfilter {
border-radius: 30px;
display: inline-block;
box-shadow: 2px 2px 11px #0000004a;
padding: 0px 20px;
margin-left: 12px;
background-color: white !important;
}
a.bfilter.active {
background-color: #EC1A3B !important;
color: white;
}
i.fas.fa-chevron-left.odred {
padding-left: 15px;
}
.bfilterrow {
padding-top:16px;
padding-bottom: 26px;
}
h3#stocklModalTitle {
font-size: 45px;
color: white;
line-height: 45px;
}
h5#stockModalSubtitle {
font-size: 17px;
color: white;
font-family: 'AlmoniTzar-light' !important;
font-weight: 300;
}
.modal-header .close span {
font-size: 50px;
font-weight: 300;
line-height: 6px;
margin-right: -3px;
}	
.modal-content {
border-radius: 10px;
padding:0;
}
.modal-header .close {
float: right !important;
margin-right: -23px !important;
margin-top: -23px !important;
background-color: white !important;
border-radius: 15px !important;
width: 30px !important;
height: 30px !important;
opacity: 1 !important;
}	
div.bInnerBox {
max-height: 345px;
overflow: auto;
margin-left: -10px;
} div.bInnerBox::-webkit-scrollbar {
width: 5px;
} div.bInnerBox::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 5px;
} div.bInnerBox::-webkit-scrollbar-thumb {
background: #EC1A3B; 
border-radius: 5px;
} div.bInnerBox::-webkit-scrollbar-thumb:hover {
background: #EC1A3B; 
}	
.modal-footer {
border-top: none;
padding: 0px;
}	
ul.stockbranches li {
border-bottom: solid 1px #E0E0E0;
min-height: 57px;
}	
#stocklModal .modal-dialog {
top: 15%;
right: 18%;
max-width: 480px;
}  div#frmntextwrap {
width: 80%;
display: flex;
flex-direction: row;
padding: 0;
border-radius: 50px;
margin-right: auto;
margin-left: auto;
box-shadow: 2px 2px 11px #0000004b;
background: white;
border: none;
font-size:22px;
line-height:22px;
}	
button.newsletter_submit {
flex-grow: 2;
border: none;
border-radius: 50px 0 0 50px;
}
input#newsletter_email {
outline: none;
border:none;
}
input#newsletter_email:focus {
border: none !important;
}
span#newsletter_response {
display:block;
color: #EC1A3B;
} .single-product .products a.add_to_wishlist.single_add_to_wishlist.button.alt {
float: none;
display: inline-block;
padding-top: 5px;
padding-left: 24px;
padding-right: 0;
}
.single-product .products i.yith-wcwl-icon.fa.fa-heart-o, .single-product .products i.yith-wcwl-icon.fa.fa-heart {
color: white;
}	
a.button.add_to_cart_button.product_type_simple{
position: relative;
display: inline-block;
left: 5%;
margin-top: 3px;
}
.product a.added_to_cart.wc-forward {
display: none;
}	
.woocommerce .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content > div {
padding: 0;
}	
.od-ribbon {
width:50%;
position: absolute;
text-align:left;
top: 40px;
z-index: 5; left: 10px;
}	
.od-ribbon img {
width:50%;
}
.single-product .od-ribbon {
left: unset;
right: 10px;
text-align: right;
width: 25%;
}
.single span.br_compare_button_text {
font-size: 15px;
}
.footer-box.col.col-1, .footer-box.col.col-2, .footer-box.col.col-3, .footer-box.col.col-4, .footer-box.col.col-5 {
max-width: unset;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
}
.footer-box.col-5 #site-logo{
margin-top:0;
margin-bottom: 12px;
}		
.footer-box.col-5 #site-logo #site-logo-inner a{
padding:0;
}
.footer-box.col-5 p{
color: #fff;
}
#main_carousel a span.sr-only {
position: absolute;
}	
#main_carousel a.carousel-control-prev, #main_carousel a.carousel-control-next {
border: none;
border-radius: unset;
box-shadow: unset;
bottom: unset;
top: 50%;
margin: 0;
width: 5%;
}
#main_carousel a.carousel-control-prev {
left:0;
}
#main_carousel a.carousel-control-next {
right:0;
}
#main_carousel .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23EC1A3B' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
margin:0;
}
#main_carousel .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23EC1A3B' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
margin:0;
}	
div#userwayAccessibilityIcon { }
#mnswrap {
}
#scontainer {
padding: 10px;
z-index:10;
}
a#logo-mobile img {
margin-top: -4px;
}	
div.left.header-col span.wcmenucart-details.count {
display: inline-block;
margin: 0;
padding: 0;
position: absolute;
left: 23px;
top: 7px;
}	
div.right.header-col a.wcmenucart {
display: none;
}
div.left.header-col a.mobile-menu {
display: none;
}
div.left.header-col span.wcmenucart-details.count {
background: unset;
border: unset;
margin: unset;
}
div.left.header-col span.wcmenucart-details.count:before {
content: unset;
}
.od-cart-icon {
background: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/cart.svg);
height: 34px;
width: 38px;
display: inline-block; }
a#header_myaccount {
float: right;
} @media only screen and (max-width: 1280px) {
.tax-product_cat span.woocommerce-Price-amount.amount {
font-size: 20px;
}
body.vertical-header-style.left-header #site-header.vertical-header { right: -266px; left: auto; }
body.vertical-header-style.left-header #outer-wrap { margin-right: 34px; margin-left: 0; }
body.vertical-header-style.right-header #site-header.vertical-header { left: -266px; right: auto; }
body.vertical-header-style.right-header #outer-wrap { margin-left: 34px; margin-right: 0; }
body.vertical-header-style.vh-opened.left-header #site-header.vertical-header { right: 0; left: auto; }
body.vertical-header-style.vh-opened.right-header #site-header.vertical-header { left: 0; right: auto; }
body.vertical-header-style.vh-opened #site-header.vertical-header #site-navigation-wrap { padding-left: 0; }
#site-header.vertical-header #site-navigation-wrap { padding-left: 34px; padding-right: 0; } .header-container {
background-size: 168px 72px;
background-position: top right 8%;
}
.right.margin-90, .left.margin-90, #left-sidebar, #right-sidebar {
display: none !important;
}
#main #content-wrap.container {
width: 100% !important;
background-color:transparent;
}
.tax-product_cat #content {
width: 100% !important;
}
#main {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/yellow_circle.svg), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/purple_circle_left.svg), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/red_circle_right.svg);
background-repeat: no-repeat;
background-position: top 5% left -10%, top 40% left -10%, top 40% right -11%;
margin-top: 0px;
background-size: 15%;
}		
}
.acf_free_text{
margin-top:10px;
margin-bottom:10px;
width:71%;
float:left;
} @media only screen and (max-width: 1240px) { }
@media only screen and (max-width: 1050px) {  }
@media only screen and (max-width: 959px) {
#menu-main-1 img.icon.before.svg {
display: inline-block;
}
#main_carousel a.carousel-control-prev, #main_carousel a.carousel-control-next{
display:none;
}
div#userwayAccessibilityIcon {
top: 90px !important;
}
.home div#userwayAccessibilityIcon { }
div.left.header-col .woo-menu-icon.bag-style.woo-cart-shortcode.wcmenucart-toggle-drop_down.spacious.toggle-cart-widget.header-mini-cart {
display: none;
}
div.left.header-col .oceanwp-mobile-menu-icon.clr.mobile-right {
display: inline-block !important;
margin: 0;
padding: 0;
width: 28px;
height: 28px;
float: left;
margin-left: 7px;
margin-top: 4px;
}
div.left.header-col span.wcmenucart-details.count {
display: inline-block;
margin: 0;
padding: 0;
position: absolute;
left: 5px;
top: 5px;
}
div.left.header-col i.od-cart-icon {
background-size: 28px 28px;
background-repeat: no-repeat;
width:30px;
}
table#mobile_categories_widget td {
width: 2%;
padding: 8px;
text-align: center;
}
table#mobile_categories_widget {
display: block !important;
text-align: center;
background: white;
width: 100%;
white-space: nowrap;
margin-bottom: 20px; box-shadow: 0px 0px 10px #00000029;
border-radius: 15px;	
}
table#mobile_categories_widget p.image-box-description{
font-size:12px;
}
.woocommerce .oceanwp-off-canvas-filter, .woocommerce .oceanwp-grid-list {
display: inline-block;
float: right;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
padding: 5px 5px;
line-height: 0;
}
.tax-product_cat span.woocommerce-Price-amount.amount {
font-size: 19px;
} .separate-layout .widget-area.sidebar-primary { padding-right: 0; } #logo-mobile {display:inline;margin-left: 27px;}
#logo {display:none;}
.margin-top-main {margin-top:85px;}
#top-header {
height: 85px;
}
.left.header-col {text-align: left;}
.header-container {
height: 85px;
background-size: 56px 24px;
background-position: top right 12%;
max-width: 100%;
padding: 2.66%;
}
.page-header {
padding: 12px 0;
}
.header-icons {
max-height:20px;	
}
.page-header a {
margin-left:7px;
}
.desktop-only {
display: none!important;
margin:0;
padding:0;
} }
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button[type="submit"]:focus, .button:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
background-color: #EC1A3B;
color: #ffffff;
}
.woocommerce-product-details__short-description p { font-size: 16px !important; } @media only screen and (max-width: 767px) {
.acf_free_text{
width:100%;
float:none;
}
#pgr p.stock.in-stock.clr {
display: none;
}
#pgr p {
display: inline-block;
}
.od-ribbon {
top: 50px;
left: 5px;
}
.od-ribbon img {
width:50%;
}
.single-product .od-ribbon {
right: 5px;
left: unset;
text-align: right;
}
.single .product .od-ribbon img {
width: 100%;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
float: none;
padding: 0;
} #stocklModal .modal-dialog {
top: unset;
right: unset;
max-width: unset;
}	
.modal-header .close	 {
margin-top: 0 !important;
margin-right: 0 !important;
}
span.stockDate {
font-size: 14px;
margin-right: 5px;
}
span.stockA {
font-size: 16px;
}
.row.bfilterrow {
padding: 0;
}
a.bfilter {
font-size:14px;
}
ul.stockbranches {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
ul.stockbranches li {
margin-right: 30px;
margin-left: 30px;
}  .woocommerce div.product.jobs_tabs {padding-top:34px;}
.jobs_title {
font-size: 32px;font-weight: 700;
}
.jobs_subtitle {
font-size: 20px;line-height: 20px;
}
.jobs_subtitle1 {
font-size: 18px;
line-height: 18px;
}
.jobs_proc_box {
float: none;
width: 100%;
}
.jobs_proc_inner_box{
width: 43%; background-position: right;
}
.jobs_proc_box_text {
width:57%;
}
.jobs_proc_liner {
font-size: 18px;
line-height: 18px;
}
.jobs_num_box_text {
font-size: 22px;
line-height: 22px;
padding-right: 65px;
top: 30%;
}
.jobs_proc_inner_box.jobs_single_listing {
font-size: 12px;
line-height: 16px;
padding: 10px;
max-width: 130px;
}
.gender_msg {
font-size: 10px;
}
.jobs_proc_box.jobs_single_listing {
float: left;
}
.jobs_proc_box_text.jobs_single_listing {
width: 60%;
} } @font-face {
font-family: AlmoniTzar-regular;
src: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/fonts/almoni-tzar-regular-aaa.woff);
font-display: swap;
}
@font-face {
font-family: AlmoniTzar-light;
src: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/fonts/almoni-tzar-light-aaa.woff);
font-display: swap;
}
body, p, h4, h1, h2, h3, h5, h6, span, a { font-family: "AlmoniTzar-regular" !IMPORTANT; margin: auto; font-size: 18px;}
.grey-bg { background-color: #f0f0f0; }
.white_circle { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/white_circle.svg); background-repeat: no-repeat; background-position: center right 9%; }
.red-font { color: #EC1A3B; }
.red-bg, .woocommerce-mini-cart__buttons .button.checkout { background-color: #EC1A3B; }
.dark-grey-font { color: #414141; }
.white-font { color: #fff; }	
.center-write { text-align: center; }
.padding-40 { padding: 40px; }
.font-50 { font-size: 50px; }
.font-25 {font-size: 25px;}
.font-16 {font-size: 16px;}
.grey-font, .mini_cart_item a { color: #707070; }
.red-button { background-color: #EC1A3B; color: white; border-radius: 50px; border: none; font-size: 20px; padding: 5px 30px;}
.white-circle-top { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/white_circle_top.svg); background-repeat: no-repeat; background-position: center right 9%; }
.yellow-circle { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/yellow_circle.svg); background-repeat: no-repeat; background-position: top 5% left 1%; }
.purple-circle { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/purple_circle_left.svg); background-repeat: no-repeat; background-position: top 9% left; }
.red-circle-right { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/red_circle_right.svg); background-repeat: no-repeat; background-position: top 9% right; }
#footer-widgets.red-circle-footer { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/red_circle_footer.svg); background-repeat: no-repeat; background-position: bottom left 1%;    background-size: 25%; } .br_main_top .add_to_cart_button, .br_compare_price, .br_compare_button .fa-square-o, .br_compare_button .fa-check-square-o { display: none !important; }
.page-template-thank_you_page .woocommerce-order-details,
.page-template-thank_you_page .woocommerce-customer-details {
width: 60%;
margin: auto;
margin-top: 50px;
}
.page-template-thank_you_page .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.page-template-thank_you_page .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
max-width: 48%;
} .woocommerce-checkout .address-field#billing_address_1_field,
.woocommerce-checkout .address-field#billing_address_2_field{
width: 48%;
display: inline-block;
margin-right: auto;
margin-left: auto;
}
.woocommerce-checkout .address-field#billing_address_1_field{
margin-left: 4%;
}
.woocommerce-checkout .address-field#billing_country_field{
display:none;
}
button[type="submit"] { background-color: #EC1A3B; font-size: 22px; border-radius: 50px; font-weight: normal; }
button.newsletter_submit {border-radius:50px 0 0 50px; white-space: pre; padding: 0 40px 0;}
h2 { font-size: 30px; font-weight: normal; letter-spacing: 0px; line-height: 1em; }
h3 { font-size: 24px; font-weight: normal; letter-spacing: 0px; line-height: 1em; }
#newsletter input[type="tel"] { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 2px 2px 11px #0000004B; border-radius: 50px !important; border-color: transparent !important; width: 80%;}
#newsletter .red-bg { position: relative; left: 17.8%; padding: 10px; border-radius: 50px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; width: 210px; font-size: large; 
background-color: #EC1A3B;}
.searchform button { position: relative; left: 17.8%; padding: 10px; border-radius: 50px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; font-size: large; 
background-color: #EC1A3B;}
.searchform button { top: -102px;
width: 115px;
left: -90.1%;
height: 64px;
}  .dropdown-menu ul li a.menu-link { font-size: 20px; color: #707070; }
input#id { max-width: unset !important; }
.right { float: right; }
.left { float: left; }
.carousel-indicators.hidden-xs, a.loop_compare.add_to_cart_button:before, .loop_add_to_cart a.button.add_to_cart_button:before, .home #main header.page-header, .single-product #main header.page-header { display: none; }
.margin-90 { margin-right: 90px; margin-left: 90px; }
.home #content-wrap, .tax-product_cat #content-wrap { width: 65%; padding: inherit; } 
#menu-main.dropdown-menu { display: block; }
.page h1.page-header-title { font-size: 30px; text-align: center; color: #EC1A3B; }
.page-header { border-bottom: none; }
.round-border-right { border-top-right-radius: 15px; }
.round-border-left { border-top-left-radius: 15px; }
.woocommerce-page .cart-collaterals .cart_totals { width: 100%; }
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td { padding-top: 10px; color: #fff; font-weight: normal; }
.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-Price-amount, .shipping-calculator-button { font-weight: normal; }
ul#shipping_method li label { font-weight: normal; color: #707070; padding-right: 3px; padding-left: unset; }
.cart-collaterals table.shop_table.shop_table_responsive { box-shadow: 0px 0px 10px #00000029; border-radius: 15px; }
p.woocommerce-shipping-destination, p.woocommerce-shipping-destination strong, .shipping-calculator-button { font-size: 16px; color: #707070 !important; font-weight: normal !important; }
.cart_item td { border-left: 0.7px solid #707070; }
.woocommerce table.shop_table a.remove { border: none; font-weight: normal; color: #707070; font-size:45px; } h3#order_review_heading { color: #EC1A3B; font-size: 20px !important; border: none !important; float: right !important; }
.woocommerce #order_review table.shop_table thead th.product-total { text-align: right; }
.woocommerce #order_review table.shop_table thead th { font-size: 16px; color: #707070 !important; }
.woocommerce-checkout-review-order-table td.product-name { font-size: 14px; border-left: 0.7px solid #707070 !important; border-bottom: 0.7px solid #707070 !important; }
.woocommerce-checkout-review-order-table td.product-total { font-size: 18px; border-bottom: 0.7px solid #707070 !important; }
.woocommerce-checkout-review-order-table thead th { border-bottom: 0.7px solid #707070 !important; }
span.woocommerce-input-wrapper { display: block; }
.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="email"], textarea#order_comments { width: 289px; margin-bottom: 12px; }
.woocommerce-checkout input[type="text"]::placeholder, .woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="email"], textarea#order_comments { padding: 4px; font-size: 16px; line-height: 0.8em; width:100%;}
.woocommerce form .form-row {
padding: 0;
}
input#ship-to-different-address-checkbox { position: initial; }
#ship-to-different-address label span { text-align: right !important; }
.wc-tabs li {     background-size: 400px 130px;background-image: linear-gradient(#FF0028, #FA012A, #8E0E52, #890F54, #760D1E); max-width: 18%; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { font-size: 25px; color: #fff; padding: 20px 50px; font-weight: normal; }
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { border-top-left-radius: 20px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child { border-top-right-radius: 20px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; border: transparent; margin-top: 1px; margin-bottom: 1px; text-decoration: underline; }
.related.products h2 { color: #EC1A3B; padding-bottom: 12px;
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/images/circle_line.png); background-repeat: no-repeat; background-position: bottom left; }
span.br_compare_button_text { font-size: 14px; }
.add_to_cart_button.br_compare_button { float: right !important; width: auto; border: none !important; }
.yith-wcwl-add-to-wishlist { float: right; margin-top: auto; }
.single_add_to_wishlist { border: none !important; }
.loop_add_to_cart {box-shadow: 0px 0px 6px #00000029;border-radius: 18px;background-image: linear-gradient(to left, #EC1A3B, #EC1A3B 80%, #fff 15%);width: 98%;padding: 5px 12px;margin: auto;padding-top: 3px;padding-bottom: 3px;margin-bottom: 5px;}
.loop_add_to_cart .add_to_cart_button { padding: unset !important; border: none !important; float: left !important; margin-top: 4px; }
.loop_add_to_cart span.woocommerce-Price-amount.amount { color: white !important; }
.loop_add_to_cart .yith-wcwl-add-to-wishlist {  margin-top: -2px;
position: relative;
right: 38%; } .loop_add_to_cart>span {     margin-top: 2px;
position: absolute;
right: 12px;
display: inline-block; }
.btn-wrap .br_compare_button { float: right !important; display: block !important; }
span.onsale {display:none; left: 10% !important; right: auto !important; width: 69px; height: 70px; background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/red_ribbon.svg); background-color: transparent !important; padding: 20px !important; font-size: 16px; }
label { display: initial; }
a.loop_compare.add_to_cart_button, .loop_add_to_cart a.button.add_to_cart_button { background: none !important; }
.left.margin-90 {
left: 0;
}
.search-results .margin-90 ,.home .margin-90, .tax-product_cat .margin-90, .tax-product_tag .margin-90  { margin-left: 3%; margin-right: 3%; }
.home .loop_add_to_cart { padding-left: initial;  position:relative;}
.single-product  .loop_add_to_cart ,.tax-product_cat .loop_add_to_cart {
padding-left: initial;
position: relative;
}
#newsletter .red-bg { left: 18.4%; }
.cat_banner { background-repeat: no-repeat; background-position: center; background-color: #000; } 
.cat_banner .page-header { height: 250px; background: none !important; }
.cat_banner h1.page-header-title { color: #fff; font-size: 40px; margin-top: 70px; }
h2.single-post-title.product_title { font-size: 23px !important; color: #212529; border: none;}
.width_50p { width: 50%; }
.product_meta .sku_wrapper, .product_meta .posted_in, .sku, .product_meta .posted_in a, .single-product-attr p, .woocommerce div.product form.cart .variations label { color: #707070; font-size: 16px; font-weight: normal; }
.single-product-attr { margin: auto !important; list-style-type: none !important; }
.single-product-attr img { margin: 10px; }
.panel, .dropdown-menu { all: inherit; }
.woocommerce-Tabs-panel { box-shadow: 0px -7px 16px #00000029; border-radius: 20px; padding: 50px; margin: unset !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0px !important; }
.single-product .price span { color: #EC1A3B !important; font-size: 30px; }
.product_meta, .woocommerce div.product p.price { margin-top: 0px; padding: 10px 0; }
.single-product .br_compare_button { float: right; background: transparent; color: #EC1A3B !important; font-size: 15px; font-weight: normal; }
.woo-variation-swatches.rtl table.variations td.label, .woo-variation-swatches.rtl table.variations td { text-align: right; border: none; }
.add_to_wishlist { background: none; color: #EC1A3B; padding: 10px 20px; }
.dropdown-menu-mini-cart { background-color: #ffffff; padding: 10px !important;  box-shadow: 0px 0px 8px #00000033; border-radius: 5px; }
#right_carousel_wrapper a, #left_carousel_wrapper a { display: contents; }
.woocommerce-mini-cart__buttons .button { border-radius: 50px; margin-left: 2%; padding: 15px; width: 43%; background: none; color: #707070;     font-size: 16px !important;font-weight:600;
font-family: AlmoniTzar-light !important;border: 1px solid; margin-right: 4%;}
.woocommerce-mini-cart__buttons .button.checkout { color:#fff; }
.dropdown-menu-mini-cart h2	{ border-bottom: 0.5px solid #707070; padding: 30px 10px; font-size: 25px; color: #000}
.dropdown-menu-mini-cart .remove_from_cart_button { position: initial !important; margin-top: unset !important; border: none !important; margin-left: 16px;} 
.dropdown-menu-mini-cart h3 { width: 66%; }
.dropdown-menu-mini-cart h3 a { font-size: 14px; margin-left: 10px !important; }
.dropdown-menu-mini-cart .quantity { display: inline-block !important; float: right; min-width: auto; }
.dropdown-menu-mini-cart .woocommerce-Price-amount { font-size: 18px; color: #707070 !important; }
li.woocommerce-mini-cart-item.mini_cart_item { padding: 17px !important; border-bottom: 0.5px solid #707070 !important; min-height: auto !important; }
.woocommerce-mini-cart__buttons { margin-top: 13px; margin-bottom: 23px; }
.black-font { color: #000; }
.hide { display: none; } .gradient-grey {
background: -webkit-linear-gradient(to top, rgba(245, 245, 245, 1), transparent);
background: linear-gradient(to top, rgba(240, 240, 240, 1) , transparent); }
.tax-product_cat aside#right-sidebar { width: 20%; float: right !important; }
.tax-product_cat div#right-sidebar-inner { display: block !important; }
#content-wrap { min-height: 880px; padding-top: unset !important; }
table.br_left_table { right: 1px; }
div.br_new_compare div.br_right_table, div.br_top_table div.br_main_top, div.br_top_table div.br_opacity_top { margin-left: 0px; margin-right: 200px !important; }
.br_main_top, .br_opacity_top { height: 70px; }
#main header.page-header { background-color: unset; margin: auto; margin-bottom: 0%;}
.woocommerce-cart #main header.page-header, .woocommerce-checkout #main header.page-header { background-color: unset; margin: auto; margin-bottom: 20px;
padding-top: 33px;
padding-bottom: 0px;}
.woocommerce-checkout td.product-name {
width: 70%;
}
#shop_table1 * {
color:white !important;
}
.woocommerce-checkout table.shop_table .woocommerce-Price-amount {font-size: 20px;color: white !important;}
input#ocean-search-form-1::placeholder { color: black; font-size: 24px; }
#check-coupon-q {display:none;}
.menu-item:hover { background: transparent !important; }
.woocommerce-checkout div#content-wrap {
width: 773px;
background: white;
}
.dropdown-menu ul li.menu-item, .woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce div.product .woocommerce-tabs ul.tabs, .product_meta, .woocommerce div.product form.cart 
{ border: none; } .woocommerce-Price-amount { color: #D12D59 !important; font-size: 24px; }
.woocommerce ul.products li.product li.title a { color: #707070 !important; }
#top-bar-nav { margin-right: auto !important; margin-left: 20px !important; }
#top-bar-nav .menu-link { font-size: 18px; color: #707070 !important; }
#top-bar-nav>ul>li { margin-left: 15px; margin-right: auto; }
#site-navigation>ul>li>a.menu-link { font-size: 23px !important;  }
#site-navigation li:hover { background: #8A8C8E 0% 0% no-repeat padding-box; }
.sub-menu-columns ul.sub-menu li a { color: #707070; font-size: 17px; padding: 5px;}
.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
border: none;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
border: none;
}
.sub-menu-columns ul.sub-menu li:hover { background-color: transparent !important; }
.sub-menu { width: 410px; border: none !important;}
.page-template-default #primary {  width: 100%; padding-left: unset; }
.topbar-content { display: block; float: left; font-size: 18px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border: 0.699999988079071px solid #D12D59 !important;}
button#place_order , .checkout-button { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/add_to_cart.svg); padding: 10px 20px; width: 249px; background-repeat: no-repeat; border-radius: 50px;
background-position: center left 10%; background-color: #EC1A3B; font-size: 18px;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
width: 100%;
padding: 0;
padding-bottom: 10px;
line-height: 25px;
background-image:none;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after{
content: '';
display: inline-block;
width: 37px;
height: 33px;
margin-right: 20px;
position: relative;
top: 11px;
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/add_to_cart.svg);
}
.woocommerce-checkout input, textarea#order_comments { border: 0.699999988079071px solid #707070; border-radius: 8px; }
.woocommerce-checkout #order_review, .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { width: 80% !important; float: unset !important; }
.woocommerce-checkout #order_review{width: 100% !important;}
th.product-name, th.product-total, .woocommerce #order_review th, #footer-widgets .footer-box a, .woocommerce table.shop_table thead th {
font-size: 17px;
color: #707070;
}
.woocommerce-checkout .product-item-thumbnail{
display:inline-block;
margin-left:10px;
}
.custom-logo { width: 289px !important; }
#site-logo .searchform { width: 773px; }
input#ocean-search-form-1, #ocean-search-form-2 {     font-size: 24px;
padding-top: 7px;
padding-bottom: 12px;box-shadow: 2px 2px 11px #0000004B; border-radius: 35px; padding-right: 60px; background-position: center right +24px; margin-bottom: 38px; }
.main-menu { width: 1170px; margin: auto !important; }	
#site-navigation-wrap .dropdown-menu > li > a .nav-arrow, .woo-menu-icon , .woocommerce-pagination, #copyright a span, .newsletter_bar label, .oceanwp-toolbar label, 
.price_slider_wrapper label, #menu-main .woo-wishlist-link { display: none; } .woo-menu-icon.bag-style.woo-cart-shortcode.wcmenucart-toggle-drop_down.toggle-cart-widget {
display: inline-block;
}
.woo-menu-icon.bag-style.woo-cart-shortcode.wcmenucart-toggle-drop_down.spacious.toggle-cart-widget.header-mini-cart {
margin-top: -65px;
margin-right: unset;
margin-left: unset;
}
#top-bar-content { width: -webkit-fill-available; } #top-bar-wrap { box-shadow: 0px 3px 6px #00000029; }
.searchform span { margin-right: 15px; position: relative; top: 20px }
.newsletter_bar { background-color: #D12D59; height: 92px; padding: 23px;}
.newsletter_bar span { color: #fff; font-size: 23px; }
.newsletter_bar form { width: 529px; float: left; }
.newsletter_bar form input[type="email"] { border-radius: 0px 50px 50px 0px !important; width: 403px; float: right; }
.newsletter_bar form input[type="submit"] { border-radius: 50px 0px 0px 50px; background: #707070; font-size: medium; width: 126px !important; float: right; padding: 14px !important;}
.topbar-content a { display: inline-block; } .woocommerce table.shop_table thead, .woocommerce .cart-collaterals h2, .woocommerce #order_review table.shop_table tfoot th, .woocommerce #order_review table.shop_table tbody td { background: none; }
.breadcrumb-home, .woocommerce .widget_price_filter .price_label, .woocs_converter_shortcode select, .price_slider_wrapper label, .woocs_converter_shortcode, .woocommerce-message, .woocommerce-info { color: #707070; }
span.ui-slider-handle.ui-state-default.ui-corner-all { background: #D12D59 !important; }
.woocommerce table.shop_table td.product-name a, .archive .woocommerce-Price-amount.amount { font-size: 19px; }
.woocommerce table.shop_table .woocommerce-Price-amount { font-size: 20px!important; color: #707070 !important; }
.woocommerce-cart .cart-subtotal span.woocommerce-Price-amount.amount { color: #fff !important; font-size: 16px; }
.woocommerce-checkout .cart-subtotal span.woocommerce-Price-amount.amount {  }
.woocommerce-cart .cart-collaterals .cart_totals .order-total td span.woocommerce-Price-amount.amount,
.woocommerce-cart .cart-collaterals .cart_totals .order-total th{ font-weight:bold;}
a.minus { border-radius: 0px 50px 50px 0px !important; width: 20px !important; color: #EC1A3B; }
a.plus { border-radius: 50px 0px 0px 50px !important; width: 20px !important; color: #EC1A3B; }
.quantity.buttons_added { box-shadow: 0px 0px 5px #8A8C8E80; border-radius: 35px; min-width: auto; }
.woocommerce table.shop_table .qty { border-left: none !important; border-right: none !important; }
table.shop_table, .cart_totals, .oceanwp-toolbar, .woocommerce-product-attributes th, .woocommerce-product-attributes td, .shop_attributes { border: none !important; }
#footer-bottom a { color: unset; }
#footer-bottom { padding-top: 0; display: none; }
#footer-widgets { padding-bottom: inherit; background-color: #4d4b4b; min-height: 713px; height: 100%;padding-top: 72px;}
#footer-widgets .footer-box a, #footer-widgets .footer-box a:hover { color:#dadada;font-size:24px; line-height:30px;font-family: 'ALMONITZAR-LIGHT' !important; padding-right:5px;}
#footer-widgets .footer-box a:hover {color:#fff; }
.woocommerce ul.products li.product li.title a { font-size:18px!important; line-height:18px; } .widget-title { font: normal normal normal 30px/20px AlmoniTzar AAA; border-bottom: 1px solid yellow; padding-bottom: 10px;}
.textwidget h2 { font-size: 17px; color: #D12D59; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #dadada; }
.archive.search #content-wrap {width:1200px!important}
.archive.search #content-wrap #content{width:100%!important}
.archive .product a, .home .product a, .related.products .product a { font-size: 14px !important; border: none; }
.oceanwp-toolbar select, .oceanwp-toolbar form { border-radius: 1.429em !important; width: fit-content ; margin: 0px 10px; min-height: 34px; color: #000;}
.archive .product, .home .product, .related.products .product { border-left: 1px solid #ccc; margin-bottom: 30px !important; padding-bottom: 0px !important;}
.archive .product .woo-entry-inner .inner, #paginationpageselectcontrol, .home .product .woo-entry-inner .inner, .related.products .product .woo-entry-inner .inner { float: right; }
.archive .woo-entry-image, .home .woo-entry-image, .related.products .product .woo-entry-image { height: 200px; }  .oceanwp-toolbar>span { padding: 2px; display: inherit; color: #000;}
.main-menu li .sub-menu { margin-top: 20px;padding: 50px 210px 50px 350px; border-radius: 20px; background-repeat: no-repeat; background-position: center right+20px, bottom left; background-color: white; box-shadow: 0px 0px 15px #0000004D; 		column-count: 2;}
.main-menu li:nth-child(1) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
}
.main-menu li:nth-child(2) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
}
.main-menu li:nth-child(3) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(4) .sub-menu {
background-image:  url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(5) .sub-menu {
background-image:  url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(6) .sub-menu {
background-image:  url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(7) .sub-menu {
background-image:  url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(8) .sub-menu {
background-image:  url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(9) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(10) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 500px;
min-height: 150px;
}
a.owp-quick-view, a.checkout-button, #scroll-top, .ab-top-menu a { color: #fff !important; }
.home .products li { padding: 0px 10px;min-height: 54px; }
.outofstock-badge { background-color: #000 !important; }
.woocs_converter_shortcode select { border-color: #707070; }
.clr { clear: both; }
.btn-wrap.clr { clear: none; }
.wpcf7 label { visibility: collapse; }
.wpcf7 label input { visibility: visible; }
p.stock.in-stock, p.stock.out-of-stock, span.breadcrumb-sep { color: #707070 !important; }
a.woocommerce-product-gallery__trigger { background-color: #fff !important; border: 1px solid; }
#sidr { display: none; }
#wrap { overflow-x: hidden;}
.menu-item.dropdown>a span, .menu-item.dropdown>a>span { color: #000; font-size: 25px !important; }
.menu-item.red-font>a>span { color: #EC1A3B; font-size: 19px; }
.menu-item.dropdown>a { border-left: 1px solid #EC1A3B; }
ul.flex-direction-nav li {
display:none;
}
#check-branch-stock{
width:25%;
float:right;
}
#single-branch-stock{
width:25%;
float:right;
}
.splits {
width:50%;
float:right;
}
.splits25 {
width:25%;
float:right;
}
div#tb_split {
display: flex;
}
div#tb_split div {
flex: 1;
}
div#tb_product_spec h2 {
color: #EC1A3B;
font-size: 25px;
margin: 0px 5px 0px 0px;	
}
div#details {
padding-left: 100px;
}
.single-product .price span.p10p, .single-product .price span.p10or {
font-size:30px;
color: #707070 !important;
}
single-product .price span {
color: #EC1A3B !important;
font-size: 36px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
padding: 26px 50px;
line-height: 0;
}
.woocommerce div.product .woocommerce-tabs {
padding-top: 0px;
}
.left.header-col {
text-align: left;
}
div#right-banners, div#left-banners {
padding-top: 27px;
overflow: hidden;
width: 196px;
}
.woocommerce ul.products li.product .woo-entry-inner li.image-wrap {
margin-bottom: 15px;
}
#pgr form.cart {
margin-top: 0px;
padding-top: 12px;
}
li.entry.owp-content-center.item-entry {
max-width: 375px;
}
.woocommerce-cart div#primary {
background: white;
}
a.checkout-button.button.alt.wc-forward {
font-family: 'AlmoniTzar-light' !important;
font-weight: 500;
}
.coupon button.button {
font-family: 'AlmoniTzar-light';
font-weight: 500;
padding-top: 6px;
padding-bottom: 6px;
}
.woocommerce-cart table.cart td.actions button[name='update_cart'] {
font-family: 'AlmoniTzar-light';
font-weight: 500;
padding-top: 6px;
padding-bottom: 6px;
}
#shop_table tr td:last-child {
border-left: 0;
}
#shop_table tr td:first-child {
border-right: 0;
}
.woocommerce-cart  .cross-sells img.woo-entry-image-main {
max-width: 50px;
max-height: 50px;
width: 100%;
height: auto;
}
.woocommerce-cart  .cross-sells a.loop_compare.add_to_cart_button.left.button.br_compare_button {
display: none!important;
}
.woocommerce-cart .yith-wcwl-add-to-wishlist.wishlist-fragment.on-first-load{
display:none;
}
.woocommerce-cart .loop_add_to_cart{
background-image: linear-gradient(to left, #EC1A3B, #EC1A3B 60%, #fff 15%);
}
.woocommerce-checkout #shop_table td:nth-of-type(2), .woocommerce-checkout #shop_table th:nth-of-type(2),
.woocommerce-checkout #shop_table td:nth-of-type(1), .woocommerce-checkout #shop_table th:nth-of-type(1),
.woocommerce-checkout #shop_table td:nth-of-type(4), .woocommerce-checkout #shop_table th:nth-of-type(4),
.woocommerce-checkout #shop_table td:nth-of-type(5), .woocommerce-checkout #shop_table th:nth-of-type(5)
{
display:none;
}
table#cart-pre-totals {
background-color: white;
margin:0;
}
table#cart-pre-totals tr:last-child > * {
color: white !important;
height: 40px;
padding: 0.0em 0.8em 0.0em 0.8em !important;
}
table#cart-pre-totals tr:last-child  .woocommerce-Price-amount {
color: white !important;
}
.woocommerce-checkout h2 {
font-size:20px;
color:#EC1A3B;
}
.woocommerce-checkout h1 {
font-size:30px;
color:#EC1A3B;
}
.woocommerce .woocommerce-checkout #customer_details p.form-row label {
margin: 0;
}
i.yith-wcwl-icon.fa.fa-heart-o {
color: white;
}
i.yith-wcwl-icon.fa.fa-heart {
color: white;
}
.yith-wcwl-wishlistaddedbrowse , .yith-wcwl-wishlistexistsbrowse {
padding: 5px 12px;
}
div#tab-details {
padding-top: 46px;
}
.quantity.buttons_added {
float: left;
margin-left: 14px;
margin-bottom: 5px;
}
.cart .quantity.buttons_added {
margin-left: calc(40% - 37px);
}
input.qty.input-text {
font-size: 16px;
line-height: 16px;
min-height: unset;
border: 0;
}
.quantity.buttons_added a.minus, .quantity.buttons_added a.plus {
color: #EC1A3B;
min-height: unset !important;
line-height: 16px;
padding-top: 4px;
font-size: 30px !important;
}
.woocommerce-cart  .quantity.buttons_added a.minus,.woocommerce-cart   .quantity.buttons_added a.plus,
.single-product .quantity.buttons_added a.minus,.single-product  .quantity.buttons_added a.plus {
line-height: 34px;
font-size: 35px !important;
padding-top: 0;
border: 0;
}
section.related.products > ul > li > div > ul > li.btn-wrap.clr > div.quantity.buttons_added > a.minus, section.related.products > ul > li > div > ul > li.btn-wrap.clr > div.quantity.buttons_added > a.plus {
font-size: 27px !important;
line-height: 16px;
padding-top: 4px;
}
div.br_new_compare div.br_right_table, div.br_top_table div.br_main_top, div.br_top_table div.br_opacity_top {
margin-left: 0 !important;
margin-right: 150px !important;
}
.white-round-border {
box-shadow: 2px 2px 11px #0000004b;
border-radius: 35px;
}
span.p10x {
font-size: 24px !important;
font-weight: 900;
color:black;
}
span.p10p {
text-align: left;
display: inline-block;
width: 32%;
}
.tax-product_cat span.woocommerce-Price-amount.amount {
font-size: 24px;
}
@media only screen and (max-width: 767px) { button.newsletter_submit {
font-size: 16px;
padding: 0 15px;
}
div#frmntextwrap {
width: 100%;
} #footer-widgets.red-circle-footer { background-position: bottom -3% left -5% ; 
background-size: 61%;
}
.tax-product_cat ul.products.oceanwp-row.clr.grid.infinite-scroll-wrap li.entry:nth-child(3n+3) {
border-left: solid 1px #ccc;
}	
.home ul.products.oceanwp-row.clr.grid.infinite-scroll-wrap {
column-count: 2;
}
br.hidden-sm-up {
display: initial;
}
a.added_to_cart.wc-forward {
position: relative;
top: 20px;
float: unset;
right: 34px;
}
span.p10p {
text-align: left;
display: inline-block; }
.white-round-border {
box-shadow: unset;
border-radius: unset;
}
.br_new_compare_block div.br_top_table .br_opacity_top {
margin-left:0px!important;
margin-right: 0px!important;
}
.br_new_compare_block div.br_new_compare .br_right_table {
margin-left:0!important;
margin-right: 0!important;
}
.br_new_compare_block div.br_top_table .br_main_top, .br_new_compare_block div.br_top_table .br_opacity_top {
margin-left:0!important;
margin-right: 0!important;
}
a.loop_compare.add_to_cart_button.left.button.br_compare_button {
float: left !important;
}
.product-inner .quantity.buttons_added  {
display:none;
}
div#cat_banner {
min-height: 117px;
}
div#tab-delivery, div#tab-return, div#tab-guarantee, div#tab-details {
padding-top: 10px;
}	
.woocommerce.content-full-width div.product div.summary {
margin-bottom:0;
}
#site-logo, .oceanwp-toolbar>span { display: block; }
#top-bar-wrap, .mobile-right .wcmenucart-total, #left-banners, #right-banners { display: none; } .newsletter_bar form input[type="email"] { width: 90% !important; margin-bottom: 20px;}
.newsletter_bar form input[type="submit"] { width: 30% !important; }
.oceanwp-toolbar select, .oceanwp-toolbar form { margin: 0px !important; }
.newsletter_bar form { width: auto; }
.newsletter_bar { height: auto; padding: 20px 0px 50px 0px; }
#sidr { display: block; }
.tax-product_cat  .loop_add_to_cart .yith-wcwl-add-to-wishlist, .home .loop_add_to_cart .yith-wcwl-add-to-wishlist { margin-right: 0%; max-width: 30px; height: 20px; }
.loop_add_to_cart .add_to_cart_button { width: 14px; }
#main { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/yellow_circle.svg); background-repeat: no-repeat; background-position: top left -19%; margin-top: 5px; background-size: 26%;}
.home #main { background:none;}
.white_circle { background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/white_circle_mobile.svg); background-position: bottom right; padding: 10px;}
#newsletter .red-bg { width: 100px; font-size: 13px; left: 4px !important; padding: 11px; }
#newsletter input[type="tel"] { width: 68%; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.home #content-wrap { margin-right: 16px; margin-left: 16px; }
.container { all: inherit; background-image:unset; }
input#ocean-search-form-1, #ocean-search-form-2 {margin-right: 2%;width: 80%;border-top-left-radius: 0;border-bottom-left-radius: 0;padding-right: 21px;font-size: 14px;padding-top: 4px;padding-bottom: 4px;}
.searchform button {    right: 70% !important;
top: -79px !important;
height: 39px;
width: 86px;
left: unset;} .loop_add_to_cart span.woocommerce-Price-amount.amount { font-size: 16px; }
.single-product .loop_add_to_cart .tax-product_cat .loop_add_to_cart, .home .loop_add_to_cart { width: 98%;margin-bottom: 2px; }
.yith-wcwl-add-to-wishlist .ajax-loading { margin-left: unset !important; }
.tax-product_cat .products.grid, .single-product .products.grid { column-count: 2; }
.loop_add_to_cart .yith-wcwl-add-to-wishlist { margin-right: 18%; max-width: 30px; height: 20px;}
.woocommerce-page .cart-collaterals .cart_totals, #mobile-dropdown ul.sub-menu { width: 100%; height: auto;}
.woocommerce-cart-form__contents tr td:before { display: none; }
.cart_totals tr td:before { float: right !important; }
.woocommerce-cart .woocommerce table.shop_table tr span.woocommerce-Price-amount.amount { float: left; }
.shop_table_responsive td { border: none; }
.shop_table_responsive td.product-remove { width: 10% !important; }
.shop_table_responsive td.product-thumbnail { width: 30% !important; }
.shop_table_responsive td.product-name { width: 60% !important; }
#mobile-dropdown ul li, #mobile-dropdown ul li.active { background-color: white !important; border-color:#EC1A3B;}
#mobile-dropdown ul li a { color: #414141; font-size:20px; }
#mobile-dropdown { width: 70%; min-height: 500px}
#mobile-menu-search { display: none !important; }
.shop_table_responsive td.product-price, td.product-quantity, td.product-subtotal { width: 33% !important; border-bottom: 0.699999988079071px solid #707070; }
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents { border-top: 1px solid red !important; }
form.woocommerce-cart-form, #content {     padding: 0px 10px 10px 10px; }
input#coupon_code, .coupon .button, .woocommerce-checkout #order_review, .tax-product_cat #content { width: 100% !important;
float: unset !important; }
.cart_totals td.round-border-left.white-font.font-16:before { color: #fff !important; }
.checkout-button { background-image: none; margin: auto; }
.loop_add_to_cart { padding: 5px; }
form.checkout.woocommerce-checkout, #customer_details { margin-right: auto; }
form.searchform {
padding-top: 12px !important;
max-height: 66px !important;
overflow: hidden;
}
.center.header-col {
padding-top: 13px;
}
.left.header-col {
padding-left: 0px;
padding-top: 13px;
}
.right.header-col {
padding-right: 9px;
padding-top: 13px;
}
.header-container{
background-size: 56px 24px;
background-position: top right 17%;
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/white_circle_top.svg);
background-repeat: no-repeat;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {
display: none;
}
ul.flex-direction-nav {
position: absolute;
top: 30%;
z-index: 99999;
width: 100%;
left: 0;
margin: 0;
padding: 0px;
list-style: none;}
li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}
a.flex-next::after {
visibility:visible;content: '\f0a9';
font-family: 'Font Awesome 5 Free';
margin-right: 10px;
font-size: 26px;   
font-weight: bold;
}
a.flex-prev::before {
visibility:visible;
content: '\f0a8';
font-family: 'Font Awesome 5 Free';   
margin-left: 10px;
font-size: 26px;
font-weight: bold;
}
ul.flex-direction-nav li a {
color: #EC1A3B;
}
ul.flex-direction-nav li a:hover {
text-decoration: none;
}
ul.flex-direction-nav li {
display:list-item;
}
.right.width_50p.pexcerpt {
width :100%;
padding-left:37px;
padding-right:37px;
}
h2.single-post-title.product_title.entry-title {
font-size: 25px !important;
margin: 0 0 10px;
}
.left.product-icons {
float: unset;
}
.single-product-attr li {
display: inline-block;
padding-right: 37px;
}
.product-circle {
background: unset !important;
min-height: 120px;
}
#single-branch-stock, #check-branch-stock, .splits25 {
width: 50%;
float:right;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display:inline-block;
}
.dropdown-menu ul li.menu-item, .woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce div.product .woocommerce-tabs ul.tabs, .product_meta, .woocommerce div.product form.cart {
width: 100%;
}
div#tb_split {
display: initial;
}
div#details {
padding-left: 0px;
}
.single-product .price span.p10p, .single-product .price span.p10or {
font-size:20px !important;
}
.single-product .span.p10p{
width:72%;
}
.single-product .price span {
font-size: 24px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
padding: 20px 5px;
font-size: 16px;
}
.woocommerce div.product form.cart div.quantity {
display: none;
}
button.single_add_to_cart_button.button.alt {
font-size: 18px;
}
.woocommerce div.product form.cart .button { font-size: 200%;
margin-top: 0;
width: 90%;
margin-right: 5%;
margin-left: auto;	
}
div#pgr {
clear: both;
box-shadow: 0px -7px 16px #00000029;
border-top-left-radius: 20px;
padding: 7px;
border-top-right-radius: 20px;
position:fixed;
bottom:0;
left:2%;
width: 96%;
z-index:99;
background-color: rgba(255, 255, 255, 0.9);
max-height: 98px;
}
aside#right-sidebar {
display: none;
}
.tax-product_cat aside#right-sidebar {
display: none;
}
h1.page-header-title.clr {
margin-right: 15px;
margin-top: 0px;
}
aside#left-sidebar {
display: none;
}
.loop_add_to_cart {padding: 0px 11px;}
.product_meta, .woocommerce div.product p.price {
padding-top: 0px;
width: 90%;
margin-right: 5%;
margin-left: auto;
text-align: center;
}
ul.woo-entry-inner.clr {
min-height: 232px;
}
td.round-border-left.white-font.font-16.red-bg {
border-top-right-radius: 15px;
}
.woocommerce-checkout #main header.page-header {
padding-top: 10px;
padding-top: 0;
padding-top: 10px;
padding-top: 0;
margin-bottom: 0px;
}
.woocommerce-checkout  #shop_table tr td:first-child {
margin: 0;
padding: 0;
}
.woocommerce-cart #main header.page-header {
padding-top: 10px;
padding-top: 0;
padding-top: 10px;
padding-top: 0;
margin-bottom: 0px;
}
.woocommerce-cart  #shop_table tr td:first-child {
margin: 0;
padding: 0;
}
.cat_banner .page-header {
max-height:85px;
}
#main #content-wrap.container 
{
margin-left: 1%;
margin-right: 1%;
}
#main #content-wrap.container {
margin-left: 1%;
margin-right: 1%;
background: unset;
padding-bottom:0px;
}
div#primary {
width: 100%;
padding-left: unset;
}
a.mobile-menu {
font-size: 20px;
padding-top: 6px;
padding-right: 3px;
color:white !important;
}
.archive .woo-entry-image, .home .woo-entry-image, .related.products .product .woo-entry-image {
height: unset;
min-height: 90px;
}
}
@media only screen and (max-width: 400px) {
.searchform input[type="submit"] { left: -81%; top: -79px !important; }
#newsletter .red-bg { left: -81px !important; top: -39px; padding: 12px; }
}
.woocommerce ul.product_list_widget li a.remove {
font-size: 50px;
padding-top: 2px;
}
.wishlist-title-container {
display: none;
}
.tabs li a {
font-family: 'AlmoniTzar-light' !important;
}
.quantity, .quantity .qty, .quantity .minus, .quantity .plus {
font-size: 18px;
}
.quantity a.plus, .quantity a.minus {
font-size: 30px;
}
.heading-icon .fa-heart-o:before, .yith-wcwl-icon.fa-heart-o:before {
content: "\f08a";
}
.tbbg {
background: transparent;
}
#yith-wcwl-popup-message {
display: none;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
padding-top: 15px;
}
li.entry.owp-content-center.item-entry, ul.woo-entry-inner.clr {
-webkit-column-break-inside: avoid;
}li.woocommerce-mini-cart-item.mini_cart_item {
padding: 0px ; padding-bottom:15px;
border-bottom: 0.5px solid #707070 !important;
min-height: auto !important;
}
.woocommerce-mini-cart-item mini_cart_item.owp-grid-wrap {
padding: 17px !important;
border-bottom: 0.5px solid #707070 !important;
min-height: auto !important;
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove {
height: 20px;
width: 20px;
line-height: 18px;
text-align: center;
top: 50%;
right: unset;
margin: 0 0 0 16px;
border: 0;
display: inline-block;
font-size: 50px;
color: #333;
position: static;
padding-top: 4px;
}
h3.right a {
margin-left: 10px;
text-align: right;
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid h3 {
display: inline-block;
float: right;
width: 62%;
padding-top: 8px;
padding-left: 5px;
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid .quantity {
display: inline-block;
float: none;
text-align:left;
min-width: 0;
}
div.widget_shopping_cart_content h2.center-write {
border-bottom: 1px solid;
padding-bottom: 8px;
}
li.woocommerce-mini-cart-item.mini_cart_item bdi {
font-size: 18px;
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid>div, .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content {
width: 100%;
margin: 0;
padding: 0;
}
.woocommerce-mini-cart-item.mini_cart_item bdi {
font-size: 18px;
}
.widget_shopping_cart_content .buttons .button {
width:42%;
}
.widget_shopping_cart .total .amount {
float: left;
font-size: 18px;
color: #707070 !important;
line-height: 24px;	
}
p.woocommerce-mini-cart__total.total strong {
float: right;
font-size: 18px;
color: #707070 !important;
line-height: 24px;	
}
.current-shop-items-dropdown.owp-mini-cart.clr {
min-width: 365px; margin-top: 29px; background-color: #ffffff;
padding: 10px !important;
box-shadow: 0px 0px 8px #00000033;
border-radius: 5px;	
border-top-color:white !important; }
a.wcmenucart { }
.woo-cart-shortcode .wcmenucart-cart-icon .wcmenucart-count {
color: white;
border-color: white;
border: none;
height: 33px;
width: 38px;
}
.wcmenucart-cart-icon .wcmenucart-count:after {
content:unset;
}
span.wcmenucart-cart-icon {
background: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/cart.svg);
background-repeat: none;
height: 34px;
width: 38px;
}
.woo-cart-shortcode.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count, .show-cart .wcmenucart-cart-icon .wcmenucart-count {
background-color:unset;
border:none;
}
.wcmenucart-cart-icon .wcmenucart-count {
font-size: 15px;
padding: 1px 0px 0px 9px;
}     .blocks {display: inline-block; border: solid 1px red; width: 100px;}
.wrap{
width:210px;    
}
#hp-banners {padding-top: 14px;}
div#hp-banners {
display: flex; }
div#main_carousel_wrapper {
flex-grow: 2.71;
padding-left: 12px;
}
div#hp-carousel-stack {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.carousel-inner .item { }
.carousel-inner .item a {
position: absolute;
}
#main_carousel a { position: absolute; bottom: 4.7%; color: white; padding: 8px;display: inline-block; float: left;left: 4.3%; padding: 8px 16px !important; line-height: 0.5em; box-shadow: 0px 5px 10px #EC1A3B8E;
border-radius: 50px; }
#main_carousel a span, #secondary_carousel a span, #club_banner a span { font-size: 3vh !important; position: relative; top: calc(3vh * 0.138); }
#main_carousel a .fa-chevron-left, #secondary_carousel a .fa-chevron-left, #club_banner a .fa-chevron-left {border-radius: 50px; padding: 8px 10px; font-size: 10px; width: 26px; height: 26px;}
#main_carousel a .fa-chevron-left { color: #EC1A3B; background-color: white; }
div#secondary_carousel {
flex:1;
}
#secondary_carousel a { position: absolute;bottom: 5.17%; color: #EC1A3B;padding: 8px;display: inline-block; float: right; right: 13%; padding: 8px 16px !important; line-height: 0.5em; box-shadow: 0px 5px 10px #E0E0E0;
border-radius: 50px; background-color: #fff;}
#secondary_carousel a .fa-chevron-left { color: #fff; background-color: #EC1A3B; }
#club_banner {margin-top: 0; padding: 17px 26px;flex: 0.69;height: 120px; position:relative;} #club_banner h2 { font-size: 2.4vw; width: 38.5%; }
#club_banner img.right {
height: 27.4%;
}
#club_banner a { position: absolute;
right:41px;
bottom:5%;
top: unset;
right:unset;
color: #AA3CC4; padding: 8px;display: inline-block;float: right; right: 26px; padding: 8px 16px !important; line-height: 0.5em; box-shadow: 0px 5px 10px #812298;
border-radius: 50px; background-color: #fff; clear: both; 
}
#club_banner a .fa-chevron-left { color: #fff;  background-color: #AA3CC4; }
.woocommerce-product-details__short-description p {
font-size: 20px !important;
line-height: 21px;
font-weight: 600;
}
a#header_myaccount {margin-right:30px;}
.page-header .container{max-width: 1140px;}
@media only screen and (max-width: 959px) {
div#secondary_carousel {
margin-left:1px;
}
div#club_banner {
margin-right:1px;
}
#club_banner {flex: 0.33;
background-size: cover;
}
div#hp-banners {
flex-direction: column;
}
div#hp-carousel-stack {
flex-direction: row;
flex-grow: 1;
}
div#main_carousel_wrapper {
padding-left: 0;
margin-bottom:12px;
}
#club_banner { height: 100%; }
}
@media only screen and (max-width : 1200px) {
#secondary_carousel a span, #club_banner a span { font-size: 1.7vh !important; position: relative; top: calc(1.7vh * 0.138); }
#club_banner a {
position:absolute;
left: unset;
bottom: 5%;
top: unset;
padding: 8px;
right: 4%;
padding: 4px 8px !important;
line-height: 0.5em;
border-radius: 20px;
}
#secondary_carousel a {
padding: 4px 8px !important;
line-height: 0.5em;
border-radius: 20px;
}
}
@media only screen and (max-width: 767px) {
div#hp-banners {
flex-direction: column;
padding:3px 0 3px 0;
}
div#main_carousel_wrapper {
padding-left: 0;
margin-bottom: 3px;
}
div#secondary_carousel {
flex: 2;
}
#club_banner {
padding: 4px;
text-align:center;
background-size: cover;
}
#club_banner img.right {
height:23px;
}
#club_banner h2 {
font-size: 5vw;
width: 62%;
}
#main_carousel a span, #secondary_carousel a span, #club_banner a span {
font-size: 11px !important;
}
#main_carousel a {
line-height: 11px;
padding: 4px 4px !important;
font-size: 11px;
}
#main_carousel a .fa-chevron-left, #secondary_carousel a .fa-chevron-left, #club_banner a .fa-chevron-left {
padding: 2px 4px;
font-size: 8px;
height: 12px;
width: 12px;
}
#main_carousel a span, #secondary_carousel a span, #club_banner a span {
font-size: 14px !important;
top: 1px;
}
.woocommerce-product-details__short-description p {
font-size: 18px !important;
line-height: 20px;
}
} ul.sub-menu {
width: 1170px;
height: 441px;
}
.main-menu li:nth-child(2) .sub-menu {
right: -158px;
}
.main-menu li:nth-child(3) .sub-menu {
right: -272px;
}
.main-menu li:nth-child(4) .sub-menu {
right: -422px;
}
.main-menu li:nth-child(5) .sub-menu {
right: -665px;
}
.main-menu li:nth-child(6) .sub-menu {
right: -856px;
}
.main-menu li:nth-child(7) .sub-menu {
right: -931px;
}
.wc-tabs li {
max-width: unset;
width: calc(25% - 3px);
height:64px;
}
.jobs_page .wc-tabs li {
max-width: unset;
width: calc(33.3% - 3px);
height: 64px;
}
div.wc-tab {
top: -7px;
position: relative;
z-index: 1;
background-color: white;
}
table.woocommerce-product-attributes.shop_attributes {
font-size: 15px;
color: #707070;
}
.woocommerce table.shop_attributes tr {
padding: 0;
margin: 0;
border-bottom: solid 2px #9B9B9B;
}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td {
}
.main-menu li:nth-child(1) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/01_office supplies_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
}
.main-menu li:nth-child(2) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/02_printers_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
}
.main-menu li:nth-child(3) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/03_phones_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(4) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/04_computers_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(5) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/05_sound_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(6) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/06_gaming_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(7) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/07_appliances_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
}
.main-menu li:nth-child(8) .sub-menu {
background-image: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/main-menu/08_office_outlet_menu.png), url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/icons/menu_bg.svg);
min-width: 710px;
min-height: 150px;
} article.entry-content.entry.clr {
margin-top: 21px;
}
.woocommerce.content-full-width div.product div.summary {
width: 71%;
}
.woocommerce.content-full-width div.product div.images {
width: 27%;
}
#all-branch-stock{
display:none;
}
div#right-sidebar-inner {
display: none;
}
li.woo-wishlist-link {
display: none;
}
a.add_to_wishlist.single_add_to_wishlist.button.alt:hover {
background: none;
color: #707070;
}
form.searchform {
padding-top: 25px;
display:block;
max-height: 90px;
}
a.menu-link.sf-with-ul {
line-height: 25px !important;
}
#site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a, .mobile-menu-close, .after-header-content-inner >a { line-height:25px !important; }
.product-circle {
background: url(//www.officedepot.co.il/wp-content/themes/office-depot/assets/images/product-circle.png);
background-repeat:no-repeat;
min-height:80px;
background-position: 0px 6px;
}
p.stock.in-stock.clr {
display: none;
}
button.single_add_to_cart_button.button.alt {
font-size: 25px;
font-family: 'ALMONITZAR-LIGHT';
padding: 5px 50px;
} .woocommerce div.product form.cart div.quantity { }
.single-product .price span.p10p, .single-product .price span.p10or {
font-size:27px;
color: #707070 !important;
text-align: right;
}
single-product .price span {
color: #EC1A3B !important;
font-size: 36px;
}
div#right-sidebar-inner {
text-align: right;
}
#right-sidebar-inner h4.widget-title {
color: #EC1A3B;
font-size: 17px;
border-bottom: none;
padding-bottom: 0;
text-decoration: underline;
margin-bottom:0;
}
@media only screen and (max-width: 1500px) {
#left-banners, #right-banners {
display: none;
}
.home #content-wrap, .tax-product_cat #content-wrap { width: 90%;
padding: inherit;
margin-right: 5%;
}	
}
.sf-menu ul.sub-menu {
z-index: 20;
} table.shop_table.woocommerce-checkout-review-order-table tbody {
display: none;
}
table.shop_table.woocommerce-checkout-review-order-table thead {
display: none;
}
.woocommerce-checkout #order_review table.shop_table td {
padding: 0;
margin: 0;
}
.woocommerce-checkout #order_review table.shop_table th {
padding: 0;
margin: 0;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
font-size: 17px;
}
.woocommerce-order-pay #main header.page-header {
padding: 0;
margin: 0;
}
.payment_box.payment_method_creditguard_iframe_gateway {
display: none;
}
input#terms {
position: initial;
margin-left: 5px;
}
.woocommerce-checkout #order_review table.shop_table {
margin: 0 0 0 0;
box-shadow: 0px 0px 10px #00000029;
border-radius: 15px;
padding: 20px;	
margin-bottom: 15px;
display:none;
}
.payment_box.payment_method_creditguard_iframe_gateway {
display:none !important;
}
.woocommerce-checkout #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.woocommerce-checkout #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods li
.cart-subtotal span.woocommerce-Price-amount.amount {
color: #707070 !important;
}
a.menu-link .text-wrap {
font-size: 20px!important;
}
.single-product i.yith-wcwl-icon.fa.fa-heart-o,.single-product  i.yith-wcwl-icon.fa.fa-heart {
color: #EC1A3B;
}
img.woo-entry-image-main {
max-height: 187px;
max-width: 187px;
display: inline-block;
width: auto;
}
.eael-product-grid .woocommerce ul.products li.product a img {
width:auto;
display: inline;
}
@media only screen and (max-width: 767px) {
img.woo-entry-image-main {
max-height: 90px;
max-width: 90px;
}
}  .site-breadcrumbs ol.trail-items li:nth-child(4):not(.trail-end) {
display: none;
}
span.icon-home {
font-family: 'simple-line-icons' !important;
font-size: 16px;
}
ol.trail-items {
float: right!important;
}
nav.site-breadcrumbs.clr.position- {
top: 0;
right: 0;
margin: 0;
padding: 0;
display: block;
position: relative;
}
.woocommerce div.product {
border-top: 1px solid;
padding-top: 8px;
}
.search-results  .products li,.tax-product_cat .products li { min-height: 36px;
}
.woocommerce ul.products li.product .woo-entry-inner li {
min-height: 54px;
}
span.woocommerce-Price-currencySymbol {
margin-right: 3px;
}
h2.single-post-title.product_title.entry-title {
margin-bottom: 0;
padding-bottom: 0;
font-size: 30px !important;
font-weight: 600;
}
.woocommerce div.product div.woocommerce-product-details__short-description {
margin-top: 13px;
}
#check-branch-stock a, #all-branch-stock span, #single-branch-stock span {
font-size: 20px;
}
.single-product i.yith-wcwl-icon.fa.fa-heart-o {
font-size: 18px;
margin-top: -5px;
}
.summary.entry-summary p,
.summary.entry-summary h4, 
.summary.entry-summary h1, 
.summary.entry-summary h2, 
.summary.entry-summary h3, 
.summary.entry-summary h5, 
.summary.entry-summary h6, 
.summary.entry-summary span, 
.summary.entry-summary a {
font-family: 'ALMONITZAR-LIGHT' !important;
}
#pgr span.p10m, #pgr span.woocommerce-Price-amount.amount {
font-family: 'ALMONITZAR-REGULAR' !important;
}
span#p10m {
color: #707070 !important;
}
div#details p {
font-family: 'AlmoniTzar-light' !important;
font-size: 18px;
line-height: 20px;
}
.pwb-filter-products input[type=checkbox] {
border: 1px solid rgba(0,0,0,0.15);
margin-right: 0;
margin-left: 10px;
}
#woocommerce_layered_nav-4 h4.widget-title {
border: 0;
text-decoration: underline;
font-size: 17px;
margin-bottom: 0;
}
.cl-price-rating span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol){
display: flex !important; justify-content: flex-start !important;
}
.cl-price-rating span del{ justify-content: flex-end; order:2; }
h6.widget-title,h4.widget-title {
color: #EC1A3B;
font-size: 17px;
border-bottom: none;
padding-bottom: 0;
text-decoration: underline;
margin-bottom: 0;
}
#oceanwp-off-canvas-sidebar-wrap .sidebar-box {
padding: 15px 5px 0px 5px;
}
.oceanwp-off-canvas-filter span.off-canvas-filter-text {
font-family: 'AlmoniTzar-light' !important;
font-weight: 500;
} .theme-select:after {
right: unset;
border-left: unset;
left:0;
border-right: 1px solid #ddd;
}
span.theme-select.orderby {
display: inline-block;
padding-right: 8px;
padding-left: 60px;
background-color:white;
}
.woocommerce .oceanwp-off-canvas-filter i {
margin-right: 0;
margin-left: 10px;
}
.br_top_table {
z-index: 5;
}
table.branches > *{
font-family: 'ALMONITZAR-LIGHT' !important;
}
.b-status {
text-align:center;
}
.b-filters-wraper {
display:flex;
flex-direction:row-reverse;
}
.b-filter.white-round-border {
flex: 1;
margin: 0 10px 0 10px;
}
input#b_name {
width: 90%;
}
select#b_city:focus, select#b_area:focus, input#b_name, input#b_name:focus{
border: 0 !important;
outline: none;
}
select#b_city, select#b_area {
background: unset;
}
.footer-widget .widget-title {
font: normal normal normal 30px/20px AlmoniTzar AAA;
border-bottom: 1px solid #bb1e38;
padding-bottom: 20px;
margin-bottom: 25px;
text-decoration: none;
padding-right: 0;
}
.site-footer .widget_nav_menu li:first-child {
border-top: 0px solid #e9e9e9;
}
.site-footer .widget_nav_menu li {
border-bottom: 0px solid #e9e9e9;
}
span#category-results-count {
clear: none;
float: right;
color: #707070;
}
span.p10p {
white-space:pre;
} ul.woocommerce-error {
background-color: #EC1A3B;
font-size: 18px;
padding: 10px 15px;
font-family: 'AlmoniTzar-regular';
}
.widget_product_categories li a, .widget_layered_nav li a ,.widget_product_categories .count, .widget_layered_nav .count {
font-size: 16px;
}
.single-product .price span.p10x {
color: #707070 !important;
font-weight: 500;
}
.site-footer .widget_nav_menu li {
padding: 0px 0;
padding-bottom:5px;
}
#footer-widgets .footer-box {
padding: 0 20px;
}
.dgwt-wcas-tpd-price span.woocommerce-Price-amount.amount {
font-size: 19px !important;
}
.form-row {
display: block;
}
ul.woocommerce-error {
border-radius: 20px;
background-color: #FF0028;
font-family: 'ALMONITZAR-REGULAR';
font-size: 16px;
padding: 0;
}
td.yes svg {
max-height: 15px;
}
.dwspecs-product-table {
font-size:15px;
}
.dwspecs-product-table table tr {
border-bottom: solid 2px #9B9B9B;
}
.dwspecs-product-table td:nth-child(1) {
font-weight: 600;
}
.dwspecs-product-table .group-title {
color: #EC1A3B;
font-size: 25px;
margin: 0px 5px 0px 0px;
font-weight: 400;
}
#footer-widgets img.payment {
margin: 0 auto;
display: block;
}
.copyright_panel .container .digitalmarketing a {
color: #dadada;
}
.copyright_panel {
border-top: 1px solid #5f5c5c;
padding-top:6px;
padding-bottom: 6px;
margin-top:40px;
}
.copyright_panel .container .copyright  {
color: #dadada;
}
.widget_nav_menu + .widget_text p {
display:inline-flex;
}
.widget_nav_menu + .widget_text a{
background: #5e5c5c;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px !important;
border-radius: 100%;
}
.widget_nav_menu + .widget_text a:first-child {
margin-left:10px;
}
.widget_nav_menu + .widget_text  a i {
font-size: 16px;
}
@media(min-width:768px) {
#pgr p.price {
margin-left: max(15%,130px);
float: left;
}
}
@media(min-width:1200px) {
.footer-widgets-inner {
min-height: 585px;
}
.copyright_panel .container {
display: flex;
flex-direction: row-reverse;
}
.copyright_panel .container .digitalmarketing, .copyright_panel .container .copyright {
width: 100%;
}
.copyright_panel .container .digitalmarketing {
text-align:left;
}
}
@media(max-width:767px) {
#footer-widgets {
padding-top:15px;
}
.footer-widgets-inner + .container {
all: initial;
}
#footer-widgets.red-circle-footer {
background-image: unset;
}
.copyright_panel .container {
display:flex;
flex-direction: row-reverse;
font-size: 16px;
margin-top: 0px;
border: none;
}
.footer-widgets-inner.container, #footer-widgets {
min-height:auto;
}
.copyright_panel .container .digitalmarketing a {
font-size: 16px;
}
.copyright_panel .container .digitalmarketing{
width: 40%;
padding-left: 5px;
}
.copyright_panel .container .copyright {
width: 60%;
padding-right: 5px;
}
.copyright_panel .container .digitalmarketing {
text-align:left;
}
.footer-widget .widget-title {
border-bottom: 1px solid #6d6b6b;
margin-bottom: 0px;
font-size: 22px; 
}
.footer-widget .widget-title + div {
padding-top:20px;
display:none;
}
.footer-widget .widget-title.active + div {
display:block;
}
#footer-widgets .footer-box .widget-title:after {
content: "\f078";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #6d6b6b;
position: absolute;
left: 30px;
top: 8px;
font-size: 14px;
transition: all 0.6s;
}
#footer-widgets .footer-box .widget-title.active:after {
transform: rotate(180deg);
}
#footer-widgets .footer-box {
margin-bottom: 20px;
}
#footer-widgets img.payment {
width:200px;
}
.widget_nav_menu + .widget_text {
text-align:center;
margin-bottom: 30px;
}
}
.single-product #yith-wcwl-popup-message {
top: -150px;
left: -150px;
overflow: hidden;
}
.u-column1.col-1, .u-column2.col-2 {
flex: unset;
max-width: unset;
}
p.clr {
font-size: 0;
}
#pgr p:nth-child(3) {
font-size: 0;
}
.return-to-shop .button.wc-backward:before {
content:none;
}
a.button.wc-backward {
background-color: #ec1a3b;
font-size: 20px;
border-radius: 50px;
font-weight: 400;
padding: 10px 30px;
}
span.desktop-only {
display: inline-block;
line-height: 22px;
line-height: 22px;
}
.sf-menu ul.sub-menu {
top: 60%;
}
div.quantity.hidden.buttons_added a.minus, div.quantity.hidden.buttons_added a.plus {
display: none!important;
}
div#frmntextwrap {
margin-bottom: 5px;
}
#footer-widgets img.payment {
margin: 0 auto 0 calc(50% - 140px);
display: block;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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 {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-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 {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-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);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-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;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
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 {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.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.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}body.hide_scroll {
overflow: hidden;
}
#br_popup * {
box-sizing: border-box;
}
#br_popup {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
animation-duration: 0.3s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
}
#br_popup .br_popup_wrapper {
max-height: 100%;
max-width: 100%;
position: absolute;
z-index: 99992;
margin: 0 auto;
height: 80%;
width: 80%;
top: 50vh;
left: 50vw;
transform: translate(-50%, -50%);
box-sizing: border-box;
}
#br_popup .br_popup_wrapper .popup_animation {
position: absolute;
border: 0 none;
background: #f0f0f0;
padding: 30px 15px;
width: 100%;
height: 100%;
animation-duration: 0.3s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
}
#br_popup .br_popup_close {
position: absolute;
top: 0;
right: 0;
font-size: 26px;
color: #888;
font-family: Helvetica, sans-serif;
text-decoration: none;
z-index: 99993;
line-height: 28px;
height: 30px;
width: 30px;
text-align: center;
box-sizing: border-box;
outline: 0 none;
}
#br_popup .br_popup_close:hover {
opacity: 0.80;
}
#br_popup.counting .br_popup_close,
#br_popup.cannot_be_closed .br_popup_close {
display: none;
}
#br_popup .counters.after_close {
position: absolute;
top: 0;
right: 10px;
font-size: 14px;
color: #444;
font-family: Helvetica, sans-serif;
text-decoration: none;
z-index: 99993;
line-height: 30px;
height: 30px;
text-align: right;
box-sizing: border-box;
}
#br_popup .br_popup_overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.5;
background: black;
z-index: 99991;
}
#br_popup .br_popup_inner {
height: 100%;
width: 100%;
padding: 0 15px;
word-wrap: break-word;
box-sizing: border-box;
overflow-y: auto;
}
#br_popup .popup_animation.with_yes_no_buttons {
padding-bottom: 80px;
}
#br_popup .with_yes_no_buttons .br_popup_buttons {
padding: 20px 15px;
bottom: 0;
position: absolute;
left: 0;
right: 0;
border-top: 1px solid #444;
}
#br_popup .print_button {
float: left;
}
#br_popup .popup_animation.yes_no_buttons_left .br_popup_buttons {
text-align: left;
}
#br_popup .popup_animation.yes_no_buttons_left .print_button {
float: right;
}
#br_popup .popup_animation.yes_no_buttons_right .br_popup_buttons {
text-align: right;
}
#br_popup .popup_animation.yes_no_buttons_center .br_popup_buttons {
text-align: center;
}
#br_popup .br_popup_buttons a {
margin: 0 15px;
padding: 5px 20px;
display: inline-block;
border: 1px solid #444;
border-radius: 5px;
color: #444;
text-decoration: none;
background: transparent;
height: auto!important;
}
#br_popup .counters {
display: none;
}
#br_popup.counting .counters {
display: block;
} #br_popup .popup_animation.with_header {
padding-top: 70px;
}
#br_popup .br_popup_header {
padding: 0 30px;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60px;
line-height: 60px;
font-weight: bold;
font-size: 1.2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#br_popup .with_header .br_popup_close {
top: 8px;
right: 8px;
} @media (max-width: 1200px) {
#br_popup .br_popup_wrapper {
width: 90%;
height: 90%;
}
}
@media (max-width: 900px) {
#br_popup .br_popup_wrapper {
width: 97%;
height: 97%;
}
}
@media (max-width: 768px) {
html #br_popup.br_popup .br_popup_buttons a {
margin: 0 5px;
padding: 6px 20px;
}
#br_popup .br_popup_buttons .print_button {
display: none;
}
}
@media print {
body.print > * {
visibility: hidden!important;
height: 0;
}
body.print #br_popup,
body.print #br_popup .br_popup_wrapper,
body.print #br_popup .br_popup_wrapper .popup_animation{
height: auto;
position: relative;
}
body.print #br_popup .br_popup_inner {
visibility: visible!important;
overflow-y: initial;
}
body.print #br_popup .br_popup_inner * {
visibility: visible!important;
}
body.print #br_popup .br_popup_wrapper {
top: 0;
left: 0;
transform: none;
height: auto;
width: 100%;
}
body.print.hide_scroll {
overflow: initial;
}
}#logo_user_way {
padding-top: 15px;
padding-bottom: 15px;
}
.userway_code {
background-color: #0085ba;
padding: 15px;
color: #fff;
}
.userway_code_error {
background-color: #A7301F;
padding: 15px;
color: #fff;
}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}
.elementor-animation-grow{transition-duration:.3s;transition-property:transform}.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover{transform:scale(1.1)}.elementor-animation-shrink{transition-duration:.3s;transition-property:transform}.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{transform:scale(0.9)}@keyframes elementor-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{animation-name:elementor-animation-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-pulse-grow{to{transform:scale(1.1)}}.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover{animation-name:elementor-animation-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-pulse-shrink{to{transform:scale(0.9)}}.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{animation-name:elementor-animation-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}.elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover{animation-name:elementor-animation-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes elementor-animation-pop{50%{transform:scale(1.2)}}.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{animation-name:elementor-animation-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}.elementor-animation-bounce-in{transition-duration:.5s}.elementor-animation-bounce-in:active,.elementor-animation-bounce-in:focus,.elementor-animation-bounce-in:hover{transform:scale(1.2);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-bounce-out{transition-duration:.5s}.elementor-animation-bounce-out:active,.elementor-animation-bounce-out:focus,.elementor-animation-bounce-out:hover{transform:scale(0.8);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-rotate:active,.elementor-animation-rotate:focus,.elementor-animation-rotate:hover{transform:rotate(4deg)}.elementor-animation-grow-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-grow-rotate:active,.elementor-animation-grow-rotate:focus,.elementor-animation-grow-rotate:hover{transform:scale(1.1) rotate(4deg)}.elementor-animation-float{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-float:active,.elementor-animation-float:focus,.elementor-animation-float:hover{transform:translateY(-8px)}.elementor-animation-sink{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-sink:active,.elementor-animation-sink:focus,.elementor-animation-sink:hover{transform:translateY(8px)}@keyframes elementor-animation-bob{0%{transform:translateY(-8px)}50%{transform:translateY(-4px)}100%{transform:translateY(-8px)}}@keyframes elementor-animation-bob-float{100%{transform:translateY(-8px)}}.elementor-animation-bob:active,.elementor-animation-bob:focus,.elementor-animation-bob:hover{animation-name:elementor-animation-bob-float,elementor-animation-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}@keyframes elementor-animation-hang{0%{transform:translateY(8px)}50%{transform:translateY(4px)}100%{transform:translateY(8px)}}@keyframes elementor-animation-hang-sink{100%{transform:translateY(8px)}}.elementor-animation-hang:active,.elementor-animation-hang:focus,.elementor-animation-hang:hover{animation-name:elementor-animation-hang-sink,elementor-animation-hang;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}.elementor-animation-skew{transition-duration:.3s;transition-property:transform}.elementor-animation-skew:active,.elementor-animation-skew:focus,.elementor-animation-skew:hover{transform:skew(-10deg)}.elementor-animation-skew-forward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-forward:active,.elementor-animation-skew-forward:focus,.elementor-animation-skew-forward:hover{transform:skew(-10deg)}.elementor-animation-skew-backward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-backward:active,.elementor-animation-skew-backward:focus,.elementor-animation-skew-backward:hover{transform:skew(10deg)}@keyframes elementor-animation-wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}.elementor-animation-wobble-vertical:active,.elementor-animation-wobble-vertical:focus,.elementor-animation-wobble-vertical:hover{animation-name:elementor-animation-wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-horizontal{16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}.elementor-animation-wobble-horizontal:active,.elementor-animation-wobble-horizontal:focus,.elementor-animation-wobble-horizontal:hover{animation-name:elementor-animation-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-bottom-right{16.65%{transform:translate(8px,8px)}33.3%{transform:translate(-6px,-6px)}49.95%{transform:translate(4px,4px)}66.6%{transform:translate(-2px,-2px)}83.25%{transform:translate(1px,1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-bottom-right:active,.elementor-animation-wobble-to-bottom-right:focus,.elementor-animation-wobble-to-bottom-right:hover{animation-name:elementor-animation-wobble-to-bottom-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-top-right{16.65%{transform:translate(8px,-8px)}33.3%{transform:translate(-6px,6px)}49.95%{transform:translate(4px,-4px)}66.6%{transform:translate(-2px,2px)}83.25%{transform:translate(1px,-1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-top-right:active,.elementor-animation-wobble-to-top-right:focus,.elementor-animation-wobble-to-top-right:hover{animation-name:elementor-animation-wobble-to-top-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-top{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-top{transform-origin:0 100%}.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{animation-name:elementor-animation-wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-bottom{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-bottom{transform-origin:100% 0}.elementor-animation-wobble-bottom:active,.elementor-animation-wobble-bottom:focus,.elementor-animation-wobble-bottom:hover{animation-name:elementor-animation-wobble-bottom;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-skew{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-skew:active,.elementor-animation-wobble-skew:focus,.elementor-animation-wobble-skew:hover{animation-name:elementor-animation-wobble-skew;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}.elementor-animation-buzz:active,.elementor-animation-buzz:focus,.elementor-animation-buzz:hover{animation-name:elementor-animation-buzz;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-buzz-out{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)}}.elementor-animation-buzz-out:active,.elementor-animation-buzz-out:focus,.elementor-animation-buzz-out:hover{animation-name:elementor-animation-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1}