#wrapwrap .bg-gray-lighter .well-gray-lighter .fa {
  color: #20364d;
} 
#wrapwrap .bg-gray-lighter.thumbnail,
#wrapwrap .bg-gray-lighter.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #20364d, 0 0 0 6px #e1effa;
  box-shadow: 0 0 0 3px #20364d, 0 0 0 6px #e1effa;
} 
#wrapwrap .bg-gray-lighter .text-muted {
  color: #20364d;
} 
#wrapwrap .panel-gray-lighter {
  border-color: #e1effa;
} 
#wrapwrap .panel-gray-lighter .list-group li.active {
  background-color: #e1effa !important;
  color: #20364d;
} 
#wrapwrap .panel-gray-lighter > .panel-heading {
  background-color: #e1effa;
  color: #20364d;
} 
#wrapwrap .panel-gray-lighter > .panel-heading .text-muted {
  color: #20364d;
} 
#wrapwrap .panel-gray-lighter > .panel-heading > .panel-title,
#wrapwrap .panel-gray-lighter > .panel-heading a {
  color: #20364d;
} 
#wrapwrap .panel-gray-lighter .tab-content {
  border-left: 1px solid #e1effa;
  border-bottom: 1px solid #e1effa;
  border-right: 1px solid #e1effa;
  padding: 20px;
} 
#wrapwrap .panel-gray-lighter .nav-tabs {
  border-bottom: 1px solid #e1effa;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li > a {
  background-color: inherit;
  color: #e1effa;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:hover,
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:focus {
  background-color: #e1effa;
  border: 1px solid #e1effa;
  border-bottom-color: #e1effa;
  color: #20364d;
} 
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-gray-lighter .nav-tabs > li > a:focus .fa {
  color: #20364d;
} 
#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 #e1effa;
  background-color: #e1effa;
  color: #20364d;
} 
#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: #20364d;
} 
#wrapwrap .well-gray-lighter {
  background-color: rgba(0, 0, 0, 0);
  border-color: #e1effa;
  color: inherit;
} 
#wrapwrap .well-gray-lighter .fa {
  color: #e1effa;
} 
#wrapwrap .bg-gray {
  background-color: #50667e;
  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: #50667e;
} 
#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: #50667e;
} 
#wrapwrap .bg-gray .bg-#808080.fa {
  background-color: #ffffff;
  color: #50667e;
} 
#wrapwrap .bg-gray .bg-#808080.thumbnail,
#wrapwrap .bg-gray .bg-#808080.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #50667e, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #50667e, 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: #50667e;
} 
#wrapwrap .bg-gray .panel-#808080 > .panel-heading {
  background-color: #ffffff;
  color: #50667e;
} 
#wrapwrap .bg-gray .panel-#808080 > .panel-heading .text-muted {
  color: #50667e;
} 
#wrapwrap .bg-gray .panel-#808080 > .panel-heading > .panel-title,
#wrapwrap .bg-gray .panel-#808080 > .panel-heading a {
  color: #50667e;
} 
#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: #50667e;
} 
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-gray .panel-#808080 .nav-tabs > li > a:focus .fa {
  color: #50667e;
} 
#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: #50667e;
} 
#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: #50667e;
} 
#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 #50667e;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #50667e;
} 
#wrapwrap .bg-gray .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-gray {
  border-color: #50667e;
} 
#wrapwrap .panel-gray .list-group li.active {
  background-color: #50667e !important;
  color: #ffffff;
} 
#wrapwrap .panel-gray > .panel-heading {
  background-color: #50667e;
  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 #50667e;
  border-bottom: 1px solid #50667e;
  border-right: 1px solid #50667e;
  padding: 20px;
} 
#wrapwrap .panel-gray .nav-tabs {
  border-bottom: 1px solid #50667e;
} 
#wrapwrap .panel-gray .nav-tabs > li > a {
  background-color: inherit;
  color: #50667e;
} 
#wrapwrap .panel-gray .nav-tabs > li > a:hover,
#wrapwrap .panel-gray .nav-tabs > li > a:focus {
  background-color: #50667e;
  border: 1px solid #50667e;
  border-bottom-color: #50667e;
  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 #50667e;
  background-color: #50667e;
  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: #50667e;
  color: inherit;
} 
#wrapwrap .well-gray .fa {
  color: #50667e;
} 
#wrapwrap .bg-gray-darker {
  background-color: #20364d;
  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: #20364d;
} 
#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: #20364d;
} 
#wrapwrap .bg-gray-darker .bg-gray-darker.fa {
  background-color: #ffffff;
  color: #20364d;
} 
#wrapwrap .bg-gray-darker .bg-gray-darker.thumbnail,
#wrapwrap .bg-gray-darker .bg-gray-darker.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #20364d, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #20364d, 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: #20364d;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading {
  background-color: #ffffff;
  color: #20364d;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading .text-muted {
  color: #20364d;
} 
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading > .panel-title,
#wrapwrap .bg-gray-darker .panel-gray-darker > .panel-heading a {
  color: #20364d;
} 
#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: #20364d;
} 
#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: #20364d;
} 
#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: #20364d;
} 
#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: #20364d;
} 
#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 #20364d;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #20364d;
} 
#wrapwrap .bg-gray-darker .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker {
  border-color: #20364d;
} 
#wrapwrap .panel-gray-darker .list-group li.active {
  background-color: #20364d !important;
  color: #ffffff;
} 
#wrapwrap .panel-gray-darker > .panel-heading {
  background-color: #20364d;
  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 #20364d;
  border-bottom: 1px solid #20364d;
  border-right: 1px solid #20364d;
  padding: 20px;
} 
#wrapwrap .panel-gray-darker .nav-tabs {
  border-bottom: 1px solid #20364d;
} 
#wrapwrap .panel-gray-darker .nav-tabs > li > a {
  background-color: inherit;
  color: #20364d;
} 
#wrapwrap .panel-gray-darker .nav-tabs > li > a:hover,
#wrapwrap .panel-gray-darker .nav-tabs > li > a:focus {
  background-color: #20364d;
  border: 1px solid #20364d;
  border-bottom-color: #20364d;
  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 #20364d;
  background-color: #20364d;
  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: #20364d;
  color: inherit;
} 
#wrapwrap .well-gray-darker .fa {
  color: #20364d;
} 
#wrapwrap .well-gray-darker {
  background-color: rgba(0, 0, 0, 0);
  border-color: #20364d;
  color: inherit;
} 
#wrapwrap .well-gray-darker .fa {
  color: #20364d;
} 
#wrapwrap .bg-primary {
  background-color: #fc639b;
  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: #fc639b;
} 
#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: #fc639b;
} 
#wrapwrap .bg-primary .bg-primary.fa {
  background-color: #ffffff;
  color: #fc639b;
} 
#wrapwrap .bg-primary .bg-primary.thumbnail,
#wrapwrap .bg-primary .bg-primary.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #fc639b, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #fc639b, 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: #fc639b;
} 
#wrapwrap .bg-primary .panel-primary > .panel-heading {
  background-color: #ffffff;
  color: #fc639b;
} 
#wrapwrap .bg-primary .panel-primary > .panel-heading .text-muted {
  color: #fc639b;
} 
#wrapwrap .bg-primary .panel-primary > .panel-heading > .panel-title,
#wrapwrap .bg-primary .panel-primary > .panel-heading a {
  color: #fc639b;
} 
#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: #fc639b;
} 
#wrapwrap .bg-primary .panel-primary .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-primary .panel-primary .nav-tabs > li > a:focus .fa {
  color: #fc639b;
} 
#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: #fc639b;
} 
#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: #fc639b;
} 
#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 #fc639b;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #fc639b;
} 
#wrapwrap .bg-primary .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-primary {
  border-color: #fc639b;
} 
#wrapwrap .panel-primary .list-group li.active {
  background-color: #fc639b !important;
  color: #ffffff;
} 
#wrapwrap .panel-primary > .panel-heading {
  background-color: #fc639b;
  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 #fc639b;
  border-bottom: 1px solid #fc639b;
  border-right: 1px solid #fc639b;
  padding: 20px;
} 
#wrapwrap .panel-primary .nav-tabs {
  border-bottom: 1px solid #fc639b;
} 
#wrapwrap .panel-primary .nav-tabs > li > a {
  background-color: inherit;
  color: #fc639b;
} 
#wrapwrap .panel-primary .nav-tabs > li > a:hover,
#wrapwrap .panel-primary .nav-tabs > li > a:focus {
  background-color: #fc639b;
  border: 1px solid #fc639b;
  border-bottom-color: #fc639b;
  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 #fc639b;
  background-color: #fc639b;
  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: #fc639b;
} 
#wrapwrap .panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #fc639b;
  border-color: #fc639b;
} 
#wrapwrap .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fc639b;
} 
#wrapwrap .panel-primary > .panel-heading .badge {
  color: #fc639b;
  background-color: #ffffff;
} 
#wrapwrap .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fc639b;
} 
#wrapwrap .panel-primary .list-group-item.active {
  background-color: #fc639b;
  border-color: #fc639b;
} 
#wrapwrap .well-primary {
  background-color: rgba(0, 0, 0, 0);
  border-color: #fc639b;
  color: inherit;
} 
#wrapwrap .well-primary .fa {
  color: #fc639b;
} 
#wrapwrap .bg-success {
  background-color: #f5a503;
  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: #f5a503;
} 
#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: #f5a503;
} 
#wrapwrap .bg-success .bg-success.fa {
  background-color: #ffffff;
  color: #f5a503;
} 
#wrapwrap .bg-success .bg-success.thumbnail,
#wrapwrap .bg-success .bg-success.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #f5a503, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #f5a503, 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: #f5a503;
} 
#wrapwrap .bg-success .panel-success > .panel-heading {
  background-color: #ffffff;
  color: #f5a503;
} 
#wrapwrap .bg-success .panel-success > .panel-heading .text-muted {
  color: #f5a503;
} 
#wrapwrap .bg-success .panel-success > .panel-heading > .panel-title,
#wrapwrap .bg-success .panel-success > .panel-heading a {
  color: #f5a503;
} 
#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: #f5a503;
} 
#wrapwrap .bg-success .panel-success .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-success .panel-success .nav-tabs > li > a:focus .fa {
  color: #f5a503;
} 
#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: #f5a503;
} 
#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: #f5a503;
} 
#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 #f5a503;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f5a503;
} 
#wrapwrap .bg-success .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-success {
  border-color: #f5a503;
} 
#wrapwrap .panel-success .list-group li.active {
  background-color: #f5a503 !important;
  color: #ffffff;
} 
#wrapwrap .panel-success > .panel-heading {
  background-color: #f5a503;
  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 #f5a503;
  border-bottom: 1px solid #f5a503;
  border-right: 1px solid #f5a503;
  padding: 20px;
} 
#wrapwrap .panel-success .nav-tabs {
  border-bottom: 1px solid #f5a503;
} 
#wrapwrap .panel-success .nav-tabs > li > a {
  background-color: inherit;
  color: #f5a503;
} 
#wrapwrap .panel-success .nav-tabs > li > a:hover,
#wrapwrap .panel-success .nav-tabs > li > a:focus {
  background-color: #f5a503;
  border: 1px solid #f5a503;
  border-bottom-color: #f5a503;
  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 #f5a503;
  background-color: #f5a503;
  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: #f5a503;
} 
#wrapwrap .panel-success > .panel-heading {
  color: #ffffff;
  background-color: #f5a503;
  border-color: #f5a503;
} 
#wrapwrap .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f5a503;
} 
#wrapwrap .panel-success > .panel-heading .badge {
  color: #f5a503;
  background-color: #ffffff;
} 
#wrapwrap .panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f5a503;
} 
#wrapwrap .panel-success .list-group-item.active {
  background-color: #f5a503;
  border-color: #f5a503;
} 
#wrapwrap .well-success {
  background-color: rgba(0, 0, 0, 0);
  border-color: #f5a503;
  color: inherit;
} 
#wrapwrap .well-success .fa {
  color: #f5a503;
} 
#wrapwrap .bg-info {
  background-color: #333333;
  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: #333333;
} 
#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: #333333;
} 
#wrapwrap .bg-info .bg-info.fa {
  background-color: #ffffff;
  color: #333333;
} 
#wrapwrap .bg-info .bg-info.thumbnail,
#wrapwrap .bg-info .bg-info.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #333333, 0 0 0 6px #ffffff;
  box-shadow: 0 0 0 3px #333333, 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: #333333;
} 
#wrapwrap .bg-info .panel-info > .panel-heading {
  background-color: #ffffff;
  color: #333333;
} 
#wrapwrap .bg-info .panel-info > .panel-heading .text-muted {
  color: #333333;
} 
#wrapwrap .bg-info .panel-info > .panel-heading > .panel-title,
#wrapwrap .bg-info .panel-info > .panel-heading a {
  color: #333333;
} 
#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: #333333;
} 
#wrapwrap .bg-info .panel-info .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-info .panel-info .nav-tabs > li > a:focus .fa {
  color: #333333;
} 
#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: #333333;
} 
#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: #333333;
} 
#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 #333333;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #333333;
} 
#wrapwrap .bg-info .text-muted {
  color: #ffffff;
} 
#wrapwrap .panel-info {
  border-color: #333333;
} 
#wrapwrap .panel-info .list-group li.active {
  background-color: #333333 !important;
  color: #ffffff;
} 
#wrapwrap .panel-info > .panel-heading {
  background-color: #333333;
  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 #333333;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  padding: 20px;
} 
#wrapwrap .panel-info .nav-tabs {
  border-bottom: 1px solid #333333;
} 
#wrapwrap .panel-info .nav-tabs > li > a {
  background-color: inherit;
  color: #333333;
} 
#wrapwrap .panel-info .nav-tabs > li > a:hover,
#wrapwrap .panel-info .nav-tabs > li > a:focus {
  background-color: #333333;
  border: 1px solid #333333;
  border-bottom-color: #333333;
  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 #333333;
  background-color: #333333;
  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: #333333;
} 
#wrapwrap .panel-info > .panel-heading {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
} 
#wrapwrap .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #333333;
} 
#wrapwrap .panel-info > .panel-heading .badge {
  color: #333333;
  background-color: #ffffff;
} 
#wrapwrap .panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #333333;
} 
#wrapwrap .panel-info .list-group-item.active {
  background-color: #333333;
  border-color: #333333;
} 
#wrapwrap .well-info {
  background-color: rgba(0, 0, 0, 0);
  border-color: #333333;
  color: inherit;
} 
#wrapwrap .well-info .fa {
  color: #333333;
} 
#wrapwrap .bg-warning {
  background-color: #9adfda;
  color: #20364d;
} 
#wrapwrap .bg-warning a:not(.btn),
#wrapwrap .bg-warning.fa,
#wrapwrap .bg-warning .text-warning,
#wrapwrap .bg-warning .blockquote-text small {
  color: #20364d;
} 
#wrapwrap .bg-warning .bg-warning.label {
  background-color: #20364d;
  color: #9adfda;
} 
#wrapwrap .bg-warning .btn.btn-warning,
#wrapwrap .bg-warning .btn.btn-default {
  border: 1px solid #20364d;
  color: #20364d;
} 
#wrapwrap .bg-warning .btn.btn-warning:hover,
#wrapwrap .bg-warning .btn.btn-default:hover {
  background-color: #20364d;
  color: #9adfda;
} 
#wrapwrap .bg-warning .bg-warning.fa {
  background-color: #20364d;
  color: #9adfda;
} 
#wrapwrap .bg-warning .bg-warning.thumbnail,
#wrapwrap .bg-warning .bg-warning.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #9adfda, 0 0 0 6px #20364d;
  box-shadow: 0 0 0 3px #9adfda, 0 0 0 6px #20364d;
} 
#wrapwrap .bg-warning .panel-warning {
  border-color: #20364d;
} 
#wrapwrap .bg-warning .panel-warning .list-group li.active {
  background-color: #20364d !important;
  color: #9adfda;
} 
#wrapwrap .bg-warning .panel-warning > .panel-heading {
  background-color: #20364d;
  color: #9adfda;
} 
#wrapwrap .bg-warning .panel-warning > .panel-heading .text-muted {
  color: #9adfda;
} 
#wrapwrap .bg-warning .panel-warning > .panel-heading > .panel-title,
#wrapwrap .bg-warning .panel-warning > .panel-heading a {
  color: #9adfda;
} 
#wrapwrap .bg-warning .panel-warning .tab-content {
  border-left: 1px solid #20364d;
  border-bottom: 1px solid #20364d;
  border-right: 1px solid #20364d;
  padding: 20px;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs {
  border-bottom: 1px solid #20364d;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a {
  background-color: inherit;
  color: #20364d;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:hover,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:focus {
  background-color: #20364d;
  border: 1px solid #20364d;
  border-bottom-color: #20364d;
  color: #9adfda;
} 
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:focus .fa {
  color: #9adfda;
} 
#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 #20364d;
  background-color: #20364d;
  color: #9adfda;
} 
#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: #9adfda;
} 
#wrapwrap .bg-warning .well-warning {
  background-color: rgba(0, 0, 0, 0);
  border-color: #20364d;
  color: inherit;
} 
#wrapwrap .bg-warning .well-warning .fa {
  color: #20364d;
} 
#wrapwrap .bg-warning.thumbnail,
#wrapwrap .bg-warning.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #20364d, 0 0 0 6px #9adfda;
  box-shadow: 0 0 0 3px #20364d, 0 0 0 6px #9adfda;
} 
#wrapwrap .bg-warning .text-muted {
  color: #20364d;
} 
#wrapwrap .panel-warning {
  border-color: #9adfda;
} 
#wrapwrap .panel-warning .list-group li.active {
  background-color: #9adfda !important;
  color: #20364d;
} 
#wrapwrap .panel-warning > .panel-heading {
  background-color: #9adfda;
  color: #20364d;
} 
#wrapwrap .panel-warning > .panel-heading .text-muted {
  color: #20364d;
} 
#wrapwrap .panel-warning > .panel-heading > .panel-title,
#wrapwrap .panel-warning > .panel-heading a {
  color: #20364d;
} 
#wrapwrap .panel-warning .tab-content {
  border-left: 1px solid #9adfda;
  border-bottom: 1px solid #9adfda;
  border-right: 1px solid #9adfda;
  padding: 20px;
} 
#wrapwrap .panel-warning .nav-tabs {
  border-bottom: 1px solid #9adfda;
} 
#wrapwrap .panel-warning .nav-tabs > li > a {
  background-color: inherit;
  color: #9adfda;
} 
#wrapwrap .panel-warning .nav-tabs > li > a:hover,
#wrapwrap .panel-warning .nav-tabs > li > a:focus {
  background-color: #9adfda;
  border: 1px solid #9adfda;
  border-bottom-color: #9adfda;
  color: #20364d;
} 
#wrapwrap .panel-warning .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-warning .nav-tabs > li > a:focus .fa {
  color: #20364d;
} 
#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 #9adfda;
  background-color: #9adfda;
  color: #20364d;
} 
#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: #20364d;
} 
#wrapwrap .panel-warning {
  border-color: #9adfda;
} 
#wrapwrap .panel-warning > .panel-heading {
  color: #20364d;
  background-color: #9adfda;
  border-color: #9adfda;
} 
#wrapwrap .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #9adfda;
} 
#wrapwrap .panel-warning > .panel-heading .badge {
  color: #9adfda;
  background-color: #20364d;
} 
#wrapwrap .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #9adfda;
} 
#wrapwrap .panel-warning .list-group-item.active {
  background-color: #9adfda;
  border-color: #9adfda;
} 
#wrapwrap .well-warning {
  background-color: rgba(0, 0, 0, 0);
  border-color: #9adfda;
  color: inherit;
} 
#wrapwrap .well-warning .fa {
  color: #9adfda;
} 
#wrapwrap .bg-danger {
  background-color: #36b1bf;
  color: #20364d;
} 
#wrapwrap .bg-danger a:not(.btn),
#wrapwrap .bg-danger.fa,
#wrapwrap .bg-danger .text-danger,
#wrapwrap .bg-danger .blockquote-text small {
  color: #20364d;
} 
#wrapwrap .bg-danger .bg-danger.label {
  background-color: #20364d;
  color: #36b1bf;
} 
#wrapwrap .bg-danger .btn.btn-danger,
#wrapwrap .bg-danger .btn.btn-default {
  border: 1px solid #20364d;
  color: #20364d;
} 
#wrapwrap .bg-danger .btn.btn-danger:hover,
#wrapwrap .bg-danger .btn.btn-default:hover {
  background-color: #20364d;
  color: #36b1bf;
} 
#wrapwrap .bg-danger .bg-danger.fa {
  background-color: #20364d;
  color: #36b1bf;
} 
#wrapwrap .bg-danger .bg-danger.thumbnail,
#wrapwrap .bg-danger .bg-danger.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #36b1bf, 0 0 0 6px #20364d;
  box-shadow: 0 0 0 3px #36b1bf, 0 0 0 6px #20364d;
} 
#wrapwrap .bg-danger .panel-danger {
  border-color: #20364d;
} 
#wrapwrap .bg-danger .panel-danger .list-group li.active {
  background-color: #20364d !important;
  color: #36b1bf;
} 
#wrapwrap .bg-danger .panel-danger > .panel-heading {
  background-color: #20364d;
  color: #36b1bf;
} 
#wrapwrap .bg-danger .panel-danger > .panel-heading .text-muted {
  color: #36b1bf;
} 
#wrapwrap .bg-danger .panel-danger > .panel-heading > .panel-title,
#wrapwrap .bg-danger .panel-danger > .panel-heading a {
  color: #36b1bf;
} 
#wrapwrap .bg-danger .panel-danger .tab-content {
  border-left: 1px solid #20364d;
  border-bottom: 1px solid #20364d;
  border-right: 1px solid #20364d;
  padding: 20px;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs {
  border-bottom: 1px solid #20364d;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a {
  background-color: inherit;
  color: #20364d;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:hover,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:focus {
  background-color: #20364d;
  border: 1px solid #20364d;
  border-bottom-color: #20364d;
  color: #36b1bf;
} 
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:hover .fa,
#wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:focus .fa {
  color: #36b1bf;
} 
#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 #20364d;
  background-color: #20364d;
  color: #36b1bf;
} 
#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: #36b1bf;
} 
#wrapwrap .bg-danger .well-danger {
  background-color: rgba(0, 0, 0, 0);
  border-color: #20364d;
  color: inherit;
} 
#wrapwrap .bg-danger .well-danger .fa {
  color: #20364d;
} 
#wrapwrap .bg-danger.thumbnail,
#wrapwrap .bg-danger.img-thumbnail {
  -webkit-box-shadow: 0 0 0 3px #20364d, 0 0 0 6px #36b1bf;
  box-shadow: 0 0 0 3px #20364d, 0 0 0 6px #36b1bf;
} 
#wrapwrap .bg-danger .text-muted {
  color: #20364d;
} 
#wrapwrap .panel-danger {
  border-color: #36b1bf;
} 
#wrapwrap .panel-danger .list-group li.active {
  background-color: #36b1bf !important;
  color: #20364d;
} 
#wrapwrap .panel-danger > .panel-heading {
  background-color: #36b1bf;
  color: #20364d;
} 
#wrapwrap .panel-danger > .panel-heading .text-muted {
  color: #20364d;
} 
#wrapwrap .panel-danger > .panel-heading > .panel-title,
#wrapwrap .panel-danger > .panel-heading a {
  color: #20364d;
} 
#wrapwrap .panel-danger .tab-content {
  border-left: 1px solid #36b1bf;
  border-bottom: 1px solid #36b1bf;
  border-right: 1px solid #36b1bf;
  padding: 20px;
} 
#wrapwrap .panel-danger .nav-tabs {
  border-bottom: 1px solid #36b1bf;
} 
#wrapwrap .panel-danger .nav-tabs > li > a {
  background-color: inherit;
  color: #36b1bf;
} 
#wrapwrap .panel-danger .nav-tabs > li > a:hover,
#wrapwrap .panel-danger .nav-tabs > li > a:focus {
  background-color: #36b1bf;
  border: 1px solid #36b1bf;
  border-bottom-color: #36b1bf;
  color: #20364d;
} 
#wrapwrap .panel-danger .nav-tabs > li > a:hover .fa,
#wrapwrap .panel-danger .nav-tabs > li > a:focus .fa {
  color: #20364d;
} 
#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 #36b1bf;
  background-color: #36b1bf;
  color: #20364d;
} 
#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: #20364d;
} 
#wrapwrap .panel-danger {
  border-color: #36b1bf;
} 
#wrapwrap .panel-danger > .panel-heading {
  color: #20364d;
  background-color: #36b1bf;
  border-color: #36b1bf;
} 
#wrapwrap .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #36b1bf;
} 
#wrapwrap .panel-danger > .panel-heading .badge {
  color: #36b1bf;
  background-color: #20364d;
} 
#wrapwrap .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #36b1bf;
} 
#wrapwrap .panel-danger .list-group-item.active {
  background-color: #9adfda;
  border-color: #9adfda;
} 
#wrapwrap .well-danger {
  background-color: rgba(0, 0, 0, 0);
  border-color: #36b1bf;
  color: inherit;
} 
#wrapwrap .well-danger .fa {
  color: #36b1bf;
} 
/* Label Colors
   ========================================================================== */
