.homepage-grid-banner .grid1:before,
.homepage-grid-banner .grid2:before,
.homepage-grid-banner .grid3:before,
.homepage-grid-banner .grid4:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
} 
.homepage-grid-banner .grid1:hover:before,
.homepage-grid-banner .grid2:hover:before,
.homepage-grid-banner .grid3:hover:before,
.homepage-grid-banner .grid4:hover:before {
  opacity: 0.1;
  filter: alpha(opacity=10);
  visibility: visible;
} 


/* /snippet_boxed_73lines/static/src/less/s_three_boxes_with_icon.less defined in bundle 'website.assets_frontend' */

.s_three_boxes_with_icon .fa {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
} 
.s_three_boxes_with_icon .fa.fa-1x {
  width: 40px;
  height: 40px;
  line-height: 40px;
} 
.s_three_boxes_with_icon .fa.fa-2x {
  width: 60px;
  height: 60px;
  line-height: 60px;
} 
.s_three_boxes_with_icon .fa.fa-3x {
  width: 80px;
  height: 80px;
  line-height: 80px;
} 
.s_three_boxes_with_icon .fa.fa-4x {
  width: 100px;
  height: 100px;
  line-height: 100px;
} 
.s_three_boxes_with_icon .fa.fa-5x {
  width: 120px;
  height: 120px;
  line-height: 120px;
} 
#wrapwrap .img-rounded,
#wrapwrap .img-rounded.img-thumbnail {
  border-radius: 8px;
} 
#wrapwrap .img-circle,
#wrapwrap .img-circle.img-thumbnail {
  border-radius: 50%;
} 
#wrapwrap .bg-primary.img-thumbnail,
#wrapwrap .bg-primary.thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #337ab7;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #337ab7;
} 
#wrapwrap .bg-success.img-thumbnail,
#wrapwrap .bg-success.thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #dff0d8;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #dff0d8;
} 
#wrapwrap .bg-info.img-thumbnail,
#wrapwrap .bg-info.thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #d9edf7;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #d9edf7;
} 
#wrapwrap .bg-warning.img-thumbnail,
#wrapwrap .bg-warning.thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #fcf8e3;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #fcf8e3;
} 
#wrapwrap .bg-danger.img-thumbnail,
#wrapwrap .bg-danger.thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f2dede;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f2dede;
} 
#wrapwrap .img-thumbnail,
#wrapwrap .thumbnail {
  border-radius: inherit;
  border: 0;
  padding: 0;
} 
.feature-box:hover span {
  background-color: #0194cb !important;
  color: #ffffff !important;
} 
.feature-box:hover .img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0194cb !important;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0194cb !important;
} 
.feature-box:hover a {
  color: #0194cb !important;
  text-decoration: none;
} 


/* /snippet_boxed_73lines/static/src/less/s_tabbed_carousel.less defined in bundle 'website.assets_frontend' */

.tabcontent > .tab-pane {
  display: none;
} 
.tabcontent > .active {
  display: block;
} 
.panel.with-nav-tabs .panel-heading {
  padding: 5px 5px 0 5px;
} 
.panel.with-nav-tabs .nav-tabs {
  border-bottom: none;
} 
.panel.with-nav-tabs .nav-justified {
  margin-bottom: -1px;
} 


/* /snippet_boxed_73lines/static/src/less/s_ecommerce_terms.less defined in bundle 'website.assets_frontend' */

.homepage-bar {
  border: 0;
  color: #333;
} 
.homepage-bar span {
  color: #333;
  display: inline-block;
  margin-left: .2em;
  margin-right: .2em;
  text-align: center;
  vertical-align: middle;
} 
.homepage-bar .text-area {
  display: inline-block;
  margin-left: 5px;
  text-align: left;
  vertical-align: middle;
} 
.homepage-bar h4 {
  line-height: 0.4;
  font-size: 15px;
} 
.homepage-bar p {
  font-size: 12px;
  line-height: 1;
} 
@media (max-width: 991px) {
  .homepage-bar .col-md-3 {
    border-left: none;
    text-align: center;
    float: left;
  }
} 


/* /website_portal/static/src/less/website_portal.less defined in bundle 'website.assets_frontend' */

.o_my_status_table {
  table-layout: fixed;
} 
.o_my_status_table th,
.o_my_status_table td {
  text-align: right;
} 
.o_my_status_table th:nth-last-child(2) {
  width: 150px;
} 
.o_my_status_table th:nth-last-child(1) {
  width: 120px;
} 
.o_my_status_table th:nth-child(1),
.o_my_status_table td:nth-child(1) {
  width: auto;
  min-width: 150px;
  text-align: left;
} 


