.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75} button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none} .modal-open{overflow:hidden} .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0} .modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none} .modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)} @media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}} .modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)} .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))} .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000} .modal-backdrop.fade{opacity:0} .modal-backdrop.show{opacity:.5} .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem} .modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto} .modal-title{margin-bottom:0;line-height:1.5} .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem} .modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef} .modal-footer>:not(:first-child){margin-left:.25rem} .modal-footer>:not(:last-child){margin-right:.25rem} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} @media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}} @media (min-width:992px){.modal-lg{max-width:800px}} .tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0} .tooltip.show{opacity:.9} .tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem} .tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid} .bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0} .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0} .bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000} .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem} .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem} .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000} .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0} .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0} .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000} .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem} .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem} .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000} .tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem} .popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem} .popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem} .popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid} .bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem} .bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)} .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0} .bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff} .bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem} .bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0} .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0} .bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff} .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem} .bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)} .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem} .bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff} .bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7} .bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem} .bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0} .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem} .bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff} .popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)} .popover-header:empty{display:none} .popover-body{padding:.5rem .75rem;color:#212529} .carousel{position:relative} .carousel-inner{position:relative;width:100%;overflow:hidden} .carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px} .carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease} @media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}} .carousel-item-next,.carousel-item-prev{position:absolute;top:0} .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} .active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}} .carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity} .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1} .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0} .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5} .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9} .carousel-control-prev{left:0} .carousel-control-next{right:0} .carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%} .carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")} .carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")} .carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none} .carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)} .carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} .carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} .carousel-indicators .active{background-color:#fff} .carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center} .align-baseline{vertical-align:baseline!important} .align-top{vertical-align:top!important} .align-middle{vertical-align:middle!important} .align-bottom{vertical-align:bottom!important} .align-text-bottom{vertical-align:text-bottom!important} .align-text-top{vertical-align:text-top!important} .bg-primary{background-color:#007bff!important} a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important} .bg-secondary{background-color:#6c757d!important} a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important} .bg-success{background-color:#28a745!important} a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important} .bg-info{background-color:#17a2b8!important} a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important} .bg-warning{background-color:#ffc107!important} a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important} .bg-danger{background-color:#dc3545!important} a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important} .bg-light{background-color:#f8f9fa!important} a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important} .bg-dark{background-color:#343a40!important} a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important} .bg-white{background-color:#fff!important} .bg-transparent{background-color:transparent!important} .border{border:1px solid #dee2e6!important} .border-top{border-top:1px solid #dee2e6!important} .border-right{border-right:1px solid #dee2e6!important} .border-bottom{border-bottom:1px solid #dee2e6!important} .border-left{border-left:1px solid #dee2e6!important} .border-0{border:0!important} .border-top-0{border-top:0!important} .border-right-0{border-right:0!important} .border-bottom-0{border-bottom:0!important} .border-left-0{border-left:0!important} .border-primary{border-color:#007bff!important} .border-secondary{border-color:#6c757d!important} .border-success{border-color:#28a745!important} .border-info{border-color:#17a2b8!important} .border-warning{border-color:#ffc107!important} .border-danger{border-color:#dc3545!important} .border-light{border-color:#f8f9fa!important} .border-dark{border-color:#343a40!important} .border-white{border-color:#fff!important} .rounded{border-radius:.25rem!important} .rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important} .rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important} .rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important} .rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important} .rounded-circle{border-radius:50%!important} .rounded-0{border-radius:0!important} .clearfix::after{display:block;clear:both;content:""} .d-none{display:none!important} .d-inline{display:inline!important} .d-inline-block{display:inline-block!important} .d-block{display:block!important} .d-table{display:table!important} .d-table-row{display:table-row!important} .d-table-cell{display:table-cell!important} .d-flex{display:-ms-flexbox!important;display:flex!important} .d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} @media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}} @media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}} @media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}} @media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}} @media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}} .embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden} .embed-responsive::before{display:block;content:""} .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .embed-responsive-21by9::before{padding-top:42.857143%} .embed-responsive-16by9::before{padding-top:56.25%} .embed-responsive-4by3::before{padding-top:75%} .embed-responsive-1by1::before{padding-top:100%} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-center{-ms-flex-align:center!important;align-items:center!important} .align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} @media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} @media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} @media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} @media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} .float-left{float:left!important} .float-right{float:right!important} .float-none{float:none!important} @media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}} @media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}} @media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}} @media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}} .position-static{position:static!important} .position-relative{position:relative!important} .position-absolute{position:absolute!important} .position-fixed{position:fixed!important} .position-sticky{position:-webkit-sticky!important;position:sticky!important} .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030} .fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030} @supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}} .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal} .shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important} .shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important} .shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important} .shadow-none{box-shadow:none!important} .w-25{width:25%!important} .w-50{width:50%!important} .w-75{width:75%!important} .w-100{width:100%!important} .w-auto{width:auto!important} .h-25{height:25%!important} .h-50{height:50%!important} .h-75{height:75%!important} .h-100{height:100%!important} .h-auto{height:auto!important} .mw-100{max-width:100%!important} .mh-100{max-height:100%!important} .m-0{margin:0!important} .mt-0,.my-0{margin-top:0!important} .mr-0,.mx-0{margin-right:0!important} .mb-0,.my-0{margin-bottom:0!important} .ml-0,.mx-0{margin-left:0!important} .m-1{margin:.25rem!important} .mt-1,.my-1{margin-top:.25rem!important} .mr-1,.mx-1{margin-right:.25rem!important} .mb-1,.my-1{margin-bottom:.25rem!important} .ml-1,.mx-1{margin-left:.25rem!important} .m-2{margin:.5rem!important} .mt-2,.my-2{margin-top:.5rem!important} .mr-2,.mx-2{margin-right:.5rem!important} .mb-2,.my-2{margin-bottom:.5rem!important} .ml-2,.mx-2{margin-left:.5rem!important} .m-3{margin:1rem!important} .mt-3,.my-3{margin-top:1rem!important} .mr-3,.mx-3{margin-right:1rem!important} .mb-3,.my-3{margin-bottom:1rem!important} .ml-3,.mx-3{margin-left:1rem!important} .m-4{margin:1.5rem!important} .mt-4,.my-4{margin-top:1.5rem!important} .mr-4,.mx-4{margin-right:1.5rem!important} .mb-4,.my-4{margin-bottom:1.5rem!important} .ml-4,.mx-4{margin-left:1.5rem!important} .m-5{margin:3rem!important} .mt-5,.my-5{margin-top:3rem!important} .mr-5,.mx-5{margin-right:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .ml-5,.mx-5{margin-left:3rem!important} .p-0{padding:0!important} .pt-0,.py-0{padding-top:0!important} .pr-0,.px-0{padding-right:0!important} .pb-0,.py-0{padding-bottom:0!important} .pl-0,.px-0{padding-left:0!important} .p-1{padding:.25rem!important} .pt-1,.py-1{padding-top:.25rem!important} .pr-1,.px-1{padding-right:.25rem!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pl-1,.px-1{padding-left:.25rem!important} .p-2{padding:.5rem!important} .pt-2,.py-2{padding-top:.5rem!important} .pr-2,.px-2{padding-right:.5rem!important} .pb-2,.py-2{padding-bottom:.5rem!important} .pl-2,.px-2{padding-left:.5rem!important} .p-3{padding:1rem!important} .pt-3,.py-3{padding-top:1rem!important} .pr-3,.px-3{padding-right:1rem!important} .pb-3,.py-3{padding-bottom:1rem!important} .pl-3,.px-3{padding-left:1rem!important} .p-4{padding:1.5rem!important} .pt-4,.py-4{padding-top:1.5rem!important} .pr-4,.px-4{padding-right:1.5rem!important} .pb-4,.py-4{padding-bottom:1.5rem!important} .pl-4,.px-4{padding-left:1.5rem!important} .p-5{padding:3rem!important} .pt-5,.py-5{padding-top:3rem!important} .pr-5,.px-5{padding-right:3rem!important} .pb-5,.py-5{padding-bottom:3rem!important} .pl-5,.px-5{padding-left:3rem!important} .m-auto{margin:auto!important} .mt-auto,.my-auto{margin-top:auto!important} .mr-auto,.mx-auto{margin-right:auto!important} .mb-auto,.my-auto{margin-bottom:auto!important} .ml-auto,.mx-auto{margin-left:auto!important} @media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}} @media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}} @media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}} @media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}} .text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} .text-justify{text-align:justify!important} .text-nowrap{white-space:nowrap!important} .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-left{text-align:left!important} .text-right{text-align:right!important} .text-center{text-align:center!important} @media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}} @media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}} @media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}} @media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}} .text-lowercase{text-transform:lowercase!important} .text-uppercase{text-transform:uppercase!important} .text-capitalize{text-transform:capitalize!important} .font-weight-light{font-weight:300!important} .font-weight-normal{font-weight:400!important} .font-weight-bold{font-weight:700!important} .font-italic{font-style:italic!important} .text-white{color:#fff!important} .text-primary{color:#007bff!important} a.text-primary:focus,a.text-primary:hover{color:#0062cc!important} .text-secondary{color:#6c757d!important} a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important} .text-success{color:#28a745!important} a.text-success:focus,a.text-success:hover{color:#1e7e34!important} .text-info{color:#17a2b8!important} a.text-info:focus,a.text-info:hover{color:#117a8b!important} .text-warning{color:#ffc107!important} a.text-warning:focus,a.text-warning:hover{color:#d39e00!important} .text-danger{color:#dc3545!important} a.text-danger:focus,a.text-danger:hover{color:#bd2130!important} .text-light{color:#f8f9fa!important} a.text-light:focus,a.text-light:hover{color:#dae0e5!important} .text-dark{color:#343a40!important} a.text-dark:focus,a.text-dark:hover{color:#1d2124!important} .text-body{color:#212529!important} .text-muted{color:#6c757d!important} .text-black-50{color:rgba(0,0,0,.5)!important} .text-white-50{color:rgba(255,255,255,.5)!important} .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} .visible{visibility:visible!important} .invisible{visibility:hidden!important} @media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} 

/* /template_integration_for_odoo_website/static/css/bootstrap-reboot.min.css defined in bundle 'web.assets_frontend' */
*,::after,::before{box-sizing:border-box} html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent} @-ms-viewport{width:device-width} article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:right;background-color:#fff} [tabindex="-1"]:focus{outline:0!important} hr{box-sizing:content-box;height:0;overflow:visible} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem} p{margin-top:0;margin-bottom:1rem} abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0} address{margin-bottom:1rem;font-style:normal;line-height:inherit} dl,ol,ul{margin-top:0;margin-bottom:1rem} ol ol,ol ul,ul ol,ul ul{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-right:0} blockquote{margin:0 0 1rem} dfn{font-style:italic} b,strong{font-weight:bolder} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects} a:hover{color:#0056b3;text-decoration:underline} a:not([href]):not([tabindex]){color:inherit;text-decoration:none} a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none} a:not([href]):not([tabindex]):focus{outline:0} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar} figure{margin:0 0 1rem} img{vertical-align:middle;border-style:none} svg:not(:root){overflow:hidden} table{border-collapse:collapse} caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:right;caption-side:bottom} th{text-align:inherit} label{display:inline-block;margin-bottom:.5rem} button{border-radius:0} button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} button,input{overflow:visible} button,select{text-transform:none} [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox} textarea{overflow:auto;resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal} progress{vertical-align:baseline} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{outline-offset:-2px;-webkit-appearance:none} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} output{display:inline-block} summary{display:list-item;cursor:pointer} template{display:none} [hidden]{display:none!important} 