/* Button Colors
   ========================================================================== */
/* Pagination Colors
   ========================================================================== */
/* Pager Colors
   ========================================================================== */
/* Jumbotron Colors
   ========================================================================== */
/* Dropdown Colors
   ========================================================================== */
/* Input Group Colors
   ========================================================================== */


/* /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;}.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: 0; bottom: auto; left: 180px; 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;} 

/* /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;} 

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

.carousel-indicators li {
  width: 15px;
  height: 15px;
  background-color: white;
} 
div.carousel .carousel-indicators li:hover {
  background-color: black;
} 
div.carousel .carousel-indicators li {
  border: 2px solid white;
} 
div.carousel .carousel-indicators .active {
  border: 2px solid white;
} 
.carousel-indicators .active {
  width: 15px !important;
  height: 15px !important;
  background-color: white !important;
  margin: 1px !important;
} 
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: 1;
} 
.carousel-control.left,
.carousel-control.right {
  background-image: none !important;
  background-repeat: repeat-x;
} 
.carousel-control > i {
  padding: 25px 30px;
  border: none;
  color: white;
  background-color: rgba(172, 189, 182, 0.2);
} 
.carousel-control:hover > i,
.carousel-control:focus > i {
  background-color: #333333;
  padding: 25px 30px;
  border: none;
  color: #a1a1a1;
  border-color: transparent;
} 
.carousel .carousel-control.left * {
  right: 36% !important;
  top: 41% !important;
} 
.carousel .carousel-control.right * {
  left: 36% !important;
  top: 41% !important;
} 
@media (max-width: 400px) {
  .carousel .carousel-control.right * {
    left: -40% !important;
    top: 30% !important;
  }
  .carousel .carousel-control.left * {
    right: -40% !important;
    top: 31% !important;
  }
  .carousel-control > i:hover,
  .carousel-control > i:focus {
    padding: 11px 12px !important;
  }
  .carousel-control > i {
    padding: 11px 12px !important;
  }
  .carousel-indicators li,
  div.carousel .carousel-indicators .active {
    width: 9px !important;
    height: 9px !important;
  }
  .carousel-indicators {
    bottom: -10px !important;
  }
} 
/*----------To Put Details In Center-----------*/
.owl-carousel .owl-wrapper-outer {
  text-align: center;
} 
/*--------------------Product Carousel------------------*/
.section-title {
  clear: both;
  margin: 0;
  display: block;
  color: black;
} 
.headline > h2 {
  border: none !important;
  color: #333333;
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 -2px;
  padding-bottom: 1pc;
} 
/* To move navigation buttons on top */
.owl-nav {
  position: absolute;
  right: 0;
  top: -28px;
} 
.owl-nav div {
  color: black !important;
  background: #f5f5f5 !important;
  opacity: 1 !important;
  visibility: visible !important;
} 
.owl-nav div.owl-prev {
  position: relative !important;
  top: -28px !important;
  left: -33px !important;
} 
.owl-nav div:hover {
  background: black !important;
  color: #ccc !important;
} 
.carousel-price-hover > strong > a {
  color: #333333 !important;
} 
.carousel-price-hover:hover > strong > a {
  color: #fc639b !important;
} 
.post-thumb > h5 > a > span {
  color: #333333 !important;
} 
.post-thumb:hover > h5 > a > span {
  color: #fc639b !important;
} 
.product-single .text-danger {
  color: #333333 !important;
} 
@media (max-width: 768px) {
  .mini-carousel-grid {
    margin-top: -19px !important;
  }
} 
/*-----------------------------------9.0-Enhance Change----------------*/
.item.product-single > form > div > section > h5 strong > a {
  font-size: 15px !important;
} 
.item.product-single > form > div > section > h5 {
  height: 33px;
  overflow: hidden;
  margin-top: 8px;
} 
.item.product-single > form > div > section {
  text-align: center !important;
  font-size: 15px !important;
} 
.text-left.easy-shortcuts-user-rating {
  text-align: center !important;
} 
.mini-info {
  padding-top: 20px;
  padding-bottom: 32px;
} 
.mini-info h5 {
  height: 43px;
  overflow: hidden;
  margin-top: 8px;
} 
.mini-info h5 strong a {
  font-size: 15px !important;
} 


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