/* /website_product_multi_image_73lines/static/src/css/multizoom.css defined in bundle 'website.assets_frontend' */
.magnifyarea{box-shadow: 5px 5px 7px #818181; -webkit-box-shadow: 5px 5px 7px #818181; -moz-box-shadow: 5px 5px 7px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true); background: white;} .targetarea{width: 325px; height: 338px; margin-top: 3px;} #two{height: 243px;} .targetarea img{margin: auto; display: block; position: relative; border-width: 0;} .thumbs{padding-top: 25px; width: 325px; text-align: center;} .thumbs a{text-decoration: none;} .thumbs img{border-width: 0;} #description, #description2{position: absolute; width: 325px; text-align: center; font: bold 95% sans-serif; margin-top: 3px; color: #222; background-color: #fff;} 

/* /website_product_multi_image_73lines/static/src/css/pro_img.css defined in bundle 'website.assets_frontend' */
 @media only screen and (max-width : 1280px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 979px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 767px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 480px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 320px){.img_set{margin-left: auto !important; margin-right: 25% !important; display: block !important; max-height: 180px !important; max-width: 100% !important;}} .image_thumb{height: 80px !important; width: auto;} .image_bigsize{padding: 2%; vertical-align: middle;} 

/* /website_product_multi_image_73lines/static/src/css/owl.carousel.css defined in bundle 'website.assets_frontend' */
 .owl-carousel .animated{-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .owl-carousel .owl-animated-in{z-index: 0;} .owl-carousel .owl-animated-out{z-index: 1;} .owl-carousel .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @ -webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity : 0;}} @ keyframes fadeOut{0%{opacity: 1;}100%{opacity : 0;}} .owl-height{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel{display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;} .owl-carousel .owl-stage{position: relative; -ms-touch-action: pan-Y;} .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(0px, 0px, 0px);} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-loaded{display: block;} .owl-carousel.owl-loading{opacity: 0; display: block;} .owl-carousel.owl-hidden{opacity: 0;} .owl-carousel .owl-refresh .owl-item{display: none;} .owl-carousel .owl-item{position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-item img{display: block; width: 100%; -webkit-transform-style: preserve-3d;} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;} .owl-carousel .owl-grab{cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .owl-carousel.owl-rtl{direction: rtl;} .owl-carousel.owl-rtl .owl-item{float: right;} .no-js .owl-carousel{display: block;} .owl-carousel .owl-item .owl-lazy{opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;} .owl-carousel .owl-item img{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("/website_product_multi_image_73lines/static/src/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display: none;} .owl-carousel .owl-video-tn{opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;} .owl-carousel .owl-video-frame{position: relative; z-index: 1;} 

/* /website_product_price_filter_73lines/static/src/css/ion.rangeSlider.css defined in bundle 'website.assets_frontend' */
 .irs{position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .irs-line{position: relative; display: block; overflow: hidden; outline: none !important;} .irs-line-left, .irs-line-mid, .irs-line-right{position: absolute; display: block; top: 0;} .irs-line-left{left: 0; width: 11%;} .irs-line-mid{left: 9%; width: 82%;} .irs-line-right{right: 0; width: 11%;} .irs-bar{position: absolute; display: block; left: 0; width: 0;} .irs-bar-edge{position: absolute; display: block; top: 0; left: 0;} .irs-shadow{position: absolute; display: none; left: 0; width: 0;} .irs-slider{position: absolute; display: block; cursor: default; z-index: 1;} .irs-slider.single{} .irs-slider.from{} .irs-slider.to{} .irs-slider.type_last{z-index: 2;} .irs-min{position: absolute; display: block; left: 0; cursor: default;} .irs-max{position: absolute; display: block; right: 0; cursor: default;} .irs-from, .irs-to, .irs-single{position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;} .irs-grid{position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;} .irs-with-grid .irs-grid{display: block;} .irs-grid-pol{position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000;} .irs-grid-pol.small{height: 4px;} .irs-grid-text{position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000;} .irs-disable-mask{position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0.0); z-index: 2;} .irs-disabled{opacity: 0.4;} .lt-ie9 .irs-disabled{filter: alpha(opacity = 40);} .irs-hidden-input{position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important;} 

/* /website_product_price_filter_73lines/static/src/css/ion.rangeSlider.skinHTML5.css defined in bundle 'website.assets_frontend' */
 .irs{height: 55px;} .irs-with-grid{height: 75px;} .irs-line{height: 10px; top: 33px; background: #EEE; background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); border: 1px solid #CCC; border-radius: 16px; -moz-border-radius: 16px;} .irs-line-left{height: 8px;} .irs-line-mid{height: 8px;} .irs-line-right{height: 8px;} .irs-bar{height: 10px; top: 33px; border-top: 1px solid #428bca; border-bottom: 1px solid #428bca; background: #428bca; background: linear-gradient(to top, rgba(66, 139, 202, 1) 0%, rgba(127, 195, 232, 1) 100%);} .irs-bar-edge{height: 10px; top: 33px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #428bca; background: linear-gradient(to top, rgba(66, 139, 202, 1) 0%, rgba(127, 195, 232, 1) 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px;} .irs-shadow{height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px;} .lt-ie9 .irs-shadow{filter: alpha(opacity = 30);} .irs-slider{top: 25px; width: 27px; height: 27px; border: 1px solid #AAA; background: #DDD; background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(220, 220, 220, 1) 20%, rgba(255, 255, 255, 1) 100%); border-radius: 27px; -moz-border-radius: 27px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); cursor: pointer;} .irs-slider.state_hover, .irs-slider:hover{background: #FFF;} .irs-min, .irs-max{color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px;} .lt-ie9 .irs-min, .lt-ie9 .irs-max{background: #ccc;} .irs-from, .irs-to, .irs-single{color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #428bca; border-radius: 3px; -moz-border-radius: 3px;} .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single{background: #999;} .irs-grid{height: 27px;} .irs-grid-pol{opacity: 0.5; background: #428bca;} .irs-grid-pol.small{background: #999;} .irs-grid-text{bottom: 5px; color: #99a4ac;} .irs-disabled{} 

/* /website_product_price_filter_73lines/static/src/css/normalize.css defined in bundle 'website.assets_frontend' */
 html{font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body{margin: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;} audio, canvas, progress, video{display: inline-block; vertical-align: baseline;} audio:not ([controls] ){display: none; height: 0;} [hidden], template{display: none;} a{background-color: transparent;} a:active, a:hover{outline: 0;} abbr[title]{border-bottom: 1px dotted;} b, strong{font-weight: bold;} dfn{font-style: italic;} h1{font-size: 2em; margin: 0.67em 0;} mark{background: #ff0; color: #000;} small{font-size: 80%;} sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} img{border: 0;} svg:not (:root ){overflow: hidden;} figure{margin: 1em 40px;} hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} pre{overflow: auto;} code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;} button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;} button{overflow: visible;} button, select{text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled]{cursor: default;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} input{line-height: normal;} input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;} input[type="search"]{-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend{border: 0; padding: 0;} textarea{overflow: auto;} optgroup{font-weight: bold;} table{border-collapse: collapse; border-spacing: 0;} td, th{padding: 0;} 

/* /website_blog/static/src/css/website_blog.css defined in bundle 'website.assets_frontend' */
 .css_website_mail .has-error{border-color: red;} .css_website_mail .css_nav_month{display: none;} .css_website_mail .css_nav_month:first-of-type{display: block;} .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .blog_content{min-height: 350px !important;} .blog_content a.oe_mail_expand:after{content: " →";} .blog_content a.oe_mail_expand{font-weight: bold;} p.post-meta{position: relative; top: -5px;} div#blog_angle_down a:hover{text-decoration: none;} .cover{color: white; position: relative;} .cover .blog_title{position: absolute;} .blog_title{text-align: center; top: 20%; margin-right: auto; margin-left: auto; left: 0; right: 0;} .blog_title h1{font-weight: bold;} .cover_full{height: 100vh;} .cover_narrow{height: 50vh; overflow: hidden;} .cover_footer_bg{min-height: 350px; height: 65vh;} @media (max-width: 768px){.blog_title h1{font-size: 26px;}.blog_title h2{font-size: 20px;}.cover_narrow{height: 65vh;}#title .blog_title{top: 10%;}.cover_footer{min-height: 280px; height: 50vh;}.cover_footer .blog_title{top: 2%;}} .discussion{padding: 5px 10px 10px; position: absolute; top: 0; left: 0; line-height: 16px; font-size: 13px; font-weight: bold; font-family: sans-serif; text-align: center; z-index: 7;} .discussion > a{opacity: 0; display: block; overflow: hidden; width: 20px; height: 17px; color: white; text-decoration: none; cursor: pointer; background: #bbbbbb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .discussion > a.has-comments{opacity: 0.6;} .discussion-contain:hover .discussion > a{opacity: 1;} .discussion > a:after{border-right: 7px solid transparent; border-top: 7px solid #bbbbbb; right: 19px; top: 22px; height: 0; width: 0; display: block; content: " "; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .discussion:hover > a, .discussion.hovered > a{opacity: 1; background: #57AD68;} .discussion:hover > a:after, .discussion.hovered > a:after{border-top-color: #57AD68;} #discussions_wrapper{position: absolute; top: 0; left: 0;} #discussions_overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 8; display: none;} .discussion .popover-content{max-height: 250px; width: 250px; overflow: auto; font-weight: normal; padding-bottom: 0px;} mark + .popover, .cover_footer{cursor: pointer;} .discussion_scroll_post{overflow-x: auto;} .blog_publish_btn{padding-top: 16px;} .cover_footer_bg[style*="background-image: none;"]{background-color: #B8B8B8;} #js_blogcover{background-blend-mode: multiply; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%;} 

/* /theme_default/static/src/less/colors.less defined in bundle 'website.assets_frontend' */

/* Clean Colors */
/* +++++ NEW COLORS +++++ *//* GRAYS --------------------------------------------------------- *//* Backgrounds Colors ------------------------------------------------*/
/* ---- Default Color HTML Class ---- */
.bg-blue {
  background-color: #3498db;
} 
.bg-turquoise {
  background-color: #1abc9c;
} 
.bg-green {
  background-color: #2ecc71;
} 
.bg-yellow {
  background-color: #f1c40f;
} 
.bg-orange {
  background-color: #e67e22;
} 
.bg-red {
  background-color: #e74c3c;
} 
.bg-pink {
  background-color: #f74b94;
} 
.bg-purple {
  background-color: #9b59b6;
} 
.bg-brown {
  background-color: #7b5844;
} 
.text-blue {
  color: #3498db;
} 
.text-turquoise {
  color: #1abc9c;
} 
.text-green {
  color: #2ecc71;
} 
.text-yellow {
  color: #f1c40f;
} 
.text-orange {
  color: #e67e22;
} 
.text-red {
  color: #e74c3c;
} 
.text-pink {
  color: #f74b94;
} 
.text-purple {
  color: #9b59b6;
} 
.text-brown {
  color: #7b5844;
} 


/* /website_customize_model_73lines/static/less/options/fonts/font_advent_pro_oxygen.less defined in bundle 'website.assets_frontend' */

/* ==================================================
   ADVENT PRO + OXYGEN
   ================================================== */
/* Titles *//* Bodytext */
/* Layout */


/* /website_customize_model_73lines/static/less/options/layouts/footer_dark.less defined in bundle 'website.assets_frontend' */

#wrapwrap footer {
  background-color: #323a49;
  color: #fff !important;
} 
#wrapwrap footer a {
  color: #fff !important;
} 
#wrapwrap footer a:hover {
  color: #0060aa !important;
} 


/* /website_customize_model_73lines/static/less/options/layouts/header_dark.less defined in bundle 'website.assets_frontend' */

#wrapwrap .navbar-default {
  background-color: #323a49;
} 
#wrapwrap .navbar-default .navbar-nav > li > a {
  color: #fff;
} 
.navbar-default .navbar-nav > .active > a {
  color: #555 !important;
} 


/* /website_mail/static/src/css/website_mail.css defined in bundle 'website.assets_frontend' */
.js_follow[data-follow='on'] .js_follow_btn , .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_mega_menu_73lines/static/src/less/navbar.less defined in bundle 'website.assets_frontend' */

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
} 
.yamm .container {
  position: relative;
} 
.yamm .dropdown-menu {
  left: auto;
} 
.yamm .yamm-content {
  padding: 20px 30px;
} 
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
} 
.yamm .dropdown.yamm-mw .dropdown-menu {
  left: 150px;
  right: 150px;
} 
.yamm .dropdown.yamm-sw .dropdown-menu {
  left: 300px;
  right: 300px;
} 
.navbar-brand {
  height: auto;
} 
.mt41 {
  margin-top: 41px!important;
} 