/* /template_integration_for_odoo_website/static/vendors/bootstrap-selector/css/bootstrap-select.min.css defined in bundle 'web.assets_frontend' */
.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important} .bootstrap-select{width:220px\0} .bootstrap-select>.dropdown-toggle{position:relative;width:100%;z-index:1;text-align:right;white-space:nowrap} .bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999} .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)} .bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none} .bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2} .bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle{border-color:#b94a48} .bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle{border-color:#28a745} .bootstrap-select.fit-width{width:auto!important} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px} .bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px} .bootstrap-select.form-control{margin-bottom:0;padding:0;border:none} :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%} .bootstrap-select.form-control.input-group-btn{z-index:auto} .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0} .bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0} .bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right} .form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0} .form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0} .form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit} .bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit} .bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem} .bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem} .form-inline .bootstrap-select .form-control{width:100%} .bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed} .bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important} .bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important} .bootstrap-select.bs-container .dropdown-menu{z-index:1060} .bootstrap-select .dropdown-toggle:before{content:'';display:inline-block} .bootstrap-select .dropdown-toggle .filter-option{position:absolute;top:0;left:0;padding-top:inherit;padding-right:inherit;padding-bottom:inherit;padding-left:inherit;height:100%;width:100%;text-align:left} .bootstrap-select .dropdown-toggle .filter-option-inner{padding-right:inherit} .bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden} .bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle} .input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit} .bootstrap-select[class*=col-] .dropdown-toggle{width:100%} .bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select .dropdown-menu>.inner:focus{outline:0!important} .bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none} .bootstrap-select .dropdown-menu li{position:relative} .bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important} .bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed} .bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em} .bootstrap-select .dropdown-menu li a span.check-mark{display:none} .bootstrap-select .dropdown-menu li a span.text{display:inline-block} .bootstrap-select .dropdown-menu li small{padding-left:.5em} .bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap} .bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0} .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline} .bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px} .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px} .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px} .bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061} .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none} .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block} .bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px} .bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-actionsbox .btn-group button{width:50%} .bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-donebutton .btn-group button{width:100%} .bs-searchbox+.bs-actionsbox{padding:0 8px 4px} .bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} 

/* /template_integration_for_odoo_website/static/vendors/themify-icon/themify-icons.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: 'themify'; src:url('/template_integration_for_odoo_website/static/vendors/themify-icon/fonts/themify.eot?-fvbane'); src:url('/template_integration_for_odoo_website/static/vendors/themify-icon/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('/template_integration_for_odoo_website/static/vendors/themify-icon/fonts/themify.woff?-fvbane') format('woff'), url('/template_integration_for_odoo_website/static/vendors/themify-icon/fonts/themify.ttf?-fvbane') format('truetype'), url('/template_integration_for_odoo_website/static/vendors/themify-icon/fonts/themify.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal;} [class^="ti-"], [class*=" ti-"]{font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ti-wand:before{content: "\e600";} .ti-volume:before{content: "\e601";} .ti-user:before{content: "\e602";} .ti-unlock:before{content: "\e603";} .ti-unlink:before{content: "\e604";} .ti-trash:before{content: "\e605";} .ti-thought:before{content: "\e606";} .ti-target:before{content: "\e607";} .ti-tag:before{content: "\e608";} .ti-tablet:before{content: "\e609";} .ti-star:before{content: "\e60a";} .ti-spray:before{content: "\e60b";} .ti-signal:before{content: "\e60c";} .ti-shopping-cart:before{content: "\e60d";} .ti-shopping-cart-full:before{content: "\e60e";} .ti-settings:before{content: "\e60f";} .ti-search:before{content: "\e610";} .ti-zoom-in:before{content: "\e611";} .ti-zoom-out:before{content: "\e612";} .ti-cut:before{content: "\e613";} .ti-ruler:before{content: "\e614";} .ti-ruler-pencil:before{content: "\e615";} .ti-ruler-alt:before{content: "\e616";} .ti-bookmark:before{content: "\e617";} .ti-bookmark-alt:before{content: "\e618";} .ti-reload:before{content: "\e619";} .ti-plus:before{content: "\e61a";} .ti-pin:before{content: "\e61b";} .ti-pencil:before{content: "\e61c";} .ti-pencil-alt:before{content: "\e61d";} .ti-paint-roller:before{content: "\e61e";} .ti-paint-bucket:before{content: "\e61f";} .ti-na:before{content: "\e620";} .ti-mobile:before{content: "\e621";} .ti-minus:before{content: "\e622";} .ti-medall:before{content: "\e623";} .ti-medall-alt:before{content: "\e624";} .ti-marker:before{content: "\e625";} .ti-marker-alt:before{content: "\e626";} .ti-arrow-up:before{content: "\e627";} .ti-arrow-right:before{content: "\e628";} .ti-arrow-left:before{content: "\e629";} .ti-arrow-down:before{content: "\e62a";} .ti-lock:before{content: "\e62b";} .ti-location-arrow:before{content: "\e62c";} .ti-link:before{content: "\e62d";} .ti-layout:before{content: "\e62e";} .ti-layers:before{content: "\e62f";} .ti-layers-alt:before{content: "\e630";} .ti-key:before{content: "\e631";} .ti-import:before{content: "\e632";} .ti-image:before{content: "\e633";} .ti-heart:before{content: "\e634";} .ti-heart-broken:before{content: "\e635";} .ti-hand-stop:before{content: "\e636";} .ti-hand-open:before{content: "\e637";} .ti-hand-drag:before{content: "\e638";} .ti-folder:before{content: "\e639";} .ti-flag:before{content: "\e63a";} .ti-flag-alt:before{content: "\e63b";} .ti-flag-alt-2:before{content: "\e63c";} .ti-eye:before{content: "\e63d";} .ti-export:before{content: "\e63e";} .ti-exchange-vertical:before{content: "\e63f";} .ti-desktop:before{content: "\e640";} .ti-cup:before{content: "\e641";} .ti-crown:before{content: "\e642";} .ti-comments:before{content: "\e643";} .ti-comment:before{content: "\e644";} .ti-comment-alt:before{content: "\e645";} .ti-close:before{content: "\e646";} .ti-clip:before{content: "\e647";} .ti-angle-up:before{content: "\e648";} .ti-angle-right:before{content: "\e649";} .ti-angle-left:before{content: "\e64a";} .ti-angle-down:before{content: "\e64b";} .ti-check:before{content: "\e64c";} .ti-check-box:before{content: "\e64d";} .ti-camera:before{content: "\e64e";} .ti-announcement:before{content: "\e64f";} .ti-brush:before{content: "\e650";} .ti-briefcase:before{content: "\e651";} .ti-bolt:before{content: "\e652";} .ti-bolt-alt:before{content: "\e653";} .ti-blackboard:before{content: "\e654";} .ti-bag:before{content: "\e655";} .ti-move:before{content: "\e656";} .ti-arrows-vertical:before{content: "\e657";} .ti-arrows-horizontal:before{content: "\e658";} .ti-fullscreen:before{content: "\e659";} .ti-arrow-top-right:before{content: "\e65a";} .ti-arrow-top-left:before{content: "\e65b";} .ti-arrow-circle-up:before{content: "\e65c";} .ti-arrow-circle-right:before{content: "\e65d";} .ti-arrow-circle-left:before{content: "\e65e";} .ti-arrow-circle-down:before{content: "\e65f";} .ti-angle-double-up:before{content: "\e660";} .ti-angle-double-right:before{content: "\e661";} .ti-angle-double-left:before{content: "\e662";} .ti-angle-double-down:before{content: "\e663";} .ti-zip:before{content: "\e664";} .ti-world:before{content: "\e665";} .ti-wheelchair:before{content: "\e666";} .ti-view-list:before{content: "\e667";} .ti-view-list-alt:before{content: "\e668";} .ti-view-grid:before{content: "\e669";} .ti-uppercase:before{content: "\e66a";} .ti-upload:before{content: "\e66b";} .ti-underline:before{content: "\e66c";} .ti-truck:before{content: "\e66d";} .ti-timer:before{content: "\e66e";} .ti-ticket:before{content: "\e66f";} .ti-thumb-up:before{content: "\e670";} .ti-thumb-down:before{content: "\e671";} .ti-text:before{content: "\e672";} .ti-stats-up:before{content: "\e673";} .ti-stats-down:before{content: "\e674";} .ti-split-v:before{content: "\e675";} .ti-split-h:before{content: "\e676";} .ti-smallcap:before{content: "\e677";} .ti-shine:before{content: "\e678";} .ti-shift-right:before{content: "\e679";} .ti-shift-left:before{content: "\e67a";} .ti-shield:before{content: "\e67b";} .ti-notepad:before{content: "\e67c";} .ti-server:before{content: "\e67d";} .ti-quote-right:before{content: "\e67e";} .ti-quote-left:before{content: "\e67f";} .ti-pulse:before{content: "\e680";} .ti-printer:before{content: "\e681";} .ti-power-off:before{content: "\e682";} .ti-plug:before{content: "\e683";} .ti-pie-chart:before{content: "\e684";} .ti-paragraph:before{content: "\e685";} .ti-panel:before{content: "\e686";} .ti-package:before{content: "\e687";} .ti-music:before{content: "\e688";} .ti-music-alt:before{content: "\e689";} .ti-mouse:before{content: "\e68a";} .ti-mouse-alt:before{content: "\e68b";} .ti-money:before{content: "\e68c";} .ti-microphone:before{content: "\e68d";} .ti-menu:before{content: "\e68e";} .ti-menu-alt:before{content: "\e68f";} .ti-map:before{content: "\e690";} .ti-map-alt:before{content: "\e691";} .ti-loop:before{content: "\e692";} .ti-location-pin:before{content: "\e693";} .ti-list:before{content: "\e694";} .ti-light-bulb:before{content: "\e695";} .ti-Italic:before{content: "\e696";} .ti-info:before{content: "\e697";} .ti-infinite:before{content: "\e698";} .ti-id-badge:before{content: "\e699";} .ti-hummer:before{content: "\e69a";} .ti-home:before{content: "\e69b";} .ti-help:before{content: "\e69c";} .ti-headphone:before{content: "\e69d";} .ti-harddrives:before{content: "\e69e";} .ti-harddrive:before{content: "\e69f";} .ti-gift:before{content: "\e6a0";} .ti-game:before{content: "\e6a1";} .ti-filter:before{content: "\e6a2";} .ti-files:before{content: "\e6a3";} .ti-file:before{content: "\e6a4";} .ti-eraser:before{content: "\e6a5";} .ti-envelope:before{content: "\e6a6";} .ti-download:before{content: "\e6a7";} .ti-direction:before{content: "\e6a8";} .ti-direction-alt:before{content: "\e6a9";} .ti-dashboard:before{content: "\e6aa";} .ti-control-stop:before{content: "\e6ab";} .ti-control-shuffle:before{content: "\e6ac";} .ti-control-play:before{content: "\e6ad";} .ti-control-pause:before{content: "\e6ae";} .ti-control-forward:before{content: "\e6af";} .ti-control-backward:before{content: "\e6b0";} .ti-cloud:before{content: "\e6b1";} .ti-cloud-up:before{content: "\e6b2";} .ti-cloud-down:before{content: "\e6b3";} .ti-clipboard:before{content: "\e6b4";} .ti-car:before{content: "\e6b5";} .ti-calendar:before{content: "\e6b6";} .ti-book:before{content: "\e6b7";} .ti-bell:before{content: "\e6b8";} .ti-basketball:before{content: "\e6b9";} .ti-bar-chart:before{content: "\e6ba";} .ti-bar-chart-alt:before{content: "\e6bb";} .ti-back-right:before{content: "\e6bc";} .ti-back-left:before{content: "\e6bd";} .ti-arrows-corner:before{content: "\e6be";} .ti-archive:before{content: "\e6bf";} .ti-anchor:before{content: "\e6c0";} .ti-align-right:before{content: "\e6c1";} .ti-align-left:before{content: "\e6c2";} .ti-align-justify:before{content: "\e6c3";} .ti-align-center:before{content: "\e6c4";} .ti-alert:before{content: "\e6c5";} .ti-alarm-clock:before{content: "\e6c6";} .ti-agenda:before{content: "\e6c7";} .ti-write:before{content: "\e6c8";} .ti-window:before{content: "\e6c9";} .ti-widgetized:before{content: "\e6ca";} .ti-widget:before{content: "\e6cb";} .ti-widget-alt:before{content: "\e6cc";} .ti-wallet:before{content: "\e6cd";} .ti-video-clapper:before{content: "\e6ce";} .ti-video-camera:before{content: "\e6cf";} .ti-vector:before{content: "\e6d0";} .ti-themify-logo:before{content: "\e6d1";} .ti-themify-favicon:before{content: "\e6d2";} .ti-themify-favicon-alt:before{content: "\e6d3";} .ti-support:before{content: "\e6d4";} .ti-stamp:before{content: "\e6d5";} .ti-split-v-alt:before{content: "\e6d6";} .ti-slice:before{content: "\e6d7";} .ti-shortcode:before{content: "\e6d8";} .ti-shift-right-alt:before{content: "\e6d9";} .ti-shift-left-alt:before{content: "\e6da";} .ti-ruler-alt-2:before{content: "\e6db";} .ti-receipt:before{content: "\e6dc";} .ti-pin2:before{content: "\e6dd";} .ti-pin-alt:before{content: "\e6de";} .ti-pencil-alt2:before{content: "\e6df";} .ti-palette:before{content: "\e6e0";} .ti-more:before{content: "\e6e1";} .ti-more-alt:before{content: "\e6e2";} .ti-microphone-alt:before{content: "\e6e3";} .ti-magnet:before{content: "\e6e4";} .ti-line-double:before{content: "\e6e5";} .ti-line-dotted:before{content: "\e6e6";} .ti-line-dashed:before{content: "\e6e7";} .ti-layout-width-full:before{content: "\e6e8";} .ti-layout-width-default:before{content: "\e6e9";} .ti-layout-width-default-alt:before{content: "\e6ea";} .ti-layout-tab:before{content: "\e6eb";} .ti-layout-tab-window:before{content: "\e6ec";} .ti-layout-tab-v:before{content: "\e6ed";} .ti-layout-tab-min:before{content: "\e6ee";} .ti-layout-slider:before{content: "\e6ef";} .ti-layout-slider-alt:before{content: "\e6f0";} .ti-layout-sidebar-right:before{content: "\e6f1";} .ti-layout-sidebar-none:before{content: "\e6f2";} .ti-layout-sidebar-left:before{content: "\e6f3";} .ti-layout-placeholder:before{content: "\e6f4";} .ti-layout-menu:before{content: "\e6f5";} .ti-layout-menu-v:before{content: "\e6f6";} .ti-layout-menu-separated:before{content: "\e6f7";} .ti-layout-menu-full:before{content: "\e6f8";} .ti-layout-media-right-alt:before{content: "\e6f9";} .ti-layout-media-right:before{content: "\e6fa";} .ti-layout-media-overlay:before{content: "\e6fb";} .ti-layout-media-overlay-alt:before{content: "\e6fc";} .ti-layout-media-overlay-alt-2:before{content: "\e6fd";} .ti-layout-media-left-alt:before{content: "\e6fe";} .ti-layout-media-left:before{content: "\e6ff";} .ti-layout-media-center-alt:before{content: "\e700";} .ti-layout-media-center:before{content: "\e701";} .ti-layout-list-thumb:before{content: "\e702";} .ti-layout-list-thumb-alt:before{content: "\e703";} .ti-layout-list-post:before{content: "\e704";} .ti-layout-list-large-image:before{content: "\e705";} .ti-layout-line-solid:before{content: "\e706";} .ti-layout-grid4:before{content: "\e707";} .ti-layout-grid3:before{content: "\e708";} .ti-layout-grid2:before{content: "\e709";} .ti-layout-grid2-thumb:before{content: "\e70a";} .ti-layout-cta-right:before{content: "\e70b";} .ti-layout-cta-left:before{content: "\e70c";} .ti-layout-cta-center:before{content: "\e70d";} .ti-layout-cta-btn-right:before{content: "\e70e";} .ti-layout-cta-btn-left:before{content: "\e70f";} .ti-layout-column4:before{content: "\e710";} .ti-layout-column3:before{content: "\e711";} .ti-layout-column2:before{content: "\e712";} .ti-layout-accordion-separated:before{content: "\e713";} .ti-layout-accordion-merged:before{content: "\e714";} .ti-layout-accordion-list:before{content: "\e715";} .ti-ink-pen:before{content: "\e716";} .ti-info-alt:before{content: "\e717";} .ti-help-alt:before{content: "\e718";} .ti-headphone-alt:before{content: "\e719";} .ti-hand-point-up:before{content: "\e71a";} .ti-hand-point-right:before{content: "\e71b";} .ti-hand-point-left:before{content: "\e71c";} .ti-hand-point-down:before{content: "\e71d";} .ti-gallery:before{content: "\e71e";} .ti-face-smile:before{content: "\e71f";} .ti-face-sad:before{content: "\e720";} .ti-credit-card:before{content: "\e721";} .ti-control-skip-forward:before{content: "\e722";} .ti-control-skip-backward:before{content: "\e723";} .ti-control-record:before{content: "\e724";} .ti-control-eject:before{content: "\e725";} .ti-comments-smiley:before{content: "\e726";} .ti-brush-alt:before{content: "\e727";} .ti-youtube:before{content: "\e728";} .ti-vimeo:before{content: "\e729";} .ti-twitter:before{content: "\e72a";} .ti-time:before{content: "\e72b";} .ti-tumblr:before{content: "\e72c";} .ti-skype:before{content: "\e72d";} .ti-share:before{content: "\e72e";} .ti-share-alt:before{content: "\e72f";} .ti-rocket:before{content: "\e730";} .ti-pinterest:before{content: "\e731";} .ti-new-window:before{content: "\e732";} .ti-microsoft:before{content: "\e733";} .ti-list-ol:before{content: "\e734";} .ti-linkedin:before{content: "\e735";} .ti-layout-sidebar-2:before{content: "\e736";} .ti-layout-grid4-alt:before{content: "\e737";} .ti-layout-grid3-alt:before{content: "\e738";} .ti-layout-grid2-alt:before{content: "\e739";} .ti-layout-column4-alt:before{content: "\e73a";} .ti-layout-column3-alt:before{content: "\e73b";} .ti-layout-column2-alt:before{content: "\e73c";} .ti-instagram:before{content: "\e73d";} .ti-google:before{content: "\e73e";} .ti-github:before{content: "\e73f";} .ti-flickr:before{content: "\e740";} .ti-facebook:before{content: "\e741";} .ti-dropbox:before{content: "\e742";} .ti-dribbble:before{content: "\e743";} .ti-apple:before{content: "\e744";} .ti-android:before{content: "\e745";} .ti-save:before{content: "\e746";} .ti-save-alt:before{content: "\e747";} .ti-yahoo:before{content: "\e748";} .ti-wordpress:before{content: "\e749";} .ti-vimeo-alt:before{content: "\e74a";} .ti-twitter-alt:before{content: "\e74b";} .ti-tumblr-alt:before{content: "\e74c";} .ti-trello:before{content: "\e74d";} .ti-stack-overflow:before{content: "\e74e";} .ti-soundcloud:before{content: "\e74f";} .ti-sharethis:before{content: "\e750";} .ti-sharethis-alt:before{content: "\e751";} .ti-reddit:before{content: "\e752";} .ti-pinterest-alt:before{content: "\e753";} .ti-microsoft-alt:before{content: "\e754";} .ti-linux:before{content: "\e755";} .ti-jsfiddle:before{content: "\e756";} .ti-joomla:before{content: "\e757";} .ti-html5:before{content: "\e758";} .ti-flickr-alt:before{content: "\e759";} .ti-email:before{content: "\e75a";} .ti-drupal:before{content: "\e75b";} .ti-dropbox-alt:before{content: "\e75c";} .ti-css3:before{content: "\e75d";} .ti-rss:before{content: "\e75e";} .ti-rss-alt:before{content: "\e75f";} 

/* /template_integration_for_odoo_website/static/vendors/flaticon/flaticon.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: "Flaticon"; src: url("/template_integration_for_odoo_website/static/vendors/flaticon/./Flaticon.eot"); src: url("/template_integration_for_odoo_website/static/vendors/flaticon/./Flaticon.eot?#iefix") format("embedded-opentype"), url("/template_integration_for_odoo_website/static/vendors/flaticon/./Flaticon.woff") format("woff"), url("/template_integration_for_odoo_website/static/vendors/flaticon/./Flaticon.ttf") format("truetype"), url("/template_integration_for_odoo_website/static/vendors/flaticon/./Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal;} @media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family: "Flaticon"; src: url("/template_integration_for_odoo_website/static/vendors/flaticon/./Flaticon.svg#Flaticon") format("svg");}} [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-family: Flaticon; font-size: 20px; font-style: normal; margin-left: 20px;} .flaticon-target:before{content: "\f100";} .flaticon-lightbulb:before{content: "\f101";} .flaticon-mortarboard:before{content: "\f102";} 

/* /template_integration_for_odoo_website/static/vendors/animation/animate.css defined in bundle 'web.assets_frontend' */
 .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s} @-webkit-keyframes bounce{0%, 100%, 20%, 50%, 80%{-webkit-transform: translateY(0); transform: translateY(0)}40%{-webkit-transform: translateY(-30px); transform: translateY(-30px)}60%{-webkit-transform: translateY(-15px); transform: translateY(-15px)}} @keyframes bounce{0%, 100%, 20%, 50%, 80%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}40%{-webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px)}60%{-webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px)}} .bounce{-webkit-animation-name: bounce; animation-name: bounce} @-webkit-keyframes flash{0%, 100%, 50%{opacity: 1}25%, 75%{opacity: 0}} @keyframes flash{0%, 100%, 50%{opacity: 1}25%, 75%{opacity: 0}} .flash{-webkit-animation-name: flash; animation-name: flash} @-webkit-keyframes pulse{0%{-webkit-transform: scale(1); transform: scale(1)}50%{-webkit-transform: scale(1.1); transform: scale(1.1)}100%{-webkit-transform: scale(1); transform: scale(1)}} @keyframes pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}50%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}} .pulse{-webkit-animation-name: pulse; animation-name: pulse} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes rubberBand{0%{-webkit-transform: scale(1); transform: scale(1)}30%{-webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75)}40%{-webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25)}60%{-webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85)}100%{-webkit-transform: scale(1); transform: scale(1)}} @keyframes rubberBand{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}30%{-webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75)}40%{-webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25)}60%{-webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85)}100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand} @-webkit-keyframes shake{0%, 100%{-webkit-transform: translateX(0); transform: translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); transform: translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); transform: translateX(10px)}} @keyframes shake{0%, 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px)}} .shake{-webkit-animation-name: shake; animation-name: shake} @-webkit-keyframes swing{20%{-webkit-transform: rotate(15deg); transform: rotate(15deg)}40%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg)}60%{-webkit-transform: rotate(5deg); transform: rotate(5deg)}80%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg)}100%{-webkit-transform: rotate(0deg); transform: rotate(0deg)}} @keyframes swing{20%{-webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg)}40%{-webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg)}60%{-webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg)}80%{-webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg)}100%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}} .swing{-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing} @-webkit-keyframes tada{0%{-webkit-transform: scale(1); transform: scale(1)}10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg)}40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg)}100%{-webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0)}} @keyframes tada{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg)}40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg)}100%{-webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0)}} .tada{-webkit-animation-name: tada; animation-name: tada} @-webkit-keyframes wobble{0%{-webkit-transform: translateX(0%); transform: translateX(0%)}15%{-webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg)}30%{-webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg)}45%{-webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg)}60%{-webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg)}75%{-webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg)}100%{-webkit-transform: translateX(0%); transform: translateX(0%)}} @keyframes wobble{0%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%)}15%{-webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg)}30%{-webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg)}45%{-webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg)}60%{-webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg)}75%{-webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg)}100%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%)}} .wobble{-webkit-animation-name: wobble; animation-name: wobble} @-webkit-keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3)}50%{opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05)}70%{-webkit-transform: scale(.9); transform: scale(.9)}100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1)}} @keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3)}50%{opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05)}70%{-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9)}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn} @-webkit-keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px)}60%{opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px)}80%{-webkit-transform: translateY(-10px); transform: translateY(-10px)}100%{-webkit-transform: translateY(0); transform: translateY(0)}} @keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px)}60%{opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px)}80%{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px)}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown} @-webkit-keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px)}60%{opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px)}80%{-webkit-transform: translateX(-10px); transform: translateX(-10px)}100%{-webkit-transform: translateX(0); transform: translateX(0)}} @keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px)}60%{opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px)}80%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px)}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft} @-webkit-keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px)}60%{opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px)}80%{-webkit-transform: translateX(10px); transform: translateX(10px)}100%{-webkit-transform: translateX(0); transform: translateX(0)}} @keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px)}60%{opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px)}80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px)}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight} @-webkit-keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px)}60%{opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px)}80%{-webkit-transform: translateY(10px); transform: translateY(10px)}100%{-webkit-transform: translateY(0); transform: translateY(0)}} @keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px)}60%{opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px)}80%{-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px)}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp} @-webkit-keyframes bounceOut{0%{-webkit-transform: scale(1); transform: scale(1)}25%{-webkit-transform: scale(.95); transform: scale(.95)}50%{opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1)}100%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3)}} @keyframes bounceOut{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}25%{-webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95)}50%{opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}100%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3)}} .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut} @-webkit-keyframes bounceOutDown{0%{-webkit-transform: translateY(0); transform: translateY(0)}20%{opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px)}100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px)}} @keyframes bounceOutDown{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}20%{opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px)}100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px)}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0)}20%{opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px)}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px)}} @keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}20%{opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px)}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px)}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft} @-webkit-keyframes bounceOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0)}20%{opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px)}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px)}} @keyframes bounceOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}20%{opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px)}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px)}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight} @-webkit-keyframes bounceOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0)}20%{opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px)}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px)}} @keyframes bounceOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}20%{opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px)}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px)}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp} @-webkit-keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}} @keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn} @-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px)}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}} @keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px)}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown} @-webkit-keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px)}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}} @keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px)}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig} @-webkit-keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px)}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}} @keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px)}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft} @-webkit-keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px)}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}} @keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px)}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig} @-webkit-keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px)}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}} @keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px)}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight} @-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px)}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}} @keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px)}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig} @-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px)}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}} @keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px)}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp} @-webkit-keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px)}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}} @keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px)}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig} @-webkit-keyframes fadeOut{0%{opacity: 1}100%{opacity: 0}} @keyframes fadeOut{0%{opacity: 1}100%{opacity: 0}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut} @-webkit-keyframes fadeOutDown{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px)}} @keyframes fadeOutDown{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px)}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown} @-webkit-keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px)}} @keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px)}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig} @-webkit-keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px)}} @keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px)}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft} @-webkit-keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px)}} @keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px)}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig} @-webkit-keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px)}} @keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px)}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight} @-webkit-keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px)}} @keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px)}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig} @-webkit-keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px)}} @keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px)}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp} @-webkit-keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px)}} @keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px)}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig} @-webkit-keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}} @keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}} .animated.flip{-webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip} @-webkit-keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0}40%{-webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg)}70%{-webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg)}100%{-webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1}} @keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0}40%{-webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg)}70%{-webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg)}100%{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1}} .flipInX{-webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX} @-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0}40%{-webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg)}70%{-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg)}100%{-webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1}} @keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0}40%{-webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg)}70%{-webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg)}100%{-webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1}} .flipInY{-webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY} @-webkit-keyframes flipOutX{0%{-webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1}100%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0}} @keyframes flipOutX{0%{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1}100%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0}} .flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important} @-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1}100%{-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0}} @keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1}100%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0}} .flipOutY{-webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0}60%{-webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1}80%{-webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1}100%{-webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1}} @keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0}60%{-webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1}80%{-webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1}100%{-webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out} @-webkit-keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1}100%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0}} @keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1}100%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0}100%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}} @keyframes rotateIn{0%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0}100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}} @keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}} @keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}} @keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}} @keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0}} @keyframes rotateOut{0%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}} @keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}} @keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}} @keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}} @keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1}100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight} @-webkit-keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px)}100%{-webkit-transform: translateY(0); transform: translateY(0)}} @keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px)}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown} @-webkit-keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px)}100%{-webkit-transform: translateX(0); transform: translateX(0)}} @keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px)}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft} @-webkit-keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px)}100%{-webkit-transform: translateX(0); transform: translateX(0)}} @keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px)}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight} @-webkit-keyframes slideOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px)}} @keyframes slideOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px)}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft} @-webkit-keyframes slideOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px)}} @keyframes slideOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px)}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight} @-webkit-keyframes slideOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px)}} @keyframes slideOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px)}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp} @-webkit-keyframes hinge{0%{-webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}20%, 60%{-webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}40%{-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}80%{-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}100%{-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0}} @keyframes hinge{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}20%, 60%{-webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}40%{-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}80%{-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}100%{-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0}} .hinge{-webkit-animation-name: hinge; animation-name: hinge} @-webkit-keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg)}100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg)}} @keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg)}100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg)}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn} @-webkit-keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg)}100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg)}} @keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg)}100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg)}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut} @-webkit-keyframes rollIncustom{0%{opacity: 0; -webkit-transform: translateX(220%) translateY(220px); -ms-transform: translateX(220%) translateY(220px); transform: translateX(220%) translateY(220px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom{0%{opacity: 0; -webkit-transform: translateX(220%) translateY(220px); -ms-transform: translateX(220%) translateY(220px); transform: translateX(220%) translateY(220px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom{-webkit-animation-name: rollIncustom; animation-name: rollIncustom} @-webkit-keyframes rollIncustom1{0%{opacity: 0; -webkit-transform: translateX(150%) translateY(150px); -ms-transform: translateX(150%) translateY(150px); transform: translateX(150%) translateY(150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom1{0%{opacity: 0; -webkit-transform: translateX(150%) translateY(150px); -ms-transform: translateX(150%) translateY(150px); transform: translateX(150%) translateY(150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom1{-webkit-animation-name: rollIncustom1; animation-name: rollIncustom1;} @-webkit-keyframes rollIncustom3{0%{opacity: 0; -webkit-transform: translateX(-20px) translateY(350px); -ms-transform: translateX(-20px) translateY(350px); transform: translateX(-20px) translateY(350px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom3{0%{opacity: 0; -webkit-transform: translateX(-20px) translateY(350px); -ms-transform: translateX(-20px) translateY(350px); transform: translateX(-20px) translateY(350px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom3{-webkit-animation-name: rollIncustom3; animation-name: rollIncustom3;} @-webkit-keyframes rollIncustom4{0%{opacity: 0; -webkit-transform: translateX(-90px) translateY(70px); -ms-transform: translateX(-90px) translateY(70px); transform: translateX(-90px) translateY(70px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom4{0%{opacity: 0; -webkit-transform: translateX(-90px) translateY(70px); -ms-transform: translateX(-90px) translateY(70px); transform: translateX(-90px) translateY(70px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom4{-webkit-animation-name: rollIncustom4; animation-name: rollIncustom4;} @-webkit-keyframes rollIncustom5{0%{opacity: 0; -webkit-transform: translateX(-500px) translateY(-50px); -ms-transform: translateX(-500px) translateY(-50px); transform: translateX(-500px) translateY(-50px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom5{0%{opacity: 0; -webkit-transform: translateX(-500px) translateY(-50px); -ms-transform: translateX(-500px) translateY(-50px); transform: translateX(-500px) translateY(-50px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom5{-webkit-animation-name: rollIncustom5; animation-name: rollIncustom5;} @-webkit-keyframes rollIncustom6{0%{opacity: 0; -webkit-transform: translateX(30px) translateY(-150px); -ms-transform: translateX(30px) translateY(-150px); transform: translateX(30px) translateY(-150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom6{0%{opacity: 0; -webkit-transform: translateX(30px) translateY(-150px); -ms-transform: translateX(30px) translateY(-150px); transform: translateX(30px) translateY(-150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom6{-webkit-animation-name: rollIncustom6; animation-name: rollIncustom6;} @-webkit-keyframes rollIncustom7{0%{opacity: 0; -webkit-transform: translateX(-150px) translateY(-150px); -ms-transform: translateX(-150px) translateY(-150px); transform: translateX(-150px) translateY(-150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom7{0%{opacity: 0; -webkit-transform: translateX(-150px) translateY(-150px); -ms-transform: translateX(-150px) translateY(-150px); transform: translateX(-150px) translateY(-150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom7{-webkit-animation-name: rollIncustom7; animation-name: rollIncustom7;} @-webkit-keyframes rollIncustom8{0%{opacity: 0; -webkit-transform: translateX(0px) translateY(-200px); -ms-transform: translateX(0px) translateY(-200px); transform: translateX(0px) translateY(-200px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom8{0%{opacity: 0; -webkit-transform: translateX(0px) translateY(-200px); -ms-transform: translateX(0px) translateY(-200px); transform: translateX(0px) translateY(-200px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom8{-webkit-animation-name: rollIncustom8; animation-name: rollIncustom8;} @-webkit-keyframes rollIncustom9{0%{opacity: 0; -webkit-transform: translateX(200px) translateY(-150px); -ms-transform: translateX(200px) translateY(-150px); transform: translateX(200px) translateY(-150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} @keyframes rollIncustom9{0%{opacity: 0; -webkit-transform: translateX(500px) translateY(-150px); -ms-transform: translateX(200px) translateY(-150px); transform: translateX(200px) translateY(-150px);}100%{opacity: 1; -webkit-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}} .rollIncustom9{-webkit-animation-name: rollIncustom9; animation-name: rollIncustom9;} 

/* /template_integration_for_odoo_website/static/vendors/owl-carousel/assets/owl.carousel.min.css defined in bundle 'web.assets_frontend' */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/template_integration_for_odoo_website/static/vendors/owl-carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} 

/* /template_integration_for_odoo_website/static/vendors/magnify-pop/magnific-popup.css defined in bundle 'web.assets_frontend' */
 .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg{opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .mfp-with-zoom.mfp-ready .mfp-container{opacity: 1;} .mfp-with-zoom.mfp-ready.mfp-bg{opacity: 0.8;} .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg{opacity: 0;} .mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8;} .mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;} .mfp-container{text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box;} .mfp-container:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .mfp-align-top .mfp-container:before{display: none;} .mfp-content{position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width: 100%; cursor: auto;} .mfp-ajax-cur{cursor: progress;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;} .mfp-zoom{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;} .mfp-auto-cursor .mfp-content{cursor: auto;} .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select: none; -moz-user-select: none; user-select: none;} .mfp-loading.mfp-figure{display: none;} .mfp-hide{display: none !important;} .mfp-preloader{color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;} .mfp-preloader a{color: #CCC;} .mfp-preloader a:hover{color: #FFF;} .mfp-s-ready .mfp-preloader{display: none;} .mfp-s-error .mfp-content{display: none;} button.mfp-close, button.mfp-arrow{overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation;} button::-moz-focus-inner{padding: 0; border: 0;} .mfp-close{width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;} .mfp-close:hover, .mfp-close:focus{opacity: 1;} .mfp-close:active{top: 1px;} .mfp-close-btn-in .mfp-close{color: #333;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%;} .mfp-counter{position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap;} .mfp-arrow{position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent;} .mfp-arrow:active{margin-top: -54px;} .mfp-arrow:hover, .mfp-arrow:focus{opacity: 1;} .mfp-arrow:before, .mfp-arrow:after{content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;} .mfp-arrow:after{border-top-width: 13px; border-bottom-width: 13px; top: 8px;} .mfp-arrow:before{border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;} .mfp-arrow-left{left: 0;} .mfp-arrow-left:after{border-right: 17px solid #FFF; margin-left: 31px;} .mfp-arrow-left:before{margin-left: 25px; border-right: 27px solid #3F3F3F;} .mfp-arrow-right{right: 0;} .mfp-arrow-right:after{border-left: 17px solid #FFF; margin-left: 39px;} .mfp-arrow-right:before{border-left: 27px solid #3F3F3F;} .mfp-iframe-holder{padding-top: 40px; padding-bottom: 40px;} .mfp-iframe-holder .mfp-content{line-height: 0; width: 100%; max-width: 900px;} .mfp-iframe-holder .mfp-close{top: -40px;} .mfp-iframe-scaler{width: 100%; height: 0; overflow: hidden; padding-top: 56.25%;} .mfp-iframe-scaler iframe{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000;} img.mfp-img{width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto;} .mfp-figure{line-height: 0;} .mfp-figure:after{content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444;} .mfp-figure small{color: #BDBDBD; display: block; font-size: 12px; line-height: 14px;} .mfp-figure figure{margin: 0;} .mfp-bottom-bar{margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;} .mfp-title{text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px;} .mfp-image-holder .mfp-content{max-width: 100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor: pointer;} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left: 0; padding-right: 0;}.mfp-img-mobile img.mfp-img{padding: 0;}.mfp-img-mobile .mfp-figure:after{top: 0; bottom: 0;}.mfp-img-mobile .mfp-figure small{display: inline; margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar{background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding: 0;}.mfp-img-mobile .mfp-counter{right: 5px; top: 3px;}.mfp-img-mobile .mfp-close{top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}} @media all and (max-width: 900px){.mfp-arrow{-webkit-transform: scale(0.75); transform: scale(0.75);}.mfp-arrow-left{-webkit-transform-origin: 0; transform-origin: 0;}.mfp-arrow-right{-webkit-transform-origin: 100%; transform-origin: 100%;}.mfp-container{padding-left: 6px; padding-right: 6px;}} 

/* /template_integration_for_odoo_website/static/vendors/nice-select/nice-select.css defined in bundle 'web.assets_frontend' */
.nice-select{-webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto;} .nice-select:hover{border-color: #dbdbdb;} .nice-select:active, .nice-select.open, .nice-select:focus{border-color: #999;} .nice-select:after{border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px;} .nice-select.open:after{-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);} .nice-select.open .list{opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} .nice-select.disabled{border-color: #ededed; color: #999; pointer-events: none;} .nice-select.disabled:after{border-color: #cccccc;} .nice-select.wide{width: 100%;} .nice-select.wide .list{left: 0 !important; right: 0 !important;} .nice-select.right{float: right;} .nice-select.right .list{left: auto; right: 0;} .nice-select.small{font-size: 12px; height: 36px; line-height: 34px;} .nice-select.small:after{height: 4px; width: 4px;} .nice-select.small .option{line-height: 34px; min-height: 34px;} .nice-select .list{background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9;} .nice-select .list:hover .option:not(:hover){background-color: transparent !important;} .nice-select .option{cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s;} .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background-color: #f6f6f6;} .nice-select .option.selected{font-weight: bold;} .nice-select .option.disabled{background-color: transparent; color: #999; cursor: default;} .no-csspointerevents .nice-select .list{display: none;} .no-csspointerevents .nice-select.open .list{display: block;} 

/* /template_integration_for_odoo_website/static/css/style.css defined in bundle 'web.assets_frontend' */
  a{text-decoration: none;} a:hover, a:focus{text-decoration: none;} .row.m0{margin: 0px;} .p0{padding: 0px;} i:before{margin-left: 0px !important;} body{font: 400 16px/26px "Poppins", sans-serif; letter-spacing: 0px; color: #677294; padding: 0px; overflow-x: hidden; z-index: 0;} .wrapper{position: relative; z-index: 20; overflow-x: hidden;} a, .btn, button{text-decoration: none; outline: none;} a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus{text-decoration: none; outline: none;} .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: none; -webkit-box-shadow: none; box-shadow: none;} @media (min-width: 1250px){.container{max-width: 1200px;}} @media (max-width: 767px){.container{max-width: 100%;}} .container.custom_container{max-width: 1520px;} .f_size_50{font-size: 50px;} .f_size_40{font-size: 40px;} .f_size_30{font-size: 30px;} .f_size_28{font-size: 28px;} .f_size_22{font-size: 22px;} .f_size_24{font-size: 24px;} .f_size_20{font-size: 20px;} .f_size_18{font-size: 18px;} .f_size_16{font-size: 16px;} .f_size_15{font-size: 15px;} .l_height60{line-height: 60px;} .l_height50{line-height: 50px;} .l_height45{line-height: 45px;} .l_height40{line-height: 40px;} .l_height30{line-height: 30px;} .l_height34{line-height: 34px;} .l_height28{line-height: 28px;} .f_p{font-family: "Poppins", sans-serif;} .f_300{font-weight: 300;} .f_400{font-weight: 400;} .f_500{font-weight: 500;} .f_600{font-weight: 600;} .f_700{font-weight: 700;} .f_900{font-weight: 900;} .t_color{color: #051441;} .w_color{color: #fff;} .t_color2{color: #3f4451;} .t_color3{color: #222d39;} .d_p_color{color: #bdbed6;} .bg_color{background: #fbfbfd;} .dk_bg_one{background: #090a21;} .dk_bg_two{background: #0f1029;} .mt_60{margin-top: 60px;} .mt_30{margin-top: 30px;} .mt_40{margin-top: 40px;} .mt_70{margin-top: 70px;} .mt_75{margin-top: 75px;} .mt_100{margin-top: 100px;} .mt_130{margin-top: 130px;} .mb_70{margin-bottom: 70px;} .mb_20{margin-bottom: 20px;} .mb_15{margin-bottom: 15px;} .mb_30{margin-bottom: -30px;} .mb-30{margin-bottom: 30px;} .mb_40{margin-bottom: 40px;} .mb_50{margin-bottom: 50px;} .mb-50{margin-bottom: -50px;} .mb_60{margin-bottom: 60px;} .mb_90{margin-bottom: 90px;} .pl_20{padding-left: 20px;} .pl-30{padding-left: 30px;} .pl_40{padding-left: 40px;} .pl_50{padding-left: 50px;} .pl_100{padding-left: 100px;} .pl_70{padding-left: 70px;} .pl_120{padding-left: 120px;} .pr_100{padding-right: 100px;} .pr_120{padding-right: 120px;} .pr_70{padding-right: 70px;} .pr_50{padding-right: 50px;} .pr_20{padding-right: 20px;} .pt_150{padding-top: 150px;} .pt_120{padding-top: 40px;} .sec_pad{padding: 120px 0px;} .body_wrapper{overflow: hidden;} .btn_hover{overflow: hidden; display: inline-block; font-weight: 500; font-size: 14px; font-family: "Poppins", sans-serif; z-index: 1; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .btn_hover:hover{color: #fff;} .btn_get{font: 500 14px/47px "Poppins", sans-serif; color: #6754e2; border: 2px solid #ccc5fa; border-radius: 4px; -webkit-box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1); padding: 0px 23px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; min-width: 120px; text-align: center;} .btn_get:hover{color: #fff; background: #6754e2; border-color: #6754e2; -webkit-box-shadow: none; box-shadow: none;} .btn_get_two{-webkit-box-shadow: none; box-shadow: none; background: #5e2ced; border-color: #5e2ced; color: #fff;} .btn_get_two:hover{background: transparent; color: #5e2ced;} .price_btn{font: 500 15px/53px "Poppins", sans-serif; color: #6754e2; border: 1px solid #6754e2; border-radius: 4px; padding: 0px 25px; display: inline-block; -webkit-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;} .price_btn:hover{background: #6754e2; color: #fff;} .slider_btn{font: 500 14px/20px "Poppins", sans-serif; color: #00aff0; border-radius: 45px; padding: 15px 35px; background: #fff;} .slider_btn:hover{background: #00aff0; color: #fff;} .btn_three{font: 500 14px "Poppins", sans-serif; color: #fff; background: #7444fd; border-radius: 3px; padding: 15px 30px; border: 1px solid #7444fd; margin-top: 50px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; display: inline-block;} .btn_three:hover{color: #7444fd; background: transparent;} .agency_banner_btn{font: 500 14px "Poppins", sans-serif; color: #fff; background: #5e2ced; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); border-radius: 3px; padding: 16px 38px; border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer;} .agency_banner_btn:hover{color: #5e2ced; -webkit-box-shadow: none; box-shadow: none; background: transparent;} .agency_banner_btn_two{font: 500 14px "Poppins", sans-serif; color: #222d39; position: relative; margin-left: 50px; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;} .agency_banner_btn_two:before{content: ""; width: 100%; height: 1px; background: #60656d; position: absolute; bottom: 0; left: 0; -webkit-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;} .agency_banner_btn_two:hover{color: #5e2ced;} .agency_banner_btn_two:hover:before{background: #5e2ced;} .software_banner_btn{font: 500 14px "Poppins", sans-serif; color: #fff; background: #3d64f4; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); display: inline-block; padding: 16px 42px; border-radius: 45px; border: 0px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .software_banner_btn:hover{color: #3d64f4; background: #fff;} .video_btn{font: 500 14px "Poppins", sans-serif; color: #fff; margin-left: 30px;} .video_btn .icon{width: 44px; height: 44px; border-radius: 50%; background: #fff; display: inline-block; color: #3d64f4; text-align: center; line-height: 46px; font-size: 18px; margin-right: 18px; vertical-align: middle; -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.19); box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.19);} .video_btn span{display: inline-block; position: relative;} .video_btn span:before{content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; background: #fff;} .video_btn:hover{color: #fff;} .btn_four{font: 500 14px "Poppins", sans-serif; padding: 16px 40px; border-radius: 45px; color: #fff; border: 1px solid #3d64f4; background: #3d64f4; cursor: pointer;} .btn_four:hover{color: #3d64f4; background: transparent;} .saas_banner_btn{padding: 16px 40px; background: #3d57f4; border-radius: 4px; color: #fff;} .saas_banner_btn:hover{color: #3d57f4; background: #fff;} .btn_five{border: 1px solid #fff; color: #fff; border-radius: 3px; padding: 12px 28px;} .btn_five:hover{background: #3d57f4; border-color: #3d57f4;} .app_btn{-webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); background-color: #4069eb; display: inline-block; padding: 14px 40px; color: #fff; border-radius: 45px; border: 1px solid #4069eb;} .app_btn:hover{color: #4069eb; background: #fbfbfd; -webkit-box-shadow: none; box-shadow: none;} .gr_btn{font: 500 14px "Poppins", sans-serif; color: #23b1fe; display: inline-block; padding: 15px 31px; position: relative; min-width: 140px; border-radius: 4px; background-image: -moz-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); background-image: -webkit-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); background-image: -ms-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); z-index: 1; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;} .gr_btn:before{content: ""; position: absolute; top: 1px; left: 50%; width: calc(100% - 2px); bottom: 1px; border-radius: 4px; background: #fff; z-index: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%);} .gr_btn .text{position: relative; z-index: 1;} .gr_btn:hover{color: #fff;} .gr_btn:hover:before{opacity: 0;} .ctn-preloader{-webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: none; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; z-index: 9000;} .ctn-preloader .animation-preloader{position: absolute; z-index: 1000;} .ctn-preloader .animation-preloader .spinner{-webkit-animation: spinner 1s infinite linear; animation: spinner 1s infinite linear; border-radius: 50%; border: 3px solid rgba(0, 0, 0, 0.2); border-top-color: #000000; height: 9em; margin: 0 auto 3.5em auto; width: 9em;} .ctn-preloader .animation-preloader .txt-loading{font: bold 5em "Poppins", sans-serif; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .ctn-preloader .animation-preloader .txt-loading .letters-loading{color: rgba(0, 0, 0, 0.2); position: relative;} .ctn-preloader .animation-preloader .txt-loading .letters-loading:before{-webkit-animation: letters-loading 4s infinite; animation: letters-loading 4s infinite; color: #000000; content: attr(data-text-preloader); left: 0; opacity: 0; font-family: "Poppins", sans-serif; position: absolute; top: -3px; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg);} .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before{-webkit-animation-delay: 0.2s; animation-delay: 0.2s;} .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before{-webkit-animation-delay: 0.4s; animation-delay: 0.4s;} .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before{-webkit-animation-delay: 0.6s; animation-delay: 0.6s;} .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before{-webkit-animation-delay: 0.8s; animation-delay: 0.8s;} .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before{-webkit-animation-delay: 1s; animation-delay: 1s;} .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before{-webkit-animation-delay: 1.2s; animation-delay: 1.2s;} .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before{-webkit-animation-delay: 1.4s; animation-delay: 1.4s;} .ctn-preloader.dark .animation-preloader .spinner{border-color: rgba(255, 255, 255, 0.2); border-top-color: #fff;} .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading{color: rgba(255, 255, 255, 0.2);} .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before{color: #fff;} .ctn-preloader p{font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 8px; color: #3b3b3b;} .ctn-preloader .loader{position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; z-index: 1; pointer-events: none;} .ctn-preloader .loader .row{height: 100%;} .ctn-preloader .loader .loader-section{padding: 0px;} .ctn-preloader .loader .loader-section .bg{background-color: #ffffff; height: 100%; left: 0; width: 100%; -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);} .ctn-preloader .loader.dark_bg .loader-section .bg{background: #111339;} .ctn-preloader.loaded .animation-preloader{opacity: 0; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out;} .ctn-preloader.loaded .loader-section .bg{width: 0; -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);} @-webkit-keyframes spinner{to{-webkit-transform: rotateZ(360deg); transform: rotateZ(360deg);}} @keyframes spinner{to{-webkit-transform: rotateZ(360deg); transform: rotateZ(360deg);}} @-webkit-keyframes letters-loading{0%, 75%, 100%{opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg);}25%, 50%{opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}} @keyframes letters-loading{0%, 75%, 100%{opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg);}25%, 50%{opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}} @media screen and (max-width: 767px){.ctn-preloader .animation-preloader .spinner{height: 8em; width: 8em;}.ctn-preloader .animation-preloader .txt-loading{font: bold 3.5em "Poppins", sans-serif;}} @media screen and (max-width: 500px){.ctn-preloader .animation-preloader .spinner{height: 7em; width: 7em;}.ctn-preloader .animation-preloader .txt-loading{font: bold 2em "Poppins", sans-serif;}} .header_area{position: fixed; width: 100%; left: 0; z-index: 20; top: 0;} .header_area .container{position: relative;} .menu_one{padding: 0px;} .menu_one .btn_get{margin-left: 40px;} .sticky_logo img + img{display: none;} @media (min-width: 992px){.mobile_btn{visibility: hidden; display: none;}} @media (max-width: 991px){.hidden-sm{visibility: hidden; display: none;}} .menu > .nav-item{position: relative; padding-bottom: 35px; padding-top: 35px;} .menu > .nav-item > .nav-link{font: 500 15px "Poppins", sans-serif; color: #051441; padding: 0px; -webkit-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; position: relative;} .menu > .nav-item > .nav-link:before{content: ""; width: 0; height: 1px; background: #6754e2; position: absolute; bottom: 0; left: auto; right: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .menu > .nav-item > .nav-link:after{display: none;} .menu > .nav-item.submenu .dropdown-menu{margin: 0px; border: 0px; margin: 0px; border-radius: 0px; left: 0; min-width: 200px; background: transparent; -webkit-box-shadow: 0px 15px 27px 0px rgba(14, 0, 40, 0.05); box-shadow: 0px 15px 27px 0px rgba(14, 0, 40, 0.05);} @media (min-width: 992px){.menu > .nav-item.submenu .dropdown-menu{-webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 0; visibility: hidden; display: block;}} .menu > .nav-item.submenu .dropdown-menu .nav-item{display: block; width: 100%; margin-right: 0px; padding: 0px 40px; background: #fff;} .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link{padding: 0px; white-space: nowrap; font: 400 14px/34px "Poppins", sans-serif; color: #051441; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;} .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after{display: none;} .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link{color: #5e2ced;} .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child{padding-top: 25px;} .menu > .nav-item.submenu .dropdown-menu .nav-item:last-child{padding-bottom: 40px; margin-bottom: -8px;} .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu{-webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before{display: none;} @media (min-width: 992px){.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu{position: absolute; left: 100%; top: 0; opacity: 0; display: block; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}} .menu > .nav-item.submenu.mega_menu{position: static;} .menu > .nav-item.submenu.mega_menu > .dropdown-menu{min-width: 200px; list-style: none; -webkit-box-shadow: 0px 15px 27px 0px rgba(14, 0, 40, 0.05); box-shadow: 0px 15px 27px 0px rgba(14, 0, 40, 0.05); left: 0; right: 0; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; background: #fff;} @media (min-width: 992px){.menu > .nav-item.submenu.mega_menu > .dropdown-menu{display: -webkit-box; display: -ms-flexbox; display: flex;}} .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item{padding-top: 40px; padding-bottom: 40px; margin-bottom: -10px; width: 25%;} .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link{font: 500 18px "Poppins", sans-serif; color: #13112d;} .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item .dropdown-menu{left: 0; position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: none; box-shadow: none; padding: 0px;} .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item .dropdown-menu > .nav-item{padding-left: 0px; padding-right: 0px; white-space: normal;} .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:first-child{padding-top: 20px;} .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:last-child{padding-bottom: 0px; margin-bottom: 0px;} @media (min-width: 992px){.menu > .nav-item.submenu.mega_menu:hover .dropdown-menu > .nav-item > .dropdown-menu{opacity: 1; visibility: visible;}} .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu{left: auto; right: 0;} .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu .nav-item > .dropdown-menu{left: auto; right: 100%;} .menu > .nav-item + .nav-item{margin-left: 45px;} .menu > .nav-item.active .nav-link{color: #6754e2;} .menu > .nav-item.active .nav-link:before{width: 100%; left: 0; right: auto;} .menu > .nav-item:hover .nav-link{color: #6754e2;} .menu > .nav-item:hover .nav-link:before{width: 100%; left: 0; right: auto;} @media (min-width: 992px){.menu > .nav-item:hover .dropdown-menu{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible;}} @media (min-width: 992px) and (min-width: 992px){.menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu{-webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible;}} .menu_two{padding: 0px;} .menu_two .w_menu > .nav-item .nav-link:before{background: #a5d5f5;} .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link{color: #00aff0;} .menu_two .w_menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link{color: #13112d;} .menu_two .menu_toggle .hamburger-cross span, .menu_two .menu_toggle .hamburger span{background: #fff;} .w_menu .nav-item .nav-link{color: #fff;} .w_menu .nav-item .nav-link:before{background: #fff;} .w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link{color: #fff;} .nav_right_btn .login_btn{font: 500 15px "Poppins", sans-serif; padding: 13px 32px; min-width: 120px; display: inline-block; text-align: center; color: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-top-left-radius: 45px; border-bottom-left-radius: 45px; border-top-right-radius: 45px; border: 1px solid transparent;} .nav_right_btn .login_btn:hover, .nav_right_btn .login_btn.active{background: #fff; color: #00aff0; -webkit-box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);} @media (max-width: 991px){.nav_right_btn{display: none;}} .menu_four .btn_get{border-color: #fff; padding: 0px 30px; background: #fff; min-width: 120px; text-align: center;} .menu_four .btn_get:hover{background: #5e2ced; border-color: #5e2ced;} .menu_four .menu_toggle .hamburger span, .menu_four .menu_toggle .hamburger-cross span{background: #fff;} .menu_five{border-radius: 0px;} .menu_five .menu > .nav-item .nav-link{color: #fff;} .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link{color: #3d64f4;} .menu_five .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link{color: #051441;} .menu_five .btn_get{background: transparent; color: #fff; border: 1px solid #fff; line-height: 44px; padding: 0px 28px; min-width: 120px; text-align: center;} .menu_five .btn_get:hover{background: #fff; color: #3d64f4; border-color: #fff;} .menu_five .menu_toggle .hamburger span, .menu_five .menu_toggle .hamburger-cross span{background: #fff;} .menu_six{padding: 0px;} .menu_six .menu > .nav-item .nav-link{color: #fff;} .menu_six .menu > .nav-item:hover .nav-link, .menu_six .menu > .nav-item.active .nav-link{color: #3d57f4;} .menu_six .menu > .nav-item:hover .nav-link:before, .menu_six .menu > .nav-item.active .nav-link:before{background: #3d57f4;} .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link{color: #3d57f4;} .menu_six .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link{color: #051441;} .menu_six .menu_toggle .hamburger-cross span, .menu_six .menu_toggle .hamburger span{background: #fff;} .menu_six .btn_get{border: 1px solid #fff; line-height: 43px; color: #fff;} .menu_six .btn_get:hover{background: #3d57f4; border-color: #3d57f4;} .menu_seven{padding: 0px;} .menu_seven .menu .nav-item .nav-link{color: #fff;} .menu_seven .menu .nav-item.active .nav-link:before, .menu_seven .menu .nav-item:hover .nav-link:before{background: #fff;} .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link{color: #4069eb;} .menu_seven .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link{color: #051441;} .menu_seven .menu_toggle .hamburger-cross span, .menu_seven .menu_toggle .hamburger span{background: #fff;} .menu_seven .btn_get{background: transparent;} .menu_seven .btn_get:hover{background: #fff; color: #4069eb;} .menu_eight .menu .nav-item.active .nav-link:before, .menu_eight .menu .nav-item:hover .nav-link:before{background: #fff;} .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link{color: #23b1fe;} .menu_eight .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link{color: #051441;} .menu_eight .saas_btn{border-radius: 4px; background-color: #fff; border: 1px solid #fff; color: #23b1fe;} .menu_eight .menu_toggle .hamburger-cross span, .menu_eight .menu_toggle .hamburger span{background: #fff;} .btn_get_radious{border-radius: 45px; border-width: 1px; color: #fff; background: #fff; -webkit-box-shadow: none; box-shadow: none; padding: 0px 28px; line-height: 45px;} .btn_get_radious:before{background: #5846ed;} .btn_get_radious:hover{color: #5846ed;} .menu_toggle .hamburger{position: absolute; height: 100%; width: 100%; display: block;} .menu_toggle .hamburger span{width: 0%; height: 2px; position: relative; top: 0; left: 0; margin: 4px 0; display: block; background: #5e2ced; border-radius: 3px; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .menu_toggle .hamburger span:nth-child(1){-webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .menu_toggle .hamburger span:nth-child(2){-webkit-transition-delay: .125s; -o-transition-delay: .125s; transition-delay: .125s;} .menu_toggle .hamburger span:nth-child(3){-webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;} .menu_toggle .hamburger-cross{position: absolute; height: 100%; width: 100%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block;} .menu_toggle .hamburger-cross span{display: block; background: #5e2ced; border-radius: 3px; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .menu_toggle .hamburger-cross span:nth-child(1){height: 100%; width: 2px; position: absolute; top: 0; left: 10px; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;} .menu_toggle .hamburger-cross span:nth-child(2){width: 100%; height: 2px; position: absolute; left: 0; top: 10px; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;} .collapsed .menu_toggle .hamburger span{width: 100%;} .collapsed .menu_toggle .hamburger span:nth-child(1){-webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;} .collapsed .menu_toggle .hamburger span:nth-child(2){-webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;} .collapsed .menu_toggle .hamburger span:nth-child(3){-webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;} .collapsed .menu_toggle .hamburger-cross span:nth-child(1){height: 0%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .collapsed .menu_toggle .hamburger-cross span:nth-child(2){width: 0%; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;} .header_area_two + section, .header_area_three + section{margin-top: 93px;} .h_dark{background: #13112d;} .header_area_three{background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.1);} .header_area_three .menu_four .pl_30{padding-left: 30px;} .header_area_three .menu_four .btn_get{border-color: #5e2ced; background: #5e2ced; color: #fff;} .header_area_three .menu_four .btn_get:hover{background: transparent; color: #5e2ced;} .header_area_four .header_top{background: #13112d;} .header_area_four .header_top a{-webkit-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear;} .header_area_four .header_top a:hover{color: #5e2ced;} .header_area_four + section{margin-top: 144px;} .header_top{padding: 12px 0px;} .header_contact_info{margin-bottom: 0;} .header_contact_info li{display: inline-block; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 400; color: #fff; text-transform: capitalize;} .header_contact_info li:before{content: ""; width: 1px; height: 12px; top: 1px; background: #5e5d76; display: inline-block; position: relative; margin: 0px 22px 0px 20px;} .header_contact_info li:first-child:before{display: none;} .header_contact_info li a{color: #c3c1da; font-weight: 300; padding-left: 5px;} .header_social_icon{text-align: right; margin-bottom: 0;} .header_social_icon li{display: inline-block; margin: 0px 0px 0px 15px;} .header_social_icon li a{font-size: 12px; color: #fff;} .header_area_five .menu_one{padding: 0px 50px;} .header_area_six .header_top{border-bottom: 1px solid #e5ddfc;} .header_area_six .header_top a:hover{color: #5e2ced !important;} .header_area_six .header_top .header_contact_info li{color: #282835;} .header_area_six .header_top .header_contact_info li a{color: #677294;} .header_area_six .header_top .header_social_icon li a{color: #282835;} .header_area_six + section{margin-top: 144px;} .search_cart{margin-left: 19px;} .search_cart:before{content: ""; width: 1px; height: 12px; background: #919198; display: inline-block; position: relative; top: -2px;} .search_cart .search, .search_cart .shpping-cart{display: inline-block; padding-top: 5px;} .search_cart .search a, .search_cart .shpping-cart a{font-size: 20px; line-height: 27px; color: #282835; margin-left: 15px;} .search_cart .search a:hover, .search_cart .shpping-cart a:hover{color: #5e2ced;} .search_cart .search a{font-size: 16px;} .header_area_seven .header_top{background: #5e2ced; padding: 0px;} .header_area_seven .header_top a{line-height: 50px; opacity: 0.7; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;} .header_area_seven .header_top a:hover{opacity: 1;} .header_area_seven .header_top .header_contact_info li i{vertical-align: middle;} .header_area_seven .header_top .header_contact_info li a{color: #fff;} .header_area_seven .header_top .header_social_icon{border-left: 1px solid #7444ff; padding-left: 22px; margin-left: 40px;} .header_area_seven .header_top .header_top_menu{text-align: right; margin-bottom: 0px;} .header_area_seven .header_top .header_top_menu li{display: inline-block;} .header_area_seven .header_top .header_top_menu li:before{content: ""; width: 1px; height: 11px; background: #8e6bf7; display: inline-block; vertical-align: middle; margin: 0px 17px 0px 15px;} .header_area_seven .header_top .header_top_menu li a{font-size: 12px; font-family: "Poppins", sans-serif; font-weight: 300; color: #fff; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;} .header_area_seven .header_top .header_top_menu li:first-child:before{display: none;} .header_area_seven + section{margin-top: 143px;} .header_area{-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .saas_home_area{position: relative; background: #fafafe; height: 1100px;} .banner_top{padding-top: 210px;} .banner_top h2{color: #051441; margin-bottom: 25px;} .banner_top p{margin-bottom: 42px;} .banner_top .subcribes{max-width: 630px; margin: 0 auto;} .banner_top .subcribes .form-control{border: 1px solid #e9ebf4; border-radius: 4px; background-color: white; -webkit-box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1); font: 400 15px/46px "Poppins", sans-serif; padding-left: 30px; color: #051441; z-index: 0;} .banner_top .subcribes .form-control.placeholder{color: #b4b9c8;} .banner_top .subcribes .form-control:-moz-placeholder{color: #b4b9c8;} .banner_top .subcribes .form-control::-moz-placeholder{color: #b4b9c8;} .banner_top .subcribes .form-control::-webkit-input-placeholder{color: #b4b9c8;} .banner_top .subcribes .form-control:focus{border-color: #6754e2;} .banner_top .subcribes .btn_submit{position: absolute; right: 8px; background: #6754e2; color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 11px 32px;} .saas_home_img{text-align: center; margin-top: 120px; position: relative;} .saas_home_img img{-webkit-box-shadow: 0px 40px 60px 0px rgba(0, 11, 40, 0.16); box-shadow: 0px 40px 60px 0px rgba(0, 11, 40, 0.16); border-radius: 8px;} .slider_area{background-image: -moz-linear-gradient(40deg, #1786d8 0%, #00aff0 100%); background-image: -webkit-linear-gradient(40deg, #1786d8 0%, #00aff0 100%); background-image: -ms-linear-gradient(40deg, #1786d8 0%, #00aff0 100%); height: 930px; background-size: cover; background-position: 50%; position: relative; overflow: hidden; z-index: 1;} .slider_area .bottom_shoape{position: absolute; bottom: 0px; left: 0; z-index: -1; width: 100%;} .slider_area .middle_shape{position: absolute; right: 0; bottom: 0; z-index: -1;} .leaf{position: absolute;} .leaf.l_left{top: 200px; left: 260px;} .leaf.l_right{right: 0; bottom: 100px;} .mobile_img{position: relative;} .mobile_img .img{-webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); -webkit-animation-name: animateUpDown; animation-name: animateUpDown; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .mobile_img .mobile{z-index: -1; position: relative;} .mobile_img .women_img{top: 245px; right: 160px; z-index: 1;} .slider_content{color: #fff; padding-top: 200px;} @-webkit-keyframes animateUpDown{0%{-webkit-transform: translateY(0px); transform: translateY(0px);}50%{-webkit-transform: translateY(-15px); transform: translateY(-15px);}100%{-webkit-transform: translateY(0px); transform: translateY(0px);}} @keyframes animateUpDown{0%{-webkit-transform: translateY(0px); transform: translateY(0px);}50%{-webkit-transform: translateY(-15px); transform: translateY(-15px);}100%{-webkit-transform: translateY(0px); transform: translateY(0px);}} .prototype_banner_area{background: #fbfbfd; padding-top: 220px; position: relative; z-index: 0; overflow: hidden;} .prototype_content .banner_subscribe .subcribes{display: block;} .prototype_content .banner_subscribe .subcribes .form-control{max-width: 370px; width: 100%; border-radius: 3px; background-color: white; border: 0px; height: 50px; color: #222d39; padding-left: 30px; -webkit-box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.06); font: 300 14px/28px "Poppins", sans-serif; border: 1px solid transparent;} .prototype_content .banner_subscribe .subcribes .form-control.placeholder{color: #aeb4ba;} .prototype_content .banner_subscribe .subcribes .form-control:-moz-placeholder{color: #aeb4ba;} .prototype_content .banner_subscribe .subcribes .form-control::-moz-placeholder{color: #aeb4ba;} .prototype_content .banner_subscribe .subcribes .form-control::-webkit-input-placeholder{color: #aeb4ba;} .prototype_content .banner_subscribe .subcribes .form-control:focus{border-color: #6754e2;} .partner_logo{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 100px; border-bottom: 1px solid #eeeef5; padding-bottom: 35px; position: relative; z-index: 4;} .partner_logo .p_logo_item{width: calc(100% / 5); text-align: center;} .partner_logo .p_logo_item img{max-width: 100%; -webkit-filter: contrast(0.3%); filter: contrast(0.3%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .partner_logo .p_logo_item:hover img{-webkit-filter: contrast(100%); filter: contrast(100%);} .agency_banner_area{padding-top: 150px; position: relative; z-index: 1;} .agency_banner_area .banner_shap{position: absolute; top: 0; right: 0; z-index: -1;} .agency_content h2{font-size: 50px; line-height: 66px;} .software_banner_area{min-height: 100vh; background-image: -moz-linear-gradient(140deg, #23026d 0%, #3d64f4 100%); background-image: -webkit-linear-gradient(140deg, #23026d 0%, #3d64f4 100%); background-image: -ms-linear-gradient(140deg, #23026d 0%, #3d64f4 100%); position: relative; z-index: 0;} .software_banner_area:before{content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: -1; background: url("/template_integration_for_odoo_website/static/css/../img/home5/shap_tecture.png") no-repeat scroll center 0/cover;} .saas_banner_area{background-image: -moz-linear-gradient(140deg, #030207 0%, #111339 100%); background-image: -webkit-linear-gradient(140deg, #030207 0%, #111339 100%); background-image: -ms-linear-gradient(140deg, #030207 0%, #111339 100%); padding-top: 230px; overflow: hidden; position: relative; z-index: 1;} .saas_shap{position: absolute; right: 0; top: 0; z-index: -1;} .dasboard_img img{border-top-left-radius: 15px; border-top-right-radius: 15px;} .app_banner_area{background: url(/template_integration_for_odoo_website/static/css/../img/home7/banner.png) no-repeat scroll center 100%; padding-top: 230px; padding-bottom: 210px; overflow: hidden; background-size: cover;} .app_banner_area .app_img .app_screen{position: absolute; -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92); -webkit-animation-name: animateUpDown; animation-name: animateUpDown; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .app_banner_area .app_img .app_screen.one{top: 135px; left: 110px; -webkit-animation-duration: 1.9s; animation-duration: 1.9s;} .app_banner_area .app_img .app_screen.two{top: 46px; left: 220px; -webkit-animation-duration: 1.8s; animation-duration: 1.8s;} .app_banner_area .app_img .app_screen.three{top: 6px; left: 375px; -webkit-animation-duration: 1.6s; animation-duration: 1.6s;} .app_banner_contentmt h2{line-height: 64px;} .app_banner_contentmt .app_btn{border: 0px; background: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color: #4069eb; padding: 14px 40px;} .app_banner_contentmt .app_btn:hover{border-color: #4069eb; background: #4069eb; color: #fff;} .agency_banner_area_two{background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); padding: 230px 0px 140px; position: relative; z-index: 1; overflow: hidden;} .dot_shap{position: absolute; right: 0; top: 0; background: rgba(255, 255, 255, 0.03); border-radius: 50%; z-index: -1;} .dot_shap.one{width: 740px; height: 740px; top: -280px;} .dot_shap.two{width: 640px; height: 640px; top: -150px; right: -80px;} .dot_shap.three{width: 640px; height: 640px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -450px;} .agency_banner_img{margin-left: -100px;} .agency_content_two .agency_banner_btn{color: #5e2ced; border-color: #fff; background: #fff;} .saas_banner_area_two{position: relative; z-index: 1;} .saas_banner_area_two .shap_img{position: absolute; width: 101%; height: 540px; bottom: 120px; z-index: 0; left: 0; overflow: hidden; background-size: cover; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); right: 0;} .saas_banner_area_two .section_intro{background-image: -moz-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); background-image: -webkit-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%); background-image: -ms-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);} .section_container{max-width: 830px; margin: 0 auto; text-align: center; height: 100vh;} .section_container .intro{height: 53%; width: 100%; position: relative;} .section_container .intro_content{position: absolute; bottom: 0; width: 100%; left: 0; padding: 0px 15px;} .section_container .intro_content h1{font-size: 50px; letter-spacing: -0.20px; line-height: 70px; margin-bottom: 16px;} .section_container .intro_content p{line-height: 30px; margin-bottom: 60px;} .section_container .intro_content .subcribes{max-width: 570px; margin: 0 auto;} .section_container .intro_content .subcribes .form-control{border-radius: 4px; background-color: white; -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 8px 16px 0px rgba(0, 11, 40, 0.1); font: 300 16px/36px "Poppins", sans-serif; border: 0px; color: #a1a8be; height: 60px; padding-left: 30px; position: relative; z-index: 1;} .section_container .intro_content .subcribes .form-control.placeholder{color: #a1a8be;} .section_container .intro_content .subcribes .form-control:-moz-placeholder{color: #a1a8be;} .section_container .intro_content .subcribes .form-control::-moz-placeholder{color: #a1a8be;} .section_container .intro_content .subcribes .form-control::-webkit-input-placeholder{color: #a1a8be;} .section_container .intro_content .subcribes .btn_submit{position: absolute; top: 0; right: 0; font: 400 14px/60px "Poppins", sans-serif; color: #fff; background: #1c7ce7; border-radius: 4px; padding: 0px 25px; border: 0px; z-index: 2;} .animation_img{text-align: center; margin-top: -320px; z-index: 2; position: relative;} .payment_banner_area{position: relative; min-height: 100vh; background-image: -moz-linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%); background-image: -webkit-linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%); background-image: -ms-linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%); z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden;} .payment_banner_area .shape{background-image: -moz-linear-gradient(-57deg, #7121ff 0%, #21d4fd 100%); background-image: -webkit-linear-gradient(-57deg, #7121ff 0%, #21d4fd 100%); background-image: -ms-linear-gradient(-57deg, #7121ff 0%, #21d4fd 100%); position: absolute; left: -256px; top: -178px; width: 1095px; height: 602px; border-radius: 90px; -webkit-transform: rotate(-38deg); -ms-transform: rotate(-38deg); transform: rotate(-38deg); z-index: -1; opacity: 0.20;} .payment_banner_area .shape.two{background-image: -moz-linear-gradient(-75deg, #7121ff 0%, #21d4fd 100%); background-image: -webkit-linear-gradient(-75deg, #7121ff 0%, #21d4fd 100%); background-image: -ms-linear-gradient(-75deg, #7121ff 0%, #21d4fd 100%); position: absolute; left: 689px; top: 458px; border-radius: 150px; width: 816px; height: 702px;} .animation_img_two{width: 50%; height: 60%; float: right; text-align: right; position: absolute; bottom: 188px; right: 0; z-index: 0;} .animation_img_two img{max-width: 100%;} .svg_intro_bottom{position: absolute; top: 0px; width: 100%; height: 100%; z-index: -1;} .payment_banner_content{max-width: 670px;} .payment_banner_content h1{line-height: 70px; margin-bottom: 25px;} .payment_banner_content p{line-height: 30px;} .payment_banner_content .agency_banner_btn{background: #fff; color: #5956fe; border-color: #fff;} .payment_banner_content .agency_banner_btn_two{color: #ffffff; margin-left: 30px;} .payment_banner_content .agency_banner_btn_two:before{display: none;} .payment_banner_content .agency_banner_btn_two i{vertical-align: middle; padding-left: 10px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .payment_banner_content .agency_banner_btn_two:hover i{padding-left: 15px;} .breadcrumb_area{background-image: -moz-linear-gradient(180deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(180deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(180deg, #5e2ced 0%, #a485fd 100%); position: relative; z-index: 1; padding: 235px 0px 125px; overflow: hidden;} .breadcrumb_area .breadcrumb_shap{position: absolute; right: 0; top: 0; z-index: -1;} .service_promo_area{position: relative; overflow: hidden;} .service_promo_area .shape{position: absolute; width: 100%; height: 1320px;} .service_promo_area .shape.shape_one{opacity: 0.01; left: -25%; top: 350px;} .service_promo_area .shape.shape_two{opacity: 0.02; left: -15%; top: 400px;} .service_promo_area .shape.shape_three{right: -52%; bottom: -9%; opacity: 0.01;} .service_promo_area .shape.shape_four{right: -44%; bottom: -12%; opacity: 0.02;} .s_service_section{margin-top: 360px;} .s_service_item{background-image: -moz-linear-gradient(40deg, #6754e2 0%, #19cce6 100%); background-image: -webkit-linear-gradient(40deg, #6754e2 0%, #19cce6 100%); background-image: -ms-linear-gradient(40deg, #6754e2 0%, #19cce6 100%); -webkit-box-shadow: 0px 20px 60px 0px rgba(0, 11, 40, 0.06); box-shadow: 0px 20px 60px 0px rgba(0, 11, 40, 0.06); padding: 50px 40px 40px; position: relative; z-index: 1; cursor: pointer;} .s_service_item .icon{width: 82px; height: 82px; border-width: 1px; border-style: solid; border-radius: 50%; line-height: 82px; font-size: 30px; text-align: center; margin-bottom: 34px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .s_service_item .icon.icon_1{background-color: rgba(10, 188, 123, 0.059); border-color: rgba(10, 188, 123, 0.3); color: #0abc7b;} .s_service_item .icon.icon_2{border-color: rgba(231, 178, 18, 0.3); background-color: rgba(214, 167, 25, 0.059); color: #d6a719;} .s_service_item .icon.icon_3{color: #6754e2; background-color: rgba(103, 84, 226, 0.059); border-color: rgba(103, 84, 226, 0.3);} .s_service_item .icon.icon_4{color: #f91c60; background-color: rgba(248, 27, 95, 0.059); border-color: rgba(248, 27, 95, 0.3);} .s_service_item .solid_overlay{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; z-index: -1; opacity: 1; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .s_service_item h5{margin-bottom: 18px; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease;} .s_service_item:hover .solid_overlay{opacity: 0;} .s_service_item:hover .learn_btn_two, .s_service_item:hover h5, .s_service_item:hover p{color: #fff;} .s_service_item:hover .icon{border-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.059); color: #fff;} .learn_btn_two{color: #051441; font-size: 15px; display: inline-block; margin-top: 7px; position: relative; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease;} .learn_btn_two:before{content: ""; height: 1px; width: 0; position: absolute; left: 0; background: #fff; bottom: 0; -webkit-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease;} .learn_btn_two i{font-size: 13px; padding-left: 5px; vertical-align: middle;} .learn_btn_two:hover{color: #fff;} .learn_btn_two:hover:before{width: 100%;} .learn_btn_two:hover i{padding-left: 10px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .s_features_section{margin-top: 190px; padding-bottom: 70px;} .s_features_item .s_features_content{max-width: 590px;} .s_features_item .s_features_content .icon_square{width: 72px; height: 72px; border-radius: 4px; border: 1px solid rgba(127, 203, 17, 0.3); background-color: rgba(127, 203, 17, 0.059); text-align: center; font-size: 30px; line-height: 72px; color: #7fcb11;} .s_features_item .s_features_content h2{margin: 32px 0px 20px;} .s_features_item .ml_50{margin-left: -50px;} .s_features_item .ml_25{margin-left: -25px;} .s_features_item.s_features_item_two .s_features_content .icon_square{background-color: rgba(94, 44, 237, 0.059); border-color: rgba(94, 44, 237, 0.3); color: #6754e2;} .s_features_item.s_features_item_two .s_features_content .learn_btn:hover{color: #6754e2;} .s_features_item.s_features_item_two .s_features_content .learn_btn:hover:before{background: #6754e2;} .s_features_item.s_features_item_two .s_features_content .learn_btn:hover i{color: #6754e2;} .learn_btn{font: 500 16px/25px "Poppins", sans-serif; color: #051441; vertical-align: middle; display: inline-block; position: relative; margin-top: 30px; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;} .learn_btn i{padding-left: 8px; font-size: 14px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .learn_btn:before{content: ""; width: 100%; left: 0; bottom: 0; height: 1px; background: #051441; position: absolute; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear;} .learn_btn:hover{color: #7fcb11;} .learn_btn:hover:before{background: #7fcb11;} .learn_btn:hover i{padding-left: 15px;} .software_promo_area{background: #f6f7fa; overflow: hidden;} .software_promo_area .round_shape{border: 1px solid #edf0f4; border-radius: 50%; max-width: 1150px; min-height: 1150px; margin: 0 auto; position: relative;} .software_promo_area .round_shape .r_shape{position: absolute; top: 50%; left: 50%; border: 1px solid #edf0f4; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .software_promo_area .round_shape .r_shape.r_shape_one{height: 920px; width: 920px;} .software_promo_area .round_shape .r_shape.r_shape_two{height: 735px; width: 735px;} .software_promo_area .round_shape .r_shape.r_shape_three{height: 550px; width: 550px;} .software_promo_area .round_shape .r_shape.r_shape_four{height: 370px; width: 370px;} .software_promo_area .round_shape .r_shape.r_shape_five{height: 185px; width: 185px; background-image: -moz-linear-gradient(40deg, #6754e2 0%, #19cce6 100%); background-image: -webkit-linear-gradient(40deg, #6754e2 0%, #19cce6 100%); background-image: -ms-linear-gradient(40deg, #6754e2 0%, #19cce6 100%); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .software_promo_area .round_shape .r_shape.r_shape_five .text{width: 100%;} .software_promo_area .round_shape .r_shape.r_shape_five a{display: block; color: #fff; font-size: 20px; font-weight: 700; margin-top: 12px;} .s_promo_info .promo_item{position: absolute; border-style: solid; border: 1px solid rgba(93, 88, 247, 0.14); border-radius: 50%; background-color: white; -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; opacity: 0;} .s_promo_info .promo_item .text{width: 100%;} .s_promo_info .promo_item .text p{display: block; font-size: 14px; color: #677294; margin-bottom: 0px; margin-top: 5px; font-weight: 400;} .s_promo_info .promo_item.item_one{width: 150px; height: 150px; left: 50%; top: 50px;} .s_promo_info .promo_item.item_two{width: 140px; height: 140px; left: -5px; top: 275px;} .s_promo_info .promo_item.item_three{width: 120px; height: 120px; left: 290px; top: 375px;} .s_promo_info .promo_item.item_four{width: 160px; height: 160px; left: 67%; top: 38%;} .s_promo_info .promo_item.item_five{width: 160px; height: 160px; left: 93%; top: 55%;} .s_promo_info .promo_item.item_six{width: 80px; height: 80px; top: 69%; left: 38%;} .s_promo_info .promo_item.item_seven{width: 100px; height: 100px; top: 70%; left: 67%;} .s_promo_info .promo_item.item_eight{width: 140px; height: 140px; top: 84%; left: 41%;} .s_promo_info .promo_item.item_nine{width: 160px; height: 160px; left: 110px; top: 65%;} .s_promo_info .promo_item.scroll_animation.in-view{opacity: 1;} .s_promo_info .promo_item.scroll_animation.in-view.item_one{-webkit-animation: rollIncustom3 0.6s linear; animation: rollIncustom3 0.6s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_two{-webkit-animation: rollIncustom 0.6s linear; animation: rollIncustom 0.6s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_three{-webkit-animation: rollIncustom1 0.9s linear; animation: rollIncustom1 0.9s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_four{-webkit-animation: rollIncustom4 1.2s linear; animation: rollIncustom4 1.2s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_five{-webkit-animation: rollIncustom5 0.9s linear; animation: rollIncustom5 0.9s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_six{-webkit-animation: rollIncustom6 0.6s linear; animation: rollIncustom6 0.6s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_seven{-webkit-animation: rollIncustom7 0.9s linear; animation: rollIncustom7 0.9s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_eight{-webkit-animation: rollIncustom8 0.6s linear; animation: rollIncustom8 0.6s linear;} .s_promo_info .promo_item.scroll_animation.in-view.item_nine{-webkit-animation: rollIncustom9 0.9s linear; animation: rollIncustom9 0.9s linear;} .process_area .features_info{padding-bottom: 185px;} .features_area{background: #fbfbfd; overflow: hidden;} .feature_info .feature_img img{max-width: 100%;} .feature_info .feature_img.f_img_one{margin-left: -50px;} .feature_info .feature_img.f_img_one .one{bottom: 10px; left: 50px;} .feature_info .feature_img.f_img_one .three{bottom: 60px; left: 50px;} .feature_info .feature_img.f_img_two .one{right: 120px; bottom: 10px;} .feature_info .feature_img.f_img_two .three{right: 70px; bottom: 30px;} .feature_info .feature_img.f_img_two .four{top: 80px; left: 100px;} .feature_info .f_content .icon{position: relative; width: 105px; height: 105px; text-align: center; line-height: 105px; font-size: 20px; color: #fff; margin-left: -24px; z-index: 1;} .feature_info .f_content .icon img{position: absolute; left: 0; top: 10px; z-index: -1;} .feature_info .f_content h2{color: #3f4451; line-height: 44px; padding-right: 50px; margin: 8px 0px 30px;} .feature_info .f_content p{color: #677294; line-height: 30px; margin-bottom: 0px;} .prototype_featured_area{background: #f4f4f9; position: relative; z-index: 1;} .p_feature_item + .p_feature_item{margin-top: 170px;} .p_feature_item img{max-width: 100%;} .p_feature_item .p_feture_img_one{margin-right: -160px;} .p_feature_item .p_feture_img_two{margin-left: -160px;} .p_feature_item .prototype_content h2{font-size: 26px; line-height: 36px; padding-right: 70px;} .p_feature_item .prototype_content .prototype_logo{background-color: #fbfbfd; -webkit-box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.04); display: inline-block; padding: 7px 16px; margin: 35px 0px 45px;} .p_feature_item .prototype_content .prototype_logo a{display: inline-block; padding: 10px 12px;} .p_feature_item .prototype_content p{font-weight: 300;} .agency_featured_area{padding-top: 160px;} .agency_featured_area_two{padding-bottom: 150px;} .features_info{position: relative; padding-bottom: 170px;} .features_info .dot_img{position: absolute; left: 0; top: 28px;} .features_info.feature_info_two{padding-bottom: 70px;} .dot{width: 20px; height: 20px; border-radius: 50%; background-color: rgba(255, 161, 39, 0.161); display: block; position: absolute; left: -9px; top: 15px;} .dot .dot1{position: absolute; left: 50%; margin-top: -4px; margin-left: -4px; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: #feb85d;} .dot .dot2{position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: rgba(254, 184, 93, 0.8); -webkit-animation: pulsate 3s infinite; animation: pulsate 3s infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); will-change: transform;} .dot.middle_dot{left: 54.8%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; top: auto;} .agency_featured_item{margin-top: 130px;} .agency_featured_item .agency_featured_content{position: relative;} .agency_featured_item .agency_featured_content h3{font: 500 26px/36px "Poppins", sans-serif; color: #222d39; margin: 32px 0px 25px;} .agency_featured_item .agency_featured_content p{font-size: 15px;} .agency_featured_item .agency_featured_content .icon{width: 46px; height: 46px; line-height: 46px; border-radius: 50%; background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2); box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2); font-size: 20px; color: #fff; display: inline-block; text-align: center;} .agency_featured_item.agency_featured_item_two .agency_featured_content .dot{left: 30px;} .software_featured_area{padding-top: 120px;} .software_featured_item .s_icon{display: inline-block; position: relative;} .software_featured_item .s_icon .icon{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: -22px;} .software_featured_item h3{font-size: 17px; margin: 30px 0px 25px;} .software_featured_item .learn_btn{font: 400 14px/26px "Poppins", sans-serif; color: #222d39; position: relative; margin-top: 0px;} .software_featured_item .learn_btn:before{content: ""; width: 0; height: 1px; left: auto; right: 0; bottom: 0; background: #3d64f4; position: absolute; -webkit-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear;} .software_featured_item .learn_btn:hover{color: #3d64f4;} .software_featured_item .learn_btn:hover:before{width: 100%; right: auto; left: 0;} .software_featured_area_two{background-image: -moz-linear-gradient(40deg, #23026d 0%, #3d64f4 100%); background-image: -webkit-linear-gradient(40deg, #23026d 0%, #3d64f4 100%); background-image: -ms-linear-gradient(40deg, #23026d 0%, #3d64f4 100%);} .software_featured_img{margin-left: -30px;} .software_featured_content .btn_four{border: 0px; color: #3d64f4; background: #fff;} .software_featured_content .btn_four:hover{color: #fff; background: #3d64f4;} .saas_featured_area{position: relative; overflow: hidden;} .square_box{position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top-left-radius: 45px; opacity: 0.302;} .square_box.box_one{background-image: -moz-linear-gradient(140deg, #290a59 0%, #3d57f4 100%); background-image: -webkit-linear-gradient(140deg, #290a59 0%, #3d57f4 100%); background-image: -ms-linear-gradient(140deg, #290a59 0%, #3d57f4 100%); width: 382px; height: 382px; bottom: -191px; left: -50px;} .square_box.box_two{background-image: -moz-linear-gradient(140deg, #3c0f73 0%, #bc2280 100%); background-image: -webkit-linear-gradient(140deg, #3c0f73 0%, #bc2280 100%); background-image: -ms-linear-gradient(140deg, #3c0f73 0%, #bc2280 100%); width: 235px; height: 235px; bottom: -116px; left: 250px;} .square_box.box_three{background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); background-image: -webkit-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); opacity: 0.059; left: -80px; top: -60px; width: 500px; height: 500px; border-radius: 45px;} .square_box.box_four{background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); background-image: -webkit-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); opacity: 0.059; left: 150px; top: -25px; width: 550px; height: 550px; border-radius: 45px;} .saas_featured_info .saas_featured_item{color: #fff; border-radius: 4px; padding: 50px 30px 50px 40px; margin-bottom: 30px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer;} .saas_featured_info .saas_featured_item.s_featured_one{background-image: -moz-linear-gradient(40deg, #3c0f73 0%, #bc2280 100%); background-image: -webkit-linear-gradient(40deg, #3c0f73 0%, #bc2280 100%); background-image: -ms-linear-gradient(40deg, #3c0f73 0%, #bc2280 100%);} .saas_featured_info .saas_featured_item.s_featured_two{background-image: -moz-linear-gradient(40deg, #290a59 0%, #3d57f4 100%); background-image: -webkit-linear-gradient(40deg, #290a59 0%, #3d57f4 100%); background-image: -ms-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);} .saas_featured_info .saas_featured_item.s_featured_three{background-image: -moz-linear-gradient(40deg, #411881 0%, #1183ad 100%); background-image: -webkit-linear-gradient(40deg, #411881 0%, #1183ad 100%); background-image: -ms-linear-gradient(40deg, #411881 0%, #1183ad 100%);} .saas_featured_info .saas_featured_item.s_featured_four{background-image: -moz-linear-gradient(40deg, #411881 0%, #9b2bdc 100%); background-image: -webkit-linear-gradient(40deg, #411881 0%, #9b2bdc 100%); background-image: -ms-linear-gradient(40deg, #411881 0%, #9b2bdc 100%);} .saas_featured_info .saas_featured_item h6{font-size: 18px;} .saas_featured_info .saas_featured_item p{font-size: 15px; font-weight: 300;} .saas_featured_info .saas_featured_item:hover{-webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06);} .saas_featured_info .saas_featured_content p{color: #bdbed6;} .saas_featured_info .f_img_one{margin-left: -100px;} .saas_featured_info .img_border img{border: 4px solid #2a3656; border-radius: 6px;} .saas_featured_info .f_img_two{margin-right: -120px; position: relative; z-index: 0;} .saas_featured_info .f_img_two:before{content: ""; background-color: #0f1029; position: absolute; width: 420px; height: 100%; right: -50px; top: -55px; z-index: -1;} .saas_featured_info .f_img_two img{border-color: #49436f;} .saas_featured_info .saas_featured_content .saas_banner_btn{padding: 12px 30px;} .saas_featured_info + .saas_featured_info{margin-top: 250px;} .app_featured_area{padding: 140px 0px; position: relative; z-index: 1;} .triangle_shape{position: absolute; z-index: -2; height: 161%; width: 149%; background: #fbfbfd; bottom: -290px; right: -47%; -webkit-transform: rotate(-36deg); -ms-transform: rotate(-36deg); transform: rotate(-36deg);} .app_featured_content{padding: 50px 100px 90px 0;} .app_featured_content .learn_btn_two{margin-top: 20px; overflow: hidden;} .app_featured_content .learn_btn_two:before{background: #4069eb;} .app_featured_content .learn_btn_two:hover{color: #4069eb;} .app_fetured_item{position: relative; height: 100%; margin-left: 70px;} .app_item{text-align: center; border-radius: 6px; width: 200px; padding: 45px 0px 35px; position: absolute; z-index: 0;} .app_item h6{margin-bottom: 0px; margin-top: 10px;} .app_item.item_one{background-image: -moz-linear-gradient(40deg, #e87e16 0%, #f0de14 100%); background-image: -webkit-linear-gradient(40deg, #e87e16 0%, #f0de14 100%); background-image: -ms-linear-gradient(40deg, #e87e16 0%, #f0de14 100%); -webkit-box-shadow: 0px 20px 40px 0px rgba(224, 149, 32, 0.4); box-shadow: 0px 20px 40px 0px rgba(224, 149, 32, 0.4); right: 0; top: 0; z-index: 1;} .app_item.item_two{background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0px 20px 40px 0px rgba(94, 44, 237, 0.4); box-shadow: 0px 20px 40px 0px rgba(94, 44, 237, 0.4); left: 140px; top: 90px;} .app_item.item_three{background-image: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); background-image: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); -webkit-box-shadow: 0px 20px 40px 0px rgba(224, 56, 39, 0.4); box-shadow: 0px 20px 40px 0px rgba(224, 56, 39, 0.4); left: 0; bottom: 70px; z-index: -1;} .app_item.item_four{background-image: -moz-linear-gradient(40deg, #2171d4 0%, #2cc4f0 100%); background-image: -webkit-linear-gradient(40deg, #2171d4 0%, #2cc4f0 100%); background-image: -ms-linear-gradient(40deg, #2171d4 0%, #2cc4f0 100%); -webkit-box-shadow: 0px 20px 40px 0px rgba(44, 130, 237, 0.4); box-shadow: 0px 20px 40px 0px rgba(44, 130, 237, 0.4); right: 0; bottom: 10px;} .app_img{position: relative; display: inline-block; z-index: 0;} .app_img .dot{background: rgba(64, 105, 235, 0.161);} .app_img .dot .dot1{background: #6c8bed;} .app_img .dot .dot2{background: rgba(64, 105, 235, 0.8);} .app_img .dot_one{right: 75px; top: 35px; left: auto;} .app_img .dot_two{right: 100px; top: 67%; left: auto;} .app_img .dot_three{top: 38%; left: 105px;} .app_img .text_bg{position: absolute; z-index: 1;} .app_img .text_bg.one{left: -50%; top: 190px;} .app_img .text_bg.two{right: -34%; top: -50px;} .app_img .text_bg.three{right: -50%; bottom: 100px;} .app_featured_area_two{position: relative; padding-bottom: 120px;} .app_featured_area_two .app_feature_info{margin-top: 230px;} .saas_features_area_two{padding-top: 90px;} .saas_features_item{padding: 0px 40px; margin-bottom: 30px;} .saas_features_item h4{margin: 25px 0px 20px;} .payment_features_area{position: relative; padding-top: 100px; padding-bottom: 50px;} .payment_features_area .featured_item + .featured_item{margin-top: 100px;} .payment_features_area .payment_featured_img{margin-left: -190px;} .payment_features_area .payment_featured_img.img_two{margin-right: -190px; margin-left: 0px;} .payment_features_area .bg_shape{position: absolute; background-color: #fafbff; width: 1100px; height: 1775px; display: block; border-radius: 120px; z-index: -1;} .payment_features_area .shape_one{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); right: -669px; top: -80px;} .payment_features_area .shape_two{left: -669px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-43deg); top: 275px; width: 870px;} .payment_features_area .shape_three{bottom: -29%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); right: -100px; width: 988px; height: 1022px;} .payment_features_content .icon{display: inline-block; position: relative; height: 100px; width: 100px; margin-bottom: 40px;} .payment_features_content .icon .icon_img{position: absolute; left: 50%; top: 50%; margin-top: -23px; margin-left: -11px;} .payment_features_content h2{font-weight: 700; font-size: 26px; color: #051441; margin-bottom: 15px;} .payment_features_content p{font-size: 18px; color: #677294; line-height: 30px; margin-bottom: 50px;} .pay_btn{color: #5956fe; position: relative; border: 0px; z-index: 1; border-radius: 4px; background: #fff; z-index: 1; min-width: 170px; padding: 15px 20px; text-align: center; -webkit-box-shadow: 0px 2px 5px 0px rgba(63, 54, 132, 0.1); box-shadow: 0px 2px 5px 0px rgba(63, 54, 132, 0.1);} .pay_btn:before{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; border-radius: 3px; background-image: -moz-linear-gradient(0deg, #7121ff 0%, #21d4fd 100%); background-image: -webkit-linear-gradient(0deg, #7121ff 0%, #21d4fd 100%); background-image: -ms-linear-gradient(0deg, #7121ff 0%, #21d4fd 100%); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .pay_btn.pay_btn_two{color: #fff; margin-left: 18px;} .pay_btn.pay_btn_two:before{opacity: 1;} .pay_btn.pay_btn_two:hover{color: #5956fe; -webkit-box-shadow: 0px 2px 5px 0px rgba(63, 54, 132, 0.1); box-shadow: 0px 2px 5px 0px rgba(63, 54, 132, 0.1);} .pay_btn.pay_btn_two:hover:before{opacity: 0;} .pay_btn:hover{color: #fff;} .pay_btn:hover:before{opacity: 1;} .service_area{background: #f4f6fa;} .service_item{background: #fff; -webkit-box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1); box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1); padding: 47px 40px 0px; height: 100%; position: relative; border: 2px solid transparent; -webkit-transition: border 0.2s linear; -o-transition: border 0.2s linear; transition: border 0.2s linear; cursor: pointer; overflow: hidden;} .service_item p{line-height: 28px;} .service_item .icon{width: 54px; height: 54px; line-height: 54px; font-size: 20px; border-radius: 50%; color: #fff; text-align: center; background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4); box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4); position: absolute; right: 30px; top: 30px;} .service_item .icon.s_icon_one{background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4); box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);} .service_item .icon.s_icon_two{background-image: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); background-image: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); -webkit-box-shadow: 0px 14px 30px 0px rgba(224, 56, 39, 0.4); box-shadow: 0px 14px 30px 0px rgba(224, 56, 39, 0.4);} .service_item .icon.s_icon_three{background-image: -moz-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); background-image: -webkit-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); background-image: -ms-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); -webkit-box-shadow: 0px 14px 30px 0px rgba(44, 130, 237, 0.4); box-shadow: 0px 14px 30px 0px rgba(44, 130, 237, 0.4);} .service_item .icon.s_icon_four{background-image: -moz-linear-gradient(40deg, #e09520 0%, #fae926 100%); background-image: -webkit-linear-gradient(40deg, #e09520 0%, #fae926 100%); background-image: -ms-linear-gradient(40deg, #e09520 0%, #fae926 100%); -webkit-box-shadow: 0px 14px 30px 0px rgba(224, 149, 32, 0.4); box-shadow: 0px 14px 30px 0px rgba(224, 149, 32, 0.4);} .service_item img{margin-right: -25px; width: auto;} .service_item:hover{border-color: #c4e7f7;} .prototype_service_area_two, .prototype_service_area_three{overflow: hidden;} .prototype_service_info{padding: 150px 0px 175px; position: relative; z-index: 0;} .p_service_info{margin-bottom: -90px;} .p_service_item{margin-bottom: 90px;} .p_service_item .icon{-webkit-box-sizing: content-box; box-sizing: content-box; width: 55px; height: 60px; position: relative; margin: 0px 0px 25px; font-size: 24px; -webkit-border-radius: 50% / 14%; border-radius: 50% / 14%; color: white; text-align: center; line-height: 64px; -o-text-overflow: clip; text-overflow: clip; z-index: 1;} .p_service_item .icon:before{-webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; content: ""; top: 10%; right: -5.5%; bottom: 10%; left: -5%; border: none; -webkit-border-radius: 7% / 50%; border-radius: 7% / 50%; -o-text-overflow: clip; text-overflow: clip; text-shadow: none; z-index: -1;} .p_service_item .icon.icon_one{background: #7142f8;} .p_service_item .icon.icon_one:before{background: #7142f8;} .p_service_item .icon.icon_two{background: #5cbd2c;} .p_service_item .icon.icon_two:before{background: #5cbd2c;} .p_service_item .icon.icon_three{background: #f38650;} .p_service_item .icon.icon_three:before{background: #f38650;} .p_service_item .icon.icon_four{background: #ecbf24;} .p_service_item .icon.icon_four:before{background: #ecbf24;} .p_service_item .icon.icon_five{background: #fa4c9a;} .p_service_item .icon.icon_five:before{background: #fa4c9a;} .p_service_item .icon.icon_six{background: #35bfe7;} .p_service_item .icon.icon_six:before{background: #35bfe7;} .p_service_item h5{font-size: 17px; line-height: 22px; margin-bottom: 15px;} .p_service_item p{font-size: 15px;} .symbols-pulse{position: absolute; top: 58%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1;} .symbols-pulse > div{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 23rem; height: 23rem; border-radius: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 221, 246, 0.1)), color-stop(65%, rgba(227, 221, 246, 0.2)), to(rgba(227, 221, 246, 0.1))); background-image: -webkit-linear-gradient(top, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%); background-image: -o-linear-gradient(top, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%); background-image: linear-gradient(-180deg, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%); z-index: -1;} .symbols-pulse .pulse-1{-webkit-transform: translate(-50%, -50%) scale(0.67); -ms-transform: translate(-50%, -50%) scale(0.67); transform: translate(-50%, -50%) scale(0.67);} .symbols-pulse .pulse-2{-webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05);} .symbols-pulse .pulse-3{-webkit-transform: translate(-50%, -50%) scale(1.63); -ms-transform: translate(-50%, -50%) scale(1.63); transform: translate(-50%, -50%) scale(1.63);} .symbols-pulse .pulse-4{-webkit-transform: translate(-50%, -50%) scale(2.1); -ms-transform: translate(-50%, -50%) scale(2.1); transform: translate(-50%, -50%) scale(2.1);} .symbols-pulse .pulse-x{will-change: transform; -webkit-animation: pulsate 3s infinite; animation: pulsate 3s infinite;} @-webkit-keyframes pulsate{0%{opacity: 1; -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5);}100%{opacity: 0; -webkit-transform: translate(-50%, -50%) scale(4); transform: translate(-50%, -50%) scale(4);}} @keyframes pulsate{0%{opacity: 1; -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5);}100%{opacity: 0; -webkit-transform: translate(-50%, -50%) scale(4); transform: translate(-50%, -50%) scale(4);}} .prototype_service_area{background: #fbfbfd; padding-bottom: 130px; padding-top: 20px;} .service_carousel{padding-left: 155px; position: relative; z-index: 1;} .service_carousel:before{width: 100px; content: ""; height: 100%; right: -25px; top: 0; position: absolute; background: #fbfbfb; -webkit-filter: blur(12px); filter: blur(12px); -webkit-box-shadow: 0px 100px 40px 0px rgba(251, 251, 251, 0.1); box-shadow: 0px 100px 40px 0px rgba(251, 251, 251, 0.1); z-index: 1;} .service_carousel .owl-stage{left: -100px; display: -webkit-box; display: -ms-flexbox; display: flex;} .service_carousel .owl-item{padding-left: 25px; padding-bottom: 55px;} .service_carousel .owl-item .service_item{-webkit-box-shadow: 0px 30px 40px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 30px 40px 0px rgba(12, 0, 46, 0.1);} .service_carousel .owl-item .service_item:hover{border-color: rgba(116, 68, 253, 0.2);} .service_carousel .owl-item .service_item img{width: auto;} .service_carousel .owl-next{position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 56px; height: 56px; border-radius: 50%; background: white; -webkit-box-shadow: 0px 2px 20px 2px rgba(12, 0, 46, 0.06); box-shadow: 0px 2px 20px 2px rgba(12, 0, 46, 0.06); font-size: 16px; color: #222d39; line-height: 56px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .service_carousel .owl-next:hover{background: #7444fd !important; color: #fff !important;} .prototype_service_area_two{background: #f8f8fc; padding: 120px 0px 60px; position: relative; z-index: 1;} .agency_service_area{padding: 135px 0px 140px;} .agency_service_item{margin-bottom: 30px;} .agency_service_item .icon{width: auto; height: auto; display: inline-block;} .agency_service_item .icon i{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .agency_service_item a{font: 400 14px/26px "Poppins", sans-serif; color: #222d39; vertical-align: middle; position: relative; z-index: 1; -webkit-transition: color 0.3s linear 0s; -o-transition: color 0.3s linear 0s; transition: color 0.3s linear 0s;} .agency_service_item a:before{content: ""; width: 100%; height: 1px; background: #222d39; left: 0; bottom: 0; position: absolute; z-index: -1; -webkit-transition: width 0.3s linear 0s; -o-transition: width 0.3s linear 0s; transition: width 0.3s linear 0s;} .agency_service_item p{display: inline-block;} .agency_service_item p i{vertical-align: middle; padding-left: 8px; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .agency_service_item p:hover a{color: #5e2ced;} .agency_service_item p:hover a:before{width: 132%; background: #5e2ced;} .agency_service_item p:hover i{color: #5e2ced; padding-left: 12px;} .design_img img{border: 2px solid #e4ebf2; border-radius: 6px; background-color: #c3c9ce; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);} .design_img_two{margin-left: -100px;} .software_service_area{background: #f9f9fc;} .software_service_tab{margin: 0px; border: 0px; display: block;} .software_service_tab .nav-item{margin: 0px;} .software_service_tab .nav-item .nav-link{display: block; padding: 16px 32px 16px 40px; -webkit-transition: border-left-color .25s linear; -o-transition: border-left-color .25s linear; transition: border-left-color .25s linear; border-radius: 0px; border: 0px; border-left: 4px solid #e6e8ef; background: transparent; font: 400 16px "Poppins", sans-serif; color: #677294; position: relative;} .software_service_tab .nav-item .nav-link:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #3d64f4; position: absolute; left: -2px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0;} .software_service_tab .nav-item .nav-link.active{border-left-color: #3d64f4; color: #3d64f4;} .software_service_tab .nav-item .nav-link.active:before{opacity: 1;} .software_service_tab_content{margin-bottom: -70px;} .software_service_tab_content .software_service_item{padding-right: 30px;} .software_service_tab_content .software_service_item i{font-size: 30px; color: #3d64f4; line-height: 40px;} .software_service_tab_content .software_service_item h5{font: 600 17px/25px "Poppins", sans-serif; color: #222d39;} .software_service_tab_content .software_service_item p{font-size: 15px;} .developer_product_area{background: #f9f9fc; padding: 160px 0px;} .developer_product_content{padding-right: 100px;} .developer_product_content .develor_tab{display: inline-block; border-bottom: 2px solid #e1e3ed; padding: 0px 40px 0px 10px;} .developer_product_content .develor_tab .nav-item{margin: 0px 0px 0px 50px; float: left;} .developer_product_content .develor_tab .nav-item .nav-link{font: 400 16px "Poppins", sans-serif; color: #677294; border: 0px; padding: 0px 0px 10px; position: relative;} .developer_product_content .develor_tab .nav-item .nav-link:before{width: 0; content: ""; left: auto; right: 0; height: 2px; background: #3d64f4; position: absolute; bottom: -2px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .developer_product_content .develor_tab .nav-item .nav-link.active{color: #3d64f4; background: transparent;} .developer_product_content .develor_tab .nav-item .nav-link.active:before{right: auto; left: 0; width: 100%;} .developer_product_content .develor_tab .nav-item:first-child{margin-left: 0px;} .developer_product_content .developer_tab_content p{line-height: 28px; font-weight: 300;} .developer_product_content .developer_tab_content .details_btn{font: 400 14px "Poppins", sans-serif; color: #3d64f4; position: relative; display: inline-block;} .developer_product_content .developer_tab_content .details_btn:before{width: 100%; content: ""; left: auto; right: 0; height: 1px; background: #3d64f4; position: absolute; bottom: 0px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .c_violet{color: #222d39;} .c_violet:before{background: #5e2ced;} .c_violet:hover{color: #5e2ced;} .d_product_content_two .develor_tab .nav-item .nav-link:before{background: #5e2ced;} .d_product_content_two .develor_tab .nav-item .nav-link.active{color: #5e2ced;} .app_service_area{padding-top: 120px; background: #fff;} .app_service_info{margin-bottom: -90px; position: relative; z-index: 2; overflow: hidden;} .app_service_item{border: 1px solid #f4f4f9; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); padding: 50px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 30px; cursor: pointer;} .app_service_item .app_icon{font-size: 40px; line-height: 45px;} .app_service_item .app_icon.one{text-shadow: 0px 14px 30px rgba(44, 130, 237, 0.4); color: #677294; background-image: -moz-linear-gradient(0deg, #2171d4 0%, #2cc4f0 100%); background-image: -webkit-linear-gradient(0deg, #2171d4 0%, #2cc4f0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .app_service_item .app_icon.two{text-shadow: 0px 14px 30px rgba(224, 56, 39, 0.4); color: #e03827; background-image: -moz-linear-gradient(0deg, #e03827 0%, #f9a47a 100%); background-image: -webkit-linear-gradient(0deg, #e03827 0%, #f9a47a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .app_service_item .app_icon.three{text-shadow: 0px 14px 30px rgba(94, 44, 237, 0.4); color: #e03827; background-image: -moz-linear-gradient(0deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(0deg, #5e2ced 0%, #a485fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .app_service_item .learn_btn_two{color: #222d39; font-size: 14px;} .app_service_item .learn_btn_two:before{background: #4069eb;} .app_service_item .learn_btn_two:hover{color: #4069eb;} .app_service_item .learn_btn_two.c_violet:hover{color: #5e2ced;} .app_service_item .learn_btn_two.c_violet:hover:before{background: #5e2ced;} .app_service_item:hover{-webkit-box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.08); box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.08);} .app_service_area_two{background: #f9f9fc; padding: 120px 0px;} .app_service_area_two .app_service_info{margin-bottom: -30px;} .service_details_img{margin-left: -80px;} .service_details ul{padding-left: 35px;} .service_details ul li{font: 400 16px "Poppins", sans-serif; color: #677294; position: relative; padding-left: 35px; margin-bottom: 13px;} .service_details ul li i{position: absolute; left: 0; top: 5px; color: #5e2ced;} .service_details ul li:last-child{margin-bottom: 0px;} .service_details_item + .service_details_item{margin-top: 200px;} .saas_service_item .saas_service_content .icon{width: 60px; height: 60px; border-radius: 50%; font-size: 24px; line-height: 64px; color: #fff; text-align: center; margin-bottom: 35px;} .saas_service_item .saas_service_content .icon.icon_one{background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); -webkit-box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2); box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2);} .saas_service_item .saas_service_content .icon.icon_two{background-image: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); background-image: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%); -webkit-box-shadow: 0px 10px 20px 0px rgba(227, 69, 49, 0.2); box-shadow: 0px 10px 20px 0px rgba(227, 69, 49, 0.2);} .saas_service_item .saas_service_content .icon.icon_three{background-image: -moz-linear-gradient(40deg, #57b22a 0%, #77ea3d 100%); background-image: -webkit-linear-gradient(40deg, #57b22a 0%, #77ea3d 100%); background-image: -ms-linear-gradient(40deg, #57b22a 0%, #77ea3d 100%); -webkit-box-shadow: 0px 10px 20px 0px rgba(92, 186, 45, 0.2); box-shadow: 0px 10px 20px 0px rgba(92, 186, 45, 0.2);} .saas_service_item .saas_service_content .icon.icon_four{background-image: -moz-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); background-image: -webkit-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); background-image: -ms-linear-gradient(40deg, #2c82ed 0%, #38d0fc 100%); -webkit-box-shadow: 0px 10px 20px 0px rgba(45, 139, 239, 0.2); box-shadow: 0px 10px 20px 0px rgba(45, 139, 239, 0.2);} .saas_service_item .saas_service_content h4{margin-bottom: 20px;} .saas_service_item .saas_service_content p{margin-bottom: 45px;} .saas_service_item + .saas_service_item{margin-top: 180px;} .payment_service_area{padding-top: 225px; padding-bottom: 150px; position: relative; z-index: 2; background: url("/template_integration_for_odoo_website/static/css/../img/home9/shape_two.png") no-repeat scroll center 0; background-size: cover;} .payment_service_area .image_shape{position: absolute; width: 100%; top: 0; left: 0; height: 882px; z-index: -1;} .payment_service_area .service-content h2{font-size: 26px; margin-bottom: 25px;} .payment_service_area .service-content p{font-size: 18px;} .pay_icon{background: url("/template_integration_for_odoo_website/static/css/../img/home9/icon_shape_two.png") no-repeat scroll center 0; width: 110px; height: 103px; text-align: center; line-height: 95px; margin-bottom: 34px;} .payment_service_item{padding-right: 80px; margin-bottom: 75px;} .payment_service_item .icon{width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); text-align: center; line-height: 55px; margin-right: 30px;} .payment_service_item h3{margin-bottom: 15px;} .payment_service_item p{margin-bottom: 0;} .s_pricing-item{text-align: center; background: #f6f7fa; border: 1px solid #f6f7fa; padding: 55px; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 30px; position: relative;} .s_pricing-item .tag_label{font: 400 16px/22px "Poppins", sans-serif; color: #fff; background: #5f2eed; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 36px; right: 0; padding: 9px 26px; border: 0px; display: block;} .s_pricing-item .tag_label:before{content: ""; border-top: 20px solid #5f2eed; border-bottom: 20px solid #5f2eed; border-right: 11px solid transparent; border-left: 11px solid transparent; position: absolute; right: -11px; top: 0;} .s_pricing-item .tag_label.blue_bg{background: #19cce6;} .s_pricing-item .tag_label.blue_bg:before{border-top: 20px solid #19cce6; border-bottom: 20px solid #19cce6;} .s_pricing-item .shape_img{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .s_pricing-item .s_price_icon{width: 110px; height: 110px; text-align: center; line-height: 110px; background: #f0f2f8; border-radius: 50%; margin: 0 auto; position: relative; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .s_pricing-item .s_price_icon i:before{font-size: 48px;} .s_pricing-item .s_price_icon.p_icon1{color: #7fcb11;} .s_pricing-item .s_price_icon.p_icon2{color: #6754e2;} .s_pricing-item .s_price_icon.p_icon3{color: #e92460;} .s_pricing-item p{color: #677294;} .s_pricing-item .price{color: #051441; padding: 24px 0px 40px; border-bottom: 1px solid #e9e9f4;} .s_pricing-item .price sub{color: #677294; bottom: 0;} .s_pricing-item ul li{line-height: 40px; color: #505975; font-weight: 300;} .s_pricing-item:hover{border-color: #f2f2f8; background-color: white; -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14); box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14);} .s_pricing-item:hover .s_price_icon{background: #faf9fa;} .s_subscribe_area{position: relative; z-index: 1; background: #f9fafd; padding: 120px 0px 130px; overflow: hidden;} .s_subscribe_area:before{content: ""; width: 100%; height: 100%; background: url("/template_integration_for_odoo_website/static/css/../img/saas/map.png") no-repeat scroll center 0; position: absolute; top: 0; left: 0; z-index: -1;} .s_subscribe_area .mchimp-errmessage, .s_subscribe_area .mchimp-sucmessage{text-align: center;} .right_shape, .bottom_shape{position: absolute; width: 700px; height: 600px;} .right_shape path, .bottom_shape path{opacity: 0.03;} .right_shape{right: -450px; top: -102px;} .bottom_shape{left: 130px; top: 280px;} .s_subcribes{max-width: 970px; margin: 0 auto; position: relative;} .s_subcribes .form-control{font: 300 16px/100px "Poppins", sans-serif; color: #9ea4b7; height: 100px; padding: 0px 0px 0px 50px; background-color: white; -webkit-box-shadow: 0px 30px 60px 0px rgba(8, 0, 63, 0.14); box-shadow: 0px 30px 60px 0px rgba(8, 0, 63, 0.14); border: 0px; border-radius: 0px; border-left: 10px solid #6754e2; z-index: 0;} .s_subcribes .form-control.placeholder{color: #9ea4b7;} .s_subcribes .form-control:-moz-placeholder{color: #9ea4b7;} .s_subcribes .form-control::-moz-placeholder{color: #9ea4b7;} .s_subcribes .form-control::-webkit-input-placeholder{color: #9ea4b7;} .s_subcribes .btn-submit{position: absolute; background: transparent; color: #6754e2; right: 40px; line-height: 100px; padding: 0px; font-size: 30px; z-index: 3;} .pricing_area{background: #fbfbfd;} .price_tab{border-radius: 45px; max-width: 400px; background-color: white; -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 11, 40, 0.08); box-shadow: 0px 3px 13px 0px rgba(0, 11, 40, 0.08); margin-left: auto; margin-right: auto; margin-bottom: 60px; border: 0px; padding: 7px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative;} .price_tab .nav-item{padding: 0px; margin: 0px;} .price_tab .nav-item .nav-link{margin: 0px; font: 400 16px "Poppins", sans-serif; color: #677294; padding: 12px 30px; display: inline-block; border: 0px; border-radius: 45px; min-width: 193px; text-align: center; -webkit-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; position: relative; z-index: 1;} .price_tab .nav-item .nav-link.active{border: 0px; border-radius: 45px; background: transparent; color: #fff;} .price_tab .hover_bg{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #00aff0; left: 0; height: calc(100% - 14px); border-radius: 45px; z-index: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .price_tab_two .hover_bg{background: #5f2eed;} .price_content .fade{-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .price_content .fade.show{-webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);} .price_content .price_item{text-align: center; background-color: white; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1); box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1); padding: 50px 50px 40px; border: 1px solid #fff; position: relative; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer;} .price_content .price_item .tag{position: absolute; font: 400 14px "Poppins", sans-serif; color: #fff; background: #00aff0; padding: 19px 32px; top: -10px; left: -39px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .price_content .price_item .tag span{position: relative; top: 11px;} .price_content .price_item p{font-size: 16px; line-height: 22px; color: #677294; font-weight: 300; margin-bottom: 0px;} .price_content .price_item .price{line-height: 40px; border-bottom: 1px solid #e9e9f4; padding: 33px 0px 30px;} .price_content .price_item .price sub{color: #677294; bottom: 0;} .price_content .price_item .p_list{padding: 30px 0px 20px;} .price_content .price_item .p_list li{font: 300 16px/40px "Poppins", sans-serif; color: #505975;} .price_content .price_item .p_list li i{padding-right: 10px;} .price_content .price_item .p_list li .ti-check{color: #00aff0;} .price_content .price_item .p_list li .ti-close{color: #f0002d;} .price_content .price_item .price_btn{border-radius: 45px; color: #00aff0; border-color: #00aff0; padding: 0px 36px;} .price_content .price_item .price_btn:hover{color: #fff; background: #00aff0;} .price_content .price_item:hover{border-color: #c9ebfa; -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14); box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14);} .pricing_area_two{background: #f6f7fa;} .price_content_two .price_item .tag{background: #5f2eed;} .price_content_two .price_item .p_list li .ti-check{color: #5f2eed;} .price_content_two .price_item .price_btn{border-color: #5f2eed; color: #5f2eed; background: transparent;} .price_content_two .price_item .price_btn:hover{background: #5f2eed; color: #fff;} .price_content_two .price_item:hover{border-color: #dad1f8;} .call_action_area{min-height: 900px; position: relative; background-image: -moz-linear-gradient(180deg, #1786d8 0%, #00aff0 100%); background-image: -webkit-linear-gradient(180deg, #1786d8 0%, #00aff0 100%); background-image: -ms-linear-gradient(180deg, #1786d8 0%, #00aff0 100%); z-index: 1; padding-top: 250px; position: relative; overflow: hidden;} .call_action_area:before{content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url("/template_integration_for_odoo_website/static/css/../img/home2/action_bg.png") no-repeat scroll center 0;} .call_action_area .action_one{left: -240px; bottom: 0; height: 100%; z-index: -1;} .call_action_area .action_two{right: 0; background-position: 50% 50%; z-index: -1; top: 0;} .call_action_area .action_content{color: #fff; max-width: 570px; margin: 0 auto; position: relative; z-index: 1;} .call_action_area .action_content h2{margin-bottom: 15px;} .call_action_area .action_content p{font-weight: 300;} .call_action_area .action_content .action_btn{min-width: 180px; line-height: 55px; border-radius: 45px; -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 11, 40, 0.2); box-shadow: 0px 20px 40px 0px rgba(0, 11, 40, 0.2); background: #fff; color: #00aff0;} .call_action_area .action_content .action_btn:hover{-webkit-box-shadow: none; box-shadow: none;} .design_tab_area{background: #fbfbfd;} .design_tab{border: 0px;} .design_tab .nav-item{width: 100%; margin-bottom: 30px;} .design_tab .nav-item .nav-link{background-color: white; -webkit-box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.04); border: 0px; border-radius: 0px; padding: 25px 50px; -webkit-transition: background 0.5s ease 0s; -o-transition: background 0.5s ease 0s; transition: background 0.5s ease 0s;} .design_tab .nav-item .nav-link h5{font-size: 17px; line-height: 26px; font-weight: 500; color: #222d39; -webkit-transition: color 0.5s ease 0s; -o-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s;} .design_tab .nav-item .nav-link p{margin-bottom: 0px; font-size: 15px; font-weight: 300; color: #677294; -webkit-transition: color 0.5s ease 0s; -o-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s;} .design_tab .nav-item .nav-link.active{background-color: #7444fd;} .design_tab .nav-item .nav-link.active h5, .design_tab .nav-item .nav-link.active p{color: #fff;} .tab-content .tab-pane .tab_img img{-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; max-width: 100%;} .tab-content .tab-pane.show .tab_img img{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} .tab-content .tab_img{margin-right: -160px; padding-left: 120px; max-width: 100%;} .action_area_two{background: #f6f6fa; padding-bottom: 40px;} .action_content{margin-top: 25px;} .action_content .btn_three{margin-top: 40px; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);} .action_content .btn_three:hover{-webkit-box-shadow: none; box-shadow: none;} .action_img{margin-right: -160px; margin-top: -50px;} .action_img img{max-width: 100%;} .action_area_three{background-image: -moz-linear-gradient(0deg, #5e2ced 0%, #6c3cf4 100%); background-image: -webkit-linear-gradient(0deg, #5e2ced 0%, #6c3cf4 100%); background-image: -ms-linear-gradient(0deg, #5e2ced 0%, #6c3cf4 100%); position: relative; z-index: 1;} .action_area_three:before{content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1;} .action_area_three .curved{position: absolute; width: 100%; height: 100px; left: 0; z-index: -1; background: url("/template_integration_for_odoo_website/static/css/../img/home4/action_shap.png") no-repeat scroll center top; top: 0; background-size: contain;} .action_area_three .action_content h2{color: #fff;} .action_area_three .action_content .about_btn{background: transparent; border: 1px solid #fff; color: #fff;} .action_area_three .action_content .about_btn:hover{-webkit-box-shadow: none; box-shadow: none; color: #5e2ced; background: #fff;} .action_area_three .action_content .white_btn{color: #5e2ced; -webkit-box-shadow: none; box-shadow: none; background: #fff; margin-right: 25px;} .action_area_three .action_content .white_btn:hover{-webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); color: #fff; background: #5e2ced;} .agency_about_area .owl-dots{position: absolute; left: -48%; bottom: 10px;} .agency_about_area .owl-dots button span{width: 8px; height: 8px; display: block; background: #9c7bfb; border-radius: 50%; border: 1px solid #9c7bfb; margin: 0px 5px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .agency_about_area .owl-dots button.active span{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); border-color: rgba(251, 251, 253, 0.8); background: transparent;} .about_content_left{padding: 0px 0px 0px 200px;} .about_content{background-image: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%); height: 100%; color: #fff; padding: 100px; position: relative; bottom: -30px;} .about_btn{font: 500 14px "Poppins", sans-serif; padding: 17px 28px; background: #fbfbfd; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); border-radius: 3px; color: #5e2ced; display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .about_btn:hover{color: #fff; background: #5e2ced;} .about_img{padding: 0px; position: relative;} .about_img .about_img_slider .about_item{float: left; position: relative; z-index: 1; overflow: hidden; cursor: pointer;} .about_img .about_img_slider .about_item:after{content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(17, 22, 28, 0.7); position: absolute; opacity: 0; z-index: 0; -webkit-transition: opacity 0.4s linear 0s; -o-transition: opacity 0.4s linear 0s; transition: opacity 0.4s linear 0s;} .about_img .about_img_slider .about_item img{-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .about_img .about_img_slider .about_item.w55{width: 53.3%;} .about_img .about_img_slider .about_item.w45{width: 46.7%;} .about_img .about_img_slider .about_item img{width: 100%; max-width: 100%;} .about_img .about_img_slider .about_item .about_text{position: absolute; bottom: 80px; padding: 0px 80px 0px 50px; left: 0; color: #fff; z-index: 1; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .about_img .about_img_slider .about_item .about_text .br{width: 50px; height: 5px; background: #fff; opacity: 0.30; margin-bottom: 25px; display: block;} .about_img .about_img_slider .about_item .about_text.text_two{bottom: 30px;} .about_img .about_img_slider .about_item:hover:after{opacity: 1;} .about_img .about_img_slider .about_item:hover img{-webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);} .about_img .about_img_slider .about_item:hover .about_text{bottom: 90px;} .about_img .about_img_slider .about_item:hover .about_text.text_two{bottom: 50px;} .about_img .pluse_icon{width: 100px; height: 100px; text-align: center; color: #5e2ced; line-height: 100px; font-size: 22px; background-color: #fbfbfd; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.14); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.14); display: inline-block; position: absolute; bottom: -60px; left: 0; z-index: 2;} .agency_testimonial_info{position: relative;} .agency_testimonial_info .testimonial_slider{max-width: 770px; border-radius: 6px; margin: 0 auto; background-color: white; -webkit-box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.06); padding: 50px;} .agency_testimonial_info .testimonial_slider .testimonial_item{z-index: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .agency_testimonial_info .testimonial_slider .testimonial_item .author_img img{max-width: 100%; width: auto; display: inline-block; border-radius: 50%;} .agency_testimonial_info .testimonial_slider .testimonial_item .author_description{margin-top: 18px; margin-bottom: 40px;} .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h4{margin-bottom: 5px;} .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h6{font: 400 14px/26px "Poppins", sans-serif; color: #959cb1;} .agency_testimonial_info .testimonial_slider .testimonial_item p{font-weight: 300; font-size: 16px; line-height: 30px; margin-bottom: 50px;} .agency_testimonial_info .testimonial_slider .active{position: relative; z-index: 9;} .agency_testimonial_info .testimonial_slider .owl-dots{text-align: center; bottom: 0px; position: relative; margin-top: 0px;} .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot{width: 16px; height: 16px; border-radius: 50%; border: 1px solid transparent; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0px 2px;} .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot span{width: 8px; height: 8px; background: #cfcfe7; border-radius: 50%; display: block; margin: 0 auto; border: 0px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active{border-color: #5e2ced;} .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active span{-webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} .agency_testimonial_info .owl-prev, .agency_testimonial_info .owl-next{width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #f3f5f8; background-color: white; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.06); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer;} .agency_testimonial_info .owl-prev:hover, .agency_testimonial_info .owl-next:hover{background: #5e2ced; color: #fff;} .agency_testimonial_info .owl-next{right: 0;} .partner_logo_area_two{padding-top: 120px;} .partner_logo_area_two h4{color: #8891aa;} .partner_info{text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .partner_info .logo_item{width: calc(100% / 5); margin-bottom: 60px;} .partner_info .logo_item img{max-width: 100%; -webkit-filter: contrast(0.3%); filter: contrast(0.3%); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .partner_info .logo_item:hover img{-webkit-filter: contrast(100%); filter: contrast(100%);} .subscribe_form_info{border-style: solid; border-width: 1px; border-color: #f3f6f9; border-radius: 6px; background-color: white; -webkit-box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.1); padding: 120px 0px; margin-bottom: -150px; z-index: 2; position: relative;} .subscribe_form_info .subscribe-form{max-width: 370px; margin: 0 auto;} .subscribe_form_info .subscribe-form .form-control{text-align: center; border: 0px; font: 400 18px/28px "Poppins", sans-serif; color: #b4bacc; border-radius: 0px; border-bottom: 1px solid #3d64f4; -webkit-box-shadow: none; box-shadow: none;} .subscribe_form_info .subscribe-form .form-control.placeholder{color: #b4bacc;} .subscribe_form_info .subscribe-form .form-control:-moz-placeholder{color: #b4bacc;} .subscribe_form_info .subscribe-form .form-control::-moz-placeholder{color: #b4bacc;} .subscribe_form_info .subscribe-form .form-control::-webkit-input-placeholder{color: #b4bacc;} .subscribe_form_info .subscribe-form .btn_four{padding: 16px 44px; -webkit-box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16); box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);} .subscribe_form_info .subscribe-form .btn_four:hover{-webkit-box-shadow: none; box-shadow: none;} .s_form_info_two .subscribe-form .form-control{border-color: #5e2ced;} .s_form_info_two .subscribe-form .btn_four{border-radius: 4px; border-color: #5e2ced; background: #5e2ced; -webkit-box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16); box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);} .s_form_info_two .subscribe-form .btn_four:hover{color: #5e2ced;} .partner_logo_area_three{padding: 100px 0px;} .partner_logo_area_three .partner_info{margin-bottom: -20px;} .partner_logo_area_three .partner_info .logo_item{margin-bottom: 20px;} .partner_logo_area_three .partner_info .logo_item img{-webkit-filter: contrast(100%); filter: contrast(100%); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .partner_logo_area_three .partner_info .logo_item:hover img{-webkit-filter: brightness(200%); filter: brightness(200%);} .partner_logo_area_four{padding-top: 80px; margin-bottom: -40px;} .partner_logo_area_four h4{color: #8891aa;} .partner_logo_area_five{padding: 200px 0px 70px;} .saas_signup_form .input-group .form-control{background: transparent; font: 300 14px "Poppins", sans-serif; color: rgba(255, 255, 255, 0.7); border-radius: 0px; border: 0px; border-bottom: 1px solid #3c3c5b; padding-left: 0px; padding-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; z-index: 0; position: relative;} .saas_signup_form .input-group .form-control.placeholder{color: #535473;} .saas_signup_form .input-group .form-control:-moz-placeholder{color: #535473;} .saas_signup_form .input-group .form-control::-moz-placeholder{color: #535473;} .saas_signup_form .input-group .form-control::-webkit-input-placeholder{color: #535473;} .saas_signup_form .input-group .form-control:focus + label{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .saas_signup_form .input-group label{position: absolute; width: 100%; height: 1px; border-bottom: 1px solid #3d57f4; z-index: 2; bottom: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); margin-bottom: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .saas_signup_form .saas_banner_btn{border: 0px; padding: 12px 48px;} .fun_fact_area{padding-top: 150px; padding-bottom: 110px; overflow: hidden;} .fun_fact_area_two{background: #f7f6fa;} .fun_fact_content h1{font-size: 60px;} .fun_fact_content .fact_item h1{font-size: 70px; font-weight: 400;} .fact_author_img{position: relative;} .fact_author_img .box_three{width: 630px; height: 630px; background-image: -moz-linear-gradient(90deg, #290a59 0%, #3d57f4 100%); background-image: -webkit-linear-gradient(90deg, #290a59 0%, #3d57f4 100%); background-image: -ms-linear-gradient(90deg, #290a59 0%, #3d57f4 100%); opacity: 1; top: -460px;} .fact_author_img .box_four{background-image: -moz-linear-gradient(90deg, #411881 0%, #9b2bdc 100%); background-image: -webkit-linear-gradient(90deg, #411881 0%, #9b2bdc 100%); background-image: -ms-linear-gradient(90deg, #411881 0%, #9b2bdc 100%); opacity: 1; width: 708px; height: 708px; top: -460px; left: 150px;} .fact_author_img img{margin-top: -70px; -webkit-filter: grayscale(100%); filter: grayscale(100%);} .fact_author_img_two .box_three{background-image: -moz-linear-gradient(-90deg, #fb862f 0%, #c640fd 100%); background-image: -webkit-linear-gradient(-90deg, #fb862f 0%, #c640fd 100%); background-image: -ms-linear-gradient(-90deg, #fb862f 0%, #c640fd 100%);} .fact_author_img_two .box_four{background-image: -moz-linear-gradient(90deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(90deg, #5e2ced 0%, #a485fd 100%); background-image: -ms-linear-gradient(90deg, #5e2ced 0%, #a485fd 100%);} .feedback_slider .item{padding: 0px 15px;} .feedback_slider .feedback_item{border: 1px solid #131430; border-radius: 4px; background-color: #0f1029; -webkit-box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.3); box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.3); padding: 45px; position: relative; overflow: hidden;} .feedback_slider .feedback_item .feed_back_author{display: -webkit-box; display: -ms-flexbox; display: flex;} .feedback_slider .feedback_item .media .img{border: 1px solid #44467b; border-radius: 50%; width: 60px; height: 60px; overflow: hidden; margin-right: 18px;} .feedback_slider .feedback_item .media .img img{max-width: 100%; width: auto;} .feedback_slider .feedback_item .media .media-body{-ms-flex-item-align: center; align-self: center;} .feedback_slider .feedback_item .media .media-body h6{margin-bottom: 0px; font-size: 14px; color: #58596e;} .feedback_slider .feedback_item p{font-weight: 300; margin-top: 34px; margin-bottom: 25px;} .feedback_slider .feedback_item .post_date{font-size: 14px; line-height: 24px; color: #58596e; font-style: italic; font-weight: 300; position: relative;} .feedback_slider .feedback_item .post_date:before{content: ""; width: 100%; height: 1px; background: #58596e; position: absolute; left: 0; bottom: 0;} .feedback_slider .feedback_item .ratting{-ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right;} .feedback_slider .feedback_item .ratting a{font-size: 12px; color: #58596e;} .feedback_slider .feedback_item .ratting a:nth-child(1), .feedback_slider .feedback_item .ratting a:nth-child(2), .feedback_slider .feedback_item .ratting a:nth-child(3){color: #3d57f4;} .feedback_slider .shap_one, .feedback_slider .shap_two{position: absolute; bottom: 0; right: 20px; opacity: 0.302; border-radius: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 66px; height: 66px; bottom: -35px; opacity: 0.302;} .feedback_slider .shap_one{background-image: -moz-linear-gradient(40deg, #290a59 0%, #3d57f4 100%); background-image: -webkit-linear-gradient(40deg, #290a59 0%, #3d57f4 100%); background-image: -ms-linear-gradient(40deg, #290a59 0%, #3d57f4 100%);} .feedback_slider .shap_two{background-image: -moz-linear-gradient(40deg, #290a59 0%, #3d57f4 100%); background-image: -webkit-linear-gradient(40deg, #290a59 0%, #3d57f4 100%); background-image: -ms-linear-gradient(40deg, #290a59 0%, #3d57f4 100%); right: -10px; bottom: -45px;} .feedback_slider .center .feedback_item{border-color: #3d57f4;} .feedback_slider .center .feedback_item .shap_one, .feedback_slider .center .feedback_item .shap_two{opacity: 1;} .owl-dots{text-align: center; margin-top: 75px;} .owl-dots .owl-dot span{width: 8px; height: 8px; border-radius: 50%; background: #3d3e65; margin: 0px 5px; border: 1px solid #3d3e65; display: block; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .owl-dots .owl-dot.active span{background: transparent; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); border-color: #3d57f4;} .owl-dots .owl-dot:focus{outline: none;} .app_testimonial_area{background: #fbfbfd; padding-top: 200px; padding-bottom: 140px; overflow: hidden; position: relative;} .app_testimonial_area .text_shadow{position: absolute; top: 0; height: 100%; width: 100%; z-index: 0;} .app_testimonial_area .text_shadow:before{content: attr(data-line); position: absolute; left: 0px; width: 100%; text-align: center; color: #f6f6fa; font-weight: 700; background-image: -webkit-linear-gradient(310deg, #672dde 0%, #4069eb 100%); background-image: -o-linear-gradient(310deg, #672dde 0%, #4069eb 100%); background-image: linear-gradient(140deg, #672dde 0%, #4069eb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Poppins", sans-serif; font-size: 200px; line-height: 200px; z-index: -1; text-transform: uppercase; top: 50%; opacity: 0.02;} .app_testimonial_slider{max-width: 690px; margin: 0 auto;} .nav_container{position: relative; z-index: 1;} .nav_container .owl-prev, .nav_container .owl-next{width: 50px; height: 50px; border-radius: 50%; background-color: white; -webkit-box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.06); font-size: 20px; color: #222d39; border: 0px; line-height: 50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer;} .nav_container .owl-prev:hover, .nav_container .owl-next:hover{background: #4069eb; color: #fff; -webkit-box-shadow: none; box-shadow: none;} .nav_container .owl-prev{left: 15px;} .nav_container .owl-next{right: 15px;} .nav_container .owl-dots{margin-top: 30px;} .nav_container .owl-dots .owl-dot span{background: #cfcfe7; border-color: #cfcfe7;} .nav_container .owl-dots .owl-dot.active span{background: #fbfbfd; border-color: #653cee;} .shap{position: absolute; opacity: 0.02; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius: 45px; left: 90px; z-index: -1;} .shap.one{background-image: -moz-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); background-image: -webkit-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); background-image: -ms-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); width: 650px; height: 510px; top: -155%;} .shap.two{background-image: -moz-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); background-image: -webkit-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); background-image: -ms-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%); width: 666px; height: 330px; top: -145%; left: 290px;} .app_testimonial_item .author-img{width: 70px; height: 70px; border-radius: 100%; overflow: hidden; margin: 0 auto 15px;} .app_testimonial_item .author-img img{width: auto; border-radius: 100%; max-width: 100%;} .app_testimonial_item .author_info{margin-bottom: 35px;} .app_testimonial_item .author_info p{color: #959cb1; font-size: 14px; margin-bottom: 0px;} .experts_team_area .learn_btn:hover{color: #4069eb;} .experts_team_area .learn_btn:hover:before{background: #4069eb;} .ex_team_item{position: relative; text-align: center; margin-bottom: 40px; overflow: hidden; cursor: pointer;} .ex_team_item img{max-width: 100%;} .ex_team_item .hover_content, .ex_team_item .team_content{position: absolute; width: 100%;} .ex_team_item h3{margin-bottom: 3px;} .ex_team_item h5{font: 300 14px/24px "Poppins", sans-serif; color: #677294; margin-bottom: 0px;} .ex_team_item .team_content{bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 17px 0px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .ex_team_item .hover_content{top: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 33px; background-image: -moz-linear-gradient(140deg, rgba(125, 13, 240, 0.9) 0%, rgba(58, 113, 235, 0.9) 100%); background-image: -webkit-linear-gradient(140deg, rgba(125, 13, 240, 0.9) 0%, rgba(58, 113, 235, 0.9) 100%); background-image: -ms-linear-gradient(140deg, rgba(125, 13, 240, 0.9) 0%, rgba(58, 113, 235, 0.9) 100%); opacity: 0; visibility: visible; z-index: -1; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);} .ex_team_item .hover_content .n_hover_content{width: 100%;} .ex_team_item .hover_content .n_hover_content ul{margin-bottom: 0px;} .ex_team_item .hover_content .n_hover_content ul li{display: inline-block;} .ex_team_item .hover_content .n_hover_content ul li a{font-size: 13px; color: #fff; margin: 0px 5px;} .ex_team_item .hover_content .n_hover_content ul li a:hover{color: #0cb6e7;} .ex_team_item .hover_content .n_hover_content .br{width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); display: block; margin: 15px 0px 20px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear;} .ex_team_item .hover_content .n_hover_content h3{-webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .ex_team_item .hover_content .n_hover_content h5{color: #fff; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear;} .ex_team_item:hover .hover_content{opacity: 1; visibility: visible; z-index: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .ex_team_item:hover .hover_content .br{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .ex_team_item:hover .hover_content h3, .ex_team_item:hover .hover_content h5{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .ex_team_item:hover .team_content{opacity: 0; visibility: visible; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);} .payment_clients_area{background: #fafbff; padding: 130px 0px; position: relative;} .payment_clients_area .clients_bg_shape_top{position: absolute; width: 100%; height: 85px; top: -82px; left: 0; background: url("/template_integration_for_odoo_website/static/css/../img/home9/triangle_top.png") no-repeat;} .payment_clients_area .clients_bg_shape_right{width: 1600px; height: 1253px; background-color: white; -webkit-box-shadow: 0px 0px 59px 0px rgba(91, 82, 254, 0.05); box-shadow: 0px 0px 59px 0px rgba(91, 82, 254, 0.05); position: absolute; right: -44.5%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 150px; top: -375px;} .payment_clients_area .payment_clients_inner{position: relative;} .payment_clients_area .payment_clients_inner .clients_item{border-width: 5px; border-color: #f6f6fa; border-style: solid; border-radius: 10px; background-color: white; -webkit-box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2); box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2); position: absolute; text-align: center;} .payment_clients_area .payment_clients_inner .clients_item img{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .payment_clients_area .payment_clients_inner .clients_item.one{width: 120px; height: 120px; top: 170px;} .payment_clients_area .payment_clients_inner .clients_item.two{width: 180px; height: 180px; top: 325px; left: 150px;} .payment_clients_area .payment_clients_inner .clients_item.three{width: 128px; height: 128px; left: 245px;} .payment_clients_area .payment_clients_inner .clients_item.four{width: 142px; height: 142px; left: 450px; top: 400px;} .payment_clients_area .payment_clients_inner .clients_item.five{width: 110px; height: 110px; left: 621px; top: 260px;} .payment_clients_area .payment_clients_inner .clients_item.six{width: 100px; height: 100px; left: 425px; top: 180px;} .payment_clients_area .payment_clients_inner .clients_item.seven{width: 80px; height: 80px; left: 550px; top: 0px;} .payment_clients_area .payment_clients_inner .clients_item.eight{width: 95px; height: 95px; left: 745px; top: 35px;} .payment_testimonial_area{background: #fafbff; padding-top: 150px;} .payment_testimonial_area .testimonial_img{margin-bottom: -82px; position: relative; z-index: 1;} .payment_testimonial_info .testimonial_content{padding-left: 80px; position: relative; margin-top: 100px;} .payment_testimonial_info .testimonial_content .icon{font-size: 300px; color: #ebeff9; position: absolute; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: -35px; top: 0; font-family: "Poppins", sans-serif; height: 133px;} .payment_testimonial_info .testimonial_content p{line-height: 34px; margin-bottom: 45px;} .payment_testimonial_info .testimonial_content .author_description{color: #6781a9; font-weight: 300; padding-top: 5px;} .payment_action_area{padding: 225px 0px 145px; position: relative;} .payment_action_area .clients_bg_shape_bottom{position: absolute; width: 100%; height: 85px; top: 0px; left: 0; background: url("/template_integration_for_odoo_website/static/css/../img/home9/triangle_bottom.png") no-repeat; background-size: contain;} .payment_action_content .pay_icon{margin: 0 auto 50px;} .payment_action_content h2{font-size: 26px;} .payment_action_content p{line-height: 30px; font-size: 18px; margin: 25px 0px 60px;} .payment_action_content .pay_btn{margin: 0px;} .sass_partner_logo_area, .saas_map_area, .saas_subscribe_area{background: #fbfcfe;} .saas_subscribe_area .saas_action_content{max-width: 970px; margin: 0 auto; border-radius: 6px; background-color: white; -webkit-box-shadow: 0px 22px 95px 0px rgba(55, 168, 237, 0.1); box-shadow: 0px 22px 95px 0px rgba(55, 168, 237, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px; margin-bottom: -50px; position: relative; z-index: 2;} .saas_subscribe_area .saas_action_content .gr_btn{min-width: 200px; padding: 20px 0px; text-align: center; color: #fff;} .saas_subscribe_area .saas_action_content .gr_btn:before{opacity: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .saas_subscribe_area .saas_action_content .gr_btn:hover{color: #23b1fe;} .saas_subscribe_area .saas_action_content .gr_btn:hover:before{opacity: 1;} .app_screenshot_area{overflow: hidden;} .app_screenshot_area .app_screen_info{margin-left: -20px; margin-right: -20px; margin-top: -10px;} .app_screenshot_area .app_screenshot_slider{padding-bottom: 110px;} .app_screenshot_area .app_screenshot_slider .item{padding: 10px 20px 20px;} .app_screenshot_area .app_screenshot_slider .item .screenshot_img{border: 1px solid #f4f4f9; border-radius: 4px; -webkit-box-shadow: 0px 6px 16px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 6px 16px 0px rgba(12, 0, 46, 0.06);} .app_screenshot_area .app_screenshot_slider .item .screenshot_img img{max-width: 100%;} .app_screenshot_area .app_screenshot_slider .owl-prev, .app_screenshot_area .app_screenshot_slider .owl-next{position: absolute; bottom: 0; width: 50px; height: 50px; border: 1px solid #d9e1ea; background: #fbfbfd; border-radius: 25px; font-size: 20px; line-height: 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .app_screenshot_area .app_screenshot_slider .owl-prev:hover, .app_screenshot_area .app_screenshot_slider .owl-next:hover{background: #4069eb; border-color: #4069eb; color: #fff;} .app_screenshot_area .app_screenshot_slider .owl-prev{left: calc(50% - 60px);} .app_screenshot_area .app_screenshot_slider .owl-next{right: calc(50% - 60px);} .get_started_area{background-image: -moz-linear-gradient(140deg, #672dde 0%, #4069eb 100%); background-image: -webkit-linear-gradient(140deg, #672dde 0%, #4069eb 100%); background-image: -ms-linear-gradient(140deg, #672dde 0%, #4069eb 100%); padding: 120px 0px 80px; position: relative; overflow: hidden; z-index: 1;} .get_started_area .shap{opacity: 0.03;} .get_started_area .shap.one{background: white; top: -290px; left: -50px;} .get_started_area .shap.two{background: white; top: -260px; left: 100px;} .get_started_area .shap.three{background: white; top: auto; left: 47%; bottom: -300px;} .get_started_area .shap.four{background: white; top: auto; left: 63%; bottom: -280px;} .get_content{color: #fff;} .get_content h3{font-size: 24px;} .get_content .app_btn{font: 500 16px "Poppins", sans-serif; padding: 12px 34px; border-color: #fff; background: #fff; line-height: 27px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; min-width: 200px; text-align: center;} .get_content .app_btn.app_btn_one{color: #4069eb; vertical-align: middle;} .get_content .app_btn.app_btn_one img{padding-right: 12px;} .get_content .app_btn.app_btn_one:hover{background: rgba(255, 255, 255, 0.1); color: #fff;} .get_content .app_btn.app_btn_two{background: rgba(255, 255, 255, 0.1); vertical-align: middle; -webkit-box-shadow: none; box-shadow: none; margin-left: 20px;} .get_content .app_btn.app_btn_two i{font-size: 25px; padding-right: 10px; vertical-align: sub;} .get_content .app_btn.app_btn_two:hover{color: #4069eb; background: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);} .job_listing_area .sec_title{max-width: 970px;} .job_listing_area .app_service_info{margin-bottom: -30px;} .job_listing{margin-top: 160px;} .job_listing .job_list_tab{border-color: #e7e7f6;} .job_listing .job_list_tab .nav-item .nav-link{font: 300 15px/26px "Poppins", sans-serif; color: #677294; padding: 0px 0px 10px; border: 0px; border-radius: 0px; position: relative;} .job_listing .job_list_tab .nav-item .nav-link:before{content: ""; width: 0; height: 1px; background: #5f2eed; position: absolute; bottom: 0; left: auto; right: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .job_listing .job_list_tab .nav-item .nav-link.active, .job_listing .job_list_tab .nav-item .nav-link:hover{background: transparent;} .job_listing .job_list_tab .nav-item .nav-link.active:before{width: 100%; right: auto; left: 0;} .job_listing .job_list_tab .nav-item + .nav-item{margin-left: 55px;} .job_listing .listing_tab{margin-bottom: -30px; margin-top: 60px; overflow: hidden;} .job_listing .listing_tab .list_item{display: table; width: 100%; background: #fff; -webkit-box-shadow: 0px 2px 8px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 8px 0px rgba(12, 0, 46, 0.04); padding: 20px 45px 20px 20px; margin-bottom: 30px; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .job_listing .listing_tab .list_item figure{float: left; width: 70px; margin-bottom: 0px; margin-right: 20px;} .job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img{float: left; width: 100%;} .job_listing .listing_tab .list_item .joblisting_text{display: table-cell; vertical-align: middle; border-left: 1px solid #eeebf7; width: 100%; padding-left: 25px;} .job_listing .listing_tab .list_item .joblisting_text .job_list_table{display: table; width: 100%;} .job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell{display: table-cell; vertical-align: middle; width: 75%; line-height: 46px;} .job_listing .listing_tab .list_item .joblisting_text h4 a{font-size: 20px; margin-bottom: 5px; display: inline-block;} .job_listing .listing_tab .list_item .joblisting_text h4 a:hover{color: #5e2ced;} .job_listing .listing_tab .list_item .joblisting_text ul{margin-bottom: 0px;} .job_listing .listing_tab .list_item .joblisting_text ul li{float: left; font: 300 14px/15px "Poppins", sans-serif; color: #677294; padding: 0px 10px; border-left: 2px solid #aeb3c3;} .job_listing .listing_tab .list_item .joblisting_text ul li:first-child{padding-left: 0px; border: none;} .job_listing .listing_tab .list_item .joblisting_text ul li.p_color{color: #5e2ced;} .job_listing .listing_tab .list_item .joblisting_text ul li.g_color{color: #61bd17;} .job_listing .listing_tab .list_item .joblisting_text ul li.gold_color{color: #d7ad1e;} .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist{float: right;} .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn{font: 300 14px/36px "Poppins", sans-serif; color: #5c6789; border: 1px solid #e7e7f6; border-radius: 3px; display: inline-block; padding: 4px 22px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn:hover{background: #5e2ced; border-color: #5e2ced; color: #fff;} .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn{font-size: 18px; line-height: 46px; float: right; margin-left: 20px;} .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a{display: inline-block; color: #d4d8e4;} .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a:hover{color: #5e2ced;} .job_listing .listing_tab .list_item:hover{-webkit-box-shadow: 0px 25px 30px -8px rgba(12, 0, 46, 0.06); box-shadow: 0px 25px 30px -8px rgba(12, 0, 46, 0.06);} .job_listing .pagination{display: block;} .job_listing .pagination .nav-links .page-numbers{width: 40px; height: 40px; border: 1px solid #e7e7f6; display: inline-block; text-align: center; line-height: 40px; color: #677294; font-size: 16px; border-radius: 50%; background-color: #fbfbfd; margin: 0px 3px;} .job_listing .pagination .nav-links .page-numbers i{font-size: 14px;} .job_listing .pagination .nav-links .page-numbers.current{background: #5e2ced; color: #fff;} .details_content .f_size_22{font-size: 22px;} .details_content .btn_three{min-width: 150px; text-align: center; background: #5e2ced; border-color: #5e2ced; color: #fff;} .details_content .btn_three:hover{color: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16); box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);} .job_deatails_content{padding-bottom: 40px;} .job_deatails_content ul li{position: relative; padding-left: 36px; font-weight: 300; font-size: 15px; color: #677294; margin-bottom: 27px;} .job_deatails_content ul li i{position: absolute; left: 0; top: 5px; color: #5f2eed;} .job_deatails_content:nth-child(4){border-bottom: 1px solid #eeebf6;} .job_info{border: 1px solid #f4f4f9; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); padding: 50px;} .job_info .info_head{border-bottom: 1px solid #eeebf6; padding-bottom: 18px;} .job_info .info_head i{font-size: 40px; color: #9979f7; text-shadow: 0px 14px 30px rgba(94, 44, 237, 0.4); margin-bottom: 35px; display: inline-block;} .job_info .info_item{position: relative; padding-left: 30px; margin-top: 25px;} .job_info .info_item i{color: #9979f7; font-size: 18px; position: absolute; left: 0; top: 5px;} .job_info .info_item h6{font-size: 18px; color: #222d39; font-family: "Poppins", sans-serif; font-weight: 400; margin-bottom: 5px;} .job_info .info_item p{margin-bottom: 0px; font-size: 14px; font-weight: 300; color: #677294;} .apply_form .form-group{margin-bottom: 30px;} .apply_form input[type="text"], .apply_form textarea, .apply_form .selectpickers{border-radius: 4px; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); font: 300 15px/60px "Poppins", sans-serif; color: #9ca3b9; width: 100%; height: 60px; padding-left: 30px; border: 1px solid #fff;} .apply_form input[type="text"]:focus, .apply_form textarea:focus, .apply_form .selectpickers:focus{-webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); border-color: #f2effc; outline: none;} .apply_form input[type="text"].placeholder, .apply_form textarea.placeholder, .apply_form .selectpickers.placeholder{color: #9ca3b9;} .apply_form input[type="text"]:-moz-placeholder, .apply_form textarea:-moz-placeholder, .apply_form .selectpickers:-moz-placeholder{color: #9ca3b9;} .apply_form input[type="text"]::-moz-placeholder, .apply_form textarea::-moz-placeholder, .apply_form .selectpickers::-moz-placeholder{color: #9ca3b9;} .apply_form input[type="text"]::-webkit-input-placeholder, .apply_form textarea::-webkit-input-placeholder, .apply_form .selectpickers::-webkit-input-placeholder{color: #9ca3b9;} .apply_form textarea{height: 180px;} .apply_form .selectpickers{width: 100%;} .apply_form .upload_box{width: 100%; border: 1px dotted #e7e3f2; font: 300 15px/26px "Poppins", sans-serif; color: #9ca3b9; padding: 20px 50px;} .apply_form .upload_box input[type="file"]{font: 300 15px/26px "Poppins", sans-serif; color: #9ca3b9; display: block; margin-top: 45px;} .apply_form .upload_box input[type="file"]:focus{outline: none;} .apply_form p{font: 300 15px/26px "Poppins", sans-serif; color: #677294;} .apply_form p a{color: #222d39;} .apply_form .btn_three{font-size: 14px; font-weight: 500; background: #5e2ced; padding: 14px 37px; border-radius: 3px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; margin-top: 20px;} .apply_form .btn_three:hover{color: #fff; -webkit-box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16); box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);} .faq_tab{border: 1px solid #f4f4f9; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); padding: 50px 40px;} .faq_tab .nav-tabs{border: 0px; margin-bottom: 0px; display: block;} .faq_tab .nav-item{margin: 0px;} .faq_tab .nav-item .nav-link{font: 400 16px/22px "Poppins", sans-serif; color: #677294; padding: 0px; border: 0px; border-radius: 0px; display: inline-block; position: relative; margin-bottom: 20px;} .faq_tab .nav-item .nav-link:before{content: ""; width: 0; height: 1px; background: #5e2ced; position: absolute; left: 0; bottom: 0; -webkit-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear;} .faq_tab .nav-item .nav-link.active{color: #5e2ced;} .faq_tab .nav-item .nav-link.active:before{width: 100%;} .faq_content .tab-pane .card{border: 0px; border-radius: 0px; background: transparent; border-bottom: 1px solid #e4e0ee;} .faq_content .tab-pane .card .card-header{padding: 0px; border: 0px; background: transparent;} .faq_content .tab-pane .card .card-header .btn{color: #5e2ced; display: block; width: 100%; text-align: left; font: 500 18px/26px "Poppins", sans-serif; padding: 20px 30px 20px 0px; position: relative; white-space: normal;} .faq_content .tab-pane .card .card-header .btn i{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; font-size: 20px;} .faq_content .tab-pane .card .card-header .btn i + i{display: block;} .faq_content .tab-pane .card .card-header .btn.collapsed{color: #576370;} .faq_content .tab-pane .card .card-header .btn.collapsed i{display: block;} .faq_content .tab-pane .card .card-header .btn.collapsed i + i{display: none;} .faq_content .tab-pane .card .card-body{padding: 0px 0px 45px; font: 300 15px/26px "Poppins", sans-serif; color: #677294;} .portfolio_area{overflow: hidden;} .portfolio_filter{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .portfolio_filter .work_portfolio_item{font: 400 16px/22px "Poppins", sans-serif; color: #677294; display: inline-block; border-radius: 3px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; cursor: pointer;} .portfolio_filter .work_portfolio_item:before{content: ""; width: 0; height: 1px; bottom: 0; background: transparent; position: absolute; left: auto; right: 0; -webkit-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear;} .portfolio_filter .work_portfolio_item.active{color: #5e2ced;} .portfolio_filter .work_portfolio_item.active:before{width: 100%; background: #5e2ced; right: auto; left: 0;} .portfolio_filter .work_portfolio_item + .work_portfolio_item{margin-left: 50px;} .portfolio_gallery .portfolio_item .portfolio_img{position: relative; cursor: pointer; overflow: hidden;} .portfolio_gallery .portfolio_item .portfolio_img img{max-width: 100%; width: 100%;} .portfolio_gallery .portfolio_item .portfolio_img .img_rounded{border-radius: 6px;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(44, 44, 57, 0.7); opacity: 0; -webkit-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup{width: 50px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; right: 50px; top: 50px; border: 1px solid #fff; border-radius: 50%; color: #fff; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup:hover{background: #fff; color: #282835;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description{bottom: 0; padding-left: 50px; padding-bottom: 48px; width: 100%;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description h3{-webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; color: #fff;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links{overflow: hidden;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a{-webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); color: #fff; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a:before{background: #fff;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .img_popup{right: 30px; top: 30px;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description{padding-left: 30px; padding-bottom: 30px;} .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description .links a{font-size: 14px;} .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content{opacity: 1;} .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .img_popup{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description h3, .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description a{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .portfolio-description .portfolio-title{overflow: hidden; display: inline-block;} .portfolio-description h3{margin-top: 22px; margin-bottom: 0px; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; color: #282835;} .portfolio-description h3:hover{color: #5e2ced;} .portfolio-description .links{overflow: hidden;} .portfolio-description .links a{font-size: 15px; color: #677294; font-weight: 300; position: relative; display: inline-block; margin-right: 8px; -webkit-transition: color 0.01s linear; -o-transition: color 0.01s linear; transition: color 0.01s linear;} .portfolio-description .links a:before{content: ""; width: 0; height: 1px; bottom: 0; background: #5e2ced; position: absolute; left: auto; right: 0; -webkit-transition: width 0.3s linear; -o-transition: width 0.3s linear; transition: width 0.3s linear;} .portfolio-description .links a:hover{color: #5e2ced;} .portfolio-description .links a:hover:before{width: 100%; right: auto; left: 0;} .portfolio_fullwidth_area{padding-top: 100px;} .p_category_item .social_icon, .icon .social_icon{padding-top: 8px;} .p_category_item .social_icon a, .icon .social_icon a{width: 40px; height: 40px; line-height: 40px; font-size: 13px; line-height: 43px; display: inline-block; text-align: center; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color: #fff;} .p_category_item .social_icon a:nth-child(1), .icon .social_icon a:nth-child(1){background: #4779de;} .p_category_item .social_icon a:nth-child(2), .icon .social_icon a:nth-child(2){background: #e43e30;} .p_category_item .social_icon a:nth-child(3), .icon .social_icon a:nth-child(3){background: #1da1f3;} .p_category_item .social_icon a:hover, .icon .social_icon a:hover{-webkit-box-shadow: 0px 5px 12px 2px rgba(0, 11, 40, 0.2); box-shadow: 0px 5px 12px 2px rgba(0, 11, 40, 0.2);} .portfolio_pagination{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .portfolio_pagination .prev, .portfolio_pagination .next{font-size: 14px; font-weight: 300; color: #9ca3b9; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;} .portfolio_pagination .prev:hover, .portfolio_pagination .next:hover{color: #222d39;} .portfolio_pagination .prev i{padding-right: 8px;} .portfolio_pagination .next i{padding-left: 8px;} .pr_slider .owl-prev, .pr_slider .owl-next{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; background: transparent; border: 0px; background: transparent; padding: 0px; font-size: 24px; color: #677294; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; cursor: pointer;} .pr_slider .owl-prev:hover, .pr_slider .owl-next:hover{color: #5e2ced;} .pr_slider .owl-prev{left: 40px;} .pr_slider .owl-next{right: 40px;} .p_details_three .portfolio_category{-ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px;} .p_details_three .portfolio_category .p_category_item{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .p_details_three .portfolio_pagination{margin-top: 190px;} .p_details_three .icon{margin-top: 120px;} .map_area{height: 552px; position: relative;} .map_area iframe{height: 100%; width: 100%; border: 0px; pointer-events: none; margin: 0px; padding: 0px;} .app_contact_info{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 600px; background-color: white; -webkit-box-shadow: 0px 40px 50px 0px rgba(12, 0, 46, 0.2); box-shadow: 0px 40px 50px 0px rgba(12, 0, 46, 0.2); padding: 45px 45px 15px;} .app_contact_info .triangle{position: absolute; width: 15px; height: 15px; right: 55px; background: #fff; bottom: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .app_contact_info .info_item{padding-left: 55px; position: relative; margin-bottom: 35px;} .app_contact_info .info_item i{position: absolute; left: 0; font-size: 30px; color: #5e2ced; background-image: -moz-linear-gradient(0deg, #5e2ced 0%, #a485fd 100%); background-image: -webkit-linear-gradient(0deg, #5e2ced 0%, #a485fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; top: 0px; left: 0;} .app_contact_info .info_item h6{color: #051441; margin-bottom: 5px;} .app_contact_info .info_item p, .app_contact_info .info_item a{color: #677294; line-height: 24px; margin-bottom: 0px;} .app_contact_info .info_item a:hover{color: #4069eb;} .contact_info_item{border-bottom: 1px solid #eeebf6; padding-bottom: 25px;} .contact_info_item p{color: #677294; margin-bottom: 8px;} .contact_info_item a{color: #677294; padding-left: 3px; display: inline-block;} .contact_info_item a:hover{color: #5e2ced;} .contact_info_item + .contact_info_item{border: 0px; margin-top: 33px;} .mapbox{height: 400px; -webkit-box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.05); box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.05); border: 10px solid #fff;} #mapBox{height: 100% !important;} .text_box{margin-bottom: 30px;} .text_box input[type="text"], .text_box textarea, .text_box input[type="password"]{font: 300 15px/60px "Poppins", sans-serif; color: #222d39; height: 60px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); width: 100%; border: 1px solid #fff; padding-left: 30px;} .text_box input[type="text"].placeholder, .text_box textarea.placeholder, .text_box input[type="password"].placeholder{color: #9ca3b9;} .text_box input[type="text"]:-moz-placeholder, .text_box textarea:-moz-placeholder, .text_box input[type="password"]:-moz-placeholder{color: #9ca3b9;} .text_box input[type="text"]::-moz-placeholder, .text_box textarea::-moz-placeholder, .text_box input[type="password"]::-moz-placeholder{color: #9ca3b9;} .text_box input[type="text"]::-webkit-input-placeholder, .text_box textarea::-webkit-input-placeholder, .text_box input[type="password"]::-webkit-input-placeholder{color: #9ca3b9;} .text_box input[type="text"]:focus, .text_box textarea:focus, .text_box input[type="password"]:focus{border-color: #f2effc; -webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); outline: none;} .text_box textarea{height: 220px;} .contact_form_box .btn_three{min-width: 180px; text-align: center; background: #5e2ced; border-color: #5e2ced; margin-top: 0px;} .contact_form_box .btn_three:hover{background: transparent; color: #5e2ced;} .mapbox2{height: 440px; border-top: 10px solid #fff;} .login_area{position: relative; overflow: hidden; z-index: 1;} .login_area .login_info{padding: 160px 100px 160px 0px;} .login_area .login_info:before{content: ""; position: absolute; width: 2500px; right: 0; height: 100%; background: #fbfbfb; top: 0; z-index: -1;} .login_area .login_info p a{color: #677294;} .login-form .text_box .text_c{color: #161341; font-size: 14px; margin-bottom: 15px;} .login-form .text_box input[type="password"]{padding-top: 8px; line-height: 50px;} .login-form .text_box input[type="password"]:focus{padding-top: 0px;} .login-form .extra{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font: 300 14px/30px "Poppins", sans-serif; margin-top: 45px;} .login-form .extra .checkbox label{margin-bottom: 0px; color: #161341;} .login-form .extra .checkbox input[type="checkbox"]{position: relative; width: 10px; height: 10px; margin-right: 10px;} .login-form .extra .checkbox input[type="checkbox"]:before{content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 0; left: 0; border: 1px solid #7348ef; border-radius: 2px; background-color: white;} .login-form .extra .checkbox input[type="checkbox"]:checked:after{content: ""; display: block; width: 4px; height: 8px; border: solid #7348ef; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0px; left: 3px;} .login-form .extra .forgotten-password a{color: #677294;} .login-form .btn_three{width: 100%; background: #5e2ced; color: #fff; margin-top: 40px;} .login-form .btn_three:hover{-webkit-box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16); box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);} .login-form .alter-login{font: 400 15px/26px "Poppins", sans-serif; color: #9ca3b9;} .login-form .alter-login a{color: #5e2ced; display: inline-block; margin-left: 6px;} .login_img{padding-left: 100px; margin-right: -250px;} .login_img img{max-width: 100%;} .sign_info{border: 20px solid #fff; background: #fbfbfd; padding: 80px 50px; -webkit-box-shadow: 0px 50px 100px 0px rgba(12, 0, 46, 0.05); box-shadow: 0px 50px 100px 0px rgba(12, 0, 46, 0.05);} .sign_info .login_info{padding-left: 30px;} .sign_info .sign_info_content h2{font-size: 30px; color: #677294;} .sign_info .sign_info_content ul li{font: 300 16px/34px "Poppins", sans-serif; color: #677294;} .sign_info .sign_info_content ul li i{color: #5e2ced; margin-right: 10px;} .sign_info .login-form .text_box{margin-bottom: 25px;} .sign_info .lead-text{font: 400 14px/40px "Poppins", sans-serif; color: #677294; padding-right: 20px;} .sign_info .social_tag li{display: inline-block;} .sign_info .social_tag li a{width: 40px; height: 40px; border-radius: 50%; display: block; line-height: 44px; color: #fff; font-size: 13px; text-align: center; margin-left: 7px;} .sign_info .social_tag li:first-child a{background: #4779de;} .sign_info .social_tag li:nth-child(2) a{background: #e43e30;} .sign_info .social_tag li:nth-child(3) a{background: #1da1f3;} .sign_info .sign-in-form .btn_three{width: auto; margin-top: 0;} .sign_info .sign-in-form .extra .forgotten-password a{color: #161341; font-weight: 400;} .sign_info .sign-in-form .extra .forgotten-password a:hover{color: #5e2ced;} .sign_btn_transparent{display: inline-block; background: transparent; border-color: #5e2ced; color: #5e2ced;} .sign_btn_transparent:hover{background: #5e2ced; color: #fff;} .get_quote_form .form-group{margin-bottom: 30px;} .get_quote_form .form-group .form-control{font: 300 15px "Poppins", sans-serif; color: #677294; border-radius: 4px; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); border: 1px solid transparent; height: 60px; padding: 0px 30px;} .get_quote_form .form-group .form-control.placeholder{color: #9ca3b9;} .get_quote_form .form-group .form-control:-moz-placeholder{color: #9ca3b9;} .get_quote_form .form-group .form-control::-moz-placeholder{color: #9ca3b9;} .get_quote_form .form-group .form-control::-webkit-input-placeholder{color: #9ca3b9;} .get_quote_form .form-group .form-control:focus{border-color: #f2effc; -webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);} .get_quote_form .form-group textarea.form-control{height: 210px; padding-top: 15px;} .get_quote_form .btn_three{margin-top: 10px;} .error_area{background: -moz-linear-gradient(180deg, rgba(94, 44, 237, 0.93) 0%, rgba(164, 133, 253, 0.9) 100%), url("/template_integration_for_odoo_website/static/css/../img/error_bg.png") no-repeat scroll center 100%; background: -webkit-linear-gradient(180deg, rgba(94, 44, 237, 0.93) 0%, rgba(164, 133, 253, 0.9) 100%), url("/template_integration_for_odoo_website/static/css/../img/error_bg.png") no-repeat scroll center 100%; background: -ms-linear-gradient(180deg, rgba(94, 44, 237, 0.93) 0%, rgba(164, 133, 253, 0.9) 100%), url("/template_integration_for_odoo_website/static/css/../img/error_bg.png") no-repeat scroll center 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; height: 100vh; min-height: 650px;} .error_shap{position: absolute; right: 0; top: 0; z-index: -1;} .error_contain h1{font-size: 15vw; line-height: 14vw; margin-bottom: 0px;} .error_contain h2{letter-spacing: 12px; margin-bottom: 25px;} .error_contain .about_btn{min-width: 230px; -webkit-box-shadow: 0px 20px 30px 0px rgba(15, 0, 57, 0.1); box-shadow: 0px 20px 30px 0px rgba(15, 0, 57, 0.1);} .shop_menu_left p{margin-bottom: 0px; font: 300 16px "Poppins", sans-serif; color: #282835;} .shop_menu_right h5{font: 500 16px "Poppins", sans-serif; color: #282835; margin-bottom: 5px;} .shop_menu_right .selectpickers{border: 0px;} .shop_menu_right .selectpickers:after{width: 8px; height: 8px; top: 42%;} .shop_menu_right .selectpickers .current{font: 300 16px "Poppins", sans-serif; color: #677294;} .shop_menu_right .shop_grid{display: -webkit-box; display: -ms-flexbox; display: flex;} .shop_menu_right .shop_grid a{font-size: 16px; color: #677294; margin-left: 12px;} .shop_menu_right .shop_grid .active a{color: #5e2ced;} .single_product_item{text-align: center; margin-top: 30px;} .single_product_item .product_img{position: relative;} .single_product_item .product_img .hover_content{position: absolute; bottom: 20px; width: 100%; left: 0; text-align: center; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; overflow: hidden; opacity: 0;} .single_product_item .product_img .hover_content a{width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 42px; background: #fff; margin: 0px 2px; color: #282835; font-size: 16px; display: inline-block; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .single_product_item .product_img .hover_content a:hover{background: #5e2ced; color: #fff;} .single_product_item .product_img:hover .hover_content{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;} .single_product_item .single_pr_details{padding: 28px 0px;} .single_product_item .single_pr_details h3{color: #282835; margin-bottom: 5px;} .single_product_item .single_pr_details h3:hover{color: #5e2ced;} .single_product_item .single_pr_details .price{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font: 300 14px/28px "Poppins", sans-serif; color: #677294;} .single_product_item .single_pr_details .price ins{font-weight: 500; color: #282835; text-decoration: none; padding-right: 12px;} .single_product_item .ratting a{font-size: 14px; color: #f3ad16;} .single_product_item .ratting a:before{content: "\e60a\e60a\e60a\e60a"; font-family: 'themify';} .hr{width: 100%; height: 1px; background: #e7e7f6; margin-bottom: 40px;} .shop_page_number{text-align: center; margin-bottom: 0px;} .shop_page_number li{display: inline-block; margin: 0px 3px;} .shop_page_number li .page-numbers{width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e7e7f6; font-size: 16px; line-height: 39px; font-weight: 300; color: #677294; text-align: center; display: block;} .shop_page_number li .page-numbers.current{background: #5e2ced; border-color: #5e2ced; color: #fff;} .shop_list_area .shop_page_number{margin-top: 70px;} .shop_list_item{padding-top: 50px;} .shop_list_item .single_product_item .single_pr_details{padding-bottom: 0px;} .shop_list_item .single_product_item .single_pr_details .price{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px;} .shop_list_item .single_product_item .single_pr_details .s_list_title{display: inline-block;} .shop_list_item .single_product_item .single_pr_details .ratting{float: right;} .shop_list_item .single_product_item .single_pr_details .pr_button .cart_btn{font: 400 15px/30px "Poppins", sans-serif; color: #677294; border: 1px solid #e7e7f6; border-radius: 45px; background: #f9f9fc; padding: 9px 28px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer;} .shop_list_item .single_product_item .single_pr_details .pr_button .cart_btn:hover{color: #fff; background: #5e2ced; border-color: #5e2ced;} .shop_list_item .single_product_item .single_pr_details .pr_button a{width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e7e7f6; background: #f9f9fc; display: inline-block; text-align: center; line-height: 50px; font-size: 16px; color: #282835; margin-left: 4px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer;} .shop_list_item .single_product_item .single_pr_details .pr_button a:hover{color: #fff; background: #5e2ced; border-color: #5e2ced;} .product_details_area .product_slider{padding-right: 42px;} .product_details_area .product_slider .owl-thumbs{display: table; width: 102.6%; text-align: center; padding: 0; margin-top: 24px; margin-left: -7px; margin-right: -7px;} .product_details_area .product_slider .owl-thumbs .owl-thumb-item{display: table-cell; border: none; background: none; padding: 7px; width: calc(100% / 4);} .product_details_area .product_slider .owl-thumbs .owl-thumb-item img{max-width: 100%; border: 2px solid transparent; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .product_details_area .product_slider .owl-thumbs .owl-thumb-item.active img{border-color: #c8b6fc;} .pr_details .pr_title{color: #282835;} .pr_details .ratting{float: right; text-align: right;} .pr_details .ratting .star-rating{color: #5e2ced; line-height: 12px;} .pr_details .ratting .star-rating:before{content: "\e60a\e60a\e60a\e60a"; font-family: 'themify'; font-size: 12px;} .pr_details .ratting .woocommerce-review-link{font-size: 14px; font-weight: 300; color: #677294;} .pr_details .price{font: 300 20px "Poppins", sans-serif; color: #677294; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-top: 8px;} .pr_details .price ins{text-decoration: none; font-weight: 600; color: #282835; padding-right: 18px;} .pr_details .stock{font: 400 16px "Poppins", sans-serif; color: #5e2ced; vertical-align: middle; padding-top: 20px; display: inline-block;} .pr_details .stock:before{content: "\e64c"; font-family: 'themify'; color: #5e2ced; padding-right: 10px;} .pr_details .product-qty{display: inline-block; position: relative;} .pr_details .product-qty .manual-adjust{width: 95px; border: 1px solid #e7e7f6; border-radius: 45px; background: #fff; text-align: center; height: 50px;} .pr_details .product-qty .ar_top, .pr_details .product-qty .ar_down{position: absolute; background: #fff; border: 0px; font-size: 12px; color: #677294; right: 5px; border-radius: 15px; padding: 0px 15px 0px 0px;} .pr_details .product-qty .ar_top:hover, .pr_details .product-qty .ar_down:hover{color: #5e2ced;} .pr_details .product-qty .ar_top{top: 3px;} .pr_details .product-qty .ar_down{bottom: 3px;} .pr_details .cart_button{display: inline-block;} .pr_details .cart_button .cart_btn{border-radius: 45px; font: 400 15px/48px "Poppins", sans-serif; color: #677294; border: 1px solid #e7e7f6; background: #f8f8fc; min-width: 140px; text-align: center; display: inline-block; margin: 0px 5px;} .pr_details .cart_button .wish_list{height: 50px; line-height: 50px; text-align: center; color: #282835; width: 50px; border-radius: 50%; display: inline-block; border: 1px solid #e7e7f6;} .pr_details .cart_button .cart_btn, .pr_details .cart_button .wish_list{-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .pr_details .cart_button .cart_btn:hover, .pr_details .cart_button .wish_list:hover{background: #5e2ced; color: #fff; border-color: #5e2ced;} .pr_details .product_meta{width: 70%;} .pr_details .product_meta li{font-family: "Poppins", sans-serif; font-weight: 300; color: #677294;} .pr_details .product_meta li a{color: #677294;} .pr_details .product_meta li a:hover{color: #5e2ced;} .pr_details .product_meta li span{font-weight: 400; color: #282835; padding-right: 8px;} .pr_details .share-link label{margin-bottom: 0px; font: 400 15px "Poppins", sans-serif; color: #282835;} .pr_details .share-link .social-icon{margin-bottom: 0px;} .pr_details .share-link .social-icon li{display: inline-block;} .pr_details .share-link .social-icon li a{font-size: 12px; color: #677294; padding-right: 10px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .pr_details .share-link .social-icon li a:hover{color: #5e2ced;} .product_info_details .pr_tab{display: inline-block; border: 1px solid #e7e7f6; border-radius: 45px;} .product_info_details .pr_tab .nav-item{float: left; margin: 0px;} .product_info_details .pr_tab .nav-item .nav-link{font: 300 16px/40px "Poppins", sans-serif; color: #677294; padding: 5px 25px; border: 0px; border-radius: 45px; min-width: 148px; text-align: center;} .product_info_details .pr_tab .nav-item .nav-link.active{background: #5e2ced; color: #fff;} .product_info_details .pr_tab .nav-item:first-child .nav-link{border-bottom-right-radius: 0px; border-top-right-radius: 0px;} .product_info_details .pr_tab .nav-item:last-child .nav-link{border-bottom-left-radius: 0px; border-top-left-radius: 0px;} .product_info_details .aditional_info h6{color: #282835;} .product_info_details .comment-box .comment-content{padding-left: 95px; position: relative;} .product_info_details .comment-box .comment-content .avatar{position: absolute; left: 0;} .product_info_details .comment-box .comment-content .avatar img{border-radius: 50%;} .product_info_details .comment-box .comment-content .comment-header{font: 300 14px "Poppins", sans-serif; display: inline-block;} .product_info_details .comment-box .comment-content .comment-header a{font-size: 15px; font-weight: 500; color: #3d3f45;} .product_info_details .comment-box .comment-content .comment-header a:after{content: "/"; display: inline-block; margin: 0px 5px 0px 6px; font-weight: 400; color: #abb0bb;} .product_info_details .comment-box .comment-content .ratting a{font-size: 12px; color: #c9ccd1;} .product_info_details .comment-box .comment-content .ratting a:nth-child(1), .product_info_details .comment-box .comment-content .ratting a:nth-child(2), .product_info_details .comment-box .comment-content .ratting a:nth-child(3){color: #5e2ced;} .car_get_quote_content h2{color: #282835;} .car_get_quote_content .get_quote_form .form-group .form-control{height: 60px; border: 1px solid #ebebf7; border-radius: 4px; background: transparent; font: 300 14px "Poppins", sans-serif; color: #282835; padding-left: 25px; -webkit-box-shadow: none; box-shadow: none;} .car_get_quote_content .get_quote_form .form-group .form-control.placeholder{color: #a7adbe;} .car_get_quote_content .get_quote_form .form-group .form-control:-moz-placeholder{color: #a7adbe;} .car_get_quote_content .get_quote_form .form-group .form-control::-moz-placeholder{color: #a7adbe;} .car_get_quote_content .get_quote_form .form-group .form-control::-webkit-input-placeholder{color: #a7adbe;} .car_get_quote_content .get_quote_form .form-group .form-control:focus{border-color: #ddd1fe; background-color: white; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1); box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1);} .car_get_quote_content .get_quote_form .form-group textarea.form-control{height: 200px; padding-top: 20px;} .car_get_quote_content .ratting span{font-size: 14px; color: #282835;} .car_get_quote_content .ratting a{font-size: 12px; color: #c9ccd1;} .car_get_quote_content .ratting a:nth-child(4), .car_get_quote_content .ratting a:nth-child(2), .car_get_quote_content .ratting a:nth-child(3){color: #5e2ced;} .car_get_quote_content .agency_banner_btn{float: right; border-radius: 45px; height: 46px; line-height: 45px; padding: 0px; min-width: 120px; text-align: center;} input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none; -moz-appearance: none;} .shopping_cart_area .cart_title{border-bottom: 1px solid #e7e7f6;} .shopping_cart_area h6{font-size: 14px; color: #282835; line-height: 30px;} .shopping_cart_area .cart_table{padding-top: 30px;} .shopping_cart_area .cart_table tbody{width: 100%;} .shopping_cart_area .cart_table td{vertical-align: middle; font: 400 16px/28px "Poppins", sans-serif; color: #282835; border: 0px; padding-top: 0px; padding-bottom: 30px;} .shopping_cart_area .cart_table .product{padding-top: 0px;} .shopping_cart_area .cart_table .product .media .media-left{width: 100px; height: 100px;} .shopping_cart_area .cart_table .product .media .media-left img{max-width: 100%;} .shopping_cart_area .cart_table .product .media .media-body{padding-left: 30px; -ms-flex-item-align: center; align-self: center;} .shopping_cart_area .cart_table .product .media .media-body h5{font: 500 16px/28px "Poppins", sans-serif; color: #282835;} .shopping_cart_area .cart_table .total{width: 175px;} .shopping_cart_area .cart_table .quantity{width: 175px;} .shopping_cart_area .cart_table .quantity p{color: #677294; margin-bottom: 0px;} .shopping_cart_area .cart_table .del-item{white-space: nowrap; vertical-align: middle; width: 140px;} .shopping_cart_area .cart_table .del-item a{color: #677294;} .shopping_cart_area .cart_table .del-item a:hover{color: #5e2ced;} .shopping_cart_area .cart_table .del-item a i{font-size: 22px;} .shopping_cart_area .cart_table .del-item a + a{position: relative; top: 3px;} .shopping_cart_area .cart_table .del-item .total{margin-right: 85px;} .shopping_cart_area .cart_table .product-qty{position: relative; display: inline-block;} .shopping_cart_area .cart_table .product-qty .ar_top, .shopping_cart_area .cart_table .product-qty .ar_down{position: absolute; background: #fff; border: 0px; font-size: 12px; color: #677294; right: 4px; border-radius: 15px; padding: 0px 15px 0px 0px; line-height: 12px; cursor: pointer;} .shopping_cart_area .cart_table .product-qty .ar_top:hover, .shopping_cart_area .cart_table .product-qty .ar_down:hover{color: #5e2ced;} .shopping_cart_area .cart_table .product-qty .ar_top{top: 8px;} .shopping_cart_area .cart_table .product-qty .ar_down{bottom: 8px;} .shopping_cart_area .cart_table .product-qty .manual-adjust{width: 95px; border: 1px solid #e7e7f6; height: 44px; border-radius: 45px; text-align: center; color: #677294;} .shopping_cart_area .cart_table .product-qty .manual-adjust.placeholder{color: #677294;} .shopping_cart_area .cart_table .product-qty .manual-adjust:-moz-placeholder{color: #677294;} .shopping_cart_area .cart_table .product-qty .manual-adjust::-moz-placeholder{color: #677294;} .shopping_cart_area .cart_table .product-qty .manual-adjust::-webkit-input-placeholder{color: #677294;} .shopping_cart_area .cart_btn{font: 400 14px "Poppins", sans-serif; color: #fff; border: 1px solid #5e2ced; margin: 0px; background: #5e2ced; padding: 15px 33px; border-radius: 4px;} .shopping_cart_area .cart_btn.cart_btn_two{border: 1px solid #e7e7f6; background: transparent; color: #5c6789; margin-left: 15px;} .shopping_cart_area .action_btn{width: 100%;} .shopping_cart_area h5{color: #282835;} .shopping_cart_area .wislist_table .total, .shopping_cart_area .wislist_table .del-item{width: 178px;} .shopping_cart_area .wislist_table .quantity{width: 140px;} .shopping_cart_area .wislist_table .add_cart{font: 400 14px "Poppins", sans-serif; border: 1px solid #e7e7f6; background: transparent; color: #5c6789; margin-right: 20px; padding: 15px 33px; border-radius: 4px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .shopping_cart_area .wislist_table .add_cart:hover{background: #5e2ced; color: #fff !important; border-color: #5e2ced;} .cart_box{width: 370px; border: 1px solid #f4f4f9; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); padding: 30px 35px;} .cart_box .shop_table{width: 100%;} .cart_box .shop_table tbody tr{border-bottom: 1px solid #e7e7f6;} .cart_box .shop_table tbody tr th{width: 70%;} .cart_box .shop_table tbody tr td, .cart_box .shop_table tbody tr th{font: 400 16px/28px "Poppins", sans-serif; color: #282835; padding: 10px 0px;} .cart_box .shop_table tbody tr td{text-align: right;} .cart_box .shop_table tbody tr td .amount{color: #677294;} .cart_box .shop_table tbody tr:last-child{border: 0px;} .coupon{width: 370px; position: relative;} .coupon .input_text{width: 100%; border: 1px solid #f4f4f9; border-radius: 4px; background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); font: 300 15px "Poppins", sans-serif; color: #9ca3b9; height: 55px; padding-left: 25px; -webkit-box-shadow: none; box-shadow: none;} .coupon .input_text:focus{-webkit-box-shadow: none; box-shadow: none; outline: none;} .coupon .button{position: absolute; right: 4px; top: 50%; font: 400 14px/38px "Poppins", sans-serif; color: #282835; height: 48px; padding: 0px 25px; border: 0px; background: #eff2f7; border-radius: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .coupon .button:hover{background: #5e2ced; color: #fff;} .checkout_button{font: 500 15px/30px "Poppins", sans-serif; color: #fff; background: #5e2ced; border-radius: 0px; display: block; text-align: center; padding: 10px 0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #5e2ced; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .checkout_button:hover{background: transparent; color: #5e2ced;} .return_customer{font: 400 15px/25px "Poppins", sans-serif; color: #3d3f45; padding-bottom: 20px;} .return_customer i{color: #5e2ced; padding-right: 8px; font-size: 14px;} .return_customer a{color: #5e2ced; font-weight: 300;} .return_customer a.collapsed{color: #9ca3b9;} .checkout_content{margin-bottom: -22px;} .checkout_content .checkout_title{margin-top: 63px; color: #282835;} .checkout_content input{-webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04); background: #fff; padding: 0px 30px; font: 300 14px/60px "Poppins", sans-serif; color: #969ca5; border: 1px solid transparent; border-radius: 4px; width: 100%; margin-bottom: 30px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .checkout_content input.placeholder{color: #9ca3b9;} .checkout_content input:-moz-placeholder{color: #9ca3b9;} .checkout_content input::-moz-placeholder{color: #9ca3b9;} .checkout_content input::-webkit-input-placeholder{color: #9ca3b9;} .checkout_content input:focus{-webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); border-color: #f2effc; outline: none;} .checkout_content label{font: 600 16px/50px "Poppins", sans-serif; display: block; color: #282835; margin-bottom: 20px;} .checkout_content label .required{font-size: 16px; color: #ff2525; text-decoration: none;} .checkout_content .selectpickers{width: 100%; border-radius: 0px; border: 0px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06); box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06); font: 300 14px/60px "Poppins", sans-serif; background: #fff; height: 60px; color: #9ca3b9; padding-left: 30px; margin-bottom: 30px;} .checkout_content .selectpickers:after{right: 30px;} .checkout_content .selectpickers ul{width: 100%;} .checkout_content input[type="checkbox"]{position: relative; top: 2px; width: auto; -webkit-box-shadow: none; box-shadow: none;} .checkout_content input[type="checkbox"]:before{content: ""; display: block; position: absolute; width: 12px; height: 12px; border: 1px solid #9ca3b9; top: 0; left: 0; border-radius: 2px; background-color: #fbfbfb;} .checkout_content input[type="checkbox"]:checked:after{content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 49%; left: 49%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #9ca3b9;} .checkout_content .l_text{display: inline-block; font: 300 15px/26px "Poppins", sans-serif; color: #9ca3b9; padding-left: 8px;} .checkout_content textarea{width: 100%; border: 0px; border-radius: 0px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06); box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06); height: 170px; font: 300 14px/20px "Poppins", sans-serif; color: #b6b9be; padding-left: 30px; padding-top: 20px; margin-bottom: 30px;} .checkout_content textarea.placeholder{color: #9ca3b9;} .checkout_content textarea:-moz-placeholder{color: #9ca3b9;} .checkout_content textarea::-moz-placeholder{color: #9ca3b9;} .checkout_content textarea::-webkit-input-placeholder{color: #9ca3b9;} .checkout_content textarea:focus{outline: none;} .checkout_content .tab_content p{font-family: "Poppins", sans-serif; font-size: 15px; margin-bottom: 0px; padding: 0px 0px 25px;} .checkout_content .tab_content .login_button{overflow: hidden; margin-bottom: 25px;} .checkout_content .tab_content .login_button label{display: inline-block; margin-bottom: 0px; vertical-align: middle;} .checkout_content .tab_content .login_button label input{margin-bottom: 0px;} .checkout_content .tab_content .login_btn{float: right; font: 400 16px/48px "Poppins", sans-serif; background: #5e2ced; border: 1px solid #5e2ced; color: #fff; border-radius: 4px; padding: 0px 38px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .checkout_content .tab_content .login_btn:hover{background: transparent; color: #5e2ced;} .checkout_content .tab_content .coupon_form{overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex;} .checkout_content .tab_content .coupon_form input{max-width: 380px; margin-bottom: 0px;} .checkout_content .tab_content .coupon_form .login_btn{line-height: 60px; margin-left: 20px;} .cart_total_box{margin-left: 50px; background: #fff; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06); box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06); padding: 50px;} .cart_total_box .checkout_title{border-bottom: 2px solid #e7e7f6; padding-bottom: 10px; color: #282835;} .woocommerce-checkout-review-order .shop_table{width: 100%; margin-bottom: 30px;} .woocommerce-checkout-review-order .shop_table tbody tr td{font: 400 15px/30px "Poppins", sans-serif; color: #677294;} .woocommerce-checkout-review-order .shop_table tbody tr td.price{color: #282835;} .woocommerce-checkout-review-order .shop_table tbody tr td.total{color: #5e2ced; font-size: 20px;} .woocommerce-checkout-review-order .shop_table tbody tr td + td{text-align: right;} .woocommerce-checkout-review-order .shop_table tbody tr.subtotal{border-top: 1px solid #dfe2f1;} .woocommerce-checkout-review-order .shop_table tbody tr.subtotal td{line-height: 56px; padding-bottom: 0px;} .woocommerce-checkout-review-order h6{font-size: 15px; color: #282835; font-family: "Poppins", sans-serif; font-weight: 400; margin: 0px; line-height: 30px; margin-bottom: 6px;} .woocommerce-checkout-review-order .note{font-size: 15px; line-height: 26px; color: #677294; font-weight: 300; font-family: "Poppins", sans-serif; margin-bottom: 25px;} .woocommerce-checkout-review-order ul li.payment{padding-left: 25px; position: relative;} .woocommerce-checkout-review-order ul li.payment .radio-btn{position: absolute; left: 0;} .woocommerce-checkout-review-order ul li.payment span{float: none; font-size: 12px; color: #ff5f6d; padding-top: 15px; display: block;} .woocommerce-checkout-review-order ul li input[type="checkbox"]{position: relative; border: 0px; visibility: hidden; display: none;} .woocommerce-checkout-review-order ul li input[type="checkbox"]:checked + label:after{opacity: 1;} .woocommerce-checkout-review-order ul li input[type="checkbox"]:checked + label:before{border-color: #5e2ced;} .woocommerce-checkout-review-order ul li .radio-btn{line-height: 20px;} .woocommerce-checkout-review-order ul li .radio-btn label{color: #8f8f8f; font-size: 14px; font-weight: 400; position: relative; padding-left: 20px;} .woocommerce-checkout-review-order ul li .radio-btn label:before{content: ""; display: block; position: absolute; width: 12px; height: 12px; border: 1px solid #9ca3b9; top: 1px; left: 0; border-radius: 50%;} .woocommerce-checkout-review-order ul li .radio-btn label:after{content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 4px; left: 3px; border-radius: 50%; background: #5e2ced; opacity: 0;} .woocommerce-checkout-review-order .condition{border-top: 1px solid #dfe2f1; padding-top: 25px; margin-top: 50px;} .woocommerce-checkout-review-order .condition p{font-size: 15px; font-weight: 300;} .woocommerce-checkout-review-order .condition input[type="checkbox"]{position: relative; border: 0px; visibility: hidden; display: none;} .woocommerce-checkout-review-order .condition input[type="checkbox"]:checked + label:after{opacity: 1;} .woocommerce-checkout-review-order .condition input[type="checkbox"]:checked + label:before{border-color: #5e2ced;} .woocommerce-checkout-review-order .condition .l_text{position: relative; padding-left: 25px; font-size: 16px; line-height: 26px; font-family: "Poppins", sans-serif; color: #282835;} .woocommerce-checkout-review-order .condition .l_text span{color: #ff1e1e;} .woocommerce-checkout-review-order .condition .l_text:before{content: ""; display: block; position: absolute; width: 10px; height: 10px; border: 1px solid #878a8e; top: 8px; left: 0; border-radius: 2px; background-color: white;} .woocommerce-checkout-review-order .condition .l_text:after{content: ""; display: block; width: 5px; height: 7px; border: solid #5e2ced; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 8px; left: 3px; opacity: 0;} .woocommerce-checkout-review-order .button{width: 100%; background: #5e2ced; border: 1px solid #5e2ced; font: 500 16px/50px "Poppins", sans-serif; color: #fff; cursor: pointer; margin-top: 25px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .woocommerce-checkout-review-order .button:hover{background: transparent; color: #5e2ced;} .blog_grid_item{cursor: pointer;} .blog_grid_item img{-webkit-transition: opacity 600ms linear; -o-transition: opacity 600ms linear; transition: opacity 600ms linear;} .blog_grid_item:hover .blog_img img{opacity: 0.70;} .blog_img{background: #000022;} .blog_img img{max-width: 100%;} .blog_content{background-color: white; -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06); padding: 30px 47px 42px 50px; position: relative;} .blog_content .post_date{width: 80px; height: 80px; border-radius: 50%; -webkit-box-shadow: 0px 3px 0px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 3px 0px 0px rgba(12, 0, 46, 0.06); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 50px; top: -40px; background: #fff;} .blog_content .post_date h2{font: 700 30px/20px "Poppins", sans-serif; margin-bottom: 0px; color: #5e2ced; padding-top: 5px;} .blog_content .post_date span{font-weight: 300; font-size: 14px; display: block; padding-top: 5px;} .blog_content p{font-weight: 300; font-size: 15px;} .blog_content h5:hover{color: #5e2ced;} .blog_content .learn_btn_two{font: 400 14px "Poppins", sans-serif; color: #282835;} .blog_content .learn_btn_two:before{-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .blog_content .learn_btn_two i{font-size: 12px;} .blog_content .learn_btn_two:hover{color: #5e2ced;} .blog_content .learn_btn_two:hover:before{background: #5e2ced;} .entry_post_info{font: 300 15px/25px "Poppins", sans-serif; color: #677294; padding-bottom: 5px;} .entry_post_info a{color: #677294;} .entry_post_info a + a:before{content: "/"; display: inline-block; margin: 0px 7px 0px 2px;} .blog_single .blog_content{padding-left: 0px; padding-right: 0px; -webkit-box-shadow: none; box-shadow: none;} .blog_single .blockquote{color: #5e2ced; font-style: italic; border-left: 4px solid #5e2ced; padding-left: 35px;} .post_share{display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d8dceb; padding-bottom: 10px;} .post_share a{font: 300 14px/26px "Poppins", sans-serif; color: #525c7c;} .post_share a i{padding-right: 12px;} .post_share a:hover{color: #5e2ced;} .post_share a + a{margin-left: 15px;} .post_share .flex{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right;} .post-nam{font: 400 15px/26px "Poppins", sans-serif; color: #282835;} .post_tag{padding-top: 20px;} .post_tag .post-nam{padding-right: 10px;} .post_tag a{font: 400 13px/26px "Poppins", sans-serif; color: #595b64; border: 1px solid #cfcfe6; border-radius: 3px; padding: 0px 11px; display: inline-block; margin-left: 10px;} .post_author .media-body{padding-left: 20px;} .post_author .media-body h6{color: #677294;} .post_author .media-body p{color: #677294; margin-bottom: 0px;} .blog_post_item .blog_content{padding: 22px 22px 35px;} .blog_post_item .blog_content h5{margin-bottom: 15px;} .comment-box .post_comment .post_author{margin-bottom: 30px;} .comment-box .post_comment .post_author .media-left{margin-right: 30px;} .comment-box .post_comment .post_author .replay{display: block; text-align: center; font-size: 20px; color: #525c7c; padding-top: 14px; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;} .comment-box .post_comment .post_author .replay:hover{color: #5e2ced;} .comment-box .post_comment .post_author .media-body{border-bottom: 1px solid #e8ebf4; padding-left: 0; padding-bottom: 25px;} .comment-box .post_comment .reply-comment{padding-left: 110px;} .comment-box .post_comment .reply-comment .post_author{margin-bottom: 0px;} .widget_title{margin-bottom: 35px;} .widget_title .border_bottom{width: 180px; height: 1px; background: #677294; display: block;} .blog-sidebar{padding-left: 40px;} .blog-sidebar .widget.widget_search .search-form{position: relative;} .blog-sidebar .widget.widget_search .search-form .form-control{font: 300 14px "Poppins", sans-serif; color: #677294; border-radius: 3px; background-color: white; -webkit-box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.08); box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.08); border-radius: 0px; border: 0px; padding-left: 30px; height: 55px; z-index: 0; border: 1px solid transparent;} .blog-sidebar .widget.widget_search .search-form .form-control.placeholder{color: #677294;} .blog-sidebar .widget.widget_search .search-form .form-control:-moz-placeholder{color: #677294;} .blog-sidebar .widget.widget_search .search-form .form-control::-moz-placeholder{color: #677294;} .blog-sidebar .widget.widget_search .search-form .form-control::-webkit-input-placeholder{color: #677294;} .blog-sidebar .widget.widget_search .search-form .form-control:focus{border-color: #ccc5fa; border-radius: 3px;} .blog-sidebar .widget.widget_search .search-form button{border: 0px; border-radius: 0px; font-size: 16px; color: #282835; background: transparent; position: absolute; right: 20px; height: 100%; padding: 0px; z-index: 1; cursor: pointer;} .blog-sidebar .widget.widget_search .search-form button:hover{color: #5e2ced;} .blog-sidebar .widget.widget_recent_post .post_item img{border-radius: 3px;} .blog-sidebar .widget.widget_recent_post .post_item .media-body{padding-left: 20px; -ms-flex-item-align: center; align-self: center;} .blog-sidebar .widget.widget_recent_post .post_item .media-body h3{color: #282835;} .blog-sidebar .widget.widget_recent_post .post_item .media-body h3:hover{color: #5e2ced;} .blog-sidebar .widget.widget_recent_post .post_item .media-body .entry_post_info{padding-bottom: 0px;} .blog-sidebar .widget.widget_recent_post .post_item + .post_item{margin-top: 30px;} .blog-sidebar .widget.widget_categorie .widget_title{margin-bottom: 28px;} .blog-sidebar .widget.widget_categorie ul{margin-bottom: 0px;} .blog-sidebar .widget.widget_categorie ul li a{font: 300 16px/35px "Poppins", sans-serif; color: #282835; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .blog-sidebar .widget.widget_categorie ul li a span{border-bottom: 1px solid transparent; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .blog-sidebar .widget.widget_categorie ul li a em{float: right; font-style: normal;} .blog-sidebar .widget.widget_categorie ul li a:hover span{color: #5e2ced; border-color: #5e2ced;} .blog-sidebar .widget.widget_tag_cloud .post-tags{margin-top: -5px; margin-left: -5px; margin-right: -5px;} .blog-sidebar .widget.widget_tag_cloud .post-tags a{font: 400 13px/26px "Poppins", sans-serif; color: #595b64; border: 1px solid #cfcfe6; border-radius: 3px; padding: 6px 18px; float: left; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 5px;} .blog-sidebar .widget.widget_tag_cloud .post-tags a:hover{background: #5e2ced; border-color: #5e2ced; color: #fff;} .f_bg{background: #eff2f9; -webkit-box-shadow: 0px -1px 0px 0px rgba(231, 236, 246, 0.004); box-shadow: 0px -1px 0px 0px rgba(231, 236, 246, 0.004);} .footer_top{border-bottom: 1px solid #e0e3ef; padding: 115px 0px 100px;} .f_widget .widget-wrap{margin-top: 35px;} .f_widget .widget-wrap p span{color: #051441;} .f_widget .widget-wrap p a{color: #677294; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;} .f_widget .widget-wrap p a:hover{color: #6754e2;} .f_widget.company_widget .mchimp-errmessage, .f_widget.company_widget .mchimp-sucmessage{position: absolute;} .f_widget.about-widget .f_list{margin-bottom: 0px;} .f_widget.about-widget .f_list li{margin-bottom: 15px;} .f_widget.about-widget .f_list li a{font: 300 16px/20px "Poppins", sans-serif; color: #677294; position: relative; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; display: inline-block;} .f_widget.about-widget .f_list li a:before{content: ""; width: 0; height: 1px; background: #6754e2; right: 0; left: auto; bottom: 0; position: absolute; -webkit-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear;} .f_widget.about-widget .f_list li a:hover{color: #6754e2;} .f_widget.about-widget .f_list li a:hover:before{width: 100%; right: auto; left: 0;} .f_widget.about-widget .f_list li:last-child{margin-bottom: 0px;} .f_subscribe{position: relative; margin-top: 40px;} .f_subscribe .form-control{font: 300 14px "Poppins", sans-serif; color: #333; border: 1px solid #e2e7f3; border-radius: 3px; background: #e9ecf3; padding-left: 25px; height: 54px; -webkit-box-shadow: none; box-shadow: none;} .f_subscribe .form-control.placeholder{color: #9ba2b5;} .f_subscribe .form-control:-moz-placeholder{color: #9ba2b5;} .f_subscribe .form-control::-moz-placeholder{color: #9ba2b5;} .f_subscribe .form-control::-webkit-input-placeholder{color: #9ba2b5;} .f_subscribe .form-control:focus{-webkit-box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06); box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);} .f_subscribe button{position: absolute; right: 25px; background: transparent; padding: 0; color: #222d39; font-size: 16px; top: 52%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .footer_bottom{font-size: 14px; font-weight: 300; line-height: 20px; color: #7f88a6; padding: 27px 0px;} .footer_bottom p a{color: #6754e2; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;} .footer_bottom .f_menu{margin-bottom: 0px;} .footer_bottom .f_menu li{display: inline-block; position: relative;} .footer_bottom .f_menu li a{color: #7f88a6; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;} .footer_bottom .f_menu li a:hover{color: #6754e2;} .footer_bottom .f_menu li + li{margin-left: 16px;} .footer_bottom .f_menu li + li:before{content: ""; width: 1px; height: 12px; background: #b1b7ca; display: inline-block; margin-right: 18px; vertical-align: middle;} .footer_bottom a:hover{color: #6754e2;} .f_social_icon_two a{font-size: 14px; color: #969db4; margin: 0px 8px;} .footer_area_two{background: #fbfbfd;} .footer_area_two .footer_top_two{border-bottom: 1px solid #e9ecf3; padding: 120px 0px 70px;} .footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:before{background: #00aff0;} .footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:hover{color: #00aff0;} .footer_area_two .footer_top_two .f_widget .widget-wrap p a:hover{color: #00aff0;} .footer_area_two .footer_bottom{position: relative;} .footer_area_two .footer_bottom p a{color: #00aff0;} .footer_area_two .footer_bottom .f_menu li a:hover{color: #00aff0;} .footer_area_two .footer_bottom .f_menu li + li:before{background: #7f88a6;} .f_social_icon a{width: 46px; height: 46px; border-radius: 50%; font-size: 14px; line-height: 45px; color: #858da8; display: inline-block; background: #ebeef5; text-align: center; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .f_social_icon a:hover{background: #00aff0; color: #fff;} .f_social_icon a + a{margin-left: 10px;} .pagescroll_btn{width: 44px; height: 44px; border: 1px solid #1d1d42; font-size: 16px; color: #00aff0; text-align: center; line-height: 44px; position: absolute; border-radius: 50%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -22px; background: #121233;} .footer_three{background: #1b1e29;} .footer_three .footer_top{border-color: #252130; color: #b2b6c4;} .footer_three .footer_top p{color: #b2b6c4;} .footer_three .footer_top .f-title{color: #fff;}