.o_rating_card ul {
  /*margin-bottom: 24px;*/

  padding: 0;
} 
.o_rating_card ul.rating li {
  color: #868686;
  display: inline-block;
  padding: 0 0px;
  font-size: 14px;
} 
.o_rating_card ul.rating li .o_rating_star_card {
  margin-bottom: 0px;
} 
.o_rating_card ul.rating li .o_rating_star_card .stars {
  display: inline;
  color: #FACC2E;
  margin-right: 0px!important;
} 
.o_rating_card ul.rating li .o_rating_star_card .stars i {
  margin-right: -3px;
  text-align: center;
  font-size: 14px !important;
} 
.o_rating_card ul.rating li .o_rating_star_card .stars.enabled {
  cursor: pointer;
} 
.o_rating_card ul.rating li .o_rating_star_card .rate_text {
  display: inline;
} 
.o_rating_card ul .rev-border {
  color: #777777;
  font-size: 14px;
  text-transform: capitalize;
  margin: 0px 10px !important;
} 


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

a {
  color: #20364d;
  text-decoration: none;
} 
a:hover {
  text-decoration: none;
  color: #333;
} 
:focus {
  outline: 0;
} 
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px;
  font-weight: normal;
  color: #040405 !important;
} 
h1 {
  font-size: 2.6666em;
  line-height: 1.25em;
  /*32px, 40px*/
  margin-bottom: 20px;
} 
h2 {
  font-size: 2em;
  line-height: 1.25em;
  /*24px, 30px*/
} 
h3 {
  font-size: 1.6666em;
  line-height: 1.2em;
  /*20px, 24px*/
} 
h4 {
  font-size: 1.3333em;
  line-height: 1.25em;
  /*16px, 20px*/
} 
h5 {
  font-size: 1.1666em;
  line-height: 1.1428em;
  /*14px, 16px*/
} 
h6 {
  font-size: 1em;
  line-height: 1.1666em;
  /*12px, 14px*/
} 
#col-row1-left .link > a:hover {
  color: #040405 !important;
} 
p {
  font-weight: 300;
  font-size: 16px;
  color: #040405 !important;
} 
h1 {
  letter-spacing: 1px;
  text-transform: uppercase;
} 
h2 {
  font-size: 35px;
  letter-spacing: 2px;
  text-transform: uppercase;
} 
h3 {
  letter-spacing: 2px;
  text-transform: uppercase;
} 
h4 {
  font-size: 26px;
  font-family: Lato, sans-serif;
  line-height: 40px;
  font-weight: 300;
} 
h5 {
  font-size: 20px !important;
  text-transform: uppercase;
} 
.item.product-single > form > div > section > h5 strong a {
  text-transform: uppercase;
  color: #040405 !important;
  letter-spacing: 0.5px;
  font-size: 18px !important;
} 
p a {
  border-top: 2px solid #040405;
  border-bottom: 2px solid #040405;
  font-family: "Oswald";
  padding: 5px 0px;
  font-weight: 400;
} 
h2 a {
  letter-spacing: 0.5px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding-bottom: 8px;
  padding-top: 10px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  margin: 0px 0px;
} 
a:focus {
  color: #040405;
  text-decoration: none;
} 
.owl-item .fa-shopping-cart:before {
  content: "";
} 
.owl-item .fa-shopping-cart::after {
  content: 'SHOP NU';
} 
.owl-item .fa-shopping-cart {
  font-family: Oswald, serif;
  border-top: 2px solid #040405;
  border-bottom: 2px solid #040405;
  padding: 5px 0px;
  text-align: center;
  color: #040405;
} 
.btn-default {
  border-color: #fff;
  border-radius: 0px;
  padding: 0px;
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 100px;
} 
#right_column .btn {
  margin-bottom: 0px;
} 
.modal-content {
  border-radius: 0px;
} 
.fa-fw {
  display: none;
} 
.modal-footer .btn-default {
  display: inline-block;
  float: left;
} 
.modal-footer .btn-default .fa {
  display: none;
} 
.btn-primary,
.modal-footer .btn-default {
  color: #040405;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  border: none;
  border-top: 2px solid #040405;
  border-bottom: 2px solid #040405;
  border-radius: 0px;
  padding: 6px 0px;
  margin-right: 6px;
  background-color: white;
  margin-top: 20px;
} 
.cc-cookies .btn-primary {
  padding: 6px 12px;
} 
.btn-primary:hover {
  background-color: #fff;
  color: #040405;
  border-color: #040405;
} 
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: #fff !important;
  border-color: #040405;
  color: #040405;
} 
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #040405 !important;
  background-color: #fff !important;
  border-color: #040405 !important;
} 
.nav .dropdown {
  display: none;
} 
.dropdown-toggle {
  border: none !important;
} 
/*
.btn-default:hover{
    background-color: #fff;
    color: #040405;
    border: none;
    border-bottom: 2px solid #040405;
    border-top: 2px solid #040405;
    border-color: #040405;
} 
*/
ul li {
  word-wrap: break-word;
} 
.blog_producten a {
  background: #f2e9e3;
  padding: 10px;
  border-bottom: 0px;
  border-top: 0px;
  line-height: 50px;
} 
.btn-default:hover {
  background-color: #fff;
  border-color: #fff;
} 
.easy-shortcuts-add-to-cart:hover {
  /*
    margin-top: 21px !important;*/

} 
.product_price {
  color: #dda093 !important;
  font-size: 20px;
  margin-bottom: 30px;
  position: relative !important;
} 
.row-one-color {
  background-color: #f2e9e3 !important;
} 
.no-cross li::before {
  content: "" !important;
} 
.no-cross {
  width: 400px;
  margin: 0 auto;
} 
.s_image_text .container {
  width: 100%;
  background-color: #fafafa !important;
} 
.s_image_text .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
} 
.s_image_text h3 {
  padding-top: 60px;
  padding-left: 10%;
} 
.s_image_text p {
  padding-left: 10%;
  padding-top: 30px;
  padding-right: 10%;
} 
.double_image {
  overflow: hidden;
  position: relative;
  height: 500px;
} 
.double_image_summ {
  overflow: hidden;
  position: relative;
  height: 650px;
} 
.double_image img {
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
} 
/*
.image_hp_1 {    
    background-image: url("https://staging.creononnails.be/web/image/152636");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
} 

*/
.easy-shortcuts-add-to-cart {
  margin: 20px auto !important;
  width: auto !important;
} 
.s_text_image .container {
  width: 100%;
  background-color: #ffffff !important;
} 
.s_text_image .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
} 
.s_text_image h3 {
  padding-top: 60px;
  padding-left: 10%;
} 
.s_text_image p {
  padding-left: 10%;
  padding-top: 30px;
  padding-right: 10%;
} 
#top_menu a[href*="https://staging.creononnails.be/page/contact"] {
  font-size: 0px;
  padding-bottom: 6px;
  padding-left: 3px;
  padding-right: 6px;
} 
#top_menu a[href*="https://staging.creononnails.be/page/contact"]:hover {
  border-top: none !important;
  border-bottom: none !important;
} 
#top_menu a[href*="/shop/cart"]:hover {
  border-top: none !important;
  border-bottom: none !important;
} 
#top_menu a[href*="https://staging.creononnails.be/page/contact"] {
  font-size: 0px;
  padding-bottom: 6px;
  padding-left: 3px;
  padding-right: 6px;
} 
#top_menu a[href*="https://staging.creononnails.be/page/contact"]:after {
  content: '\f007  ';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 22px;
} 
#top_menu a[href*="/shop/cart"]:after {
  content: '\f07a  ';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 18px;
  display: none;
} 
#top_menu > li.cart {
  margin-top: 6px !important;
  color: #040405;
} 
.my_cart_quantity {
  background-color: #DB5926;
  font-weight: normal;
  display: inline;
} 
.cart > span > a > i {
  color: #040405 !important;
} 
#top_menu li:hover > a[href*="https://staging.creononnails.be/page/contact"] {
  padding-top: 10px;
} 
#top_menu {
  font-family: Oswald, sans-serif;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
} 
.yamm .dropdown {
  font-weight: 400 !important;
} 
#top_menu > li:hover {
  background-color: white !important;
  color: #040405 !important;
} 
div.carousel div.carousel-content {
  background: none;
} 
.carousel-white:hover {
  color: #fff !important;
} 
.s_image_text ul li::before,
.s_text_image ul li::before,
.jobs_ul li::before {
  content: '\f00d';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10%;
} 
.row ul li p {
  display: inline-block;
  padding-left: 10px;
  padding-top: 10px;
} 
.s_image_text .container .row .mt16 {
  margin-top: 0px !important;
} 
.s_image_text .container .row .mb48 {
  margin-bottom: 0px !important;
} 
ul .active {
  border-top: 3px solid #040405;
  border-bottom: 3px solid #040405;
} 
#top_menu li a span:hover {
  /*
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    */

} 
.homepage_summ {
  padding-top: 50px;
  margin-bottom: 40px;
  height: 200px;
} 
#voucher_13d_code {
  border-bottom: 2px solid #040405;
  border-radius: 0px;
  margin-right: 10px;
} 
.your_order {
  background: #fafafa;
  padding: 10px;
  margin-bottom: 50px;
} 
.input-group-btn {
  left: 10px;
  font-family: Oswald;
  text-transform: UPPERCASE;
  bottom: 10px;
} 
ul .very_active {
  color: #040405;
} 
.navbar-default .navbar-nav .active a {
  background-color: #fff !important;
} 
.navbar-default {
  border-color: #e7e7e7 !important;
} 
#top_menu li {
  margin-left: 30px;
} 
.nav > li > a {
  padding: 10px 0px;
} 
#wrapwrap .navbar-default .navbar-nav > li > a {
  color: #040405 !important;
} 
.article_box {
  padding: 38px 20px;
  background-color: #f2e9e3;
  margin: 0px 20% 0px 15%;
  line-height: 37px;
  position: absolute;
  top: 42%;
  display: block;
} 
.article_text {
  font-weight: 300;
  margin: 30px 30px;
  position: relative;
  top: 160px;
  height: 550px;
  text-align: left;
} 
.article_link {
  position: relative;
  top: 120px;
  margin-left: 30px;
  text-align: left;
} 
.article_date {
  text-align: center;
  background: #040405;
  color: white;
  padding: 20px 10%;
  margin: 0px 85px;
  position: absolute;
  display: block;
  z-index: 1;
  font-size: 18px;
} 
.double_date {
  text-align: center;
  background: #040405;
  padding: 20px 20px;
  color: white !important;
  width: 150px;
  margin: 0 auto;
  font-size: 20px;
} 
.double_type {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 15px;
  padding-left: 0px !important;
  text-align: center;
  padding-top: 50px !important;
} 
.double h3 {
  padding-left: 0px;
  padding-top: 0px;
} 
.navbar-header {
  margin-top: 20px;
  margin-bottom: 20px;
} 
.navbar-toggle {
  border-color: #fff !important;
} 
.carousel-control.right {
  right: 1% !important;
} 
.carousel-control.left {
  left: 1% !important;
} 
.oe_product {
  border: 1px solid #e7e7e7;
} 
.oe_product_cart a {
  color: #040405 !important;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
} 
.oe_product section {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0px;
} 
.product_price .btn-xs {
  margin: 0px;
  width: 10px;
} 
.product_price .btn-xs .fa-shopping-cart {
  font-size: 14px;
} 
.products_pager .btn-default:first-child {
  float: left;
} 
.oe_product .product_price {
  margin: auto;
  text-align: center;
  padding: 0px;
} 
.open-hours {
  background-color: #f4f4f4;
} 
#hours {
  margin: 0 auto;
  width: 400px;
} 
.open-hours h5 {
  font-weight: 200;
  line-height: 2em;
} 
.o_rating_card {
  display: none;
} 
#product_details > h1 {
  color: #040405 !important;
  text-transform: uppercase;
} 
.oe_website_sale .row #product_details {
  border-right: 0px solid white !important;
} 
.text-muted {
  color: #040405 !important;
} 
#add_to_cart {
  border-top: 2px solid #040405 !important;
  border-bottom: 2px solid #040405 !important;
  text-transform: uppercase;
  font-family: Oswald;
  padding-left: 1px;
  padding-right: 1px;
  letter-spacing: 0.5px;
  height: auto !important;
  font-weight: 400 !important;
  color: #040405 !important;
  font-size: 16px !important;
  background-color: #fff;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
} 
#add_to_cart:hover {
  background-color: #fff !important;
} 
.fa-heart-o {
  text-align: left !important;
} 
.fa-heart {
  text-align: left !important;
  font-size: 17px;
} 
.input-group-addon {
  color: #040405;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 0px;
} 
.form-control {
  color: #040405;
  background-color: #fff;
  box-shadow: none;
  transition: none;
  border: none;
  border-bottom: 2px solid #1C1C1C;
  border-radius: 0px;
} 
.product_price .form-control {
  border-bottom: none !important;
} 
.products_pager .btn-default {
  margin-bottom: 0px !important;
} 
.row #product_details > hr {
  background-color: #fff !important;
} 
#cart_products {
  border-bottom: 2px solid #040405;
  margin-bottom: 100px;
} 
.oe_product .oe_product_image img {
  margin-top: 10px;
} 
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
} 
#products_grid > span > aside > h1 {
  text-transform: uppercase;
  margin-top: 30px;
} 
.oe_cart .table thead tr th:first-child {
  width: 400px !important;
} 
#cart_total .row span {
  padding-right: 0px;
  padding-left: 0px;
} 
#cart_total .oe_currency_value {
  padding-left: 10px !important;
} 
#cart_products .oe_currency_value {
  text-align: left;
} 
.product-single span {
  color: #fff;
} 
.product-single .product_price span span {
  color: #dda093;
} 
.easy-shortcuts-price .oe_currency_value::before {
  content: "€ ";
} 
#cart_products tbody .text-center {
  text-align: left;
} 
#delivery_carrier ul li label input {
  margin-right: 10px;
} 
#delivery_carrier ul li label .badge {
  margin-left: 20px;
} 
#delivery_carrier ul li label .text-muted {
  display: none;
} 
#delivery_carrier h4 {
  margin-bottom: 20px;
} 
#payment_method ul li label input {
  margin-right: 10px;
} 
#payment_method ul li label .badge {
  margin-left: 20px;
} 
#payment_method ul li label .text-muted {
  display: none;
} 
#payment_method img {
  margin-right: 10px;
} 
#payment_method h4 {
  margin-bottom: 20px;
  margin-top: 40px;
} 
button .fa-long-arrow-right {
  display: none;
} 
button .fa-long-arrow-left {
  display: none;
} 
.btn .fa-long-arrow-right {
  display: none;
} 
.btn .fa-long-arrow-left {
  display: none;
} 
a[data-oe-id="1214"] {
  float: left;
  border-top: 2px solid #040405;
  border-bottom: 2px solid #040405;
  text-transform: uppercase;
  font-family: Oswald;
  padding: 6px 0px;
} 
.afrond {
  margin-top: 20px;
} 
.btn-primary:focus,
.btn-primary.focus {
  color: #040405;
  background-color: #fff;
  border-color: #040405;
} 
#acquirers_list {
  margin-top: 40px;
} 
#acquirers_list p {
  margin-top: 20px;
} 
.oe_cart .js_cart_lines thead tr th:first-child {
  width: 100px !important;
} 
.yamm .dropdown.yamm-fw .dropdown-menu {
  border-top-width: 0px;
  padding-top: 0px;
  border-bottom-width: 0px;
  top: 70px;
  border-left-width: 0px;
  border-right-width: 0px;
  bottom: 0px;
} 
#td-price {
  text-align: right !important;
} 
.dropdown-menu {
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
} 
.submenu_row ul li {
  margin-left: 0px !important;
} 
.submenu_row ul li a:hover {
  border: none !important;
} 
.submenu_row a h3 {
  font-size: 16px;
} 
.submenu_row ul li p {
  padding-left: 0px;
  font-size: 13px;
} 
.contact_form div form div label:after {
  content: "" !important;
} 
@media only screen and (min-width: 767px) and (max-width: 991px) {
  .s_image_text {
    overflow: visible !important;
  }
  .s_text_image {
    overflow: visible !important;
  }
  .carousel-control {
    display: none;
  }
  .carousel-inner {
    height: 43vh;
  }
} 
@media only screen and (max-width: 767px) {
  .s_text_image ul li::before,
  .s_image_text ul li::before,
  .jobs_ul li::before {
    padding-left: 10%;
  }
  .carousel-indicators {
    display: none;
  }
  .carousel-control {
    display: none;
  }
  .s_image_text {
    overflow: visible !important;
  }
  .s_image_text p {
    padding-left: 10%;
    padding-right: 10%;
  }
  .s_image_text h3 {
    padding-left: 10%;
    padding-right: 10%;
  }
  .s_image_text .container {
    padding-bottom: 60px;
  }
  .s_text_image {
    overflow: visible !important;
  }
  .s_text_image p {
    padding-left: 10%;
    padding-right: 10%;
  }
  .s_text_image h3 {
    padding-left: 10%;
    padding-right: 10%;
  }
  .s_text_image .container {
    padding-bottom: 60px;
  }
  /*.double_image{
          max-height: 300px;
          width: auto;
      }
      */
  .carousel-content {
    margin-left: 5%;
  }
  #footer .row1 ul li {
    display: block !important;
    padding-bottom: 10px;
  }
  #user_access,
  .company-details {
    margin-bottom: 0px !important;
  }
  #col-row1-right {
    height: 50px !important;
  }
  #sale_search {
    padding-left: 0px;
  }
  #mid_info_price_lang,
  .company-header,
  #col-row1-right {
    color: black;
  }
} 
@media only screen and (min-width: 1200px) {
  .s_image_text {
    height: 50vh !important;
  }
  .article_box {
    margin: 0px 25% 0px 20%;
  }
  html[lang="fr-BE"] body #wrapwrap main #wrap .s_features div div .box_bigger {
    margin: 0px 20% 0px 15%;
  }
  .article_text {
    top: 90px;
    height: 550px;
  }
  .double_over {
    height: 520px !important;
  }
  .double_txt {
    height: 520px !important;
  }
} 
@media only screen and (max-width: 992px) {
  .homepage_summ {
    height: auto !important;
  }
  .brand_1 .homepage_summ {
    margin-bottom: 40px !important;
  }
  .article_box {
    position: inherit;
    background-color: transparent;
    top: 20px;
    margin: 0px 0px 0px 0px;
  }
  .article_text {
    position: inherit;
    top: 0px;
    margin: 30px 0px;
    height: auto;
    padding-bottom: 30px;
  }
  .article_link {
    position: inherit;
    top: 0px;
    margin-left: 0px;
  }
  .s_image_text,
  .s_text_image {
    overflow: visible !important;
    height: auto !important;
  }
  .double_txt {
    height: auto !important;
  }
} 
.oe_product .oe_product_cart:hover {
  box-shadow: none !important;
} 
#products_grid .oe_product.oe_grid section {
  background: none !important;
} 
.oe_product .product_price {
  width: 100%;
} 
--------------------------HEADER--------------------- #col-row1-right {
  height: 24px !important;
} 
img[title="Nederlands"] {
  display: none;
} 
#language_flag img {
  display: none;
} 
.language-flag {
  margin-top: 6px !important;
} 
#col-row1-right #language_flag {
  top: 0px !important;
} 
.company-details {
  text-align: right;
} 
.company-details div {
  display: inline;
} 
.company-details .fa-phone,
.company-details .fa-envelope {
  color: black;
} 
#footer .fa-phone,
.fa-envelope {
  color: white;
} 
.menu_social {
  font-size: 15px;
  text-align: right;
  margin-top: 20px;
} 
.menu_social span {
  padding-left: 16px;
} 
#currency {
  display: none;
} 
--------------------------EXTRA---------------------- .carousel-control > i {
  background: none !important;
  color: #040405;
  text-shadow: none !important;
} 
.carousel-brand a {
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
} 
#cssmenu {
  font-family: Oswald;
  font-weight: 100 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 10px;
} 
#cssmenu ul ul li a {
  font-weight: 100 !important;
} 
#cssmenu > ul > li > a:before {
  content: none !important;
} 
#cssmenu ul ul li a:before {
  content: none !important;
} 
#cssmenu ul ul li {
  padding-left: 30px;
} 
#cssmenu > ul > li > a {
  color: #040405 !important;
} 
#o_shop_collapse_category li i.fa {
  color: #040405 !important;
} 
#o_shop_collapse_category li a:hover {
  color: #040405 !important;
} 
#o_shop_collapse_category .active {
  border-bottom: 1px solid #e8e8e9;
  border-top: 0px solid #e8e8e9;
} 
#o_shop_collapse_category li .active a {
  color: #040405 !important;
} 
.footer-border container {
  width: 90%;
} 
.js_subscribe_btn {
  background: #f2e9e3;
} 
.js_subscribe_btn:hover {
  background: #f2e9e3;
} 
.js_subscribe input {
  width: 90% !important;
  background: none;
  border-bottom: 2px solid #1c1c1c;
  border-radius: 0px;
} 
#footer .row1 ul li {
  display: inline-block;
  padding-right: 20px;
} 
#footer .js_subscribe .input-group-btn {
  bottom: 0px;
} 
#footer .row1 ul li h5 {
  text-align: center;
} 
#footer .row1 {
  text-align: right;
} 
#footer .row1 .vw {
  text-align: left;
} 
#footer .row1 h5 {
  margin-top: 10px;
  font-size: 15px !important;
} 
#footer .row2 .copyright {
  text-align: left !important;
} 
#user_access,
.company-details {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
} 
#col-row1-right {
  height: 24px;
  margin-top: 10px !important;
} 
.user-header li,
.company-header li {
  display: inline-block;
  padding-right: 4%;
} 
.company-header li span {
  margin-right: 10px;
} 
.row2 p {
  color: #fff !important;
} 
strong {
  font-weight: 400;
} 
a:hover {
  color: #040405;
} 
a {
  color: #040405;
} 
.nav-tabs {
  border-bottom: none;
} 
.nav-tabs > li > a {
  text-transform: uppercase;
  color: #040405 !important;
  font-family: Oswald, sans-serif;
  letter-spacing: 2.5px;
  border: 0px !important;
} 
#products_grid > span > aside > h1 {
  padding-left: 2%;
} 
#cssmenu ul ul li a:active {
  color: #040405;
} 
.category_shadow:hover {
  box-shadow: none;
} 
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  color: #040405 !important;
} 
#o_shop_collapse_category li .active a {
  color: #7b7c7b;
} 
#cssmenu ul ul li {
  padding-left: 15px;
} 
#cssmenu ul li a {
  padding-left: 15px;
} 
#cssmenu ul ul li a {
  padding-left: 15px !important;
} 
#cssmenu ul ul ul li a {
  padding-left: 15px;
} 
#cssmenu ul ul ul ul li a {
  padding-left: 15px;
} 
#o_shop_collapse_category .active {
  border-bottom: none;
  border-top: none;
} 
#products_grid_before h3 {
  display: none;
} 
.products_pager .btn-default {
  margin-top: 10px;
  font-family: Oswald;
  text-transform: uppercase;
  padding-right: 50px;
  font-size: 20px;
  color: #040405;
  font-weight: 100;
} 
.products_pager {
  float: none !important;
} 
.irs-with-grid {
  display: none;
} 
.page-title h1 {
  letter-spacing: 1px;
} 
.products_pager .btn-default span {
  margin-right: 10px;
  font-weight: 400;
} 
.products_pager .pagination {
  float: right !important;
} 
.pagination > li > a,
.pagination > li > span {
  border: none !important;
  font-family: Oswald, sans-serif;
  color: #040405 !important;
  background: transparent !important;
  font-size: 20px !important;
  font-weight: 100;
  padding: 6px 4pt !important;
  margin: 0pt 10pt;
} 
.pagination .active a {
  border-bottom: 2px solid #040405 !important;
  font-weight: 400;
} 
.pagination [data-oe-xpath="/t[1]/ul[1]/li[1]/a[1]"] {
  font-size: 0px !important;
  padding: 16px 9pt !important;
} 
.pagination [data-oe-xpath="/t[1]/ul[1]/li[1]/a[1]"]::before {
  font-family: FontAwesome;
  content: "\f053";
  font-size: 10px;
} 
.pagination [data-oe-xpath="/t[1]/ul[1]/li[2]/a[1]"] {
  font-size: 0px !important;
  padding: 16px 9pt !important;
} 
.pagination [data-oe-xpath="/t[1]/ul[1]/li[2]/a[1]"]::after {
  font-family: FontAwesome;
  content: "\f054";
  font-size: 10px;
} 
#product_detail [data-oe-xpath="/t[1]/t[1]/div[1]/section[1]/div[2]/div[1]/h3[1]"] {
  display: none;
} 
ul.wizard {
  box-shadow: none !important;
} 
ul.wizard li.text-primary {
  color: #040405 !important;
  border-bottom: 2px solid #040405;
  font-weight: 400;
  opacity: 1 !important;
} 
ul.wizard li:first-child {
  border-radius: 0px;
} 
ul.wizard li {
  border: none;
  font-family: Oswald, sans-serif !important;
  background: #fff !important;
  text-transform: uppercase !important;
  border-radius: 0px;
  font-weight: 100;
  padding: 0 !important;
  margin: 0 10px 0 20px !important;
  opacity: 0.5 !important;
} 
ul.wizard li .chevron {
  display: none;
} 
#right_column h4 {
  font-family: Oswald, sans-serif;
} 
.list-unstyled {
  font-weight: 300;
} 
.list-unstyled li {
  margin: 10px 0px !important;
} 
#cart_products td {
  font-weight: 300;
} 
#td-price {
  padding-top: 12px;
} 
#order_total_taxes span {
  font-weight: 300;
} 
#order_total_untaxed span {
  font-weight: 300;
} 
#order_total span {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
} 
#cart_products input {
  border-bottom: none;
} 
.oe_cart input {
  border-radius: 0px;
  border-bottom: 1px solid #040405;
  padding: 6px 0px;
  font-size: 15px;
  font-weight: 300;
} 
.oe_cart select {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px !important;
  border-bottom: 1px solid #040405;
  padding: 6px 0px;
  font-size: 15px;
  font-weight: 300;
} 
.oe_cart label {
  font-family: Oswald, sans-serif;
  font-weight: 300 !important;
  text-transform: uppercase;
  font-size: 20px;
} 
.oe_cart h3 {
  display: none;
} 
.winkelmandje {
  border: none;
  border-color: #040405;
  border-top: 2px solid #040405;
  border-bottom: 2px solid #040405;
  text-transform: uppercase;
  font-family: Oswald;
  display: inline-block;
  padding: 6px 0px;
} 
.form-control:focus {
  border-color: #040405 !important;
  box-shadow: none;
} 
.page-header small {
  font-size: 0px;
  width: 0px;
} 
.page-header {
  text-align: center !important;
} 
.page-header {
  border-bottom: 2px solid #fafafa;
} 
.text-success {
  color: #040405;
} 
.voorwaarden a {
  border: none;
  text-transform: uppercase;
} 
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: none;
  box-shadow: none;
} 
.has-error .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #a94442 !important;
} 
address {
  font-weight: 300;
} 
address i {
  display: none !important;
} 
address div {
  margin-bottom: 10px;
} 
@media only screen and (max-width: 776px) {
  #top-menu:hover {
    border-top: 0px solid #040405;
    border-bottom: 0px solid #040405;
  }
  .products_pager .btn-default {
    text-align: center;
    padding-right: 0px;
    float: none;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .products_pager .btn-group {
    margin: 20px auto !important;
    float: none !important;
  }
  .pagination {
    margin: 5px auto !important;
    float: none !important;
  }
  .beleidsregels {
    margin-top: 100px;
  }
} 
@media only screen and (max-width: 992px) {
  .article_box {
    position: inherit;
    background-color: transparent;
    top: 20px;
    margin: 0px 0px 0px 0px;
  }
  .article_text {
    position: inherit;
    top: 0px;
    margin: 30px 0px;
    height: auto;
    padding-bottom: 30px;
  }
  .article_link {
    position: inherit;
    top: 0px;
    margin-left: 0px;
  }
  .company-details {
    text-align: left;
  }
  #footer .row2 .copyright {
    text-align: center !important;
  }
  #footer .row1 ul {
    margin-bottom: 20px;
  }
  #products_grid > span > aside > h1 {
    padding-left: 0%;
  }
  .menu_social {
    text-align: left;
  }
} 
@media only screen and (max-width: 1200px) {
  #footer .row1 {
    text-align: left;
  }
  #user_name_li,
  #user_sign_in_li {
    display: block;
  }
  .company-phone {
    width: 100% !important;
  }
  #col-row1-right {
    margin-top: 15px !important;
  }
} 
@media only screen and (min-width: 1200px) {
  .brand_summ {
    height: 65vh !important;
  }
} 
@media only screen and (min-width: 992px) {
  .nav li a[href="/page/alle-hoofd-categorieen"] {
    display: none;
  }
  .nav li a[href="/fr_BE/page/alle-hoofd-categorieen"] {
    display: none;
  }
  .nav li a[href="/en_US/page/alle-hoofd-categorieen"] {
    display: none;
  }
  .nav .dropdown {
    display: block;
  }
} 
@media (min-width: 992px) {
  #products_grid_before {
    right: 75%;
  }
  #products_grid {
    left: 25%;
  }
} 
/* extra */
.oe_search_box {
  background-color: transparent !important;
} 
.oe_search_button {
  background-color: transparent !important;
  border: 0px solid #fff;
} 
.oe_search_button .fa-search:before {
  color: black !important;
} 
#sale_search > form > div > span > .oe_search_button:hover {
  background-color: transparent !important;
} 
#sale_search {
  left: 0px !important;
} 
#cssmenu ul li a[href="/shop/category/nieuw-434"] {
  display: block;
} 
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #F1E9E4 !important;
} 
#owl-carousel0 .product_price b span[itemprop="price"] {
  Display: initial !important;
} 
#owl-carousel0 .product_price b span[itemprop="priceCurrency"] {
  Display: none;
} 
#owl-carousel0 .product_price b .oe_currency_value {
  Display: none;
} 
#owl-carousel0 .product-single span {
  color: inherit;
  margin-right: 5px;
} 
.terms-condition .checkbox div label {
  color: #040405;
  margin-left: 0px !important;
} 
.terms-condition .checkbox div {
  display: inline-block;
} 
.terms-condition .checkbox div a {
  margin-left: 5px;
  border-bottom: 2px solid black;
  padding-bottom: 5px;
  font-family: "Oswald";
  font-weight: 400;
  text-transform: uppercase;
} 
#term_cond {
  position: initial;
  margin: 0px;
} 
.terms-condition .checkbox {
  margin-left: 0px !important;
} 
@media only screen and (max-width: 360px) {
  #mid_info_price_lang,
  .company-header,
  #col-row1-right {
    font-size: 12px;
  }
} 