/* /website_mega_menu_73lines/static/src/less/custom.css defined in bundle 'website.assets_frontend' */
.navbar .popover{width: 400px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; overflow: hidden;} .navbar .popover-content{text-align: center;} .navbar .popover-content img{height: 212px; max-width: 250px;} .navbar .dropdown-menu{-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);} .navbar .dropdown-menu>li>a:hover{background-image: none; color: white; background-color: rgb(0, 129, 194); background-color: rgba(0, 129, 194, 0.5);} .navbar .dropdown-menu>li>a.maintainHover{color: white; background-color: #0081C2;} 

/* /website_mid_header_73lines/static/src/less/header.less defined in bundle 'website.assets_frontend' */

.drop-scroll {
  overflow: scroll;
  max-height: 450px;
} 


/* /website_customize_model_73lines/static/less/options/colors/colors_tiptop.less defined in bundle 'website.assets_frontend' */

/* ==========================================================================
   tiptop
   ========================================================================== */
/* Colors
   ========================================================================== */
.text-primary {
  color: #0060aa;
} 
.text-success {
  color: #0194cb;
} 
.text-info {
  color: #00b467;
} 
.text-warning {
  color: #ff9200;
} 
.text-danger {
  color: #b7072d;
} 
/* Grayscale
   ========================================================================== */
/* Content Colors
   ========================================================================== */
#wrapwrap .bg-white {
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .bg-white a:not(.btn),
#wrapwrap .bg-white.fa,
#wrapwrap .bg-white .text-#ffffff,
#wrapwrap .bg-white .blockquote-text small {
  color: #323a49;
} 
#wrapwrap .bg-white .bg-#ffffff.label {
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .bg-white .btn.btn-#ffffff,
#wrapwrap .bg-white .btn.btn-default {
  border: 1px solid #323a49;
  color: #323a49;
} 
#wrapwrap .bg-white .btn.btn-#ffffff:hover,
#wrapwrap .bg-white .btn.btn-default:hover {
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .bg-white .bg-#ffffff.fa {
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .bg-white .bg-#ffffff.thumbnail,
#wrapwrap .bg-white .bg-#ffffff.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #323a49;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #323a49;
} 
#wrapwrap .bg-white .panel-#ffffff {
  border-color: #323a49;
} 
#wrapwrap .bg-white .panel-#ffffff .list-group li.active {
  background-color: #323a49 !important;
  color: #ffffff;
} 
#wrapwrap .bg-white .panel-#ffffff > .panel-heading {
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .bg-white .panel-#ffffff > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .bg-white .panel-#ffffff > .panel-heading > .panel-title,
#wrapwrap .bg-white .panel-#ffffff > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .bg-white .panel-#ffffff .tab-content {
  border-left: 1px solid #323a49;
  border-bottom: 1px solid #323a49;
  border-right: 1px solid #323a49;
  padding: 20px;
} 
#wrapwrap .bg-white .panel-#ffffff .nav-tabs {
  border-bottom: 1px solid #323a49;
} 
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li > a {
  background-color: inherit;
  color: #323a49;
} 
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li > a:hover,
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li > a:focus {
  background-color: #323a49;
  border: 1px solid #323a49;
  border-bottom-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li.active a,
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li.active a:hover,
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li.active a:focus {
  border: 1px solid #323a49;
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li.active a .fa,
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-white .panel-#ffffff .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .bg-white .well-#ffffff {
  background-color: rgba(0, 0, 0, 0);
  border-color: #323a49;
  color: inherit;
} 
#wrapwrap .bg-white .well-#ffffff .fa {
  color: #323a49;
} 
#wrapwrap .bg-white.thumbnail,
#wrapwrap .bg-white.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #323a49, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #323a49, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-white .text-muted {
  color: #323a49;
} 
#wrapwrap .panel-white {
  border-color: #ffffff;
} 
#wrapwrap .panel-white .list-group li.active {
  background-color: #ffffff !important;
  color: #323a49;
} 
#wrapwrap .panel-white > .panel-heading {
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .panel-white > .panel-heading .text-muted {
  color: #323a49;
} 
#wrapwrap .panel-white > .panel-heading > .panel-title,
#wrapwrap .panel-white > .panel-heading a {
  color: #323a49;
} 
#wrapwrap .panel-white .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .panel-white .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .panel-white .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .panel-white .nav-tabs > li > a:hover,
#wrapwrap .panel-white .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .panel-white .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-white .nav-tabs > li > a:focus .fa {
  color: #323a49;
} 
#wrapwrap .panel-white .nav-tabs > li.active a,
#wrapwrap .panel-white .nav-tabs > li.active a:hover,
#wrapwrap .panel-white .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .panel-white .nav-tabs > li.active a .fa,
#wrapwrap .panel-white .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-white .nav-tabs > li.active a:focus .fa {
  color: #323a49;
} 
#wrapwrap .well-white {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .well-white .fa {
  color: #ffffff;
} 
#wrapwrap .bg-gray-lighter {
  background-color: #d5deeb;
  color: #323a49;
} 
#wrapwrap .bg-gray-lighter a:not(.btn),
#wrapwrap .bg-gray-lighter.fa,
#wrapwrap .bg-gray-lighter .text-gray-lighter,
#wrapwrap .bg-gray-lighter .blockquote-text small {
  color: #323a49;
} 
#wrapwrap .bg-gray-lighter .bg-gray-lighter.label {
  background-color: #323a49;
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .btn.btn-gray-lighter,
#wrapwrap .bg-gray-lighter .btn.btn-default {
  border: 1px solid #323a49;
  color: #323a49;
} 
#wrapwrap .bg-gray-lighter .btn.btn-gray-lighter:hover,
#wrapwrap .bg-gray-lighter .btn.btn-default:hover {
  background-color: #323a49;
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .bg-gray-lighter.fa {
  background-color: #323a49;
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .bg-gray-lighter.thumbnail,
#wrapwrap .bg-gray-lighter .bg-gray-lighter.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #d5deeb, 0 0 0 6px #323a49;
  box-shadow: 0 0 0 3px #d5deeb, 0 0 0 6px #323a49;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter {
  border-color: #323a49;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .list-group li.active {
  background-color: #323a49 !important;
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter > .panel-heading {
  background-color: #323a49;
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter > .panel-heading .text-muted {
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter > .panel-heading > .panel-title,
#wrapwrap .bg-gray-lighter .panel-gray-lighter > .panel-heading a {
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .tab-content {
  border-left: 1px solid #323a49;
  border-bottom: 1px solid #323a49;
  border-right: 1px solid #323a49;
  padding: 20px;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs {
  border-bottom: 1px solid #323a49;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li > a {
  background-color: inherit;
  color: #323a49;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li > a:hover,
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li > a:focus {
  background-color: #323a49;
  border: 1px solid #323a49;
  border-bottom-color: #323a49;
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li > a:focus .fa {
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li.active a,
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li.active a:hover,
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li.active a:focus {
  border: 1px solid #323a49;
  background-color: #323a49;
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li.active a .fa,
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-gray-lighter .panel-gray-lighter .nav-tabs > li.active a:focus .fa {
  color: #d5deeb;
} 
#wrapwrap .bg-gray-lighter .well-gray-lighter {
  background-color: rgba(0, 0, 0, 0);
  border-color: #323a49;
  color: inherit;
} 
#wrapwrap .bg-gray-lighter .well-gray-lighter .fa {
  color: #323a49;
} 
#wrapwrap .bg-gray-lighter.thumbnail,
#wrapwrap .bg-gray-lighter.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #323a49, 0 0 0 6px #d5deeb;
  box-shadow: 0 0 0 3px #323a49, 0 0 0 6px #d5deeb;
} 
#wrapwrap .bg-gray-lighter .text-muted {
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter {
  border-color: #d5deeb;
} 
#wrapwrap .panel-gray-lighter .list-group li.active {
  background-color: #d5deeb !important;
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter > .panel-heading {
  background-color: #d5deeb;
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter > .panel-heading .text-muted {
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter > .panel-heading > .panel-title,
#wrapwrap .panel-gray-lighter > .panel-heading a {
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter .tab-content {
  border-left: 1px solid #d5deeb;
  border-bottom: 1px solid #d5deeb;
  border-right: 1px solid #d5deeb;
  padding: 20px;
} 
#wrapwrap .panel-gray-lighter .nav-tabs {
  border-bottom: 1px solid #d5deeb;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li > a {
  background-color: inherit;
  color: #d5deeb;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:hover,
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:focus {
  background-color: #d5deeb;
  border: 1px solid #d5deeb;
  border-bottom-color: #d5deeb;
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:focus .fa {
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li.active a,
#wrapwrap .panel-gray-lighter .nav-tabs > li.active a:hover,
#wrapwrap .panel-gray-lighter .nav-tabs > li.active a:focus {
  border: 1px solid #d5deeb;
  background-color: #d5deeb;
  color: #323a49;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li.active a .fa,
#wrapwrap .panel-gray-lighter .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-gray-lighter .nav-tabs > li.active a:focus .fa {
  color: #323a49;
} 
#wrapwrap .well-gray-lighter {
  background-color: rgba(0, 0, 0, 0);
  border-color: #d5deeb;
  color: inherit;
} 
#wrapwrap .well-gray-lighter .fa {
  color: #d5deeb;
} 
#wrapwrap .bg-gray {
  background-color: #a8b3c0;
  color: #ffffff;
} 
#wrapwrap .bg-gray a:not(.btn),
#wrapwrap .bg-gray.fa,
#wrapwrap .bg-gray .text-#808080,
#wrapwrap .bg-gray .blockquote-text small {
  color: #ffffff;
} 
#wrapwrap .bg-gray .bg-#808080.label {
  background-color: #ffffff;
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .btn.btn-#808080,
#wrapwrap .bg-gray .btn.btn-default {
  border: 1px solid #ffffff;
  color: #ffffff;
} 
#wrapwrap .bg-gray .btn.btn-#808080:hover,
#wrapwrap .bg-gray .btn.btn-default:hover {
  background-color: #ffffff;
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .bg-#808080.fa {
  background-color: #ffffff;
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .bg-#808080.thumbnail,
#wrapwrap .bg-gray .bg-#808080.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #a8b3c0, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #a8b3c0, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-gray .panel-#808080 {
  border-color: #ffffff;
} 
#wrapwrap .bg-gray .panel-#808080 .list-group li.active {
  background-color: #ffffff !important;
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .panel-#808080 > .panel-heading {
  background-color: #ffffff;
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .panel-#808080 > .panel-heading .text-muted {
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .panel-#808080 > .panel-heading > .panel-title,
#wrapwrap .bg-gray .panel-#808080 > .panel-heading a {
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .panel-#808080 .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .bg-gray .panel-#808080 .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li > a:hover,
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li > a:focus .fa {
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li.active a,
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li.active a:hover,
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li.active a .fa,
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li.active a:focus .fa {
  color: #a8b3c0;
} 
#wrapwrap .bg-gray .well-#808080 {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .bg-gray .well-#808080 .fa {
  color: #ffffff;
} 
#wrapwrap .bg-gray.thumbnail,
#wrapwrap .bg-gray.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #a8b3c0;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #a8b3c0;
} 
#wrapwrap .bg-gray .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-gray {
  border-color: #a8b3c0;
} 
#wrapwrap .panel-gray .list-group li.active {
  background-color: #a8b3c0 !important;
  color: #ffffff;
} 
#wrapwrap .panel-gray > .panel-heading {
  background-color: #a8b3c0;
  color: #ffffff;
} 
#wrapwrap .panel-gray > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-gray > .panel-heading > .panel-title,
#wrapwrap .panel-gray > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .panel-gray .tab-content {
  border-left: 1px solid #a8b3c0;
  border-bottom: 1px solid #a8b3c0;
  border-right: 1px solid #a8b3c0;
  padding: 20px;
} 
#wrapwrap .panel-gray .nav-tabs {
  border-bottom: 1px solid #a8b3c0;
} 
#wrapwrap .panel-gray .nav-tabs > li > a {
  background-color: inherit;
  color: #a8b3c0;
} 
#wrapwrap .panel-gray .nav-tabs > li > a:hover,
#wrapwrap .panel-gray .nav-tabs > li > a:focus {
  background-color: #a8b3c0;
  border: 1px solid #a8b3c0;
  border-bottom-color: #a8b3c0;
  color: #ffffff;
} 
#wrapwrap .panel-gray .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-gray .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-gray .nav-tabs > li.active a,
#wrapwrap .panel-gray .nav-tabs > li.active a:hover,
#wrapwrap .panel-gray .nav-tabs > li.active a:focus {
  border: 1px solid #a8b3c0;
  background-color: #a8b3c0;
  color: #ffffff;
} 
#wrapwrap .panel-gray .nav-tabs > li.active a .fa,
#wrapwrap .panel-gray .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-gray .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .well-gray {
  background-color: rgba(0, 0, 0, 0);
  border-color: #a8b3c0;
  color: inherit;
} 
#wrapwrap .well-gray .fa {
  color: #a8b3c0;
} 
#wrapwrap .bg-gray-darker {
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .bg-gray-darker a:not(.btn),
#wrapwrap .bg-gray-darker.fa,
#wrapwrap .bg-gray-darker .text-gray-darker,
#wrapwrap .bg-gray-darker .blockquote-text small {
  color: #ffffff;
} 
#wrapwrap .bg-gray-darker .bg-gray-darker.label {
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .btn.btn-gray-darker,
#wrapwrap .bg-gray-darker .btn.btn-default {
  border: 1px solid #ffffff;
  color: #ffffff;
} 
#wrapwrap .bg-gray-darker .btn.btn-gray-darker:hover,
#wrapwrap .bg-gray-darker .btn.btn-default:hover {
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .bg-gray-darker.fa {
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .bg-gray-darker.thumbnail,
#wrapwrap .bg-gray-darker .bg-gray-darker.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #323a49, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #323a49, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker {
  border-color: #ffffff;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .list-group li.active {
  background-color: #ffffff !important;
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading {
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading .text-muted {
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading > .panel-title,
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading a {
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li > a:hover,
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li > a:focus .fa {
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li.active a,
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li.active a:hover,
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li.active a .fa,
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-gray-darker .panel-gray-darker .nav-tabs > li.active a:focus .fa {
  color: #323a49;
} 
#wrapwrap .bg-gray-darker .well-gray-darker {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .bg-gray-darker .well-gray-darker .fa {
  color: #ffffff;
} 
#wrapwrap .bg-gray-darker.thumbnail,
#wrapwrap .bg-gray-darker.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #323a49;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #323a49;
} 
#wrapwrap .bg-gray-darker .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker {
  border-color: #323a49;
} 
#wrapwrap .panel-gray-darker .list-group li.active {
  background-color: #323a49 !important;
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker > .panel-heading {
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker > .panel-heading > .panel-title,
#wrapwrap .panel-gray-darker > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker .tab-content {
  border-left: 1px solid #323a49;
  border-bottom: 1px solid #323a49;
  border-right: 1px solid #323a49;
  padding: 20px;
} 
#wrapwrap .panel-gray-darker .nav-tabs {
  border-bottom: 1px solid #323a49;
} 
#wrapwrap .panel-gray-darker .nav-tabs > li > a {
  background-color: inherit;
  color: #323a49;
} 
#wrapwrap .panel-gray-darker .nav-tabs > li > a:hover,
#wrapwrap .panel-gray-darker .nav-tabs > li > a:focus {
  background-color: #323a49;
  border: 1px solid #323a49;
  border-bottom-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-gray-darker .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker .nav-tabs > li.active a,
