@import "/projects/les-inde/pub/fonts/crimson.css";
@import "/projects/les-inde/pub/fonts/gotham.css";
.pov-z-popin {
z-index: 100001000;
}
.pov-z-popin-disabler {
z-index: 100000900;
}
.pov-z-admin-message {
z-index: 20000000;
}
.pov-z-nav-fixed {
z-index: 100000;
}
.pov-z-content-over {
z-index: 10000;
}
.no-animation {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
@keyframes blink {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
@-webkit-keyframes blink {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
[FORMAT_STRING_MULTI_LINE] {
white-space: pre-line;
}
body.pov-human-admin [FORMAT_STRING_MULTI_LINE] > * {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
img[src='/res/im/1pxTransparent.gif'] {
display: none;
}
.icomoon-14 {
font-size: 14px;
}
.icomoon-16 {
font-size: 16px;
}
.icomoon-24 {
font-size: 24px;
}
.icomoon-28 {
font-size: 28px;
}
.icomoon-32 {
font-size: 32px;
}
.icomoon-36 {
font-size: 32px;
}
.icomoon-48 {
font-size: 48px;
}
.icomoon-64 {
font-size: 64px;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-justify {
text-align: justify;
}
@media (max-width: 768px) {
.text-center-xs {
text-align: center;
}
.text-right-xs {
text-align: right;
}
.text-left-xs {
text-align: left;
}
.text-justify-xs {
text-align: justify;
}
}
@media (min-width: 768px) {
.text-center-sm {
text-align: center;
}
.text-right-sm {
text-align: right;
}
.text-left-sm {
text-align: left;
}
.text-justify-sm {
text-align: justify;
}
}
@media (min-width: 992px) {
.text-center-md {
text-align: center;
}
.text-right-md {
text-align: right;
}
.text-left-md {
text-align: left;
}
.text-justify-md {
text-align: justify;
}
}
@media (min-width: 1200px) {
.text-center-lg {
text-align: center;
}
.text-right-lg {
text-align: right;
}
.text-left-lg {
text-align: left;
}
.text-justify-lg {
text-align: justify;
}
}
.divide-text-horizontal > *:after {
content: " | ";
opacity: 0.5;
filter: alpha(opacity=50);
}
.divide-text-horizontal > *:last-child:after {
content: "";
}
/*
Button name
*/
.switch {
/*
@w:100px;
@h:40px;
@radius:18px;
@padding:3px;
*/
position: relative;
display: inline-block;
vertical-align: top;
width: 60px;
height: 20px;
background-color: white;
border-radius: 20px;
box-shadow: inset 0 -1px #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer;
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff 25px);
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff 25px);
background-image: -o-linear-gradient(top, #eeeeee, #ffffff 25px);
background-image: linear-gradient(to bottom, #eeeeee, #ffffff 25px);
}
.switch .switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.switch .switch-input:checked ~ .switch-label {
background: #31d82b;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch .switch-input:checked ~ .switch-label:before {
opacity: 0;
}
.switch .switch-input:checked ~ .switch-label:after {
opacity: 1;
}
.switch .switch-input:checked ~ .switch-handle {
left: 41px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch .switch-label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity background 0.15s ease-out;
-moz-transition: opacity background 0.15s ease-out;
-o-transition: opacity background 0.15s ease-out;
transition: opacity background 0.15s ease-out;
}
.switch .switch-label:before,
.switch .switch-label:after {
position: absolute;
top: 50%;
margin-top: -0.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
}
.switch .switch-label:before {
content: attr(data-off);
right: 11px;
color: #aaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch .switch-label:after {
content: attr(data-on);
left: 11px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
}
.switch .switch-handle {
position: absolute;
top: 1px;
left: 2px;
width: 18px;
height: 18px;
background: white;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
background-image: -webkit-linear-gradient(top, #ffffff 40%, #f0f0f0);
background-image: -moz-linear-gradient(top, #ffffff 40%, #f0f0f0);
background-image: -o-linear-gradient(top, #ffffff 40%, #f0f0f0);
background-image: linear-gradient(to bottom, #ffffff 40%, #f0f0f0);
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.switch .switch-handle:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: #f9f9f9;
border-radius: 6px;
-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
-moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
}
.switch.switch-80 {
width: 80px;
}
.switch.switch-80 .switch-input:checked ~ .switch-handle {
left: 61px;
}
.switch.switch-90 {
width: 90px;
}
.switch.switch-90 .switch-input:checked ~ .switch-handle {
left: 71px;
}
.btn-facebook {
background-color: #3b5998 !important;
color: #fff !important;
}
.btn-facebook:hover {
background-color: #1e2e4f !important;
color: #fff !important;
}
.btn-twitter {
background-color: #33ccff !important;
color: #fff !important;
}
.btn-twitter:hover {
background-color: #0099cc !important;
color: #fff !important;
}
.btn-google {
background-color: #dd4b39 !important;
color: #fff !important;
}
.btn-google:hover {
background-color: #96271a !important;
color: #fff !important;
}
.btn-linkedin {
background-color: #4875b4 !important;
color: #fff !important;
}
.btn-linkedin:hover {
background-color: #2b466b !important;
color: #fff !important;
}
.btn-pinterest {
background-color: #910101 !important;
color: #fff !important;
}
.btn-pinterest:hover {
background-color: #2c0000 !important;
color: #fff !important;
}
.btn-instagram {
background-color: #517fa4 !important;
color: #fff !important;
}
.btn-instagram:hover {
background-color: #2f4a60 !important;
color: #fff !important;
}
.btn-youtube {
background-color: #e52d27 !important;
color: #fff !important;
}
.btn-youtube:hover {
background-color: #941612 !important;
color: #fff !important;
}
.txt-facebook {
color: #3b5998 !important;
}
a.txt-facebook:hover {
color: #1e2e4f !important;
}
.txt-twitter {
color: #33ccff !important;
}
a.txt-twitter:hover {
color: #0099cc !important;
}
.txt-google {
color: #dd4b39 !important;
}
a.txt-google:hover {
color: #96271a !important;
}
.txt-linkedin {
color: #4875b4 !important;
}
a.txt-linkedin:hover {
color: #2b466b !important;
}
.txt-pinterest {
color: #910101 !important;
}
a.txt-pinterest:hover {
color: #2c0000 !important;
}
.txt-instagram {
color: #517fa4 !important;
}
a.txt-instagram:hover {
color: #2f4a60 !important;
}
.txt-youtube {
color: #e52d27 !important;
}
a.txt-youtube:hover {
color: #941612 !important;
}
a.txt-hover-facebook:hover {
color: #3b5998 !important;
}
a.txt-hover-twitter:hover {
color: #33ccff !important;
}
a.txt-hover-google:hover {
color: #dd4b39 !important;
}
a.txt-hover-linkedin:hover {
color: #4875b4 !important;
}
a.txt-hover-pinterest:hover {
color: #910101 !important;
}
a.txt-hover-instagram:hover {
color: #517fa4 !important;
}
a.txt-hover-youtube:hover {
color: #e52d27 !important;
}
a.bg-hover-facebook:hover {
background-color: #3b5998 !important;
}
a.bg-hover-twitter:hover {
background-color: #33ccff !important;
}
a.bg-hover-google:hover {
background-color: #dd4b39 !important;
}
a.bg-hover-linkedin:hover {
background-color: #4875b4 !important;
}
a.bg-hover-pinterest:hover {
background-color: #910101 !important;
}
a.bg-hover-instagram:hover {
background-color: #517fa4 !important;
}
a.bg-hover-youtube:hover {
background-color: #e52d27 !important;
}
.bg-facebook {
background-color: #3b5998 !important;
color: #fff !important;
}
.bg-twitter {
background-color: #33ccff !important;
color: #fff !important;
}
.bg-google {
background-color: #dd4b39 !important;
color: #fff !important;
}
.bg-linkedin {
background-color: #4875b4 !important;
color: #fff !important;
}
.bg-pinterest {
background-color: #910101 !important;
color: #fff !important;
}
.bg-instagram {
background-color: #517fa4 !important;
color: #fff !important;
}
.bg-youtube {
background-color: #e52d27 !important;
color: #fff !important;
}
.blink {
-webkit-animation: blink 0.5s linear infinite;
-moz-animation: blink 0.5s linear infinite;
animation: blink 0.5s linear infinite;
}
[data-pov-get-template] {
display: none;
}
.pov-flag .pov-flag-down-block {
display: block;
}
.pov-flag .pov-flag-down-inline {
display: inline;
}
.pov-flag .pov-flag-down-inline-block {
display: inline-block;
}
.pov-flag .pov-flag-down-none {
display: none;
}
.pov-flag.pov-flag-up .pov-flag-up-block {
display: block;
}
.pov-flag.pov-flag-up .pov-flag-up-inline {
display: inline;
}
.pov-flag.pov-flag-up .pov-flag-up-inline-block {
display: inline-block;
}
.pov-flag.pov-flag-up .pov-flag-up-none {
display: none;
}
.zero-height-container {
display: block;
height: 0px;
position: relative;
z-index: 10000;
}
.w-100pc {
width: 100%;
}
.table.table-no-border > thead > tr > th,
.table.table-no-border > tbody > tr > th,
.table.table-no-border > tfoot > tr > th,
.table.table-no-border > thead > tr > td,
.table.table-no-border > tbody > tr > td,
.table.table-no-border > tfoot > tr > td {
border-top: 0px solid transparent;
}
.hover-or-not .hover-visible {
display: none;
}
.hover-or-not:hover .hover-visible {
display: block;
}
.hover-or-not:hover .hover-hidden {
display: none;
}
.admin-show .hover-visible {
display: none;
}
.admin-show:hover .hover-visible {
display: none !important;
}
.admin-show:hover .hover-hidden {
display: block !important;
}
[data-nav-ajax-link] {
cursor: pointer;
}
a {
outline: none;
}
a:active,
a:focus {
outline: none;
text-decoration: none;
color: inherit;
}
.img-responsive {
transform: rotate(0.0001deg);
}
.transi {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.transi.transi-02s {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.ov-h {
overflow: hidden;
}
.ov-xh {
overflow-x: hidden;
}
.ov-yh {
overflow-y: hidden;
}
.ov-v {
overflow: visible;
}
.text-italic {
font-style: italic !important;
}
.text-underline {
text-decoration: underline !important;
}
.text-bold {
font-weight: bold !important;
}
.visible-if-alone {
display: none;
}
.visible-if-alone:first-child:last-child {
display: block;
}
[data-display='none'] {
display: none;
}
[data-bg-src] {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hover-toggler .hover-toggler-hide {
display: none;
}
.hover-toggler:hover .hover-toggler-show,
.hover-toggler.active .hover-toggler-show {
display: none;
}
.hover-toggler:hover .hover-toggler-hide,
.hover-toggler.active .hover-toggler-hide {
display: block;
}
.hover-toggler:hover .hover-toggler-hide.hover-inline,
.hover-toggler.active .hover-toggler-hide.hover-inline {
display: inline;
}
.hover-toggler:hover .hover-toggler-hide.hover-inline-block,
.hover-toggler.active .hover-toggler-hide.hover-inline-block {
display: inline-block;
}
.file-uploader-wrapper {
display: inline-block;
overflow: hidden;
position: relative;
cursor: pointer;
}
.file-uploader-wrapper input[type='file'] {
opacity: 0;
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
top: 0px;
left: 0px;
}
.d-inline-block {
display: inline-block !important;
}
.d-inline {
display: inline !important;
}
.d-block {
display: block !important;
}
.hidden {
display: none !important;
}
.no-decoration {
text-decoration: none !important;
}
.cursor-pointer {
cursor: pointer;
}
.not-selectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.text-selectable {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
@media (max-width: 767px) {
body {
padding-left: 0px;
padding-right: 0px;
}
.phone-container {
padding-left: 20px;
padding-right: 20px;
}
}
[class*="span"] .marged {
margin-left: -10px;
margin-right: -10px;
}
[class*="span"] .padded {
padding-left: 10px;
padding-right: 10px;
}
.pl10 {
padding-left: 100px;
}
.pr10 {
padding-right: 100px;
}
.pt10 {
padding-top: 100px;
}
.pb10 {
padding-bottom: 100px;
}
.pl9 {
padding-left: 90px;
}
.pr9 {
padding-right: 90px;
}
.pt9 {
padding-top: 90px;
}
.pb9 {
padding-bottom: 90px;
}
.pl8 {
padding-left: 80px;
}
.pr8 {
padding-right: 80px;
}
.pt8 {
padding-top: 80px;
}
.pb8 {
padding-bottom: 80px;
}
.pl7 {
padding-left: 70px;
}
.pr7 {
padding-right: 70px;
}
.pt7 {
padding-top: 70px;
}
.pb7 {
padding-bottom: 70px;
}
.pl6 {
padding-left: 60px;
}
.pr6 {
padding-right: 60px;
}
.pt6 {
padding-top: 60px;
}
.pb6 {
padding-bottom: 60px;
}
.pl5 {
padding-left: 50px;
}
.pr5 {
padding-right: 50px;
}
.pt5 {
padding-top: 50px;
}
.pb5 {
padding-bottom: 50px;
}
.pl4 {
padding-left: 40px;
}
.pr4 {
padding-right: 40px;
}
.pt4 {
padding-top: 40px;
}
.pb4 {
padding-bottom: 40px;
}
.pl3 {
padding-left: 30px;
}
.pr3 {
padding-right: 30px;
}
.pt3 {
padding-top: 30px;
}
.pb3 {
padding-bottom: 30px;
}
.pl2 {
padding-left: 20px;
}
.pr2 {
padding-right: 20px;
}
.pt2 {
padding-top: 20px;
}
.pb2 {
padding-bottom: 20px;
}
.pl1 {
padding-left: 10px;
}
.pr1 {
padding-right: 10px;
}
.pt1 {
padding-top: 10px;
}
.pb1 {
padding-bottom: 10px;
}
.ml10 {
margin-left: 100px !important;
}
.mr10 {
margin-right: 100px !important;
}
.mt10 {
margin-top: 100px !important;
}
.mb10 {
margin-bottom: 100px !important;
}
.ml9 {
margin-left: 90px !important;
}
.mr9 {
margin-right: 90px !important;
}
.mt9 {
margin-top: 90px !important;
}
.mb9 {
margin-bottom: 90px !important;
}
.ml8 {
margin-left: 80px !important;
}
.mr8 {
margin-right: 80px !important;
}
.mt8 {
margin-top: 80px !important;
}
.mb8 {
margin-bottom: 80px !important;
}
.ml7 {
margin-left: 70px !important;
}
.mr7 {
margin-right: 70px !important;
}
.mt7 {
margin-top: 70px !important;
}
.mb7 {
margin-bottom: 70px !important;
}
.ml6 {
margin-left: 60px !important;
}
.mr6 {
margin-right: 60px !important;
}
.mt6 {
margin-top: 60px !important;
}
.mb6 {
margin-bottom: 60px !important;
}
.ml5 {
margin-left: 50px !important;
}
.mr5 {
margin-right: 50px !important;
}
.mt5 {
margin-top: 50px !important;
}
.mb5 {
margin-bottom: 50px !important;
}
.ml4 {
margin-left: 40px !important;
}
.mr4 {
margin-right: 40px !important;
}
.mt4 {
margin-top: 40px !important;
}
.mb4 {
margin-bottom: 40px !important;
}
.ml3 {
margin-left: 30px !important;
}
.mr3 {
margin-right: 30px !important;
}
.mt3 {
margin-top: 30px !important;
}
.mb3 {
margin-bottom: 30px !important;
}
.ml2 {
margin-left: 20px !important;
}
.mr2 {
margin-right: 20px !important;
}
.mt2 {
margin-top: 20px !important;
}
.mb2 {
margin-bottom: 20px !important;
}
.ml1 {
margin-left: 10px !important;
}
.mr1 {
margin-right: 10px !important;
}
.mt1 {
margin-top: 10px !important;
}
.mb1 {
margin-bottom: 10px !important;
}
.span12.r-1x1 {
height: 940px;
}
.span11.r-1x1 {
height: 860px;
}
.span10.r-1x1 {
height: 780px;
}
.span9.r-1x1 {
height: 700px;
}
.span8.r-1x1 {
height: 620px;
}
.span7.r-1x1 {
height: 540px;
}
.span6.r-1x1 {
height: 460px;
}
.span5.r-1x1 {
height: 380px;
}
.span4.r-1x1 {
height: 300px;
}
.span3.r-1x1 {
height: 220px;
}
.span2.r-1x1 {
height: 140px;
}
.span1.r-1x1 {
height: 60px;
}
@media (min-width: 1200px) {
[class*="span"] .marged {
margin-left: -15px;
margin-right: -15px;
}
[class*="span"] .padded {
padding-left: 15px;
padding-right: 15px;
}
.pl10 {
padding-left: 150px;
}
.pr10 {
padding-right: 150px;
}
.pt10 {
padding-top: 150px;
}
.pb10 {
padding-bottom: 150px;
}
.pl9 {
padding-left: 135px;
}
.pr9 {
padding-right: 135px;
}
.pt9 {
padding-top: 135px;
}
.pb9 {
padding-bottom: 135px;
}
.pl8 {
padding-left: 120px;
}
.pr8 {
padding-right: 120px;
}
.pt8 {
padding-top: 120px;
}
.pb8 {
padding-bottom: 120px;
}
.pl7 {
padding-left: 105px;
}
.pr7 {
padding-right: 105px;
}
.pt7 {
padding-top: 105px;
}
.pb7 {
padding-bottom: 105px;
}
.pl6 {
padding-left: 90px;
}
.pr6 {
padding-right: 90px;
}
.pt6 {
padding-top: 90px;
}
.pb6 {
padding-bottom: 90px;
}
.pl5 {
padding-left: 75px;
}
.pr5 {
padding-right: 75px;
}
.pt5 {
padding-top: 75px;
}
.pb5 {
padding-bottom: 75px;
}
.pl4 {
padding-left: 60px;
}
.pr4 {
padding-right: 60px;
}
.pt4 {
padding-top: 60px;
}
.pb4 {
padding-bottom: 60px;
}
.pl3 {
padding-left: 45px;
}
.pr3 {
padding-right: 45px;
}
.pt3 {
padding-top: 45px;
}
.pb3 {
padding-bottom: 45px;
}
.pl2 {
padding-left: 30px;
}
.pr2 {
padding-right: 30px;
}
.pt2 {
padding-top: 30px;
}
.pb2 {
padding-bottom: 30px;
}
.pl1 {
padding-left: 15px;
}
.pr1 {
padding-right: 15px;
}
.pt1 {
padding-top: 15px;
}
.pb1 {
padding-bottom: 15px;
}
.ml10 {
margin-left: 150px !important;
}
.mr10 {
margin-right: 150px !important;
}
.mt10 {
margin-top: 150px !important;
}
.mb10 {
margin-bottom: 150px !important;
}
.ml9 {
margin-left: 135px !important;
}
.mr9 {
margin-right: 135px !important;
}
.mt9 {
margin-top: 135px !important;
}
.mb9 {
margin-bottom: 135px !important;
}
.ml8 {
margin-left: 120px !important;
}
.mr8 {
margin-right: 120px !important;
}
.mt8 {
margin-top: 120px !important;
}
.mb8 {
margin-bottom: 120px !important;
}
.ml7 {
margin-left: 105px !important;
}
.mr7 {
margin-right: 105px !important;
}
.mt7 {
margin-top: 105px !important;
}
.mb7 {
margin-bottom: 105px !important;
}
.ml6 {
margin-left: 90px !important;
}
.mr6 {
margin-right: 90px !important;
}
.mt6 {
margin-top: 90px !important;
}
.mb6 {
margin-bottom: 90px !important;
}
.ml5 {
margin-left: 75px !important;
}
.mr5 {
margin-right: 75px !important;
}
.mt5 {
margin-top: 75px !important;
}
.mb5 {
margin-bottom: 75px !important;
}
.ml4 {
margin-left: 60px !important;
}
.mr4 {
margin-right: 60px !important;
}
.mt4 {
margin-top: 60px !important;
}
.mb4 {
margin-bottom: 60px !important;
}
.ml3 {
margin-left: 45px !important;
}
.mr3 {
margin-right: 45px !important;
}
.mt3 {
margin-top: 45px !important;
}
.mb3 {
margin-bottom: 45px !important;
}
.ml2 {
margin-left: 30px !important;
}
.mr2 {
margin-right: 30px !important;
}
.mt2 {
margin-top: 30px !important;
}
.mb2 {
margin-bottom: 30px !important;
}
.ml1 {
margin-left: 15px !important;
}
.mr1 {
margin-right: 15px !important;
}
.mt1 {
margin-top: 15px !important;
}
.mb1 {
margin-bottom: 15px !important;
}
.span12.r-1x1 {
height: 1170px;
}
.span11.r-1x1 {
height: 1070px;
}
.span10.r-1x1 {
height: 970px;
}
.span9.r-1x1 {
height: 870px;
}
.span8.r-1x1 {
height: 770px;
}
.span7.r-1x1 {
height: 670px;
}
.span6.r-1x1 {
height: 570px;
}
.span5.r-1x1 {
height: 470px;
}
.span4.r-1x1 {
height: 370px;
}
.span3.r-1x1 {
height: 270px;
}
.span2.r-1x1 {
height: 170px;
}
.span1.r-1x1 {
height: 70px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
[class*="span"] .marged {
margin-left: -10px;
margin-right: -10px;
}
[class*="span"] .padded {
padding-left: 10px;
padding-right: 10px;
}
.pl10 {
padding-left: 100px;
}
.pr10 {
padding-right: 100px;
}
.pt10 {
padding-top: 100px;
}
.pb10 {
padding-bottom: 100px;
}
.pl9 {
padding-left: 90px;
}
.pr9 {
padding-right: 90px;
}
.pt9 {
padding-top: 90px;
}
.pb9 {
padding-bottom: 90px;
}
.pl8 {
padding-left: 80px;
}
.pr8 {
padding-right: 80px;
}
.pt8 {
padding-top: 80px;
}
.pb8 {
padding-bottom: 80px;
}
.pl7 {
padding-left: 70px;
}
.pr7 {
padding-right: 70px;
}
.pt7 {
padding-top: 70px;
}
.pb7 {
padding-bottom: 70px;
}
.pl6 {
padding-left: 60px;
}
.pr6 {
padding-right: 60px;
}
.pt6 {
padding-top: 60px;
}
.pb6 {
padding-bottom: 60px;
}
.pl5 {
padding-left: 50px;
}
.pr5 {
padding-right: 50px;
}
.pt5 {
padding-top: 50px;
}
.pb5 {
padding-bottom: 50px;
}
.pl4 {
padding-left: 40px;
}
.pr4 {
padding-right: 40px;
}
.pt4 {
padding-top: 40px;
}
.pb4 {
padding-bottom: 40px;
}
.pl3 {
padding-left: 30px;
}
.pr3 {
padding-right: 30px;
}
.pt3 {
padding-top: 30px;
}
.pb3 {
padding-bottom: 30px;
}
.pl2 {
padding-left: 20px;
}
.pr2 {
padding-right: 20px;
}
.pt2 {
padding-top: 20px;
}
.pb2 {
padding-bottom: 20px;
}
.pl1 {
padding-left: 10px;
}
.pr1 {
padding-right: 10px;
}
.pt1 {
padding-top: 10px;
}
.pb1 {
padding-bottom: 10px;
}
.ml10 {
margin-left: 100px !important;
}
.mr10 {
margin-right: 100px !important;
}
.mt10 {
margin-top: 100px !important;
}
.mb10 {
margin-bottom: 100px !important;
}
.ml9 {
margin-left: 90px !important;
}
.mr9 {
margin-right: 90px !important;
}
.mt9 {
margin-top: 90px !important;
}
.mb9 {
margin-bottom: 90px !important;
}
.ml8 {
margin-left: 80px !important;
}
.mr8 {
margin-right: 80px !important;
}
.mt8 {
margin-top: 80px !important;
}
.mb8 {
margin-bottom: 80px !important;
}
.ml7 {
margin-left: 70px !important;
}
.mr7 {
margin-right: 70px !important;
}
.mt7 {
margin-top: 70px !important;
}
.mb7 {
margin-bottom: 70px !important;
}
.ml6 {
margin-left: 60px !important;
}
.mr6 {
margin-right: 60px !important;
}
.mt6 {
margin-top: 60px !important;
}
.mb6 {
margin-bottom: 60px !important;
}
.ml5 {
margin-left: 50px !important;
}
.mr5 {
margin-right: 50px !important;
}
.mt5 {
margin-top: 50px !important;
}
.mb5 {
margin-bottom: 50px !important;
}
.ml4 {
margin-left: 40px !important;
}
.mr4 {
margin-right: 40px !important;
}
.mt4 {
margin-top: 40px !important;
}
.mb4 {
margin-bottom: 40px !important;
}
.ml3 {
margin-left: 30px !important;
}
.mr3 {
margin-right: 30px !important;
}
.mt3 {
margin-top: 30px !important;
}
.mb3 {
margin-bottom: 30px !important;
}
.ml2 {
margin-left: 20px !important;
}
.mr2 {
margin-right: 20px !important;
}
.mt2 {
margin-top: 20px !important;
}
.mb2 {
margin-bottom: 20px !important;
}
.ml1 {
margin-left: 10px !important;
}
.mr1 {
margin-right: 10px !important;
}
.mt1 {
margin-top: 10px !important;
}
.mb1 {
margin-bottom: 10px !important;
}
.span12.r-1x1 {
height: 724px;
}
.span11.r-1x1 {
height: 662px;
}
.span10.r-1x1 {
height: 600px;
}
.span9.r-1x1 {
height: 538px;
}
.span8.r-1x1 {
height: 476px;
}
.span7.r-1x1 {
height: 414px;
}
.span6.r-1x1 {
height: 352px;
}
.span5.r-1x1 {
height: 290px;
}
.span4.r-1x1 {
height: 228px;
}
.span3.r-1x1 {
height: 166px;
}
.span2.r-1x1 {
height: 104px;
}
.span1.r-1x1 {
height: 42px;
}
}
.spanfull[data-span-full-by] {
float: none;
}
/*
[data-stage-div-screen]{
.visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none!important;
}
}
[data-stage-div-screen="xs"]{
.visible-xs {
display: block!important;
}
}
[data-stage-div-screen="sm"]{
.visible-sm {
display: block!important;
}
}
[data-stage-div-screen="md"]{
.visible-md {
display: block!important;
}
}
[data-stage-div-screen="lg"]{
.visible-lg {
display: block!important;
}
}
*/
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
.col-no-m {
margin-left: -15px;
margin-right: -15px;
}
.col-no-m-r {
margin-right: -15px;
}
.col-no-m-l {
margin-left: -15px;
}
.col-no-p-r {
padding-right: 0px;
}
.col-no-p-l {
padding-left: 0px;
}
.gut-no-p-x {
padding-left: 0px !important;
padding-right: 0px !important;
}
.gut-outer-x-demi {
margin-left: -15px;
padding-left: 15px;
margin-right: -15px;
padding-right: 15px;
}
.gut-outer-x-1 {
margin-left: -30px;
padding-left: 30px;
margin-right: -30px;
padding-right: 30px;
}
.gut-outer-y-demi {
margin-top: -15px;
padding-top: 15px;
margin-bottom: -15px;
padding-bottom: 15px;
}
.gut-outer-y-1 {
margin-top: -30px;
padding-top: 30px;
margin-bottom: -30px;
padding-bottom: 30px;
}
.gut-outer-demi {
margin-left: -15px;
padding-left: 15px;
margin-right: -15px;
padding-right: 15px;
margin-top: -15px;
padding-top: 15px;
margin-bottom: -15px;
padding-bottom: 15px;
}
.gut-outer-1 {
margin-left: -30px;
padding-left: 30px;
margin-right: -30px;
padding-right: 30px;
margin-top: -30px;
padding-top: 30px;
margin-bottom: -30px;
padding-bottom: 30px;
}
.gut-p-l-demi {
padding-left: 15px;
}
.gut-p-r-demi {
padding-right: 15px;
}
.gut-p-t-demi {
padding-top: 15px;
}
.gut-p-b-demi {
padding-bottom: 15px;
}
.gut-p-y-demi {
padding-top: 15px;
padding-bottom: 15px;
}
.gut-p-x-demi {
padding-left: 15px;
padding-right: 15px;
}
.gut-p-xy-demi {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.gut-m-l-demi {
margin-left: 15px;
}
.gut-m-r-demi {
margin-right: 15px;
}
.gut-m-t-demi {
margin-top: 15px;
}
.gut-m-b-demi {
margin-bottom: 15px;
}
.gut-m-y-0 {
margin-top: 0;
margin-bottom: 0;
}
.gut-m-y-demi {
margin-top: 15px;
margin-bottom: 15px;
}
.gut-m-x-demi {
margin-left: 15px;
margin-right: 15px;
}
.gut-m-xy-demi {
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.gut-p-x-0 {
padding-left: 0px;
padding-right: 0px;
}
.gut-p-l-1 {
padding-left: 30px;
}
.gut-p-r-1 {
padding-right: 30px;
}
.gut-p-t-1 {
padding-top: 30px;
}
.gut-p-t-2 {
padding-top: 60px;
}
.gut-p-t-3 {
padding-top: 90px;
}
.gut-p-b-2 {
padding-bottom: 60px;
}
.gut-p-b-3 {
padding-bottom: 90px;
}
.gut-p-b-1 {
padding-bottom: 30px;
}
@media (max-width: 768px) {
.gut-p-b-1.gut-p-b-1-hidden-xs {
padding-bottom: 0px;
}
}
.gut-p-y-1 {
padding-top: 30px;
padding-bottom: 30px;
}
@media (max-width: 768px) {
.gut-p-y-1.gut-p-y-1-hidden-xs {
padding-top: 0px;
padding-bottom: 0px;
}
}
.gut-p-y-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.gut-p-y-3 {
padding-top: 90px;
padding-bottom: 90px;
}
.gut-m-y-1 {
margin-top: 30px;
margin-bottom: 30px;
}
.gut-m-y-2 {
margin-top: 60px;
margin-bottom: 60px;
}
.gut-m-y-3 {
margin-top: 90px;
margin-bottom: 90px;
}
.gut-m-y-4 {
margin-top: 120px;
margin-bottom: 120px;
}
.gut-p-x-1 {
padding-left: 30px;
padding-right: 30px;
}
.gut-p-x-2 {
padding-left: 60px;
padding-right: 60px;
}
.gut-p-xy-1 {
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.gut-m-l-1 {
margin-left: 30px;
}
.gut-m-r-1 {
margin-right: 30px;
}
.gut-m-t-1 {
margin-top: 30px;
}
.gut-m-t-2 {
margin-top: 60px;
}
.gut-m-t-3 {
margin-top: 90px;
}
.gut-m-t-4 {
margin-top: 120px;
}
.gut-m-t-5 {
margin-top: 150px;
}
.gut-m-t-6 {
margin-top: 180px;
}
.gut-m-t-7 {
margin-top: 210px;
}
.gut-m-t-8 {
margin-top: 240px;
}
.gut-m-b-2 {
margin-bottom: 60px;
}
.gut-m-b-1 {
margin-bottom: 30px;
}
.gut-m-b-3 {
margin-bottom: 90px;
}
.gut-m-b-4 {
margin-bottom: 120px;
}
.gut-m-b-5 {
margin-bottom: 150px;
}
.gut-m-b-6 {
margin-bottom: 150px;
}
gut-m-t-2.gut-m-y-1 {
margin-top: 30px;
margin-bottom: 30px;
}
.gut-m-x-1 {
margin-left: 30px;
margin-right: 30px;
}
.gut-m-x-2 {
margin-left: 60px;
margin-right: 60px;
}
.gut-m-xy-1 {
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.black {
color: #000000 !important;
}
.color {
color: #f17791 !important;
}
.color-hover {
color: #f17791;
}
.color-hover:hover {
color: #ee3559;
}
.gray6 {
color: #222222;
}
.gray6-hover {
color: #222222;
}
.gray6-hover:hover {
color: #5c5454;
}
.color-white {
color: #ffffff;
}
.color-white-imp {
color: #ffffff !important;
}
.color-color0 {
color: #f1b9b9;
}
.bg-gray0 {
background-color: #eeeeee;
}
/* ----- class for css ------*/
.center {
text-align: center;
}
.right-fixed {
text-align: right !important;
}
.right {
text-align: right;
}
@media (max-width: 768px) {
.right {
text-align: left;
}
}
.right-sm {
text-align: right;
}
@media (max-width: 992px) {
.right-sm {
text-align: left;
}
}
.overflow-hidden {
overflow: hidden;
}
.text-left {
text-align: left;
}
.text-shadow-none {
text-shadow: none;
}
/* -- border --*/
.border0 {
border: none !important;
}
/* -- radius ---*/
.radius-top-22 {
border-top-left-radius: 22px;
border-top-right-radius: 22px;
}
.radius-25 {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.radius-5 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.radius-top-25 {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.radius-top-right-25 {
border-top-right-radius: 25px;
}
.radius-top-left-25 {
border-top-left-radius: 25px;
}
.radius-top-5 {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.radius-bottom-5 {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.radius-left-5 {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.radius-right-5 {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.radius-top-right-5 {
border-top-right-radius: 5px;
}
/* -- display ---*/
.erase {
display: none !important;
}
@media (max-width: 768px) {
.erase-xs {
display: none !important;
}
}
@media (min-width: 768px) {
.show-xs {
display: none !important;
}
}
@media (max-width: 992px) {
.erase-sm {
display: none !important;
}
.erase-sm.active {
display: block !important;
}
}
@media (min-width: 992px) {
.show-sm {
display: none !important;
}
}
.display-block {
display: block;
}
.display-inline-block {
display: inline-block;
}
.display-inline {
display: inline;
}
.erase-inactive {
display: none;
}
.erase-inactive.active {
display: block;
}
/* -- float ---*/
.float-left {
float: left;
}
.float-right {
float: right;
}
.float-clear {
clear: both;
}
/* ---- position --- */
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.top0 {
top: 0px;
}
.right0 {
right: 0px;
}
.top1 {
top: 15px;
}
.left1 {
left: 15px;
}
.right1 {
right: 15px;
}
.padding0 {
padding: 0 !important;
}
.padding-y0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.margin0 {
margin: 0 !important;
}
.margin-auto {
margin: auto;
}
/* ----- opacity ----*/
.alpha30 {
opacity: 0.3;
filter: alpha(opacity=30);
}
.alpha50 {
opacity: 0.5;
filter: alpha(opacity=50);
}
.alpha100 {
opacity: 1;
filter: alpha(opacity=100);
}
/* ---- layout ---- */
body,
html {
color: #5c5454;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 15px;
line-height: 26px;
background-color: #fcfcfc;
height: 100%;
margin: 0;
padding: 0;
}
@media (max-width: 768px) {
body,
html {
font-size: 14px;
}
}
#wrap {
min-height: 100%;
position: relative;
overflow: hidden;
}
#main {
padding-bottom: 0px;
}
@media (min-width: 768px) {
#main {
padding-bottom: 630px;
}
}
@media (min-width: 992px) {
#main {
padding-bottom: 470px;
}
}
@media (min-width: 1200px) {
#main {
padding-bottom: 550px;
}
}
/* layout */
.layout-fluid {
margin-left: -19px;
margin-right: -19px;
}
@media (min-width: 768px) {
.layout-fluid {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 992px) {
.layout-fluid {
margin-left: -30px;
margin-right: -30px;
}
}
@media (min-width: 1200px) {
.layout-fluid {
margin-left: -60px;
margin-right: -60px;
}
}
.layout-block {
margin-left: -60px;
margin-right: -60px;
}
@media (min-width: 768px) {
.layout-block {
margin-left: -60px;
margin-right: 0px;
}
}
.layout-gray {
padding-left: 20px;
padding-right: 20px;
margin-left: -19px;
margin-right: -19px;
background-color: #eeeeee;
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
}
@media (min-width: 768px) {
.layout-gray {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 992px) {
.layout-gray {
margin-left: -30px;
margin-right: -30px;
}
}
@media (min-width: 1200px) {
.layout-gray {
margin-left: -60px;
margin-right: -60px;
}
}
@media (min-width: 992px) {
.layout-gray {
padding-left: 29px;
padding-right: 29px;
}
}
@media (min-width: 1200px) {
.layout-gray {
padding-left: 60px;
padding-right: 60px;
}
}
.layout-container.padding0 .layout-gray {
margin-left: -30px;
margin-right: -30px;
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
}
@media (min-width: 768px) and (max-width: 1200px) {
.layout-container.padding0 .layout-gray {
margin-left: -35px;
margin-right: -35px;
}
}
@media (min-width: 1200px) {
.layout-container.padding0 .layout-gray {
margin-left: -60px;
margin-right: -60px;
}
}
.layout-container {
display: block;
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 60px 59px;
margin-left: -60px;
margin-right: -60px;
margin-bottom: 30px;
}
.layout-container.layout-left {
margin-right: 0px;
}
.layout-container.layout-right {
margin-left: 0px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.layout-container {
padding: 60px 29px 30px 29px;
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom: 20px;
}
}
@media (max-width: 992px) {
.layout-container {
padding: 40px 19px;
margin-left: -20px !important;
margin-right: -20px !important;
margin-bottom: 40px;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.layout-container {
padding-top: 40px;
padding-bottom: 20px;
margin-bottom: 40px;
}
}
/* ----- inside page ----- */
.page_container {
margin: auto;
position: relative;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin: 80px 0;
}
.page_container .header {
text-align: center;
}
/* ---- info ----- */
#info,
#info-bag {
z-index: 3000;
position: fixed;
right: 50%;
bottom: -150px;
width: 330px;
transition-property: bottom;
transition-duration: 0.3s;
}
#info .layout,
#info-bag .layout {
width: 330px;
margin-left: 165px;
padding: 20px;
background-color: #222222;
}
#info .layout .img_container,
#info-bag .layout .img_container {
float: left;
position: relative;
margin-right: 20px;
width: 60px;
height: 60px;
overflow: hidden;
}
#info .layout .text_container .text,
#info-bag .layout .text_container .text,
#info .layout .text_container .link,
#info-bag .layout .text_container .link,
#info .layout .text_container .title2,
#info-bag .layout .text_container .title2,
#info .layout .text_container .anotation,
#info-bag .layout .text_container .anotation {
color: #ffffff;
}
#info .layout .text_container .link,
#info-bag .layout .text_container .link {
margin-top: 5px;
}
#info .layout .text_container .link:hover,
#info-bag .layout .text_container .link:hover,
#info .layout .text_container .link:focus,
#info-bag .layout .text_container .link:focus {
color: white;
}
#info.appear,
#info-bag.appear {
bottom: 0px;
}
@media (min-width: 768px) {
#info,
#info-bag {
width: 400px;
}
#info.appear,
#info-bag.appear {
bottom: 50px;
}
#info .layout,
#info-bag .layout {
width: 400px;
margin-left: 200px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
}
/* ----- header ----- */
#header-receiver .navbar {
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
border: none;
border-radius: 0px;
}
#header-receiver .navbar .navbar-header .btn-menu-nav,
#header-receiver .navbar .navbar-left .btn-menu-nav,
#header-receiver .navbar .navbar-header a,
#header-receiver .navbar .navbar-left a {
padding: 10px 15px;
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
}
@media (max-width: 768px) {
#header-receiver .navbar .navbar-header .btn-menu-nav,
#header-receiver .navbar .navbar-left .btn-menu-nav,
#header-receiver .navbar .navbar-header a,
#header-receiver .navbar .navbar-left a {
font-size: 13px;
}
}
#header-receiver .navbar .navbar-right .btn-menu-nav {
padding: 20px 15px 21px 15px;
}
#header-receiver .navbar .navbar-header .navbar-toggle {
position: static;
padding: 16px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid transparent;
margin: 0px;
}
#header-receiver .navbar .navbar-header .navbar-toggle:hover,
#header-receiver .navbar .navbar-header .navbar-toggle:focus {
background-color: #f1b9b9;
color: #ffffff;
}
#header-receiver .navbar .navbar-header .navbar-brand {
font-size: 16px;
color: #222222;
line-height: 18px;
margin: 0;
}
#header-receiver .navbar .navbar-header .navbar-brand i {
display: inline-block;
color: #000000;
position: relative;
top: 6px;
}
#header-receiver .navbar li.btn-nav .btn-menu-nav.btn-nav-color {
color: #f17791;
}
#header-receiver .navbar li.btn-nav .btn-menu-nav:hover {
color: #ffffff;
background-color: #f17791;
}
#header-receiver .navbar li.btn-nav .btn-menu-nav:hover .caret {
border-top: 4px solid #ffffff;
}
#header-receiver .navbar li.btn-nav .btn-menu-nav:hover .notification {
background-color: #f1b9b9;
}
#header-receiver .navbar li.btn-nav .caret {
position: absolute;
right: 20px;
bottom: 30px;
}
#header-receiver .navbar li.btn-nav .notification {
position: absolute;
right: 15px;
top: 23px;
}
#header-receiver .navbar li.btn-nav i {
position: inherit;
left: 0;
}
#header-receiver .navbar li.btn-nav.active .btn-menu-nav {
color: #ffffff;
background-color: #f1b9b9;
}
#header-receiver .navbar li.btn-nav.active .btn-menu-nav .caret {
border-top: 4px solid #ffffff;
}
#header-receiver .navbar li.btn-nav.active .btn-menu-nav:hover .notification {
background-color: #f17791;
}
@media (min-width: 768px) {
#header-receiver .navbar .navbar-left .btn-menu-nav,
#header-receiver .navbar .navbar-left a {
padding: 34px 15px;
}
#header-receiver .navbar .navbar-header {
float: inherit;
position: relative;
left: 50%;
margin-left: -131px !important;
}
#header-receiver .navbar .navbar-header .navbar-brand {
font-size: 20px;
margin: 10px 0 10px 0;
}
#header-receiver .navbar li.btn-nav {
text-align: center;
}
#header-receiver .navbar li.btn-nav .notification {
top: inherit;
right: 10px;
bottom: -10px;
}
#header-receiver .navbar li.btn-nav .caret {
top: inherit;
bottom: 11px;
right: inherit;
margin-left: -5px;
}
#header-receiver .navbar li.btn-nav .txt-li {
display: block;
}
#header-receiver .navbar li.btn-nav .btn-menu-nav {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 1200px) {
#header-receiver .navbar .navbar-header {
float: left;
position: static;
margin-left: 0px !important;
margin-right: 70px;
}
#header-receiver .navbar .navbar-header .navbar-brand {
font-size: 16px;
padding: 22px 15px;
margin: 0;
}
#header-receiver .navbar li.btn-nav {
text-align: center;
}
#header-receiver .navbar li.btn-nav .btn-menu-nav {
padding-left: 15px;
padding-right: 15px;
}
}
#header-receiver .logo {
background-image: url("/projects/les-inde/pub/img/logo.png");
background-position: center 18px;
background-repeat: no-repeat;
height: 170px;
position: relative;
z-index: 20;
}
/*---- footer ----*/
.footer_layout {
position: absolute;
bottom: 0;
width: 100%;
}
.footer_layout .header-footer {
background-color: #222222;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.footer_layout .header-footer i {
color: #ffffff;
}
.footer_layout .footer {
background-color: #ffffff;
text-align: center;
}
.footer_layout .footer .title {
text-shadow: none !important;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.footer_layout .footer .title {
margin-top: 30px;
}
}
.footer_layout .footer .anotation,
.footer_layout .footer a {
color: #888888;
}
.footer_layout .footer .main-menu-item a {
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
}
.footer_layout .footer a:hover {
color: #f17791;
}
@media (max-width: 768px) {
.footer_layout {
width: 100%;
position: static !important;
margin-top: 60px;
}
}
.home .layout-container.except {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top: none;
}
.home .block-focus {
margin-bottom: 30px;
margin-left: -59px;
margin-right: -59px;
margin-top: -61px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: #fff;
}
@media (max-width: 992px) {
.home .block-focus {
width: 100% 20px;
margin-left: -20px;
margin-right: -20px;
margin-top: -40px;
margin-bottom: 60px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.home .block-focus {
width: 100% 30px;
margin-left: -30px;
margin-right: -30px;
margin-top: -60px;
margin-bottom: 60px;
}
}
.home .block-focus-text {
margin-top: -34px;
}
.home .block-focus-text .ico-nb-1-round,
.home .block-focus-text .ico-nb-2-round,
.home .block-focus-text .ico-nb-3-round {
display: inline-block;
margin-top: 25px;
}
@media (min-width: 768px) {
.home .block-focus-text .ico-nb-1-round,
.home .block-focus-text .ico-nb-2-round,
.home .block-focus-text .ico-nb-3-round {
margin-top: 0;
}
}
@media (min-width: 768px) {
.home .block-focus-text {
margin-top: -84px;
}
}
@media (min-width: 1200px) {
.home .block-focus-text {
margin-top: -54px;
}
}
.home .block-focus-text [data-nav-ajax-link]:hover i,
.home .block-focus-text [data-nav-ajax-link]:hover h2,
.home .block-focus-text [data-nav-ajax-link]:hover p {
color: #f17791;
}
.page_post {
margin-bottom: 60px;
}
.page_post .post {
position: relative;
}
.page_post .post.blog {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.page_post .post .gut-post {
padding: 0 30px;
}
@media (max-width: 1200px) {
.page_post .post .gut-post {
padding: 0 15px;
}
}
.page_post .post .title2,
.page_post .post .link {
margin-bottom: 8px;
}
.page_post .post h1 {
font-family: 'gotham_extralightregular', cursive;
font-size: 35px;
line-height: 42px;
text-transform: uppercase;
color: #5c5454;
}
.page_post .post h1:hover {
color: #898181;
}
.page_post .post .img_container_post {
position: relative;
margin: 0 -30px;
min-height: 83px;
}
@media (max-width: 1200px) {
.page_post .post .img_container_post {
margin: 0 -20px;
}
}
.page_post .post .img_container_post img {
margin-bottom: 0;
}
.page_post .post .img_container_post .corner .indication {
right: 10px !important;
}
.page_post .post .post_preview_medium {
border: 1px solid #eeeeee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.page_post .tags {
text-align: left !important;
}
@media (max-width: 768px) {
.page_post h1 {
color: #5c5454 !important;
font-family: 'gotham_extralightregular', cursive !important;
font-size: 23px !important;
line-height: 32px !important;
text-transform: uppercase !important;
}
.page_post .line-btn .btn.big {
margin: 0 0 10px 0 !important;
}
}
.post_preview_medium .white {
min-height: 380px;
}
.post_preview_medium .img_container {
position: relative;
}
.post_preview_medium .img_container .corner .indication {
right: 10px !important;
}
.post_preview_medium .img_container .btn-flat {
position: absolute;
bottom: 0px;
}
.post_preview_medium .text_container {
text-align: center;
padding: 15px;
}
.post_preview_medium .text_container .title {
min-height: 96px;
}
.post_preview_tiny {
margin-top: -2px;
border-bottom: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
}
.post_preview_tiny .img_container {
float: right;
}
.post_preview_tiny .text_container {
min-height: 150px;
padding-top: 20px;
padding-left: 20px;
background-color: #ffffff;
}
/** --- account ---- */
#notebook-receiver .address .btn-group {
display: none;
}
/* --- newsletter-- */
#collapseFive .text {
margin-top: 3px;
}
/* --- history order-- */
#collapseFour .accordion-inner {
padding-bottom: 0;
}
#collapseFour .accordion-inner .except {
margin-bottom: 15px;
}
/* --- order --- */
.myBag .empty-bag-in-order {
display: none !important;
}
.shopping-bag .product-line .square {
border-top: 1px solid #eee;
line-height: 99px;
}
.shopping-bag .product-line .square .vertical-product-line {
line-height: normal;
vertical-align: middle;
display: inline-block;
}
.shopping-bag .product-line .square .vertical-product-line .title3 {
color: #f17791;
padding-bottom: 5px;
}
.shopping-bag .product-line .square .text-opacity {
opacity: 0.5;
filter: alpha(opacity=50);
}
.shopping-bag .product-line .square .part-left-product-line {
padding: 20px 40px 20px 30px;
}
.shopping-bag .product-line .square .part-left-product-line .vertical-product-line {
display: block;
}
@media (min-width: 768px) {
.shopping-bag .product-line .square .part-left-product-line {
padding: 0 40px 0 15px;
}
.shopping-bag .product-line .square .part-left-product-line .vertical-product-line {
display: inline-block;
}
}
.currentOrder {
/* --- addresses receiver --- */
/* --- order receiver --- */
}
.currentOrder .btn-to-pass-order,
.currentOrder .empty-bag-in-myBag {
display: none !important;
}
.currentOrder #myorderAddresses-receiver i,
.currentOrder #myorderAddresses-receiver [href="#DeleteAddress"],
.currentOrder #myorderAddresses-receiver [href="#DefaultAddress"] {
display: none;
}
.currentOrder #myorder-receiver .form-container {
height: 48px;
}
.currentOrder #myorder-receiver .form-container form {
width: 320px;
}
.currentOrder #myorder-receiver .payement_secure {
padding: 50px 0 0 30px;
}
@media (min-width: 768px) {
.currentOrder #myorder-receiver .payement_secure {
padding: 0 0 0 30px;
}
}
.order .icon-info div .chevron {
display: none;
}
.order .icon-info div * {
color: #bbbbbb;
}
.order .icon-info div.active * {
color: #f17791;
}
@media (min-width: 992px) {
.order .icon-info {
text-align: center;
}
.order .icon-info div .chevron {
display: inline-block;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.order .icon-info div i {
font-size: 24px;
}
.order .icon-info div span {
font-size: 17px;
}
}
.container-temp .temp {
width: 100%;
border-right: 0;
border-left: 0;
}
.container-temp .temp .title2 {
line-height: 29px;
}
.container-temp .temp .logo {
margin-top: -78px;
text-align: center;
}
.container-temp .temp .video {
text-align: center;
}
.container-temp .temp form {
display: block;
text-align: center;
}
.container-temp .temp form input[type="email"] {
width: 280px;
padding-left: 10px !important;
}
.container-temp .temp form input.btn {
width: 100px;
}
@media (max-width: 767px) {
.container-temp .temp {
padding-bottom: 0px;
margin-top: 80px;
top: 0px;
}
.container-temp .temp .logo {
height: 150px;
}
.container-temp .temp .video iframe {
width: 280px !important;
height: 157px !important;
}
.container-temp .temp .title2 {
font-size: 18px;
line-height: 21px;
}
.container-temp .temp form input[type="email"] {
width: 150px;
}
.container-temp .indication {
top: 360px;
height: 100px;
}
}
.order-preview label {
margin-top: 10px;
}
.product-order-container {
background-color: #eeeeee;
padding-left: 0;
}
.product-order-container .product_order {
background-color: #ffffff;
border-left: 1px solid #eeeeee;
}
.product-order-container .product_order .switch {
margin-top: 8px;
}
.product-order-container .product_order .text_container {
min-height: 70px;
}
/*--- address components ---*/
.address .preview [data-field="firstname"],
.address .preview [data-field="lastname"] {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
}
@media (max-width: 768px) {
.address .preview [data-field="firstname"],
.address .preview [data-field="lastname"] {
font-size: 13px;
}
}
.address .short .address_text {
margin-top: 8px;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
text-shadow: none;
}
.address .short .address_text .anotation {
display: none;
}
.long-preview-link {
background-color: white;
position: relative;
/* Small devices (tablets, 768px and up) and more */
}
.long-preview-link:hover .btn,
.long-preview-link a:hover .btn {
background-color: #f17791;
color: #fff;
}
.long-preview-link .text-wrap {
padding: 15px;
}
.long-preview-link span {
width: 100%;
display: inline-block;
}
@media (min-width: 768px) {
.long-preview-link img {
width: 66%;
}
.long-preview-link .text-wrap {
padding: 20px;
position: absolute !important;
width: 34%;
top: 0;
right: 0;
}
}
@media (min-width: 992px) {
.long-preview-link .text-wrap {
top: 10%;
}
}
@media (min-width: 1200px) {
.long-preview-link .text-wrap {
top: 25%;
}
}
/* ---- small ---- */
.fabric_preview_small {
position: relative;
cursor: pointer;
max-width: 262px;
}
.fabric_preview_small .img_container {
position: relative;
}
.fabric_preview_small .img_container .img-over {
position: absolute;
top: 0;
left: 0;
}
.fabric_preview_small .img_container i {
display: none;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -34px;
margin-top: -32px;
text-shadow: 0px 0px 1px #888888;
}
.fabric_preview_small .text_container {
padding: 20px 10px;
min-height: 82px;
}
.fabric_preview_small .btn-fly {
position: absolute;
bottom: 82px;
left: 0px;
background-color: #fff;
width: 100%;
text-align: center;
transition-property: height;
transition-duration: 0.2s;
overflow: hidden;
height: 0px;
}
.fabric_preview_small .btn-fly a {
color: #f1b9b9;
}
.fabric_preview_small .btn-fly a:hover,
html.touch .fabric_preview_small .btn-fly a {
color: #f17791;
}
.fabric_preview_small .btn-fly a i {
margin-right: -15px;
}
.fabric_preview_small .btns {
position: absolute;
bottom: 3px;
right: 10px;
margin-top: 0 !important;
}
.fabric_preview_small:hover .btn-fly,
html.touch .fabric_preview_small .btn-fly {
height: 64px;
}
.fabric_preview_small:hover .text_container div,
html.touch .fabric_preview_small .text_container div {
color: #f17791;
}
/* ---- fabric ---- */
.fabric .img_container {
position: relative;
}
.fabric .img_container .img-over {
position: absolute;
top: 0;
left: 0;
}
.fabric [href="#deleteMyFabrics"] .icon-lesinde-pin2 {
display: inline-block;
}
.fabric [href="#deleteMyFabrics"] .icon-lesinde-no-pin {
display: none;
}
.fabric [href="#deleteMyFabrics"]:hover .icon-lesinde-pin2,
.fabric [href="#deleteMyFabrics"]:focus .icon-lesinde-pin2 {
display: none;
}
.fabric [href="#deleteMyFabrics"]:hover .icon-lesinde-no-pin,
.fabric [href="#deleteMyFabrics"]:focus .icon-lesinde-no-pin {
display: inline-block;
}
/* fabric */
.fabric .except {
position: relative;
top: -12px;
display: inline-block;
}
/* big */
.fabric_preview_big .except {
position: relative;
top: 12px;
display: inline-block;
}
/* ---- small ---- */
.creation_preview_small {
position: relative;
cursor: pointer;
max-width: 262px;
max-height: 402px;
}
.creation_preview_small .img_container {
position: relative;
min-height: 230px;
}
.creation_preview_small .img_container i {
display: none;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -32px;
margin-top: -32px;
text-shadow: 0px 0px 1px #888888;
}
.creation_preview_small .text_container {
padding: 20px 10px;
min-height: 82px;
}
.creation_preview_small .btn-fly {
position: absolute;
bottom: 75px;
left: 0px;
background-color: #fff;
width: 100%;
text-align: center;
transition-property: height;
transition-duration: 0.2s;
overflow: hidden;
height: 0px;
}
.creation_preview_small .btn-fly a {
color: #f1b9b9;
}
.creation_preview_small .btn-fly a:hover {
color: #f17791;
}
.creation_preview_small .btn-fly a i {
margin-right: -15px;
}
.creation_preview_small .btns {
position: absolute;
bottom: 3px;
right: 10px;
margin-top: 0 !important;
}
.creation_preview_small:hover .btn-fly {
height: 64px;
}
.creation_preview_small:hover .text_container div {
color: #f17791;
}
.creation_preview_small:hover .img_container i {
display: block;
}
/* ---- small ---- */
.pattern_preview_small {
position: relative;
}
.pattern_preview_small .text_container {
padding: 20px 10px;
}
.pattern_preview_small .text_container a span {
display: block;
}
.pattern_preview_small .btn-fly {
position: absolute;
bottom: 68px;
left: 0px;
background-color: #fff;
width: 100%;
text-align: center;
transition-property: height;
transition-duration: 0.2s;
overflow: hidden;
height: 0px;
}
.pattern_preview_small .btn-fly a {
color: #f1b9b9;
}
.pattern_preview_small .btn-fly a:hover {
color: #f17791;
}
.pattern_preview_small .btn-fly a i {
margin-right: -15px;
}
.pattern_preview_small:hover .btn-fly {
height: 64px;
}
.pattern_preview_small:hover .title2 {
color: #f17791;
}
/* ---- Btn menu or filters bootstrap ---*/
@media (max-width: 992px) {
.btns {
margin-top: 10px;
}
}
.btn {
margin-right: 1px;
margin-bottom: 5px;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
text-transform: uppercase;
font-weight: normal;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 9px 14px 8px 14px;
line-height: 23px;
*line-height: 23px;
cursor: pointer;
background-color: #f1b9b9;
color: #ffffff;
}
.btn:focus {
color: #ffffff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn:hover,
.btn.active,
.btn:active {
background-color: #f17791;
color: #ffffff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn i {
position: relative;
top: 3px;
left: 3px;
line-height: 0;
}
.btn .caret {
margin-left: 2px;
}
.btn [type="checkbox"] {
margin-top: -2px;
margin-right: 6px;
}
.btn.big {
line-height: 25px;
padding: 7px 20px;
}
.btn.big .notification {
margin: 6px 12px -6px -12px;
}
.btn.btn-extra {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
padding: 27px 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
color: #ffffff !important;
}
@media (max-width: 768px) {
.btn.btn-extra {
font-size: 13px;
}
}
.btn-gray {
background-color: #bbbbbb;
color: #ffffff;
}
.btn-gray:focus {
color: #ffffff;
}
.btn-gray:hover,
.btn-gray.active,
.btn-gray:active {
background-color: #5c5454;
color: #ffffff;
}
.btn-color {
cursor: pointer;
color: #ffffff;
background-color: #f1b9b9;
}
.btn-color:hover {
background-color: #f17791;
}
.btn-color a,
.btn-color a:hover,
.btn-color i,
.btn-color a:focus,
.btn-color a:active {
color: #ffffff;
}
.btn_bullet_color {
width: 100px;
height: 100px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #f17791;
position: relative;
cursor: pointer;
}
.btn_bullet_color i,
.btn_bullet_color .link {
color: #ffffff;
position: absolute;
}
.btn_bullet_color:hover {
background-color: #ee3559;
}
.btn_bullet_color:hover i,
.btn_bullet_color:hover .link {
color: #ffffff;
}
.btn_bullet_text {
color: #888888;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
padding: 9px 22px;
border: 1px solid #eee;
background-color: white;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.btn_bullet_text:hover {
color: #f17791;
}
.btn_bullet_text.not-hover {
cursor: default;
}
.btn_bullet_text.not-hover:hover {
color: #888888;
}
.btn_bullet_text.color {
color: #f17791;
}
.btn_bullet_text.color:hover {
color: #ee3559;
}
.btn_bullet_text:hover {
border: 1px solid transparent;
background-color: #f1b9b9;
color: white;
}
.btn_bullet_white {
width: 100px;
height: 100px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #ffffff;
position: relative;
cursor: pointer;
}
.btn_bullet_white i,
.btn_bullet_white .link {
color: #888888;
position: absolute;
}
.btn_bullet_white:hover i,
.btn_bullet_white:hover .link {
color: #f1b9b9;
}
.btn-flat {
color: #888888;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
background-color: #f17791;
padding: 15px;
text-shadow: none;
}
.btn-flat:hover {
color: #f17791;
}
.btn-flat.not-hover {
cursor: default;
}
.btn-flat.not-hover:hover {
color: #888888;
}
.btn-flat.color {
color: #f17791;
}
.btn-flat.color:hover {
color: #ee3559;
}
.btn-flat:hover {
text-decoration: none;
color: #ffffff;
background-color: #ee3559;
}
.btn-group.open .btn.dropdown-toggle {
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
background-position: 0 -3px;
color: #f17791;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #f1b9b9;
color: #ffffff;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
border-top: 4px solid #ffffff;
}
.btn-group {
margin: 0 !important;
display: inline-block;
position: relative;
}
.btn-group .btn {
font-size: 10px;
}
.dropdown-menu {
background-color: #fff;
border: 1px solid #fcfcfc;
text-align: left;
min-width: 154px;
margin: 0;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dropdown-menu li a {
color: #000000;
padding: 15px !important;
}
.dropdown-menu li a:hover {
color: #ffffff;
background-color: #f17791;
}
.dropdown-menu li a:focus {
color: #ffffff;
background-color: #f1b9b9;
}
.dropdown-menu li a .description {
text-transform: lowercase;
}
.dropdown-menu.dropdown-color li {
margin: 14px 14px;
}
.dropdown-menu.dropdown-color li .link {
width: 160px;
padding-left: 6px;
}
.dropdown-menu.dropdown-color li .link a:hover {
text-shadow: none;
color: #f17791;
background-color: transparent;
}
.dropdown-menu.simple {
background: none;
background-color: #eeeeee;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid #fcfcfc;
}
.dropdown-menu .dropdown-header {
padding: 15px 15px 0 15px !important;
}
.btn-menu {
background-color: #ffffff;
text-align: left;
position: absolute;
left: 0;
z-index: 330;
display: inline-block;
list-style: none;
width: 240px;
}
/* --- btn-----*/
.btn_container {
padding-left: 15px;
text-align: center;
}
@media (max-width: 768px) {
.btn_container {
padding-left: 0px;
}
}
.btn_container div {
margin-right: 15px;
}
.line-btn h2,
.line-btn div {
display: inline-block;
}
input[type="submit"] {
margin-right: 1px;
margin-bottom: 5px;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
text-transform: uppercase;
font-weight: normal;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 9px 14px 8px 14px;
line-height: 23px;
*line-height: 23px;
cursor: pointer;
background-color: #f1b9b9;
color: #ffffff;
}
input[type="submit"]:focus {
color: #ffffff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input[type="submit"]:hover,
input[type="submit"].active,
input[type="submit"]:active {
background-color: #f17791;
color: #ffffff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input[type="submit"] i {
position: relative;
top: 3px;
left: 3px;
line-height: 0;
}
input[type="submit"] .caret {
margin-left: 2px;
}
input[type="submit"] [type="checkbox"] {
margin-top: -2px;
margin-right: 6px;
}
input[type="submit"].big {
line-height: 25px;
padding: 7px 20px;
}
input[type="submit"].big .notification {
margin: 6px 12px -6px -12px;
}
input[type="submit"].btn-extra {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
padding: 27px 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
color: #ffffff !important;
}
@media (max-width: 768px) {
input[type="submit"].btn-extra {
font-size: 13px;
}
}
/* ---- filters --- */
.tags {
text-align: center;
}
.tag {
display: inline-block;
}
.filter {
display: inline-block;
}
/* --- Accordion ---- */
.accordion-group {
margin-bottom: 2px;
border: none;
}
.accordion-heading {
border-bottom: 0;
}
.accordion-toggle {
display: block;
cursor: pointer;
color: #888888;
font-family: 'crimsonbold_italic', cursive;
font-size: 22px;
line-height: 28px;
border: none;
padding: 20px 0;
}
.accordion-inner {
padding: 9px 15px;
}
/*--- form input */
form {
margin: 0;
}
form input[type="submit"] {
padding-left: 14px !important;
}
form input,
form textarea,
form select {
padding-left: 38px !important;
width: 100%;
}
form input.no-ico,
form textarea.no-ico,
form select.no-ico {
padding-left: 10px !important;
}
form input[type="text"][placeholder] {
font-style: italic;
}
form .with-ico {
position: relative;
}
form .with-ico i {
position: absolute;
top: 7px;
left: 9px;
color: #f1b9b9;
}
form .with-ico i.text {
top: 11px;
left: 14px;
}
/* ----- input ------*/
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
margin-bottom: 10px !important;
background-color: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
color: #5c5454;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 15px;
line-height: 26px;
height: 40px;
padding: 10px;
border: 1px solid #f1b9b9;
}
@media (max-width: 768px) {
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
font-size: 14px;
}
}
textarea {
margin-bottom: 10px !important;
background-color: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
color: #5c5454;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 15px;
line-height: 26px;
padding: 10px;
border: 1px solid #f1b9b9;
}
@media (max-width: 768px) {
textarea {
font-size: 14px;
}
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
color: #f17791;
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
background-color: white;
cursor: inherit;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
form.border-line-none .with-ico i {
color: #eeeeee;
}
form.border-line-none select,
form.border-line-none input[type="text"],
form.border-line-none input[type="password"],
form.border-line-none input[type="datetime"],
form.border-line-none input[type="datetime-local"],
form.border-line-none input[type="date"],
form.border-line-none input[type="month"],
form.border-line-none input[type="time"],
form.border-line-none input[type="week"],
form.border-line-none input[type="number"],
form.border-line-none input[type="email"],
form.border-line-none input[type="url"],
form.border-line-none input[type="search"],
form.border-line-none input[type="tel"],
form.border-line-none input[type="color"],
form.border-line-none .uneditable-input {
border: 1px solid transparent;
}
form.border-line-none textarea {
border: 1px solid transparent;
}
/* ---- checkbox ----- */
.checkboxForm {
margin-top: 10px;
}
.checkboxForm span {
margin-left: 10px;
}
input[type="checkbox"] {
margin: 10px 0 0 0;
width: 15px;
height: 15px;
}
[type="submit"] {
margin-right: 1px;
margin-bottom: 5px;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
text-transform: uppercase;
font-weight: normal;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 9px 14px 8px 14px;
line-height: 23px;
*line-height: 23px;
cursor: pointer;
background-color: #f1b9b9;
color: #ffffff;
}
[type="submit"]:focus {
color: #ffffff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
[type="submit"]:hover,
[type="submit"].active,
[type="submit"]:active {
background-color: #f17791;
color: #ffffff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
[type="submit"] i {
position: relative;
top: 3px;
left: 3px;
line-height: 0;
}
[type="submit"] .caret {
margin-left: 2px;
}
[type="submit"] [type="checkbox"] {
margin-top: -2px;
margin-right: 6px;
}
[type="submit"].big {
line-height: 25px;
padding: 7px 20px;
}
[type="submit"].big .notification {
margin: 6px 12px -6px -12px;
}
[type="submit"].btn-extra {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
padding: 27px 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
color: #ffffff !important;
}
@media (max-width: 768px) {
[type="submit"].btn-extra {
font-size: 13px;
}
}
/* ----- link components --*/
.link-container {
text-align: right;
margin-top: 20px;
}
.link-container .link {
display: block;
margin-bottom: 4px;
}
.btn-group.open .link.dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.modal-content {
border-radius: 20px;
}
.modal-content .modal-header {
cursor: inherit;
border: none;
}
.modal-content .modal-header .close {
opacity: 1;
margin-top: 0px;
}
.modal-content .modal-body {
padding: 0px;
}
.modal-content .modal-footer {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-top: 0px;
cursor: inherit;
background-color: #f1b9b9;
border: none;
}
.modal-content .modal-footer a {
color: #ffffff !important;
}
.modal .close {
position: relative;
right: 5px;
top: 5px;
/* Small devices (tablets, 768px and up) and more */
}
.modal .close a {
color: #000;
}
@media (min-width: 768px) {
.modal .close {
right: 20px;
top: 20px;
}
}
.modal .col-btn .close {
position: static;
}
.notification {
display: inline-block;
position: relative;
color: #888888;
font-family: Arial, Helvetica, Tahoma, cursive;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
background-color: #f17791;
padding: 15px;
text-shadow: none;
padding: 5px;
height: 20px;
min-width: 20px !important;
line-height: 11px;
font-size: 10px;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.notification:hover {
color: #f17791;
}
.notification.not-hover {
cursor: default;
}
.notification.not-hover:hover {
color: #888888;
}
.notification.color {
color: #f17791;
}
.notification.color:hover {
color: #ee3559;
}
.notification:hover {
text-decoration: none;
color: #ffffff;
background-color: #ee3559;
}
.notification.notification-shadow {
background-color: #f17791;
color: #ffffff;
text-shadow: none;
-webkit-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
}
.notification.notification-text {
padding: 5px 7px 6px 7px;
}
.notification.info {
background-color: #cfc5c7;
}
.notifications .notification:hover {
cursor: pointer;
background-color: #ee3559;
color: #fff !important;
}
.notifications.up_right {
position: absolute;
right: -8px;
top: -8px;
}
.notifications.up_left {
position: absolute;
left: -8px;
top: -8px;
}
.carousel .carousel-control {
width: 50px;
background-image: none;
opacity: 1;
filter: alpha(opacity=100);
}
.carousel .carousel-control .icon-lesinde-chevron-left {
right: 0;
}
.carousel .carousel-control .icon-lesinde-chevron-right {
left: 0;
}
.carousel .carousel-control .icon-lesinde-chevron-left,
.carousel .carousel-control .icon-lesinde-chevron-right {
bottom: 27px;
margin: 0;
position: absolute;
z-index: 5;
display: inline-block;
text-shadow: none;
}
@media (max-width: 768px) {
.carousel .carousel-indicators {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.carousel .slide_container {
min-height: 200px;
background-color: #f17791;
}
.carousel .slide_container .carousel-caption {
bottom: 0;
top: auto !important;
margin-top: 0 !important;
}
}
.carousel .slide_container .carousel-caption {
position: absolute;
left: 0;
right: 0;
text-align: left;
top: 0;
margin-top: 50px;
}
.carousel .slide_container .carousel-caption h4 {
font-family: 'crimsonbold_italic', cursive;
font-size: 35px;
}
.carousel .slide_container .carousel-caption p {
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
text-transform: uppercase;
}
@media (max-width: 992px) {
.carousel .slide_container .carousel-caption h4 {
margin-bottom: 0px;
font-size: 20px;
}
}
.switch .switch-label {
background: #fcfcfc;
}
.switch .switch-label:before {
color: #888888;
}
.switch .switch-input:checked ~ .switch-label {
background: #f1b9b9;
}
.switch .switch-input:checked ~ .switch-label.no-color {
background: #fcfcfc;
}
.switch .switch-input:checked ~ .switch-label.no-color:after {
color: #888888;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.radio label {
text-align: left;
display: block;
padding-left: 0;
line-height: 25px;
}
.radio input[type=radio] {
right: 0;
display: none;
}
.radio label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
right: 0;
background-color: #eeeeee;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.radio input[type=radio]:checked + label:before {
content: "\2022";
color: #ffffff;
font-size: 31px;
text-align: center;
line-height: 21px;
text-shadow: -1px 0px #d3adad;
background-color: #f1b9b9;
}
.alert,
.message.alert {
display: inline-block;
margin-bottom: 5px;
padding: 10px;
}
.alert.alert-success,
.message.alert.alert-success {
background-color: #45c7a3;
border-color: #45c7a3;
color: #ffffff;
}
.alert.alert-danger,
.message.alert.alert-danger,
.alert.alert-error,
.message.alert.alert-error {
background-color: #ee3559;
border-color: #ee3559;
color: #ffffff;
}
.alert.alert-info,
.message.alert.alert-info {
background-color: #cfc5c7;
border-color: #cfc5c7;
color: #ffffff;
}
/* ---- graphics components ------------ */
hr,
.separator {
background-repeat: repeat-x;
height: 1px;
padding: 0 !important;
margin: 15px 0;
}
.square-container {
position: relative;
}
.square-container .square {
padding: 30px;
background-color: white;
margin-bottom: 15px;
}
.square-container .square .layout {
display: block;
position: relative;
}
.square-container .square .solid {
display: block;
position: relative;
padding: 15px;
}
.tooltip {
text-shadow: none;
}
.solid {
background-color: #eeeeee;
}
.solid-color {
background-color: #f17791;
}
.white {
background-color: white;
}
.bg-workshop {
background: url("/projects/les-inde/pub/img/fond.jpg") #ffffff;
}
.layout {
background-color: #ffffff;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.block-darker {
cursor: pointer;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #eeeeee;
-webkit-box-shadow: 0 1px 5px rgba(205, 197, 197, 1);
-moz-box-shadow: 0 1px 5px rgba(205, 197, 197, 1);
box-shadow: 0 1px 5px rgba(205, 197, 197, 1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
background-color: #eeeeee;
}
.block {
cursor: pointer;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #eeeeee;
-webkit-box-shadow: 0 1px 5px rgba(205, 197, 197, 1);
-moz-box-shadow: 0 1px 5px rgba(205, 197, 197, 1);
box-shadow: 0 1px 5px rgba(205, 197, 197, 1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #eeeeee;
}
.square,
.white {
background-color: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.colorshadow {
background-color: #f17791;
color: #ffffff;
text-shadow: none;
-webkit-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
}
.dotted {
background: url("/projects/les-inde/pub/img/dot.png") repeat-x left top;
}
.dashed {
background: url("/projects/les-inde/pub/img/dash.png") repeat-x left -1px;
}
.line {
background-repeat: repeat-x;
height: 1px;
padding: 0 !important;
}
.dot {
display: inline-block;
background-color: #bbbbbb;
padding: 5px;
height: 10px;
width: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.dot.color {
background-color: #45c7a3;
}
.divider {
background-repeat: repeat-x;
height: 1px;
padding: 0 !important;
height: 1px !important;
margin: 0 !important;
}
.bullet_color {
width: 30px;
height: 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.bullet_big {
width: 100px;
height: 100px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.corner {
position: absolute;
bottom: -1px;
right: 0;
background: url("/projects/les-inde/pub/img/corner.png") no-repeat;
width: 83px;
height: 83px;
}
.corner .indication {
position: absolute;
bottom: -5px;
right: 0;
width: 48px;
text-align: right;
}
.corner .indication.indication-over {
bottom: 9px;
}
.bg-dropcap {
width: 70px;
height: 70px;
background: url("/projects/les-inde/pub/img/dropcap.gif") no-repeat;
}
.dropcap {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
float: left;
text-align: center;
line-height: 70px !important;
width: 70px;
height: 70px;
background: url("/projects/les-inde/pub/img/dropcap.gif") no-repeat;
margin: -34px 15px 0 0;
}
.ico-color1 {
color: #f17791;
}
.ico-gray2 {
color: #bbbbbb;
}
.icomoon-26 {
font-size: 26px;
}
i.bg-white {
background-color: #fff;
border-radius: 20px;
padding-right: 0px;
}
.ico-nb-1-round {
background-image: url("/projects/les-inde/pub/img/ico/round-1.svg");
width: 48px;
height: 48px;
cursor: inherit;
}
.ico-nb-1-round.cursor-rollover:hover {
cursor: pointer;
}
.ico-nb-2-round {
background-image: url("/projects/les-inde/pub/img/ico/round-2.svg");
width: 48px;
height: 48px;
cursor: inherit;
}
.ico-nb-2-round.cursor-rollover:hover {
cursor: pointer;
}
.ico-nb-3-round {
background-image: url("/projects/les-inde/pub/img/ico/round-3.svg");
width: 48px;
height: 48px;
cursor: inherit;
}
.ico-nb-3-round.cursor-rollover:hover {
cursor: pointer;
}
.caret {
border-top: 4px solid #888888;
}
.caret.caret-white {
border-top: 4px solid #ffffff;
}
.caret.caret-up {
border-bottom: 4px solid #888888;
border-top: none;
}
.caret.caret-right {
border-right: 4px solid #888888;
border-top: none;
}
.caret.caret-right.caret-white {
border-right: 4px solid #ffffff;
}
.arrow-down-color {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #f1b9b9 transparent transparent transparent;
}
.arrow-down {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #eeeeee transparent transparent transparent;
}
.arrow-left {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #eeeeee transparent transparent;
}
.arrow-right {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #eeeeee;
}
.arrow-right.arrow-white {
border-color: transparent transparent transparent #ffffff;
}
#icon-loading-default {
background-image: url("/projects/les-inde/pub/img/loading.gif");
width: 40px;
height: 40px;
cursor: inherit;
}
/*
#icon-loading-default{
body {
background-color: white;
}
.loader {
position: relative;
margin: 0px auto;
width: 40px;
}
.circular {
animation: rotate 2s linear infinite;
}
.path {
animation:
dash 1.5s ease-in-out infinite,
color 6s ease-in-out infinite
;
}
@keyframes rotate{
100%{
transform: rotate(360deg);
}
}
@keyframes dash{
0%{
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50%{
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100%{
stroke-dasharray: 89,200;
stroke-dashoffset: -124;
}
}
}
@keyframes color{
100%, 0%{
stroke: @gray3;
}
/*100%, 0%{
stroke: @color0;
}
40%{
stroke: @color1;
}
66%{
stroke: @color2;
}
80%, 90%{
stroke: white;
}*/
/*
height: 30px;
width: 30px;
display: inline-block;
border-radius: 2.5em 2.5em 2.5em 2.5em;
border-top: 2px solid @gray5;
border-left: 2px solid @gray5;
border-bottom: 2px solid @gray3;
border-right: 2px solid @gray3;
animation: roto 1s infinite linear;
@keyframes roto {
0%{transform:rotateZ(0deg);}
100%{transform:rotateZ(360deg);}
}
*/
/* ---- General --- */
h1,
h2,
h3 {
padding: 0;
margin: 0;
font-weight: normal;
}
ul,
li {
margin: 0;
padding: 0;
text-decoration: none;
list-style-image: none;
list-style-type: none;
line-height: 21px;
}
ul.anotation li,
li.anotation li {
line-height: 14px;
}
ul.inline li,
li.inline li {
display: inline-block;
width: 49%;
}
a,
a:focus {
text-decoration: none;
color: #888888;
}
a:hover,
[data-nav-ajax-link]:hover a {
text-decoration: none;
color: #f17791;
}
a:active {
text-decoration: none;
}
i {
padding-right: 4px;
}
.text-html h1 {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
}
.text-html h2 {
color: #888888;
font-family: 'crimsonbold_italic', cursive;
font-size: 22px;
line-height: 28px;
}
.text-html h3 {
font-family: 'crimsonbold_italic', cursive;
font-size: 14px;
color: #888888;
}
.text-html a {
color: #888888;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
}
.text-html a:hover {
color: #f17791;
}
.text-html a.not-hover {
cursor: default;
}
.text-html a.not-hover:hover {
color: #888888;
}
.text-html a.color {
color: #f17791;
}
.text-html a.color:hover {
color: #ee3559;
}
/* ------ Text interface -----*/
.name {
font-family: 'gotham_extralightregular', cursive;
font-size: 35px;
line-height: 42px;
text-transform: uppercase;
color: #5c5454;
}
.name:hover {
color: #898181;
}
.title {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
}
.title3 {
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
}
@media (max-width: 768px) {
.title3 {
font-size: 13px;
}
}
.title2 {
color: #888888;
font-family: 'crimsonbold_italic', cursive;
font-size: 22px;
line-height: 28px;
}
.indication {
font-family: 'crimsonbold_italic', cursive;
font-size: 14px;
color: #888888;
}
.text {
color: #5c5454;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 15px;
line-height: 26px;
}
@media (max-width: 768px) {
.text {
font-size: 14px;
}
}
.alert,
.message.alert {
color: #5c5454;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 15px;
line-height: 26px;
color: #ffffff;
text-shadow: none;
}
@media (max-width: 768px) {
.alert,
.message.alert {
font-size: 14px;
}
}
.fsArial10 {
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
}
.link,
.link > a,
li a {
color: #888888;
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
}
.link:hover,
.link > a:hover,
li a:hover {
color: #f17791;
}
.link.not-hover,
.link > a.not-hover,
li a.not-hover {
cursor: default;
}
.link.not-hover:hover,
.link > a.not-hover:hover,
li a.not-hover:hover {
color: #888888;
}
.link.color,
.link > a.color,
li a.color {
color: #f17791;
}
.link.color:hover,
.link > a.color:hover,
li a.color:hover {
color: #ee3559;
}
.anotation {
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
color: #888888;
font-weight: normal;
}
.anotation a {
color: #5c5454;
cursor: pointer;
}
.anotation a:hover {
color: #f17791;
}
.anotationa {
text-transform: lowercase !important;
}
.message {
font-family: Arial, Helvetica, Tahoma, cursive;
font-size: 10px;
line-height: 14px;
color: #f17791;
}
#fabricModal,
#colorModal,
#zoomModal {
/* --- color --- */
/* fabric_preview_small */
}
#fabricModal .modal-dialog,
#colorModal .modal-dialog,
#zoomModal .modal-dialog {
width: 94%;
}
#fabricModal .color_container,
#colorModal .color_container,
#zoomModal .color_container {
width: 94%;
margin-left: 3%;
}
#fabricModal .color_container .wrap_color_container,
#colorModal .color_container .wrap_color_container,
#zoomModal .color_container .wrap_color_container {
margin: 0;
border-bottom: none;
background-color: #ffffff;
}
#fabricModal .color_container .layout-gray,
#colorModal .color_container .layout-gray,
#zoomModal .color_container .layout-gray {
margin: 0;
}
#fabricModal .fabric_preview_small:hover .img_container i,
#colorModal .fabric_preview_small:hover .img_container i,
#zoomModal .fabric_preview_small:hover .img_container i {
display: block;
}
html.touch #fabricModal .fabric_preview_small:hover .img_container i,
html.touch #colorModal .fabric_preview_small:hover .img_container i,
html.touch #zoomModal .fabric_preview_small:hover .img_container i {
display: none;
}
#fabricModal .fabric_container,
#colorModal .fabric_container,
#zoomModal .fabric_container {
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* XLarge devices (Xlarge desktops, 1600px and up) */
}
@media (min-width: 768px) {
#fabricModal .fabric_container,
#colorModal .fabric_container,
#zoomModal .fabric_container {
width: 50%;
}
}
@media (min-width: 992px) {
#fabricModal .fabric_container,
#colorModal .fabric_container,
#zoomModal .fabric_container {
width: 33.33333333%;
}
}
@media (min-width: 1200px) {
#fabricModal .fabric_container,
#colorModal .fabric_container,
#zoomModal .fabric_container {
width: 25%;
}
}
@media (min-width: 1600px) {
#fabricModal .fabric_container,
#colorModal .fabric_container,
#zoomModal .fabric_container {
width: 16.66666667%;
}
}
.filters_fabrics {
margin: 0;
border-bottom: none;
background-color: #ffffff;
margin-left: -19px;
margin-right: -19px;
}
.filters_fabrics .layout-gray {
margin: 0;
}
@media (min-width: 768px) {
.filters_fabrics {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 992px) {
.filters_fabrics {
margin-left: -30px;
margin-right: -30px;
}
}
@media (min-width: 1200px) {
.filters_fabrics {
margin-left: -60px;
margin-right: -60px;
}
}
.filters_fabrics .col-btn {
position: relative;
width: 100%;
display: inline-block;
padding: 20px 30px 30px 30px;
background-color: #f1b9b9;
color: #5c5454;
font-family: 'gotham_extralightregular', cursive;
font-size: 23px;
line-height: 32px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
color: #ffffff;
}
@media (max-width: 768px) {
.filters_fabrics .col-btn {
font-size: 13px;
}
}
.filters_fabrics .col-btn .icomoon-32 {
position: relative;
top: 6px;
left: -9px;
display: inline-block;
}
.filters_fabrics .col-btn .icon-lesinde-caret-up {
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -18px;
}
.filters_fabrics .btn_container {
cursor: default;
}
.filters_fabrics .btn_container .btn {
cursor: pointer;
}
.filters_fabrics .btn_container .btn i {
display: none;
}
.filters_fabrics .btn_container .btn.active i {
display: inline;
}
.filters_fabrics .btn_container .bullet_color {
display: inline-block;
margin-bottom: 10px;
cursor: pointer;
text-align: center;
}
.filters_fabrics .btn_container .bullet_color i {
color: transparent;
position: relative;
top: 4px;
margin-left: 3px;
}
.filters_fabrics .btn_container .bullet_color.active i,
.filters_fabrics .btn_container .bullet_color:hover i {
color: white;
}
.filters_fabrics .btn_container .btn_bullet_text i {
top: 3px;
left: 0px;
display: none;
}
.filters_fabrics .btn_container .btn_bullet_text.active {
padding: 5px 22px 9px 13px;
}
.filters_fabrics .btn_container .btn_bullet_text.active i {
position: relative;
display: inline-block;
}
.filters_fabrics #icon-loading-default {
display: none;
}
.data-pov-is-doing .filters_fabrics #renderListFabric,
.data-pov-is-doing .filters_fabrics #my-fabrics-list {
visibility: hidden;
}
.data-pov-is-doing .filters_fabrics #icon-loading-default {
display: block;
}
/* page "Les tissus" > on ne met pas le bouton "mes tissus" et de bouton "close"*/
.fabrics .filters_fabrics .btn-myfabrics {
display: none !important;
}
.fabrics .filters_fabrics .close {
display: none !important;
}
i[class^="ico-tool-"] {
display: inline-block;
padding: 0px !important;
cursor: pointer;
background: url("/projects/les-inde/pub/img/ico-tools.jpg") no-repeat;
}
i[class^="ico-tool-"].ico-tool-neckband-rounded-s {
background-position: 0px 0px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-neckband-rounded-m {
background-position: -60px 0px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-neckband-rounded-l {
background-position: -120px 0px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-neckband-v-s {
background-position: -180px 0px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-neckband-v-m {
background-position: -240px 0px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-neckband-v-l {
background-position: -300px 0px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-back-rounded-s {
background-position: 0px -60px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-back-rounded-m {
background-position: -60px -60px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-back-rounded-xl {
background-position: -120px -60px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-back-v-s {
background-position: -180px -60px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-back-v-m {
background-position: -240px -60px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-back-v-xl {
background-position: -300px -60px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-sleeve1 {
background-position: 0px -120px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-sleeve2 {
background-position: -60px -120px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-sleeve3 {
background-position: -120px -120px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-sleeve4 {
background-position: -180px -120px;
width: 60px;
height: 60px;
}
i[class^="ico-tool-"].ico-tool-cut-waisted {
background-position: 0px -180px;
width: 60px;
height: 120px;
}
i[class^="ico-tool-"].ico-tool-cut-straight {
background-position: -60px -180px;
width: 60px;
height: 120px;
}
i[class^="ico-tool-"].ico-tool-cut-large {
background-position: -120px -180px;
width: 60px;
height: 120px;
}
.part-right {
z-index: 390;
text-align: center;
padding: 60px;
background-color: #eeeeee;
}
.part-right .btn_bullet_color {
display: inline-block;
}
.part-right .btn_bullet_color i {
top: 23px;
left: 33px;
}
.part-right .btn_bullet_color .link {
top: 54px;
left: 2px;
}
.part-options {
position: absolute;
width: 100%;
height: 100%;
max-height: 900px;
left: 0px;
padding: 30px 15px 30px 15px;
-webkit-transition: left 0.2s;
-moz-transition: left 0.2s;
-o-transition: left 0.2s;
transition: left 0.2s;
}
.part-options .btn-view {
position: absolute;
right: -60px;
width: 60px;
height: 60px;
background-color: #ffffff;
text-align: center;
padding-top: 20px;
}
.part-options .btn-view {
top: 61px;
}
.part-options .container-options {
position: absolute;
top: -18%;
width: 100%;
}
.part-options .container-options .options #sleeve {
position: relative;
width: 100%;
}
.part-options .container-options .options #sleeve .neckband,
.part-options .container-options .options #sleeve .sleeve {
text-align: right;
left: -30px;
position: relative;
width: 170px;
}
.part-options .container-options .options #sleeve .back {
position: absolute;
top: 0;
right: 0px;
width: 170px;
}
.part-options .container-options .options #cut {
position: relative;
width: 160px;
left: -10px;
}
.part-options .container-options .options #cut .option {
display: block;
}
.part-options .container-options .options #cut .arrow-right {
position: absolute;
top: 50%;
right: 3px;
margin-top: -10px;
}
.part-options .container-options .options #cut .radio {
margin: 10px 5px 0 5px;
color: #888888;
}
.part-options .container-options .options #cut .btn-fabric {
width: 120px;
height: 60px;
margin: 7px 0 9px 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
display: block;
border: 1px solid #eeeeee;
}
.part-options .container-options .options #cut .btn-fabric:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.part-options .container-options .options #cut .js-btn-zoom {
position: relative;
top: -11px;
left: -10px;
}
.part-options .container-options .options #cut .js-btn-color:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
/* responsive */
.part-options {
/* element responsive*/
}
.part-options .container-options {
left: 0px;
top: 180px;
}
.part-options .container-options .options .arrow-right {
display: none;
}
@media (min-width: 768px) {
.part-options .container-options {
left: 0px;
}
.part-options .container-options .options .arrow-right {
display: block;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.part-options .container-options {
left: 25px;
}
}
.part-options .elements-responsive {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.part-options .elements-responsive .layer-background {
background: url("/projects/les-inde/pub/img/fond.jpg") #ffffff;
position: absolute;
top: 0;
left: 50%;
width: 100%;
height: 100%;
background-position: -930px 0;
}
.part-options .elements-responsive .btn_bullet_white {
position: absolute;
left: 340px;
top: 30px;
display: inline-block;
z-index: 380;
}
.part-options .elements-responsive .btn_bullet_white i {
top: 30px;
left: 34px;
}
.part-options .elements-responsive .btn_bullet_white .link {
top: 70px;
left: 32px;
}
.part-options .elements-responsive .btn-options-responsive {
position: absolute;
top: 120px;
left: 310px;
width: 40px;
height: 40px;
background-color: white;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
z-index: 385;
cursor: pointer;
}
.part-options .elements-responsive .btn-options-responsive i {
position: relative;
top: 10px;
left: 10px;
font-size: 20px;
}
.part-options .elements-responsive .btn-options-responsive .icon-lesinde-times {
display: none;
}
.part-options .elements-responsive .btn-options-responsive .icon-lesinde-plus {
display: block;
}
.part-options .pos {
display: none;
}
.module .btn,
[data-model="ProductCustomer"] .btn {
color: #888888;
background-color: #ffffff;
}
.module .btn:hover,
[data-model="ProductCustomer"] .btn:hover,
.module .btn:focus,
[data-model="ProductCustomer"] .btn:focus,
.module .btn:active,
[data-model="ProductCustomer"] .btn:active {
color: #f17791;
}
.module .btn.except,
[data-model="ProductCustomer"] .btn.except {
color: #ffffff;
background-color: #f1b9b9;
}
.module .btn.except:hover,
[data-model="ProductCustomer"] .btn.except:hover,
.module .btn.except:focus,
[data-model="ProductCustomer"] .btn.except:focus,
.module .btn.except:active,
[data-model="ProductCustomer"] .btn.except:active {
color: #ffffff;
background-color: #f17791;
}
.module .btn.btn-color,
[data-model="ProductCustomer"] .btn.btn-color {
cursor: pointer;
color: #ffffff;
background-color: #f1b9b9;
}
.module .btn.btn-color:hover,
[data-model="ProductCustomer"] .btn.btn-color:hover {
background-color: #f17791;
}
.module .btn.btn-color a,
[data-model="ProductCustomer"] .btn.btn-color a,
.module .btn.btn-color a:hover,
[data-model="ProductCustomer"] .btn.btn-color a:hover,
.module .btn.btn-color i,
[data-model="ProductCustomer"] .btn.btn-color i,
.module .btn.btn-color a:focus,
[data-model="ProductCustomer"] .btn.btn-color a:focus,
.module .btn.btn-color a:active,
[data-model="ProductCustomer"] .btn.btn-color a:active {
color: #ffffff;
}
.module .choice,
[data-model="ProductCustomer"] .choice,
.module .option,
[data-model="ProductCustomer"] .option {
display: inline-block;
}
.module .choice.no-click,
[data-model="ProductCustomer"] .choice.no-click,
.module .option.no-click,
[data-model="ProductCustomer"] .option.no-click {
/*.opacity(50);
pointer-events:none;*/
display: none !important;
}
.module .option .btn_container,
[data-model="ProductCustomer"] .option .btn_container {
display: inline-block;
}
.module .option .btn,
[data-model="ProductCustomer"] .option .btn {
position: relative;
}
.module .option .btn .arrow-right,
[data-model="ProductCustomer"] .option .btn .arrow-right {
position: absolute;
top: 50%;
right: -8px;
margin-top: -10px;
}
.module .option .btn.active,
[data-model="ProductCustomer"] .option .btn.active {
color: #ffffff;
background-color: #f1b9b9;
}
.module .option .btn.active .arrow-right,
[data-model="ProductCustomer"] .option .btn.active .arrow-right {
border-color: transparent transparent transparent #f1b9b9;
}
.module .option .btn.active .caret,
[data-model="ProductCustomer"] .option .btn.active .caret {
border-top: 4px solid #ffffff;
}
.module .option .btn-menu,
[data-model="ProductCustomer"] .option .btn-menu {
display: none;
margin-top: -1px;
position: relative;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding-top: 15px;
padding-left: 15px;
margin-bottom: 5px;
width: 100%;
}
.module .option .btn-menu.active,
[data-model="ProductCustomer"] .option .btn-menu.active {
display: block;
}
.module .choice,
[data-model="ProductCustomer"] .choice {
padding: 0 10px 10px 0;
}
.module .choice.active i,
[data-model="ProductCustomer"] .choice.active i {
border: 2px solid #f1b9b9;
}
.module .notification,
[data-model="ProductCustomer"] .notification {
background-color: transparent;
color: #888888;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.module .notification.active,
[data-model="ProductCustomer"] .notification.active {
display: inline-block;
position: relative;
color: #888888;
font-family: Arial, Helvetica, Tahoma, cursive;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
background-color: #f17791;
padding: 15px;
text-shadow: none;
padding: 5px;
height: 20px;
min-width: 20px !important;
line-height: 11px;
font-size: 10px;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #ee3559;
color: #ffffff;
}
.module .notification.active:hover,
[data-model="ProductCustomer"] .notification.active:hover {
color: #f17791;
}
.module .notification.active.not-hover,
[data-model="ProductCustomer"] .notification.active.not-hover {
cursor: default;
}
.module .notification.active.not-hover:hover,
[data-model="ProductCustomer"] .notification.active.not-hover:hover {
color: #888888;
}
.module .notification.active.color,
[data-model="ProductCustomer"] .notification.active.color {
color: #f17791;
}
.module .notification.active.color:hover,
[data-model="ProductCustomer"] .notification.active.color:hover {
color: #ee3559;
}
.module .notification.active:hover,
[data-model="ProductCustomer"] .notification.active:hover {
text-decoration: none;
color: #ffffff;
background-color: #ee3559;
}
.module .notification.active.notification-shadow,
[data-model="ProductCustomer"] .notification.active.notification-shadow {
background-color: #f17791;
color: #ffffff;
text-shadow: none;
-webkit-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
}
.module .notification.active.notification-text,
[data-model="ProductCustomer"] .notification.active.notification-text {
padding: 5px 7px 6px 7px;
}
.module .notification.active.info,
[data-model="ProductCustomer"] .notification.active.info {
background-color: #cfc5c7;
}
.module .notification:hover,
[data-model="ProductCustomer"] .notification:hover {
display: inline-block;
position: relative;
color: #888888;
font-family: Arial, Helvetica, Tahoma, cursive;
line-height: 14px;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
background-color: #f17791;
padding: 15px;
text-shadow: none;
padding: 5px;
height: 20px;
min-width: 20px !important;
line-height: 11px;
font-size: 10px;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.module .notification:hover:hover,
[data-model="ProductCustomer"] .notification:hover:hover {
color: #f17791;
}
.module .notification:hover.not-hover,
[data-model="ProductCustomer"] .notification:hover.not-hover {
cursor: default;
}
.module .notification:hover.not-hover:hover,
[data-model="ProductCustomer"] .notification:hover.not-hover:hover {
color: #888888;
}
.module .notification:hover.color,
[data-model="ProductCustomer"] .notification:hover.color {
color: #f17791;
}
.module .notification:hover.color:hover,
[data-model="ProductCustomer"] .notification:hover.color:hover {
color: #ee3559;
}
.module .notification:hover:hover,
[data-model="ProductCustomer"] .notification:hover:hover {
text-decoration: none;
color: #ffffff;
background-color: #ee3559;
}
.module .notification:hover.notification-shadow,
[data-model="ProductCustomer"] .notification:hover.notification-shadow {
background-color: #f17791;
color: #ffffff;
text-shadow: none;
-webkit-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
box-shadow: 0px 2px 4px rgba(34, 25, 25, 0.2);
}
.module .notification:hover.notification-text,
[data-model="ProductCustomer"] .notification:hover.notification-text {
padding: 5px 7px 6px 7px;
}
.module .notification:hover.info,
[data-model="ProductCustomer"] .notification:hover.info {
background-color: #cfc5c7;
}
.module {
margin-left: -19px;
margin-right: -19px;
padding-top: 0 !important;
padding-bottom: 0 !important;
position: relative;
overflow: hidden;
background: url("/projects/les-inde/pub/img/fond.jpg") #ffffff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-position: -410px 0;
}
@media (min-width: 768px) {
.module {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 992px) {
.module {
margin-left: -30px;
margin-right: -30px;
}
}
@media (min-width: 1200px) {
.module {
margin-left: -60px;
margin-right: -60px;
}
}
.module .clothing-preview {
left: -150px;
}
.module.verso {
background-position: -972px 0;
}
.module.verso .clothing-preview .img-preview-container {
margin-left: -360px;
}
.module.verso .clothing-preview .elements-responsive .layer-background {
left: -70px;
width: 130px;
height: 100%;
background-position: -740px 0;
}
.module.is-loading .clothing-preview,
.module.is-loading .part-right {
visibility: hidden;
}
.module.is-loading .loading {
display: block;
}
.module .loading {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin-left: -100px;
margin-top: -100px;
text-align: center;
}
.module .loading i {
font-size: 128px;
}
.module .loading .logo-container {
width: 200px;
height: 128px;
position: relative;
margin-bottom: 30px;
}
.module .loading .logo-container div {
position: absolute;
overflow: hidden;
width: 100%;
}
.module .loading .logo-container div.logo-color-container {
color: #888888;
}
.module .loading .logo-container div.logo-no-color-container {
height: 0%;
}
@media (min-width: 768px) {
.module {
background-position: -410px 0;
}
.module .clothing-preview {
left: 50px;
}
.module .clothing-preview #couture-ui {
left: 47%;
}
.module .clothing-preview .positions_container {
left: 49.5%;
}
.module.verso {
background-position: -772px 0;
}
.module.verso .options #sleeve {
left: -230px;
}
.module.verso .options #sleeve .back {
position: relative;
right: -200px;
width: 170px;
text-align: right;
}
.module .part-right {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
text-align: right;
padding: 30px;
width: 200px;
top: 35%;
}
.module .part-options .btn-close {
top: 0;
}
.module .part-options .btn-view {
display: none;
}
.module .part-options .elements-responsive .btn_bullet_white {
left: 0px;
}
}
@media (min-width: 992px) {
.module,
.module.verso {
background-position: -450px 0;
}
.module .clothing-preview,
.module.verso .clothing-preview {
left: 10px;
}
.module .clothing-preview .img-preview-container,
.module.verso .clothing-preview .img-preview-container {
margin-left: 0px;
}
.module .clothing-preview .elements-responsive,
.module.verso .clothing-preview .elements-responsive {
display: none;
}
.module .clothing-preview .container-options .options #sleeve,
.module.verso .clothing-preview .container-options .options #sleeve {
left: 0px;
}
.module .clothing-preview .container-options .options #sleeve .back,
.module.verso .clothing-preview .container-options .options #sleeve .back {
position: absolute;
top: 0px;
right: 0px;
width: 170px;
text-align: left;
}
.module .clothing-preview .container-options .options #sleeve .back .arrow-right,
.module.verso .clothing-preview .container-options .options #sleeve .back .arrow-right {
border-width: 10px 10px 10px 0;
border-color: transparent #ffffff transparent transparent;
right: inherit;
left: -8px;
}
.module .clothing-preview .container-options .options #sleeve .back .btn.active .arrow-right,
.module.verso .clothing-preview .container-options .options #sleeve .back .btn.active .arrow-right {
border-color: transparent #f1b9b9 transparent transparent;
}
.module .part-right,
.module.verso .part-right {
top: 45%;
}
.module .part-right .btn-menu,
.module.verso .part-right .btn-menu {
width: inherit;
}
}
@media (min-width: 1200px) {
.module,
.module.verso {
background-position: -280px 0;
}
.module .clothing-preview,
.module.verso .clothing-preview {
margin: auto;
}
.module .part-right,
.module.verso .part-right {
padding: 60px;
width: 350px;
top: 35%;
}
.module .part-options,
.module.verso .part-options {
padding: 30px;
background-color: transparent;
}
.module .part-options.active,
.module.verso .part-options.active {
left: 0;
}
.module .part-options .btn-close,
.module.verso .part-options .btn-close {
display: none;
}
.module .part-options .container-options .options #sleeve .neckband,
.module.verso .part-options .container-options .options #sleeve .neckband,
.module .part-options .container-options .options #sleeve .sleeve,
.module.verso .part-options .container-options .options #sleeve .sleeve {
left: -130px;
width: 240px;
}
.module .part-options .container-options .options #sleeve .back,
.module.verso .part-options .container-options .options #sleeve .back {
right: -70px;
width: 240px;
}
.module .part-options .container-options .options #cut,
.module.verso .part-options .container-options .options #cut {
left: -40px;
}
}
.clothing-preview {
position: relative;
width: 900px;
height: 900px;
/* positions */
/* couture-ui */
/* responsive mobile */
}
.clothing-preview a:hover .img-fabric {
opacity: 0.5;
filter: alpha(opacity=50);
}
.clothing-preview .img-preview-container {
/* img */
}
.clothing-preview .img-preview-container .img-fabric-container {
width: 99%;
height: 99%;
overflow: hidden;
position: absolute;
}
.clothing-preview .img-preview-container img {
display: inline-block;
position: absolute;
top: 0px;
background-color: transparent;
display: none;
height: 100%;
}
.clothing-preview .img-preview-container img.img-fabric {
top: 1px;
margin-left: 1px;
display: block;
background-image: url("/projects/les-inde/pub/img/loading.gif");
background-position: 250px 260px;
background-repeat: no-repeat;
width: 900px;
height: 900px;
}
.clothing-preview .img-preview-container img.active {
display: block;
}
.clothing-preview .positions_container {
position: absolute;
height: 100%;
width: 1%;
left: 46.5%;
}
.clothing-preview .positions_container .position {
border-top: 1px solid transparent;
}
.clothing-preview .positions_container .position .anotation {
display: none;
position: relative;
top: -8px;
right: -40px;
color: #ffffff;
}
.clothing-preview .positions_container .position.active {
border-top: 1px solid #ffffff;
}
.clothing-preview .positions_container .position.active.first {
width: 54px;
margin-left: -23px;
}
.clothing-preview .positions_container .position.active.first .anotation {
display: block;
right: -65px;
}
.clothing-preview .positions_container .position.active.last {
border-top: 1px solid transparent;
}
.clothing-preview .positions_container .position.active.last .anotation {
display: block;
}
.clothing-preview .positions_container .position.active.except {
display: none;
}
.clothing-preview #couture-ui {
position: absolute;
left: 44%;
top: -18%;
height: 100%;
width: 6%;
}
.clothing-preview #couture-ui a {
-webkit-touch-callout: none;
display: block;
width: 100%;
height: 1px;
text-align: center;
position: relative;
border-top: 1px solid #ffffff;
}
.clothing-preview #couture-ui a .drag {
background-color: #ffffff;
width: 40px;
height: 40px;
display: inline-block;
margin-top: -20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.clothing-preview #couture-ui a .drag span {
position: absolute;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.clothing-preview #couture-ui a .drag span.down {
border-top: 4px solid #888888;
top: 3px;
left: 23px;
}
.clothing-preview #couture-ui a .drag span.up {
border-bottom: 4px solid #888888;
top: -7px;
left: 23px;
}
.clothing-preview #couture-ui a.no-click {
display: none;
}
.clothing-preview #couture-ui a.isDragging .drag span.down {
border-top: 4px solid #f1b9b9;
}
.clothing-preview #couture-ui a.isDragging .drag span.up {
border-bottom: 4px solid #f1b9b9;
}
.clothing-preview #couture-ui a:hover .drag span.down {
border-top: 4px solid #f17791;
}
.clothing-preview #couture-ui a:hover .drag span.up {
border-bottom: 4px solid #f17791;
}
@media (min-width: 768px) {
.clothing-preview .btn-options-responsive {
display: none;
}
}
.clothing-preview.active .container-options {
left: 310px;
}
.clothing-preview.active .btn-options-responsive .icon-lesinde-times {
display: block;
}
.clothing-preview.active .btn-options-responsive .icon-lesinde-plus {
display: none;
}
.clothing-preview.active #couture-ui,
.clothing-preview.active .positions_container {
display: none;
}
@media (min-width: 768px) {
.clothing-preview.active .btn-options-responsive {
display: none;
}
.clothing-preview.active .container-options {
left: 0;
}
.clothing-preview.active #couture-ui,
.clothing-preview.active .positions_container {
display: block;
}
}
.module.verso .clothing-preview.active .container-options {
left: -330px;
}
.module.verso .clothing-preview.active .container-options .btn-menu {
left: -120px;
}
@media (min-width: 768px) {
.module.verso .clothing-preview.active .container-options {
left: inherit;
}
.module.verso .clothing-preview.active .container-options .btn-menu {
left: inherit;
}
}
@media (min-width: 992px) {
.module .clothing-preview.active .container-options {
left: 25px;
}
.module .clothing-preview.active .container-options .btn-menu {
left: inherit;
}
}