/* /theme_creononnails/static/src/less/ecommerce/single_product_template.less defined in bundle 'website.assets_frontend' */

.homepage-bar h4 {
  line-height: .4;
  font-size: 15px;
} 
#add_to_cart {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
} 
#add_to_cart:hover {
  background-color: #9adfda;
} 
.breadcrumb {
  font-size: 13px;
} 
.breadcrumb > li + li:before {
  content: "\003E" !important;
} 
.breadcrumb > li > a {
  color: #777 !important;
  font-weight: bold;
} 
#product_details {
  border-right: 1px solid #ccc !important;
} 
@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%;
    height: 300px;
    display: inline-block;
  }
  .products_pager .pagination {
    margin: 5px auto !important;
  }
} 
#product_details > hr {
  background-color: #fc639b !important;
  padding-bottom: 1px !important;
} 
#product_details > h1 {
  font-size: 22px;
} 
#product_details > div.product_price > h4.oe_price_h4.css_editable_mode_hidden > span.text-danger.oe_default_price.oe_old_prc {
  margin-left: 90px;
  font-size: 20px;
} 
.old-price {
  color: #a94442 !important;
} 
#product_details > form > div > div.oe_share.s_share.mt8 > h2 > a > i {
  color: black;
} 
#product_details > form > div > div.oe_share.s_share.mt8 > h2 > a > i:hover {
  color: #fc639b !important;
} 
#added_wishlist_hide {
  margin-top: -8px;
} 
.product-mini {
  float: left !important;
  margin-bottom: 10px !important;
  padding-bottom: 6px;
} 
.product-price-mini {
  margin-left: 114px !important;
  padding-bottom: 76px!important;
} 
.product-price-mini .text-danger {
  color: #333333 !important;
} 
.s_grid_images .product-price-mini {
  padding-bottom: 114px ! important;
} 
.product-price-mini > h6 > strong > a {
  color: #333333 !important;
} 
.product-price-mini:hover > h6 > strong > a {
  color: #fc639b !important;
} 
.product-list .product-single {
  border: none !important;
} 
#product_details .hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 4px solid black;
} 
#product_details > form > div > div.oe_share.s_share {
  margin-top: 10px;
} 
#product_details > form > div > div.oe_share.s_share > h2 > a > i {
  color: #333333 !important;
} 
#product_details > form > div > div.oe_share.s_share > h2 > a > i:hover {
  color: #fc639b !important;
} 
#product_price_section > h1 {
  font-size: 22px;
  color: #fc639b;
} 
#on_click_change_lable > i {
  color: #333333 !important;
} 
.suggested-product {
  color: #333333 !important;
} 
@media (max-width: 362px) {
  #products_grid > div.products_pager > div > div > button {
    margin-left: 9px;
  }
} 
@media (max-width: 400px) {
  .homepage-bar h4 {
    font-size: 13px !important;
    /*margin:0px 10px;*/
  
    margin: -4px 10px 4px 11px;
    line-height: 1 !important;
  }
  .homepage-bar p {
    margin: 5px 10px;
    line-height: 1.5 !important;
  }
  /*---------Add To Cart Page-----------*/
  #modal_optional_products table:last-child td:last-child {
    overflow: inherit !important;
  }
} 
@media (max-width: 768px) {
  .homepage-bar h4 {
    line-height: 0.9 !important;
  }
} 
.text-muted {
  color: #333333;
} 
.oe_website_sale .oe_website_spinner {
  margin: 0 !important;
} 
#product_details > div.o_rating_card > div > ul {
  text-align: left;
  margin-left: 1px;
} 