#wrapwrap .panel-gray-darker .nav-tabs > li.active a:hover,
#wrapwrap .panel-gray-darker .nav-tabs > li.active a:focus {
  border: 1px solid #323a49;
  background-color: #323a49;
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker .nav-tabs > li.active a .fa,
#wrapwrap .panel-gray-darker .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-gray-darker .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .well-gray-darker {
  background-color: rgba(0, 0, 0, 0);
  border-color: #323a49;
  color: inherit;
} 
#wrapwrap .well-gray-darker .fa {
  color: #323a49;
} 
#wrapwrap .well-gray-darker {
  background-color: rgba(0, 0, 0, 0);
  border-color: #323a49;
  color: inherit;
} 
#wrapwrap .well-gray-darker .fa {
  color: #323a49;
} 
#wrapwrap .bg-primary {
  background-color: #0060aa;
  color: #ffffff;
} 
#wrapwrap .bg-primary a:not(.btn),
#wrapwrap .bg-primary.fa,
#wrapwrap .bg-primary .text-primary,
#wrapwrap .bg-primary .blockquote-text small {
  color: #ffffff;
} 
#wrapwrap .bg-primary .bg-primary.label {
  background-color: #ffffff;
  color: #0060aa;
} 
#wrapwrap .bg-primary .btn.btn-primary,
#wrapwrap .bg-primary .btn.btn-default {
  border: 1px solid #ffffff;
  color: #ffffff;
} 
#wrapwrap .bg-primary .btn.btn-primary:hover,
#wrapwrap .bg-primary .btn.btn-default:hover {
  background-color: #ffffff;
  color: #0060aa;
} 
#wrapwrap .bg-primary .bg-primary.fa {
  background-color: #ffffff;
  color: #0060aa;
} 
#wrapwrap .bg-primary .bg-primary.thumbnail,
#wrapwrap .bg-primary .bg-primary.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #0060aa, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #0060aa, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-primary .panel-primary {
  border-color: #ffffff;
} 
#wrapwrap .bg-primary .panel-primary .list-group li.active {
  background-color: #ffffff !important;
  color: #0060aa;
} 
#wrapwrap .bg-primary .panel-primary > .panel-heading {
  background-color: #ffffff;
  color: #0060aa;
} 
#wrapwrap .bg-primary .panel-primary > .panel-heading .text-muted {
  color: #0060aa;
} 
#wrapwrap .bg-primary .panel-primary > .panel-heading > .panel-title,
#wrapwrap .bg-primary .panel-primary > .panel-heading a {
  color: #0060aa;
} 
#wrapwrap .bg-primary .panel-primary .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .bg-primary .panel-primary .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .bg-primary .panel-primary .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .bg-primary .panel-primary .nav-tabs > li > a:hover,
#wrapwrap .bg-primary .panel-primary .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #0060aa;
} 
#wrapwrap .bg-primary .panel-primary .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-primary .panel-primary .nav-tabs > li > a:focus .fa {
  color: #0060aa;
} 
#wrapwrap .bg-primary .panel-primary .nav-tabs > li.active a,
#wrapwrap .bg-primary .panel-primary .nav-tabs > li.active a:hover,
#wrapwrap .bg-primary .panel-primary .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #0060aa;
} 
#wrapwrap .bg-primary .panel-primary .nav-tabs > li.active a .fa,
#wrapwrap .bg-primary .panel-primary .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-primary .panel-primary .nav-tabs > li.active a:focus .fa {
  color: #0060aa;
} 
#wrapwrap .bg-primary .well-primary {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .bg-primary .well-primary .fa {
  color: #ffffff;
} 
#wrapwrap .bg-primary.thumbnail,
#wrapwrap .bg-primary.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0060aa;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0060aa;
} 
#wrapwrap .bg-primary .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-primary {
  border-color: #0060aa;
} 
#wrapwrap .panel-primary .list-group li.active {
  background-color: #0060aa !important;
  color: #ffffff;
} 
#wrapwrap .panel-primary > .panel-heading {
  background-color: #0060aa;
  color: #ffffff;
} 
#wrapwrap .panel-primary > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-primary > .panel-heading > .panel-title,
#wrapwrap .panel-primary > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .panel-primary .tab-content {
  border-left: 1px solid #0060aa;
  border-bottom: 1px solid #0060aa;
  border-right: 1px solid #0060aa;
  padding: 20px;
} 
#wrapwrap .panel-primary .nav-tabs {
  border-bottom: 1px solid #0060aa;
} 
#wrapwrap .panel-primary .nav-tabs > li > a {
  background-color: inherit;
  color: #0060aa;
} 
#wrapwrap .panel-primary .nav-tabs > li > a:hover,
#wrapwrap .panel-primary .nav-tabs > li > a:focus {
  background-color: #0060aa;
  border: 1px solid #0060aa;
  border-bottom-color: #0060aa;
  color: #ffffff;
} 
#wrapwrap .panel-primary .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-primary .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-primary .nav-tabs > li.active a,
#wrapwrap .panel-primary .nav-tabs > li.active a:hover,
#wrapwrap .panel-primary .nav-tabs > li.active a:focus {
  border: 1px solid #0060aa;
  background-color: #0060aa;
  color: #ffffff;
} 
#wrapwrap .panel-primary .nav-tabs > li.active a .fa,
#wrapwrap .panel-primary .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-primary .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-primary {
  border-color: #0060aa;
} 
#wrapwrap .panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #0060aa;
  border-color: #0060aa;
} 
#wrapwrap .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0060aa;
} 
#wrapwrap .panel-primary > .panel-heading .badge {
  color: #0060aa;
  background-color: #ffffff;
} 
#wrapwrap .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0060aa;
} 
#wrapwrap .panel-primary .list-group-item.active {
  background-color: #0060aa;
  border-color: #0060aa;
} 
#wrapwrap .well-primary {
  background-color: rgba(0, 0, 0, 0);
  border-color: #0060aa;
  color: inherit;
} 
#wrapwrap .well-primary .fa {
  color: #0060aa;
} 
#wrapwrap .bg-success {
  background-color: #0194cb;
  color: #ffffff;
} 
#wrapwrap .bg-success a:not(.btn),
#wrapwrap .bg-success.fa,
#wrapwrap .bg-success .text-success,
#wrapwrap .bg-success .blockquote-text small {
  color: #ffffff;
} 
#wrapwrap .bg-success .bg-success.label {
  background-color: #ffffff;
  color: #0194cb;
} 
#wrapwrap .bg-success .btn.btn-success,
#wrapwrap .bg-success .btn.btn-default {
  border: 1px solid #ffffff;
  color: #ffffff;
} 
#wrapwrap .bg-success .btn.btn-success:hover,
#wrapwrap .bg-success .btn.btn-default:hover {
  background-color: #ffffff;
  color: #0194cb;
} 
#wrapwrap .bg-success .bg-success.fa {
  background-color: #ffffff;
  color: #0194cb;
} 
#wrapwrap .bg-success .bg-success.thumbnail,
#wrapwrap .bg-success .bg-success.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #0194cb, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #0194cb, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-success .panel-success {
  border-color: #ffffff;
} 
#wrapwrap .bg-success .panel-success .list-group li.active {
  background-color: #ffffff !important;
  color: #0194cb;
} 
#wrapwrap .bg-success .panel-success > .panel-heading {
  background-color: #ffffff;
  color: #0194cb;
} 
#wrapwrap .bg-success .panel-success > .panel-heading .text-muted {
  color: #0194cb;
} 
#wrapwrap .bg-success .panel-success > .panel-heading > .panel-title,
#wrapwrap .bg-success .panel-success > .panel-heading a {
  color: #0194cb;
} 
#wrapwrap .bg-success .panel-success .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .bg-success .panel-success .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .bg-success .panel-success .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .bg-success .panel-success .nav-tabs > li > a:hover,
#wrapwrap .bg-success .panel-success .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #0194cb;
} 
#wrapwrap .bg-success .panel-success .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-success .panel-success .nav-tabs > li > a:focus .fa {
  color: #0194cb;
} 
#wrapwrap .bg-success .panel-success .nav-tabs > li.active a,
#wrapwrap .bg-success .panel-success .nav-tabs > li.active a:hover,
#wrapwrap .bg-success .panel-success .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #0194cb;
} 
#wrapwrap .bg-success .panel-success .nav-tabs > li.active a .fa,
#wrapwrap .bg-success .panel-success .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-success .panel-success .nav-tabs > li.active a:focus .fa {
  color: #0194cb;
} 
#wrapwrap .bg-success .well-success {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .bg-success .well-success .fa {
  color: #ffffff;
} 
#wrapwrap .bg-success.thumbnail,
#wrapwrap .bg-success.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0194cb;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0194cb;
} 
#wrapwrap .bg-success .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-success {
  border-color: #0194cb;
} 
#wrapwrap .panel-success .list-group li.active {
  background-color: #0194cb !important;
  color: #ffffff;
} 
#wrapwrap .panel-success > .panel-heading {
  background-color: #0194cb;
  color: #ffffff;
} 
#wrapwrap .panel-success > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-success > .panel-heading > .panel-title,
#wrapwrap .panel-success > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .panel-success .tab-content {
  border-left: 1px solid #0194cb;
  border-bottom: 1px solid #0194cb;
  border-right: 1px solid #0194cb;
  padding: 20px;
} 
#wrapwrap .panel-success .nav-tabs {
  border-bottom: 1px solid #0194cb;
} 
#wrapwrap .panel-success .nav-tabs > li > a {
  background-color: inherit;
  color: #0194cb;
} 
#wrapwrap .panel-success .nav-tabs > li > a:hover,
#wrapwrap .panel-success .nav-tabs > li > a:focus {
  background-color: #0194cb;
  border: 1px solid #0194cb;
  border-bottom-color: #0194cb;
  color: #ffffff;
} 
#wrapwrap .panel-success .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-success .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-success .nav-tabs > li.active a,
#wrapwrap .panel-success .nav-tabs > li.active a:hover,
#wrapwrap .panel-success .nav-tabs > li.active a:focus {
  border: 1px solid #0194cb;
  background-color: #0194cb;
  color: #ffffff;
} 
#wrapwrap .panel-success .nav-tabs > li.active a .fa,
#wrapwrap .panel-success .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-success .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-success {
  border-color: #0194cb;
} 
#wrapwrap .panel-success > .panel-heading {
  color: #ffffff;
  background-color: #0194cb;
  border-color: #0194cb;
} 
#wrapwrap .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0194cb;
} 
#wrapwrap .panel-success > .panel-heading .badge {
  color: #0194cb;
  background-color: #ffffff;
} 
#wrapwrap .panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0194cb;
} 
#wrapwrap .panel-success .list-group-item.active {
  background-color: #0194cb;
  border-color: #0194cb;
} 
#wrapwrap .well-success {
  background-color: rgba(0, 0, 0, 0);
  border-color: #0194cb;
  color: inherit;
} 
#wrapwrap .well-success .fa {
  color: #0194cb;
} 
#wrapwrap .bg-info {
  background-color: #00b467;
  color: #ffffff;
} 
#wrapwrap .bg-info a:not(.btn),
#wrapwrap .bg-info.fa,
#wrapwrap .bg-info .text-info,
#wrapwrap .bg-info .blockquote-text small {
  color: #ffffff;
} 
#wrapwrap .bg-info .bg-info.label {
  background-color: #ffffff;
  color: #00b467;
} 
#wrapwrap .bg-info .btn.btn-info,
#wrapwrap .bg-info .btn.btn-default {
  border: 1px solid #ffffff;
  color: #ffffff;
} 
#wrapwrap .bg-info .btn.btn-info:hover,
#wrapwrap .bg-info .btn.btn-default:hover {
  background-color: #ffffff;
  color: #00b467;
} 
#wrapwrap .bg-info .bg-info.fa {
  background-color: #ffffff;
  color: #00b467;
} 
#wrapwrap .bg-info .bg-info.thumbnail,
#wrapwrap .bg-info .bg-info.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #00b467, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #00b467, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-info .panel-info {
  border-color: #ffffff;
} 
#wrapwrap .bg-info .panel-info .list-group li.active {
  background-color: #ffffff !important;
  color: #00b467;
} 
#wrapwrap .bg-info .panel-info > .panel-heading {
  background-color: #ffffff;
  color: #00b467;
} 
#wrapwrap .bg-info .panel-info > .panel-heading .text-muted {
  color: #00b467;
} 
#wrapwrap .bg-info .panel-info > .panel-heading > .panel-title,
#wrapwrap .bg-info .panel-info > .panel-heading a {
  color: #00b467;
} 
#wrapwrap .bg-info .panel-info .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .bg-info .panel-info .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .bg-info .panel-info .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .bg-info .panel-info .nav-tabs > li > a:hover,
#wrapwrap .bg-info .panel-info .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #00b467;
} 
#wrapwrap .bg-info .panel-info .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-info .panel-info .nav-tabs > li > a:focus .fa {
  color: #00b467;
} 
#wrapwrap .bg-info .panel-info .nav-tabs > li.active a,
#wrapwrap .bg-info .panel-info .nav-tabs > li.active a:hover,
#wrapwrap .bg-info .panel-info .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #00b467;
} 
#wrapwrap .bg-info .panel-info .nav-tabs > li.active a .fa,
#wrapwrap .bg-info .panel-info .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-info .panel-info .nav-tabs > li.active a:focus .fa {
  color: #00b467;
} 
#wrapwrap .bg-info .well-info {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .bg-info .well-info .fa {
  color: #ffffff;
} 
#wrapwrap .bg-info.thumbnail,
#wrapwrap .bg-info.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #00b467;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #00b467;
} 
#wrapwrap .bg-info .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-info {
  border-color: #00b467;
} 
#wrapwrap .panel-info .list-group li.active {
  background-color: #00b467 !important;
  color: #ffffff;
} 
#wrapwrap .panel-info > .panel-heading {
  background-color: #00b467;
  color: #ffffff;
} 
#wrapwrap .panel-info > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-info > .panel-heading > .panel-title,
#wrapwrap .panel-info > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .panel-info .tab-content {
  border-left: 1px solid #00b467;
  border-bottom: 1px solid #00b467;
  border-right: 1px solid #00b467;
  padding: 20px;
} 
#wrapwrap .panel-info .nav-tabs {
  border-bottom: 1px solid #00b467;
} 
#wrapwrap .panel-info .nav-tabs > li > a {
  background-color: inherit;
  color: #00b467;
} 
#wrapwrap .panel-info .nav-tabs > li > a:hover,
#wrapwrap .panel-info .nav-tabs > li > a:focus {
  background-color: #00b467;
  border: 1px solid #00b467;
  border-bottom-color: #00b467;
  color: #ffffff;
} 
#wrapwrap .panel-info .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-info .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-info .nav-tabs > li.active a,
#wrapwrap .panel-info .nav-tabs > li.active a:hover,
#wrapwrap .panel-info .nav-tabs > li.active a:focus {
  border: 1px solid #00b467;
  background-color: #00b467;
  color: #ffffff;
} 
#wrapwrap .panel-info .nav-tabs > li.active a .fa,
#wrapwrap .panel-info .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-info .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-info {
  border-color: #00b467;
} 
#wrapwrap .panel-info > .panel-heading {
  color: #ffffff;
  background-color: #00b467;
  border-color: #00b467;
} 
#wrapwrap .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #00b467;
} 
#wrapwrap .panel-info > .panel-heading .badge {
  color: #00b467;
  background-color: #ffffff;
} 
#wrapwrap .panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #00b467;
} 
#wrapwrap .panel-info .list-group-item.active {
  background-color: #00b467;
  border-color: #00b467;
} 
#wrapwrap .well-info {
  background-color: rgba(0, 0, 0, 0);
  border-color: #00b467;
  color: inherit;
} 
#wrapwrap .well-info .fa {
  color: #00b467;
} 
#wrapwrap .bg-warning {
  background-color: #ff9200;
  color: #ffffff;
} 
#wrapwrap .bg-warning a:not(.btn),
#wrapwrap .bg-warning.fa,
#wrapwrap .bg-warning .text-warning,
#wrapwrap .bg-warning .blockquote-text small {
  color: #ffffff;
} 
#wrapwrap .bg-warning .bg-warning.label {
  background-color: #ffffff;
  color: #ff9200;
} 
#wrapwrap .bg-warning .btn.btn-warning,
#wrapwrap .bg-warning .btn.btn-default {
  border: 1px solid #ffffff;
  color: #ffffff;
} 
#wrapwrap .bg-warning .btn.btn-warning:hover,
#wrapwrap .bg-warning .btn.btn-default:hover {
  background-color: #ffffff;
  color: #ff9200;
} 
#wrapwrap .bg-warning .bg-warning.fa {
  background-color: #ffffff;
  color: #ff9200;
} 
#wrapwrap .bg-warning .bg-warning.thumbnail,
#wrapwrap .bg-warning .bg-warning.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ff9200, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #ff9200, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-warning .panel-warning {
  border-color: #ffffff;
} 
#wrapwrap .bg-warning .panel-warning .list-group li.active {
  background-color: #ffffff !important;
  color: #ff9200;
} 
#wrapwrap .bg-warning .panel-warning > .panel-heading {
  background-color: #ffffff;
  color: #ff9200;
} 
#wrapwrap .bg-warning .panel-warning > .panel-heading .text-muted {
  color: #ff9200;
} 
#wrapwrap .bg-warning .panel-warning > .panel-heading > .panel-title,
#wrapwrap .bg-warning .panel-warning > .panel-heading a {
  color: #ff9200;
} 
#wrapwrap .bg-warning .panel-warning .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:hover,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #ff9200;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:focus .fa {
  color: #ff9200;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:hover,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #ff9200;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a .fa,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:focus .fa {
  color: #ff9200;
} 
#wrapwrap .bg-warning .well-warning {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .bg-warning .well-warning .fa {
  color: #ffffff;
} 
#wrapwrap .bg-warning.thumbnail,
#wrapwrap .bg-warning.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #ff9200;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #ff9200;
} 
#wrapwrap .bg-warning .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-warning {
  border-color: #ff9200;
} 
#wrapwrap .panel-warning .list-group li.active {
  background-color: #ff9200 !important;
  color: #ffffff;
} 
#wrapwrap .panel-warning > .panel-heading {
  background-color: #ff9200;
  color: #ffffff;
} 
#wrapwrap .panel-warning > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-warning > .panel-heading > .panel-title,
#wrapwrap .panel-warning > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .panel-warning .tab-content {
  border-left: 1px solid #ff9200;
  border-bottom: 1px solid #ff9200;
  border-right: 1px solid #ff9200;
  padding: 20px;
} 
#wrapwrap .panel-warning .nav-tabs {
  border-bottom: 1px solid #ff9200;
} 
#wrapwrap .panel-warning .nav-tabs > li > a {
  background-color: inherit;
  color: #ff9200;
} 
#wrapwrap .panel-warning .nav-tabs > li > a:hover,
#wrapwrap .panel-warning .nav-tabs > li > a:focus {
  background-color: #ff9200;
  border: 1px solid #ff9200;
  border-bottom-color: #ff9200;
  color: #ffffff;
} 
#wrapwrap .panel-warning .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-warning .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-warning .nav-tabs > li.active a,
#wrapwrap .panel-warning .nav-tabs > li.active a:hover,
#wrapwrap .panel-warning .nav-tabs > li.active a:focus {
  border: 1px solid #ff9200;
  background-color: #ff9200;
  color: #ffffff;
} 
#wrapwrap .panel-warning .nav-tabs > li.active a .fa,
#wrapwrap .panel-warning .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-warning .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-warning {
  border-color: #ff9200;
} 
#wrapwrap .panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #ff9200;
  border-color: #ff9200;
} 
#wrapwrap .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff9200;
} 
#wrapwrap .panel-warning > .panel-heading .badge {
  color: #ff9200;
  background-color: #ffffff;
} 
#wrapwrap .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff9200;
} 
#wrapwrap .panel-warning .list-group-item.active {
  background-color: #ff9200;
  border-color: #ff9200;
} 
#wrapwrap .well-warning {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ff9200;
  color: inherit;
} 
#wrapwrap .well-warning .fa {
  color: #ff9200;
} 
#wrapwrap .bg-danger {
  background-color: #b7072d;
  color: #ffffff;
} 
#wrapwrap .bg-danger a:not(.btn),
#wrapwrap .bg-danger.fa,
#wrapwrap .bg-danger .text-danger,
#wrapwrap .bg-danger .blockquote-text small {
  color: #ffffff;
} 
#wrapwrap .bg-danger .bg-danger.label {
  background-color: #ffffff;
  color: #b7072d;
} 
#wrapwrap .bg-danger .btn.btn-danger,
#wrapwrap .bg-danger .btn.btn-default {
  border: 1px solid #ffffff;
  color: #ffffff;
} 
#wrapwrap .bg-danger .btn.btn-danger:hover,
#wrapwrap .bg-danger .btn.btn-default:hover {
  background-color: #ffffff;
  color: #b7072d;
} 
#wrapwrap .bg-danger .bg-danger.fa {
  background-color: #ffffff;
  color: #b7072d;
} 
#wrapwrap .bg-danger .bg-danger.thumbnail,
#wrapwrap .bg-danger .bg-danger.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #b7072d, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #b7072d, 0 0 0 6px #ffffff;
} 
#wrapwrap .bg-danger .panel-danger {
  border-color: #ffffff;
} 
#wrapwrap .bg-danger .panel-danger .list-group li.active {
  background-color: #ffffff !important;
  color: #b7072d;
} 
#wrapwrap .bg-danger .panel-danger > .panel-heading {
  background-color: #ffffff;
  color: #b7072d;
} 
#wrapwrap .bg-danger .panel-danger > .panel-heading .text-muted {
  color: #b7072d;
} 
#wrapwrap .bg-danger .panel-danger > .panel-heading > .panel-title,
#wrapwrap .bg-danger .panel-danger > .panel-heading a {
  color: #b7072d;
} 
#wrapwrap .bg-danger .panel-danger .tab-content {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 20px;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs {
  border-bottom: 1px solid #ffffff;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a {
  background-color: inherit;
  color: #ffffff;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:hover,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:focus {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-color: #ffffff;
  color: #b7072d;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:focus .fa {
  color: #b7072d;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:hover,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #b7072d;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a .fa,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:hover .fa,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:focus .fa {
  color: #b7072d;
} 
#wrapwrap .bg-danger .well-danger {
  background-color: rgba(0, 0, 0, 0);
  border-color: #ffffff;
  color: inherit;
} 
#wrapwrap .bg-danger .well-danger .fa {
  color: #ffffff;
} 
#wrapwrap .bg-danger.thumbnail,
#wrapwrap .bg-danger.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #b7072d;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #b7072d;
} 
#wrapwrap .bg-danger .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-danger {
  border-color: #b7072d;
} 
#wrapwrap .panel-danger .list-group li.active {
  background-color: #b7072d !important;
  color: #ffffff;
} 
#wrapwrap .panel-danger > .panel-heading {
  background-color: #b7072d;
  color: #ffffff;
} 
#wrapwrap .panel-danger > .panel-heading .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-danger > .panel-heading > .panel-title,
#wrapwrap .panel-danger > .panel-heading a {
  color: #ffffff;
} 
#wrapwrap .panel-danger .tab-content {
  border-left: 1px solid #b7072d;
  border-bottom: 1px solid #b7072d;
  border-right: 1px solid #b7072d;
  padding: 20px;
} 
#wrapwrap .panel-danger .nav-tabs {
  border-bottom: 1px solid #b7072d;
} 
#wrapwrap .panel-danger .nav-tabs > li > a {
  background-color: inherit;
  color: #b7072d;
} 
#wrapwrap .panel-danger .nav-tabs > li > a:hover,
#wrapwrap .panel-danger .nav-tabs > li > a:focus {
  background-color: #b7072d;
  border: 1px solid #b7072d;
  border-bottom-color: #b7072d;
  color: #ffffff;
} 
#wrapwrap .panel-danger .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-danger .nav-tabs > li > a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-danger .nav-tabs > li.active a,
#wrapwrap .panel-danger .nav-tabs > li.active a:hover,
#wrapwrap .panel-danger .nav-tabs > li.active a:focus {
  border: 1px solid #b7072d;
  background-color: #b7072d;
  color: #ffffff;
} 
#wrapwrap .panel-danger .nav-tabs > li.active a .fa,
#wrapwrap .panel-danger .nav-tabs > li.active a:hover .fa,
#wrapwrap .panel-danger .nav-tabs > li.active a:focus .fa {
  color: #ffffff;
} 
#wrapwrap .panel-danger {
  border-color: #b7072d;
} 
#wrapwrap .panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #b7072d;
  border-color: #b7072d;
} 
#wrapwrap .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #b7072d;
} 
#wrapwrap .panel-danger > .panel-heading .badge {
  color: #b7072d;
  background-color: #ffffff;
} 
#wrapwrap .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #b7072d;
} 
#wrapwrap .panel-danger .list-group-item.active {
  background-color: #ff9200;
  border-color: #ff9200;
} 
#wrapwrap .well-danger {
  background-color: rgba(0, 0, 0, 0);
  border-color: #b7072d;
  color: inherit;
} 
#wrapwrap .well-danger .fa {
  color: #b7072d;
} 


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

