.navbar-light .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-link.show > .arrow, .navbar-light .nav-navbar > .nav-link:hover > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link.show > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link:hover > .arrow{border-top-color: inherit} .navbar-light .nav-navbar > .nav-item.active > .nav-link, .navbar-light .nav-navbar > .nav-item > .nav-link.active, .navbar-light .nav-navbar > .nav-link.active, .navbar-stick-light.stick .nav-navbar > .nav-item.active > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link.active, .navbar-stick-light.stick .nav-navbar > .nav-link.active{color: #fff} .navbar-light .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-light .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-light .nav-navbar > .nav-link.active > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-stick-light.stick .nav-navbar > .nav-link.active > .arrow{border-top-color: inherit} .navbar-dark .logo-dark, .navbar-stick-dark.stick .logo-dark{display: inline-block; object-fit: contain; width: auto; height: 3rem;} .navbar-dark .logo-light, .navbar-stick-dark.stick .logo-light{display: none} .navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler{color: rgba(117, 117, 117, 0.8)} .navbar-dark .navbar-toggler:hover, .navbar-stick-dark.stick .navbar-toggler:hover{color: #555} .navbar-dark .navbar-divider, .navbar-stick-dark.stick .navbar-divider{background-color: rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item > .nav-link, .navbar-dark .nav-navbar > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-link{color: rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link > .arrow{border-top: 3px solid rgba(117, 117, 117, 0.8)} .navbar-dark .nav-navbar > .nav-item.show > .nav-link, .navbar-dark .nav-navbar > .nav-item:hover > .nav-link, .navbar-dark .nav-navbar > .nav-link.show, .navbar-dark .nav-navbar > .nav-link:hover, .navbar-stick-dark.stick .nav-navbar > .nav-item.show > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item:hover > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-link.show, .navbar-stick-dark.stick .nav-navbar > .nav-link:hover{color: #555} .navbar-dark .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-link.show > .arrow, .navbar-dark .nav-navbar > .nav-link:hover > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item.show > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item:hover > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link.show > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link:hover > .arrow{border-top-color: inherit} .navbar-dark .nav-navbar > .nav-item.active > .nav-link, .navbar-dark .nav-navbar > .nav-item > .nav-link.active, .navbar-dark .nav-navbar > .nav-link.active, .navbar-stick-dark.stick .nav-navbar > .nav-item.active > .nav-link, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link.active, .navbar-stick-dark.stick .nav-navbar > .nav-link.active{color: #323d47} .navbar-dark .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-dark .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-dark .nav-navbar > .nav-link.active > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item.active > .nav-link > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-item > .nav-link.active > .arrow, .navbar-stick-dark.stick .nav-navbar > .nav-link.active > .arrow{border-top-color: inherit} .offcanvas{position: relative; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 24px; padding: 1.5rem; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); z-index: 1010; visibility: hidden} .offcanvas > .container, .offcanvas > .container-fluid{position: relative; height: 100%} .offcanvas[data-animation]{-webkit-transition: 0.4s ease-out; transition: 0.4s ease-out} .offcanvas[data-animation="fade"]{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .offcanvas[data-animation="slide-up"]{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 100%); transform: translate(0, 100%)} .offcanvas[data-animation="slide-down"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .offcanvas[data-animation="slide-left"]{left: auto; right: 0; -webkit-transform: translate(100%, 0); transform: translate(100%, 0)} .offcanvas[data-animation="slide-right"]{-webkit-transform: translate(-100%, 0); transform: translate(-100%, 0)} .offcanvas.show{visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 0); transform: translate(0, 0)} .offcanvas .close{float: none; padding: 12px 16px; padding: 0.75rem 1rem; font-weight: 100; font-size: 40px; font-size: 2.5rem; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out} .offcanvas .close:not(.position-static){position: absolute; top: 0; right: 0} .offcanvas.bg-img{position: fixed} .backdrop-offcanvas{z-index: 1009} .popup{position: fixed; right: 32px; right: 2rem; bottom: 32px; bottom: 2rem; padding: 24px; padding: 1.5rem; background-color: #fff; border: 1px solid #f1f2f3; border-radius: 0.25rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; z-index: 1010; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .popup.show{visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important} .popup.show[data-position$="-center"]{-webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important} .popup[data-position="top-left"]{right: auto; bottom: auto; top: 32px; top: 2rem; left: 32px; left: 2rem} .popup[data-position="top-right"]{bottom: auto; top: 32px; top: 2rem} .popup[data-position="bottom-left"]{right: auto; left: 32px; left: 2rem} .popup[data-position="top-center"]{right: auto; bottom: auto; top: 32px; top: 2rem; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%)} .popup[data-position="bottom-center"]{right: auto; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%)} .popup[data-animation="slide-up"]{-webkit-transform: translate(0, 100%); transform: translate(0, 100%)} .popup[data-animation="slide-up"][data-position$="-center"]{-webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%)} .popup[data-animation="slide-down"]{-webkit-transform: translate(0, -100%); transform: translate(0, -100%)} .popup[data-animation="slide-down"][data-position$="-center"]{-webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%)} .popup[data-animation="slide-left"]{-webkit-transform: translate(100%, 0); transform: translate(100%, 0)} .popup[data-animation="slide-right"]{-webkit-transform: translate(-100%, 0); transform: translate(-100%, 0)} .popup .close{position: absolute; top: 0; right: 0; padding: 12px 16px; padding: 0.75rem 1rem; font-weight: 100; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out} .header{position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 146px; padding-bottom: 90px} .header > .container, .header > .container-fluid{position: relative; height: 100%} .header.h-fullscreen{padding-top: 90px} .section{position: relative; border-bottom: none; background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 64px; padding-top: 4rem; padding-bottom: 64px; padding-bottom: 4rem} .section > .container, .section > .container-fluid, .section > .container-wide{position: relative; height: 100%} @media (max-width: 991.98px){.section{padding-top: 5rem; padding-bottom: 5rem}} .section-header{text-align: center; max-width: 70%; margin: 0 auto 70px} .section-header small{display: inline-block; font-size: 11px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.75px; margin-bottom: 24px; margin-bottom: 1.5rem; word-spacing: 2px; color: rgba(153, 153, 153, 0.6)} .section-header hr{width: 50px; margin-top: 40px; margin-top: 2.5rem; margin-bottom: 24px; margin-bottom: 1.5rem} .section-header p{font-size: 17px; font-size: 1.0625rem} .section-header p.lead, .section-header .pricing-4 .plan-price p, .pricing-4 .plan-price .section-header p{font-size: 18px; font-size: 1.125rem} @media (max-width: 991.98px){.section-header{max-width: 90%}} .section-video{overflow: hidden; padding-top: 0; padding-bottom: 0} .section-video > .container, .section-video > .container-fluid, .section-video > .container-wide{padding-top: 90px; padding-bottom: 90px} .section-dialog{background-color: #fff; padding: 16px; padding: 1rem; border-radius: 4px} @media (min-width: 768px){.section-dialog{padding: 20px 24px}} @media (min-width: 992px){.section-dialog{padding: 30px 32px}} .sidebar{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 112px; padding-top: 7rem; padding-bottom: 112px; padding-bottom: 7rem} .sidebar hr{margin-top: 30px; margin-bottom: 30px; border-top-style: solid} .sidebar .nav-sidebar{height: 100%} @media (max-width: 991.98px){.sidebar{padding-top: 5rem; padding-bottom: 5rem}} .sidebar-fixed{position: fixed; top: 0; left: -240px; bottom: 0; width: 240px; background-color: #fff; border-right: 1px solid #f1f2f3; z-index: 1000; -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out} .sidebar-open .sidebar-fixed{left: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05)} .sidebar-sticky.stick:not(.is-mobile-wide){position: fixed; top: 0} .sidebar-sticky.is-mobile-wide{padding-bottom: 0 !important} .sidebar-header{text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f1f2f3} .sidebar-title{font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-size: .85em; margin-bottom: 16px; margin-bottom: 1rem} .sidebar-body{position: relative; padding-right: 20px} .sidebar-footer{text-align: center; padding: 20px 0; margin-top: 30px; border-top: 1px solid #f1f2f3} .sidebar-toggler{padding: 4px 12px; padding: .25rem .75rem; font-size: 20px; font-size: 1.25rem; line-height: 1; cursor: pointer; background: 0 0; border: none; border-radius: .25rem; margin-right: 8px; margin-right: 0.5rem; margin-bottom: -1px} .backdrop-sidebar{z-index: 999} @media (min-width: 576px){.sidebar-fixed.sidebar-expand-sm{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-sm ~ .main-content{margin-left: 240px}} @media (min-width: 768px){.sidebar-fixed.sidebar-expand-md{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-md ~ .main-content{margin-left: 240px}} @media (min-width: 992px){.sidebar-fixed.sidebar-expand-lg{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-lg ~ .main-content{margin-left: 240px}} @media (min-width: 1200px){.sidebar-fixed.sidebar-expand-xl{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)}.sidebar-fixed.sidebar-expand-xl ~ .main-content{margin-left: 240px}} .sidebar-fixed.sidebar-expand{position: fixed; left: 0; background-color: #f5f6f7; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.015)} .sidebar-fixed.sidebar-expand ~ .main-content{margin-left: 240px} [data-sticky="true"].stick:not(.navbar){position: fixed; top: 0} .bt-1, .border-top-1{border-top: 1px solid #f1f2f3} .bl-1, .border-left-1{border-left: 1px solid #f1f2f3} .br-1, .border-right-1{border-right: 1px solid #f1f2f3} .bb-1, .border-bottom-1{border-bottom: 1px solid #f1f2f3} .bt-2, .border-top-2{border-top: 2px solid #f1f2f3} .bl-2, .border-left-2{border-left: 2px solid #f1f2f3} .br-2, .border-right-2{border-right: 2px solid #f1f2f3} .bb-2, .border-bottom-2{border-bottom: 2px solid #f1f2f3} .bt-3, .border-top-3{border-top: 3px solid #f1f2f3} .bl-3, .border-left-3{border-left: 3px solid #f1f2f3} .br-3, .border-right-3{border-right: 3px solid #f1f2f3} .bb-3, .border-bottom-3{border-bottom: 3px solid #f1f2f3} .bt-0, .border-top-0{border-top-width: 0} .bl-0, .border-left-0{border-left-width: 0} .br-0, .border-right-0{border-right-width: 0} .bb-0, .border-bottom-0{border-bottom-width: 0} .b-1{border: 1px solid #f1f2f3} .b-2{border: 2px solid #f1f2f3} .b-3{border: 3px solid #f1f2f3} .b-0{border-width: 0} .rounded-md{border-radius: 0.5rem !important} .rounded-lg{border-radius: 0.75rem !important} .rounded-xl{border-radius: 1rem !important} .border-glass, .border-glass-1{border-color: rgba(255, 255, 255, 0.35) !important} .border-glass-2{border-color: rgba(255, 255, 255, 0.25) !important} .border-glass-3{border-color: rgba(255, 255, 255, 0.15) !important} .bg-gray{background-color: #fafbfb} .bg-pale-primary{background-color: #eef4fc !important} .bg-pale-secondary{background-color: #f0f4f7 !important} .bg-pale-success{background-color: #eefcf0 !important} .bg-pale-danger{background-color: #fceeef !important} .bg-pale-warning{background-color: #fcf8ee !important} .bg-pale-info{background-color: #f2eefc !important} .bg-pale-light{background-color: #fff !important} .bg-pale-dark{background-color: #e5e5e5 !important} .bg-gradient-primary{background-image: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important; background-image: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important} .bg-gradient-secondary{background-image: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important; background-image: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important} .bg-gradient-success{background-image: -webkit-linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important; background-image: linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important} .bg-gradient-danger{background-image: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important; background-image: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important} .bg-gradient-warning{background-image: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important; background-image: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important} .bg-gradient-info{background-image: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important; background-image: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important} .bg-gradient-dark{background-image: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important; background-image: linear-gradient(45deg, #191919 0%, #636363 100%) !important} .text-default{color: #757575 !important} a.text-default:hover, a.text-default:focus{color: #4f4f4f !important} .text-light{color: #999 !important} a.text-light:hover, a.text-light:focus{color: #737373 !important} .text-lighter{color: #bfc5ca !important} a.text-lighter:hover, a.text-lighter:focus{color: #959fa7 !important} .text-lightest{color: #d3d3d3 !important} a.text-lightest:hover, a.text-lightest:focus{color: #adadad !important} .text-inherit{color: inherit} .bg-img{background-position: center; background-size: cover; background-repeat: no-repeat} .bg-fixed{background-attachment: fixed} @media (max-width: 640px){.bg-fixed{background-attachment: initial}} .bg-repeat{background-repeat: repeat; background-size: auto} .bg-img-left{background-position: left center} .bg-img-right{background-position: right center} .bg-img-top{background-position: center top} .bg-img-bottom{background-position: center bottom} .bg-size-contain{background-size: contain} .opacity-0{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .opacity-5{opacity: .05 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"} .opacity-10{opacity: .1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"} .opacity-15{opacity: .15 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"} .opacity-20{opacity: .2 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"} .opacity-25{opacity: .25 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"} .opacity-30{opacity: .3 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"} .opacity-35{opacity: .35 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"} .opacity-40{opacity: .4 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"} .opacity-45{opacity: .45 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"} .opacity-50{opacity: .5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .opacity-55{opacity: .55 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"} .opacity-60{opacity: .6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"} .opacity-65{opacity: .65 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"} .opacity-70{opacity: .7 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} .opacity-75{opacity: .75 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"} .opacity-80{opacity: .8 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"} .opacity-85{opacity: .85 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"} .opacity-90{opacity: .9 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"} .opacity-95{opacity: .95 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"} .opacity-100{opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .shadow-0, .hover-shadow-0:hover{box-shadow: none} .shadow-1, .product-3, .hover-shadow-1:hover{box-shadow: 0 0 4px rgba(0, 0, 0, 0.06)} .shadow-2, .portfolio-2 img, .hover-shadow-2:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.06)} .shadow-3, .hover-shadow-3:hover{box-shadow: 0 0 12px rgba(0, 0, 0, 0.06)} .shadow-4, .hover-shadow-4:hover{box-shadow: 0 0 18px rgba(0, 0, 0, 0.06)} .shadow-5, .hover-shadow-5:hover, .portfolio-2 img:hover{box-shadow: 0 0 26px rgba(0, 0, 0, 0.06)} .shadow-6, .hover-shadow-6:hover, .product-3:hover{box-shadow: 0 0 36px rgba(0, 0, 0, 0.06)} .shadow-7, .hover-shadow-7:hover{box-shadow: 0 0 48px rgba(0, 0, 0, 0.06)} .shadow-8, .hover-shadow-8:hover{box-shadow: 0 0 60px rgba(0, 0, 0, 0.06)} .shadow-9, .hover-shadow-9:hover{box-shadow: 0 0 74px rgba(0, 0, 0, 0.06)} .overflow-hidden{overflow: hidden} .transition{-webkit-transition: 0.3s ease-out; transition: 0.3s ease-out} .cursor-pointer{cursor: pointer} .hover-move-up{display: block; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out} .hover-move-up:hover{-webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem)} .fit-cover{-o-object-fit: cover; object-fit: cover} .fill-parent{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%} .text-hue-rotate{color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue-rotate 60s infinite linear} .bg-hue-rotate{-webkit-animation: hue-rotate 30s linear infinite} @-webkit-keyframes hue{from{-webkit-filter: hue-rotate(0deg)}to{-webkit-filter: hue-rotate(-360deg)}} .flex-grow-0{-webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0} .w-125{width: 125px !important} .h-125{height: 125px !important} .mw-125{min-width: 125px !important} .mh-125{min-height: 125px !important} .w-150{width: 150px !important} .h-150{height: 150px !important} .mw-150{min-width: 150px !important} .mh-150{min-height: 150px !important} .w-175{width: 175px !important} .h-175{height: 175px !important} .mw-175{min-width: 175px !important} .mh-175{min-height: 175px !important} .w-200{width: 200px !important} .h-200{height: 200px !important} .mw-200{min-width: 200px !important} .mh-200{min-height: 200px !important} .w-250{width: 250px !important} .h-250{height: 250px !important} .mw-250{min-width: 250px !important} .mh-250{min-height: 250px !important} .w-300{width: 300px !important} .h-300{height: 300px !important} .mw-300{min-width: 300px !important} .mh-300{min-height: 300px !important} .w-350{width: 350px !important} .h-350{height: 350px !important} .mw-350{min-width: 350px !important} .mh-350{min-height: 350px !important} .w-400{width: 400px !important} .h-400{height: 400px !important} .mw-400{min-width: 400px !important} .mh-400{min-height: 400px !important} .w-500{width: 500px !important} .h-500{height: 500px !important} .mw-500{min-width: 500px !important} .mh-500{min-height: 500px !important} .w-600{width: 600px !important} .h-600{height: 600px !important} .mw-600{min-width: 600px !important} .mh-600{min-height: 600px !important} .w-700{width: 700px !important} .h-700{height: 700px !important} .mw-700{min-width: 700px !important} .mh-700{min-height: 700px !important} .w-800{width: 800px !important} .h-800{height: 800px !important} .mw-800{min-width: 800px !important} .mh-800{min-height: 800px !important} .w-900{width: 900px !important} .h-900{height: 900px !important} .mw-900{min-width: 900px !important} .mh-900{min-height: 900px !important} .w-5px{width: 5px !important} .h-5px{height: 5px !important} .w-10px{width: 10px !important} .h-10px{height: 10px !important} .w-15px{width: 15px !important} .h-15px{height: 15px !important} .w-20px{width: 20px !important} .h-20px{height: 20px !important} .w-25px{width: 25px !important} .h-25px{height: 25px !important} .w-30px{width: 30px !important} .h-30px{height: 30px !important} .w-35px{width: 35px !important} .h-35px{height: 35px !important} .w-40px{width: 40px !important} .h-40px{height: 40px !important} .w-45px{width: 45px !important} .h-45px{height: 45px !important} .w-50px{width: 50px !important} .h-50px{height: 50px !important} .w-55px{width: 55px !important} .h-55px{height: 55px !important} .w-60px{width: 60px !important} .h-60px{height: 60px !important} .w-65px{width: 65px !important} .h-65px{height: 65px !important} .w-70px{width: 70px !important} .h-70px{height: 70px !important} .w-75px{width: 75px !important} .h-75px{height: 75px !important} .w-80px{width: 80px !important} .h-80px{height: 80px !important} .w-85px{width: 85px !important} .h-85px{height: 85px !important} .w-90px{width: 90px !important} .h-90px{height: 90px !important} .w-95px{width: 95px !important} .h-95px{height: 95px !important} .w-100px{width: 100px !important} .h-100px{height: 100px !important} .h-auto{height: auto} .w-auto{width: auto} .w-fullscreen, .w-100vw{width: 100vw !important} .h-fullscreen, .h-100vh{height: 100vh !important} .mw-fullscreen, .mw-100vw{min-width: 100vw !important} .mh-fullscreen, .mh-100vh{min-height: 100vh !important} @media (max-height: 640px){.h-fullscreen{height: auto !important}} .gap-x-1 > *{display: inline-block; margin-left: 2px; margin-right: 2px} .gap-x-1 > *:first-child{margin-left: 0} .gap-x-1 > *:last-child{margin-right: 0} .gap-x-2 > *{display: inline-block; margin-left: 4px; margin-right: 4px} .gap-x-2 > *:first-child{margin-left: 0} .gap-x-2 > *:last-child{margin-right: 0} .gap-x > *, .gap-x-3 > *{display: inline-block; margin-left: 8px; margin-right: 8px} .gap-x > *:first-child, .gap-x-3 > *:first-child{margin-left: 0} .gap-x > *:last-child, .gap-x-3 > *:last-child{margin-right: 0} .gap-x-4 > *{display: inline-block; margin-left: 12px; margin-right: 12px} .gap-x-4 > *:first-child{margin-left: 0} .gap-x-4 > *:last-child{margin-right: 0} .gap-x-5 > *{display: inline-block; margin-left: 16px; margin-right: 16px} .gap-x-5 > *:first-child{margin-left: 0} .gap-x-5 > *:last-child{margin-right: 0} .gap-x-6 > *{display: inline-block; margin-left: 24px; margin-right: 24px} .gap-x-6 > *:first-child{margin-left: 0} .gap-x-6 > *:last-child{margin-right: 0} .gap-x-7 > *{display: inline-block; margin-left: 32px; margin-right: 32px} .gap-x-7 > *:first-child{margin-left: 0} .gap-x-7 > *:last-child{margin-right: 0} .gap-xy-1{margin: -2px} .gap-xy-1 > *{display: inline-block; margin: 2px} .gap-xy-2{margin: -4px} .gap-xy-2 > *{display: inline-block; margin: 4px} .gap-xy, .gap-xy-3{margin: -8px} .gap-xy > *, .gap-xy-3 > *{display: inline-block; margin: 8px} .gap-xy-4{margin: -12px} .gap-xy-4 > *{display: inline-block; margin: 12px} .gap-xy-5{margin: -16px} .gap-xy-5 > *{display: inline-block; margin: 16px} .gap-xy-6{margin: -24px} .gap-xy-6 > *{display: inline-block; margin: 24px} .gap-xy-7{margin: -32px} .gap-xy-7 > *{display: inline-block; margin: 32px} .font-body{font-family: "Open Sans", sans-serif} .font-title{font-family: Dosis, sans-serif} .fs-6, .font-size-6{font-size: 6px} .fs-7, .font-size-7{font-size: 7px} .fs-8, .font-size-8{font-size: 8px} .fs-9, .font-size-9{font-size: 9px} .fs-10, .font-size-10{font-size: 10px} .fs-11, .font-size-11{font-size: 11px} .fs-12, .font-size-12{font-size: 12px} .fs-13, .font-size-13{font-size: 13px} .fs-14, .font-size-14{font-size: 14px} .fs-15, .font-size-15{font-size: 15px} .fs-16, .font-size-16{font-size: 16px} .fs-17, .font-size-17{font-size: 17px} .fs-18, .font-size-18{font-size: 18px} .fs-19, .font-size-19{font-size: 19px} .fs-20, .font-size-20{font-size: 20px} .lead-1{font-size: 16.875px; font-size: 1.05469rem} .lead-2{font-size: 18.75px; font-size: 1.17188rem} .lead-3{font-size: 22.5px; font-size: 1.40625rem} .lead-4{font-size: 26.249px; font-size: 1.64062rem} .lead-5{font-size: 30px; font-size: 1.875rem} .lead-6{font-size: 37.5px; font-size: 2.34375rem} .lead-7{font-size: 48.75px; font-size: 3.04688rem} .lead-8{font-size: 60px; font-size: 3.75rem} .lead-9{font-size: 75px; font-size: 4.6875rem} .small-1{font-size: 14.062px; font-size: .87891rem} .small-2{font-size: 13.124px; font-size: .82031rem} .small-3{font-size: 12.187px; font-size: .76172rem} .small-4{font-size: 11.249px; font-size: .70312rem} .small-5{font-size: 10.312px; font-size: .64453rem} .small-6{font-size: 9.375px; font-size: .58594rem} .small-7{font-size: 8.437px; font-size: .52734rem} .small-8{font-size: 7.5px; font-size: .46875rem} .small-9{font-size: 6.562px; font-size: .41016rem} .fw-100, .font-weight-100{font-weight: 100} .fw-200, .font-weight-200{font-weight: 200} .fw-300, .font-weight-300{font-weight: 300} .fw-400, .font-weight-400{font-weight: 400} .fw-500, .font-weight-500{font-weight: 500} .fw-600, .font-weight-600{font-weight: 600} .fw-700, .font-weight-700{font-weight: 700} .fw-800, .font-weight-800{font-weight: 800} .fw-900, .font-weight-900{font-weight: 900} .lh-1, .line-height-1{line-height: 1} .lh-2, .line-height-2{line-height: 1.3} .lh-3, .line-height-3{line-height: 1.45} .lh-4, .line-height-4{line-height: 1.6} .lh-5, .line-height-5{line-height: 1.75} .lh-6, .line-height-6{line-height: 1.9} .lh-7, .line-height-7{line-height: 2.05} .lh-8, .line-height-8{line-height: 2.2} .lh-9, .line-height-9{line-height: 2.35} .ls-0, .letter-spacing-0{letter-spacing: 0px} .ls-1, .letter-spacing-1{letter-spacing: 1px} .ls-2, .letter-spacing-2{letter-spacing: 2px} .ls-3, .letter-spacing-3{letter-spacing: 3px} .ls-4, .letter-spacing-4{letter-spacing: 4px} .ls-5, .letter-spacing-5{letter-spacing: 5px} .text-truncate{width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .card-outline{background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.3)} .card-hover-inverse:hover{background-color: #191919; border-color: #191919} .text-white{color: rgba(255, 255, 255, 0.85) !important} .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6{color: #fff} .text-white a:not(.btn):not(.dropdown-item){color: rgba(255, 255, 255, 0.8)} .text-white hr{border-top-color: rgba(255, 255, 255, 0.15)} .text-white p{color: rgba(255, 255, 255, 0.85)} .text-white code{background-color: rgba(255, 255, 255, 0.1); color: #eee} .text-white small, .text-white .small{color: rgba(255, 255, 255, 0.8)} .text-white .divider{color: rgba(255, 255, 255, 0.5)} .text-white .divider:before, .text-white .divider:after{border-top-color: rgba(255, 255, 255, 0.15)} .text-white .section-header small{color: rgba(255, 255, 255, 0.6)} .text-white .rating label.empty{color: rgba(255, 255, 255, 0.3)} .text-white .card-inverse{background-color: rgba(255, 255, 255, 0.1)} .text-white .btn-outline-light{color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.3)} .text-white .btn-outline-light:hover{color: #757575} .text-white .close{color: rgba(255, 255, 255, 0.85)} .btn-custom{color: #fff; background-color: #00aced; background-image: conic-gradient( violet, indigo, blue, green, yellow, orange, red);} div.o_colorpicker_section button.bg-custom{background-color: unset; background: linear-gradient(in hsl longer hue 45deg, red 0 0);} 

/* /theme_cloudoffix_clients/static/src/assets/css/style.css defined in bundle 'web.assets_frontend' */
 html{font-size: initial;} .nav > li > a:hover, .nav > li > a:focus{text-decoration: none; background-color: transparent;} .iconbox-outline > *{color: #f1f2f3;} .bg-gray.footer{color: #757575;} nav.navbar.navbar-expand-lg.navbar-light.navbar-stick-dark.stick .text-dark * , .navbar-open nav.navbar.navbar-expand-lg.navbar-light .text-dark *{color: #191919 !important;} nav.navbar.navbar-expand-lg.navbar-light.navbar-stick-dark.stick .iconbox-outline , .navbar-open nav.navbar.navbar-expand-lg.navbar-light .iconbox-outline{border: 1px solid rgba(117, 117, 117, 0.8);} #oe_snippets .o_panel_header{background: #3c96ff;} .form-horizontal .form-group{margin-left: 0; margin-right: 0;} .form-control{-webkit-box-shadow: none; box-shadow: none;} .bg-login{background-image: url(/theme_cloudoffix_clients/static/src/assets/css/../../assets/img/bg/4.jpg);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 100%; position: relative; margin: 0;} .layout-centered .main-content{display: -webkit-box !important; display: flex !important; -webkit-box-align: center; align-items: center; justify-content: space-around;} button.bg-gradient-primary{background: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important; background: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important;} button.bg-gradient-secondary{background: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important; background: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important;} button.bg-gradient-success{background: -webkit-linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important; background: linear-gradient(45deg, #3cd458 0%, #7ae28d 100%) !important;} button.bg-gradient-danger{background: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important; background: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important;} button.bg-gradient-warning{background: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important; background: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important;} button.bg-gradient-info{background: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important; background: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important;} button.bg-gradient-dark{background: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important; background: linear-gradient(45deg, #191919 0%, #636363 100%) !important;} .nav-link, .nav-link span{cursor: pointer!important;} .panel-body .row{display:block} button#change_domain{margin-bottom: 32px;} .no-before-container:before{display: none!important;} .navbar-dark .dropdown *{color: #323D47; border-color: #323D47;} #wrapwrap > header.header{display: block;} .js_subscribe .form-control:disabled, .form-control[readonly]{background-color: transparent; opacity: 1;} .row:before, .row:after{display: inline-block;} .card-footer .custom-control-label:before{margin-right:0;} .card-footer .custom-checkbox .custom-control-label:after{left: 10px;} 

/* /theme_cloudoffix_clients/static/src/assets/less/colors.less defined in bundle 'web.assets_frontend' */
 .bg-success{background-color: #5cb85c !important; color: #000000;} .bg-primary{background-color: #337ab7 !important; color: #ffffff;} .bg-info{background-color: #5bc0de !important; color: #000000;} .bg-danger{background-color: #d9534f !important; color: #ffffff;} .bg-warning{background-color: #f0ad4e !important; color: #000000;} .color-black{color: #000000;} .color-white{color: #ffffff;} .color-gray-lighter{color: #eeeeee;} .color-gray-light-light{color: #d1d1d1;} .color-gray-light{color: #a7a7a7;} .color-gray-light-dark{color: #808080;} .color-gray{color: #555555;} .color-gray-dark-light{color: #404040;} .color-gray-dark{color: #383838;} .color-gray-dark-dark{color: #303030;} .color-gray-darker{color: #292929;} .color-gray-darkest{color: #212121;} .bg-white{background-color: #ffffff !important; color: #555555;} .bg-black{background-color: #000000 !important; color: #ffffff;} .bg-gray-lighter{background-color: #eeeeee !important; color: #000000;} .bg-gray-light-light{background-color: #d1d1d1 !important; color: #000000;} .bg-gray-light{background-color: #a7a7a7 !important; color: #000000;} .bg-gray-light-dark{background-color: #808080 !important; color: #ffffff;} .bg-gray-dark-light{background-color: #404040 !important; color: #ffffff;} .bg-gray-dark{background-color: #383838 !important; color: #ffffff;} .bg-gray-dark-dark{background-color: #303030 !important; color: #ffffff;} .bg-gray-darker{background-color: #292929 !important; color: #ffffff;} .bg-gray-darkest{background-color: #212121 !important; color: #ffffff;} .color-alpha{color: #5a9bfb;} .color-beta{color: #8645b4;} .color-gamma{color: #7add1d;} .color-delta{color: #ff9428;} .color-epsilon{color: #6e6e6e;} .color-white{color: #ffffff;} .bg-alpha{background-color: #5a9bfb !important; color: #ffffff;} .bg-beta{background-color: #8645b4 !important; color: #ffffff;} .bg-gamma{background-color: #7add1d !important; color: #000000;} .bg-delta{background-color: #ff9428 !important; color: #000000;} .bg-epsilon{background-color: #6e6e6e !important; color: #ffffff;} .bg-alpha-lighter{background-color: #8cb9fc !important; color: #000000;} .bg-beta-lighter{background-color: #9e67c5 !important; color: #ffffff;} .bg-gamma-lighter{background-color: #94e746 !important; color: #000000;} .bg-delta-lighter{background-color: #ffad5b !important; color: #000000;} .bg-epsilon-lighter{background-color: #888888 !important; color: #ffffff;} .bg-alpha-light{background-color: #73aafc !important; color: #000000;} .bg-beta-light{background-color: #9255be !important; color: #ffffff;} .bg-gamma-light{background-color: #87e430 !important; color: #000000;} .bg-delta-light{background-color: #ffa142 !important; color: #000000;} .bg-epsilon-light{background-color: #7b7b7b !important; color: #ffffff;} .bg-alpha-dark{background-color: #418cfa !important; color: #ffffff;} .bg-beta-dark{background-color: #783ea2 !important; color: #ffffff;} .bg-gamma-dark{background-color: #6ec61a !important; color: #000000;} .bg-delta-dark{background-color: #ff870e !important; color: #ffffff;} .bg-epsilon-dark{background-color: #616161 !important; color: #ffffff;} .bg-alpha-darker{background-color: #287dfa !important; color: #ffffff;} .bg-beta-darker{background-color: #6b378f !important; color: #ffffff;} .bg-gamma-darker{background-color: #61b017 !important; color: #ffffff;} .bg-delta-darker{background-color: #f47b00 !important; color: #ffffff;} .bg-epsilon-darker{background-color: #555555 !important; color: #ffffff;} 

/* /theme_cloudoffix_clients/static/src/assets/css/responsive.css defined in bundle 'web.assets_frontend' */
@media (min-width: 768px){.homepage .lead.w-100{width: 80% !important}} @media (max-width: 991px){.navbar-mobile .dropdown-menu.dropdown-menu-right{right: auto; left: 0;}.navbar-expand-lg .navbar-mobile .nav{display: block;}} 

/* /theme_cloudoffix_clients/static/src/assets/css/portal.css defined in bundle 'web.assets_frontend' */
div.portal-header{height: 200px; background: #F5F5F5; margin-top: 59px; padding: 70px 0px 0px 70px;} div.portal-header svg{display: inline-block; vertical-align: middle;} div.portal-header h1{display: inline-block; vertical-align: bottom; padding: 0; margin: 0; line-height: initial; margin-left: 20px;} .o_portal_my_home{padding: 10px; width: 339px; top: 270px; box-shadow: 4px 60px 20px rgba(52, 74, 90, 0.2); position: fixed; left: 0; padding-left: 70px; overflow: auto; border-bottom: 53px solid white; bottom: 0;} html[data-editable] .o_portal_my_home, html[data-translatable] .o_portal_my_home{top: 315px;} .ox_my_home .navbar-light .nav-navbar > .nav-item > .nav-link, .ox_my_home .navbar-light .nav-navbar > .nav-link, .ox_my_home .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link, .ox_my_home .navbar-stick-light.stick .nav-navbar > .nav-link{color: #344A5A; text-transform: none;} .ox_my_home .navbar-brand >img{max-height: 32px;} .ox_my_home .navbar-brand{min-height: 60px;} .ox_my_home .navbar-light .navbar-toggler, .ox_my_home .navbar-stick-light.stick .navbar-toggler{color: #344A5A;} .ox_my_home .ml-auto, .ox_my_home .mx-auto{margin-left: 0 !important; margin-right: auto;} .ox_my_home .navbar-mobile div.dropdown{color: black;} .ox_my_home .navbar-mobile div.dropdown .iconbox-outline{color: black;} .ox_my_home .navbar-mobile div.dropdown .iconbox-outline *{color: black;} .ox_my_home .o_portal{display: none;} .ox_my_home .navbar > .container,.ox_my_home .navbar > .container-fluid{max-width: initial;} .ox_my_home .o_portal_wrap > div.container{max-width: initial; margin-bottom: 0px !important;} .ox_my_home .o_portal_wrap > div.container div.row{margin: 0;} .ox_my_home #wrapwrap footer{display: none;} .ox_my_home .page-header span{font-size: 14px;} .ox_my_home .page-header{padding-bottom: 0px;margin-bottom: 5px;padding-top: 0px;margin-top: 0px;} .ox_my_home .o_portal_docs .list-group-item{padding: 0; border: none; font-size: 14px; padding-right: 20px; padding-left: 28px; margin-bottom: 5px;} .ox_my_home .o_portal_docs .list-group-item a{color: #344A5A;} :root{--doc-badge-color-1: #864EBA; --doc-badge-color-2: #F96139; --doc-badge-color-3: #5ADE77; --doc-badge-color-4: #1977EF;} .ox_my_home .o_portal_docs .list-group-item .badge{border-radius: 5px;} .ox_my_home .o_portal_docs .list-group-item:nth-child(1n) .badge{background: var(--doc-badge-color-1);} .ox_my_home .o_portal_docs .list-group-item:nth-child(2n) .badge{background: var(--doc-badge-color-2);} .ox_my_home .o_portal_docs .list-group-item:nth-child(3n) .badge{background: var(--doc-badge-color-3);} .ox_my_home .o_portal_docs .list-group-item:nth-child(4n) .badge{background: var(--doc-badge-color-4);} .portal-account-details a{text-transform: initial; color: #344A5A; margin-top: 5px; display: inline-block;} .portal-account-details a span{margin-left: 10px;} .portal-account-details__user >img{display: inline-block; border-radius: 50%; max-height: 35px; margin-right: 10px; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));} .portal-account-details__user{display: flex; margin-bottom: 20px; margin-top: 20px; font-weight: bold; color: #344A5A;} .logout-link{position: fixed; bottom: 0; display: inline-block; border-top: 1px solid #F5F5F5; width: 264px; padding-left: 10px; padding-top: 5px; background: white; padding-bottom: 20px;} .logout-link span{color: #344A5A;} .ox_my_home .o_portal_docs .list-group-item.selected a{color: #22BF8E;} #o_my_sidebar{display: none;} .portal-breadcrumb{margin-left: 400px; margin-top: 39px; font-size: 16px; font-weight: bold; white-space: nowrap;} @media (max-width: 767px){.o_portal_my_home{width: 100%;}#o_portal_order_actions{width: 100% !important;}.jSignature{width: 100% !important;}} @media (max-width: 480px){div.portal-header{padding: 23px 0px 0px 70px;}div.portal-header{height: 80px;}div.portal-header h1{font-size: 1.563rem;}div.portal-header svg{width: 35px; height: 35px;}html[data-editable] .o_portal_my_home{top: 200px;}.o_portal_my_home{top: 150px;}} .portal-empty-welcome{text-align: center; margin-top: 30px; position: fixed; bottom: 40px; overflow: auto; top: 261px; left: 400px; right: 40px; background-image: url("/theme_cloudoffix_clients/static/src/assets/img/welcome.svg"); background-repeat: no-repeat; background-size: cover; padding-top: 244px;} .portal-empty-welcome h5{font-size: 30px;} .portal-empty-welcome h6{font-size: 20px;} 

/* /theme_cloudoffix_clients/static/src/assets/less/custom.less defined in bundle 'web.assets_frontend' */
 #theme_customize_modal .modal-dialog{width: 310px;} #theme_customize_modal .modal-content{background: #0C2B54; border-radius: 0;} #theme_customize_modal .modal-content .modal-header{background: rgba(0, 0, 0, 0.38); border: none;} #theme_customize_modal .modal-content .modal-header .close{color: #fff;} #theme_customize_modal .modal-content .modal-header .modal-title{color: #fff; font-size: 14px; font-weight: 600;} #theme_customize_modal .modal-content .modal-body label{color: #fff; cursor: pointer;} #theme_customize_modal .modal-content .modal-body .checked{position: relative; box-shadow: none !important;} #theme_customize_modal .modal-content .modal-body .checked > div{box-shadow: none;} #theme_customize_modal .modal-content .modal-body .checked img{box-shadow: none;} #theme_customize_modal .modal-content .modal-body .checked:after{content: "\f058"; font-family: FontAwesome; position: absolute; top: 0; left: 0; color: #000; background: #fff; width: 20px; height: 20px; border-radius: 50%;} #theme_customize_modal .modal-content .modal-body h5{margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%; text-align: center; color: #fff; font-weight: 300; display: inline-block; vertical-align: top; background: none;} #theme_customize_modal .modal-content .modal-body table{margin-bottom: 18px;} #theme_customize_modal .modal-content .modal-body table[name="color"] label img{height: 60px;} #theme_customize_modal .modal-content .modal-body table[name="layout"] div{background: transparent;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] td{padding: 5px;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label{width: 100%; height: 50px; float: left; border: 2px solid #fff; margin: 0;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label span{width: 100%; display: inline-block; height: 47px; vertical-align: top;} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color1{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color2{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern2.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color3{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern3.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color4{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern4.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color5{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern5.png");} #theme_customize_modal .modal-content .modal-body table[name="bg_patterns"] label .pf-color6{background: url("/theme_cloudoffix_clients/static/src/assets/img/pattern6.png");} 

/* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .has-error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto!important; height: 250px!important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} 

/* /360degree/static/src/css/portal.css defined in bundle 'web.assets_frontend' */
 .edit-control{width: 70% !important; text-align:right; height: 38px !important;} .custom-td-element{padding:0 8px 8px 8px !important; line-height: 0 !important;} 

/* /website_animate/static/src/less/o_animate_frontend.less defined in bundle 'web.assets_frontend' */
 .o_animate{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .o_anim_dur1500{-webkit-animation-duration: 1500ms; animation-duration: 1500ms;} .o_anim_dur2000{-webkit-animation-duration: 2000ms; animation-duration: 2000ms;} .o_anim_dur2500{-webkit-animation-duration: 2500ms; animation-duration: 2500ms;} .o_anim_dur3000{-webkit-animation-duration: 3000ms; animation-duration: 3000ms;} .o_anim_del500{-webkit-animation-delay: 500ms; animation-delay: 500ms;} .o_anim_del1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .o_anim_del1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;} .o_anim_del2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;} .o_anim_del2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;} @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} .o_anim_bounce_in{-webkit-animation-name: o_anim_bounce_in; animation-name: o_anim_bounce_in;} @-moz-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_down{-webkit-animation-name: o_anim_bounce_in_down; animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_left{-webkit-animation-name: o_anim_bounce_in_left; animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_right{-webkit-animation-name: o_anim_bounce_in_right; animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{-webkit-animation-name: o_anim_fade_in; animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_down{-webkit-animation-name: o_anim_fade_in_down; animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_left{-webkit-animation-name: o_anim_fade_in_left; animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_right{-webkit-animation-name: o_anim_fade_in_right; animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_up{-webkit-animation-name: o_anim_fade_in_up; animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{-webkit-animation-name: o_anim_fade_out; animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; -ms-transform-origin: center 50% 0; -webkit-transform-origin: center 50% 0; -moz-transform-origin: center 50% 0; transform-origin: center 50% 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -ms-transform-origin: center 50% 0; -webkit-transform-origin: center 50% 0; -moz-transform-origin: center 50% 0; transform-origin: center 50% 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in{-webkit-animation-name: o_anim_rotate_in; animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in_down_left{-webkit-animation-name: o_anim_rotate_in_down_left; animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in_down_right{-webkit-animation-name: o_anim_rotate_in_down_right; animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{-webkit-animation-name: o_anim_zoom_in; animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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 o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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);}} .o_anim_zoom_in_down{-webkit-animation-name: o_anim_zoom_in_down; animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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 o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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);}} .o_anim_zoom_in_left{-webkit-animation-name: o_anim_zoom_in_left; animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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 o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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);}} .o_anim_zoom_in_right{-webkit-animation-name: o_anim_zoom_in_right; animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{-webkit-animation-name: o_anim_flash; animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} .o_anim_pulse{-webkit-animation-name: o_anim_pulse; animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} .o_anim_shake{-webkit-animation-name: o_anim_shake; animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-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); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-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); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-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); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .o_anim_tada{-webkit-animation-name: o_anim_tada; animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_x{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_x; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_y{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_y; animation-name: o_anim_flip_in_y;} body.has-left-right-animations{overflow-x: hidden;} 

/* /co_appbuilder/static/lib/cdoc.css defined in bundle 'web.assets_frontend' */
.cdoc-container{margin-top: 10px; position: fixed; bottom: 40px; overflow: auto; top: 370px; left: 400px; right: 0px;} html[data-editable] .cdoc-container, html[data-translatable] .cdoc-container{top: 370px;} .portal-breadcrumb div.record_pager{position: fixed; right: 45px;} .cdoc-container .fd-arch-tree{margin-right: 100px;} .cdoc-container .fd-arch-tree .fd-arch-tree-table{min-width: 100%;} .ox_custom_doc .portal-empty-welcome{display: none;} .ox_custom_doc .portal-breadcrumb{margin-left: 370px;} @media (max-width: 767px){.ox_custom_doc .o_portal_my_home{display: none;}.cdoc-container{left: 10px;}.ox_custom_doc .portal-breadcrumb{margin-left: -8px;}.ox_custom_doc .logout-link{display: none;}} @media (max-width: 480px){html[data-editable] .cdoc-container{top: 240px;}.cdoc-container{top: 220px;}} 

/* /co_base_customizations2/static/src/css/attachment_share.css defined in bundle 'web.assets_frontend' */
.fancy-download-btn{position: absolute; top: 0px; right: 0px; background: transparent; color: #fff; border: none; text-decoration: none; box-shadow: none; transition: all 0.3s ease; text-align: center; display: inline-block; cursor: pointer; width: auto; height: auto;} .fancy-download-btn:hover{transform: scale(1.1);} .fancy-download-btn i{font-size: 20px;} .mfp-content video{width: 100%; max-width: 85%; max-height: 85%; border: none;} .mfp-content{text-align:center !important;} .mfp-iframe-scaler{width: 98% !important; overflow: hidden; padding-top: 48% !important; position: fixed; top: 1%; left: 1%; z-index: 9999; overflow: hidden; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); border-radius: 10px; background: white;} .mfp-iframe{width: 100%; height: 100%; border: none;} 

/* /saas_tools_backend/static/src/css/_cw.css defined in bundle 'web.assets_frontend' */
nav#oe_main_menu_navbar{background: #F8F8F8; color:black;} .o_main_navbar > ul > li > a{color: #344A5A;} .fa-app-drawer:before{content: "\f34e";} #oe_main_menu_navbar{font-family: sans-serif;} #oe_main_menu_navbar i.fa.fa-app-drawer{font-size: 21px; margin-right: 10px;} #web_editor-top-edit form.navbar-form .btn.btn-primary{background-color: transparent !important;} #web_editor-top-edit a.note-custom-color-picker{display: inline-block; border-radius: 5px; padding: 0; cursor: pointer; font-size: 22px;} body .modal.o_technical_modal .note-color-picker-dlg input.form-control{height: 40px;} .note-color-picker-dlg.modal-body input{width: 100%; border: 0px; font-size: 20px; font-family: monospace; border: 1px solid silver; margin-bottom: 10px;} .note-color-recent{padding: 9px 0px; width: 165px; white-space: normal;} .note-color-recent>button{border: 1px solid black !important;} .note-custom-colors{margin-top: 10px;} div.note-color .btn-group.open .btn-group{vertical-align: top !important;} .note-color-recent>button{} span.oe_surve_html_choice>p, th.oe_surve_html_choice>span{display: inline; word-break: break-word;} h5.oe_survey_question{display: flex;} div.js_question-wrapper input[type="radio"],div.js_question-wrapper input[type="checkbox"]{width: 16px; height: 16px; position: relative; top: 2px;} 

/* /payment/static/src/css/portal_payment.css defined in bundle 'web.assets_frontend' */
input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.img-rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/less/payment_form.less defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: top; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .panel-body:first-child{border-top: 0px;} .o_payment_form .panel{border-radius: 10px;} .o_payment_form .panel-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .panel-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: -10px; right: 0px; font-size: 10px;} 

/* /co_website_survey/static/src/css/co_website_survey.css defined in bundle 'web.assets_frontend' */
.survey_label_description{height: 150px; overflow: hidden; padding: 5px;} .col-md-12 .survey_label_description{height: auto; overflow: auto; padding: 5px;} 

/* /co_website_survey/static/src/css/survey_countdown_timer.css defined in bundle 'web.assets_frontend' */
.page-header{padding-bottom: 9px; margin: 80px 0 40px; border-bottom: 0;} .survey-timer-style{width: 100%; font-family: sans-serif; font-weight: bold; border-style: groove;} .survey-timer-colorDefinition{background: whitesmoke; color: red; border-color: silver;} .survey-timer-size{font-size:40px; border-width: 1px; border-radius: 10px;}