/* /theme_creononnails/static/src/less/ecommerce/single_product_tab_template.less defined in bundle 'website.assets_frontend' */

#product_details > h1 {
  color: #fc639b;
} 
ol,
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
} 
.tab-container .nav-tabs {
  border-bottom: none;
} 
.tab-container.left,
.tab-container.right {
  border: 1px solid #dcdcdc;
} 
.tab-container.left .nav-tabs {
  background: #fafafa;
  border-right: 1px solid #dcdcdc;
} 
.tab-container.right .nav-tabs {
  background: #fafafa;
  border-left: 1px solid #dcdcdc;
} 
.tab-container.left .nav-tabs {
  float: left;
  border-bottom: none;
} 
.tab-container.right .nav-tabs {
  float: right;
  border-bottom: none;
} 
.tab-container .nav-tabs > li {
  font: 700 16px/20px Gudea, Arial, sans-serif;
  color: #666;
  border-right: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
} 
.tab-container.reverse .nav-tabs > li {
  border-top: none;
} 
.tab-container .nav-tabs > li:first-child {
  border-left: 1px solid #dcdcdc;
} 
.tab-container.left .nav-tabs > li,
.tab-container.right .nav-tabs > li {
  float: none;
  border-top-color: transparent;
  border-right-color: transparent;
} 
.tab-container.left .nav-tabs > li:first-child,
.tab-container.right .nav-tabs > li:first-child {
  border-left-color: transparent;
} 
.tab-container .nav-tabs > li > a {
  display: block;
  padding: 20px 20px 20px 30px;
  margin-right: 0;
  line-height: inherit;
  border: 1px solid transparent;
  border-bottom-color: #dcdcdc;
  border-radius: 0;
  color: #666;
  background: #fafafa;
  -webkit-transition: background 0.2s ease-in;
  -moz-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  -ms-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
} 
.tab-container .nav-tabs.nav-justified > li > a {
  border-bottom: none;
} 
.tab-container .nav-tabs.nav-justified > li.active,
.tab-container .nav-tabs.nav-justified > li.active > a {
  border-bottom-color: transparent;
  margin-bottom: -1px;
} 
.tab-container.left .nav-tabs > li > a,
.tab-container.right .nav-tabs > li > a {
  min-width: 280px;
} 
.tab-container .nav-tabs > li > a:hover {
  background: #fc639b;
  color: #333333;
} 
.tab-container .nav-tabs > li.active > a,
.tab-container .nav-tabs > li.active > a:focus,
.tab-container .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background: #fff;
  border: 1px solid transparent;
  border-right-color: #dcdcdc;
} 
.tab-container .nav-tabs > li.active {
  border-right: none;
} 
.tab-container.reverse .nav-tabs > li.active {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 0;
  margin-top: -1px;
} 
.tab-container.left .nav-tabs > li.active > a,
.tab-container.right .nav-tabs > li.active > a {
  border-bottom-color: #dcdcdc;
} 
.tab-container.left .nav-tabs > li.active,
.tab-container.left .nav-tabs > li.active > a {
  border-right: none;
  margin-right: -1px;
} 
.tab-container.right .nav-tabs > li.active,
.tab-container.right .nav-tabs > li.active > a {
  border-left: none;
  border-right-color: transparent;
  margin-left: -1px;
} 
.tab-container.left .nav-tabs li:last-child,
.tab-container.right .nav-tabs li:last-child {
  margin-bottom: 0;
} 
.tab-container .tab-content {
  padding: 0 50px;
  width: 100%;
  color: #777;
  border: 1px solid #dcdcdc;
} 
.tab-container.left .tab-content {
  padding: 0 50px 0 330px;
  border: none;
} 
.tab-container.right .tab-content {
  padding: 0 330px 0 50px;
  border: none;
} 
.tab-container .tab-content .tab-pane {
  padding: 20px 0;
} 


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