/* /survey/static/src/css/survey_print.css defined in bundle 'website.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /website_sale/static/src/css/website_sale.css defined in bundle 'website.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .products_pager{text-align: center;} .products_pager > div{margin: 0 auto; display: inline-block;} .products_pager > div > *{vertical-align: middle; float: none; padding: 0;} .products_pager > div > ul{padding-left: 10px;} .products_pager > ul{margin-left: auto; margin-right: auto;} .oe_website_sale ul ul{margin-left: 1.5em;} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 24px 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{padding: 5px 0; position: absolute; bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-md-12 > table > tbody > tr > td:empty, #products_grid.col-md-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-md-12 .oe-height-1{height: 75px;} #products_grid.col-md-12 .oe-height-2{height: 150px;} #products_grid.col-md-12 .oe-height-4{height: 300px;} #products_grid.col-md-12 .oe-height-6{height: 450px;} #products_grid.col-md-12 .oe-height-8{height: 600px;} #products_grid.col-md-9 .oe-height-1{height: 70px;} #products_grid.col-md-9 .oe-height-2{height: 140px;} #products_grid.col-md-9 .oe-height-4{height: 280px;} #products_grid.col-md-9 .oe-height-6{height: 420px;} #products_grid.col-md-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-md-12 .oe-height-1{height: 95px;}#products_grid.col-md-12 .oe-height-2{height: 190px;}#products_grid.col-md-12 .oe-height-4{height: 380px;}#products_grid.col-md-12 .oe-height-6{height: 570px;}#products_grid.col-md-12 .oe-height-8{height: 760px;}#products_grid.col-md-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-md-9 .oe-height-1{height: 72px;}#products_grid.col-md-9 .oe-height-2{height: 144px;}#products_grid.col-md-9 .oe-height-4{height: 288px;}#products_grid.col-md-9 .oe-height-6{height: 432px;}#products_grid.col-md-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-md-12 .oe-height-1{height: 125px;}#products_grid.col-md-12 .oe-height-2{height: 250px;}#products_grid.col-md-12 .oe-height-4{height: 500px;}#products_grid.col-md-12 .oe-height-6{height: 750px;}#products_grid.col-md-12 .oe-height-8{height: 1000px;}#products_grid.col-md-9 .oe-height-1{height: 95px;}#products_grid.col-md-9 .oe-height-2{height: 190px;}#products_grid.col-md-9 .oe-height-4{height: 380px;}#products_grid.col-md-9 .oe-height-6{height: 570px;}#products_grid.col-md-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 768px){#products_grid table, #products_grid tbody, #products_grid tr, #products_grid td{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}.products_pager .pagination{margin: 5px auto !important;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: none !important;} .oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: inline !important;} .oe_cart table td:first-child{min-width: 76px;} @media (max-width: 992px){#modal_optional_products table:last-child td:last-child{overflow: hidden;}#modal_optional_products table:last-child td:nth-child(2){width: 50%;}#modal_optional_products table:last-child td:nth-child(3){width: 20%;}#modal_optional_products table:last-child td:last-child, #modal_optional_products table:last-child td:nth-last-child(2){width: 15%;}} @media (max-width: 500px){.oe_cart table, #modal_optional_products table{display: inline-block;}.oe_cart table thead, #modal_optional_products table thead{display: none;}.oe_cart table tbody, .oe_cart table tr, .oe_cart table td, #modal_optional_products table tbody, #modal_optional_products table tr, #modal_optional_products table td{float: left; width: 100% !important; display: inline-block;}.oe_cart table td:first-child, #modal_optional_products table td:first-child{display: none;}.oe_cart table td:nth-child(2), #modal_optional_products table td:nth-child(2){border-top-style: double; border-top-width: 6px;}.oe_cart table td:last-child, #modal_optional_products table td:last-child{margin-bottom: 16px;}.oe_cart table:last-child tr:last-child td:last-child, #modal_optional_products table:last-child tr:last-child td:last-child{margin-bottom: 0;}.oe_cart table td:last-child, .oe_cart table td:nth-last-child(2), #modal_optional_products table td:last-child, #modal_optional_products table td:nth-last-child(2){width: 50% !important; height: 46px; text-align: center;}#modal_optional_products table:last-child td:nth-child(3) > div{float: none !important;}.oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: none !important;}.oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: inline !important;}} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-md-12{float: none;} .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .product_price, .css_not_available.js_product .css_quantity{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_default_price{display: none;} .discount .oe_default_price{display: block;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_overlay_options .dropdown ul[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown ul[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown ul[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: "";} ul.wizard li.text-success{background: #f3f4f5;} ul.wizard li.text-success .chevron:before{border-left: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-left: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-left: 15px; border-radius: 4px 0 0 4px;} .label-optional{font-weight: normal;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} 

/* /website_sale/static/src/css/website_mail.css defined in bundle 'website.assets_frontend' */
 .oe_msg img.oe_msg_avatar{width: 50px; margin-right: 10px;} .oe_msg_attachment{display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top;} .oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0px; margin-left: 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px white; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #f4f5fa; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale_options/static/src/css/website_sale.css defined in bundle 'website.assets_frontend' */