.o_default_snippet_text {
  color: #333333;
} 
.row-one-color {
  background-color: #f4f4f4;
  font-size: 13px !important;
} 
.class-row-2 {
  font-size: 13px;
} 
#row2 {
  display: none;
} 
.yamm .collapse,
.yamm .dropdown,
.yamm .dropup,
.yamm .nav {
  position: static;
  font-weight: 600;
} 
.yamm .yamm-content {
  padding: 21px 9px;
} 
.yamm .dropdown.yamm-sw .dropdown-menu {
  left: 267px;
  right: 300px;
} 
.yamm-content ul li {
  padding-bottom: 5px;
} 
.bullets > li {
  padding-left: 10px;
  transition: background-position 150ms ease-out;
  -moz-transition: background-position 150ms ease-out;
  -webkit-transition: background-position 150ms ease-out;
  font-weight: 500;
} 
.bullets > li:hover {
  background-position: 0px 10px;
} 
.navbar-default .navbar-nav > .active > a {
  color: #FFF!important;
} 
header a.navbar-brand.logo {
  padding: 0 0px;
} 
#top_menu .list-unstyled .bullets > li > a > span:hover {
  color: #fc639b !important;
} 
#top_menu .list-unstyled > li > a > span {
  color: #333333 !important;
} 
.navbar-default .navbar-nav > li:hover {
  color: #FFF!important;
  background-color: #fc639b !important;
} 
.cart > span > a > i {
  color: #333333;
  text-decoration: none;
} 
#top_menu > li.cart {
  background: none !important;
} 
.cart > span > a > i:hover {
  color: #333333;
  text-decoration: none;
  background-color: none !important;
} 
.cart > span > a > :hover {
  background-color: none !important;
} 
.cart {
  top: -3px !important;
} 
.navbar.navbar-static-top {
  margin-bottom: 0;
} 
.company-info-custom {
  font-size: 13px !important;
  top: 0px;
} 
.currency-btn {
  margin-top: 1px;
  color: #333333;
} 
.currency-btn .dropdown-menu {
  z-index: 2000 !important;
} 
.currency-btn > div > a {
  font-size: 13px;
} 
#currency > div > ul {
  min-width: 5pc !important;
} 
#currency > div > ul > li > a > span {
  font-size: 13px;
} 
#sale_search {
  top: -1px;
  left: 12px;
} 
#sale_search > form > div > span > button > i {
  color: #fc639b !important;
} 
#sale_search > form > div > span > button:hover {
  background-color: #fc639b !important;
} 
#sale_search > form > div > span > button:hover > i {
  color: #ffffff !important;
} 
#sale_search > form > div > div > input {
  height: 33px !important;
  font-size: 13px !important;
} 
#sale_search > form > div > span > button {
  font-size: 13px !important;
} 
.wish-list {
  right: -41px;
} 
.link > a:hover {
  color: #fc639b !important;
} 
#currency > div > ul > li > a:hover {
  background-color: #fc639b;
  color: white;
} 
#currency > div > a > span {
  margin-left: 5px !important;
} 
#language_flag {
  top: 3px !important;
} 
#language_flag .dropdown-menu {
  z-index: 10001 !important;
  text-decoration: none !important;
} 
#language_flag > div > li > a {
  text-decoration: none !important;
} 
#language_flag > div > ul > li > a > span.caret {
  color: #333333;
} 
.margin-menu-8 {
  margin-top: 8px !important;
} 
@media (max-width: 362px) {
  #sale_search {
    padding: 0px 0px 0px 0px;
    margin-bottom: 6px !important;
  }
  #top_menu > li.cart {
    margin-left: 17px;
  }
} 
@media (max-width: 362px) {
  .navbar-toggle {
    left: 9px !important;
  }
} 
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #ddd !important;
    border: 0;
    box-shadow: none;
  }
} 
@media (max-width: 768px) {
  .nav > li > a {
    padding: 10px 6px !important;
  }
  #sale_search {
    float: left !important;
    left: 0px !important;
  }
} 


/* /theme_creononnails/static/src/less/ecommerce/product_template.less defined in bundle 'website.assets_frontend' */

.oe_product_height {
  min-height: 400px !important;
} 
.oe_category_height {
  min-height: 300px !important;
} 
.oe_category_height section {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 0 15px 14px 10px;
  min-height: 0px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.75);
  z-index: 5;
} 
.oe_product {
  position: relative;
  margin: 10px 10px;
  padding: 0px 0px 0px 0px;
} 
.theme-products-grid .oe_product {
  width: 30%;
} 
.category_image {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 15px;
  bottom: 55px;
  text-align: center;
} 
.category_image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
} 
@media (max-width: 768px) {
  .oe_product {
    position: relative;
    margin: 0px 0px 0px 0px !important;
    width: 30%;
    padding: 0px 0px 0px 0px;
  }
  .products_pager {
    margin: 10px !important;
  }
  .products_pager > ul {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
} 
.oe_product .oe_product_cart:hover {
  background-color: white;
  box-shadow: 0px 1px 10px 2px #fc639b;
  /* opacity:0.7;*/

} 
.product_price {
  color: #fc639b;
} 
.oe_product_cart a:focus,
.oe_product_cart a:hover {
  color: #fc639b;
  text-decoration: none;
} 
.oe_product_cart a {
  color: #333333;
  text-decoration: none;
  font-size: 16px;
} 
.oe_old_prc {
  white-space: nowrap;
  float: right;
  margin-left: 18px;
} 
.oe_product .ribbon {
  font: 20px Sans-Serif !important;
  color: white;
  text-align: center;
  -webkit-transform: none !important;
  position: relative;
  padding: 17px 0 !important;
  left: 23px ! important;
  top: 5px ! important;
  cursor: default;
} 
.latest-product-price-container {
  display: block;
  background: #fc639b;
  font: 700;
  color: #fff;
  width: 45pt !important;
  height: 44pt !important;
  position: absolute;
  bottom: 151px;
  border-radius: 500px;
  z-index: 5;
  padding-top: 30px;
  border: none serif;
} 
.oe_product .ribbon-wrapper {
  display: block !important;
} 
.carousel-price-hover:hover {
  color: #fc639b;
} 
.o_rating_card ul.rating li .o_rating_star_card .stars i {
  margin-right: -3px;
  text-align: center;
  font-size: 1.2em;
  color: black;
} 
#products_grid > div.products_pager > div > div > button {
  font-size: 13px;
} 
#products_grid > div.products_pager {
  margin-left: 6px;
} 
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 9pt;
  line-height: 1.5;
  text-decoration: none;
  color: #333333;
  background-color: #f5f5f5;
  font-size: 12px;
  border: 1px solid #ddd;
  margin-left: -1px;
} 
@media (max-width: 786px) {
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 9px;
    line-height: 1.5;
    text-decoration: none;
    color: #333333;
    background-color: #f5f5f5;
    font-size: 10px;
    border: 1px solid #ddd;
    margin-left: -1px;
  }
} 
.pagination > .active > a {
  background-color: #e5e5e5;
  color: #333333;
  border-color: #e5e5e5;
} 
.products_pager > ul {
  margin-left: auto;
  margin-right: auto;
  float: right;
} 
.products_pager > div > ul {
  padding-left: 10px;
  margin-top: 0px;
  float: left;
} 
.products_pager > div > .btn-group {
  vertical-align: middle;
  float: left;
  padding: 0;
} 
#products_grid > div.products_pager > div > div > ul > li > a > span {
  font-size: 13px !important;
} 
#products_grid_before > form > li > ul > li {
  font-size: 14px;
} 
#products_grid > span > aside > h1 {
  font-size: 28px;
  margin-left: 8px;
} 
.old-price {
  color: #333333 !important;
} 
@media (max-width: 400px) {
  #products_grid .oe_product section {
    background: none !important;
  }
} 
/*------------------------------v9-Enhance Changes---------------*/
.products_pager {
  float: right;
  margin-top: 16px;
} 
.fa.fa-heart-o {
  font-size: 17px;
} 