.css_not_available.js_product > *:nth-child(5) > *{display: none;} 

/* /website_animate/static/src/less/o_animate_library.css defined in bundle 'website.assets_frontend' */
@-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_bounce_in{-webkit-animation-name: o_anim_bounce_in; animation-name: o_anim_bounce_in; -webkit-animation-duration: 0.75s; animation-duration: 0.75s;} @-moz-keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_down{-webkit-animation-name: o_anim_bounce_in_down; animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_left{-webkit-animation-name: o_anim_bounce_in_left; animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_right{-webkit-animation-name: o_anim_bounce_in_right; animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{-webkit-animation-name: o_anim_fade_in; animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_down{-webkit-animation-name: o_anim_fade_in_down; animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_left{-webkit-animation-name: o_anim_fade_in_left; animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_right{-webkit-animation-name: o_anim_fade_in_right; animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_up{-webkit-animation-name: o_anim_fade_in_up; animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{-webkit-animation-name: o_anim_fade_out; animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in{-webkit-animation-name: o_anim_rotate_in; animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in_down_left{-webkit-animation-name: o_anim_rotate_in_down_left; animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in_down_right{-webkit-animation-name: o_anim_rotate_in_down_right; animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .o_anim_zoom_in{-webkit-animation-name: o_anim_zoom_in; animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{-webkit-animation-name: o_anim_zoom_in_down; animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{-webkit-animation-name: o_anim_zoom_in_left; animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{-webkit-animation-name: o_anim_zoom_in_right; animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{-webkit-animation-name: o_anim_flash; animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_pulse{-webkit-animation-name: o_anim_pulse; animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes o_anim_shake{0%, 100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .o_anim_shake{-webkit-animation-name: o_anim_shake; animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_tada{-webkit-animation-name: o_anim_tada; animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_x{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_x; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_y{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_y; animation-name: o_anim_flip_in_y;} 

/* /website_animate/static/src/less/o_animate_utility_classes.css defined in bundle 'website.assets_frontend' */
 #oe_manipulators .dropdown-menu li.snippet-option-o_animate > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a{padding-left: 30px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before{content: " "; display: block; width: 16px; height: 17px; top: 5px; background-image: url("/website_animate/static/src/less/../images/icon.png"); background-repeat: no-repeat; background-size: 100%; position: absolute; left: 5px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a{color: #555; background-color: #EFEFEF;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a:after{font-family: FontAwesome; content: "\f00c"; color: #16A085; float: right; text-shadow: -1px 0px 0px #ffffff;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > ul, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > ul{border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 0;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline{display: block; width: 100%; height: 5px; margin-bottom: 5px; position: relative; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline > span, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline > span{float: left; display: inline-block; position: relative; height: 5px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="duration"], #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="duration"]{position: absolute; float: left; left: 0; height: 100%; background: #21b799; width: 0%; -webkit-animation-name: o_animate_timeline_duration; animation-name: o_animate_timeline_duration; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="delay"], #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="delay"]{position: absolute; float: left; left: 0; height: 100%; background: #a4498c; width: 0%; -webkit-animation-name: o_animate_timeline_delay; animation-name: o_animate_timeline_delay; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before{background-image: url("/website_animate/static/src/less/../images/time.png");} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before{background-image: url("/website_animate/static/src/less/../images/delay.png");} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before{background-image: url("/website_animate/static/src/less/../images/opt.png");} .o_animate{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .o_anim_dur1500{-webkit-animation-duration: 1500ms; animation-duration: 1500ms;} .o_anim_dur2000{-webkit-animation-duration: 2000ms; animation-duration: 2000ms;} .o_anim_dur2500{-webkit-animation-duration: 2500ms; animation-duration: 2500ms;} .o_anim_dur3000{-webkit-animation-duration: 3000ms; animation-duration: 3000ms;} .o_anim_del500{-webkit-animation-delay: 500ms; animation-delay: 500ms;} .o_anim_del1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .o_anim_del1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;} .o_anim_del2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;} .o_anim_del2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'website.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-boxplot circle{fill-opacity: 0.5;} .nvd3 .nv-boxplot circle:hover{fill-opacity: 1;} .nvd3 .nv-boxplot rect:hover{fill-opacity: 1;} .nvd3 line.nv-boxplot-median{stroke: black;} .nv-boxplot-tick:hover{stroke-width: 2.5px;} .nvd3.nv-bullet{font: 10px sans-serif;} .nvd3.nv-bullet .nv-measure{fill-opacity: .8;} .nvd3.nv-bullet .nv-measure:hover{fill-opacity: 1;} .nvd3.nv-bullet .nv-marker{stroke: #000; stroke-width: 2px;} .nvd3.nv-bullet .nv-markerTriangle{stroke: #000; fill: #fff; stroke-width: 1.5px;} .nvd3.nv-bullet .nv-tick line{stroke: #666; stroke-width: .5px;} .nvd3.nv-bullet .nv-range.nv-s0{fill: #eee;} .nvd3.nv-bullet .nv-range.nv-s1{fill: #ddd;} .nvd3.nv-bullet .nv-range.nv-s2{fill: #ccc;} .nvd3.nv-bullet .nv-title{font-size: 14px; font-weight: bold;} .nvd3.nv-bullet .nv-subtitle{fill: #999;} .nvd3.nv-bullet .nv-range{fill: #bababa; fill-opacity: .4;} .nvd3.nv-bullet .nv-range:hover{fill-opacity: .7;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick{stroke-width: 1px;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover{stroke-width: 2px;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect{stroke: #2ca02c; fill: #2ca02c;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect{stroke: #d62728; fill: #d62728;} .with-transitions .nv-candlestickBar .nv-ticks .nv-tick{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-candlestickBar .nv-ticks line{stroke: #333;} .nvd3 .nv-legend .nv-disabled rect{} .nvd3 .nv-check-box .nv-box{fill-opacity:0; stroke-width:2;} .nvd3 .nv-check-box .nv-check{fill-opacity:0; stroke-width:4;} .nvd3 .nv-series.nv-disabled .nv-check-box .nv-check{fill-opacity:0; stroke-opacity:0;} .nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check{opacity: 0;} .nvd3.nv-linePlusBar .nv-bar rect{fill-opacity: .75;} .nvd3.nv-linePlusBar .nv-bar rect:hover{fill-opacity: 1;} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick{stroke-width: 1px;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover{stroke-width: 2px;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive{stroke: #2ca02c;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative{stroke: #d62728;} .nvd3 .background path{fill: none; stroke: #EEE; stroke-opacity: .4; shape-rendering: crispEdges;} .nvd3 .foreground path{fill: none; stroke-opacity: .7;} .nvd3 .nv-parallelCoordinates-brush .extent{fill: #fff; fill-opacity: .6; stroke: gray; shape-rendering: crispEdges;} .nvd3 .nv-parallelCoordinates .hover{fill-opacity: 1; stroke-width: 3px;} .nvd3 .missingValuesline line{fill: none; stroke: black; stroke-width: 1; stroke-opacity: 1; stroke-dasharray: 5, 5;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie .hover path{fill-opacity: .7;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvd3.nv-sparkline path{fill: none;} .nvd3.nv-sparklineplus g.nv-hoverValue{pointer-events: none;} .nvd3.nv-sparklineplus .nv-hoverValue line{stroke: #333; stroke-width: 1.5px;} .nvd3.nv-sparklineplus, .nvd3.nv-sparklineplus g{pointer-events: all;} .nvd3 .nv-hoverArea{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-sparklineplus .nv-xValue, .nvd3.nv-sparklineplus .nv-yValue{stroke-width: 0; font-size: .9em; font-weight: normal;} .nvd3.nv-sparklineplus .nv-yValue{stroke: #f66;} .nvd3.nv-sparklineplus .nv-maxValue{stroke: #2ca02c; fill: #2ca02c;} .nvd3.nv-sparklineplus .nv-minValue{stroke: #d62728; fill: #d62728;} .nvd3.nv-sparklineplus .nv-currentValue{font-weight: bold; font-size: 1.1em;} .nvd3.nv-stackedarea path.nv-area{fill-opacity: .7; stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-stackedarea path.nv-area.hover{fill-opacity: .9;} .nvd3.nv-stackedarea .nv-groups .nv-point{stroke-opacity: 0; fill-opacity: 0;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'website.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /website_google_recaptcha/static/src/css/website_alliance.css defined in bundle 'website.assets_frontend' */
 .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: #e7e7e7; color: #555 !important;} @media all and (max-width: 600px){.yamm-content a{color: #feffff !important;}} 

/* /website_form/static/src/less/website_form.less defined in bundle 'website.assets_frontend' */

.o_website_form_flex {
  display: flex;
  flex-wrap: wrap;
} 
.o_website_form_flex_item {
  flex-basis: 33%;
} 
@media (max-width: 991px) {
  .o_website_form_flex_item {
    flex-basis: 50%;
  }
} 
@media (max-width: 767px) {
  .o_website_form_flex_item {
    flex-basis: 100%;
  }
} 
.o_website_form_field_hidden {
  display: none;
} 
.editor_enable .o_website_form_field_hidden {
  display: block;
  opacity: 0.5;
} 
.editor_enable .s_website_form .form-field select {
  pointer-events: none;
} 
.o_website_form_required .control-label:after,
.o_website_form_required_custom .control-label:after {
  content: ' *';
} 
#editable_select.form-control {
  height: 100%;
} 
.form-field input[type=file].form-control {
  height: 100%;
} 


/* /web/static/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css defined in bundle 'website.assets_frontend' */
 .bootstrap-datetimepicker-widget{top: 0; left: 0; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999 !important; border-radius: 4px;} .bootstrap-datetimepicker-widget.timepicker-sbs{width: 600px;} .bootstrap-datetimepicker-widget.bottom:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 7px;} .bootstrap-datetimepicker-widget.bottom:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 8px;} .bootstrap-datetimepicker-widget.top:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px;} .bootstrap-datetimepicker-widget.top:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; position: absolute; bottom: -6px; left: 7px;} .bootstrap-datetimepicker-widget .dow{width: 14.2857%;} .bootstrap-datetimepicker-widget.pull-right:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.pull-right:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget > ul{list-style-type: none; margin: 0;} .bootstrap-datetimepicker-widget a[data-action]{padding: 6px 0;} .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{width: 54px; font-weight: bold; font-size: 1.2em; margin: 0;} .bootstrap-datetimepicker-widget button[data-action]{padding: 6px;} .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width: 4px; padding: 0; margin: 0;} .bootstrap-datetimepicker-widget .datepicker > div{display: none;} .bootstrap-datetimepicker-widget .picker-switch{text-align: center;} .bootstrap-datetimepicker-widget table{width: 100%; margin: 0;} .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{text-align: center; border-radius: 4px;} .bootstrap-datetimepicker-widget td{height: 54px; line-height: 54px; width: 54px;} .bootstrap-datetimepicker-widget td.cw{font-size: 10px; height: 20px; line-height: 20px;} .bootstrap-datetimepicker-widget td.day{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{background: #eeeeee; cursor: pointer;} .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new{color: #777777;} .bootstrap-datetimepicker-widget td.today{position: relative;} .bootstrap-datetimepicker-widget td.today:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color: #fff;} .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget td span{display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px;} .bootstrap-datetimepicker-widget td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td span.active{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td span.old{color: #777777;} .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget th{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget th.picker-switch{width: 145px;} .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{font-size: 21px;} .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget thead tr:first-child th{cursor: pointer;} .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background: #eeeeee;} .input-group.date .input-group-addon span{display: block; cursor: pointer; width: 16px; height: 16px;} .bootstrap-datetimepicker-widget.left-oriented:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.left-oriented:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td{padding: 0px !important;} @media screen and (max-width: 767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width: 283px;}} 

/* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'website.assets_frontend' */

/* ---- My Orders page ---- */
.orders_vertical_align {
  display: flex;
  align-items: center;
} 
.orders_label_text_align {
  vertical-align: 15%;
}