/* /theme_creononnails/static/src/less/ecommerce/product_collapse_categories_template.less defined in bundle 'website.assets_frontend' */

#cssmenu {
  position: relative;
  margin: 0;
  line-height: 1;
  background: transparent;
} 
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
} 
#cssmenu ul li {
  border-bottom: 1px solid #e8e8e9;
  float: left;
  line-height: 40px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
} 
#cssmenu ul li:last-child {
  border-bottom: transparent !important;
} 
#cssmenu ul li:last-child > a {
  padding-bottom: 18px;
} 
#cssmenu ul li a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #777;
  background-color: transparent;
} 
#cssmenu ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
} 
#cssmenu ul > li.has-sub.open > a::before {
  opacity: 1;
  bottom: -12px;
} 
#cssmenu ul ul {
  display: none;
} 
#cssmenu ul ul li a {
  display: block;
  position: relative;
  font-size: 15px;
  color: #777777;
  font-weight: 400;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  width: 80%;
} 
#cssmenu ul ul li:first-child > a {
  padding-top: 0px;
} 
#cssmenu ul ul ul li {
  border: 0;
} 
#cssmenu ul ul ul li a {
  padding-left: 30px;
} 
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
} 
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
} 
#cssmenu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
} 
#cssmenu > ul > li > a {
  color: #333333;
  display: block;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
} 
#cssmenu > ul > li > a:before {
  color: #909295;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 10px;
} 
.align-right {
  float: right;
} 
#cssmenu  > ul  > li:hover  > a,
#cssmenu  > ul  > li.open  > a,
#cssmenu  > ul  > li.active  > a {
  color: #fc639b;
  background: none;
} 
#cssmenu ul  > li:hover::after,
#cssmenu ul  > li.active::after,
#cssmenu ul  > li.open::after {
  border-top-color: #fc639b;
} 
#cssmenu ul ul li:hover  > a,
#cssmenu ul ul li.open  > a,
#cssmenu ul ul li.active  > a {
  color: #fc639b;
} 
#cssmenu ul ul li a:before {
  color: #909295;
  content: "-";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 10px;
  padding-left: 10px;
} 
#cssmenu ul ul  > li:hover::after,
#cssmenu ul ul  > li.active::after,
#cssmenu ul ul  > li.open::after {
  border-top-color: #fc639b;
} 
.accordian-header {
  padding: 15px 10px;
  margin: 0px;
  color: black;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
} 
.nav-pills > li > a {
  border-radius: 0px;
} 
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: transparent;
} 
#o_shop_collapse_category li i.fa {
  color: #fc639b;
} 
.irs-bar {
  height: 10px;
  top: 33px;
  border-top: 1px solid #fc639b !important;
  border-bottom: 1px solid #fc639b !important;
  background: #428bca;
  background: linear-gradient(to top, #fc639b 0%, #fc639b 100%) !important;
} 
.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #fc639b !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
} 
/*------------Attribute Filter------------*/
#products_grid_before > form > li > ul > li > label > span {
  color: #333333;
} 
#products_grid_before > form > li > div {
  color: #333333;
} 
#products_grid_before > h4 {
  color: #333333;
} 
#products_grid_before > div {
  color: #333333;
} 
/*------------Padding Between Two li------------*/
#products_grid_before > form > li > ul > li {
  padding: 5px !important;
} 


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

#footer .bullets > li {
  background: url(/theme_creononnails/static/src/img/bullet.png) 0px 8px no-repeat;
  padding-left: 10px;
  transition: background-position 150ms ease-out;
  -moz-transition: background-position 150ms ease-out;
  -webkit-transition: background-position 150ms ease-out;
  font-weight: 500;
} 
#footer .bullets > li:hover {
  background-position: 0px 6px;
} 
#footer .navbar-default .navbar-nav > .active > a {
  color: #FFF!important;
  /*background-color: @color-primary !important;*/

  /*border-bottom: 3px solid @color-primary;*/

  /*text-decoration:underline;*/

} 
#footer > section > div > div > div > li > a {
  font-size: 15px !important;
} 
#footer > section > div > div > div > li > a:hover {
  color: #fc639b;
} 
.footer-content-color-about:hover {
  color: #fc639b;
} 
#footer .bullets li > a {
  /* color:transparent !important;*/

} 
#footer .list-inline > li > a {
  color: #888 !important;
} 
#footer .list-inline > li > a:hover {
  color: #fc639b !important;
} 
#footer .bullets h4 {
  font-size: 19px !important;
} 
.footer-about-us {
  top: 0px !important;
} 
.row1 h5 {
  font-size: 18px !important;
  text-transform: uppercase;
} 
.row1 {
  background: #f2e9e3;
} 
.row2 {
  background: #000;
} 
.row2 p {
  color: #fff;
  font-size: 15px;
} 
.row2 i {
  margin-right: 10px;
} 


/* /website_twitter/static/src/css/website.twitter.css defined in bundle 'website.assets_frontend' */
.wrap-row{position: relative; overflow: hidden; height: 310px;} .wrap-row .twitter-row{position: absolute; width: 100%; height: auto;} .wrap-row .twitter-row div.scrollWrapper{position: relative; overflow: hidden; width: 100%; height: 100%;} .wrap-row .twitter-row div.scrollableArea{position: relative; width: auto; height: 100%;} .wrap-row .twitter-row div .tweet{border: 1px solid #cccccc; max-width: 500px; width: 500px; font-size: 0.8em; padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; float: left; display: block; margin: 6px; max-height: 90px; height: 90px; opacity: 0.6;} .wrap-row .twitter-row div .tweet h4, .wrap-row .twitter-row div .tweet p{padding: 0; margin: 0;} .wrap-row .twitter-row div .tweet .left{display: block; float: left; width: 80px;} .wrap-row .twitter-row div .tweet .left img{width: 65px; height: auto; float: left; display: block; margin: 0px 5px 0px -5px;} .wrap-row .twitter-row div .tweet .right{display: block; float: left; width: 470px;} .wrap-row .twitter-row div .tweet .right .top{height: 20px;} .wrap-row .twitter-row div .tweet h4{font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: black; float: left; display: block; position: relative; margin-left: 70px; margin-top: -65px;} .wrap-row .twitter-row div .tweet h4 span{color: #cccccc; font-weight: bold; font-size: 14px;} .wrap-row .twitter-row div .tweet p{line-height: 1.5em; float: left; position: relative; display: block;} .wrap-row .twitter-row div .tweet .date{float: right; line-height: 0.5em; margin-top: -60px; margin-right: -10px;} .wrap-row .twitter-row div .tweet .right .bottom p{margin-top: -65px; margin-left: 70px; font-size: 12px; word-break: break-word;} .wrap-row .twitter-row div .tweet:hover{-webkit-box-shadow: 0.5px 0.5px 0.5px 1px #428bca; -moz-box-shadow: 0.5px 0.5px 0.5px 1px #428bca; box-shadow: 0.5px 0.5px 0.5px 1px #428bca; cursor: pointer; opacity: 1;} @media screen and (max-width: 580px){.wrap-row{position: relative; overflow: hidden; height: 100px;}} 

/* /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;} 

/* /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%;
} 

/* /website_product_label/static/src/css/product_label.css defined in bundle 'website.assets_frontend' */
 .topleft , .topcenter, .topright{top:0%; z-index: 6; position: absolute;} .topcenter{left: 38%; text-align: center;} .topright{right: 0%; text-align: right;} .bottomleft , .bottomcenter, .bottomright{bottom:0%; z-index: 6; position: absolute;} .bottomcenter{left:38%; text-align: center;} .bottomright{text-align: right; right: 0%} .centerleft, .center, .centerright{position: absolute; top: 50%; z-index: 10;} .center{text-align: center; left: 38%;} .centerright{right: 0%; text-align: right;}