/* [2019-12-20T11:46:35+00:00] Generated with "Bimago Glue" */ /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/google_fonts.css" */ @font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v13/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v13/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');unicode-range:'U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD'}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v13/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:'U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:'U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:'U+1F00-1FFF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:'U+0370-03FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:'U+0102-0103, U+1EA0-1EF9, U+20AB'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v14/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+1F00-1FFF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v14/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+0370-03FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v14/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+0102-0103, U+1EA0-1EF9, U+20AB'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:'U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:'U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:'U+1F00-1FFF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:'U+0370-03FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:'U+0102-0103, U+1EA0-1EF9, U+20AB'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:'U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:'U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:'U+1F00-1FFF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:'U+0370-03FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:'U+0102-0103, U+1EA0-1EF9, U+20AB'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:Oxygen;font-style:normal;font-weight:300;src:local('Oxygen Light'),local('Oxygen-Light'),url(https://fonts.gstatic.com/s/oxygen/v6/-1odZCVpKpOs9pNLq607fhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:Oxygen;font-style:normal;font-weight:300;src:local('Oxygen Light'),local('Oxygen-Light'),url(https://fonts.gstatic.com/s/oxygen/v6/AwBqWF2kjhlybWamaKMPcVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:Oxygen;font-style:normal;font-weight:400;src:local('Oxygen Regular'),local('Oxygen-Regular'),url(https://fonts.gstatic.com/s/oxygen/v6/IIPDrwV5KNJo5-LaFlLy2fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:Oxygen;font-style:normal;font-weight:400;src:local('Oxygen Regular'),local('Oxygen-Regular'),url(https://fonts.gstatic.com/s/oxygen/v6/78wGxsHfFBzG7bRkpfRnCQ.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'}@font-face{font-display:swap;font-family:Oxygen;font-style:normal;font-weight:700;src:local('Oxygen Bold'),local('Oxygen-Bold'),url(https://fonts.gstatic.com/s/oxygen/v6/fSUtikcZd7PHZK0t2hzTeRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:'U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF'}@font-face{font-display:swap;font-family:Oxygen;font-style:normal;font-weight:700;src:local('Oxygen Bold'),local('Oxygen-Bold'),url(https://fonts.gstatic.com/s/oxygen/v6/yVHpdQrmTj9Kax1tmFSx2ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:'U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215'} /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/grid.css" */ .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 3px; } .img-circle { border-radius: 50%; } .grid-container { margin-right: auto; margin-left: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-left: 10px; padding-right: 10px; } .grid-container.nospace, .grid-container .grid-container { padding-left: 0px; padding-right: 0px; } .grid-row { margin-left: -10px; margin-right: -10px; } .grid-container.nospace .grid-row{ margin-left: 0px; margin-right: 0px; } .grid-row > div[class*="col-"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .grid-container.nospace .grid-row > div[class*="col-"]{ padding-left: 0px; padding-right: 0px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } .hidden-xs{display: none;} .visible-xs{display: block;} .visible-inline-xs{display: inline-block;} .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } @media (min-width: 460px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } .hidden-sm{display: none;} .visible-sm{display: block;} .visible-inline-sm{display: inline-block;} .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } .text-sm-justify { text-align: justify; } .text-sm-nowrap { white-space: nowrap; } .text-sm-lowercase { text-transform: lowercase; } .text-sm-uppercase { text-transform: uppercase; } .text-sm-capitalize { text-transform: capitalize; } } @media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } .hidden-md{display: none;} .visible-md{display: block;} .visible-inline-md{display: inline-block;} .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } .text-md-justify { text-align: justify; } .text-md-nowrap { white-space: nowrap; } .text-md-lowercase { text-transform: lowercase; } .text-md-uppercase { text-transform: uppercase; } .text-md-capitalize { text-transform: capitalize; } } @media (min-width: 902px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } .text-lg-justify { text-align: justify; } .text-lg-nowrap { white-space: nowrap; } .text-lg-lowercase { text-transform: lowercase; } .text-lg-uppercase { text-transform: uppercase; } .text-lg-capitalize { text-transform: capitalize; } .hidden-lg{display: none;} .visible-lg{display: block;} .visible-inline-lg{display: inline-block;} .grid-container.nospace, .grid-container{ padding-left: 0px; padding-right: 0px; } .grid-row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 15px; padding-right: 15px; } } .grid-container:before, .grid-container:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid-container:before, .grid-container:after, .grid-row:before, .grid-row:after { content: " "; display: table; } .grid-container:after, .grid-row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .hidden { display: none !important; } .vtop{vertical-align: top;} .vmiddle{vertical-align: middle;} .vbottom{vertical-align: bottom;} .grid-row.space10{ margin-left: -5px;margin-right: -5px; } .grid-row.space10>div{ padding-left: 5px; padding-right: 5px;} .grid-row.space0{ margin-left: 0px;margin-right: 0px; } .grid-row.space0>div{ padding-left: 0px; padding-right: 0px;} /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/rangeSlider.css" */ /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/styles.css" */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER *cl * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design6177 * @package default_default * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ * {margin:0;padding:0} .show-popup .inner-content, .cart-sos-modal .inner-content { width: 90%; max-width: 667px; overflow: hidden; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .show-popup, .cart-sos-modal{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; display: none; z-index: 99999; } .show-popup .layer-box, .cart-sos-modal .layer-box{ width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.5); top: 0; left: 0; display: block; cursor: pointer; text-align: center; } .show-popup .popup-content, .cart-sos-modal .sos-content{ position: relative; } .show-popup .popup-content .close-button, .cart-sos-modal .sos-content .close-button{ position: absolute; top: 20px; right: 24px; width: 15px; height: 15px; line-height: 15px; color: #000; font-size: 32px; font-weight: normal; z-index: 5; cursor: pointer; } .show-popup .popup-content .close-button:before, .cart-sos-modal .sos-content .close-button:before{ display: block; position: absolute; top: 0px; left: -5px; content: "\e686"; font-family: "Pe-icon-7-stroke"; } .show-popup .popup-content .close-button:after, .cart-sos-modal .sos-content .close-button:after{ display: block; position: absolute; top: 0px; right: -5px; content: "\e684"; font-family: "Pe-icon-7-stroke"; } .show-popup .inner-content img, .cart-sos-modal .inner-content img{ width: 100%; } .stash-header { margin-bottom: 20px; } .stash-header .stash-link-notice { /* display: inline-block; */ clear: both; /* text-align: center; */ /* padding: 2px 15px; */ border-radius: 3px; /* background-color: #FAF448; */ color: rgba(0,0,0,0.7); margin-top: 5px; float: left; width: 100%; text-align: left; font-size: 0.85em; } .stash-header .stash-link-button { display: inline-block; float: none !important; width: auto !important; /* text-align: center; */ padding: 10px 40px 10px !important; border-radius: 3px; background-color: rgb(102, 108, 229); color: #fff; text-shadow: 0 0 0 rgba(255,255,255,0.4); /* margin-top: 5px; */ /* margin-left: 5px; */ /* border-top: 1px solid #C3F5A4; */ /* border-bottom: 1px solid #337A06; */ box-shadow: 0 0 0px 2px rgba(255,255,255,0.3); font-weight: 400; cursor: pointer; transition: all 100ms ease-in-out; text-transform: lowercase; font-size: 14px; margin: 7px 0px 5px; } .stash-header .stash-link-button:hover { background-color: rgb(16, 45, 121); } .stash-header .stash-link-label, .stash-header .stash-link-url, .stash-header .stash-link-button { float: left; /* margin-right: 5px; */ width: 100%; clear: both; text-align: left; } .stash-header .stash-link-label { font-size: 1.05em; } .stash-header .stash-link-url:hover { /* background-color: rgba(255,255,255,0.3); */ } .stash-header .stash-link-url { /* border-radius: 3px; */ /* background-color: #ccc; */ /* padding: 2px 5px; */ cursor: pointer; /* background-color: rgba(0,0,0,0.4); */ } .stash-header .stash-link-url input { color: #443f81; font-size: 1.05em; border: none; width: 100%; box-sizing: border-box; padding: 10px; text-align: center; } .stash-header .stash-link { padding: 0 20px 15px; text-align: center; overflow: hidden; } .stash-header .stash-title { font-size: 24px; padding: 15px 20px 7px; text-align: center; } .stash-header { background: url('http://shark.bimago.com/bimago2/schowek/schowek.jpg'); color: #222; padding: 15px 0 0; } .newsletter .actions { float: right; position: relative; left: -38px; } .newsletter .input-box { float: left; position: relative; left: -10px; width: 220px; } input::-webkit-input-placeholder { font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } input:-moz-placeholder { /* Firefox 18- */ font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } input:-ms-input-placeholder { font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } .separator-widget { display: block; margin-top: 10px; } body { font: 14px/1.55 "Oxygen", 'Open Sans', 'Roboto', Arial, Helvetica, sans-serif; color: #262626; text-align:center; background: #FFF; } img { border:0; vertical-align:top; max-width: 100%;} :focus { outline:0; } /* Headings */ .cms-page-view .std .cms-content p { text-indent: 0; } .cms-page-view .std .cms-content { line-height: 1.8em; text-align: justify; text-indent: 0; font-size: 14px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;} .cms-page-view .std .cms-content span { padding: 0 !important; } /* Forms */ form { display:block; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size: 100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p { margin:0 0 10px; } strong { font-weight:bold; } address { font-style:normal; line-height: 1.5; display:block;position: relative;} cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main { width: 1015px; margin:0 auto; padding: 0px 0px 0px; text-align:left; position: relative;} /* Form Elements */ input,select,textarea,button { font: 12px/15px "Oxygen", "Open Sans", Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f;} input[type='button'], button{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } button[type="submit"]{ background: #0fae47; width: 100%; padding: 4px 0; height: 45px; border: 0px; font-size: 14px; color: #ffffff; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 100ms ease-in-out; text-align: center; cursor: pointer; } button[type="submit"]:hover { background: #108237; } button[type="submit"] .pe-7s-angle-right{font-size: 28px;vertical-align: -26%;} button[type="submit"] i{font-style: normal;} small.privacy-policy{display: block;text-align: center;font-size: 13px;padding-top: 5px;} input, textarea{ border: 1px solid #b3b3b3; line-height: 38px; font-size: 14px; width: 100%; padding: 0 10px; box-sizing: border-box; background: #fff; color: #000; } input:focus, textarea:focus{ border-color: #8c8c8c; } textarea{ border: 1px solid #b3b3b3; width: 100% !important; padding: 10px; box-sizing: border-box; resize: none; background: #fff; font-size: 14px; color: #8c8c8c; } .input-box{ margin-bottom: 10px; margin-top: 5px; position: relative; } .textarea-pretender, .input-pretender{ border: 1px solid #b3b3b3; width: 100% !important; padding: 10px; box-sizing: border-box; font-size: 14px; color: #000000; cursor: not-allowed; } .std .input-pretender p {margin: 0px;} .textarea-pretender .floating-label, .input-pretender .floating-label{ top: -10px; font-size: 10px; color: #909090; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.qty { width:2.5em !important; text-align: center;} /* Form Validation */ div#advice-validate-email-newsletter { position: relative; width: 256px; } div.discount .validation-advice { left: 0px; position: absolute; top: 74px; } p.required { font-size:11px; text-align:right; color:#EB340A; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { background:#fff url(../images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -52px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol li, .std ul li{ list-style: inherit; } .std ol[type="a"] li{ list-style-type: lower-latin; } .cms-page-view .std .cms-content ul { padding-top: 20px; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { } .links li.last { } .link-cart { color:#dc6809 !important; font-weight:bold; } .link-wishlist { color:#dc6809 !important; font-weight:bold; } .link-reorder { font-weight:bold; color:#dc6809 !important; } .link-compare { font-weight:bold; } .link-print { /*background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; } .link-rss { background:url(../images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(../images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; } /* Block: Account */ .block-account { border-color:#b3b3b3; background: #FFF; border: 1px solid #e3debe; margin-right: 10px; margin-top: 10px;} .block-account .block-title {border:0; padding: 15px 15px 0; } .block-account .block-title strong { font-size:13px; color:#646464; padding-bottom: 5px; border-bottom: 1px solid #b3b3b3; } .block-account .block-content { padding:7px 10px 7px; } .block-account .block-content li a { display:block; color:#5f5d5c; text-decoration:none !important; } .block-account .block-content li a:hover { color:#ea7900; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li { padding:3px 0 3px 15px; } .block-account .block-content li.current { font-weight: bold; } .block-account .block-content li.current.last { border-bottom:0; } /* Block: Currency Switcher */ .block-currency { border:0; background:url(../images/bkg_block-currency.gif) 0 0 no-repeat; padding:7px 12px 10px; height:51px; } .block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; background:url(../images/i_block-currency.gif) 0 50% no-repeat; padding:0 0 0 21px; text-transform:none; color:#fff; } .block-currency .block-content { background:none; padding:0; } .block-currency .block-content select { width:100%; padding:0; } /* Rating */ .no-rating { margin:0; margin-left: 5px; float: left; text-decoration: none; } .no-rating:hover {text-decoration: underline; cursor: pointer;} .tabsMain .no-rating { text-decoration: none; } .ratings { font-size:11px; line-height:1.25; margin:3px 0 0; } .product-description .ratings { float: none !important;} .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; float:left; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width: 60px; height:16px; font-size:0; line-height:0; background:url(../images/rating-stars.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; position: relative; top:3px; background-size: 12px;} .rating-box .rating { float:left; height: 12px; background:url(../images/rating-stars.png) 0 100% repeat-x; background-size: 12px;} .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ /* Excluding tax */ .price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#f47a53; } /* Including tax */ .price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#f47a53; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(../images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a { color:#1b2d3b; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#1e7ec8; } /* RSS */ .rss-title h1 { background:url(../images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Captcha ================================================================================ */ .captcha-note { clear:left; padding-top:5px; } .captcha-image { float:left; display:inline; margin:0; position:relative; width:258px; } .captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:0;} .captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } /* Remember Me Popup ===================================================================== */ @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } .window-overlay { background:url(../images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { /* padding:15px; */ margin: 0 0 20px; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account.box-info div.col-1, .box-account.box-info div.col-2 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; min-height: 125px; padding: 10px; } .box-account.box-info div.col-1.wide, .box-account.box-info div.col-2.wide { width: 97.5%; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 8px; text-align:right; } /* Block: Recent Orders */ /* Block: Account Information */ /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background:#fff; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Order View */ .order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box { background:#fff url(../images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print .order-date { background:url(../images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { background: url("../images/cms/firmy/button.jpg") repeat-x scroll 0 100% transparent; border: 1px solid #CACACA; float: none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span, .my-wishlist .buttons-set .btn-update span { color:#626262; background:transparent; } #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:#eb340a; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:#eb340a; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-arrow { background:url(../images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container { background: url("../images/footer/border.png") repeat-x scroll 0 0 #EEEEEE; margin-top: 100px; padding-top: 130px; } .footer { width:980px; margin:0 auto; padding:10px 10px 50px; background: #eee; position:relative; } .footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; } .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a { color:#464646; text-decoration:none; } .footer a:hover { text-decoration:underline; } .footer .bugs { margin:13px 0 0; color:#555; } .footer .bugs a { color:#ecf3f6; text-decoration:underline; } .footer .bugs a:hover { text-decoration:none; } .footer address { margin:0 0 20px; color:#555; } .footer address a { color:#ecf3f6; text-decoration:underline; } .footer address a:hover { text-decoration:none; } .footer ul { display:block; float:left; text-align: left; font-weight: bold; padding:0 7px 0 4px; color: #828282; font-size: 14px; } .footer ul.links { display:block; } .footer li { display:block; padding:10px 28px 0 0; font-weight: normal; font-size: 12px; } .footer li.last { background:none !important; padding-right:0 !important; } .footer-container .bottom-container { margin:0 0 5px; } .footer div.links { background: url("../images/footer/border.png") repeat-y scroll 100% 0 transparent; display: block; float: left; padding: 20px 20px 20px 0; width: 590px; } div.footer div.social { float: left; margin-left: 15px; } .footerup { border: 1px solid #b3b3b3; height: 234px; left: 0; margin: auto; position: absolute; top: -250px; width: 998px; background: #fff; } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(../images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(../images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ ul.language-switcher{ float: right; margin-right: 10px; margin-top: 2px; width: 100px; position: absolute; padding-top: 3px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D9D9D9; z-index: 20; display: none; } .language-switcher li, .language-switcher li a { display: block; float: left; height: 16px; margin-left: 8px; width: 16px; } .language-switcher li a { margin-left: 0; } .language-switcher li.selected { display: none; } div.first-flag { float: right; height: 16px; margin-right: 10px; margin-top: 2px; width: 16px; padding: 0 5px 0 8px; } div.first-flag.active { border: 1px solid #D9D9D9; border-bottom: 1px solid #fff; z-index: 21; position: relative; } a.button { background: url("../images/dashboard/btn-grey.png") repeat-x scroll 0 100% #FFFFFF; border: 1px solid #D9D9D9; color: #626262; display: block; font-size: 12px; font-weight: bold; line-height: 25px; min-width: 70px; padding: 2px 10px 0; text-align: center; text-decoration: none; } button.button.orange { background: url("../images/dashboard/btn-orange.png") repeat-x scroll 0 0 #D33A11; border-radius: 0 0 0 0; height: 34px; min-width: 120px; padding: 2px 30px; width: auto; } div.login-small { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D9D9D9; display: none; padding: 15px 30px; position: absolute; right: 35px; top: 28px; z-index: 10; } div.login-small div.buttons-set { margin-top: 0; } div.login-small input { background: url("../images/footer/input-back.jpg") repeat-x scroll 0 0 transparent; height: 18px; margin-top: 10px; } div.login-small label { margin-top: 10px; margin-bottom: 5px; } .quick-access li.login.active { background: none repeat scroll 0 0 #FFFFFF; border:1px solid #D9D9D9; border-bottom: 1px solid #FFF; position: relative; z-index: 20; margin-bottom: -2px; padding: 0 7px 0 6px; } div.container_100_2 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D9D9D9; padding: 10px; } div.container_100 { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 6px #CCCCCC; display: none; left: 200px; padding: 3px; position: absolute; top: 80px; width: 294px; z-index: 20; } div.container_100 p { text-align: justify; } div.category-select-box { background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #CCCCCC; float: left; height: 125px; margin-right: 20px; padding: 5px 25px; width: 165px; } div.category-select-box select { display: block; margin-bottom: 15px; width: 160px; } div.category-select-box span { color: #646464; display: block; font-size: 13px; margin-bottom: 3px; margin-top: 10px; } div.layer-filters { float:left; padding-top: 10px; } div.banner-container { float: right; height: 503px; margin: 0px 45px 10px 0; width: 550px; overflow: hidden; } ul.filter-tabs { margin-top: 10px; } ul.filter-tabs li { border: 1px solid #ccc; float: left; padding: 5px 20px; border-bottom: 1px transparent; margin-right: 2px; position: relative; text-align: center; line-height: 15px; min-height: 35px; min-width: 70px; } ul.filter-tabs li.promo { background: none repeat scroll 0 0 #EBEBEB; color: #EF4011; text-transform: uppercase; } ul.filter-tabs li.active { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-top: -5px; padding: 7px 20px; top: 1px; } .popup_container{ display: none; background: #FFF; width: 600px; /*height: 450px;*/ border: 7px solid #DDDDDD; position: fixed; top: 50%; left: 50%; margin-top: -225px; margin-left: -300px; z-index: 999; box-shadow: 0 0 10px #000; padding-bottom: 10px; } .popup_container .container{ width: 100%; height: 100%; position: relative; } .popup_container .container .close{ position: absolute; top: 5px; right: 5px; width: 28px; height: 29px; background: url("../images/product/button_close.png") 0 0 no-repeat; cursor: pointer; } .popup_container .container .title{ display: block; float: left; height: 40px; width: 540px; border-bottom: 1px dotted #DDDDDD; margin: 0 30px; line-height: 40px; text-align: center; font-size: 18px; } .popup_container .container .section-me, .popup_container .container .section-friend{ display: block; float: left; width: 540px; margin: 0 30px; padding-top: 30px; } .popup_container .container .section-me{ border-bottom: 1px dotted #DDDDDD; padding-bottom: 20px; background: url("../images/product/polec.png") 0 10px no-repeat; } .popup_container .container .section-friend{ background: url("../images/product/polec.png") 0 10px no-repeat; height: 145px; } .popup_container .container .left, .popup_container .container .right{ width:250px; height: 100%; } .popup_container .container .left label, .popup_container .container .left input{ float: left; width: 100%; height: 20px; margin: 3px 0; } .popup_container .container .right ul{ list-style: none; } .popup_container .container .right ul li{ float: left; width: 100%; } .popup_container .container .right label, .popup_container .container .right input{ float: left; line-height: 20px; margin: 3px 0; } .popup_container .container .right input{ width: 30px; height: 20px; } .popup_container .container .right label{ width: 220px; } .popup_container .container .right img, .popup_container .container .right span{ float: left; display: block; } .popup_container .container .right span{ width: 100%; } .popup_container .container .footer{ display: block; float: left; width: 540px; margin: 0 30px; background: none; padding: 0; } .popup_container .container .footer span{ float: left; margin-top: 5px; } .popup_container .container .footer .send{ position: absolute; top: 0; right: 50px; height: 30px; padding: 0 15px; line-height: 30px; background: url("../images/cms/orange-button.jpg") 0 0 repeat-x; cursor: pointer; color: #FFF; } .errorbox { color: #000000; text-align: left; } .errorbox .close-btn-all { background: url("../images/errorbox/close.png") no-repeat scroll 0 0 transparent; right: 10px; } .errorbox-title { display: block; font-size: 18px; font-weight: bold; } .errorbox-message { background: none repeat scroll 0 0 #F1F1F1; display: block; margin: 20px 0; padding: 10px 15px; width: 380px; } .errorbox-advice { display: block; } .errorbox-btn { background: url("../images/errorbox/arrow_right.png") no-repeat scroll 90% 50% #8DB151; color: #FFFFFF; cursor: pointer; float: right; padding: 15px 40px 15px 20px; } .backbone_hidden { display: none; } /**********************************PAINTINGS**********************************/ div.handpaint_ico{ width: 50px; height: 50px; position: absolute; display: block; top: 20px; right: 20px; background: url('../images/category/handpaint_logo.png') no-repeat center; z-index: 1; } div.magma_ico{ width: 50px; height: 50px; position: absolute; display: block; top: 20px; right: 20px; background: url('../images/category/magma_logo.png') no-repeat center; z-index: 1; } .description-ratings { float: none; width: 205px; margin-bottom: 5px; cursor: default; margin-top: 0px; } .description-ratings .ratings { cursor: pointer; } span.ratings-rate { font-size: 14px; line-height: 20px; color: #1a1a1a; margin-right: 5px; } #ajaxLoader { width: 16px; height: 16px; position: absolute; background: url('../images/opc-ajax-loader.gif') no-repeat; } .image_magnified .slider { float: none !important; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; max-width: 570px; } .image_magnified .slider .slider_images { clear: left; float: none; height: 8%; padding: 2% 0 0; width: 100%; } .product-view.poster .image_magnified .slider .slider_images{ width: 100%;max-width:570px; } /*********STATIC PAGE INST**********/ .grid-div{ margin: 10px -10px; box-sizing: border-box; } .grid-div:after{ content: ""; display: table; clear: both; } .grid-div .grid3{ float: left; width: 33.3333%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; margin: 10px 0; box-sizing: border-box; } .grid-div .grid3 img{ width: 100%; } .grid-div .grid2{ float: left; width: 50%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; margin: 10px 0; box-sizing: border-box; } a.titled_image_link{ display: block; font-size: 14px; color: #757575; color: rgba(0,0,0,0.6); line-height: 16px; text-decoration: none !important; } a.titled_image_link img{ width: 100%; box-sizing: border-box; border: 1px solid #ddd; display: block; position: relative; } a.titled_image_link div.apla{ position: relative; } a.titled_image_link:hover div.apla:after{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.05); content: ""; } a.titled_image_link i{ font-style: normal; } a.titled_image_link:hover i{ color: #f47a53 ; } .list_header{ font-size: 1.4em; font-weight: bold; margin: 15px 0; } .orange_numeric{ margin: 5px 0px; padding: 0 0 0 0px; } .orange_numeric li{ font-weight: bold; color: #f47a53; margin-bottom: 5px; text-align: justify; list-style: disc; } .orange_numeric li span{ font-weight: normal; color: #000; padding-left: 10px; display: block; } .atention_box{ border: 2px solid #6d6e71; background: #f4f4f4; padding: 15px; line-height: 1.7em; margin-bottom: 25px; text-align: justify; } .atention_box strong{ color: #f47a53; } .col-div{ margin: 10px -10px; box-sizing: border-box; } .col-div:after{ content: ""; display: table; clear: both; } .col35_10{ float: left; width: 35%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; margin: 10px 10% 0 0; box-sizing: border-box; } .col55{ float: left; width: 55%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; margin: 10px 0; box-sizing: border-box; } .col5_30{ float: left; width: 30%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; margin: 10px 0 0 5%; box-sizing: border-box; } .col65{ float: left; width: 65%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; margin: 10px 0; box-sizing: border-box; } /************BANNER WITH COUNTER*************/ .counterBannerEnd, .counterBanner{ box-sizing: border-box; overflow: hidden; position: relative; width: 100%; display: none; } .counterBanner a{ display: block; text-decoration: none !important; } .counterBanner a img{ width: 100%; } .counterBanner .countBox{ position: absolute; padding: 0px 15px; font-size: 22px; color: #000; display: inline-block; display: none; font-family: "OpenSans", "Oxygen"; box-sizing: border-box; } .counterBanner .countBox .daybox{white-space: nowrap;} .counterBanner .countBox .timebox span{ display: inline-block; vertical-align: middle; } .counterBanner .countBox td{ text-align: center; vertical-align: middle; } .counterBanner .countBox .daysLabel{ padding-right: 15px; } .counterBanner .countBox .days, .counterBanner .countBox .daysLabel{ display: inline-block; margin: 0px !important; font-size: 18px; } .counterBanner .countBox .daysLabel .plural, .counterBanner .countBox .daysLabel .singular, .counterBanner .countBox .hideOnZero { display: none; } .counterBanner .countBox i{ font-style: normal; display: none; } /***********STATIC PAGES - ABOUT US*******************/ /***********STATIC PAGES - Contact*******************/ .contact-page .grid-div{ margin-top: 0px !important; } .contact-page > p{ font-size: 14px; font-weight: 400; line-height: 26px; text-align: center; } .contact-page > p a{ color: #434182; text-decoration: underline; } .contact-page .contact-details table td{ font-size: 14px; font-weight: 400; line-height: 24px; padding-bottom: 20px; } .contact-page .contact-details { font-size: 14px; font-weight: 400; line-height: 26px; } .contact-page .contact-details table td{ vertical-align: top; } .contact-page .contact-details table a{ color: #434182; } .contact-page .contact-details table img{ margin-right: 10px; margin-top: 4px; } .contact-page .contact-face img{ width: 100%; max-width: 264px; } .contact-page .contact-details table tr:last-of-type td img{ margin-top: 7px; } .contact-page #contactForm{ padding-top: 25px !important; width: 100%; display: block; } .contact-page .fieldset{ padding: 0px 20px 0 0 !important; margin: 0px; border: none !important; } .contact-page .fieldset .input-box{ margin-bottom: 10px; } .contact-page .fieldset .input-box input{ border: 1px solid #b3b3b3; line-height: 38px; font-size: 14px; width: 100% !important; padding: 0 10px; box-sizing: border-box; background: #fff !important; color: #000; } .contact-page select:focus, .contact-page .fieldset .input-box textarea:focus, .contact-page .fieldset .input-box input:focus{ border-color: #8c8c8c !important; } .contact-page .fieldset .input-box textarea{ border: 1px solid #b3b3b3; width: 100% !important; padding: 10px; box-sizing: border-box; resize: none; min-height: 150px; background: #fff !important; font-size: 14px; color: #8c8c8c; } .contact-page #contactForm textarea::-webkit-input-placeholder, .contact-page #contactForm input::-webkit-input-placeholder { font-size: 14px; font-style: normal; color: #8c8c8c; } .contact-page #contactForm textarea:-moz-placeholder, .contact-page #contactForm input:-moz-placeholder { font-size: 14px; font-style: normal; color: #8c8c8c; } .contact-page #contactForm textarea::-moz-placeholder, .contact-page #contactForm input::-moz-placeholder{ font-size: 14px; font-style: normal; color: #8c8c8c; } .contact-page #contactForm textarea:-ms-input-placeholder, .contact-page #contactForm input:-ms-input-placeholder { font-size: 14px; font-style: normal; color: #8c8c8c; } .contact-page .grid-div + p{ padding-top: 10px; } .contact-page select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ''; text-indent: 0.01px; border: 1px solid #b3b3b3; line-height: 32px; font-size: 14px; width: 100% !important; padding: 0 6px; box-sizing: border-box; background: #fff url('../images/arrows/selectArrow.png') no-repeat right center !important; height: 38px !important; color: #8c8c8c; } .contact-page select option{ padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; } .contact-page select option:first-of-type{ padding-top: 10px; } .contact-page select option:last-of-type{ padding-bottom: 10px; } .contact-page select:focus{ color: #8c8c8c; font-size: 14px; } .contact-page select::-ms-expand { display: none; } .floatLeft{ float: left; } .floatRight{ float: right; } .contact-face-mobile{ display: none; } .contact-page .fieldset .input-box textarea.validation-failed, .contact-page .fieldset .input-box input.validation-failed{ border: 1px solid #eb340a !important; } /*****************GIFT CART PAGE*****************/ #giftcard-lp{position: relative;} #giftcard-lp img{display: block;} #giftcard-lp .gift-card-lp-footer strong{font-size: 24px;vertical-align: -10%;} #giftcard-lp .gift-card-lp-top h1:before, #giftcard-lp .gift-card-lp-top h1:after{display: none;} #giftcard-lp .gift-card-lp-top h1{padding: 0px;font-size: 32px;font-weight: bold;line-height: 1em;text-align: left;} #giftcard-lp .gift-card-lp-top .text-header-subtext{font-size: 18px;} #giftcard-lp .gift-card-lp-top img{display: inline-block;margin-right: 20px; vertical-align: top;} #giftcard-lp ul{margin: 0px;padding: 0px;} #giftcard-lp ul li{margin-bottom: 10px;position: relative;} #giftcard-lp .gift-card-lp-top > p{margin: 20px 0;} #giftcard-lp .gift-card-lp-top a{background:#5a63ff;display: inline-block;padding: 14px 44px;color:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #giftcard-lp .gift-card-lp-top a:hover{background: #102d79;} #giftcard-lp .gift-card-lp-bottom li:before{content: "\2022"; position: absolute; top: 4px;left: -20px;display: block;font-size: 12px;line-height: 1em;} .category-7127 .category-description{display: none;} @media (min-width: 631px) { #giftcard-lp a img.mobile_img {display: none;} #giftcard-lp .gift-card-lp-top{position: absolute; top: 38px;left: 71px;max-width: 340px;} #giftcard-lp .gift-card-lp-footer{position: absolute; bottom: 6px;left: 0px;width: 100%;max-width: 460px;text-align: center;} #giftcard-lp .gift-card-lp-bottom{position: absolute; bottom: 85px;left: 71px;max-width: 340px;} #giftcard-lp .gift-card-lp-top .orange-heading{padding-top: 0px;text-align: left;} } @media (max-width: 630px) { #giftcard-lp .card-link img{width: 100%;max-width: 80%;margin: 20px auto 0;} #giftcard-lp a img:not(.mobile_img){display: none;} #giftcard-lp .gift-card-lp-top{left: 31px;width: 100%;} #giftcard-lp .gift-card-lp-bottom{left: 45px;width: 100%;} #giftcard-lp .gift-card-lp-footer{max-width: none;} #giftcard-lp .gift-card-lp-bottom{margin: 20px 0 10px;padding-left: 20px;} #giftcard-lp .gift-card-lp-footer{width: 100%;text-align: center; background: #f9e9cf;margin-top: 20px;padding: 5px 0;} #giftcard-lp .gift-card-lp-top a{left: 50%;position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} #giftcard-lp .gift-card-lp-top h1{text-align: center;} } #exit-intent, .pop-up-modal{ position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; z-index: 99999; display: none; } #exit-intent .inner-content, .pop-up-modal .inner-content { box-shadow: 0 0 10px rgba(0,0,0,0.35); overflow: hidden; position: relative; display: inline-block; max-width: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #exit-intent .layer-box, .pop-up-modal .layer-box{ width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.5); top: 0; left: 0; bottom: 0; right: 0; display: block; cursor: pointer; text-align: center; } #exit-intent .exit-content, .pop-up-modal .pop-up-content{ position: relative; } #exit-intent .exit-content .close-button, .pop-up-modal .pop-up-content .close-button{ position: absolute; top: 5px; right: 21px; width: 15px; height: 15px; line-height: 15px; color: #102d79; font-size: 35px; font-weight: normal; z-index: 5; cursor: pointer; } #exit-intent .exit-content:hover .close-button, .pop-up-modal .pop-up-content:hover .close-button{color: #5e65f5;} #exit-indent .inner-content img, .pop-up-modal .inner-content img{ width: 100%; } .shippingRestPrice table{ margin: 10px auto 20px; padding: 0px; border-collapse: collapse; font-size: 14px; } .shippingRestPrice table thead{ margin: 0 auto; padding: 0px; } .shippingRestPrice table thead th{ border-top: 1px solid #a7a7a7; border-right: 0px solid #a7a7a7; border-bottom: 2px solid #f47a53; border-left: 1px solid #dbdbdb; padding: 15px; text-align: center; vertical-align: middle; line-height: 18px; } .shippingRestPrice table thead tr th:first-child{ text-align: right; border-left: 1px solid #a7a7a7; } .shippingRestPrice table tbody tr td:last-child, .shippingRestPrice table thead tr th:last-child{ border-right: 1px solid #a7a7a7; } .shippingRestPrice table tbody td{ border-top: 1px solid #dbdbdb; border-right: 0px solid #dbdbdb; border-bottom: 0px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 10px; text-align: center; } .shippingRestPrice table tbody tr td[rowspan]{ text-align: right; vertical-align: middle; border-left: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7 !important; padding-left: 20px; } .shippingRestPrice table tbody tr.first-in-set td{ border-top: 1px solid #a7a7a7 !important; } .shippingRestPrice table tbody tr:last-child td{ border-bottom: 1px solid #a7a7a7 !important; } #postcodeShippingCosts{ width: 300px !important; margin: 0 auto 20px; text-align: center; overflow: hidden; display: block; } .shippingRestPrice { text-align: center; } #postcodeShippingCosts input[type="text"]{ width: 175px; height: 38px; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 10px !important; box-sizing: border-box; color: #656565; background: #fff !important; font-size: 14px; vertical-align: top; } #postcodeShippingCosts input[type="text"].validation-failed{ border: 1px solid #eb340a !important; } #postcodeShippingCosts input[type="submit"]{ width: 38px; height: 38px; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 10px !important; box-sizing: border-box; color: #656565; background: #323236 url("../images/arrows/arrow_cta.png") center no-repeat; font-size: 14px; font-size: 0; line-height: 0; position: relative; cursor: pointer; vertical-align: top; } #postcodeShippingCosts input[type="submit"]:hover{ background-color: #000; } #postcodeShippingCosts select { border: 1px solid #e5e5e5; background: #fff; width: 75px; padding: 0px 10px 0 0; font-size: 14px; height: 38px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } #postcodeShippingCosts select option{ font-size: 14px; } #postcodeShippingCosts div.input-box{ position: relative; display: inline-block; width: 175px; vertical-align: top; } #postcodeShippingCosts div.input-box .validation-advice{ background: none !important; padding-left: 0px; font-weight: normal; text-align: left; } .formLoading, .loadingbox { width: 28px; height: 28px; text-align: center; font-size: 10px; vertical-align: top; padding-top: 4px; margin: 0 auto; } .formLoading > div, .loadingbox > div { background-color: #0fae47 ; height: 80%; width: 3px; display: block; float: left; margin-right: 3px; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .formLoading .rect2, .loadingbox .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .formLoading .rect3, .loadingbox .rect3{ -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .formLoading .rect4, .loadingbox .rect4{ -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .formLoading .rect5, .loadingbox .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; margin-right: 0px; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .shippingRestPrice #zippedTable{ margin-top: 25px; } ul.accessories-head li { float: left; padding: 15px 45px; background: #EEEEEE; } ul.accessories-head li.accessories-head-back { background: url("../images/product/accessories/arrow1.png") no-repeat scroll 100% 50% #FFFFFF; } ul.accessories-head li.accessories-head-next { background: url("../images/product/accessories/arrow2.png") no-repeat scroll 0% 50% #FFFFFF; } div.accessories-order-box { float: right; position: absolute; right: 33px; top: 0; background: #EBEBEB; z-index: 10; } div.accessories-order-box.float-top { position: fixed; top: 32px; z-index: 101; } div.accessories-order-box img { float: left; border: 1px solid #E1E1E3; } div.accessories-order-box div.price { color: #CA4B1E; float: right; font-size: 14px; font-weight: bold; margin: 10px 10px 0 20px; } div.accessories-order-box div.order-details { background: url("../images/product/accessories/gradient.png") repeat-x scroll 0 0 transparent; clear: both; display: block; font-size: 14px; line-height: 34px; text-align: center; border: 1px solid #CACACA; } .order-details > div { /* background: url("../images/product/accessories/arrow_2.png") no-repeat scroll 100% 50% transparent; */ display: block; padding-right: 33px; } .order-details.open > div { background: url("../images/product/accessories/arrow_2_up.png") no-repeat scroll 100% 50% transparent; } div.accessories-order-box div.addtocartbtn { background: url("../images/product/accessories/cart-btn.png") repeat-x scroll 0 0 transparent; clear: both; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; line-height: 46px; margin: 10px auto 20px; padding: 0 15px; position: relative; text-align: center; top: 20px; } div.accessories-order-box div.details { float: left; clear: both; } div.accessories-order-box div.content { border: 1px solid #E0E0E0; border-bottom: 0px; display: block; overflow: hidden; padding: 10px; } .product-sliders h4{ font-size: 1.4em } /*==========================NEWS STYLES=======================================*/ a{color: #102d79;text-decoration: none;-webkit-transition: color 0.25s ease;-moz-transition: color 0.25s ease;-ms-transition: color 0.25s ease;-o-transition: color 0.25s ease;transition: color 0.25s ease;} a:hover,a:focus{color: #5d5abf;} .clearfix:before,.clearfix:after {content:'';display:block;clear:both;} /* Headers */ /* Breadcrumbs */ .breadcrumbs{font-size: 14px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;margin: 10px 0 5px;overflow: hidden;width: 100%;} .breadcrumbs .breadcrumb-item {float: left;} .breadcrumbs .breadcrumb-item *{display: inline-block;font-size: 1em;line-height: 1em;vertical-align: top;} .breadcrumbs .breadcrumb-item h1, .breadcrumbs .breadcrumb-item h2,.breadcrumbs .breadcrumb-item h3,.breadcrumbs .breadcrumb-item h4{color: inherit;margin: 0px;text-align: left;padding: 0;vertical-align: top;} .breadcrumbs .breadcrumb-item h1:before,.breadcrumbs .breadcrumb-item h2:before,.breadcrumbs .breadcrumb-item h3:before,.breadcrumbs .breadcrumb-item h4:before, .breadcrumbs .breadcrumb-item h1:after,.breadcrumbs .breadcrumb-item h2:after,.breadcrumbs .breadcrumb-item h3:after,.breadcrumbs .breadcrumb-item h4:after{display: none;} .breadcrumbs a{color: #102d79;text-decoration: none;-webkit-transition: color 0.25s ease;-moz-transition: color 0.25s ease;-ms-transition: color 0.25s ease;-o-transition: color 0.25s ease;transition: color 0.25s ease;} .breadcrumbs a:hover,.breadcrumbs a:focus{color: #5d5abf;} .breadcrumbs .breadcrumb-item span{font-size: 1.2em;line-height: 1em;} .breadcrumbs .breadcrumb-item > a{line-height: 1em;} .breadcrumbs .breadcrumb-item h1.nolink, .breadcrumbs .breadcrumb-item h2.nolink, .breadcrumbs .breadcrumb-item h3.nolink{line-height: 1.14em;} .breadcrumbs .breadcrumb-item h1, .breadcrumbs .breadcrumb-item h2, .breadcrumbs .breadcrumb-item h3{max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;} /* Select Dropdown */ .trusted-shops .prettyselect-wrap .prettyselect-label::after{top: 5px;} .trusted-shops .prettyselect-label{text-align: left;background: #fff;min-height: 36px;padding-top: 4px;} .trusted-shops .prettyselect-drop{background: #fff !important;border: 1px solid #ccc !important;top: 35px;} .trusted-shops .prettyselect-drop li{padding: 7px 10px;} /* Pager */ .pager{float: right;clear: right;} .pager ol{list-style: none;margin: 0px;padding: 0px;} .pager ol li{display: inline-block;color: #262626;padding: 1px;font-size: 1em;line-height: 1.4em;vertical-align: middle;} .pager ol li.current{padding: 4px;color: #f47a53;} .pager ol li a{display: block;padding: 3px;line-height: 1em;} .pager ol li a:hover{background: #f5f5f5;} .pager ol li a img{display: none;} .pager ol li a.next,.pager ol li a.previous{border: 1px solid #cac9ce;cursor: pointer; margin: 0 5px;position: relative;text-align: center;-webkit-transition: color 0.25s ease;-moz-transition: color 0.25s ease;-ms-transition: color 0.25s ease;-o-transition: color 0.25s ease;transition: color 0.25s ease;height: 20px;width: 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .pager ol li a.next:after{content: "\e684";font-family: "Pe-icon-7-stroke";font-size: 2em;line-height: 0.9em;height: 100%;left: -1px;position: absolute;top: 0px;} .pager ol li a.previous:after{content: "\e686";font-family: "Pe-icon-7-stroke";font-size: 2em;line-height: 0.9em;height: 100%;left: -1px;position: absolute;top: 0px;} /* Product in grid */ .products-grid{box-sizing: border-box;margin: 0 -5px;} .products-grid:before,.products-grid:after {clear:both;content:'';display:block;} .products-grid > *{box-sizing: border-box;float:left;padding: 0 5px 30px;vertical-align: top;width: 33.3333%;} .products-grid.listing-4cols > *{width: 25%;} .products-grid.listing-4cols .action_buttons{top: -11px;} @media (max-width: 767px) { .products-grid.listing-4cols > *{width: 33.33333%;} } @media (max-width: 460px) { .products-grid.listing-4cols > *{width: 50%;} } .products-grid > div > div > a{display: block;position: relative;box-sizing: border-box;overflow: hidden;width: 100%;border: 1px solid transparent;} .page:not(.allplate) .products-grid > div:hover > div > a{border-color: #808080;} .products-grid > div > div > a:before {content: "";display: block;padding-top: 84.677%;} .products-grid > div > div > a img{width: auto;max-width: 100%;max-height: 99.9%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .products-grid .hidden-data{margin-top: 10px;position: relative;} .products-grid .hidden-data h3{font-size: 1em;font-weight: normal;white-space: nowrap; width: 100%;overflow: hidden;margin-bottom: 0px;padding-bottom: 0px;text-overflow: ellipsis;} .products-grid .hidden-data h3 span{color: rgba(0, 0, 0, 0.6);font-size: 0.95em;display: block;padding-bottom: 2px;} .products-grid .hidden-data h3:before,.products-grid .hidden-data h3:after{display: none;} .products-grid .hidden-data .product-list-price{text-align: center;display: block;} .products-grid .hidden-data .product-list-price > *{display: inline-block;vertical-align: baseline;float: none;} .products-grid .hidden-data .product-list-price > span:first-child{color: rgba(0, 0, 0, 0.6);font-size: 0.9em;padding-right: 5px;} .products-grid .hidden-data .product-list-price > .price-box .regular-price{ color: #000;font-size: 1.15em;} .products-grid .hidden-data .product-list-price > .price-box .discount-price .price {color: rgba(0, 0, 0, 0.6);font-size: 1em;padding-right: 3px;text-decoration: line-through;} .products-grid .hidden-data .product-list-price > .price-box + .price-box .regular-price{color: #f26444;} /* Product page - info */ .product-description h1{text-align: left;margin: 0px;line-height: 1em;padding-bottom: 8px;line-height: 1.2em;font-size: 18px;} .product-description h1:before{left: 15px;} .product-description h1:after{left: 0;width: 100%;} .product-description h1 span{color: rgba(0, 0, 0, 0.6);font-size: 13px;display: block;line-height: 1.3em} .qONjs .products-grid .item .listing-box > a:before {content: "";display: block;padding-top: 84.677%;} .qONjs .products-grid .item .listing-box > a img{width: auto;max-width: 100%;max-height: 99.9%;position: absolute;top: 0%;left: 0%;} .qONjs .homepage-product-types .owl-carousel{width: 100% !important;} .qONjs .homepage-product-types .owl-carousel .owl-prev{margin-left: 0px !important;} .qONjs .homepage-product-types .owl-carousel .owl-next{margin-right: 0px !important;} .qONjs .homepage-product-types .owl-carousel .owl-item .item{padding: 10px;} #maincontent .qONjs .homepage-product-types{text-align: center;} #maincontent .qONjs .homepage-product-types > h3{display: inline-block !important; margin: 40px auto 20px !important;padding: 0 40px;width: auto !important;max-width: 100%;box-sizing: border-box;} #maincontent .qONjs .homepage-product-types > h3:before{ bottom: auto !important; left: 0px !important; width: 20px !important; margin-left: 0px !important; top: 13px; } #maincontent .qONjs .homepage-product-types > h3:after{ bottom: auto !important; right: 0px !important; width: 20px !important; margin-left: 0px !important; top: 13px; height: 3px; background: #f26444 !important; left: auto !important; } .revert-content .qONjs {margin-bottom: 0px;} /* Facebook Likebox */ .fbLikeBox{background: url("../images/footer/fbFull.png") no-repeat scroll left center transparent !important; float: right;height: 178px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:26%;} .fbLikeBox > div{ height: 170px;padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} /* Trusted Shops */ .sp-methods .trusted-shops { border: 0px solid transparent; position: relative; } .sp-methods .trusted-shops input#trusted_shops { top: 0; left: 0; position: relative; } .sp-methods .trusted-shops label { display: inline-block; } @media (max-width: 900px) { .fbLikeBox{display: none !important;} } .configure_radio_label{display: block;width: 100%;position: relative;z-index: 0;} .configure_radio_label p{margin: 0px;} .configure_radio_label .pe-7s-play{ font-size: 1.2em; vertical-align: -10%; } .configure ul.table-layout{width: 100%;display:block;} .configure ul.table-layout table{width: 100%;} .configure ul.table-layout table td{padding: 7px 0;text-align: left;} .configure ul.table-layout table td:not(:first-child){padding: 7px 0 ;border-top: 1px solid #b3b3b3;} .configure ul.table-layout li{position: relative;overflow: hidden;width: 100%;} .configure ul.table-layout li:first-child td{padding-top: 0 ;border-top: 0px;} .configure ul.table-layout li .option_title{height: 3em;display: block;line-height: 1.2em;} .product-view.gift_card .configure ul.table-layout li .option_title{height: 1.6em;} .product-view.gift_card .configure ul.table-layout li .short-description{color:#8c8c8c;font-size: 0.9em;line-height: 1.3em !important;display: block;} .product-view.gift_card .configure ul.table-layout li .short-description span{display: block;color:#12ad47; font-size: 1.2em;margin-top: 5px;} .product-view.gift_card .product-configuration .qONjs{display: none !important;} .configure ul.table-layout li.active .option_title{font-weight: bolder;} .configure ul.table-layout table tr td:first-child{vertical-align: middle;width: 25px;} .configure ul.table-layout table tr td:first-child + td{vertical-align: middle;width: 100px;} .configure ul.table-layout table input[type="radio"]{opacity: 0;visibility: hidden;position: absolute;} .configure ul.table-layout table input + .radiostyle{position: relative;display: block;width: 15px;height: 15px;border: 1px solid #808080;border-radius: 50%;} .configure ul.table-layout table input + .radiostyle:after{position: absolute;top: 3px;left: 3px;display: block;content: "";width: 9px;height: 9px; background: #f15828;border-radius: 50% !important;opacity: 0; transition: opacity 300ms linear;} .configure ul.table-layout li.active table input:checked + .radiostyle:after{opacity: 1;} .configure .tech_tooltip{position: absolute;z-index: 9;left: 125px;bottom: 4px;} .configure .tech_tooltip .pe-7s-play{vertical-align: -17%;font-size: 1.3em;} .product-view.gift_card .configure.pattern ul.table-layout table img{display: block;border-radius: 6px;width: auto;border: 1px solid #f2f2f2;} .product-view .product-configuration > .configure.accessories{margin: 20px 0;} .product-configuration .configure_dimensions li{width: 33.333%; float: left;box-sizing: border-box;padding-top: 4px;padding-bottom: 4px;} .product-configuration .configure_dimensions li label{cursor: pointer; display: block;border-radius: 3px;border: 1px solid #b3b3b3;padding: 3px 0px 3px 5px;box-sizing: border-box;} .product-configuration .configure_dimensions li.active label td{font-weight: bolder;} .product-configuration .configure_dimensions li:nth-child(3n){padding-left: 4px;} .product-configuration .configure_dimensions li:nth-child(3n+1){padding-right: 4px;} .product-configuration .configure_dimensions li:nth-child(3n-1){padding-right: 4px;padding-left: 4px;} .product-configuration .configure_dimensions ul table tr td{vertical-align: middle;font-size: 0.95em;} .product-configuration .configure_dimensions ul table td:not(:first-child) > span{padding-left: 4px;} .product-configuration .configure.additional ul table input[type="checkbox"], .product-configuration .configure_dimensions ul table input[type="radio"]{opacity: 0;visibility: hidden;position: absolute;} .product-configuration .configure_dimensions ul table input + .radiostyle{position: relative;display: block;width: 13px;height: 13px;border: 1px solid #808080;border-radius: 50%;} .product-configuration .configure_dimensions ul table input + .radiostyle:after{position: absolute;top: 3px;left: 3px;display: block;content: "";width: 7px;height: 7px; background: #f15828;border-radius: 50% !important;opacity: 0; transition: opacity 300ms linear;} .product-configuration .configure_dimensions ul table input:checked + .radiostyle:after{opacity: 1;} .product-configuration .configure_dimensions.individual{ margin:10px 0 5px; } .product-configuration .configure.additional p.option_title{margin: 0px;} .product-configuration .conf_line + .configure_dimensions.individual{border-top: 0px;} .dimensions-slider-dimensions:not(.non-active){font-weight: bolder;} .dimensions-slider-container{width: 100%;} .dimensions-slider-container ul{width: 100%;overflow: hidden;} .dimensions-slider-parent{width: 100%;height: 15px;margin: 10px auto;position: relative;} .dimensions-slider-line {z-index: -1;position: absolute;top: 5px;left: 0px;background: transparent url("../images/catalog/paintings/size-slider-line.png") center left no-repeat;background-size: 100% 5px;height: 5px;overflow: hidden;width: 100%;} .dimensions-slider-container .dimensions-slider-slider {cursor: pointer;float: left;height: 15px;width: 15px;border-radius: 50%;background: #f15828;z-index:2;} .dimensions-slider-container #individual_slider_tooltip{background: #ffffff;border: 1px solid #b3b3b3;border-radius: 3px;display: none;height: 140px;width: 230px;left: 50%;margin-left: -115px;padding: 5px;position: absolute;text-align: center;top: 20px;z-index: 9;} .dimensions-slider-container #individual_slider_tooltip img{position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;} .product-configuration .configure_values ul{ overflow: hidden; } .product-configuration .configure_values p{ font-size: 13px; color: #898989; margin: 10px 0 5px; } .product-configuration .configure_values li{width: 33.333%; float: left;box-sizing: border-box;padding-top: 4px;padding-bottom: 4px;} .product-configuration .configure_values li label{cursor: pointer; display: block;border-radius: 3px;border: 1px solid #b3b3b3;padding: 3px 0px 3px 5px;box-sizing: border-box;} .product-configuration .configure_values li.active label td{font-weight: bolder;} .product-configuration .configure_values li:nth-child(3n){padding-left: 4px;} .product-configuration .configure_values li:nth-child(3n+1){padding-right: 4px;} .product-configuration .configure_values li:nth-child(3n-1){padding-right: 4px;padding-left: 4px;} .product-configuration .configure_values ul table tr td{vertical-align: middle;font-size: 0.95em;} .product-configuration .configure_values ul table td:not(:first-child) > span{padding-left: 4px;} .product-configuration .configure_values ul table input[type="radio"]{opacity: 0;visibility: hidden;position: absolute;} .product-configuration .configure_values ul table input + .radiostyle{position: relative;display: block;width: 13px;height: 13px;border: 1px solid #808080;border-radius: 50%;} .product-configuration .configure_values ul table input + .radiostyle:after{position: absolute;top: 3px;left: 3px;display: block;content: "";width: 7px;height: 7px; background: #f15828;border-radius: 50% !important;opacity: 0; transition: opacity 300ms linear;} .product-configuration .configure_values ul table input:checked + .radiostyle:after{opacity: 1;} @media (max-width: 900px) { .product-configuration .configure.dimensions li{width: 47%;margin: 5px 1%;} .product-configuration .configure_dimensions li{padding: 4px !important;} #techniques_compare{margin-bottom: 30px;} } @media (max-width: 460px) { #techniques_compare th{padding: 10px 5px;} #techniques_compare td{padding: 10px 5px;} } .wallpapers-dimensions-intro{ font-size: 1.1em; text-align: center; width: 100%; } .wait-loading{ background-color: rgba(0, 0, 0, 0.3); height: 100%; left: 0; right: 0px; top: 0px; bottom: 0px; position: fixed; z-index: 10001; } .content-loading {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-color: rgba(0, 0, 0, 0.3);} .content-loading .loaderWrapper, .wait-loading .loaderWrapper{ background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; padding: 30px; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: inline-block; text-align: center; font-size: 1.1em; min-width: 160px; } .loaderWrapper .description{line-height: 1.3em;} .wait-loading-coupon #formLoading{display: block;margin: 0 auto 10px;} .bimago-subheading{margin: 10px 0 10px;} .bimago-subheading .text-header{font-size: 18px;text-align: left;margin: 0px;padding: 0px;} .bimago-subheading .text-header:before, .bimago-subheading .text-header:after{display: none;} .bimago-subheading hr{width: 20px;height: 2px;background-color:#f26444;border: 0px;margin: 8px 0;text-align: left;} .category-content, .category-title{overflow: hidden;} .category-content .orange-heading, .category-title .orange-heading{padding: 0px 0 10px;} .sticky_column.is_stuck{z-index: 1;} .homepage-layout .product-view .homepage-product-types > h3{font-size: 1.7em !important;margin-bottom: 15px;} .homepage-layout .product-view .homepage-product-types .product-list-name a{position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .homepage-layout .product-view .homepage-product-types a{padding: 0px !important;overflow: hidden;} .homepage-layout .product-view .homepage-product-types .product-list-name a span {margin: 0px !important;display: inline;} span.number{font-family: "Lato", "Oxygen", "Open Sans";font-weight: bold;} /* CALLBACK */ .bmCallback { display: inline-block; } .bmCallbackPopupWrapper{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.4);z-index: 99999 !important;} .bmCallbackPopup{ position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 720px; background: #fff; } .bmCallbackPopupProductDataSidebar{ background: #f0f0f0; box-sizing: border-box; padding: 25px; text-align: left; } .bmCallbackPopupProductDataSidebar .text-header-subtext{ font-size: 13px;margin-bottom: 0px;color:#858585;margin-top: 10px; } .bmCallbackPopupProductDataSidebar .product-number{ font-size: 13px;margin-bottom: 10px;color:#858585; } .bmCallbackPopupProductDataSidebar .product-params-list{font-size: 13px;} .bmCallbackPopupProductDataSidebar .regular-price{ font-size: 22px;margin-top: 10px;display: block; } .bmCallbackLoaderLayer{z-index: 3;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(255,255,255,0.6);} .bmCallbackLoader{ background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; padding: 30px; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: inline-block; text-align: center; font-size: 1.1em; } .bmCallbackPopupProductDataSidebar img{display: block;height: 100px;width: auto;border: 1px solid #858585;background: #fff;} .bmCallbackPopupProductDataSidebar h1:before,.bmCallbackPopupProductDataSidebar h1:after{display: none;} .bmCallbackPopupProductDataSidebar h1{font-size: 1.3em;text-align: left;margin: 0px;padding: 0px;font-weight: normal;} .bmCallbackPopupProductDataSidebar h1 span{display: block;color: #858585;font-size: 0.7em;line-height: 1em;} .bmCallbackPopupProductDataSidebar .product_id{font-size: 0.8em;color: #858585;line-height: 1.4em;margin-bottom: 10px;} .bmCallbackPopupProductDataSidebar ul li{font-size: 1em;line-height: 1.3em;font-size: 0.9em;} .bmCallbackPopupProductDataSidebar ul li .label{padding-right: 5px;} .bmCallbackPopupProductDataSidebar ul li .value{font-weight: normal;} .bmCallbackPopupProductDataSidebar .price-box{ font-size: 1.6em; margin-top: 15px;padding-bottom: 10px; color: #000; } .bmCallbackPopupForm{display: inline-block;} .bmCallbackPopupForm form{padding: 15px 25px;box-sizing: border-box;display: inline-block;} .bmCallbackPopupForm form p{font-size: 1.4em;} .bmCallbackPopupForm form .form-fields{text-align: left;padding-top: 20px;} .bmCallbackPopupForm form .input-box{margin-bottom: 15px;} .bmCallbackPopupForm form label{display: block;} .bmCallbackPopupForm form input{padding: 4px 0;display: block;width: 100%;border: 0px;border-bottom: 1px solid #f0f0f0; } .bmCallbackPopupForm form input::-webkit-input-placeholder { font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } .bmCallbackPopupForm form input:-moz-placeholder { /* Firefox 18- */ font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } .bmCallbackPopupForm form input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } .bmCallbackPopupForm form input:-ms-input-placeholder { font-size: 12px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } .bmCallbackPopupForm form .form-action-btns{padding-top: 10px;overflow: hidden;} .bmCallbackPopupForm form .form-action-btns input{ background: #0fae47; padding: 4px 20px; height: 45px; border: 0px !important; font-size: 14px; color: #ffffff; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 100ms ease-in-out; font-family: "Oxygen", "Open Sans"; text-align: center; width: auto; float: right; cursor: pointer; } .bmCallbackPopupForm form .form-action-btns input:hover { background: #108237; } .bmCallbackPopupClose{z-index: 2;cursor: pointer;position: absolute;top: 0px;right: 0px;width: 30px;height: 30px;overflow: hidden;} .bmCallbackPopupClose:after{ content: "\e680"; display: block; position: absolute; font-family: "Pe-icon-7-stroke"; top: -10px;left: -2px; font-size: 2.5em; } .bmCallbackPopupThankYou{overflow: hidden;padding: 30px;box-sizing: border-box;} .bmCallbackPopupThankYou .orange-heading{padding-top: 0px;} .product-after-add-to-box{width: 100%;} .product-after-add-to-box .or-space{ margin: 4px 0; text-align: center; width: 100%; display: block; float: left; } .product-after-add-to-box .or-space span{ display: inline-block !important; padding: 0 20px; position: relative; } .product-after-add-to-box .or-space span:before{ background: #f26444; content: ""; height: 2px; left: 0px; top: 11px; position: absolute; width: 10px; } .product-after-add-to-box .or-space span:after{ background: #f26444; content: ""; height: 2px; right: 0px; top: 11px; position: absolute; width: 10px; } .product-after-add-to-box .bmCallback p{margin: 0px;} .product-after-add-to-box .bmCallback { background: #6268de;; width: 100%; padding: 10px 0 4px; height: 45px; border: 0px !important; font-size: 14px; color: #ffffff; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 100ms ease-in-out; text-align: center; box-sizing: border-box; position: relative; cursor:pointer; } .product-after-add-to-box .bmCallback:hover{ background: #102d79; } .product-after-add-to-box .bmCallback .phone-circle{position: absolute;top: 0px;left: 0px;line-height: 48px; width:45px;height: 45px;display: block;font-size: 2em;text-align: center;} .product-after-add-to-box .bmCallback .tooltip{ background: #fff6ed none repeat scroll 0 0 !important; border: 1px solid #eed6bf; border-radius: 15px; font-size: 12px; left: 50%; opacity: 0; padding: 5px 10px; position: absolute; top: -20px; transition: all 0.2s linear 0s; visibility: hidden; white-space: nowrap; z-index: 2; color: #262626; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-after-add-to-box .bmCallback:hover .tooltip{ opacity: 1; visibility: visible; } #callback-header{cursor: pointer;} #callback-header .pe-7s-mail-open-file{font-size: 1.5em;vertical-align: -10%;padding-right: 2px;} @media (min-width: 681px){ .bmCallbackPopupForm.left-right:before{position: absolute;top: 0px;left: 0px;bottom: 0px;right: 50%;content:"";display: block;z-index: -1;background: #f0f0f0; } .bmCallbackPopupForm.left-right form{width: 50%;float: right;} .bmCallbackPopupForm.left-right .bmCallbackPopupProductDataSidebar{width: 50%; float: left;} .bmCallbackPopupForm.left-right{width: 660px;} } @media (max-width: 680px){ .bmCallbackPopupForm form{width: 100%;box-sizing: border-box;} .bmCallbackPopupProductDataSidebar{width: 100%;box-sizing: border-box; } .bmCallbackPopup{overflow: auto;max-height: 350px;} } @media (max-width: 460px){ .bmCallbackPopup{ max-width: 95%; } .bmCallbackPopupForm form{width: 100%;box-sizing: border-box;} } .bmCallbackPopupForm form input.invalid {border: 1px solid #f15828;} .youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; float: none !important; } .youtube-player > div{float: none;} .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; } .show-popup.ytpopup .popup-text{ padding-bottom: 57%; } /********FORMS*********/ .account-login{margin-bottom: 30px;} .underline{ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 30px; font-size: 0.95em; } .account-create{margin: 15px 0 5px;} .login-form-style .form-list{width: 80%;margin: 15px auto 0;max-width: 350px;} .buttons-set .notice{ color: #858585;font-size: 0.8em;text-align: center;} #checkout-resetpassword-box .reset_pwd{margin-top: 30px;} .login-form-style .reset_pwd{margin-bottom: 10px;margin-top: 0px;} .login-form-style .reset_pwd span{font-size: 20px;padding-right: 5px;vertical-align: top;} .forgot-form{max-width: 460px;width: 100%;border: 0px;margin: 0 auto;display: block;text-align: center;} .action_orange{ background-color: #f47a53; color: #ffffff; float: left; font-weight: normal; height: 44px; padding: 0 40px; font-family: "Oxygen","Open Sans"; font-size: 14px; cursor: pointer;border: 0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition: background 0.25s ease;-moz-transition: background 0.25s ease;-ms-transition: background 0.25s ease;-o-transition: background 0.25s ease;transition: background 0.25s ease; } .action_orange:hover{ background: #fa8c19; } /* .prettyselect-wrap ~ .floating-label, textarea:focus ~ .floating-label, textarea[value]:not([value=""]):not(:focus) ~ .floating-label{ top: -10px; font-size: 10px; color: #b5b5b5; background:#fff; } .floating-label { padding: 2px 5px; background:#fff; } input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label{ top: 6px; left: 5px; font-size: 11px; opacity: 0.6; } input:focus ~ .floating-label{ top: -10px; color: #909090; font-size: 10px; } */ select ~ .floating-label{display: none;} .prettyselect-wrap ~ .floating-label, textarea:focus ~ .floating-label, textarea:not(:focus):valid ~ .floating-label, input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label{ top: -10px; font-size: 10px; color: #909090; } .floating-label { position: absolute; pointer-events: none; left: 5px; top: 6px; font-size: 14px; transition: 0.2s ease all; padding: 2px 5px; background:#fff; color: #b5b5b5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 95%; box-sizing: border-box; } input, textarea{box-shadow: none !important;outline: 0 !important;} input[type="checkbox"]{display: none;} label.separated-label em, input[type="checkbox"] ~ label em{font-style: normal;padding-right: 3px;color: #f26444;} label.separated-label, input[type="checkbox"] ~ label{display: block;text-align: left;padding-left: 30px;line-height: 1.2em;padding-top: 2px;} label.separated-label:before, input[type="checkbox"] ~ label:before{position: absolute;top: 0px;left: 0px;width: 18px;height: 18px;display: block;border: 1px solid #b3b3b3;;content: "";} .validation-advice:not([style*="display: none"]) + label:before, input[type="checkbox"].validation-failed ~ .expand-label label:before, input[type="checkbox"].validation-failed ~ label:before{border-color: #eb340a !important;} input[type="checkbox"].validation-failed ~ .expand-label label a, input[type="checkbox"].validation-failed ~ .expand-label label, input[type="checkbox"].validation-failed ~ label a, input[type="checkbox"].validation-failed ~ label{color: #eb340a;} label.separated-label:hover:before, input[type="checkbox"] ~ label:hover:before{border-color:#8c8c8c;} input[type="checkbox"] ~ label .checked_text{display: none;margin-top: 3px;} input[type="checkbox"]:checked ~ label .checked_text{display: block;} input[type="checkbox"]:checked ~ .expand-label label:before, label.separated-label.clicked:before, input[type="checkbox"]:checked ~ label:before{background: url(../images/product/option_green_check.png) center no-repeat;background-size: 26px auto;} .expand-label{position: relative;} .expand-label.active label{max-height: none;padding-bottom: 16px;} .expand-label .expand-text{position: absolute;right: 0px;bottom: 0px;background: #fff;font-size: 12px;color:#102d79;line-height: 15px;padding-left: 70px;padding-bottom: 2px; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 15%, rgba(255,255,255,0.96) 36%, rgba(255,255,255,0.98) 52%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(15%, rgba(255,255,255,0.78)), color-stop(36%, rgba(255,255,255,0.96)), color-stop(52%, rgba(255,255,255,0.98)), color-stop(67%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 15%, rgba(255,255,255,0.96) 36%, rgba(255,255,255,0.98) 52%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 15%, rgba(255,255,255,0.96) 36%, rgba(255,255,255,0.98) 52%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 15%, rgba(255,255,255,0.96) 36%, rgba(255,255,255,0.98) 52%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 15%, rgba(255,255,255,0.96) 36%, rgba(255,255,255,0.98) 52%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .expand-label .expand-text span{cursor: pointer;} .expand-label .expand-text span:hover{color: #5d5abf;} .expand-label.active .textdown, .expand-label:not(.active) .textup{display: none;} .input-box input.validation-failed{border: 1px solid #eb340a;background-color: #fcefec;} .input-box input.validation-failed ~ .floating-label{background-color: #fcefec;} .validation-advice{background:#fff !important;min-height: 20px;padding-bottom: 3px;z-index: 1; max-width: 100%;padding-left: 5px;color:#eb340a;font-size:0px; background: none;box-sizing: border-box;overflow: hidden;padding-right: 15px;position: absolute;right: -6px;top: -8px;width: 15px; -webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px; } .validation-advice:after{display: block;position: absolute;top: 0px;right: 0px;content: '!';border: 1px solid #eb340a;font-size: 10px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 13px;height: 13px;background: #fff;text-align: center;line-height: 13px;font-weight: bold; } .validation-advice:hover{width: auto;padding-right: 18px;padding-left: 5px;font-size: 10px;} .validation-advice:not(:hover){overflow: hidden;height: 15px;} .validation-advice:not([style*="display: none;"]) ~ .expand-label label a, .validation-advice:not([style*="display: none;"]) ~ .expand-label label{color:red;} .validation-advice:not([style*="display: none;"]) ~ .expand-label label:before{border-color: red;} input.validation-failed ~ .input-box label{color:red;} input.validation-failed ~ .input-box label:before{border-color: red;} .paypal-review-order .review-params-paypal{padding: 0px;border: 0px;margin: 0px;} .paypal-review-order .cart-cols p.block-title{margin-top: 0px;} .payments-image img{width: 100%;} .input-box .prettyselect-wrap .prettyselect-label{ -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border: 1px solid #b3b3b3; line-height: 38px; font-size: 14px; padding: 0 10px; background: #fff !important; color: #000; text-align: left; } .input-box .prettyselect-wrap .prettyselect-label:after{top: 7px;right: 2px;} .input-box .prettyselect-wrap .prettyselect-drop{top:39px; border: 1px solid #b3b3b3;} .check-label{min-height: 20px;margin-bottom: 10px;} .input-box.standard label, .accordion-panel .check-label label{color:#262626;font-size: 14px;padding-top: 2px;} .accordion-panel .panel-content{display: none;} .address-item{ border: 1px solid #b3b3b3; font-size: 14px; padding: 0 10px 8px; box-sizing: border-box; background: #fff; color: #000; position: relative; } .address-selection .address-item:after{ display: block; position: absolute;top: -1px;right: -1px;content: ""; border: 1px solid #b3b3b3;width: 20px;height: 20px; } .address-selection .address-item{cursor: pointer;} .address-selection .address-item.selected:after{border-color: #108237;background: url(../images/product/option_green_check.png) center no-repeat; background-size: 100% auto;} .address-selection .address-item.selected{border-color: #108237;} .address-selection .address-item:not(.selected):hover:after, .address-selection .address-item:not(.selected):hover{border-color: #8c8c8c;} .address-item address{padding-bottom: 10px; border-bottom: 1px solid #b3b3b3;} .address-item strong, .address-item address > span{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: block;} .address-item strong{display: block;padding: 10px 0 5px;} .address-item a{display: inline-block;padding: 5px 0 0;} .address-item.noaddress address + a, .address-item:not(.noaddress) > a + a, .address-item.noaddress address{display: none;} .address-item.noaddress{padding: 0px;} .address-item.noaddress > a + a{display: inline-block;text-align: center;width: 100%;padding: 46px 0 47px;} .address-item.noaddress > a + a span{display: block;font-size: 30px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .noaddress_popup .col-xs-12.col-md-5{display: none !important;} .noaddress_popup .col-xs-12.col-md-6.col-md-push-1{left: 0px;width: 100%;} .noaddress_popup .popup-box:not(.translate-mode) .address-selection{max-width: 360px;} .noaddress_popup .address-selection form{background: none;} .header-address { position: relative; padding-left: 30px; height: 30px; cursor: pointer; } .header-address .checkbox { cursor: pointer; width: 20px; height: 20px; position: absolute; top: 4px; left: 0px; border: 1px solid #b3b3b3; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } .header-address.selected .checkbox { border-color: #029243; color: #029243; background-image: url(../images/category/check-green.png); } .header-address.selected + .address-item{border-color: #029243;} .header-address p { font-size: 12px; line-height: 1.2em; position: relative; top: 50%; transform: perspective(1px) translateY(-50%); } .header-address.selected p.to_activate, .header-address:not(.selected) p.activated{ display: none; } .new-address-button{cursor: pointer;border: 1px solid #b3b3b3;margin-top: 30px;text-align: center;position: relative;} .new-address-button::before { content: ""; display: block; padding-top: 49.7%; } .new-address-button .accordion-panel{ position: absolute; width: 100%;height: 100%;background: #fdfdfd; top: 0px;left: 0px; font-weight: lighter; } .new-address-button .accordion-panel label:before, .new-address-button .accordion-panel input{display: none;} .new-address-button .accordion-panel .check-label, .new-address-button .accordion-panel .input-box, .new-address-button .accordion-panel label{cursor: pointer;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: 0px;padding: 0px;text-align: center;} .new-address-button .accordion-panel label span.pe-7s-close-circle{display: block;font-size: 40px; font-weight: lighter;color: #b3b3b3;margin-top: 11%;} .new-address-button .accordion-panel input:not(:checked) ~ label span.pe-7s-close-circle{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .new-address-button .accordion-panel input:not(:checked) ~ label span#form-opened, .new-address-button .accordion-panel input:checked ~ label span#form-closed{display: none;} .billing-address-box{ margin-top: 25px; display: none; } input[type="radio"]{display: none;} input[type="radio"] ~ label{position: relative;display: block;font-size: 14px;text-align: left;padding-left: 40px;line-height: 1.2em;color:#717171;} input[type="radio"] ~ label:before{position: absolute;top: -3px;left: 3px;width: 20px;height: 20px;display: block;border: 1px solid #b3b3b3;;content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} input[type="radio"] ~ label:hover:before{border-color:#8c8c8c;} input[type="radio"]:checked ~ label:after{position: absolute;top: 2px;left: 8px;width: 12px;height: 12px;display: block;;content: "";-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#0fae47} button.link-style-btn{background:#fff; border: 1px solid #102d79; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #102d79; cursor: pointer; height: 45px; font-size: 14px; font-weight: normal; margin: 10px auto 0; padding: 10px 20px 10px 20px; transition: all 100ms ease-in-out; text-align: center; width: 100%; } button.link-style-btn:hover{background:#f2f2f2;color:#5d5abf;border-color:#5d5abf;} .pointerlist{padding-left: 30px; margin-bottom: 20px;} .pointerlist li{margin-bottom: 8px;position: relative;} .pointerlist li:before{content: "\2022";position: absolute;top: 4px;left: -20px;display: block;font-size: 12px;line-height: 1em;color:#f26444;} #gifcard-description .didascalia{margin-bottom: 20px;} #gifcard-description .tableLike,#gifcard-description .tableLike div{float: none;} #gifcard-description .tableLike{margin-bottom: 20px;} #gifcard-description .tableLike .tablecellLike:first-child{padding-right: 10px;} #gifcard-description .img-responsive{margin-bottom: 20px;} .widget-category-banner{position: relative;} .widget-category-banner a{display: block;position: relative;} .widget-category-banner .banner-text p{margin: 0px;padding: 0px;line-height: 2em;} .widget-category-banner .banner-text ul {margin: 0px;padding: 0px;} .widget-category-banner .banner-text ul li {line-height: 1.8em;position: relative;} .widget-category-banner .banner-text ul li:before {content: "\2022";position: absolute;top: 8px;left: -20px;display: block;font-size: 12px;line-height: 1em;} .widget-category-banner .banner-text span{font-size: 16px;} .widget-category-banner .banner-text > div > ul{margin: 10px 0 0 20px;} @media (min-width: 768px){ .widget-category-banner .banner-text{ position: absolute; top: 50%; max-width: 300px;width: 90%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-category-banner.left-align .banner-text{left: 10px;} .widget-category-banner:not(.left-align) .banner-text{right: 10px;} .widget-category-banner .banner-text ol {margin: 0px;padding: 0px; list-style-type:decimal;} .widget-category-banner .banner-text ol li {font-family: "Lato","Oxygen","Open Sans"; list-style-type:decimal;font-weight: bold;font-size: 24px;line-height: 1em;padding-left: 10px;} .widget-category-banner .banner-text ol li span{color: #262626;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;font-weight: normal;font-size: 14px;line-height: 1.5em;position: relative;top: -3px;} } @media (max-width: 767px){ .widget-category-banner .banner-text{ position: relative; width: 100%; padding: 20px 5px 20px 35px; box-sizing: border-box; } .widget-category-banner .banner-text ol { list-style-type:decimal;} .widget-category-banner .banner-text ol li {font-family: "Lato","Oxygen","Open Sans"; list-style-type:decimal;font-weight: bold;font-size: 20px;line-height: 1em;padding-left: 10px;} .widget-category-banner .banner-text ol li span{color: #262626;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;font-weight: normal;font-size: 14px;line-height: 1.3em;position: relative;top: -3px;} } .cookieclass { height:0; visibility:hidden } .rollbox .custom { padding-top:0 } .bimago-button{color:#fff;font-size: 1em;padding: 5px 30px 3px;border: 2px solid #fff;display: inline-block;margin: 0 auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;margin-top: 5px;} .bimago-button:hover{background: rgba(255,255,255,0.2)} .bimago-button .pe-7s-angle-right{font-size: 1.8em;vertical-align: -27%;width: 10px;text-align: center;text-indent: -4px;} .cookieclass{visibility: hidden;height: 0px;} @media all and (max-width: 900px){ body{ padding-top: 41px } } @media all and (max-width: 460px){ div.product-view div.product-image.attribute-set-35:after{width: 67px;height: 68px;background-position: center 0px;} div.product-view div.product-image.attribute-set-36:after{width: 67px;height: 68px;background-position: center -76px;} } .wrapper-label{width: 100%;clear: both;} .load-more-box.nothing-to-show p.show-content, .load-more-box:not(.nothing-to-show) p.hide-content{display: none;} .load-more-box .click-to-load{position: relative;box-sizing: border-box;background: #f2f2f2;cursor: pointer;margin: 10px 0;} .load-more-box .click-to-load:before{content: "";display: block;padding-top: 108.3%;} .load-more-box .click-to-load p{position: absolute;top: 50%;width: 100%;color:#102d79;text-align: center; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } .load-more-box .click-to-load p:hover{color:#5C46AB;} .load-more-box div {float: none !important;} .load-more-box .click-to-load p span{display: block;font-size: 45px;} .show-more-list .show-on-more{display: none;} .show-more-list .col-xs-6:not(.show-on-more) + .load-more-box{display: none;} .product-configuration .wrappers{width: 100%;} .product-configuration .wrappers input[type="radio"]{display: none;} .product-configuration .wrappers .grid-row > div{padding:15px; border-bottom: 1px solid #cccccc; border-right :1px solid #cccccc; border-left: 1px solid transparent; border-top: 1px solid transparent; overflow: hidden; } .product-configuration .wrappers div.active{ -webkit-box-shadow:inset 0px 0px 0px 2px #0fae47; -moz-box-shadow:inset 0px 0px 0px 2px #0fae47; box-shadow:inset 0px 0px 0px 2px #0fae47; border-color: #0fae47; } .product-configuration .wrappers label:before{ display: block;width: 15px;height: 15px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border: 1px solid #cccccc;content:"";position: absolute;top: 15px !important;left: 15px !important; } .product-configuration .wrappers .active label:after{ display: block;width: 7px;height: 7px; -moz-border-radius:50%; -webkit-border-radius:50%;; border-radius:50%; content:"";position: absolute;top: 20px;left: 20px;background:#0fae47; } .product-configuration .wrappers .grid-row {float: none;} .product-configuration .wrappers .grid-row > div:nth-child(1), .product-configuration .wrappers .grid-row > div:nth-child(2), .product-configuration .wrappers .grid-row > div:nth-child(3){border-top-color: #cccccc;} .product-configuration .wrappers .grid-row > div:last-child{padding: 0px;} .product-configuration .wrappers .grid-row .click-to-load{margin: -1px 0px 0px -1px;} .product-configuration .wrappers .grid-row .click-to-load::before {padding-top: 100%;} .product-configuration .wrappers .wraps-item, .product-configuration .wrappers .load-more-box{display: none;} .product-configuration .wrappers .load-more-box{border-color: #f2f2f2 !important;} .wraps-item{position:relative;} .wraps-item .size-box{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(102, 102, 102, 0.8);z-index: 10;float: none; display: none; width: 100% !important;height: 100% !important;} .wraps-item .size-box .centerer{position: absolute;top: 50%;left: 50%;box-sizing: border-box;float: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .wraps-item .size-box .centerer img{ position: relative; border: 20px; height: 80vh; background: #fff; padding: 40px 65px 100px; } .wraps-item .size-box .tableLike{float: none;width: 100%;text-align: center;position: absolute;bottom:0px;left: 0px;right: 0px;height: 115px;} .wraps-item .size-box .tableLike .tablerowLike, .wraps-item .size-box .tableLike .tablecellLike{float: none;} .wraps-item .size-box .tableLike i{font-style: normal;color:#777} .wraps-item .size-box .pe-7s-close{position: absolute;top: 3px;right: 3px;font-size: 40px;color: #102d79;cursor: pointer;z-index: 9;} .wraps-item .size-ico{ position: absolute;bottom: -1px;right: -1px; width: 25px; height: 25px; background-color: #fff; border: 1px solid #cccccc; border-radius: 2px;cursor: pointer;text-align: center; } .wraps-item .size-ico span{font-size: 17px;line-height: 26px;display: block;margin: 0 auto;text-align: center;} .product-configuration .wrappers label{ position: static; display: block; padding-left: 0px; } .bimago-products{ position: relative; margin: 4px auto; width: 100%; display: grid; display: -ms-grid; grid-gap: 6px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .bimago-products .item img{max-width: 100%;margin: 0 auto;} .bimago-products .item {position: relative;overflow: hidden;} .bimago-products h2:before, .bimago-products h2:after{display: none;} .bimago-products h2{color:#fff;font-size: 14px;position: absolute; bottom: 10px;text-align: center;width: 100%;margin: 0px;padding: 0px;font-weight: bold;} .bimago-products .load-more-box .click-to-load{margin: 0px;} .bimago-products .load-more-box .click-to-load:before{padding-top: 75%;} .bimago-products .load-more-box{display: none;} .bimago-products .item a, .bimago-products .item a span{display: block;position: relative;} .bimago-products .item span:after{ position: absolute; top: 0; right: 0px; left: 0px; bottom: 0px; z-index: 0; display: block; content: ''; opacity: 0; background: rgba(0,0,0,0.2); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0.3) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(45%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,0.3))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0.3) 100%); } .bimago-products .item:hover span:after{opacity: 1; -webkit-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -ms-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; } @media all and (min-width: 768px) and (max-width: 901px){ .bimago-products{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);} } @media all and (min-width: 768px){ .product-configuration .wrappers .grid-row > div:nth-of-type(6n+1){border-left-color: #cccccc;} .product-configuration .wrappers .grid-row > div:nth-child(4), .product-configuration .wrappers .grid-row > div:nth-child(5), .product-configuration .wrappers .grid-row > div:nth-child(6){border-top-color: #cccccc;} } @media all and (min-width: 461px) and (max-width: 767px){ .product-configuration .wrappers .grid-row > div:nth-of-type(4n+1){border-left-color: #cccccc;} .product-configuration .wrappers .grid-row > div:nth-child(4){border-top-color: #cccccc;} .bimago-products{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);} } @media all and (max-width: 460px){ .product-configuration .wrappers .grid-row > div:nth-of-type(3n+1){border-left-color: #cccccc;} .bimago-products{grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr);} } .disable-add{color:#fff;background:#ccc;display: block;text-align: center;border-radius: 3px;box-sizing: border-box;font-size: 16px;cursor: not-allowed;font-weight: normal; width: 100%;padding: 10px 0;} /***Temporary disabled because nicewall is not aviable but indexd in google**/ .revert-content.in-test #production-time, .revert-content.in-test .price-tax-info, .revert-content.in-test .product-cart-container .price-container, .revert-content.in-test .product-cart-container .add-to-stash, .revert-content.in-test .product-configuration, .revert-content.in-test .product-sliders, .revert-content.in-test .shipping-time-block, .revert-content.in-test .seo-description, .revert-content.in-test .configure.accessories, .revert-content.in-test .product-description-content{display: none !important;} .grid-3-cols{ position: relative; width: 100%; display: grid; display: -ms-grid; grid-gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .grid-2-cols{ position: relative; width: 100%; display: grid; display: -ms-grid; grid-gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .grid-4-cols{ position: relative; width: 100%; display: grid; display: -ms-grid; grid-gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .grid-5-cols{ position: relative; width: 100%; display: grid; display: -ms-grid; grid-gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .grid-6-cols{ position: relative; width: 100%; display: grid; display: -ms-grid; grid-gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .grid-2-cols .item, .grid-3-cols .item, .grid-4-cols .item, .grid-5-cols .item, .grid-6-cols .item{position: relative;width: 100%;} .revert-content{display: -ms-grid;display: grid; grid-template-areas: 'first-to-display' 'second-to-display';grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr);justify-items: stretch;grid-gap: 0px;} .revert-content .display-as-second{grid-area: second-to-display;min-width: 0;-ms-grid-row: 2; -ms-grid-column: 1;} .revert-content .display-as-first{grid-area: first-to-display;min-width: 0;-ms-grid-row: 1; -ms-grid-column: 1;} .grid-2-cols.revert-content{grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr);} .grid-2-cols.revert-content .second-to-display{grid-area: second-to-display;min-width: 0;-ms-grid-row: 1; -ms-grid-column: 2;} .grid-2-cols.revert-content .first-to-display{grid-area: first-to-display;min-width: 0;-ms-grid-row: 1; -ms-grid-column: 1;} ul.orange-bullet{list-style: none;margin: 5px 0 10px;} ul.orange-bullet li{padding-left: 20px;position: relative;} ul.orange-bullet li:before{content:""; display: block;background: #f26444;width: 4px;height: 4px;position: absolute; top: 8px;left: 8px;border-radius: 50%;} @media all and (min-width: 768px) { .grid-2-cols.revert-content{grid-template-areas: "first-to-display second-to-display"} .no-gap{grid-gap: 0px !important;} .gap-10{grid-gap: 10px !important;} .gap-20{grid-gap: 20px !important;} .gap-30{grid-gap: 30px !important;} } @media all and (max-width: 767px) { .grid-6-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } .grid-5-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } .grid-4-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } .grid-3-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } .grid-2-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); } div.no-mobile-gap{grid-gap: 0px;} .grid-2-cols.revert-content{grid-template-areas: "second-to-display" "first-to-display"} } @media all and (max-width: 460px) { .grid-6-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } .grid-5-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } .grid-4-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } .grid-3-cols:not(.stay-initial){ grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); } } body:not(.product-my-picture-on) .page{box-sizing: border-box;margin: 0 auto;width: 100%;max-width: 1015px;display: -ms-grid;display: grid; grid-template-areas: 'header' 'content' 'descritpion';grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr);justify-items: stretch;text-align: left;grid-gap: 0px;} .page .layout-description{ grid-area: descritpion;min-width: 0; -ms-grid-row: 3; -ms-grid-column: 1;} .page #maincontent{ grid-area: content;min-width: 0; -ms-grid-row: 2; -ms-grid-column: 1;} .page #layout-header{ grid-area: header;min-width: 0; -ms-grid-row: 1; -ms-grid-column: 1;} body.product-my-picture-on .page{box-sizing: border-box;margin: 0 auto;width: 100%;display: -ms-grid;display: grid; grid-template-areas: 'header' 'content' 'descritpion';grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr);justify-items: stretch;text-align: left;grid-gap: 0px;align-items: stretch;align-content: stretch; } body.product-my-picture-on #layout-header{max-width: 1015px;width: 100%;justify-self: center;} body.product-my-picture-on .my-picture-on-instruction, body.product-my-picture-on .mypictureon-desc, body.product-my-picture-on .mypictureon-shipping-info{max-width: 1015px;margin: 0 auto;} body.cms-page-view .page{max-width: 100% !important;} body.cms-page-view #maincontent > div, body.cms-page-view .page .std, body.cms-page-view .page #header{max-width: 1015px;margin: 0 auto;} body.cms-page-view #maincontent > div:after,body.cms-page-view #maincontent > div:before{content: '';position: relative;height: 0px;width: 0px;overflow: hidden;white-space: pre;} @media all and (max-width: 767px) { body.cms-index-index .page,body.cms-page-view .page{padding: 0px;} body.cms-index-index .page #maincontent, body.cms-page-view .page #maincontent{padding: 0 10px;overflow: hidden;} body.product-my-picture-on .my-picture-on-instruction, body.product-my-picture-on .mypictureon-desc, body.product-my-picture-on .mypictureon-shipping-info{padding: 0 10px;box-sizing: border-box;} .page .layout-description{ padding: 0 0 20px;overflow: hidden;box-sizing: border-box} body.catalog-category-view #category-description, body.cms-index-index #category-description{padding: 0 10px 20px;box-sizing: border-box;} body .category-description a.more-less{left: 10px;} #maincontent{padding: 0 10px;} } .intro-banner { grid-gap: 0px; grid-template-columns: minmax(0,1fr) 2fr; -ms-grid-columns: minmax(0,1fr) 2fr; grid-template-areas: "left-column right-column"; } .intro-banner.revert-cols { grid-template-columns: 2fr minmax(0,1fr); -ms-grid-columns: 2fr minmax(0,1fr); grid-template-areas: "right-column left-column"; } .intro-banner.short-version { grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); grid-template-areas: "right-column"; } .intro-banner .left-column{grid-area: left-column;min-width: 0;-ms-grid-row: 1; -ms-grid-column: 2;} .intro-banner .right-column{grid-area: right-column;min-width: 0;position: relative; -ms-grid-row: 1; -ms-grid-column: 1;} .intro-banner .text-column{color:#fff;padding: 40px 35px;text-align: left;} .intro-banner .intro-header{text-align: left;font-size: 18px;padding-bottom: 20px;margin-bottom: 20px;} .intro-banner .intro-header strong{font-weight: normal;font-size: 22px;} .intro-banner .intro-header a{color:#fff;} .intro-banner .intro-header:after{display: none;} .intro-banner .intro-header:before{background: #fff;margin-left: 0px;left: 5px;} .intro-banner .text-column .buttonlink{text-align: center;margin: 25px auto 0;} .intro-banner .text-column .buttonlink a{color:#fff;border-color:#fff;} .intro-banner .text-column .buttonlink a:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,0.3);} .intro-banner .share-list{position: absolute; bottom: 30px;z-index: 1;} .intro-banner .share-list a{display: inline-block;width: 37px;height: 37px;margin-right: 5px;opacity: 0.69;} .intro-banner .share-list a.fb-share{background: url('../images/icons/fb_icon_white.png') center top no-repeat;} .intro-banner .share-list a.pinterest-share{background: url('../images/icons/pintrest_icon_white.png') center no-repeat;} .intro-banner .share-list a.twitter-share{background: url('../images/icons/twitter_icon_white.png') center no-repeat;} .intro-banner .share-list a.gplus-share{background: url('../images/icons/gplus_icon_white.png') center no-repeat;} .intro-banner .share-list a.ask-for{background: url('../images/icons/mail_icon_white.png') center no-repeat;} .intro-banner .share-list a.insta-share{background: url('../images/icons/insta_icon_white.png') center no-repeat;} .intro-banner .share-list a:hover{opacity: 1;} .intro-banner.short-version{overflow:hidden;position: relative;} .intro-banner.short-version .text-column p{display: none;} .intro-banner.short-version .text-column .buttonlink span{display: none;} .intro-banner.short-version .text-column .buttonlink .btnLink{padding: 10px 7px 10px 8px} .intro-banner.short-version .intro-header:before{display: none;} .intro-banner.short-version .intro-header{margin: 0px;padding: 0px;} .intro-banner.short-version .right-column > a:before{ position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0);display: block;content: ""; -webkit-transition: background 0.3s linear 0s; -moz-transition: background 0.3s linear 0s; -ms-transition: background 0.3s linear 0s; -o-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; } .intro-banner.short-version:hover .right-column > a:before{ background: rgba(0,0,0,0.36) } .intro-banner.short-version .right-column > a img{width: 100%;} .intro-banner.short-version .share-list{left: 0px !important;right: 0px !important;top: -45px;text-align: center;bottom: auto; -webkit-transition: top 0.3s linear 0s; -moz-transition: top 0.3s linear 0s; -ms-transition: top 0.3s linear 0s; -o-transition: top 0.3s linear 0s; transition: top 0.3s linear 0s;} .intro-banner.short-version:hover .share-list{top: 30px;} .intro-banner.short-version .left-column{position: absolute;left: 0px;right: 0px;bottom: 0px;z-index: 1;padding: 0px;} .intro-banner.short-version .left-column .buttonlink{position: absolute;bottom: 16px;right: 13px;} .intro-banner.short-version .left-column .intro-header{font-size: 16px;line-height: 1em;text-align: right; box-sizing: border-box;} .intro-banner.short-version .left-column .intro-header a{display: block;padding: 0px 70px 20px 15px;white-space: nowrap;} .intro-banner.short-version .left-column .intro-header strong{font-size: 20px;line-height: 1em;display: block;} .intro-banner.short-version .left-column:before{display: block;position: absolute; bottom: -35px;content: "";width: 125%;height: 200%;opacity: 0.88;left: -20px; -webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-ms-transform: rotate(-13deg);-o-transform: rotate(-13deg);transform: rotate(-13deg);} .item.fl a, div[id^='itemhtml-fotolia'] a.product-link { perspective: 190px; transform-style: preserve-3d; -moz-transform-style: preserve-3d; } .item.fl a img, div[id^='itemhtml-fotolia'] a.product-link img { -webkit-box-reflect: below 5px linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 76%, rgba(255,255,255,0.1) 100%); transform: translate3d(-43%,-49%,0) rotateY(15deg) scale(0.80); box-shadow: -2px 2px 4px rgba(0,0,0,0.6); outline: 1px solid transparent; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -moz-transform-style: preserve-3d; } @media all and (min-width: 768px) { .intro-banner .right-column > a{display: block;width: 100%;height: 100%;overflow: hidden;} .intro-banner:not(.short-version) .right-column > a img{height: 100%;position: relative;left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); max-width: none; width: auto; } .intro-banner:not(.revert-cols) .share-list{right: 30px;} .intro-banner.revert-cols .share-list{left: 30px;} } @media all and (max-width: 767px) { .intro-banner, .intro-banner.revert-cols { grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); grid-template-areas: "right-column" "left-column" ; } .intro-banner .right-column > a{display: block;} .intro-banner .right-column > a img{width: 100%;} .intro-banner .share-list{right: 30px;} .intro-banner.short-version .left-column .intro-header{font-size: 14px;} .intro-banner.short-version .left-column .intro-header strong{font-size: 16px;} .intro-banner.short-version .text-column .buttonlink .btnLink{padding: 5px 3px 7px 3px} .intro-banner.short-version .left-column .intro-header a{padding: 0px 55px 20px 15px;} jdiv{display: none !important;} } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/base/default/css/widgets.css" */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(../images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(../images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(../images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/extra.css" */ .product-view .product-description #moretags{ -moz-transition: max-height 0.25s linear; -webkit-transition:max-height 0.25s linear; -o-transition: max-height 0.25s linear; transition: max-height 0.25s linear; max-height: 25px; } .product-view .product-description #moretags.clicked{ max-height: 0px; } .store-russian .checkout_cart_discount_banner .counterBanner .countBox .days, .store-russian .checkout_cart_discount_banner .counterBanner .countBox .daysLabel, .store-russian .checkout_cart_discount_banner .counterBanner .countBox .timebox span{line-height: 1em;} .store-russian .checkout_cart_discount_banner .extratext-for-counter{width: 57%;text-align: right;position: absolute;top: 50%; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%);z-index: 1;line-height: 1.1em;} .ru-counter-wrappper{height: 45px;position: relative;margin-bottom: 10px;display: none;} .store-russian .checkout_cart_discount_banner .ru-counter-wrappper > div .counterBanner, .store-russian .checkout_cart_discount_banner .ru-counter-wrappper > div:not(.extratext-for-counter){width: 100%;height: 45px;position: relative;} .ru-counter-wrappper img{display: none;} @media (max-width: 767px){ .store-russian .checkout_cart_discount_banner .ru-counter-wrappper > div .counterBanner, .store-russian .checkout_cart_discount_banner .ru-counter-wrappper > div:not(.extratext-for-counter), .ru-counter-wrappper{height: 80px;} .store-russian .checkout_cart_discount_banner .extratext-for-counter{width: 100%;text-align: center;top: 25px;} .store-russian .checkout_cart_discount_banner .countBox{left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);bottom: 0px !important;} } #disqus_thread > div[dir="ltr"] > div{float: none;} #disqus_thread > div[dir="ltr"]{width: 100%; text-align: center; } #disqus_thread {width: 100%;margin-bottom: 50px;} .comments_section{width: 100%;} /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css_divide/akcesoria.css" */ .product-view .accessories_box .item, .shopping-cart .accessories_box { display:none } .accessories_box .accessory_item .middle { display:none } .accessories_box .accessory_item .text .middle { display:block } .accessories_box .accessory_item .text .img-holder,.accessories_box .accessory_item .text .qty-container,.accessories_box .accessory_item .checkbox .bottom .qty-container { display:none } .accessories_info .value { color:#000 } .accessories_info button.action { background:none; border:0; color:#102d79; cursor:pointer; display:inline-block; font-size:13px!important; height:18px; line-height:18px; margin:0; padding:0; vertical-align:0 } .accessories_info button.action span { color:#102d79; display:inline-block; padding:0 } .accessories_info button.action:hover span { color:#5d5abf } .accessories_info button.update { background:#e96944; border:none; border-radius:3px; color:#fff; cursor:pointer; font-family:"Oxygen","Open Sans","Verdana","Arial",sans-serif; font-size:13px; font-weight:400; margin-top:10px; padding:6px 10px 8px } .accessories_info button.update:hover { background:#fa8c19 } .accessories_info button.update span { color:#fff } .accessories_info:not(.active) button.update { display:none } .accessories_box > .top { font-size:14px; margin-top:10px } .accessories_box .top .pe-7s-tools { font-size:20px; margin-right:10px; vertical-align:top } .accessories_box .accessory_item { padding-bottom:15px; padding-top:15px; position: relative } .accessories_box .accessory_item:hover{ z-index: 2; } .accessories_box .top .checkbox { -moz-border-radius:3px; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; -webkit-border-radius:3px; -webkit-transition:all .25s ease; background-position:center center; background-repeat:no-repeat; background-size:100% auto; border:1px solid #ccc; border-radius:3px; cursor:pointer; height:20px; left:0; position:absolute; top:4px; transition:all .25s ease; width:20px } .accessories_box .top.accessory-header { cursor:pointer } .accessories_box .top.accessory-header:hover .checkbox { background-image:url(../images/category/check-gray.png) } .accessories_box .accessory_item.active .top .checkbox { background-image:url(../images/category/check-green.png); border-color:#029243; color:#029243 } .accessories_box .top .checkbox span { -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; -webkit-transition:all .25s ease; font-size:2em; height:30px; text-align:center; transition:all .25s ease; width:30px } .accessories_box .accessory_item .top .checkbox span.pe-7s-close { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg) } .accessories_box .accessory_item .top .checkbox span.pe-7s-trash { font-size:1.5em; line-height:28px } .accessories_box .accessory_item.active .top .checkbox span.pe-7s-close,.accessories_box .accessory_item:not(.active) .top .checkbox span.pe-7s-trash { display:none } .accessories_box .accessory_item .top { height:30px; padding-left:30px; position:relative } .accessories_box .accessory_item .top .label { font-size:12px; line-height:1.2em; position:relative; top:50%; transform:translateY(-50%) } .accessories_box .accessory_item .text .middle,.accessories_box .accessory_item .img-holder { border: 1px solid transparent; box-sizing:border-box; display:block; margin-top:5px; position:relative; width:100%; } .accessories_box .accessory_item .text .middle{border-color:#ccc;} .accessories_box .accessory_item .text .middle:before,.accessories_box .accessory_item .img-holder:before { content:""; display:block; padding-top:100% } .accessories_box .accessory_item .img-holder img { -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); left:50%; max-height:100%; position:absolute; top:50%; transform:translate(-50%,-50%); width:auto } .accessories_box .accessory_item .bottom .qty-container { float:left; height:32px; overflow:hidden; position:relative; width:62px } .accessories_box .accessory_item .bottom { height:32px; margin-top:10px; overflow:hidden; position:relative; width: 100% } .accessories_box .accessory_item .bottom .qty-container .qty { -moz-appearance:textfield; border:1px solid #a6a6a6; box-sizing:border-box; float:left; height:32px!important; text-align:center; width:30px!important } .accessories_box .accessory_item:not(.active) .img-holder:after { -moz-transition:background .2s linear; -ms-transition:background .2s linear; -o-transition:background .2s linear; -webkit-transition:background .2s linear; background:rgba(255,255,255,0.2); bottom:0; content:""; display:block; left:0; position:absolute; right:0; top:0; transition:background .2s linear } .accessories_box .accessory_item.active .img-holder,.accessories_box .accessory_item.active .middle { border-color:#0fae47; overflow: hidden; } .accessories_box .accessory_item:not(.active) .img-holder:hover:after { background:rgba(255,255,255,0) } .accessories_box .accessory_item:not(.active) .middle:after,.accessories_box .accessory_item:not(.active) .bottom .qty-container:after { -moz-transition:background .2s linear; -ms-transition:background .2s linear; -o-transition:background .2s linear; -webkit-transition:background .2s linear; background:rgba(255,255,255,0.85); bottom:0; content:""; display:block; left:0; position:absolute; right:0; top:0; transition:background .2s linear } .accessories_box .accessory_item .bottom .qty-container .incrementer { border:1px solid #a6a6a6; border-left:0; float:left; height:30px; width:20px } .accessories_box .accessory_item .bottom .qty-container .incrementer .button { -moz-transition:background .25s ease; -ms-transition:background .25s ease; -o-transition:background .25s ease; -webkit-transition:background .25s ease; background:transparent; background:#fff; border-left:0; box-sizing:border-box; cursor:pointer; display:block; float:right; height:15px; overflow: hidden; position:relative; transition:background .25s ease; width:20px } .accessories_box .accessory_item .bottom .qty-container .incrementer .button:hover { background:#f5f5f5 } .accessories_box .accessory_item .bottom .qty-container .incrementer .button.add span { font-size:22px; height:20px; left:0px; position:absolute; text-align:center; top:-3px; width:100% } .accessories_box .accessory_item .bottom .qty-container .incrementer .button.sub span{ font-size:22px; height:20px; left:0px; position:absolute; text-align:center; top:-4px; width:100% } .accessories_box .accessory_item .bottom .img-price { float:right; padding-top:4px } .product-view .accessories_box .accessory_item.default .bottom .img-price { padding-top:0px; text-align:right } .product-view .accessories_box .accessory_item.default .bottom .img-price i{ color:#909090; display:block; font-size:10px; line-height:5px; text-align:right } .accessories_box .accessory_item .middle .accessory-text,.accessories_box .accessory_item .middle .accessory-textarea { -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); box-sizing:border-box; height:100%; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); width:100% } .accessories_box .accessory_item .middle:not(.editing) .accessory-textarea,.accessories_box .accessory_item .middle.editing .accessory-text { display:none } .accessories_box .accessory_item .middle .accessory-text:before { background:url(../images/quote-gray.png) top center no-repeat; background-size:100% auto; content:""; display:block; height:20px; left:7px; position:absolute; top:7px; width:20px } .accessories_box .accessory_item .middle .accessory-text { font-size:12px; font-style:italic; font-weight:200; line-height:1.3em; padding:13px; text-indent:20px; word-break:break-all } .accessories_box .accessory_item .middle .accessory-text .edit-button { background:#fff; bottom:0; color:#102d79; cursor:pointer; font-style:normal; left:0; padding:3px 3px 10px; position:absolute; right:0; text-align:center; text-indent:0 } .accessories_box .accessory_item .middle .accessory-text .edit-button:hover { color:#5d5abf } .accessories_box .accessory_item .middle .accessory-textarea .ok { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #102d79; border-radius:3px; cursor:pointer; display:inline-block; margin:0 auto; padding:1px 10px; text-align:center; width:75px } .accessories_box .accessory_item .middle .accessory-textarea .ok:hover,.accessories_box .accessory_item .middle .accessory-textarea .ok:focus { background:#f2f2f2; border-color:#5d5abf; text-decoration:none } .accessories_box .accessory_item .middle .accessory-textarea { text-align:center } .accessories_box .accessory_item .middle .textarea-maxlength { color:#8c8c8c; font-size:11px; line-height:1em; margin-bottom:8px } .accessories_box .accessory_item .middle .accessory-textarea textarea { background:url(../images/textarea_accesories_bg.png) top left repeat; border:0; box-sizing:border-box; font-size:12px; height:60%; line-height:20px; margin:3px 3px 0; padding:0 5px; resize:none; width:90% } .accessory-textarea textarea::-webkit-input-placeholder { font-family:"Oxygen","Open Sans",'Verdana','Arial',sans-serif; font-size:12px } .accessory-textarea textarea:-moz-placeholder { font-family:"Oxygen","Open Sans",'Verdana','Arial',sans-serif; font-size:12px } .accessory-textarea textarea::-moz-placeholder { font-family:"Oxygen","Open Sans",'Verdana','Arial',sans-serif; font-size:12px } .accessory-textarea textarea:-ms-input-placeholder { font-family:"Oxygen","Open Sans",'Verdana','Arial',sans-serif; font-size:12px } .product-view .accessory_item.text-type .accessory-textarea{ background:#ebeefa; display:block !important } .product-view .accessory_item.text-type .accessory-textarea .textarea-maxlength{ bottom: 0px; color:#686c6f; margin-bottom: 3px; position: absolute; right: 3px } .product-view .accessory_item.text-type .accessory-textarea textarea{ background: 0px; box-sizing: border-box; color:#686c6f; height: 90%; line-height: 16px; margin: 0px; padding: 10px; width: 100% } .product-view .accessories_box .accessory_item:not(.active) .middle::after{ background: rgba(255,255,255,0.45); } .product-view .accessories_box .test_image + img{ display: none } .product-view .accessories_box .text{ width: 100% } .accessories-cms-28.accessory_item img{ margin-top:35px; width:100% } .addtocartcontainer-accessories-list .list-it > div:not(:last-child):after{ content:","; display: inline-block; margin-right: 5px } .addtocartcontainer-accessories-list.hasList .accessories-summary .value{ display: none } .accessories_box .accessory_item .img-holder .icon-info{ -moz-transition:background-color .5s ease; -ms-transition:background-color .5s ease; -o-transition:background-color .5s ease; -webkit-transition:background-color .5s ease; background: #fff url(../images/category/info_icon.png) center no-repeat; border:1px solid #ccc; border-radius:2px; bottom: 0px; color:#102d79; cursor:pointer; display:block; font-size:1.3em; font-weight:bold; height:31px; line-height: 30px; position:absolute; right: 0px; text-align: center; transition:background-color .5s ease; width:31px; z-index:1 } .accessories_box .accessory_item .img-holder .infobox{ -moz-transition:all .35s ease; -ms-transition:all .35s ease; -o-transition:all .35s ease; background:rgba(0,0,0,0.6); bottom: -1px; box-sizing: border-box; color:#fff; font-size: 11px; left: 1px; line-height: 15px; opacity: 0; padding: 10px; position: absolute; right: -115%; right: calc(-100% - 22px); text-align: center; top: -1px; transition:all .35s ease; visibility: hidden; z-index: 12 } .store-german .accessories_box .accessory_item .img-holder .infobox{ font-size: 10px; line-height: 13px; } .accessories_box .accessory_item .img-holder .icon-info:hover + .infobox, .accessories_box .accessory_item .img-holder .infobox:hover{ opacity: 1; visibility: visible } .accessories_box .accessory_item .img-holder .infobox > span{ -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); display: block; position: relative; top: 50%; transform:translateY(-50%); -webkit-font-smoothing: antialiased; } .accessories_box .accessory_item.last-in-row .img-holder .infobox{ left: -114%; left: calc(-100% - 22px); right: -1px; } @media all and (min-width:768px) and (max-width: 990px) { .product-view .grid-6-cols.accessories_box{ grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); overflow: hidden } } @media all and (max-width:768px) { .product-view .accessories_box{ padding-bottom: 20px; } .product-view .accessories_box .accessory_item{ padding-top: 5px; padding-bottom: 5px } .accessories_box .accessory_item .img-holder .infobox, .accessories_box .accessory_item .img-holder .icon-info{ display: none; } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css_divide/common.css" */ @font-face { font-family:pe-icon-7-stroke; font-style:normal; font-weight:400; src:url(/skin/frontend/default/common/fonts/Pe-icon-7-stroke.eot?d7yf1v); src:url(/skin/frontend/default/common/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format("embedded-opentype"),url(/skin/frontend/default/common/fonts/Pe-icon-7-stroke.woff?d7yf1v) format("woff"),url(/skin/frontend/default/common/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format("truetype"),url(/skin/frontend/default/common/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format("svg") } body,html { margin:0; padding:0 } html { min-width:300px } body { background:#fff; color:#000; font:14px/1.55 Oxygen,'Open Sans',Roboto,Arial,Helvetica,sans-serif; text-align:center; text-rendering:geometricPrecision } body.store-english .footer-wrapper{ margin-top: 30px; } img { border:0; max-width:100%; vertical-align:top } a { -moz-transition:color .25s ease; -ms-transition:color .25s ease; -o-transition:color .25s ease; -webkit-transition:color .25s ease; color:#102d79; text-decoration:none!important; transition:color .25s ease } a:hover { color:#5d5abf } input::-webkit-input-placeholder { font:12px "Oxygen","Open Sans",'Verdana','Arial',sans-serif } input:-moz-placeholder { font:12px "Oxygen","Open Sans",'Verdana','Arial',sans-serif } input::-moz-placeholder { font:12px "Oxygen","Open Sans",'Verdana','Arial',sans-serif } input:-ms-input-placeholder { font:12px "Oxygen","Open Sans",'Verdana','Arial',sans-serif } :focus { outline:0 } form { display:block } p { margin:0 0 10px } strong { font-weight:700 } button,input,select,textarea { box-shadow:none; color:#2f2f2f; font:12px/15px Oxygen,"Open Sans",Arial,Helvetica,sans-serif; outline:0; vertical-align:middle } input[type='button'], buttons{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .bimago-subheading .text-header:after,.bimago-subheading .text-header:before,input[type=checkbox] { display:none } .logo h6 { font-size:0; margin:0 } .clearfix:after,.clearfix:before { clear:both; content:''; display:block } h1 { font-size:22px; line-height:1.4em } h2 { font-size:20px; line-height:1.3em } h3,h4,h5,h6 { font-size:18px; line-height:1.2em } h4,h5,h6 { font-size:16px } h5,h6 { font-size:15px } h1,h2,h3,h4,h5 { font-weight:400; margin:0 0 10px; padding-bottom:5px; position:relative; text-align:center; width:100% } .pe-2x { font-size:2em } .fa,[class*=" pe-7s-"],[class^=pe-7s-] { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-family:pe-icon-7-stroke; font-style:normal; font-variant:normal; font-weight:400; line-height:1; speak:none; text-transform:none } .pe-7s-back-2:before { content:"\e6ac" } .pe-7s-close:before { content:"\e680" } .fa-angle-right:before,.pe-7s-angle-right:before { content:"\e684" } .pe-7s-angle-right-circle:before { content:"\e685" } .fa-angle-left:before,.pe-7s-angle-left:before { content:"\e686" } .pe-7s-angle-left-circle:before { content:"\e687" } .pe-7s-angle-down:before { content:"\e688" } .pe-7s-angle-up:before { content: "\e682" } .pe-7s-user:before { content:"\e605" } .pe-7s-search:before { content:"\e618" } .pe-7s-menu:before { content:"\e636" } .pe-7s-map-marker:before { content:"\e638" } .pe-7s-mail:before { content:"\e639" } .pe-7s-lock:before { content:"\e63f" } .pe-7s-like:before { content:"\e642" } .pe-7s-info:before { content:"\e647" } .pe-7s-home:before { content:"\e648" } .pe-7s-cart:before { content:"\e66e" } .pe-7s-call:before { content:"\e670" } .pe-7s-mail-open-file:before { content:"\e63b" } .pe-7s-car:before { content:"\e6ae" } .pe-7s-credit:before { content:"\e664" } .pe-7s-left-arrow::before { content:"\e6a2" } .pe-7s-cash::before { content:"\e68c" } .pe-7s-power:before { content:"\e621" } .pe-7s-chat::before { content:"\e66d" } .pe-7s-trash:before { content: "\e609"; } .pe-7s-edit:before { content: "\e659"; } .pe-7s-share:before { content: "\e616"; } .buttonlink { margin:20px 0; text-align:center } .buttonlink a { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #102d79; border-radius:3px; display:inline-block; margin:0 auto; padding:10px 20px 10px 30px } .buttonlink a.backlink { padding:10px 30px 10px 20px } .buttonlink a em[class*=pe-],.buttonlink a span[class*=pe-] { font-style:normal; line-height:.8em; vertical-align:top!important } .buttonlink a:hover { background:#f2f2f2; border-color:#5d5abf } .text-left { text-align:left } .text-right { text-align:right } .orange-heading,.text-center { text-align:center } .orange-heading { padding:40px 0 20px; width:100% } .orange-heading.equal_margin { padding:30px 0 } .orange-heading .text-header { display:inline-block!important; font-size: 20px; margin:0; padding:0 40px; position:relative; width:auto!important } .orange-heading .text-header.noicon:before { background:#f26444; content:""; height:3px; left:0; position:absolute; top:12px; width:20px } .orange-heading .text-header.noicon:after { background:#f26444; content:""; height:3px; position:absolute; right:0; top:12px; width:20px } .orange-heading .text-header.is-reverted{margin-bottom: 10px;} .orange-heading .text-header.is-reverted.noicon:before, .orange-heading .text-header.is-reverted.noicon:after { top: 32px; } .orange-heading .text-header-subtext { margin: 0px; font-size: 15px; font-weight: lighter; display: block; line-height: 1.3em } .orange-heading .header-icon { margin-top:7px; width:100% } .orange-heading .header-icon .line { background:#f26444; display:inline-block; height:3px; vertical-align:middle; width:20px } .orange-heading .header-icon img { display:inline-block; margin:0 20px } .bimago-subheading { margin:10px 0 } .bimago-subheading .text-header { font-size:18px; margin:0; padding:0; text-align:left } .bimago-subheading hr { background-color:#f26444; border:0; height:2px; margin:8px 0; text-align: left; width:20px } .promoBox { margin:0 auto; max-width:1015px; position:relative; text-align:center; width:100% } .promoBox .custom { background-position:center; background-repeat:no-repeat; background-size:cover; width:100% } .promoBox .custom,.promoBox a { box-sizing:border-box } .promoBox .custom,.promoBox a,.promoBox span { vertical-align:middle } .promoBox .timeline { color:#fff; font-size:15px; margin-left:70px; opacity:.7 } .promoBox .bimago-button { margin-left:70px } .promoBox .discountValue,.promoBox .promotext { color:#fff; font-size:14px; margin-left:10px } .promoBox .discountValue { font-weight:700; font-size: 3.2em; font-family: "Lato", "Open Sans", "Oxygen"; } .promoBox .discountValue strong { opacity:.6 } .promoBoxShipping .custom{padding: 10px;} .promoBoxShipping .maintext{ display: inline-block; vertical-align: middle; color:#FFF; font-size: 20px; padding-right: 50px; } .promoBoxShipping .maintext img{margin-right: 15px;vertical-align: middle;} .promoBoxShipping .enddate{ display: inline-block; vertical-align: middle; color:#FFF; font-size: 18px; padding-left: 50px; } .promoBoxShipping .enddate span{font-family: "Open Sans", "Oxygen";} .promoBoxShipping .enddate em{font-style: normal;opacity: 0.6;font-size: 16px;} .bimago-button { -moz-border-radius:2px; -webkit-border-radius:2px; border:2px solid #fff; border-radius:2px; color:#fff; display:inline-block; font-size:1em; margin:5px auto 0; padding:5px 30px 3px } .bimago-button:hover { background:rgba(255,255,255,.2) } .bimago-button .pe-7s-angle-right { font-size:1.8em; text-align:center; text-indent:-4px; vertical-align:-27%; width:10px } .promoBox .bimago-button strong { font-weight:400 } .promoBox .rollupClose,.promoBox .rollupClose span { -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; width:25px } .promoBox .rollupClose,.promoBox.coiled .rollupClose { -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:0; -webkit-border-bottom-right-radius:3px; -webkit-border-top-left-radius:0; border-bottom-right-radius:3px; border-top-left-radius:0 } .promoBox .rollupClose { -moz-border-radius-bottomleft:0; -moz-border-radius-topright:3px; -webkit-border-bottom-left-radius:0; -webkit-border-top-right-radius:3px; border-bottom-left-radius:0; border-top-right-radius:3px; height:25px; position:absolute; right:-25px; top:0 } .promoBox.coiled .rollupClose { -moz-border-radius-bottomleft:3px; -moz-border-radius-topright:0; -webkit-border-bottom-left-radius:3px; -webkit-border-top-right-radius:0; border-bottom-left-radius:3px; border-top-right-radius:0 } .promoBox .rollupClose span { color:#fff; font-size:25px; line-height:23px; text-align:center } .promoBox .rollupClose:hover span { -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg) } .promoBox.coiled .rollupClose span { -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg) } .promoBox.coiled .rollupClose:hover span { -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); -webkit-transform:rotate(225deg); transform:rotate(180deg) } .cookieclass { height:0; visibility:hidden } .rollbox .custom { padding-top:0 } .promoBox a,.rollbox img { display:block; width:100% } .promoBox.rollbox .custom a { padding:0 } .hide { display:none } .pull-right { float:right!important } .pull-left { float:left!important } .hidden { display:none!important } .content-loading { background-color:rgba(0,0,0,.3); bottom:0; left:0; position:absolute; right:0; top:0 } .content-loading .loaderWrapper,.wait-loading .loaderWrapper { -moz-border-radius:3px; -moz-transform:translate(-50%,-50%); -webkit-border-radius:3px; -webkit-transform:translate(-50%,-50%); background:#fff; border-radius:3px; box-shadow:0 0 7px rgba(0,0,0,.5); display:inline-block; font-size:1.1em; left:50%; min-width:160px; padding:30px; position:absolute; text-align:center; top:50%; transform:translate(-50%,-50%) } .loaderWrapper .description { line-height:1.3em } .tableLike { display:table; table-layout:fixed; text-align:left } .tableLike .tablerowLike { display:table-row } .tableLike .tablecellLike { display:table-cell; vertical-align:middle } .wait-loading { background-color:rgba(0,0,0,.3); bottom:0; height:100%; left:0; position:fixed; right:0; top:0; z-index:10001 } #formLoading,.formLoading,.loadingbox { font-size:10px; height:28px; margin:0 auto; padding-top:4px; text-align:center; vertical-align:top; width:28px } #formLoading>div,.formLoading>div,.loadingbox>div { -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out; animation:sk-stretchdelay 1.2s infinite ease-in-out; background-color:#0fae47; display:block; float:left; height:80%; margin-right:3px; width:3px } #formLoading .rect2,.formLoading .rect2,.loadingbox .rect2 { -webkit-animation-delay:-1.1s; animation-delay:-1.1s } #formLoading .rect3,.formLoading .rect3,.loadingbox .rect3 { -webkit-animation-delay:-1s; animation-delay:-1s } #formLoading .rect4,.formLoading .rect4,.loadingbox .rect4 { -webkit-animation-delay:-.9s; animation-delay:-.9s } #formLoading .rect5,.formLoading .rect5,.loadingbox .rect5 { -webkit-animation-delay:-.8s; animation-delay:-.8s; margin-right:0 } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .message-window { -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); display:none; left:50%; max-width:1015px; position:fixed; text-align:center; top:13px; transform:translateX(-50%); width:100%; z-index:9999 } .message-window ul { -moz-transition:height .5s ease; -ms-transition:height .5s ease; -o-transition:height .5s ease; -webkit-transition:height .5s ease; display:inline-block; margin:0 10px; padding:0; transition:height .5s ease } .message-window .messages li { -moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.3); box-shadow:0 2px 3px 0 rgba(0,0,0,0.3); color:#000; font-size:.9em; list-style: none; margin-top:3px; padding:8px 45px; position:relative } .message-window .messages li:first-child { margin-top:0 } .message-window .messages .close-x { color:#102d79; cursor:pointer; display:block; font-size:2.5em; height:30px; line-height:.9em; position:absolute; right:3px; text-align:center; top:3px; width:30px } .message-window .messages .close-x:hover { color:#5d5abf } .message-window .messages li.success-msg { background-color:#dcf5df } .message-window .messages li.error-msg { background-color:#f7e2d0; color:#d72729 } .message-window .messages li.notice-msg { background-color:#dff5f1 } .backbone_hidden { display:none } .preetyselect { display:none } .prettyselect-wrap { position:relative } .prettyselect-wrap .prettyselect-label { -moz-transition:color .25s ease; -ms-transition:color .25s ease; -o-transition:color .25s ease; -webkit-transition:color .25s ease; border:1px solid #b3b3b3; box-sizing:border-box; cursor:pointer; font-size:14px; line-height:29px; padding:0 30px 0 10px; position:relative; text-align:left; transition:color .25s ease; width:100% } .prettyselect-wrap:hover .prettyselect-label,.prettyselect-wrap:focus .prettyselect-label { background:#f5f5f5 } .prettyselect-wrap .prettyselect-label::after { color:#102d79; content:"\e688"; font:2em/.8em "Pe-icon-7-stroke"; height:100%; position:absolute; right:0; top:2px } .prettyselect-wrap .prettyselect-drop { background:#fff; border:1px solid #666666; border-radius:3px; box-sizing:border-box; left:0; list-style:none; margin:0; min-width:100%; padding:2px 0; position:absolute; text-align:left; top:30px; z-index:1 } .prettyselect-wrap .prettyselect-drop li { border:medium none!important; box-sizing:border-box; color:#606060; cursor:pointer; font-size:14px; line-height:1em; padding:5px 10px; white-space:nowrap; width:100% } .prettyselect-wrap .prettyselect-drop li:hover { background-color:#5c46ab; color:#fff } .clearfix:before,.clearfix:after { clear:both; content:''; display:block } button[type="submit"]{ background: #0fae47; width: 100%; padding: 4px 0; height: 45px; border: 0px; font-size: 14px; color: #ffffff; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 100ms ease-in-out; text-align: center; cursor: pointer; } button[type="submit"]:hover { background: #108237; } button[type="submit"] .pe-7s-angle-right{font-size: 28px;vertical-align: -26%;} button[type="submit"] i{font-style: normal;} address { font-style: normal; line-height: 1.5; display: block; position: relative; } .popup-box:not(.translate-mode){position: fixed;background: rgba(255,255,255,.84);top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 99999999;display: none;} .popup-box.darkmode{background: rgba(0,0,0,.4)} .popup-box.nopadding .popup-wrapper{padding: 0px;} .popup-wrapper{background: #fff;width: max-content;position: absolute;top: 50%;left: 50%;padding: 30px;max-height: 80%;overflow-y: auto;transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);} .popup-box.catalog-popup .popup-wrapper{overflow: visible;} .popup-close{position: absolute;top: -7px;right: 0px;font-size: 2.2em;z-index: 2;overflow: hidden;} .popup-close i{color: #102d79;width: 30px;height: 30px;cursor: pointer;} .popup-close i:hover{color: #5d5abf;} .popup-box .popup-title{border-bottom: 1px solid #000;margin-top: -15px;font-size: 1.3em;font-weight: normal;margin-bottom: 10px;} .popup-box .popup-title i{font-size: 2em;vertical-align: middle;} .popup-box.nobg .popup-wrapper, .popup-box.nobg{background: none;} .popup-box.newsletter-close .popup-close i{color:#ac4733;width: 60px;height: 60px;margin-top: -10px;} .popup-box.newsletter-close.close-light .popup-close i{color:#fff;} .popup-box.newsletter-close .popup-close{top: 0px;font-size: 3em;} body.layer-is-opened{overflow: hidden} .popup-box.shadowbox .popup-wrapper{box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.2);} .popup-box.circle-close .popup-close i{color:#ac4733;width: 60px;height: 60px;margin-top: -2px;display: block;font-size: 60px;margin-left: -2px;color: #f26444;} .popup-box.circle-close .popup-close{top: 61px;font-size: 3em;width: 55px;height: 55px;border-radius: 50%;right:65px;} .item.fl a, div[id^='itemhtml-fotolia'] a.product-link { perspective: 190px; transform-style: preserve-3d; -moz-transform-style: preserve-3d; } .item.fl a img, div[id^='itemhtml-fotolia'] a.product-link img { -webkit-box-reflect: below 5px linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 76%, rgba(255,255,255,0.1) 100%); transform: translate3d(-43%,-49%,0) rotateY(15deg) scale(0.80); box-shadow: -2px 2px 4px rgba(0,0,0,0.6); outline: 1px solid transparent; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -moz-transform-style: preserve-3d; } .promoBoxCounter{ display: none; background-repeat: no-repeat; } .promoBoxCounter.whiteText{ color:#fff; } .promoBoxCounter .custom{ max-width: 1015px; width: 100%; margin: 0 auto; padding: 15px 0 16px; } .promoBoxCounter table{margin: 0px;padding: 0px;border-collapse: collapse;} .promoBoxCounter table td{margin: 0px;padding: 0px;} .promoBoxCounter .custom > div{display: inline-block;vertical-align: bottom;} .promoBoxCounter .custom .promoname{font-size: 14px;position: relative;} .promoBoxCounter .custom .promoname img{position: absolute;top: 35%;left: -10px; -moz-transform:translate(-100%, -50%); -webkit-transform:translate(-100%, -50%); transform:translate(-100%, -50%) } .promoBoxCounter .custom .promoname strong{font-size: 31px; font-weight: 700;font-family: "Lato", "Open Sans", "Oxygen";padding-right: 10px;line-height: 20px;vertical-align: -3px;} .promoBoxCounter .custom .promoname strong em{opacity: .6;font-style: normal;} .promoBoxCounter .custom .promoname strong + span{} .promoBoxCounter .custom .starttext{padding: 0 10px 0 10%;font-size: 14px;opacity: .6;vertical-align: -25%;} .promoBoxCounter .custom table td{font-size: 24px;text-align: center;line-height: 28px;} .promoBoxCounter .custom .days, .promoBoxCounter .custom .hours, .promoBoxCounter .custom .minutes, .promoBoxCounter .custom .seconds{ font-weight: 600; font-family: "Lato", "Open Sans", "Oxygen"; } .promoBoxCounter .custom .seconds{opacity: 0.6} .promoBoxCounter .custom .relative{position: relative;} .promoBoxCounter .custom .hours ~ span{position: absolute;bottom: -15px;font-size: 12px;left: 50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%) } .promoBoxCounter .custom .daylabel{font-size: 14px;padding: 0;display: inline-block;padding: 0 10px 0 2px;opacity: .6;line-height: 20px;} .promoBoxCounter .custom .hours-text .singular, .promoBoxCounter .custom .daylabel .singular{display: none;} .promoBoxCounter .relative:not(.setcolor) .hours-text{display: none;} @media all and (max-width:680px) { .promoBoxCounter .custom .promoname img{display: none;} } .floating-code{ position: fixed; bottom: 30px; left: 20px; display: none; } .floating-code .code-box{ border: 2px solid #e96944; border-radius: 3px; height: 55px; padding-left: 55px; position: relative; width: 150px; background:#fff; } .floating-code .code-box:before{ content: ""; display: block;width: 55px;height: 55px; background: #e96944 url('../images/cms/icon_percent.png') center no-repeat; background-size: 35px auto; position: absolute; top: 0px;left: 0px; } .floating-code .code-box > div{position: relative;top: 50%;display: block; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);} .floating-code .code-box > div strong{ color:#e96944; font-size: 20px; font-family: 'Open Sans', "Oxygen"; padding-left: 5px; } .home_grid .item a{display: block;width: 100%;height: 100%;box-sizing: border-box;position: relative; overflow: hidden;cursor: pointer;} .home_grid .item a:before {content: '';display: block;padding-top: 100%;} .home_grid .item[data-aspect-ratio="2:1"] a:before {padding-top: 49.204%;} .home_grid .item a .banner-caption, .home_grid .item a picture{position: absolute;box-sizing: border-box;width: 100%;height: 100%;top: 0px;right: 0px;left: 0px;bottom: 0px;} .home_grid .item a picture img{display: block;margin: 0px;height: 100%;max-width: none;position: relative;left: 50%; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);} .home_grid .item:not(.noapla) a .banner-caption{ -moz-transition:background .25s ease; -ms-transition:background .25s ease; -o-transition:background .25s ease; -webkit-transition:background .25s ease; transition:background .25s ease; background-color: rgba(0,0,0,0.05) } .home_grid .item:not(.noapla) a .banner-caption:hover{background-color: rgba(0,0,0,0.2)} .home_grid .item.tailmode .vwrapper{ position: absolute; top: 43%; left: 20px; right: 20px; text-align: center; color: #fff; } .home_grid .item.tailmode .vwrapper strong{ display: block; font-weight: 400; font-size: 24px; line-height: 1.1em; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6); } .home_grid .item.tailmode .vwrapper small{ display: block; font-weight: 400; font-size: 14px; line-height: 1.1em; margin-top: 10px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6); } .home_grid .item .vwrapper > span { -moz-border-radius:3px; -moz-transform:translateX(-50%); -moz-transition:background .25s ease; -ms-transition:background .25s ease; -o-transition:background .25s ease; -webkit-border-radius:3px; -webkit-transform:translateX(-50%); -webkit-transition:background .25s ease; background: none; border: 2px solid #FFF; border-radius:3px; clear:both; cursor:pointer; display:block; float:left; height:41px; left:50%; line-height:38px; margin: 25px auto 0; padding:0 27px 0 34px; position:relative; transform:translateX(-50%); transition:background .25s ease; } .home_grid .item .vwrapper > span:before { clear:both; content:""; display:table } .home_grid .item .vwrapper > span i { font-size:1.9em; font-style:normal; vertical-align:-29% } .home_grid .item.buttonmode .vwrapper{ position: absolute; bottom: 25px; left: 5px; right: 5px; text-align: center; color: #fff; } .home_grid .item.buttonmode .vwrapper > span{margin: 0px;} .newsletter-popup{background:#fad0c0;} .newsletter-popup h6{text-align: center;font-weight: normal;font-size:32px;color:#ac4733;padding: 40px 10px 20px;margin: 0px;} .newsletter-popup h6 > span{display: block;} .newsletter-popup h6 small{display: block;color:#000;font-size: 14px;} .newsletter-popup h6 span > span{color:#5e65f5} .newsleter-grid-popup{ display:grid; display:-ms-grid; grid-template-rows:auto; grid-auto-columns: 1fr; grid-template: 'ico1 ico2 ico3' 'text1 text2 text3'; border-bottom: 1px solid #e1b7a7; justify-content: stretch; justify-items: stretch; padding-bottom: 20px; grid-gap: 10px 5px; } .newsleter-grid-popup .item:nth-child(1){ grid-area:ico1; align-self:center; justify-self: stretch; text-align: center; } .newsleter-grid-popup .item:nth-child(2){ grid-area:text1; align-self:center; justify-self: stretch; text-align: center; } .newsleter-grid-popup .item:nth-child(3){ grid-area:ico2; align-self:center; justify-self: stretch; text-align: center; } .newsleter-grid-popup .item:nth-child(4){ grid-area:text2; align-self:center; justify-self: stretch; text-align: center; } .newsleter-grid-popup .item:nth-child(5){ grid-area:ico3; align-self:center; justify-self: stretch; text-align: center; } .newsleter-grid-popup .item:nth-child(6){ grid-area:text3; align-self:center; justify-self: stretch; text-align: center; } .newsleter-grid-popup .item p{line-height: 1.3em;margin: 0px;} .newsletter-popup .popup-inputs{ border-top: 1px solid #ffd8c8;padding: 30px 0; } .newsletter-popup .popup-inputs > div{max-width: 500px;padding: 0 20px;overflow: hidden;margin: 0 auto;} .newsletter-popup label.separated-label::before{ background:#fff; border-radius: 3px; border: none; } .newsletter-popup label.separated-label em{ margin-left: -10px; padding: 0px; color:#5e65f5; } .newsletter-popup label.separated-label{ padding: 0 0 0 40px; font-size: 13px; color: #ac4733; } .newsletter-popup label.separated-label a{ color: #ac4733; } .newsletter-popup input[type="checkbox"]:checked ~ .expand-label label:before { background: url(../images/product/option_violet_check.png) center no-repeat; background-size: 26px auto; } .newsletter-popup .popup-inputs > div .inputBox{ width: 270px; margin: 0 auto; } .newsletter-popup .popup-inputs .validation-advice{ display: none !important; } .newsletter-popup .inputBox{ position: relative; } .newsletter-popup .inputBox #newsletter-popup { -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff!important; border:0; border-radius:3px; box-sizing:border-box; color:#8c8c8c; font:12px "Oxygen","Open Sans"; height:40px; padding:0 45px 0 10px; width:100%; margin-top: 25px; } .newsletter-popup .inputBox #newsletter-popup.validation-failed { border:1px solid red!important } .newsletter-popup .inputBox #newsletter-popup.validation-failed~a { background:red } .newsletter-popup .inputBox #newsletter-popup ~ a { -moz-border-radius:3px; -moz-transition:background .25s linear; -ms-transition:background .25s linear; -o-transition:background .25s linear; -webkit-border-radius:3px; -webkit-transition:background .25s linear; background:#666ce5; border-radius:3px; color:#fff; display:block; height:40px; position:absolute; right:0; top:25px; transition:background .25s linear; width:40px } .newsletter-popup .inputBox #newsletter-popup ~ a:hover { background:#102d79 } .newsletter-popup .inputBox #newsletter-popup ~ a span { display:block; font-size:2em; line-height:38px; text-align:center; width:40px } .newsletter-popup-catalog{background:#fad0c0;position: relative;box-sizing: border-box;} .newsletter-popup-catalog h6{font-weight: normal;color:#494343;margin: 0;text-align: left;} .newsletter-popup-catalog h6 span{color:#5e65f5} .newsletter-popup-catalog .tableLike p{ color:#6b2818; text-align: left; } .newsletter-popup-catalog .tableLike p strong{ font-weight: bold; display: block; line-height: 1em; text-transform: uppercase; } .newsletter-popup-catalog label.separated-label::before{ background:#fff; border-radius: 3px; border: none; width: 25px; height: 25px; } .newsletter-popup-catalog label.separated-label em{ margin-left: -10px; padding: 0px; color:#5e65f5; } .newsletter-popup-catalog label.separated-label{ padding: 0 0 0 45px; font-size: 13px; color: #6b2818; position: relative; } .newsletter-popup-catalog label.separated-label a{ color: #6b2818; } .newsletter-popup-catalog input[type="checkbox"]:checked ~ .expand-label label:before { background: url(../images/product/option_violet_check.png) center no-repeat; background-size: 26px auto; } .newsletter-popup-catalog .popup-inputs .validation-advice{ display: none !important; } .newsletter-popup-catalog .inputBox #newsletter-catalog-popup { -moz-border-radius:3px; -webkit-border-radius:3px; background:#f6e9e3!important; border:0; border-radius:3px; box-sizing:border-box; color:#8c8c8c; font:12px "Oxygen","Open Sans"; height:40px; padding:0 45px 0 10px; width:100%; background: #f6e9e3; } .newsletter-popup-catalog .inputBox #newsletter-catalog-popup.validation-failed { border:1px solid red!important } .newsletter-popup-catalog .inputBox #newsletter-catalog-popup.validation-failed~a { background:red } .newsletter-popup-catalog .inputBox #newsletter-catalog-popup ~ a { -moz-border-radius:3px; -moz-transition:background .25s linear; -ms-transition:background .25s linear; -o-transition:background .25s linear; -webkit-border-radius:3px; -webkit-transition:background .25s linear; background:#666ce5; border-radius:3px; color:#fff; display:block; height:40px; position:absolute; right:0; top:0px; transition:background .25s linear; width:40px } .newsletter-popup-catalog .inputBox #newsletter-catalog-popup ~ a:hover { background:#102d79 } .newsletter-popup-catalog .inputBox #newsletter-catalog-popup ~ a span { display:block; font-size:2em; line-height:38px; text-align:center; width:40px } @media all and (min-width:902px) { .popup-box.catalog-popup .popup-wrapper{width: 580px;max-width: none;margin-left: 60px;} .newsletter-popup-catalog{ padding: 0px; box-sizing: border-box; padding:0 5% 0 22%; } .newsletter-popup-catalog .catalog-cover{ position: absolute; top: 50%; left: 0px; -webkit-transform: translate(-52%, -49%); -ms-transform: translate(-52%, -49%); transform: translate(-52%, -49%); z-index: 0; } .newsletter-popup-catalog .expand-label{ padding-left: 30px; } .newsletter-popup-catalog .tableLike p { padding-left: 70px; margin-bottom: 15px; } .newsletter-popup-catalog .tableLike p strong{ font-size: 37px; } .newsletter-popup-catalog .popup-inputs > div .inputBox{ margin-left: 75px; } .newsletter-popup-catalog .subscribe-box{ padding: 25px 0 50px; } } @media all and (max-width:901px) { .newsletter-popup-catalog{ padding: 0px; width: 550px; box-sizing: border-box; padding: 0 40px; } .newsletter-popup-catalog .tableLike{ margin: 0px 0 10px 45px; } .newsletter-popup-catalog .catalog-cover { margin: 0 30px 10px -10px; width: 90px; } .newsletter-popup-catalog .tableLike p strong{ font-size: 34px; } .newsletter-popup-catalog .subscribe-box{ padding: 20px 0 40px 45px; } } @media all and (min-width:768px){ .newsletter-popup-catalog h6{font-size:32px;padding: 35px 0 25px;} } @media all and (max-width:767px) { .newsletter-popup-catalog .catalog-cover { margin: 0 10px 15px -10px; } .newsletter-popup-catalog h6{font-size:22px;padding: 25px 0 15px;} .newsletter-popup-catalog .tableLike{ margin: 0px 0 10px 0px; } .newsletter-popup-catalog .tableLike p strong{ font-size: 26px; } .newsletter-popup-catalog{ width: 345px; } .newsletter-popup-catalog .subscribe-box{ padding: 20px 0 30px; } } @media all and (min-width:461px){ .newsletter-popup-catalog .popup-inputs > div .inputBox{ width: 270px; position: relative; } } @media all and (max-width:460px) { .newsletter-popup-catalog{ width: 300px; padding: 0 20px; } .newsletter-popup-catalog .subscribe-box{ padding: 20px 0; } .newsletter-popup-catalog .popup-inputs > div .inputBox{ width: 100%; position: relative; } } input,textarea { background:#fff; border:1px solid #b3b3b3; box-sizing:border-box; color:#000; font-size:14px; line-height:38px; height: 38px; padding:0 10px; width:100%; box-shadow:none!important; outline:0!important } input:focus,textarea:focus { border-color:#8c8c8c } textarea { background:#fff; border:1px solid #b3b3b3; box-sizing:border-box; color:#8c8c8c; font-size:14px; padding:10px; resize:none; width:100%!important } .input-box { margin-bottom:10px; margin-top:5px; position:relative } .textarea-pretender,.input-pretender { border:1px solid #b3b3b3; box-sizing:border-box; color:#000; cursor:not-allowed; font-size:14px; padding:10px; width:100%!important } .std .input-pretender p { margin:0 } .textarea-pretender .floating-label,.input-pretender .floating-label { color:#909090; font-size:10px; top:-10px } select option { padding-right:10px } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px } select.multiselect option:last-child { border-bottom:0 } textarea { overflow:auto } button[type="submit"] { -moz-border-radius:3px; -webkit-border-radius:3px; background:#0fae47; border:0; border-radius:3px; color:#fff; cursor:pointer; font-size:14px; font-weight:400; height:45px; padding:4px 0; text-align:center; transition:all 100ms ease-in-out; width:100% } button[type="submit"]:hover { background:#108237 } button[type="submit"] .pe-7s-angle-right { font-size:28px; vertical-align:-26% } button[type="submit"] i { font-style:normal }select ~ .floating-label { display:none } .prettyselect-wrap ~ .floating-label,textarea:focus ~ .floating-label,textarea:not(:focus):valid ~ .floating-label,input:focus ~ .floating-label,input:not(:focus):valid ~ .floating-label { color:#909090; font-size:10px; top:-10px } .floating-label { background:#fff; box-sizing:border-box; color:#b5b5b5; font-size:14px; left:5px; max-width:95%; overflow:hidden; padding:2px 5px; pointer-events:none; position:absolute; text-overflow:ellipsis; top:6px; transition:.2s ease all; white-space:nowrap } input[type="checkbox"] { display:none } label.separated-label em,input[type="checkbox"] ~ label em { color:#f26444; font-style:normal; padding-right:3px } label.separated-label,input[type="checkbox"] ~ label { display:block; line-height:1.2em; padding-left:30px; padding-top:2px; text-align:left } label.separated-label:before,input[type="checkbox"] ~ label:before { border:1px solid #b3b3b3; content:""; display:block; height:18px; left:0; position:absolute; top:0; width:18px } .validation-advice:not([style*="display: none"]) + label:before,input[type="checkbox"].validation-failed ~ .expand-label label:before,input[type="checkbox"].validation-failed ~ label:before { border-color:#eb340a!important } input[type="checkbox"].validation-failed ~ .expand-label label a,input[type="checkbox"].validation-failed ~ .expand-label label,input[type="checkbox"].validation-failed ~ label a,input[type="checkbox"].validation-failed ~ label { color:#eb340a } label.separated-label:hover:before,input[type="checkbox"] ~ label:hover:before { border-color:#8c8c8c } input[type="checkbox"] ~ label .checked_text { display:none; margin-top:3px } input[type="checkbox"]:checked ~ label .checked_text { display:block } input[type="checkbox"]:checked ~ .expand-label label:before,label.separated-label.clicked:before,input[type="checkbox"]:checked ~ label:before { background:url(../images/product/option_green_check.png) center no-repeat; background-size:26px auto } .expand-label { position:relative } .expand-label.active label { max-height:none; padding-bottom:16px } .expand-label .expand-text { background:#fff; background:rgba(255,255,255,0); background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.78) 15%,rgba(255,255,255,0.96) 36%,rgba(255,255,255,0.98) 52%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); background:-webkit-gradient(left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(15%,rgba(255,255,255,0.78)),color-stop(36%,rgba(255,255,255,0.96)),color-stop(52%,rgba(255,255,255,0.98)),color-stop(67%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.78) 15%,rgba(255,255,255,0.96) 36%,rgba(255,255,255,0.98) 52%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.78) 15%,rgba(255,255,255,0.96) 36%,rgba(255,255,255,0.98) 52%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.78) 15%,rgba(255,255,255,0.96) 36%,rgba(255,255,255,0.98) 52%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.78) 15%,rgba(255,255,255,0.96) 36%,rgba(255,255,255,0.98) 52%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 100%); bottom:0; color:#102d79; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1); font-size:12px; line-height:15px; padding-bottom:2px; padding-left:70px; position:absolute; right:0 } .expand-label .expand-text span { cursor:pointer } .expand-label .expand-text span:hover { color:#5d5abf } .expand-label.active .textdown,.expand-label:not(.active) .textup { display:none } .input-box input.validation-failed { background-color:#fcefec; border:1px solid #eb340a } .input-box input.validation-failed ~ .floating-label { background-color:#fcefec } .validation-advice { -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; background:#fff!important; background:none; border-bottom-left-radius:10px; box-sizing:border-box; color:#eb340a; font-size:0; max-width:100%; min-height:20px; overflow:hidden; padding-bottom:3px; padding-left:5px; padding-right:15px; position:absolute; right:-6px; top:-8px; width:15px; z-index:1 } .validation-advice:after { -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff; border:1px solid #eb340a; border-radius:50%; content:'!'; display:block; font-size:10px; font-weight:700; height:13px; line-height:13px; position:absolute; right:0; text-align:center; top:0; width:13px } .validation-advice:hover { font-size:10px; padding-left:5px; padding-right:18px; width:auto } .validation-advice:not(:hover) { height:15px; overflow:hidden } .validation-advice:not([style*="display: none;"]) ~ .expand-label label:not(.clicked) a,.validation-advice:not([style*="display: none;"]) ~ .expand-label label:not(.clicked) { color:red } .validation-advice:not([style*="display: none;"]) ~ .expand-label label:not(.clicked):before { border-color:red } input.validation-failed ~ .input-box label { color:red } input.validation-failed ~ .input-box label:before { border-color:red } .fvat-note{ font-size: 12px; line-height: 1.1em; color: #8f8f8f; padding-top: 4px; margin-bottom: 10px; display: none; } #billing-new-address-form .fvat-note{ margin-top: -10px; } #translate-inline_table_content .magento_table_container .value input[id*="perstore_"]{ display: block; width: 20px; margin: 0 auto 0 0; } #translate-inline_table_content .magento_buttons{text-align: center;} #translate-inline_table_content .magento_buttons button{max-width: 150px;} @media all and (max-width:1045px) { .promoBox .rollupClose { background:0 0!important; right:0 } .promoBox.coiled .rollupClose { display:none } } @media all and (max-width:1015px) { .footer-top-container,.page #maincontent,.page .layout-description { padding-left:15px; padding-right:15px } .home-tiles-slider{margin: 0 -15px;} } @media all and (min-width:901px) { .sticky-search { position : fixed !important; top : -1px !important; z-index : 99 !important; left : 50% !important; transform : translateX(-50%) !important; background-color : rgb(255, 255, 255) !important; transition: width .25s linear !important; padding: 0px 20px 0 20px; border: 0px; border-bottom: 1px solid #c4c3c9; } .sticky-search #span_clear_search { display : none !important; } .sticky-search #search_phrase{border: 0px;} #searchContainer.sticky-searchcontainer{ position: fixed !important; width: 500px !important; left: 50% !important; transform: translateX(-50%) !important; top: 38px !important; padding: 0 10px; } #searchContainer.sticky-searchcontainer .products-grid > .item{padding: 0 5px;margin: 10px 0 !important;} #searchContainer.sticky-searchcontainer .products-grid > .item .hidden-data{display: none;} .top-search svg{width: 41px;height: 41px;position: absolute;top: 0px;left: -40px;} .top-search form ~ svg{left: auto;right: -40px;} .top-search:not(.sticky-search) svg{display: none;} .top-search.sticky-search{width: 490px;padding: 0 15px;box-sizing: border-box;box-shadow: 0px -8px 12px 4px rgba(0,0,0,0.3)} .top-search.sticky-search #span_clear_search{border: none;} .top-search.sticky-search #span_clear_search .pe-7s-close{margin-top: 2px;} .top-search.sticky-search #span_clear_search.activated{width: 30px;left: -20px;} .rollbox .custom {padding:0} } @media all and (max-width:900px) { .top-search svg{display: none;} body{padding-top: 41px} .floating-code{display: none !important;} .hideButtonMobile .left-column .buttonlink{display: none;} .promoBox .custom { overflow:hidden } .promoBox .promotext{display: inline-block;} .promoBox .mobile-left { display:inline-block; padding: 10px 0; } .promoBox .discountValue { font-size:2em; line-height: 1.2em; margin:0 } .promoBox .timeline { display:block; margin:0; width:100%; font-size:12px; } .promoBox .bimago-button { margin-left:50px } .home-tiles-slider .home_grid{margin-top: 0px; } } @media all and (min-width:768px) { .home_grid .item.buttonmode .vwrapper > span{white-space: nowrap;} .home-tiles-slider .home_grid .item.buttonmode .vwrapper{ bottom: 50%; -webkit-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%); } .home-tiles-slider .home_grid .item.buttonmode .vwrapper > span{ left: 75%; } } @media all and (max-width:767px) { h1 { font-size:20px } h2 { font-size:18px } h3 { font-size:17px } .orange-heading { padding:30px 0 15px } jdiv{display: none !important;} .promoBoxShipping .maintext{padding-right: 20px;} .promoBoxShipping .enddate{padding-left: 20px;} .home_grid .item.tailmode .vwrapper > span{ display: none } .home_grid .item.tailmode .vwrapper{ top: 50%; -moz-transform:translateY(50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); } .home_grid .item.tailmode .vwrapper strong{ font-size: 18px; } .home_grid .item.tailmode .vwrapper small{ margin-top: 5px; } .home_grid .item.hide767 {display: none;} .home_grid .item.full767{ grid-column-end: span 2; } .home_grid .item[data-aspect-mobileratio="1:1"]{grid-column-end: span 1 !important;} .home_grid .item[data-aspect-mobileratio="2:1"]{grid-column-end: span 2 !important;} .home_grid .item.full767 a::before{ padding-top: 25%; } .home_grid .item[data-aspect-mobileratio="2:1"] a::before{ padding-top: 50%; } .home_grid .item.full767.buttonmode .vwrapper{ position: absolute; bottom: auto; top: 50%; left: auto; right: 10%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); white-space: nowrap; } .newsletter-popup h6{font-size:26px;} html > body > div[data-tb-element="trustbadge_minimised_responsive_container"][id*="tsbadgeResponsiveTop_"]{ display: none !important; height:0px; width: 0px; overflow: hidden; position: absolute; } } @media (min-width: 640px) { .message-window ul { min-width:560px } } @media (max-width: 639px) { .home_grid .item.buttonmode .vwrapper{bottom: 15px;} .home_grid .item.buttonmode .vwrapper > span{ border: 0px;font-size: 14px;background: none !important;padding: 0px;line-height: 1.2em;height: auto; } .newsletter-popup h6{font-size:24px;} } @media all and (max-width:550px) { .promoBox .mobile-left { display:block; width:100% } .promoBox .custom a { padding-right:150px; position:relative } .promoBox .bimago-button { -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0; position:absolute; right:25px; top:50%; transform:translateY(-50%) } .promoBox .bimago-button strong { font-weight:400 } .promoBoxShipping .maintext{display: block;padding: 0px;} .promoBoxShipping .enddate{display: block;padding: 0px; opacity: 0.6; font-size: 14px;} .promoBoxShipping .enddate em{font-size: 12px;} .promoBoxShipping img{display: none;} } @media all and (max-width:460px) { .promoBox .custom a { padding:0 70px; text-align: left; } .promoBox .bimago-button i { line-height:29px } .promoBox .bimago-button { padding-left:10px; padding-right:15px } .promoBox .timeline{ padding-left: 10px; } .promoBox .bimago-button strong { display:none } .promoBox .custom a .discountValue { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); } .home_grid .item.tailmode .vwrapper strong{ font-size: 15px; } .home_grid .item.tailmode .vwrapper small{ font-size: 13px; } .home_grid .item.full767.buttonmode .vwrapper > span{border: none;background: none;padding: 0;} .home_grid .item.buttonmode .vwrapper > span i{display: none;} } .newsletter-popup .popup-wrapper .popup-content{ background: #ebebeb; } .newsletter-popup .popup-wrapper{ width: 100%; max-width: 600px; box-sizing: border-box; } .newsletter-popup picture{ display: block; } .newsletter-popup picture img{ width: 100%; display: block; } .newsletter-popup form{ box-sizing: border-box; padding: 0 40px 30px; text-align: left; overflow: hidden; } .newsletter-popup .newsletter-form p{ color: #4c4c4c; font-size: 20px; line-height: 1.7em; font-weight: 300; } .newsletter-popup .newsletter-form p strong{ font-weight: 700; font-size: 44px; display: inline-block; line-height: 0.9em; } .newsletter-popup .newsletter-form p strong span{ color:#e96944; } .newsletter-popup .newsletter-form .input-agreement{ width: 100%; margin: 20px 0 30px; } .newsletter-popup .newsletter-form .input-agreement .validation-advice{ background: none !important; width: 15px !important; height: 15px !important; padding: 15px 0 0 0; overflow: hidden; box-sizing: border-box; min-height: 15px; right: initial; left: 15px; border-radius: 50%; } .newsletter-popup .newsletter-form .input-agreement label span, .newsletter-popup .newsletter-form .input-agreement label a{ color: #4c4c4c; font-style: italic; font-size: 12px; } .newsletter-popup .newsletter-form .input-agreement label em{ display: none; } .newsletter-popup .newsletter-form .input-agreement input[type="checkbox"]:checked + label:before{ background: url('../images/checkboxes/lp-label-green-square-checked.jpg') 0 0 no-repeat; } .newsletter-popup .newsletter-form .input-agreement label:before{ width: 25px; height: 25px; background: url('../images/checkboxes/lp-label-green-square.jpg') 0 0 no-repeat; border: 0px; } .newsletter-popup .newsletter-form .input-agreement label{ padding: 0 0 0 40px; } .newsletter-popup .newsletter-form .inputdata{ width: 300px; display: inline-block; vertical-align: top; position: relative; } .newsletter-popup .newsletter-form .inputdata .validation-advice{ background: none !important; width: 15px !important; height: 15px !important; padding: 15px 0 0 0; overflow: hidden; box-sizing: border-box; min-height: 15px; border-radius: 50%; } .newsletter-popup .newsletter-form .inputdata input{ border-color:#fff; border-radius: 3px; } .newsletter-popup .newsletter-form .buttonlink{ display: inline-block; width: 38px; vertical-align: top; margin: 0 0 0 10px; } .newsletter-popup .newsletter-form .buttonlink a{ width: 0px; height: 39px; box-sizing: border-box; overflow: hidden; white-space: nowrap; background: #e96944; border-radius: 3px; border-color: #e96944; padding: 0px 0 0 39px; position: relative; } .newsletter-popup .newsletter-form .buttonlink a:hover{ background: #fa8c19; } .newsletter-popup .newsletter-form .buttonlink a:before{ content: "\e684"; font-family: "Pe-icon-7-stroke"; position: absolute; top: 0px; left: 0px; color:#fff; display: block; font-size: 30px; margin: -5px 0 0 4px; } @media all and (max-width:680px) { .newsletter-popup .popup-wrapper{ max-width: 100%; max-height: 100%; height: 100%; min-width: 300px; } .newsletter-popup .newsletter-popup-wrapper{ top: 50%; position: relative; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%) } .newsletter-popup .popup-wrapper .newsletter-popup, .newsletter-popup .popup-wrapper .popup-content{ height: 100%; } .newsletter-popup form{padding-bottom: 0px;} .newsletter-popup .newsletter-form p{ font-size: 16px; line-height: 1.4em; } .newsletter-popup .newsletter-form p strong{ font-size: 32px; line-height: 0.9em; } .newsletter-popup .newsletter-form .inputdata{ width: 260px; } } @media all and (max-width:480px) { .newsletter-popup .newsletter-form .inputdata{ width: 168px; } } @media all and (max-width:680px) and (orientation: landscape) { .newsletter-popup picture{ position: absolute; top: -95px; right: 0px; z-index: -1; width: 60%; opacity: 0.7; } .newsletter-popup form{padding-bottom: 0px;} } #notice-cookie-block:not(.translate-mode){ z-index: 9999; position: fixed; left: 30px; bottom: 30px; } #notice-cookie-block{ background: #e96944; padding: 15px; color: #fff; font-size: 12px; line-height: 1.3em; text-align: left; } #notice-cookie-block button{ border: 0px; background: rgba(255,255,255,0.9); border-radius: 3px; color:#e96944; cursor: pointer; height: 41px; line-height: 38px; padding: 0 25px 0 30px; position: relative; width: 48%; max-width: 220px; margin-right: 1%; border: 1px solid rgba(255,255,255,0.9); box-sizing: border-box; display: inline-block; white-space: nowrap; } #notice-cookie-block button:hover{ background: rgba(255,255,255,1); border: 1px solid rgba(255,255,255,1); } #notice-cookie-block .actions{ text-align: center; } #notice-cookie-block .actions a{ color: #fff; white-space: nowrap; margin-left: 5px; border: 0px; border-radius: 3px; cursor: pointer; height: 41px; line-height: 38px; padding: 0 25px 0 30px; position: relative; margin-left: 1%; width: 48%; max-width: 220px; border: 1px solid rgba(255,255,255, 0.5); display: inline-block; box-sizing: border-box; } #notice-cookie-block .actions a:hover{ border: 1px solid rgba(255,255,255, 1); } @media all and (min-width:681px) { #notice-cookie-block{ max-width: 400px; } } @media all and (max-width:680px) { #notice-cookie-block:not(.translate-mode){ bottom: 0px; left: 0px; right: 0px; } #notice-cookie-block .actions{ text-align: center; } } @media all and (max-width:360px) { #notice-cookie-block .actions button{ width: 100%; } #notice-cookie-block .actions a{ display: block; margin: 10px auto 0; width: 100%; } } .inspirations-grid { display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; grid-gap: 15px; margin: 0 auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .inspirations-grid > .item:nth-child(12n + 1) { grid-column: 1 / span 2; grid-row: span 2; } .inspirations-grid > .item:nth-child(12n-4) { grid-column: 2 / span 2; grid-row: span 2; } .inspirations-grid picture { display: block; } .inspirations-grid .pinImage{ margin: 0px; } .inspiration-item { display: block; position: relative; overflow: hidden; } .inspiration-item picture { display: block; } .inspiration-item picture img{ width: 100%; } .inspiration-item:before { display: block; content: ""; position: absolute; bottom: 0px; right: 0px; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; background: #3b4f81; z-index: 1; } .inspiration-item:hover:before { opacity: 0.2; background: #000000; } .inspiration-item:hover .buttonlink { top: 50%; opacity: 1; } .inspiration-item .buttonlink { border: 2px solid #FFF; border-radius: 3px; clear: both; cursor: pointer; height: 41px; line-height: 38px; color: #fff; position: absolute; top: -50px; left: 50%; opacity: 0; margin-top: -22.5px; z-index: 2; text-align: center; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .inspiration-item .buttonlink span { margin: 0 auto; position: relative; } .inspiration-item .buttonlink span.framed { padding: 0 30px; } @media only screen and (max-width: 767px) { .inspiration-item .buttonlink span.framed { border: 0px !important; } } @media only screen and (max-width: 460px) { .inspirations-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .inspirations-grid > .item:nth-child(12n-4) { grid-column: 1 / span 2; grid-row: span 2; } } .popup-newsletter{ position: relative; overflow: hidden; } .popup-box .popup-wrapper .popup-newsletter picture{ display: block; height: 100%; width: 100%; overflow: hidden; } .popup-newsletter form{ position: absolute; left: 40px; right: 40px; text-align: left; max-width: 500px; } .popup-box:not(.bottom-text) .popup-newsletter form{ top: 45px; } .bottom-text .popup-newsletter form{ bottom: 45px; } .popup-newsletter .newsletter-form p{ color: #fff; font-size: 18px; line-height: 1.2em; font-weight: 300; text-align: left; } .popup-newsletter .newsletter-form p i{ font-style: normal; } .popup-newsletter .newsletter-form p strong{ font-weight: 700; font-size: 34px; margin: 10px 0; display: inline-block; line-height: 1em; } .popup-newsletter .newsletter-form .input-agreement{ width: 100%; margin-bottom: 30px; } .popup-newsletter .newsletter-form .input-agreement .validation-advice{ background: none !important; width: 15px !important; height: 15px !important; padding: 15px 0 0 0; overflow: hidden; box-sizing: border-box; min-height: 15px; right: initial; left: 15px; border-radius: 50%; } .popup-newsletter .newsletter-form .input-agreement label span, .popup-newsletter .newsletter-form .input-agreement label a{ color:#fff; font-style: italic; font-size: 12px; } .popup-newsletter .newsletter-form .input-agreement label em{ display: none; } .popup-newsletter .newsletter-form .input-agreement input[type="checkbox"]:checked + label:before{ background: url('../images/checkboxes/lp-label-green-square-checked.jpg') 0 0 no-repeat; } .popup-newsletter .newsletter-form .input-agreement label:before{ width: 25px; height: 25px; background: url('../images/checkboxes/lp-label-green-square.jpg') 0 0 no-repeat; border: 0px; margin-left: -1px; } .popup-newsletter .newsletter-form .input-agreement label span{ opacity: 0.9; } .popup-newsletter .newsletter-form .input-agreement label{ padding: 0 0 0 40px; } .popup-newsletter .newsletter-form .inputdata{ max-width: 290px; width: 100%; display: inline-block; vertical-align: top; position: relative; } .popup-newsletter .newsletter-form .inputdata .validation-advice{ background: none !important; width: 15px !important; height: 15px !important; padding: 15px 0 0 0; overflow: hidden; box-sizing: border-box; min-height: 15px; border-radius: 50%; } .popup-newsletter .newsletter-form .inputdata input{ border-color:#fff; border-radius: 3px; } .popup-newsletter .newsletter-form .buttonlink{ display: inline-block; min-width: 38px; vertical-align: top; margin: 0 0 0 10px; } .popup-newsletter .newsletter-form .buttonlink a{ min-width: 38px; height: 38px; box-sizing: border-box; overflow: hidden; white-space: nowrap; background: #e96944; border-radius: 3px; border-color: #e96944; position: relative; color:#fff; padding: 0px; } .popup-newsletter .newsletter-form .buttonlink span{ font-size: 34px; margin-top: 3px; } .popup-newsletter .newsletter-form .buttonlink a strong{ font-weight: normal;padding: 0 20px;line-height: 32px; } .popup-newsletter .newsletter-form .buttonlink a:hover{ background: #fa8c19; } @media all and (max-width: 767px) { .popup-newsletter .newsletter-form p{ font-size: 16px; } .popup-newsletter .newsletter-form p strong{ font-size: 26px; } } @media all and (max-width: 680px) { .popup-box.full680 .popup-wrapper{ top: 0px; left: 0px; right: 0px; bottom: 0px; transform: none; -moz-transform: none; -webkit-transform: none; max-height: none; width: auto; } .popup-box.full680 .popup-wrapper .popup-content, .popup-box.full680 .popup-wrapper .popup-newsletter{ height: 100%; } .bottom-text .popup-newsletter form{ bottom:auto; top: 45px; } } @media all and (max-width: 680px) and (orientation: portrait){ .popup-box.full680 .popup-wrapper .popup-newsletter picture img{ height: 100%; width: auto; min-width: 100%; max-width: none; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); position: relative; left: 50%; } } @media all and (max-width: 460px) { .popup-newsletter .newsletter-form .inputdata{ max-width: 165px; } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css_divide/header.css" */ .heder-intro { border-bottom:1px solid #ccc; font-size: 12px; position: relative; display: grid; display: -ms-grid; grid-template-rows: auto; justify-content: stretch; justify-items: stretch; grid-gap: 0 10px; margin: 0 auto; text-align: left; box-sizing: border-box; padding:0px; } .heder-intro:not(.currencyBlock){ grid-template-areas: "socials freeshipping infoline"; } .heder-intro.currencyBlock{ grid-template-areas: "socials freeshipping infoline currency"; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) 100px; } .heder-intro .socials{ grid-area: socials; padding: 8px 0; } .heder-intro .socials a{ opacity: 0.8; margin: 0 3px; } .heder-intro .socials a:hover{ opacity: 1; } .heder-intro .free-shipping{ grid-area: freeshipping; text-align: center; padding: 8px 0; } .heder-intro .free-shipping .pe-7s-call{ font-size: 20px; vertical-align: bottom; } .heder-intro .free-shipping .item{ display: inline-block; } .heder-intro .free-shipping .item:first-child{ padding-left: 35px; background: url('//shark.bimago.com/bimago2/icons/header-truck.png') 0 50% no-repeat; } .heder-intro .currency{ grid-area: currency; } .heder-intro .infoline{ grid-area: infoline; text-align: right; padding: 8px 0; } .heder-intro .infoline .pe-7s-call{ font-size: 20px; vertical-align: -25%; } body:not(.store-russian) .heder-intro .intro-item { background-image:url(//shark.bimago.com/bimago2/header/icons/header-icons.png); background-repeat:no-repeat; height:25px; line-height:25px; margin:5px 25px 5px 0; padding-left:30px } body.store-russian .heder-intro .intro-item { margin:14px 25px 5px 0 } .heder-intro .intro-item.header-trusted { background-position:-5px -75px } .heder-intro .intro-item.header-return { background-position:-5px -5px } .heder-intro .intro-item.header-shipping { background-position:-5px -41px } .heder-intro .right-side .pe-7s-call { font-size:1.6em; vertical-align:-22% } .heder-intro .right-side { padding-right:15px; padding-top:7px } body.store-russian span.ruPhoneRegion:before { content:"(" } body.store-russian span.ruPhoneRegion:after { content:")" } .heder-intro .currency-group+.right-side { margin-right:6% } #search_form,#sorl-more span { display:block; position:relative } #search_form #span_search_button { height:40px; position:absolute; right:0; text-align:center; top:0; width:40px } #search_form #span_search_button .pe-7s-search { color:#102d79; font-size:2em; height:40px; padding-top:6px; position:absolute; right:0; top:0; width:42px } #search_form #span_search_button:hover .pe-7s-search,#span_clear_search:hover .pe-7s-close,.currency-group .currency-switcher li.selected a { color:#5d5abf } #search_form #span_search_button #search_button { background:0 0; border:0; cursor:pointer; height:40px; padding:0; position:absolute; right:0; top:0; width:50px; z-index:2 } #span_clear_search { -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; -webkit-transition:all .25s linear; background:#fff; border:1px solid #ccc; border-right:0; box-sizing:border-box; cursor:pointer; display:block!important; height:40px; left:0; overflow:hidden; position:absolute; top:0; transition:all .25s linear; visibility:hidden; width:0; z-index:2 } #span_clear_search .pe-7s-close { color:#102d79; font-size:2em; padding-top:5px } #span_clear_search.activated { left:-39px; visibility:visible; width:40px } #sorl-more { -moz-border-radius:3px; -moz-transition:all 250ms ease-in 0s; -o-transition:all 250ms ease-in 0s; -webkit-border-radius:3px; -webkit-transition:all 250ms ease-in 0s; border:1px solid #102d79; border-radius:3px; color:#102d79; cursor:pointer; display:inline-block; font-size:12px; margin:0 10px 0 0; padding:3px 10px 4px 15px; transition:all 250ms ease-in 0s; vertical-align:top } #sorl-more span { padding-right:18px } #sorl-more span:after { content:"\e684"; display:block; font:28px/20px "Pe-icon-7-stroke"; position:absolute; right:-5px; top:0; vertical-align:-5px } #sorl-more:hover { background:#f2f2f2; border-color:#5d5abf; color:#5d5abf; text-decoration:none } @media (min-width:970px) { .top-search { width:460px } #header #navigation .menu-list-holder .submenubox>div { padding-right:30px } } @media (min-width:902px) and (max-width:969px) { .top-search { width:360px } } @media (min-width:902px) { #header-mobile,#header-mobile-menu,#mobile-search,#navigation .menu-list-holder h2:before,#navigation .menu-list-holder h3:before,#searchContainer .pagerContainer .pages li.hideLi,.allsubcats { display:none } body.store-russian .header-infoline { margin-bottom:5px; max-width:250px; text-align:left } body.store-russian .header-infoline .pe-7s-call { font-size:2.6em; margin-right:10px; margin-top:2px; text-align:center; width:30px } body.store-russian .header-infoline strong { font-size:1em } body.store-russian .header-infoline td { line-height:1.25em; padding:0 0 0 5px } body.store-russian .header-infoline .ruLand { color:#818181; font-size:13px } .header-middle { padding:20px 0 15px } .header-middle .logo { margin-right:90px } #header.loggedIn .top-search { width:300px } #header.loggedIn .top-search.sticky-search { width:490px } .top-search .search_box { border:1px solid #c4c3c9; box-sizing:border-box; height:40px; padding:10px 60px 10px 10px; width:100% } #navigation .menu-list-holder .cat-main>div:first-child { font-size:1em; line-height:1.3em; position:relative; text-align:left; width:100% } #navigation .menu-list-holder .cat-main>div:first-child:after { -moz-transition:width .25s linear; -ms-transition:width .25s linear; -o-transition:width .25s linear; -webkit-transition:width .25s linear; background-color:#e96944; bottom:-1px; content:""; height:1px; left:0; position:absolute; transition:width .25s linear; width:0 } #navigation { background:#f2f1ed; height:40px; position:relative; width:100%; } #navigation .homelink { -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; -webkit-transition:all .25s linear; height:40px; left:0; position:absolute; top:0; transition:all .25s linear; width:40px; z-index:1; background: transparent; } #navigation .homelink a { box-sizing:border-box; color:#000; display:block; font-size:1.6em; height:100%; padding-top:4px; text-align:center; width:100%; } #navigation .homelink:hover { background:#e8e7e3; } #navigation .main-nav { box-sizing:border-box; padding-left:40px; width:100% } #navigation .menu-box { box-sizing:border-box; float:left; height:40px; position:relative; width:20% } #navigation .menu-box-header { box-sizing:border-box; cursor:pointer; height:40px; line-height:38px; text-align:center; width:100%; -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; -webkit-transition:all .25s linear; } #navigation .menu-box:hover .menu-box-header { background:#e8e7e3; } #navigation .menu-box .menu-box-header a { color:#000 } #navigation .menu-box:not(:first-child) .menu-list-holder a { color:#3b3b3b } #navigation .menu-box:not(:first-child) .menu-list-holder a:hover { color:#000!important } #navigation .menu-box-header i { box-sizing:border-box; font-size:2em; height:40px; padding-top:6px; text-indent:-6px; vertical-align:-27%; width:15px } #navigation .menu-list-holder { -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; -webkit-transition:all .25s linear; background:#fff; border:1px solid #e5e5e5; border-top:0; left:0; opacity:0; padding:10px 10px 10px 20px; position:absolute; top:40px; transition:all .25s linear; visibility:hidden; z-index:9; } #navigation .cat-main:hover .submenubox,#navigation .menu-box:hover .menu-list-holder,#searchContainer.loading .resultsContainer .loaderWrapper { opacity:1; visibility:visible } #navigation .menu-list-holder h2,#navigation .menu-list-holder h3 { font-size:1em; margin:0; padding:0; text-align:left } #navigation .menu-list-holder .cat-main>div:first-child a,#navigation .menu-list-holder h2 a,#navigation .menu-list-holder h3 a { box-sizing:border-box; color:#000; display:block; font-size:14px; padding:6px 30px 6px 0; position:relative; white-space:nowrap; width:100% } #navigation .menu-list-holder .cat-main:hover h2>a i,#navigation .menu-list-holder .cat-main:hover h3>a i,#navigation .menu-list-holder .cat-main:hover>div:first-child>a i { color:#e96944 } #navigation .menu-list-holder .cat-main>div.hasSubmenu:first-child>a i,#navigation .menu-list-holder h2.hasSubmenu>a i { font-size:2em; position:absolute; right:-10px; top:1px } #navigation .menu-list-holder h2:after,#navigation .menu-list-holder h3:after { -moz-transition:width .25s linear; -ms-transition:width .25s linear; -o-transition:width .25s linear; -webkit-transition:width .25s linear; background-color:#e96944; content:""; display:block; height:1px; left:0; transition:width .25s linear; width:0 } #navigation .menu-list-holder .cat-main:hover h2:after,#navigation .menu-list-holder .cat-main:hover h3:after,#navigation .menu-list-holder .cat-main:hover>div:first-child:after { width:100% } #navigation .cat-main { position:relative } #navigation .menu-list-holder .submenubox { -moz-box-shadow:0 0 4px 0 rgba(0,0,0,.17); -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.17); -webkit-transition:all .25s linear; background:#fafafa; box-shadow:0 0 4px 0 rgba(0,0,0,.17); left:100%; margin-left:10px; opacity:0; position:absolute; top:0; transition:all .25s linear; visibility:hidden; z-index:-1 } #navigation .menu-list-holder .submenubox>div { display:table-cell; padding:5px 20px 5px 10px; text-align:left; white-space:nowrap } #navigation .menu-list-holder .submenubox a { box-sizing:border-box; color:#000; display:block; font-size:14px; padding:4px 0; position:relative; white-space:nowrap; width:100% } #navigation .menu-list-holder .submenubox a:after { -moz-transition:width .25s linear; -ms-transition:width .25s linear; -o-transition:width .25s linear; -webkit-transition:width .25s linear; background-color:#e96944; bottom:-1px; content:""; display:block; height:1px; left:0; position:absolute; transition:width .25s linear; width:0 } #navigation .menu-list-holder .submenubox a:hover:after { width:100% } #navigation .cat-top .cat-main:nth-child(n+3) .submenubox { -moz-transform:translateY(-50%); margin-top:15px; transform:translateY(-50%); -webkitt-top-transform:translateY(-50%) } body .header-actions { position:absolute; right:0; top:-48px } body .header-actions ul { list-style:none; margin:0; padding:0 } .header-actions ul li { display:inline-block; margin-right:15px } .header-actions ul li i { font-size:1.4em; margin-right:3px; vertical-align:text-top } body.store-russian .intro-item table { margin:2px 0 } body.store-russian .intro-item table td:nth-child(even) { padding-left:3px; padding-right:45px } body.store-russian .intro-item table strong { color:#000; display:block; font-size:15px; font-weight:600 } body.store-russian .intro-item table td { color:#818181; font-size:13px; line-height:1.4em; vertical-align:middle } #searchContainer { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; background-color:#fff; border:1px solid #e5e5e5; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-sizing:border-box; display:none; left:0; max-width:1015px; min-height:40px; padding:0 30px; position:absolute; right:0; top:0; width:100%; z-index:2 } #searchContainer .resultsContainer { overflow:hidden; position:relative } #searchContainer .resultsContainer .hidden-data a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100% } #searchContainer .resultsContainer .hidden-data a span { white-space:nowrap } #searchContainer .resultsContainer .loaderWrapper { -moz-transition:background .25s linear; -ms-transition:background .25s linear; -o-transition:background .25s linear; -webkit-transition:background .25s linear; background:rgba(255,255,255,.8); bottom:0; left:0; opacity:0; position:absolute; right:0; top:0; transition:background .25s linear; visibility:hidden } #searchContainer .resultsContainer .loadingbox { display:block; left:50%; margin-left:-19px; margin-top:-17px; position:relative; top:50% } #searchContainer .resultsContainer .products-grid>.item { margin-top:25px; text-align:center; width:16.6667% } #searchContainer .products-grid>* { padding:0 15px 30px } #searchContainer .pagerContainer { overflow:hidden; padding-bottom:10px; text-align:right; width:100% } #searchContainer .pagerContainer .pages { display:inline-block; margin:0; padding:0 } #searchContainer .pagerContainer .pages li { color:#102d79; cursor:pointer; display:inline-block; font-size:1em; line-height:1.4em; padding:0; vertical-align:top } #searchContainer .pagerContainer .pages li i { -moz-border-radius:3px; -moz-transition:background .25s linear; -ms-transition:background .25s linear; -o-transition:background .25s linear; -webkit-border-radius:3px; -webkit-transition:background .25s linear; border:1px solid #cac9ce; border-radius:3px; font-size:27px; height:26px; margin:0 5px; position:relative; text-align:center; transition:background .25s linear; width:26px } #searchContainer .pagerContainer .pages li.disabled { cursor:not-allowed; opacity:.4 } #searchContainer .pagerContainer .pages li:not(.disabled) i:hover { background:#f2f2f2 } #searchContainer .pagerContainer .pages input { -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #a6a6a6; border-radius:3px; box-shadow:2px 2px 2px 0 rgba(209,209,209,.67) inset; color:#000; display:inline-block; font-family:"Oxygen","Open Sans","Verdana","Arial",sans-serif; height:26px; text-align:center; transition:border-color .25s linear 0s; vertical-align:baseline; width:35px } } @media (max-width:901px) { body.store-russian .mobile-infoline-box .header-infoline { margin:0 auto; text-align:left; width:250px } body.store-russian .mobile-infoline-box .header-infoline .pe-7s-call { font-size:1.2em; margin-right:10px; margin-top:1px; text-align:center; width:20px } body.store-russian .mobile-infoline-box .header-infoline strong { font-size:.8em } body.store-russian .mobile-infoline-box .header-infoline td { line-height:1em } body.store-russian .mobile-infoline-box .header-infoline .ruLand { color:#818181; font-size:12px } section#header { -moz-transition:width 500ms ease-in 0s; -o-transition:width 500ms ease-in 0s; -webkit-transition:width 500ms ease-in 0s; height:40px; overflow:hidden; position:absolute; right:0; top:0; transition:width 500ms ease-in 0s; width:0; z-index:10 } #header-mobile .logoLink img,section#header.searchin { width:100% } section#header .header-middle { height:40px; position:relative; width:100% } section#header .header-middle .top-search,section#header .header-middle .top-search #search_form { height:40px; width:100% } section#header .header-middle .top-search #search_form .search_box { border:0; box-sizing:border-box; font:16px "Oxygen","Open Sans",san-serif!important; height:40px; padding:0 50px; width:100% } input#search_phrase::-webkit-input-placeholder { line-height: 42px; } input#search_phrase:-moz-placeholder { line-height: 42px; } input#search_phrase::-moz-placeholder { line-height: 42px; } input#search_phrase:-ms-input-placeholder { line-height: 42px; } section#header .header-middle .top-search #search_form #span_clear_search { border:0; left:0!important; text-align:center; visibility:visible; width:50px } .page #layout-header { left: 0px; top: 0px; position: fixed; right: 0; z-index:99 } #header-mobile .fixed-bar { background:#fff; border-bottom:1px solid #858585; height:40px; min-width:220px; position:relative; width:100% } .fixed-bar .cartToogler,.fixed-bar .searchToogler,.fixed-bar .toogleMenu { background:#fff; float:left; height:40px; position:relative; width:40px; z-index:1 } #header-mobile-menu .hideMenu,#mobile-search #mobile-search-hide,.fixed-bar .toogleMenu .showMenu { background:#fff; cursor:pointer; float:left; height:40px; left:0; position:absolute; top:0; width:40px } .fixed-bar .toogleMenu .showMenu { box-sizing:border-box; font-size:12px; line-height:12px; overflow:hidden; padding-top:3px; text-align:center } #header-mobile-menu .hideMenu { -moz-transition:all 300ms ease-in 0s; -o-transition:all 300ms ease-in 0s; -webkit-transition:all 300ms ease-in 0s; left:-40px; opacity:0; transition:all 300ms ease-in 0s; visibility:hidden } #header-mobile-menu .hideMenu i,#mobile-search #mobile-search-hide i { font-size:3em; line-height:40px; text-align:center; width:40px } .fixed-bar .toogleMenu .showMenu span { display:block; font-size:34px; margin-left:3px } .fixed-bar .cartToogler,.fixed-bar .searchToogler { box-sizing:border-box; cursor:pointer; float:right; z-index:9 } .fixed-bar .cartToogler i,.fixed-bar .searchToogler i { font-size:1.8em; line-height:40px; text-align:center; width:40px } .fixed-bar .cartToogler a span { display:none } #mobile-search .span_clear_search,.fixed-bar div.logo { box-sizing:border-box; left:0; position:absolute; text-align:center } .fixed-bar div.logo { padding:0 80px 0 40px; top:8px; width:100% } .fixed-bar .logo img { width:90px } #header-mobile-menu { -moz-transition:all 300ms ease-in 0s; -o-transition:all 300ms ease-in 0s; -webkit-transition:all 300ms ease-in 0s; bottom:0; left:0; opacity:0; position:fixed; right:0; top:0; transition:all 300ms ease-in 0s; visibility:hidden; z-index:999 } #header-mobile-menu .layer { background:rgba(0,0,0,.2); height:100%; width:100% } #menu-mobile .cat-top .cat-main>div { margin:0 0 10px; position:relative; width:100% } #menu-mobile { -moz-transition:left 300ms ease-in 0s; -o-transition:left 300ms ease-in 0s; -webkit-transition:left 300ms ease-in 0s; background:#fff; bottom:0; left:-400px; overflow-y:auto; position:fixed; text-align:left; top:0; transition:left 300ms ease-in 0s; width:400px } #menu-mobile .socials{ padding: 10px 15px 0px; } #menu-mobile .socials a{ margin: 0 5px; } #menu-mobile #menu-mobile-wrapper { box-sizing:border-box; padding: 10px 15px 60px } #menu-mobile .cat-top .cat-main h2:after,#menu-mobile .cat-top .cat-main>div:first-child:after { -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; -webkit-transition:all .4s ease; background:#f26444; bottom:0; content:""; display:block; height:1px; left:0; margin-left:0; position:absolute; transition:all .4s ease; width:0; z-index:10 } #menu-mobile .cat-top .cat-main h2.active:after,#menu-mobile .cat-top .cat-main>div.active:first-child:after { width:100% } #menu-mobile .cat-top .cat-main h2 a i,#menu-mobile .cat-top .cat-main h2.hasSubmenu:before,#menu-mobile .cat-top .cat-main>div.hasSubmenu:first-child:before,#menu-mobile .cat-top .cat-main>div:first-child a i { display:none } #menu-mobile .cat-top .cat-main h2.hasSubmenu a:before,#menu-mobile .cat-top .cat-main>div.hasSubmenu:first-child a:before { -moz-transition:all 300ms ease-in 0s; -o-transition:all 300ms ease-in 0s; -webkit-transition:all 300ms ease-in 0s; background:0 0; border:0; content:"\e688"; display:block; font:1.8em "Pe-icon-7-stroke"; left:auto; position:absolute; right:0; top:7px; transition:all 300ms ease-in 0s } #menu-mobile .cat-top .cat-main h2.hasSubmenu.active a:before,#menu-mobile .cat-top .cat-main>div.hasSubmenu.active:first-child a:before { color:#ff3105; content:"\e682" } #menu-mobile .cat-top .cat-main h2,#menu-mobile .cat-top .cat-main>div:first-child { box-sizing:border-box; font-weight: 400; margin:0; padding:0!important; text-align:left } #menu-mobile .cat-top .cat-main h2 a,#menu-mobile .cat-top .cat-main>div:first-child a { border-bottom:1px solid #e5e5e5; box-sizing:border-box; color:#000!important; cursor:pointer; display:block; font-size:16px; height:45px; line-height:40px; margin:0; width:100% } #menu-mobile .submenubox { background:#f5f5f5; border-bottom:1px solid #ccc; box-sizing:border-box; display:none; padding:5px 10px; position:relative; text-align:left } #menu-mobile .submenubox>div>div { border-top:1px solid #fff; overflow:hidden; padding:0 5px; text-overflow:ellipsis; white-space:nowrap } #menu-mobile .submenu-holder.with3levels div>div:first-child,#menu-mobile .submenubox>div:first-child>div:first-child { border-top:0 } #menu-mobile .submenu-holder.with3levels div>div a,#menu-mobile .submenubox a { color:#000!important; display:block; font-size:14px; line-height:40px; width:100% } #menu-mobile .user-menu { margin-top:30px; padding:0 10px } #menu-mobile .user-menu ul { list-style:none; padding-left:0; text-align:left; width:100% } #menu-mobile .user-menu ul li { font-size:1.15em; padding:0 0 0 30px; position:relative } #menu-mobile .user-menu ul li i { font-size:1.5em; left:0; position:absolute; top:10px; vertical-align:-13% } #menu-mobile .user-menu ul li span { display:block; } #menu-mobile .user-menu ul li a { border-bottom:1px solid #e5e5e5; color:#000; display:block; font-size:14px; padding:10px 0 } .mobile-infoline-box { -moz-transition:left 300ms ease-in 0s; -o-transition:left 300ms ease-in 0s; -webkit-transition:left 300ms ease-in 0s; background:#fff; border-top:1px solid #ccc; bottom:0; font-size:1.25em; height:40px; left:-400px; line-height:25px; margin:0; padding:10px 0; position:fixed; right:0; text-align:center; transition:left 300ms ease-in 0s; width:400px; z-index:9 } .mobile-infoline-box i { font-size:1.5em; vertical-align:-20% } .mobile-infoline-box small { color:#ccc; display:block; font-size:.7em } #menu-mobile .homelink { border-bottom:1px solid #e5e5e5; box-sizing:border-box; color:#000!important; cursor:pointer; display:block; font-size:16px; height:45px; line-height:40px; margin:5px 0 0; width:100% } #menu-mobile .homelink h6 { line-height:40px; font-weight: 400; margin-top: 10px; } #menu-mobile .homelink span { color:#000!important } #menu-mobile .homelink i { color:#000!important; font-size:1.6em; vertical-align:text-bottom } .page { -moz-transition:margin-left 300ms ease-in 0s; -o-transition:margin-left 300ms ease-in 0s; -webkit-transition:margin-left 300ms ease-in 0s; margin-left:0; transition:margin-left 300ms ease-in 0s } .menu-is-shown .page { margin-left:400px } .menu-is-shown #header-mobile-menu { opacity:1; visibility:visible } .menu-is-shown #header-mobile-menu .hideMenu { -moz-border-radius-bottomright:50%; -moz-border-radius-topright:50%; -webkit-border-bottom-right-radius:50%; -webkit-border-top-right-radius:50%; border-bottom-right-radius:50%; border-top-right-radius:50%; color:#102d79; left:385px; opacity:1; position:absolute; visibility:visible; z-index:2 } .menu-is-shown #header-mobile-menu .hideMenu i { margin-left:-6px } .menu-is-shown #header-mobile-menu #menu-mobile,.menu-is-shown #header-mobile-menu .mobile-infoline-box { left:0 } .menu-is-shown #header-mobile .showMenu { opacity:0 } #menu-mobile .allsubcats a::before { background-image:url(//shark.bimago.com/bimago2/home_page/spanish/menu/menu_es_sprite.png); background-position:0 -771px; background-repeat:no-repeat; background-size:100% auto; content:""; display:inline-block; height:25px; margin:0 5px 0 0; position:relative; vertical-align:-15%; width:25px } #menu-mobile .allsubcats a { box-sizing:border-box; cursor:pointer; font-size:14px; } } @media (max-width:767px) { body:not(.product-my-picture-on) #header-mobile { margin:0; position:relative; z-index:2 } } @media (max-width:440px) { #menu-mobile,.mobile-infoline-box { left:-260px; width:260px } .menu-is-shown #header-mobile-menu .hideMenu { left:245px } .menu-is-shown .page { margin-left:260px } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css_divide/footer.css" */ .language-list .flag { background:url(../images/flags/all.png) no-repeat center/cover; display:inline-block; height:12px; margin:0 7px 12px; position:relative; text-indent:-100000px; width:19px } .language-list .flag.flag-czech { background-position:center -14px } .language-list .flag.flag-german { background-position:center -28px } .language-list .flag.flag-english { background-position:center -56px } .language-list .flag.flag-spanish { background-position:center -70px } .language-list .flag.flag-french { background-position:center -98px } .language-list .flag.flag-italian { background-position:center -140px } .language-list .flag.flag-netherlands { background-position:center -154px } .language-list .flag.flag-polish { background-position:center -182px } .language-list .flag.flag-portugal { background-position:center -196px } .language-list .flag.flag-russian { background-position:center -210px } .language-list .flag.flag-swedish { background-position:center -224px } .language-list .flag.flag-british { background-position:center -238px } .footer-bottom-container { background:#ebebeb; position:relative } .footer-top-container { overflow:hidden; position:relative } .footer-top-container .wrapper { margin:20px auto 0; max-width:1015px; padding-bottom:30px; width:100% } .footer-cms-catalog,.footer-cms-giftcart { overflow:hidden; text-align:center; width:100% } .footer-cms-catalog { background:#f2f1ed } .footer-cms-giftcart { background:#f2f1ed; height:204px } .pre-footer a { display:block; height:100%; width:100% } .pre-footer strong { color:#46424d; display:block; font-size:21px; font-weight:400; line-height:1.1em; margin:20px 0 15px } .pre-footer img { max-width:90% } .pre-footer a>span:not(.tableLike) { box-sizing:border-box; display:block; padding-right:5px; text-align:right } .pre-footer a>span:not(.tableLike) i { font-size:1.8em; text-indent:-5px; vertical-align:-25% } .pre-footer .tablecellLike:first-child { width:56%; position: relative; } .footer-cms-catalog .pre-footer .tablecellLike:first-child:before { position: absolute; content: ""; width: 60px; height: 95px; top: 20%; right: 15%; z-index: 0; background: rgba(0,0,0,0.1); filter: blur(10px); -webkit-filter: blur(10px); -ms-filter: blur(10px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10'); -moz-transform:rotate(-22deg); -ms-transform:rotate(-22deg); -o-transform:rotate(-22deg); -webkit-transform:rotate(-22deg); transform:rotate(-22deg); border-radius: 10px; } .footer-cms-catalog .pre-footer .tablecellLike img{z-index: 1;position: relative;} .pre-footer .tableLike { width:100% } .pre-footer .tablecellLike.catalog-title { color:#52494a; font-size:16px; line-height:1.1em; padding-left:5px } .pre-footer .tablecellLike.catalog-title span { display:block; font-size:18px; font-weight:600; line-height:1.2em; margin-top:2px; padding-bottom:10px } .footer-cms-trusted { overflow:hidden } .footer-cms-trusted a { display:block } .footer-top-container .footer-cms-trusted { background:#f2f1ed; box-sizing:border-box; height:204px; width:100% } .footer-top-container .footer-cms-trusted a { -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); box-sizing:border-box; display:block; height:100%; left:50%; overflow:hidden; position:absolute; top:50%; transform:translate(-50%,-50%) } .footer-top-container .footer-cms-trusted img { height:100%; max-width:none } .checkout-onepage-index .footer-top-container { display:none } .checkout-onepage-index .copyright { padding-bottom:0 } .cookies_box { background:#2b3165; display:none; padding:5px 10px; width:100% } .cookies_box .cookie-wrapper { color:#9ca2c4; font-size:12px; line-height:1.3em; margin:0 auto; max-width:1015px; text-align:left; width:100% } .cookies_box .cookie-wrapper strong { font-weight:400 } .cookies_box .cookie-wrapper a { color:#fff } .cookies_box .cookie-wrapper .pull-left { width:75% } .cookies_box .cookie-wrapper .pull-right { text-align:right; width:25% } .cookies_box .cookie-wrapper .pull-right a { -moz-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; -webkit-transition:all .25s linear; border:1px solid #9ca2c4; border-radius:3px; display:inline-block; margin:2px auto 0; padding:8px 30px; transition:all .25s linear } .cookies_box .cookie-wrapper .pull-right a:hover { background:#fff; color:#2b3165 } .footer-top-container .footer-newsletter { box-sizing:border-box; width:100% } .footer-top-container .footer-newsletter .newsletter { background:#fbccba; height:100%; position:relative; width:100% } .cookies_box,.newsletter-content { box-sizing:border-box; text-align:center } .newsletter-content .newsletter-header { display:block; font-size:21px; font-weight:400; padding:15px 0 } .newsletter-content .newsletter-promo .first-line { color:#ab4833; font-size:14px } .newsletter-content .newsletter-promo .second-line { color:#5e65f5 } .newsletter-content .newsletter-promo .second-line span>span { font:700 38px/.9em "Lato","Oxygen","Open Sans"; vertical-align:-55% } .newsletter-content .subscribe-box { margin:15px auto 0; max-width:70%; position:relative; width:260px } .newsletter-content .subscribe-box .inputBox #newsletter { -moz-border-radius:3px; -moz-box-shadow:1px 1px 2px 1px rgba(209,209,209,.4) inset; -webkit-border-radius:3px; -webkit-box-shadow:1px 1px 2px 1px rgba(209,209,209,.4) inset; background:#fff!important; border:1px solid #faccb9; border-radius:3px; box-shadow:1px 1px 2px 1px rgba(209,209,209,.4) inset; box-sizing:border-box; color:#8c8c8c; font:14px "Oxygen","Open Sans"; height:40px; padding:0 45px 0 10px; width:100% } .newsletter-content .subscribe-box .inputBox #newsletter+.validation-advice { display:none!important } .newsletter-content .subscribe-box .inputBox #newsletter.validation-failed { border:1px solid red!important } .newsletter-content .subscribe-box .inputBox #newsletter.validation-failed~a { background:red } .newsletter-content .subscribe-box .inputBox a { -moz-border-radius:3px; -moz-transition:background .25s linear; -ms-transition:background .25s linear; -o-transition:background .25s linear; -webkit-border-radius:3px; -webkit-transition:background .25s linear; background:#666ce5; border-radius:3px; color:#fff; display:block; height:40px; position:absolute; right:0; top:0; transition:background .25s linear; width:40px } .newsletter-content .subscribe-box .inputBox a:hover { background:#102d79 } .newsletter-content .subscribe-box .inputBox a span { display:block; font-size:2em; line-height:38px; text-align:center; width:40px } .newsletter-content .subscribe-box .infoBox { position:absolute; right:-30px; top:-2px } .newsletter-content .subscribe-box .infoBox span.pe-7s-info { color:#666ce5; cursor:pointer; font-size:24px; position:relative; z-index:2 } .newsletter-content .subscribe-box .infoBox .tooltip { -moz-border-radius:20px; -moz-transition:opacity .35s linear; -ms-transition:opacity .35s linear; -o-transition:opacity .35s linear; -webkit-border-radius:20px; -webkit-transition:opacity .35s linear; background:#fff; border:1px solid #b3b3b3; border-radius:20px; font-size:13px; left:-12px; line-height:1.2em; opacity:0; padding:5px 30px 5px 50px; position:absolute; text-align:left; top:-8px; transition:opacity .35s linear; visibility:hidden; white-space:nowrap; z-index:1 } .newsletter-content .subscribe-box .infoBox .tooltip strong { color:#10ae47; display:block } .newsletter-content .subscribe-box .infoBox:hover .tooltip { opacity:1; visibility:visible } .footer-cms-catalog { height:204px } .footer-cms-catalog .footer-catalog { height:100% } .footer-cms-catalog .footer-catalog a { display:block; height:100%; position:relative; width:100% } .footer-cms-catalog .footer-catalog a>span:first-child { display:block; padding-top:20px } .footer-cms-catalog .footer-catalog a>span strong { color:#251dc0 } .footer-cms-catalog .footer-catalog a .btn-like { -moz-border-radius:3px; -ms-transform:translateX(-50%); -webkit-border-radius:3px; -webkit-transform:translateX(-50%); background:#505291; border-radius:3px; bottom:15px; color:#fff; display:inline-block; font-size:18px; left:50%; padding:8px 10px 6px 20px; position:absolute; transform:translateX(-50%); white-space:nowrap } .footer-cms-catalog .footer-catalog a .btn-like .pe-7s-angle-right { font-size:1.8em; text-align:center; text-indent:-9px; vertical-align:-21%; width:20px } .footer-cms-catalog .footer-catalog a img { margin:0 auto } .newsletter-content.nodiscount { max-width: 300px; padding:13px 10%; text-align: left; margin: 0 auto; font-size: 13px; } .newsletter-content.nodiscount .newsletter-header { padding: 2px 0 8px;text-align: center;color:#46424d; } .newsletter-content.nodiscount .definition {color: #ac4733;display: block;line-height: 1.1;} .newsletter-content.nodiscount ul{ margin: 5px 0;padding-bottom: 5px;list-style: none;padding-left: 0px; } .newsletter-content.nodiscount ul li{ line-height: 18px;position: relative;white-space: nowrap; padding-left: 15px; } .newsletter-content.nodiscount ul li:before{ background: #ac4733; width: 5px;height: 5px;content: '';display: block;position: absolute;top: 6px;left: 0px; border-radius: 50%; } .newsletter-content.nodiscount .subscribe-box{ margin: 0; width: 100%;max-width: 100%;padding: 0 10px 0 0; box-sizing: border-box; } .newsletter-content.nodiscount .subscribe-box .inputBox{ position: relative; } .newsletter-content.nodiscount .subscribe-box .infoBox{ right: -20px; } .newsletter-content.nodiscount .subscribe-box input{text-align: left;padding-left: 0px;height: 35px !important;font-size: 13px !important;} .newsletter-content.nodiscountcatalog .newsletter-header{color:#ac4733;padding-bottom: 10px;} .newsletter-content.nodiscountcatalog .newsletter-header strong{font-weight: normal;color:#5e65f5;} .newsletter-content.nodiscount .subscribe-box .inputBox a{ width: 35px; height: 35px; background-color:#404040; } .newsletter-content.nodiscount .subscribe-box .inputBox a span{ width: 35px; height: 35px; line-height: 34px; } .newsletter-content.nodiscount .subscribe-box .infoBox span.pe-7s-info{ color:#404040; } .newsletter-content.nodiscountcatalog .newsletter-promo{ display:grid; display:-ms-grid; grid-template-rows:auto; grid-auto-columns: 1fr; grid-template: 'ico1 ico2 ico3' 'text1 text2 text3'; justify-content: stretch; justify-items: stretch; grid-gap: 5px 10px; max-width: 80%; margin: 0 auto; } .newsletter-content.nodiscountcatalog .newsletter-promo .item > span{display: block;font-size: 13px;line-height: 1.1em;} .newsletter-content.nodiscountcatalog .newsletter-promo .item:nth-child(1){ grid-area:ico1; align-self:center; justify-self: stretch; text-align: center; } .newsletter-content.nodiscountcatalog .newsletter-promo .item:nth-child(2){ grid-area:text1; align-self:center; justify-self: stretch; text-align: center; } .newsletter-content.nodiscountcatalog .newsletter-promo .item:nth-child(3){ grid-area:ico2; align-self:center; justify-self: stretch; text-align: center; } .newsletter-content.nodiscountcatalog .newsletter-promo .item:nth-child(4){ grid-area:text2; align-self:center; justify-self: stretch; text-align: center; } .newsletter-content.nodiscountcatalog .newsletter-promo .item:nth-child(5){ grid-area:ico3; align-self:center; justify-self: stretch; text-align: center; } .newsletter-content.nodiscountcatalog .newsletter-promo .item:nth-child(6){ grid-area:text3; align-self:center; justify-self: stretch; text-align: center; } .newsletter-content.nodiscountcatalog .subscribe-box input{text-align: left;padding-left: 0px;} .footer-wrapper{ width: 100%; background-color: #f2f1ed; padding: 40px 15px; box-sizing: border-box; } .footer-grid{ display: grid; -ms-grid-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); display:-ms-grid; display:grid; grid-gap: 0 30px; grid-template-areas:"col1 col2 col3 col4" "socials socials socials socials"; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto; justify-items:stretch; max-width: 1015px; margin: 0 auto; } .footer-grid .footer-cms-col1{ grid-area:col1; -ms-grid-row: 1; -ms-grid-column: 1; } .footer-grid .footer-cms-col2{ grid-area:col2; -ms-grid-row: 1; -ms-grid-column: 2; } .footer-grid .footer-cms-col3{ grid-area:col3; -ms-grid-row: 1; -ms-grid-column: 3; } .footer-grid .footer-cms-col4{ grid-area:col4; -ms-grid-row: 1; -ms-grid-column: 4; } .footer-grid .socials-list{ grid-area:socials; border-bottom: 1px solid #d9d9d9; padding: 10px 0 20px; text-align: left; -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 4; } .footer-grid .socials-list .social-item{ display: inline-block; border: 1px solid #cdcadd; border-radius: 2px; width: 33px; height: 33px; margin-right: 10px; overflow: hidden; } .footer-grid .socials-list .social-item a{ background-repeat: no-repeat; display: block; background-image: url(//shark.bimago.com/bimago2/footer/socials/sprite-socials-20190225.png); width: 100%; height: 100%; opacity: 0.8; transition: opacity 0.2s linear; } .footer-grid .socials-list .social-item a:hover{opacity: 1;} .social-item .socials-blog { background-position: -10px -10px; } .social-item .socials-facebook { background-position: -10px -63px; } .social-item .socials-insta { background-position: -10px -116px; } .social-item .socials-pinterest { background-position: -10px -169px; } .social-item .socials-youtube { background-position: -10px -222px; } .footer-grid div[class*="footer-cms-col"] ul{ text-align: left; font-size: 13px; margin: 0px; padding: 0px; list-style: none; } .footer-grid div[class*="footer-cms-col"] ul li{ padding-bottom: 10px; } .footer-grid div[class*="footer-cms-col"] h5{ text-align: left; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .footer-grid div[class*="footer-cms-col"] a{ line-height: 1.1em; display: block; } .lower-footer-grid{ display: grid; -ms-grid-columns:auto auto auto auto 50px; display:-ms-grid; display:grid; grid-gap: 0 10px; grid-template-areas:"col1 col2 col4 col5"; grid-template-columns:160px 160px auto 60px; grid-template-rows:auto; justify-content:stretch; max-width: 1015px; margin: 20px auto 0; text-align: left; } .store-polish .lower-footer-grid{ grid-template-areas:"col1 col2 col3 col4 col5"; grid-template-columns:160px 160px auto auto 60px; } .store-swedish .lower-footer-grid{ grid-template-columns:300px 160px auto 60px; } .lower-footer-grid span[class*='pe-7s-']{color:#000;font-size: 24px;vertical-align: -22%;} .lower-footer-grid a{color:#000;} .lower-footer-grid .contact-phone{ grid-area:col1; -ms-grid-row: 1; -ms-grid-column: 1; } .lower-footer-grid .contact-mail{ grid-area:col2; -ms-grid-row: 1; -ms-grid-column: 2; } .lower-footer-grid .contact-map{ grid-area:col3; -ms-grid-row: 1; -ms-grid-column: 3; } .lower-footer-grid .copyrights{ grid-area:col4; text-align: right; color: #959595; font-size: 12px; padding-top: 4px; -ms-grid-row: 1; -ms-grid-column: 4; } .lower-footer-grid .language-list{ grid-area:col5; position: relative; -ms-grid-row: 1; -ms-grid-column: 5; } .language-switcher { padding: 5px 0 0; white-space: nowrap; margin: 0; position: absolute; right: -5px; top: 27px; } .language-switcher li:not(.selected){ display: none; } .language-switcher li.selected{ color: #000; position: absolute; top: -31px; right: 5px; display: block; width: 45px; padding: 5px 18px 5px 5px; border: 1px solid #cdcadd; border-radius: 2px; text-align: center; box-sizing: border-box; } .language-switcher li a{ color: #102d79; } .language-switcher li.selected a{ color:#000; } .language-switcher li.selected a:after{ content: "\e688"; display: block; position: absolute; font-family: "Pe-icon-7-stroke"; font-size: 20px; top: -1px; right: 0; } .language-switcher:focus li:not(.selected), .language-switcher:hover li:not(.selected){ display: inline-block; padding: 0 5px; } .language-switcher:focus li.selected a:after, .language-switcher:hover li.selected a:after{ content: "\e682"; } @media (max-width:901px) { .footer-top-container .wrapper { padding-bottom:20px } .footer-top-container .catalog-newsletter,.footer-top-container .catalog-newsletter~div { margin-top:20px } .footer-top-container .wrapper { display:table; width:100% } .footer-top-container .footer-cms { display:table-cell; vertical-align:top } .store-polish .lower-footer-grid{ grid-template-areas:"col1 col2 col3 . col5" "col4 col4 col4 col4 col4"; grid-template-columns:160px 160px auto auto 60px; } .store-polish .lower-footer-grid .copyrights{ text-align: center; margin-top: 20px; margin-bottom: -30px; } } @media (max-width:767px) { .newsletter-content .subscribe-box .infoBox { display:none } .footer-grid{ -ms-grid-columns:minmax(0,1fr); grid-gap: 0; grid-template-areas:"col1" "col2" "col3" "col4" "socials"; grid-template-columns: minmax(0,1fr); } .footer-wrapper{ padding-top: 10px; } div[class*=footer-cms-col] { border-top:1px solid #d9d9d9; } div.footer-cms-col1 { border-top:0 } div[class*=footer-cms-col] label { font-size:16px; position:relative; display: block; padding: 10px 0; } div[class*=footer-cms-col] h5{ padding: 0px; margin: 0px; } div[class*=footer-cms-col] ul{ box-sizing: border-box; overflow: hidden; display: block; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; max-height: 300px; } div[class*=footer-cms-col] ul li:last-child{ padding-bottom: 25px; } div[class*=footer-cms-col] label:after { -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; color:#5d5abf; content:"\e682"; display:block; font:2em/1.3em "Pe-icon-7-stroke"; position:absolute; right:2px; top:0px; transition:all .5s ease-in-out } div[class*=footer-cms-col] input[type=checkbox]:checked~h5 label:after { -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); color:#102d79; transform:rotate(90deg) } div[class*=footer-cms-col] input[type=checkbox]:checked ~ ul { max-height:0!important } .lower-footer-grid { grid-template-areas: "col1 col2 col4"; grid-template-columns: 160px 160px auto; } .store-swedish .lower-footer-grid{ grid-template-areas: "col1" "col2" "col4"; grid-template-columns: minmax(0,1fr); text-align: center; grid-gap: 10px 0; } .store-swedish .lower-footer-grid .copyrights{text-align: center;} .lower-footer-grid .language-list{ display: none; } .store-polish .lower-footer-grid{ grid-template-areas:"col1" "col2" "col3" "col4"; grid-template-columns:minmax(0,1fr); grid-gap: 10px 0; text-align: center; } } @media (max-width:600px) { .cookies_box .cookie-wrapper .pull-left,.cookies_box .cookie-wrapper .pull-right { text-align:center; width:100% } .cookies_box .cookie-wrapper .pull-right a { margin:10px auto } .footer-newsletter { overflow:hidden } .footer-top-container .catalog-newsletter,.footer-top-container .catalog-newsletter~div { margin-top:15px } .newsletter-content.nodiscountcatalog .newsletter-promo{ max-width: 100%; } .lower-footer-grid{ -ms-grid-columns:minmax(0,1fr); grid-template-areas:"col1 col2" "col4 col4"; grid-template-columns: auto auto; justify-content: space-evenly; grid-gap: 10px 20px; text-align: center; } .lower-footer-grid .copyrights{ text-align: center; } } @media (min-width:461px) { .footer-top-container .footer-newsletter { height:204px } } @media (max-width:460px) { .footer-top-container .catalog-newsletter,.footer-top-container .catalog-newsletter~div { margin-bottom:15px; margin-top:0 } .footer-top-container .footer-newsletter .newsletter { padding-bottom:20px } .footer-top-container .wrapper { padding-bottom:0!important } .lower-footer-grid{ -ms-grid-columns:repeat(3,minmax(0,1fr)); grid-template-areas:"col1" "col2" "col4"; grid-template-columns:minmax(0, 1fr); } .lower-footer-grid .copyrights{ text-align: center; } } @keyframes arrowAnimationRotate { 0% { transform:rotate(0deg) } to { transform:rotate(180deg) } } @-moz-keyframes arrowAnimationRotate { 0% { -moz-transform:rotate(0deg) } to { -moz-transform:rotate(180deg) } } @-webkit-keyframes arrowAnimationRotate { 0% { -webkit-transform:rotate(0deg) } to { -webkit-transform:rotate(180deg) } } @-o-keyframes arrowAnimationRotate { 0% { -o-transform:rotate(0deg) } to { -o-transform:rotate(180deg) } } @-ms-keyframes arrowAnimationRotate { 0% { -ms-transform:rotate(0deg) } to { -ms-transform:rotate(180deg) } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/category.css" */ .category-top-banner .rotator3 .zoomingAncor img{transition: all 300ms ease-in-out; -ms-transform:none !important; -moz-transform:none !important; -webkit-transform:none !important; -o-transform:none !important; z-index: 0;} .category-top-banner .rotator3 .zoomingAncor:hover img:first-child{z-index: -1; opacity: 0; } .category-top-banner .rotator3 .zoomingAncor img + img{position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0; } .category-top-banner .rotator3 .zoomingAncor:hover img + img{ z-index: 1; opacity: 1; } .category-top-banner .rotator3 .zoomingAncor a span { bottom: 0 !important; z-index: 4; } .category-top-banner .zoomingAncor a span::after {background: transparent url("../images/cms/techniki/anchorArrow.png") no-repeat scroll center center / cover ; content: ""; display: block; height: 20px; position: absolute; right: 10px; top: 7px; width: 20px; } .category-top-banner .rotator3.owl-carousel:not(.owl-loaded){ display: block; overflow: hidden; } .category-top-banner .rotator3.owl-carousel:not(.owl-loaded) > .item{ float: left; width: 32%; margin-left: 2%; z-index: -1; opacity: 0.5; position: relative; } .category-top-banner .rotator3.owl-carousel:not(.owl-loaded) > .item:first-child{margin-left: 0px;} .category-top-banner .rotator3.owl-carousel:not(.owl-loaded):before{content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .category-top-banner .rotator3.owl-carousel:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .category-top-banner .rotator3.owl-carousel:not(.owl-loaded):after {-webkit-animation-delay: -1.0s ; animation-delay: -1.0s; } /* Allplate view - breadcrumbs, topbanner */ .page.allplate .homewrapper {max-width: none;} .page.allplate .layoutbox-header{width: 100%;} .page.allplate .layoutbox-content .breadcrumbs, .page.allplate .layoutbox-header section#header{max-width: 1015px;margin: 0 auto;} .page.allplate .layoutbox-footer .category-description{max-width: 1015px;margin: 0 auto;} .allplate_header{overflow: hidden;} .allplate_header p{color: #606060; font-size: 1em; line-height: 1.2em; text-align: center; } .allplate_header .orange-heading{padding: 10px 0 0;} .allplate_categorybanner{margin-bottom: 15px;} .allplate_categorybanner a{display: block;} .allplate_categorybanner img{width: 100%;} .allplate .no-min-height{min-height: 0px;} .allplate .allplate-category-slider .rotator1.owl-carousel:not(.owl-loaded) img{width: 100%;} /* Allplate view - toolbar */ .allplate .currently{margin-top: 10px;} .state-box{margin-bottom: 10px;} .state-box > ul.tabs{margin: 0px; padding: 0px; list-style: none; } .state-box > ul.tabs > li{ background: none; color: #102d79; display: inline-block; cursor: pointer; position: relative; border: 1px solid #a6a6a6; border-bottom: 0px; font-size: 1em; line-height: 1.8em; vertical-align: middle; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .state-box > ul.tabs > li:hover{color: #5c46ab;} .state-box > ul.tabs > li.current{background: #f5f5f5;color: #5c46ab;z-index: 1;} .state-box > ul.tabs > li.sortbox label{color: #606060 !important;} .state-box > ul.tabs > li span{font-size: 2.2em;line-height: 1.1em;} .state-box .tab-panel{ background: #f5f5f5; border-bottom: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; margin-top: -1px; overflow: hidden; } .state-box .tab-content{ position: relative; height: inherit; overflow: hidden; padding: 15px 5px; } .state-box .tab-content.current{ border-top: 1px solid #a6a6a6; } .state-box .tab-content{display: none;} .state-box .deflate, .state-box .expand{ margin: 0px; display: inline-block; min-width: 75px; padding: 10px 35px 10px 10px; text-align: center; z-index: 1; } .state-box .current .expand, .state-box .deflate{ display: none; } .state-box .pe-7s-angle-down{ -moz-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; position: absolute; right: 5px; top: 5px; z-index: -1; } .state-box .current .pe-7s-angle-down{ -moz-transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); } .state-box .tab-content .tag_list{ overflow: hidden; max-height: 110px; } .state-box .tab-content .tag_list span{ display: inline-block; width: 18%; padding: 0px; box-sizing: border-box; margin: 0px 1%; position: relative; } .state-box .tab-content .tag_list span:before{ position: absolute; top: 0px; left: -15px; background: #ccc; width: 1px; height: 100%; display: block; content: ""; } .state-box .tab-content .tag_list span:nth-child(5n+1):before{ display: none; } .state-box .tab-content .tag_list span a{ color: #102d79; } .state-box .tab-content .tag_list span a:hover{ color: #5c46ab; } .state-box .tabs .sortbox{ border-color: transparent !important; float: right; } .state-box .tabs .sortbox table td{ vertical-align: middle; padding: 0 4px; } .state-box .tabs .sortbox {padding-top: 2px;} .state-box .tabs .sortbox .sorter{margin-top: 2px;} .state-box .tabs .sortbox .pagination{float: left;margin-left: 10px;} .state-box .tabs .sortbox .pagination li{ display: inline-block; vertical-align: top; font-weight: normal; cursor: default; color: #000; } .state-box .tabs .sortbox .pagination li > span{ font-size: 2.3em; line-height: 0.9em; display: inline-block; color: #000; opacity: 0.3; width: 24px; } .state-box .tabs .sortbox .pagination li > a{margin: 0px; color: #102d79; -moz-transition: color 0.25s linear; -webkit-transition: color 0.25s linear; -o-transition: color 0.25s linear; transition: color 0.25s linear; } .state-box .tabs .sortbox .pagination li > a:hover{ color: #5c46ab; } .state-box .tabs .sortbox .pagination li > a > span{ font-size: 2.3em; line-height: 1em; display: inline-block; width: 16px; text-indent: -5px; } .state-box .tabs .sortbox .pagination li > strong{ font-weight: normal; display: inline-block; vertical-align: -9%; border-top: 1px solid transparent; } .state-box .tabs .sortbox .pagination li input{width: 35px; height: 26px; color: #000; text-align: center; vertical-align: middle; display: inline-block; -webkit-box-shadow: inset 2px 2px 2px 0px rgba(209,209,209,0.67); -moz-box-shadow: inset 2px 2px 2px 0px rgba(209,209,209,0.67); box-shadow: inset 2px 2px 2px 0px rgba(209,209,209,0.67); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;; border: 1px solid #a6a6a6; -moz-transition: border-color 0.25s linear; -webkit-transition: border-color 0.25s linear; -o-transition: border-color 0.25s linear; transition: border-color 0.25s linear; } .state-box .tabs .sortbox .pagination li input:disabled{opacity: 0.4;} .state-box .tabs .sortbox .pagination li > a > span.pe-7s-angle-right{text-indent: -5px;} .state-box .tabs .sortbox .pagination li > span{display: block;padding: 3px;line-height: 1em;} .state-box .tabs .sortbox .pagination li > span:hover{background: #f5f5f5;} .state-box .tabs .sortbox .pagination li > span img{display: none;} .state-box .tabs .sortbox .pagination span.next,.state-box .tabs .sortbox .pagination span.previous{border: 1px solid #cac9ce; position: relative;text-align: center;height: 21px;width: 21px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor:not-allowed; } .state-box .tabs .sortbox .pagination span.next:after{content: "\e684";font-family: "Pe-icon-7-stroke";font-size: 1em;line-height: 0.9em;height: 100%;left: -3px;position: absolute;top: 0px;} .state-box .tabs .sortbox .pagination span.previous:after{content: "\e686";font-family: "Pe-icon-7-stroke";font-size: 1em;line-height: 0.9em;height: 100%;left: -3px;position: absolute;top: 0px;} /* Allplate - filters */ .state-box .filter_box.styl, .state-box .filter_box.product_image_parts{ display: none; visibility: hidden; } .state-box .filter_box{ width: 13%; margin: 0px 1%; float: left; vertical-align: top; padding: 0px; position: relative; } .state-box .filter_box ul:after{ position: absolute; top: 0px; right: -10px; background: #ccc; width: 1px; height: 100%; display: block; content: ""; } .state-box .filter_box ul:before{ position: absolute; top: 0px; right: -10px; background: #f5f5f5; width: 1px; height: 35px; display: block; content: ""; z-index:2; } .state-box .filter_box.product_color{ width: 38%; } .state-box .filter_box:last-child ul:before, .state-box .filter_box:last-child ul:after{ display: none; } .state-box .filter_box ul{ background: none !important; } .state-box .filter_box ul li{ color: #383838; margin: 4px 0; } .state-box .filter_box ul li a{ color: #102d79; text-decoration: none !important; display: block; width: 100%; } .state-box .filter_box ul li a:focus, .state-box .filter_box ul li a:hover{ color: #5c46ab; } .state-box .filter_box ul li a > span:last-child{ color: #606060; } .state-box .filter_box ul li img{ -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; margin: 0 3px; } .state-box .filter_box ul li a.filtered img, .state-box .filter_box ul li a:focus img, .state-box .filter_box ul li:hover img{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .state-box .filter_box > p{ font-weight: bold; } .state-box .filter_box.product_color li{ width: 33%; float: left; display: block !important; } .state-box .filtered_box.product_color li{ width: 100%; } .state-box .filter_box li.show-more{ display: none !important; } .state-box .filter_box.product_color ul li a:not(.filtered) > span:last-child{ display: none; } .state-box .filtered_box ul li a.filtered{ font-weight: normal !important; background: none !important; } .state-box .filtered_box ul li a.filtered span{ position: relative; } .state-box .filtered_box ul li a.filtered span:after{ position: absolute; top: -4px; right: -20px; content: "\e680"; font-family: "Pe-icon-7-stroke"; background: none !important; color: #f06345; text-indent: 0px; font-size: 20px; } .state-box.bottom-state{padding: 15px 0 20px;} .state-box.bottom-state::after,.state-box.bottom-state:before { clear: both; content: ""; display: table; } /* Allplate view - grid */ .page.allplate .products-grid{margin: 0px;} .page.allplate .products-grid > *{padding: 10px;} .page.allplate .products-grid .item{ box-sizing: border-box; border: 1px solid transparent; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; position: relative; } .page.allplate .products-grid .item.allvertical, .allplate .products-grid .item.horizontal{ width: 50%; } .page.allplate .products-grid .item.allhorizontal{ width: 66.6666%; } .page.allplate .products-grid .item.vertical > div > a::before { padding-top: 144.4%; } .page.allplate .products-grid .item.horizontal.allhorizontal > a::before{padding-top: 69.78%;} .page.allplate .products-grid .item.horizontal > div > a::before { padding-top: 68.7%;} .page.allplate .products-grid .item .hidden-data{ background: #fff; border-top: 1px solid #999; position:absolute; bottom: 0px; left: 0px; right: 0px; padding: 8px 60px 0 10px; height: 80px; opacity: 0; text-align: left; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .page.allplate .products-grid .item:hover .hidden-data{ opacity: 1; } .page.allplate .products-grid .item .hidden-data h3{text-align: left;font-size: 1.2em;white-space: normal;text-overflow: none;padding-bottom: 5px;height: 2.7em;overflow: hidden;box-sizing: border-box;} .page.allplate .products-grid .item .hidden-data .product-list-price{text-align: left;} .page.allplate .products-grid .item .hidden-data .product-list-price .regular-price {font-size: 1.5em;} .catalog-product-view .allplate .products-grid .item{width: 20%;} .catalog-product-view .allplate .products-grid .item > div{width: 100%;} .page.allplate .products-grid .action_buttons{top: -1px;} .page.allplate .products-grid .item .action_buttons .varient_ico{right: 10px;} .page.allplate .products-grid .item .action_buttons .go_ico{ position: absolute;top: 46px;right: 10px;font-size: 2.2em;line-height: 0;} .tag-product-list .category-cols .right-category-column .action_buttons .go_ico{display: none;} /* No search result page */ .no-search-content{position: relative;padding-bottom: 30px;} .no-search-content .orangetext{color: #f16544;font-size: 1.1em;margin: 15px 0;} .no-search-content ul{color: #4c4c4c;} .no-search-content ul li{ position: relative; } .no-search-content ul li:before{ width: 5px; height: 5px; content: ""; background: #f16544; display: inline-block; vertical-align: top; margin-top: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 10px; margin-top: 9px; } .no-search-content .no-search-img{ background: url('../images/no_result_img.jpg') center no-repeat; width: 40%; max-width: 385px; position: absolute; bottom: 0%; right: 0px; display: block; background-size: 100% auto !important; -webkit-transition: width 0.5s ease-in-out 0s; -moz-transition: width 0.5s ease-in-out 0s; -ms-transition: width 0.5s ease-in-out 0s; -o-transition: width 0.5s ease-in-out 0s; transition: width 0.5s ease-in-out 0s; } .no-search-content .no-search-img:before{ content: ""; display: block; padding-top: 60%; } .no-search-content.engine-error .no-search-img:before{padding-top: 40%; } .no-search-content.engine-error {padding-bottom: 60px;} .no-search-content.engine-error .orangetext{margin-top: 30px;} .no-search-content.engine-error .no-search-img{ background: url('../images/search_engine_error.png') center no-repeat; } .ways-of-contact{ margin-left: -10px; margin-right: -10px; box-sizing: border-box; } .ways-of-contact > div{ min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; float: left; width: 33.3333%; box-sizing: border-box; text-align: center; } .ways-of-contact::after { clear: both; content: ""; display: table; } .ways-of-contact table{ margin: 0 auto; } .ways-of-contact table td{ vertical-align: top; font-size: 1.5em; font-weight: normal; text-align: left; } .ways-of-contact table td span{ display: block; font-size: 0.68em; } .ways-of-contact table .pe{ margin-right: 15px; font-size: 1.7em; color: #f16544; } .ways-of-contact table a:focus, .ways-of-contact table a:hover{ color: #5d5abf; } .ways-of-contact > div .border-wrapp{ border: 1px solid #acacac; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 15px 0; -webkit-transition: background 0.5s ease-in-out 0s; -moz-transition: background 0.5s ease-in-out 0s; -ms-transition: background 0.5s ease-in-out 0s; -o-transition: background 0.5s ease-in-out 0s; transition: background 0.5s ease-in-out 0s; } .ways-of-contact > div .border-wrapp:hover{ background: #f5f5f5; } .no-search-content + .heading-widget:before, .no-search-content + .heading-widget:after{ display: none; } .no-results .no-search-content + .heading-widget{ margin-bottom: 5px; margin-top: 5px ; } .search .rotator6 .item a{ text-decoration: none !important; padding: 10px 10px 0 10px; border: 1px solid transparent; box-sizing: border-box; display: block; } .search .rotator6 .item a:focus, .search .rotator6 .item a:hover{ border-color: #999999; } .search .rotator6 .item a span{ display: block; text-align: center; color: #102d79; margin: 10px 0; text-transform: uppercase; } .search .rotator6 .item a span small{ display: block; color: #4c4c4c; font-size: 1em; text-transform: none; } .search .rotator6 .item a:focus span, .search .rotator6 .item a:hover span{ color: #5d5abf; } .search .owl-carousel.rotator6:not(.owl-loaded){ display: block; overflow: hidden; max-height: 210px; } .search .owl-carousel.rotator6:not(.owl-loaded) > .item{ float: left; width: 16.6666%; margin: 0px 1px; z-index: -1; opacity: 0.5; position: relative; padding: 10px 10px 0; } .search .owl-carousel.rotator6:not(.owl-loaded) > .item img{ width: 100%; } .search .owl-carousel.rotator6:not(.owl-loaded) > .item:first-child{ margin-left: 0px; } .search .owl-carousel.rotator6:not(.owl-loaded):before{ content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .search .owl-carousel.rotator6:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .search .owl-carousel.rotator6:not(.owl-loaded):after { -webkit-animation-delay: -1s; animation-delay: -1s; } .no-results .heading-widget{ margin-top: 40px; } .no-results h1{text-align: left;} .no-results h1:before{left: 15px;} .no-results h1:after{left: 0px;width: 100%;} .breadcrumbs .search span{display: none;} .no-results #search_tab h2:before{display: none;} .no-results #search_tab{margin-top: 40px;} .no-results #search_tab h2{font-weight: 300;font-size: 1.6em;} .no-results .tabbed-content .right-category-column{width: 100%;} .artgeist-search-index-index .search > .breadcrumbs{display: none;} .main:not(.allplate-main-content) .action_buttons a.go_ico{display: none;} .store-swedish .infolinebox table .bmCallback .pe-7s-mail-open-file{display: none;} .store-swedish .infolinebox #callback-header a{display: block;font-size: 1.46em;} .store-swedish .infolinebox #callback-header {font-size: 0.68em;} .allplate .fbLikeBox{top: 64.35%;} @media (min-width: 901px){ .page.allplate .products-grid .item:hover{border-color: #999999;} .page.allplate .products-grid .varients{padding-right: 0px;height: 90px;bottom: -90px;} .page.allplate .products-grid .varients{left: -1px;right: -1px;width: auto;} .page.allplate .products-grid .item .action_buttons .stash-button{right: 10px !important;top: 14px !important;z-index: 0;} } @media (max-width: 900px){ .page.allplate .products-grid .item .action_buttons .go_ico{right: 0px;top: 10px;} .page.allplate .products-grid .item .action_buttons .varient_ico{right: 0px;} .page.allplate, .col-main.search{ padding: 10px; box-sizing: border-box; } .ways-of-contact{ margin-left: -5px; margin-right: -5px; } .ways-of-contact > div{ padding-left: 5px; padding-right: 5px; } .page.allplate .filter_box{width: 98% !important;} .page.allplate .filter_box ul:after,.page.allplate .filter_box ul:before{display: none;} .page.allplate .filter_box ul li img{margin-top: 5px;} .page.allplate .filter_box:not(:last-child){padding-bottom: 20px;} .page.allplate .filter_box > p{border-bottom: 1px solid #ccc ;} .state-box .pe-7s-angle-down{right: -2px;} .state-box .tab-content .tag_list span{width: 28%;} .state-box .tab-content .tag_list span:nth-child(5n+1)::before{display: block;} .state-box .tab-content .tag_list span:nth-child(3n+1)::before{display: none;} .page.allplate .products-grid .item .hidden-data h3{display: none;} .page.allplate .products-grid .item .hidden-data{position: relative; bottom: 0px; margin-top:10px;left: 0px;right: 0px; margin-left: 0px;border-left: 0px;border-right: 0px;border-bottom: 0px;opacity: 1;padding: 10px 0 0 0;height: 68px;} .products-grid .hidden-data .product-list-price > span:first-child{display: block;font-size: 0.9em;line-height:1.5em;} .page.allplate .products-grid .item .hidden-data .price-box{margin: 0px !important; } } @media (min-width: 768px){ .allplate .allplate-main-content{padding: 20px;background: #fff;margin-top: -16vw;z-index: 3;} .allplate .allplate-category-slider .owl-carousel{margin-top: 0px;} .allplate .allplate-category-slider .owl-carousel .owl-dots{width: 100%;right: auto;left: 50%;max-width: 1015px;text-align: right;padding-right: 5px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 767px){ .allplate_categorybanner{display: none;} .state-box .tabs .sortbox .sort-by{display: none;} .state-box .tab-content .tag_list span:nth-child(5n+1)::before, .state-box .tab-content .tag_list span:nth-child(3n+1)::before{display: block;} .state-box .tab-content .tag_list span:nth-child(2n+1)::before{display: none;} .state-box .tab-content .tag_list span{width: 48%;} .page.allplate .products-grid .item.fullmobile, .page.allplate .products-grid .item.horizontal.allhorizontal{height: auto !important;width: 100%} } @media (min-width: 550px) and (max-width: 768px){ .ways-of-contact > div{ width: 50%; margin-bottom: 10px; } } @media (max-width: 549px){ .ways-of-contact > div{width: 100%; margin-bottom: 10px; } .no-search-content .no-search-img{ display: none; } } @media (max-width: 480px) { .page.allplate .filter_box.product_color li{width: 50%;} .page.allplate .products-grid > *{width: 100%;} } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/cms.css" */ /***USUNĄĆ PRZY WDROŻENIU NOWEJ WERSJI MOBILNEJ****/ .homepage-layout, .home-seo,.std,.main-container .page-sidebar,.main-container .col-main{font-size: 14px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;} /**************************************************/ body{text-rendering: optimizeLegibility;text-rendering: geometricPrecision;font-smooth: always;font-smoothing: antialiased;-moz-font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-webkit-font-smoothing: subpixel-antialiased;} html[lang*="it"] .cms-home .col-main,html[lang*="fr"] .cms-home .col-main{width: 100%;} body[class*="cms-"] .col2-left-layout .col-main,body[class*="cms-"] .col2-layout .col-main{width: 80%;float: right;} .buttonlink{text-align: center;margin: 20px 0;} .buttonlink a{display: inline-block;margin: 0 auto;padding: 10px 20px 10px 30px;border: 1px solid #102d79; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .buttonlink a.backlink{padding: 10px 30px 10px 20px;} .buttonlink a.nolink{padding: 10px 30px;} .buttonlink a em[class*="pe-"], .buttonlink a span[class*="pe-"] { line-height: 0.8em;vertical-align: top !important;font-style: normal;} .buttonlink a:hover{border-color: #5d5abf;background: #f2f2f2;text-decoration: none;} /* CMS - Home */ .home-seo{margin: 30px auto;width: 100%;max-width: 1015px;text-align: left;} .home-seo .grid-box{margin: 0px -10px 15px;box-sizing: border-box;} .home-seo .grid-box .grid-box-2{width: 50%;padding: 0 10px;box-sizing: border-box;float: left;} .home-seo .grid-box .grid-box-2 > img{width: 100%;} .home-seo .owl-carousel:not(.owl-loaded){display: block;} .home-seo .owl-carousel:not(.owl-loaded) img{width: 100%;} .home-seo .owl-carousel:not(.owl-loaded) .item:first-child ~ .item{display: none;} .home-seo p{text-align: justify;} .mediaArticles h4{margin-top: 20px;margin-bottom: 0px;text-align: left;} .mediaArticles h4:before{display: none;} .mediaArticles h4:after{left: 0;width: 100%;} .mediaArticles a{display: block;padding: 4px 0;} .mediaArticles a img{max-width: 90%;filter: grayscale(100%); /* Current draft standard */-webkit-filter: grayscale(100%); /* New WebKit */-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */opacity: 0.7;} .mediaArticles a:hover img{filter: grayscale(0%); /* Current draft standard */-webkit-filter: grayscale(0%); /* New WebKit */-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */opacity: 1;} .mainVisual > a > img{width: 100%;} @media (max-width: 900px){ .home-seo{padding: 0 10px;box-sizing: border-box;} } @media (max-width: 767px){ .home-seo .grid-box .grid-box-2{width: 100%;margin: 10px 0;} } /* CMS - About us */ .about-us table{margin: 10px 0;} .about-us table td{vertical-align: middle;} .about-us table img{margin-right: 15px;} .image-headed-box{padding: 20px 0;} .image-headed-box .box-width-image{float: left;margin-right: 3%;width: 40%;} .image-headed-box .box-width-image img{width: 100%;} .image-headed-box .box-width-image i{display: block;} .image-headed-box .box-width-text{float: left;text-align: justify;width: 57%;font-size:1.2em} .image-headed-box .box-width-text strong{font-weight: 600;} .image-headed-box.reversed .box-width-image{margin: 0 0 0 3% !important;float: right;} .aboutus-mainviz{background: #ecf0f0;margin-top: 1px;text-align: center;margin-bottom: 30px;width: 100%;} .aboutus-mainviz img{width: 100%;} /* CMS - 404 */ .no-route-cms{position: relative;} .cms-no-route .orangetext{color: #f16544;font-size: 1.1em;margin: 15px 0;} .no-route-cms + .heading-widget:before, .no-search-content + .heading-widget:after{ display: none; } .no-route-cms + .heading-widget{ margin-bottom: 20px;} .cms-no-route .rotator6 .item a{ text-decoration: none !important; padding: 10px 10px 0 10px; border: 1px solid transparent; box-sizing: border-box; display: block; } .cms-no-route .rotator6 .item a:focus, .cms-no-route .rotator6 .item a:hover{ border-color: #999999; } .cms-no-route .rotator6 .item a span{ display: block; text-align: center; color: #102d79; margin: 10px 0; text-transform: uppercase; } .cms-no-route .rotator6 .item a span small{ display: block; color: #4c4c4c; font-size: 1em; text-transform: none; } .cms-no-route .rotator6 .item a:focus span, .cms-no-route .rotator6 .item a:hover span{ color: #5d5abf; } .cms-no-route .owl-carousel.rotator6:not(.owl-loaded){ display: block; overflow: hidden; max-height: 210px; } .cms-no-route .owl-carousel.rotator6:not(.owl-loaded) > .item{ float: left; width: 16.6666%; margin: 0px 1px; z-index: -1; opacity: 0.5; position: relative; padding: 10px 10px 0; } .cms-no-route .owl-carousel.rotator6:not(.owl-loaded) > .item img{ width: 100%; } .cms-no-route .owl-carousel.rotator6:not(.owl-loaded) > .item:first-child{ margin-left: 0px; } .cms-no-route .owl-carousel.rotator6:not(.owl-loaded):before{ content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .cms-no-route .owl-carousel.rotator6:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .cms-no-route .owl-carousel.rotator6:not(.owl-loaded):after { -webkit-animation-delay: -1s; animation-delay: -1s; } .cms-no-route .heading-widget{ margin-top: 40px; } .cms-no-route #search_tab h2:before{display: none;} .cms-no-route #search_tab{margin-top: 40px;} .cms-no-route #search_tab h2{font-weight: 300;font-size: 1.6em;} .cms-no-route .tabbed-content .right-category-column{width: 100%;} .cms-no-route .box-404-long{width: 100%;text-align: center;margin-top: 20px;} .cms-no-route .box-404-long span{display: block;} .cms-no-route .no-route-img{text-align: center;position: relative} .cms-no-route .no-route-img img{margin: 30px auto;width: 100%;max-width: 736px;} .cms-no-route .no-route-img .box-404-left{position: absolute;top: 30%;left: 0px;text-align: center;width: 35%;} .cms-no-route .no-route-img .box-404-right p > span, .cms-no-route .no-route-img .box-404-left p > span{display: block;} .cms-no-route .no-route-img .box-404-right{position: absolute;top: 30%;right: 0px;text-align: center;width: 32%;} .cms-no-route .no-route-img .buttonlink{display: inline-block; margin-top: 10px;} @media (max-width: 900px){ .cms-no-route .no-route-img .box-404-left, .cms-no-route .no-route-img .box-404-right{position: relative; width: 50%;box-sizing: border-box;padding: 0 20px;float: left;} } @media (max-width: 767px){ .cms-no-route .no-route-img .box-404-left, .cms-no-route .no-route-img .box-404-right{width: 60%;margin: 0 20%;} .cms-no-route .no-route-img{position: relative;margin: 0 auto 30px;width: 100%;top: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);} .cms-no-route .box-404{max-width: 300px;width: 100%;margin: 0 auto 25px;text-align: center;} .cms-no-route .box-404 .buttonlink{text-align: center;} } @media (max-width: 460px){ .cms-no-route .no-route-img .box-404-left, .cms-no-route .no-route-img .box-404-right{width: 100%;margin: 0;} } /* CMS - Home IT,FR */ .hot-categories .grid3row{box-sizing: border-box;margin: 10px -5px;overflow: hidden;} .hot-categories .grid3row .item{box-sizing: border-box; padding: 5px;float: left;width: 33.3333%;position: relative;} .hot-categories .grid3row .item img{width: 100%;} .tabbed-content.hot-categories h4.tabheader:before{display: block;} .hot-categories .btn{position: absolute;background: #f5f5f5; bottom: 20px;right: 20px;display: inline-block;padding: 6px 6px 6px 18px;border: 1px solid #102d79; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .hot-categories .btn span[class*="pe-"] { line-height: 0.9em;vertical-align: top !important;font-size: 1.9em;width: 20px;text-indent: -7px;} .hot-categories .btn:hover{border-color: #5d5abf;background: #fff;text-decoration: none;} .hot-categories .item .category_header{margin: 0px;line-height: 1.7em;position: absolute;top: 17px;left: 34px;width: auto;text-align: left;font-size: 1.3em;font-weight: 500;text-shadow: 0 1px 0px rgba(255, 255, 255, 1);color: #424769;} .hot-categories .item .category_header:before, .hot-categories .item .category_header:after{display: none;} .home-advantages .grid4row{box-sizing: border-box;margin: 10px -5px;overflow: hidden;} .home-advantages .grid4row .item{box-sizing: border-box;padding: 5px;float: left;width: 25%;position: relative;} .home-advantages .grid4row .item .advantage-box{ -webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px;border-top-right-radius: 3px;-webkit-border-top-right-radius: 3px; border: 1px solid #cecece;text-align: center;padding: 10px 15px; } .home-advantages .grid4row .advantage-box #shipping-adv, .home-advantages .grid4row .advantage-box #payment-adv, .home-advantages .grid4row .advantage-box #ssl-adv, .home-advantages .grid4row .advantage-box #returns-adv{width: 100%;padding: 0 0 10px;border-bottom:1px solid #cecece;margin-bottom: 5px;} .home-advantages .grid4row .advantage-box span[class*="pe-7"]{vertical-align: middle;font-size: 2.3em;color: #ff3105;} .home-category-description .lead:before,.home-category-description .lead:after{display: none;} .home-category-description .lead{text-align: left;font-size: 1.2em;line-height: 1.2em;margin-top: 0px;} .home-category-description .lead span{display: block;font-size: 1.6em;line-height: 1.2em;font-weight: normal;} .home-category-description .rotator2 .zoomingAncor a span::after{display: none;} .home-category-description .rotator2 .zoomingAncor a span{text-transform: uppercase; background: none !important;height: auto !important;color: #102d79;text-align :center;display: block;padding: 0px !important;position: relative;bottom: auto !important;margin-top: 7px; -webkit-transition: color 0.25s ease;-moz-transition: color 0.25s ease;-ms-transition: color 0.25s ease;-o-transition: color 0.25s ease;transition: color 0.25s ease;} .home-category-description .rotator2 .zoomingAncor a:hover span{color: #5d5abf;} .home-category-description h2,.home-category-description h1{margin-bottom: 15px;font-size: 1.2em;} .home-category-description h5{margin-bottom: 5px;text-align: left;} .home-category-description h5:before,.home-category-description h5:after{display: none;} .home-category-description.grid-div{margin-left: -20px;margin-right: -20px;margin-top: 0px !important;} .home-category-description.grid-div .grid2{padding-left: 20px;padding-right: 20px;} .home-category-description .seoContent p{font-size: 1em;line-height: 1.8em;margin: 0px;text-align: justify;} .ways-of-contact .heading-widget{width: 100%;} .giftpromo{position: relative;} .giftpromo .forMobile {display: none;} .giftpromo a > img{width: 100%;} .giftpromo p > *{color: #262626;display: block;} .giftpromo p img{display: block;margin: 0 auto;} .giftpromo p strong{font-size: 1.8em;line-height: 1.5em;vertical-align: middle;} .giftpromo p .btn{display: inline-block;margin: 8px auto 0;padding: 10px 25px;;background-color: #ff9078 ;color: #fff;font-size: 1.1em; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .giftpromo p .btn:hover{background-color: #f06345;} .linkedTags .product-tags{max-height: none;margin-bottom: 0px;} .picturedTags{text-align: left} .picturedTags a{margin-top: 16px;margin-right: 14px;float: left;border: 1px solid transparent; -webkit-transition: color 0.25s ease;-moz-transition: border-color 0.25s ease;-ms-transition: border-color 0.25s ease;-o-transition: border-color 0.25s ease;transition: border-color 0.25s ease;} .picturedTags a:hover{border-color: #5e65f5;} .picturedTags .nomarginTop {margin-top: 0px;} .homeSeparator{background: #cecece;height: 1px;margin: 25px auto 20px;position: relative;width: 30%;} .homeSeparator:after {clear: both;content: "";display: table;} .homeSeparator:before {content: "";display: block;position: absolute;top: -8px;left: 50%;background: #cecece;width: 9px;height: 9px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 4px solid #fff;} .mTop30{margin-top: 30px;} .mBottom0{margin-bottom: 0px !important;} body.homepage-layout{padding: 0px;} .homepage-layout .layout-table{width: 100%;margin: 0 auto;table-layout: fixed;display: table;text-align: left;} .homepage-layout .layout-table-footer-group{display: table-footer-group;position: relative;width: 100%;} .homepage-layout .layout-table-row-group{display: table-row-group;position: relative;width: 100%;} .homepage-layout .layout-table-header-group{display: table-header-group;position: relative;width: 100%;} .homepage-layout .layout-table-row{display: table-row;width: 100%;} .homepage-layout .layout-table-cell{display: table-cell;width: 100%;} .homepage-layout .header-container{ position: relative;top: auto;left: auto;} .homepage-layout .layoutbox-header, .homepage-layout .laystyoutbox-footer, .homepage-layout .layoutbox-content{width: 100%; position: relative;} body:not(.layer-is-opened) .layoutbox-header{z-index: 9;} .homepage-layout .homecontent{max-width: 1015px;} .homepage-layout .homewrapper{max-width: 1015px; margin: 0 auto;display: block;position: relative;width: 100%;} .homepage-layout .homepage-product-types .rotator5 .item, .homepage-layout .homepage-product-types .rotator6 .item{box-sizing: border-box;padding-bottom: 1px;} .homepage-layout .homepage-product-types .rotator5 .item a, .homepage-layout .homepage-product-types .rotator6 .item a{ text-decoration: none !important; padding: 10px 10px 0 10px; border: 1px solid transparent; box-sizing: border-box; display: block; } .homepage-layout .homepage-product-types .rotator5 .item a:focus, .homepage-layout .homepage-product-types .rotator5 .item a:hover, .homepage-layout .homepage-product-types .rotator6 .item a:focus, .homepage-layout .homepage-product-types .rotator6 .item a:hover{ border-color: #999999; } .homepage-layout .homepage-product-types .rotator5 .item a span, .homepage-layout .homepage-product-types .rotator6 .item a span{ display: block; text-align: center; color: #102d79; margin: 10px 0; line-height: 1.3em;height: 2.5em; } .homepage-layout .homepage-product-types .rotator5 .item a:focus span, .homepage-layout .homepage-product-types .rotator5 .item a:hover span, .homepage-layout .homepage-product-types .rotator6 .item a:focus span, .homepage-layout .homepage-product-types .rotator6 .item a:hover span{ color: #5d5abf; } .homepage-layout .homepage-product-types .owl-carousel.rotator5:not(.owl-loaded), .homepage-layout .homepage-product-types .owl-carousel.rotator6:not(.owl-loaded){ display: block; overflow: hidden; max-height: 210px; } .homepage-layout .homepage-product-types .owl-carousel.rotator5:not(.owl-loaded) > .item, .homepage-layout .homepage-product-types .owl-carousel.rotator6:not(.owl-loaded) > .item{ float: left; width: 16.6666%; margin: 0px 1px; z-index: -1; opacity: 0.5; position: relative; padding: 10px 10px 0; } .homepage-layout .homepage-product-types .owl-carousel.rotator5:not(.owl-loaded) > .item img, .homepage-layout .homepage-product-types .owl-carousel.rotator6:not(.owl-loaded) > .item img{ width: 100%; } .homepage-layout .homepage-product-types .owl-carousel.rotator5:not(.owl-loaded) > .item:first-child, .homepage-layout .homepage-product-types .owl-carousel.rotator6:not(.owl-loaded) > .item:first-child{ margin-left: 0px; } .homepage-layout .homepage-product-types .owl-carousel.rotator5:not(.owl-loaded):before, .homepage-layout .homepage-product-types .owl-carousel.rotator6:not(.owl-loaded):before{ content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .homepage-layout .homepage-product-types .owl-carousel.rotator5:not(.owl-loaded):after, .homepage-layout .homepage-product-types .owl-carousel.rotator6:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .homepage-layout .homepage-product-types .owl-carousel.rotator5:not(.owl-loaded):after, .homepage-layout .homepage-product-types .owl-carousel.rotator6:not(.owl-loaded):after { -webkit-animation-delay: -1s; animation-delay: -1s; } @media all and (min-width: 901px){ .homepage-layout .menufillBanner{ width: 100%;padding-left: 19%;box-sizing: border-box; } .menufillBanner img.mobileBanner {display: none;} } @media all and (max-width: 900px){ .menufillBanner img {width: 100%;} .menufillBanner img.desktopBanner {display: none;} .homepage-layout .homecontent > div:not(:first-child){padding: 0 10px;} .homepage-layout:not(.store-spanish) .layoutbox-footer > div{padding: 0 10px;} #tsbadgeResponsiveTop{display: none !important;} } @media (min-width: 768px){ .giftpromo p{position: absolute;top: 50%;right: 60px;text-align: center;font-size: 1.1em;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translatey(-50%);transform: translateY(-50%);} } @media (max-width: 767px){ .hot-categories .grid3row .item{width: 50%;} .home-advantages .grid4row .item{width: 50%;} .home-category-description .rotator2 { padding: 0px; } .giftpromo .forDesktop {display: none;} .giftpromo .forMobile {display: block;} .giftpromo{padding: 60px 0 0px;} .giftpromo p img{display: inline-block;margin-right: 10px; vertical-align: middle;} .giftpromo .mobile-one-line{position: absolute;width: 100%;left: 0px;right: 0px; top: 0px;text-align: center;} .giftpromo p .suprise{display: none;} .giftpromo p strong{font-weight: normal;} .giftpromo p > .btn{position: absolute; bottom: 10px; left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} } @media (max-width: 460px){ .hot-categories .grid3row .item{width: 100%;} } @media (max-width: 380px){ .home-advantages .grid4row .item{width: 100%;} } /* CMS - Widget banner */ .cms-banner{display: block;width: 100%;margin: 10px auto;position: relative;} .cms-banner .desktop-banner{display: block;} .cms-banner .mobile-banner{display: none;} .cms-banner .textbox > span{display:block;font-weight: lighter;} .cms-banner .textbox > span strong{font-size:1.2em;font-weight: normal;} .cms-banner .textbox .banner-button{ line-height: 41px !important; padding-bottom: 3px; font-size: 1.2em; text-align: center; clear:both; display: inline-block; } .cms-banner .textbox .banner-button > span{ font-size: 2em; vertical-align: middle; } .cms-banner .textbox .banner-button > span:before{margin-left: -10px;} @media (min-width: 768px){ .cms-banner .textbox{ position: absolute; text-align: left; } } @media (max-width: 767px){ .cms-banner .desktop-banner{display: none;} .cms-banner .mobile-banner{display: block;} } /* CMS - Agreement */ .cms-sales-terms-user-agreement .std h3:before,.cms-sales-terms-user-agreement .std h3:after{display: none;} .cms-sales-terms-user-agreement .std h2:before{left: 15px;}.cms-sales-terms-user-agreement .std h2:after{width: 100%;left: 0px;} .cms-sales-terms-user-agreement .std h2{text-align: left;} .cms-sales-terms-user-agreement .reg_content{margin: 0 0 1em;} .cms-about-us-accessories h1{margin-bottom: 20px;} .cms-about-us-accessories h3{text-align: left;margin-bottom: 20px;} .cms-about-us-accessories h3:before{left: 0px;margin-left: 0px;} .cms-about-us-accessories h3:after{left: 0px;width:100%;} #no-route > .left{width: 48%;margin-right: 2%;} #no-route > .right{width: 50%;} #no-route > .left img{width: 100%;} .std h1{margin: 15px 0 10px;} .pcol2-left-layout .col-left.sidebar{ box-sizing: border-box; float: left; padding-right: 1%; width: 20%; } .pcol2-left-layout .col-main { float: right; width: 80%; } /********************************* HOMEPAGE ES *********************************/ html[lang="es"] .homepage-layout .spanish-layout .layoutbox{ box-sizing: border-box; } html[lang="es"] .homepage-layout .spanish-layout .layoutbox-content, html[lang="es"] .homepage-layout .spanish-layout .layoutbox-footer{ width: 100%; } html[lang="es"] .homepage-layout .spanish-layout.homewrapper{max-width: none;padding: 0px;} html[lang="es"] .homepage-layout .spanish-layout .copyright .wrapper, html[lang="es"] .homepage-layout .spanish-layout .layoutbox-content .wrapper, html[lang="es"] .homepage-layout .spanish-layout .layoutbox-footer .wrapper, html[lang="es"] .homepage-layout .spanish-layout .footer-top-container .wrapper, .separatorwrapper { margin: 0 auto; box-sizing: border-box;max-width: 1400px;padding-left: 10px;padding-right: 10px;} html[lang="es"] .homepage-layout .spanish-layout .footer-cms-bottom .wrapper{ margin: 30px auto; box-sizing: border-box;max-width: 1400px;padding-left: 10px;padding-right: 10px; } html[lang="es"] .homepage-layout .spanish-layout .footer-top-container .footer-cms-trusted{background: #ebebeb;overflow: hidden;} html[lang="es"] .homepage-layout .spanish-layout .top-products-slider{overflow: hidden;} html[lang="es"] .homepage-layout .homewrapper:not(.spanish-layout) .homepagePhone{display: none !important;} .smooth-seo-home{overflow: hidden;} .smooth-seo-home .floated-content{overflow: hidden;width: 33.3333%;float: left;padding: 0 15px; box-sizing: border-box;} .smooth-seo-home .homeSeparator{display: none;} .smooth-seo-home .floated-content .galleryBox{display: block;margin-bottom: 10px;} .smooth-seo-home .floated-content.right-content .galleryBox{float: right;margin-left: 25px;} .smooth-seo-home .floated-content.left-content .galleryBox{float: left;margin-right: 25px;} .smooth-seo-home .floated-content .gallery-description{display: inline-block;position: relative;} .smooth-seo-home h1:before,.smooth-seo-home h1:after, .smooth-seo-home h2:before,.smooth-seo-home h2:after, .smooth-seo-home h5:before,.smooth-seo-home h5:after{display: none;} .smooth-seo-home h5{text-align: left;padding: 0px;margin-bottom: 10px;margin-top: 10px;} .smooth-seo-home h1.lead,.smooth-seo-home h2.lead {font-size: 1.2em;line-height: 1.2em;margin-top: 0;text-align: left;} .smooth-seo-home h1.lead span, .smooth-seo-home h2.lead span {display: block;font-size: 1.6em;font-weight: normal;line-height: 1.2em;} .smooth-seo-home .seoContent p {font-size: 1em;line-height: 1.8em;margin: 0;text-align: justify;} .smooth-seo-home .floated-content .galleryBox .owl-carousel{padding: 0;} #home_tab_topproducts .products-grid:not(.owl-loaded){height: 0px;margin-top: 20px;} #home_tab_topproducts .category-products{margin: 10px 0 20px;position: relative;} #home_tab_topproducts li > div > a{display: block;position: relative;box-sizing: border-box;overflow: hidden;width: 100%;border: 1px solid transparent;} #home_tab_topproducts li:hover > div > a{border-color: #808080;} #home_tab_topproducts li > div > a:before {content: "";display: block;padding-top: 84.677%;} #home_tab_topproducts li > div > a img{width: auto;height: 99%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} #home_tab_topproducts .products-grid .hidden-data .product-list-price > span{display: block;} .top-products-slider .products-grid .owl-item{float: left;} .top-products-slider .products-grid:not(.owl-loaded){ display: block; overflow: hidden; max-height: 210px; } .top-products-slider .products-grid:not(.owl-loaded) > .item{ float: left; width: 16.6666%; margin: 0px 1px; z-index: -1; opacity: 0.5; position: relative; padding: 10px 10px 0; } .top-products-slider .products-grid:not(.owl-loaded) > .item img{ width: 100%; } .top-products-slider .products-grid:not(.owl-loaded) > .item:first-child{ margin-left: 0px; } .top-products-slider .products-grid:not(.owl-loaded):before{ content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .top-products-slider .products-grid:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .top-products-slider .products-grid:not(.owl-loaded):after { -webkit-animation-delay: -1s; animation-delay: -1s; } .smooth-seo-home .homeSeparator{display: none;float: left;width: 30%;clear: both;margin: 25px 35% 20px;} .std .homeSeparator{margin: 35px 35% 30px;} .homepage-layout .products-grid .listing-box .varients .varient_item{top: 0px;} .fullslide ul[id*="banner-slider"]{ display: block; overflow: hidden; width: 100%; position: relative; } .fullslide ul[id*="banner-slider"] .owl-stage-outer, .fullslide ul[id*="banner-slider"] .owl-stage, .fullslide ul[id*="banner-slider"] .owl-stage .owl-item{ overflow:hidden; } .fullslide ul[id*="banner-slider"] .owl-stage .banner-slide, .fullslide ul[id*="banner-slider"] .owl-stage .img-box, .fullslide ul[id*="banner-slider"] .owl-stage .img-box .img-box-inner, .fullslide ul[id*="banner-slider"] .owl-stage .img-box a{display:block; position: relative; width: 100%; } .fullslide ul .items{ width: 100%; overflow: hidden; } .fullslide ul img{ display: block; width: 100%; outline: 1px; position: relative; } .image-gallery-outer .owl-controls .owl-dots .owl-dot{ width: 7px;height: 7px; border: 2px solid #fff; background: none !important; } .image-gallery-outer .owl-controls .owl-dots .owl-dot.active{background: #fff !important;} .full-header{ background: #fff; z-index: 9; } .full-menu .full-menu-wrapper{ box-sizing: border-box; margin: 0 auto; max-width: 1400px; padding-left: 10px; padding-right: 10px; height: 49px; } .full-header-top{ border-bottom: 1px solid #e5e5e5; } .full-header-top-wrapper{ box-sizing: border-box; margin: 0 auto; max-width: 1400px; padding-left: 10px; padding-right: 10px; height: 49px; } .full-header-top .logo{float: left;margin-top: 3px;} .full-header-top .user-menu{float: right;font-size: 1em;margin-top: 14px;} .full-header-top .user-menu ul li{float: left;margin-left: 30px;} .full-header-top .user-menu ul li i,.mobile-menu .cartToogler i{color:#3e3e3e; font-size: 1.6em;vertical-align: -15%;margin-right: 3px; } .full-menu-wrapper .homelink{ height: 49px; width: 30px;} .full-menu-wrapper .homelink a{display: block;width: 100%;height: 100%;} .full-menu-wrapper .homelink a span{display: block;width: 100%;height: 100%;text-align:center;line-height: 45px;width: 100%; font-size: 1.8em;color: #000;} .full-menu{ height: 49px; width: 100%; background:#fff; border-bottom: 1px solid #ccc; position: relative; } .full-menu .handmenu > ul{margin-left: -15px;} .full-menu .handmenu > ul > li{float: left;} .full-menu .handmenu ul li h2:before,.full-menu .handmenu ul li h2:after{display: none;} .full-menu .handmenu > ul > li > a, .full-menu .handmenu > ul > li > h2 > a, .full-menu .handmenu ul > li > h2{margin: 0px;cursor: pointer;color: #000 !important;display: block;height: 50px;font-size: 16px;line-height: 46px;padding: 0 15px; background: transparent;box-sizing: border-box; font-weight: 300; -webkit-transition: background 0.4s ease;-moz-transition: background 0.4s ease;-ms-transition: background 0.4s ease;-o-transition: background 0.4s ease;transition: background 0.4s ease; } @media (min-width: 902px) and (max-width: 990px){ .full-menu .handmenu > ul > li > a, .full-menu .handmenu > ul > li > h2 > a, .full-menu .handmenu ul > li > h2{padding: 0 8px;} } .full-menu .handmenu > ul > li > a:hover, .full-menu .handmenu > ul > li > h2:hover > a, .full-menu .handmenu > ul > li > h2:hover{font-weight: 400;} .full-menu .handmenu > ul > li > a{position: relative;} .full-menu .handmenu > ul > li > h2.active{font-weight: 400;} .full-menu .handmenu .submenu-holder{position: absolute; top: 48px;left: 0px;right: 0px;z-index: 9; padding: 15px 15px 20px 15px;background: #f5f5f5; text-align: left; display: none; border-bottom: 1px solid #ccc; } .full-menu .handmenu ul.menu-level-2 a{color:#000 !important;font-size: 14px;} .full-menu .handmenu ul.menu-level-2 li:hover a h2{font-weight: 400 !important;} .full-menu .handmenu ul.menu-level-2 + ul.menu-level-2 { border-top: 1px solid #fff; padding-top: 20px; } .full-menu .handmenu > ul > li > h2:after{ width: 0; height: 5px; display: block; position: absolute; bottom: 2px; left: 50%; margin-left: 0px; content: ""; z-index: 10; background: #f26444; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } .full-menu .handmenu > ul > li > h2.active:after{ width: 30px; margin-left: -15px; } .full-menu .handmenu ul.menu-level-2 li{ box-sizing: border-box; margin: 5px -4px 5px 0px; display: inline-block; vertical-align: top; background: transparent; text-align: center; } .full-menu .handmenu ul.menu-level-2 li:hover{ background: #fcfcfc; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1); } .full-menu .handmenu .submenu-holder .closemenu{ cursor: pointer; z-index: 8; position: absolute; bottom: -30px; left: 50%; height: 63px; color: #102d79; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: color 0.25s ease;-moz-transition: color 0.25s ease;-ms-transition: color 0.25s ease;-o-transition: color 0.25s ease;transition: color 0.25s ease; } .full-menu .handmenu .submenu-holder .closemenu:hover{ color: #5d5abf; } .full-menu .handmenu .submenu-holder .closemenu span{ display: block; position: absolute; top: 13px; left: 50%; font-size: 3em; background: #f5f5f5; width: 50px; padding-top: 8px; height: 40px;margin: -5px -25px ;padding-top: 5px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; z-index: -1; } .full-menu .handmenu ul.menu-level-2 li h2{font-size: 1em; } .full-menu .handmenu ul.menu-level-2 a{display: block;line-height: 1.3em;padding-bottom: 10px;} .full-menu .handmenu ul.menu-level-2 a img{display: block;margin: 10px auto 0px;} .full-menu .handmenu ul.menu-level-2 a:before{content: "";display: block;width: 95px;height: 95px;position: relative;margin: 0 auto; background-repeat: no-repeat; background-size: 100% auto; background-image: url('//shark.bimago.com/bimago2/home_page/spanish/menu/menu_es_sprite.png') } #menu-mobile .handmenu ul.menu-level-2 a:before{content: "";display: inline-block;width: 25px;height: 25px;position: relative;margin: 0 5px 0 0; background-repeat: no-repeat; background-size: 100% auto;vertical-align: -15%; background-image: url('//shark.bimago.com/bimago2/home_page/spanish/menu/menu_es_sprite.png') } .full-menu .handmenu ul.menu-level-2 h2{height: auto;} img:not([src]) { visibility: hidden; } @-moz-document url-prefix() { img:-moz-loading { visibility: hidden; } } @media (min-width: 1400px){ .full-menu .handmenu ul.menu-level-2 li{ width: 8.3%; margin-left: 1px; } } @media (min-width: 1200px) and (max-width: 1399px){ .full-menu .handmenu ul.menu-level-2 li{ width: 10%; } } @media (min-width: 901px) and (max-width: 1199px){ .full-menu .handmenu ul.menu-level-2 li{ width: 12.5%; } } @media (min-width: 901px){ .mobile-infoline, .full-header-mobile{display: none;} .user-menu ul{display: inline-block;vertical-align: top;} .full-menu .handmenu .submenu-holder.with3levels{padding: 0px;} .full-menu .handmenu .submenu-holder .tabbed-menu{padding-top: 49px;} .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links{ height: 50px;background: #f26444; position: absolute;top: 0px;left: 0px;right: 0px; padding-left: 30px; } .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links > li > a{z-index:9; font-weight: 300;font-size: 1.1em;display: block;height: 50px;padding: 0 20px;color:#fff;line-height: 48px;position: relative;} .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links > li > a:hover{font-weight: 400;} .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links li{display: inline-block;} .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links li.active > a:after{ position:absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #f26444; display: block; content: ""; } .full-menu .handmenu .submenu-holder .tabbed-menu .tab-content{ position: absolute; top: 50px; left: 0px; right: 0px; } .full-menu .handmenu .submenu-holder .tabbed-menu .tab-content .tab{padding: 20px 10px 40px; background: #f5f5f5;} } @media (max-width: 900px){ .scrollpagedown{display: none !important} .full-menu .handmenu > ul > li > h2::after{ bottom: 0px; } .full-menu .handmenu > ul > li > h2.active{ border-color: transparent } .full-menu .handmenu .submenu-holder.with3levels{ background: none; padding: 10px 0px; } .tabbed-menu .tab-content, .tabbed-menu .tab-content .tab{position: relative !important;height: 0px !important;overflow:hidden; -webkit-transition: height 0.55s linear 0s; -moz-transition: height 0.55s linear 0s; -ms-transition: height 0.55s linear 0s; -o-transition: height 0.55s linear 0s; transition: height 0.55s linear 0s; } .tabbed-menu li.active .tab-content, .tabbed-menu .tab-content .tab.active{height: 100% !important;} .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links > li > a{ width: 100%;margin: 0px; position: relative; border-top: 1px solid #e5e5e5; padding: 0 5px 0 30px; box-sizing: border-box; display: block; color: #000 !important; font-size: 16px; line-height: 40px; text-align: left; } .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links > li > a:not(.noaction):before{ display: block; font-family: "Pe-icon-7-stroke"; content: "\e688"; font-size: 2em; left: -7px; top: 1px; position: absolute; border: none; background: none; -webkit-transition:all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; } .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links > li.active > a:before{ content: "\e682"; } .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links > li.active > a:before{ color: #ff3105; } .full-menu .handmenu .submenu-holder .tabbed-menu .tab-links > li:first-child > a { border-top: 0px; } .full-menu .handmenu .submenu-holder .tabbed-menu .menu-level-2{padding: 10px 25px;background: #f5f5f5;border-top: 1px solid #ccc;} .full-header-top .user-menu ul li.hideMobile{display: none;} .full-header-top .user-menu {margin-right: 20px;} .layoutbox-header-full .full-header .user-menu > ul, .layoutbox-header-full .full-header .header-advantages-es, .layoutbox-header-full .full-header .logo, .layoutbox-header-full .full-header .header-prologue-es{display: none !important;} .layoutbox-header-full .full-header{height: 40px;} .layoutbox-header-full .full-header .full-header-top{border: 0px;height:40px;background:#fff;} .layoutbox-header-full .full-header .full-header-top-wrapper .user-menu form, .layoutbox-header-full .full-header .full-header-top-wrapper .user-menu, .layoutbox-header-full .full-header .full-header-top-wrapper{height: 40px;padding-left: 0px;} .layoutbox-header-full .full-header .full-header-top-wrapper .user-menu{width: 100%;height: 40px;box-sizing: border-box;margin: 0px;} .layoutbox-header-full .full-header .full-header-top-wrapper .user-menu form #span_clear_search{left: 0px !important;width: 40px;visibility: visible;border: 0px;} .layoutbox-header-full .full-header .full-header-top-wrapper .user-menu form #search_phrase{display:block;border: 0px;width: 100% !important;height: 40px; box-sizing: border-box;padding: 0 40px 0 45px;font-size: 15px !important;} .layoutbox-header-full .full-header .full-header-top-wrapper .user-menu form{position: relative;} .layoutbox-header-full section#header{right: 0px !important;width: 0px; overflow: hidden;visibility: visible; -webkit-transition: width 0.25s linear;-moz-transition: width 0.25s linear;-ms-transition: width 0.25s linear;-o-transition: width 0.25s linear;transition: width 0.25s linear; } .layoutbox-header-full #header.searchin{width: 100%;} .layoutbox-header-full .full-header{position: relative;background:#fff;} .full-menu .handmenu > ul > li > h2{padding-right: 30px !important;} .full-menu .handmenu > ul > li > h2.submenu:before{ display: block; font-family: "Pe-icon-7-stroke"; content: "\e688"; font-size: 2em; right: 5px; top: 3px; left: auto; position: absolute; border: none; background: none; -webkit-transition:all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; } .full-menu .handmenu > ul > li > h2.active.submenu:before{ content: "\e682"; color: #ff3105; } .full-menu .handmenu ul.menu-level-2 li{ width: 100%;margin: 0px; position: relative; border-top: 1px solid #fff; padding: 0 5px; box-sizing: border-box; } .full-menu .handmenu ul.menu-level-2 li:first-child{border-top: 0px;} .full-menu .handmenu ul.menu-level-2 li img{margin: 0px; width: 25px;height: 25px; position: absolute; top: 8px;left: 5px; } .full-menu .handmenu ul.menu-level-2 li h2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;padding: 0 0 0 35px;margin: 0px;width: 100%;font-size: 16px;line-height: 40px;text-align: left;} .full-menu .handmenu .closemenu{ display: none; } .full-menu .handmenu .submenu-holder{padding: 10px 20px;} .full-header .mobile-menu{ height: 35px; border-bottom: 1px solid #e5e5e5; overflow: hidden; z-index: 2;position: relative; background: #fff; } .full-header .mobile-menu .cartToogler{float: right;} .full-header .mobile-menu .cartToogler a{display: block; padding: 6px 20px;} .full-header-top-wrapper{text-align: center;height: 45px;} .full-header-top-wrapper .logo{float: none; margin: 0 auto;} .full-header-top-wrapper .logo img{width: 120px;margin: 6px 0 0;} .full-header .mobile-menu .menuToogler{float: left;margin-top: -1px;border-left: 1px solid #ccc} .full-header .mobile-menu .menuToogler > div{ padding: 0px 20px 0px 5px;cursor: pointer; } .full-header .mobile-menu .menuToogler > div .menu-toggle-icon{padding-top: 6px; display: inline-block;width: 36px;height: 29px;vertical-align: -50%;} .full-header .mobile-menu .menuToogler > div .menu-toggle-icon span{ display: block;width: 28px;margin: 4px 3px 0px;height: 3px;background: #000;margin-bottom: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .full-header .mobile-menu .menuToogler > div i{ font-size: 2.6em; vertical-align: -25%;} .full-header{height: 81px;position: fixed;top: 0px;left: 0px;right: 0px;} .full-menu{position: fixed;top: 0px;left: -400px;height: 100%;width: 80%;max-width: 400px;min-width: 260px;overflow-y: auto;} body.menu-is-shown{position:fixed;left: 0px;top: 0px; width: 100%;} body.menu-is-shown #jivo-iframe-container{display: none !important;} .full-menu .handmenu > ul{margin: 0px;} .full-menu .handmenu > ul > li{ width: 100%; padding: 0 10px; box-sizing: border-box; } .full-menu .handmenu > ul > li > h2,.full-menu .handmenu > ul > li > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0px;} .full-menu .handmenu > ul > li > h2 > a{padding: 0px;} .full-menu .handmenu > ul > li > h2{border-bottom: 1px solid #e5e5e5;} .full-menu .handmenu .submenu-holder{border-color: #e5e5e5;} .mobile-infoline{left: -400px;z-index: 10;background:#fff;position: fixed;bottom: 0px;width: 80%; max-width: 400px; min-width: 260px;border-top: 1px solid #ccc;padding: 10px 0;margin: 0;font-size: 1.25em;height: 40px;line-height: 25px;} .mobile-infoline i{font-size: 1.5em;vertical-align: -20%;} .mobile-infoline small{display: block;font-size: 0.7em;color: #ccc;} .full-menu .handmenu .submenu-holder{position: relative;top: auto;left: auto;} .full-menu .full-menu-wrapper{height: auto; padding-bottom: 60px;} .full-menu .full-menu-wrapper ul{display: block;overflow: hidden;font-weight: 300;} .full-menu .handmenu > ul > li > h2:after{height: 1px;left: 0px;} .full-menu .handmenu > ul > li > h2.active:after{width: 100%;margin-left: 0px;} .full-menu .user-menu{padding: 0 10px;} .full-menu .user-menu ul{ border-top: 1px solid #e5e5e5; text-align: left; padding-top: 20px; text-align: left; } .full-menu .user-menu ul li{ font-size: 1.15em; padding: 0 0 0 35px; position: relative; } .full-menu .user-menu ul li i{font-size: 1.5em;vertical-align: -13%;position: absolute;top: 10px;left: 0px;} .full-menu .user-menu ul li span{display: block;} .full-menu .user-menu ul li a{display: block; padding: 10px 0;border-bottom: 1px solid #e5e5e5;} .full-header-mobile .layer{ position: fixed; top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.4); visibility: hidden; opacity: 0; -webkit-transition:opacity 300ms ease-in 0s; -moz-transition: opacity 300ms ease-in 0s; -o-transition: opacity 300ms ease-in 0s; transition: opacity 300ms ease-in 0s;} body.menu-is-shown .full-header-mobile .layer{ visibility: visible; opacity: 1; } .fullslide .owl-controls{margin-top: 50px;} .tabbed-menu .tab-content{overflow: hidden;} } @media (min-width: 640px) and (max-width: 900px){ .smooth-seo-home .floated-content{width: 100%;padding: 0px;} .smooth-seo-home .galleryBox{ width: 40%;float: right;margin-left: 30px;margin-top: 11px; } .smooth-seo-home .homeSeparator{display: block;} } @media (max-width: 639px){ .smooth-seo-home .floated-content{width: 100%;padding: 0px; margin-top: 10px;} .smooth-seo-home .floated-content .galleryBox{width: 100%;margin: 0px;} .smooth-seo-home .seoContent {float: right;width: 100%;} .smooth-seo-home h5{margin-bottom: 10px;} .smooth-seo-home h1.lead, .smooth-seo-home h2.lead{margin: 20px 0 10px;} .smooth-seo-home .homeSeparator{display: block;} } .payments-image img{margin-top: 10px;} .acrylglass #techniques_compare th, .acrylglass #techniques_compare td{width: 33.3333%;} .acrylglass #techniques_compare td:first-child{font-weight:normal;} .acrylglass #techniques_compare th{font-weight:normal;font-size: 1.4em;} .product-description-content .smallH3{font-size: 1.3em;} #magma_memories h4, #magma_description h4{font-size: 1.8em;margin: 20px 0 20px;} #magma_description .magma_goods h4 + .goods_item{border-top: 0px;padding-top: 0px;} #magma_description, #magma_memories, .magma_goods{width: 100%;} #magma_description .magma_goods .goods_item{padding: 20px 0;border-top: 1px solid #b7b7b7;text-align: center;} #magma_description .magma_goods .col_right{float: left;width: 50%;box-sizing: border-box;overflow: hidden; padding: 0 20px;} #magma_description .magma_goods .col_left{float: left;width: 50%;box-sizing: border-box;overflow: hidden;} #magma_description .magma_goods .other_img{width: 50%;float: left;margin-top: 57px;} #magma_description .magma_goods .magma_img{width: 50%;float: left;vertical-align: bottom;} #magma_description .magma_goods .magma_img img{display: block;margin: 10px auto 0;max-width: 100%;} #magma_description .magma_goods .other_img img{max-width: 100%;clear: both;display: block;margin: 10px auto 0;max-width: 100%;} #magma_description .magma_goods .number-circle{display: block;margin: 0 auto 10px;width: 50px;height: 50px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 2px solid #000; font-weight: 400;font-size: 20px;text-align: center;line-height: 48px;} #magma_description .magma_goods p strong{ display: block;margin-bottom: 20px;font-size: 1.2em;} #magma_memories .magma_goods .goods_item{margin: 10px 0;width: 100%;} #magma_memories .magma_goods .col_left{float: left;width: 50%;box-sizing: border-box;overflow: hidden;padding: 15px 20px 10px 30px;} #magma_memories .magma_goods .col_right{float: left;width: 50%;box-sizing: border-box;overflow: hidden;} #magma_memories .magma_goods .col_left > img:not(.roundalign){display: block;margin: 0 auto 7px;} #magma_memories .magma_goods .col_left span{float: left;display: block;margin-top: 5px;} #magma_memories .magma_goods .col_left span img{float: left; margin-right: 10px;vertical-align: middle;} #magma_memories .magma_goods .col_left span i{display: block; margin-top: 11px;float: left;line-height: 1.3em;} #magma_memories .magma_goods .col_left .shape {float: left;width: 190px;height: 190px;shape-margin: 6%; margin-top: 10px; margin-left: 20px;} #magma_memories .magma_goods .col_left .shaperight {float: right;} #magma_memories .magma_goods .col_left .circle {shape-outside: circle(50%) content-box;} #magma_memories .magma_goods .col_left .circlewrapbox + div{float: none;} #magma_memories .magma_goods .col_left .circlewrapbox{margin: 0px;} #magma_memories .magma_goods .col_left i{display: inline-block; margin-top: 26px; vertical-align: top; line-height: 1.3em;font-size: 0.9em;} #magma_memories .magma_goods .col_left div img{display: inline-block; margin:10px 5px 0 0; vertical-align: top;} #magma_infotext{width: 100%;line-height: 1.6em;margin-top: 40px;} #magma_infotext strong{display: block;padding-bottom: 10px; width: 100%;overflow: hidden;} #magma_infotext strong span{float: left;padding-right: 40px;padding-bottom: 2px;border-bottom: 1px solid #000;position: relative;display: block;font-size: 1.4em;font-weight: 300;} #magma_infotext strong span:before{background: #f26444;bottom: -2px;content: "";height: 3px;left: 0%;position: absolute;width: 30px;z-index: 1;} #magma_3cols{width: 100%;margin-top: 40px;overflow: hidden;margin-bottom: 40px;} #magma_3cols > div{width: 33.3333%;float: left;box-sizing: border-box;} #magma_3cols > div:nth-child(3n){padding-left: 40px;} #magma_3cols > div:nth-child(3n-1){padding: 0 20px;} #magma_3cols > div:nth-child(3n+1){padding-right: 40px;} #magma_3cols .magma_col1 ul li, #magma_3cols .magma_col3 ul li{display: block;padding-top: 8px; padding-left: 35px; background: url("../images/category/check_orange.png") no-repeat left 14px; } #magma_3cols .magma_col1 ul li:first-child, #magma_3cols .magma_col3 ul li:first-child{padding-top: 0px;background-position: left 7px;} #magma_3cols strong{display: block;padding-bottom: 20px;width: 100%;overflow: hidden;} #magma_3cols strong span{width: 100%;padding-right: 40px;padding-bottom: 2px;border-bottom: 1px solid #000;position: relative;display: block;font-size: 1.4em;font-weight: 300;} #magma_3cols strong span:before{background: #f26444;bottom: -2px;content: "";height: 3px;left: 0%;position: absolute;width: 30px;z-index: 1;} #magma_3cols #magma-quality{margin: 0px 0 0 30px;;padding: 0px;list-style: none;width: 100%;display: table;} #magma_3cols #magma-quality li{display: table-row;background-repeat: no-repeat;background-position: center left;} #magma_3cols #magma-quality li span{display: table-cell;padding-left: 70px;padding-bottom: 0px;margin-bottom: 10px;height: 60px;position: relative;width: 100%;box-sizing: border-box;vertical-align: middle;} @media (min-width: 901px) { #magma_description .magma_goods .reverse .col_left{float: right;} #magma_memories .magma_goods .col_right img.forMobile{display: none;} #magma_memories .magma_goods .col_right img{width: 100%;} } @media (max-width: 900px) { .homepage-layout .layoutbox-footer, .homepage-layout .layoutbox-content{overflow-x: hidden;} .product-description-content #magma_3cols > div{width: 100%;padding: 0 0 20px;} #magma_infotext strong, #magma_3cols strong{text-align: center;} #magma_infotext strong span, #magma_3cols strong span{width: 80%;display: inline-block;margin: 0 auto;float: none;} #magma_infotext strong span:before, #magma_3cols strong span:before{left: 50%;margin-left: -15px;} #magma_memories .magma_goods .col_right{width: 100%;} #magma_memories .magma_goods .col_right img.forMobile{width: 100%;display: block;} #magma_memories .magma_goods .col_right img.forDesktop{display: none;} #magma_memories .magma_goods .col_left{width: 100%;padding: 15px;} #magma_description .magma_goods .col_left, #magma_description .magma_goods .col_right{width: 100%;padding: 20px 0;} } @media (min-width: 680px) and (max-width: 900px) { #magma_description .magma_goods .magma_img{padding-left: 15%;box-sizing: border-box;} #magma_description .magma_goods .other_img{padding-right: 15%;box-sizing: border-box;} } /*Halloween*/ h1.halloween_header:after{ bottom: 32px; } h1.halloween_header:before{ background: none; width: 88px; height: 48px; background: url('//shark.bimago.com/bimago2/landing_page/halloween/halloween_top.png') center no-repeat; margin-left: -44px; } h1.halloween_header{padding-bottom: 52px;margin-bottom: 5px;} h1.halloween_header + h3{font-size: 1.2em;margin-top: -3px;} h1.halloween_header + h3 .orange{color: #f78900;font-weight: normal;} .scrollToLink{cursor:pointer;} .gift_cart_lp{position: relative;margin-top: 10px;overflow: hidden;} .gift_cart_lp h2, .gift_cart_lp h1{ margin: 0px; padding: 0px; text-align: left; } .gift_cart_lp h2:before,.gift_cart_lp h2:after, .gift_cart_lp h1:before,.gift_cart_lp h1:after{display: none;} .gift_cart_lp ul{list-style: disc;margin: 10px 0;padding-left: 20px;} .gift_cart_lp ul li{padding: 5px 0;position: relative;} .gift_cart_lp ul li:before{width: 6px;height: 6px;position: absolute;top: 12px;left: -13px;content: "";display: block;background: #000; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .gift_cart_lp_top .cart_link{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #000!important; margin: 9px auto 10px 21px; display: inline-block;text-align: center;border: 1px solid #000;padding: 6px 30px 4px;font-size: 1.2em; -webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;-ms-transition: background 0.3s linear;-o-transition: background 0.3s linear;transition: background 0.3s linear; } .gift_cart_lp > .cart_link i, .gift_cart_lp_top .cart_link i{font-style: normal;font-size: 2em;width: 15px;text-indent: -5px;vertical-align: -29%;} .gift_cart_lp > .cart_link:hover, .gift_cart_lp > .cart_link:focus, .gift_cart_lp_top .cart_link:hover, .gift_cart_lp_top .cart_link:focus{background: rgba(255,255,255,0.5);} .gift_cart_lp_middle{margin-top: 35px;} .gift_cart_lp_middle h2{font-size: 1.8em;} .gift_cart_lp_bottom{margin-top: 286px;} .gift_cart_lp > .cart_link{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff!important; display: block;text-align: center;border: 1px solid #fff;;padding: 6px 30px 4px;font-size: 1.2em; -webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;-ms-transition: background 0.3s linear;-o-transition: background 0.3s linear;transition: background 0.3s linear; position: absolute;right: 200px;bottom: 50px;} @media (max-width: 900px) { .gift_cart_lp > .cart_link{display: none;} } @media (min-width: 681px) { .gift_cart_lp .text-content{ width: 430px; position: absolute; top: 0px; left: 0px; padding: 45px 35px; box-sizing: border-box; } .gift_cart_lp_top_footer{width: 430px;background: #e5dcf9;position: absolute;text-align: center;left: 0px;right: 0px;bottom: 0px;padding: 15px 0;} .gift_cart_lp .mobile_img{display: none;} } @media (max-width: 680px) { .gift_cart_lp .text-content{padding: 0 15px;} .gift_cart_lp_top .cart_link{margin: 10px auto 35px auto !important; color: #102d79 !important;border-color:#102d79;} .gift_cart_lp_middle, .gift_cart_lp_bottom{margin-top: 0px;} .gift_cart_lp > img{display: none;} .gift_cart_lp .mobile_img img{width: 100%;} .gift_cart_lp_top_footer{width: 100%;background: #e5dcf9;text-align: center;padding: 15px 0;} .gift_cart_lp ul li:before{background: #e3b90d;} .mobile-center{text-align: center;} } body.layer-is-opened{overflow: hidden;} .cms-home .page-title.category-title { margin: 40px 0 20px; text-align: center; width: 100%; } .cms-home .page-title h3{ font-size: 1.5em; margin: 0; padding: 0 40px; position: relative; width: auto !important;} .orderrating-cms{ border: 1px solid #cecece;display: block;padding: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;color:#000;position: relative; box-sizing: border-box; } @media (min-width: 767px) { .orderrating-cms { height: 100% !important; } .orderrating-cms .orderrating-wrapper{ position: absolute; left: 0; top: 0; right: 0px; bottom: 0px; } .cms-advantages-list .maxheight{position: absolute;right: 0px;bottom: 0px;top: 0px;} .cms-advantages-list > .grid-row{position: relative;} } .valuable-messages{position: relative;height: 100% !important;box-sizing: border-box;padding-top: 70px;padding-bottom: 50px;} .orderrating-cms .orange-heading{padding-top: 20px;position: absolute;width: 100%;left: 0px;top: 0px;} .valuable-messages:not(.loaded) .rating-item:not(:first-child){display: none;} .valuable-messages .rating-item{padding-left: 40px;padding-right: 40px;} .valuable-messages .rating-item .grid-row {padding-bottom: 5px;} .valuable-messages .rating-item .grid-row ~ .grid-row{padding-top: 10px;} .valuable-messages .rating-item .message{text-align: left;line-height: 130%;} .valuable-messages .rating-item .message p{overflow: hidden;padding: 0 0 0 20px;margin-bottom: 7px; background: url("//shark.bimago.com/bimago2/styles/industrial/pl/style-quote.png") 0 3px no-repeat; background-size: 15px auto; } .valuable-messages .rating-item .date{font-size: 13px;color: rgba(0, 0, 0, 0.4)} .valuable-messages .rating-item .author{text-align: right;text-transform: capitalize;font-size: 13px;} .valuable-messages .rating-item div[class*='flag_circle_']{margin-left: 7px;display: inline-block; vertical-align: -15%;width: 19px;height: 15px;border: 1px solid #cecece; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-image: url(../images/cms/home/flags_orderrating.png); background-repeat: no-repeat;} .valuable-messages .rating-item div[class*='flag_circle_'] + p{color:rgba(0, 0, 0, 0.6); font-size: 12px;padding-top: 3px;} .valuable-messages .rating-item div.flag_circle_AT{background-position: 0px -18px;} .valuable-messages .rating-item div.flag_circle_AU{background-position: 0px -51px;} .valuable-messages .rating-item div.flag_circle_BE{background-position: 0px -84px;} .valuable-messages .rating-item div.flag_circle_CH{background-position: 0px -117px;} .valuable-messages .rating-item div.flag_circle_CZ{background-position: 0px -150px;} .valuable-messages .rating-item div.flag_circle_DE{background-position: 0px -183px;} .valuable-messages .rating-item div.flag_circle_DK{background-position: 0px -216px;} .valuable-messages .rating-item div.flag_circle_ES{background-position: 0px -249px;} .valuable-messages .rating-item div.flag_circle_FI{background-position: 0px -282px;} .valuable-messages .rating-item div.flag_circle_FR{background-position: 0px -315px;} .valuable-messages .rating-item div.flag_circle_GB{background-position: 0px -348px;} .valuable-messages .rating-item div.flag_circle_GR{background-position: 0px -381px;} .valuable-messages .rating-item div.flag_circle_HU{background-position: 0px -414px;} .valuable-messages .rating-item div.flag_circle_IT{background-position: 0px -447px;} .valuable-messages .rating-item div.flag_circle_LT{background-position: 0px -480px;} .valuable-messages .rating-item div.flag_circle_LU{background-position: 0px -513px;} .valuable-messages .rating-item div.flag_circle_NL{background-position: 0px -546px;} .valuable-messages .rating-item div.flag_circle_NO{background-position: 0px -579px;} .valuable-messages .rating-item div.flag_circle_PL{background-position: 0px -612px;} .valuable-messages .rating-item div.flag_circle_PT{background-position: 0px -645px;} .valuable-messages .rating-item div.flag_circle_RU{background-position: 0px -678px;} .valuable-messages .rating-item div.flag_circle_SE{background-position: 0px -711px;} .valuable-messages .rating-item div.flag_circle_TR{background-position: 0px -744px;} .valuable-messages .rating-item div.flag_circle_UA{background-position: 0px -777px;} .valuable-messages .rating-item div.flag_circle_US{background-position: 0px -810px;} /********PARTNERS PAGE***********/ .partners-contacts a{display: block;} .partners-contacts .tableLike{margin: 20px auto 10px;text-align:left;} .partners-contacts h6{margin: 20px 0 15px;font-weight: normal;font-size: 18px;} .bordered-dashed{border: 1px dashed #bfbfbf;} .bordered-dashed + .bordered-dashed{border-left: 0px;} .partners-contacts span[class*="pe-7s"]{display: block;margin-right: 15px;font-size: 23px;} .partners-contacts span[class*="pe-7s"]:first-child{margin-top: 39px;} .font18{font-size: 18px;} .font18{font-size: 16px;} .partners-contacts .office-position{font-size: 12px;color:#8c8c8c; } .colorf26343{color:#f26343} .tableLike .tablecellLike.vtop{vertical-align: top;} #content_newsletter{position: relative;} #content_newsletter .overlayedBox{position: absolute;top: 50%; left: 0px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /********SCRATCHES PAGE***********/ p.p-header{font-size: 18px;} .marginTop30{margin-top: 30px;} .marginTop20{margin-top: 20px;} .marginTop15{margin-top: 15px;} .marginTop10{margin-top: 10px;} .contact-addresses-list .tableLike span[class*="pe-7s"]{margin-right: 10px;font-size: 22px;} .contact-addresses-list strong{display: block;font-size: 16px;font-weight: 600;} .contact-addresses-list .tableLike .tablecellLike{vertical-align: top;} .contact-addresses-list .single-address{padding: 10px;border: 1px solid #ccc;} .contact-addresses-list { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; grid-gap: 20px; justify-items: stretch; width: 100%; box-sizing: border-box; } @media (min-width: 768px) { .scratchmaps .product-description-content .tech_data, .simpleplus .product-description-content .tech_data{padding-left: 30px;} } @media (max-width: 767px) { .customers-instructions .owl-item:nth-child(2n+1) .slider-box{padding: 0 40px;box-sizing: border-box;} .customers-instructions .owl-item:nth-child(2n) .slider-box{padding: 0 40px;box-sizing: border-box;} .bordered-dashed + .bordered-dashed{border-top: 0px;border-left: 1px dashed #bfbfbf;} .scratchmaps .history_banner img, .simpleplus .history_banner img{width: 100%;} .customers-history.itemspinner .owl-dots{left: 0%;width: 100%;} .customers-history .story_item{padding-bottom: 35px; padding-top: 0px;} .customers-history .author{font-size: 16px;} .content-text p.p-header{margin-top: 15px;} .bordered-dashed + .bordered-dashed{border-top: 0px;border-left: 1px dashed #bfbfbf;} .share_your_passion p br{display: none;} .slider-box ul{padding-left: 30px;} .customers-instructions .image-box{margin-bottom: 20px;} .contact-addresses-list { grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } p.p-header{font-size: 16px;} } @media (min-width: 561px) and (max-width: 990px) { .contact-addresses-list { padding: 0 10px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } } @media (max-width: 560px) { .contact-addresses-list { padding: 0 10px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } } @media (min-width: 630px) and (max-width: 767px) { .instruction-box p{height: 10em;} } @media (min-width: 531px) and (max-width: 629px) { .instruction-box p{height: 14em;} } @media (min-width: 460px) and (max-width: 530px) { .instruction-box p{height: 18em;} } .login_advantages {margin-top: 5px;font-size: 14px;} .login_advantages .tableLike{margin-bottom: 15px;line-height: 1.2em;} .login_advantages .tableLike .tablecellLike {padding-right: 10px;} .login_advantages .tableLike a{display: block;} .login_advantages .tableLike a span{font-size: 22px;line-height: 22px;vertical-align: -25%;text-indent: -5px;} .login_advantages .col-sm-5 .tableLike{padding-left: 20px;} .your-photo-list .tableLike {table-layout: fixed;height: 100%;} .your-photo-list .tableLike img{max-width: 100%;margin: 0 auto;} .your-photo-list .tableLike .tablecellLike:first-child{text-align: center;} .your-photo-list .tablerowLike, .your-photo-list .tablecellLike{height: 100%;vertical-align: middle;} .your-photo-list a{display: -ms-grid;display: grid;padding: 20px 10px;align-items: center;box-sizing: border-box;height: 100%;} .your-photo-list small{display: block;color: #606062;line-height: 1.2em;} .your-photo-list strong{display: block;font-weight: normal;font-size: 18px;color:#000;line-height: 1.3em;} .your-photo-list span > span{display: inline-block;margin-top: 20px;padding: 5px 5px 5px 12px;font-style: normal;color:#000;border: 1px solid #000;background: transparent; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; -webkit-transition: background 0.25s ease;-moz-transition: background 0.25s ease;-ms-transition: background 0.25s ease;-o-transition: background 0.25s ease;transition: background 0.25s ease; } .your-photo-list span i{font-style: normal;font-size: 24px;vertical-align: top;} .your-photo-list span > span:hover{ background: rgba(255,255,255,0.4); } .cooperation-banner {position: relative;overflow: hidden;} .cooperation-banner .banner-description{position: absolute;top: 50%;left: 7%;font-size: 38px;color:#27475c;line-height: 1.1em; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .cooperation-banner .banner-description small{display: block;font-size: 24px;margin: 3px 0 10px;} .cooperation-banner .banner-description a{display: inline-block;background: #f26444;color:#fff;border-radius: 3px;font-size: 14px;padding: 0 10px 4px 25px;} span.down-white-arrow{font-size: 40px;position: relative;vertical-align: -70%;line-height: 25px;} span.down-white-arrow:before{width: 20px;text-align: center;} span.down-white-arrow:after{content: ""; position: absolute;display: block;background: #fff; width: 1px;height: 15px;top: 2px;left: 50%;} #cooperation-page .bimago-subheading .text-header:before{display: none;} #cooperation-page .bimago-subheading .text-header{font-size: 24px;font-weight: normal;} #cooperation-page .padding-spacer{padding: 40px 7% 0;} #cooperation-page .padding-spacer p{margin: 0px;} #cooperation-page #contactForm{ display: -ms-grid; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-areas: "name surname email phone" "link upload upload send" "list list list list"; grid-template-rows: auto; grid-gap: 15px 50px; justify-items: stretch; width: 100%; box-sizing: border-box; } #cooperation-page #contactForm .name-area{grid-area: name; -ms-grid-row: 1; -ms-grid-column: 1;} #cooperation-page #contactForm .surname-area{grid-area: surname; -ms-grid-row: 1; -ms-grid-column: 2;} #cooperation-page #contactForm .email-area{grid-area: email; -ms-grid-row: 1; -ms-grid-column: 3;} #cooperation-page #contactForm .phone-area{grid-area: phone; -ms-grid-row: 1; -ms-grid-column: 4;} #cooperation-page #contactForm .link-area{grid-area: link;position: relative; -ms-grid-row: 2; -ms-grid-column: 1;} #cooperation-page #contactForm .upload-area{grid-area: upload; -ms-grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 2;} #cooperation-page #contactForm .send-area{grid-area: send; -ms-grid-row: 2; -ms-grid-column: 4;} #cooperation-page #contactForm .list-area{grid-area: list;display: none; -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 4;} #cooperation-page #contactForm .list-area input{display: none;} #cooperation-page #contactForm .list-area .list > div{padding-left: 35px;position: relative;margin: 10px 0;} #cooperation-page #contactForm .list-area .list > div:before{content: "\e656"; font-family: "Pe-icon-7-stroke";font-size: 22px; color: #5a5959; position: absolute; top: -7px; left: 5px;} #cooperation-page #contactForm .list-area p{font-size: 16px;} #cooperation-page #contactForm .list-area .list .pe-7s-trash{color:red;padding-left: 10px;font-size: 18px;vertical-align: -10%;} #cooperation-page #contactForm .link-area .or-label{position: absolute;right: -48px; top: 8px;width: 50px;text-align: center;} #cooperation-page .upload-area .file-imitation{position: relative;border: 1px solid #b3b3b3; height:38px; padding: 0 10px; color: #909090;line-height: 37px;} #cooperation-page .upload-area .file-imitation .button-choose{cursor: default;background: #e96944; color:#fff;position: absolute; top: -1px;bottom: -1px;right: -2px;padding: 0 15px;display: block; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} #cooperation-page .upload-area .file-imitation .button-choose:hover{background: #fa8c19;} #cooperation-page .upload-area .upload-field .inputs{position: absolute;z-index: 1;opacity: 0;width: 100%;} #cooperation-page .upload-area .upload-field .file-info{font-size: 12px;color: #909090;} #cooperation-page .upload-area .upload-field.disabled .file-imitation{cursor: not-allowed;} #cooperation-page .upload-area .upload-field.disabled .file-imitation .button-choose{background: #b3b3b3;cursor: not-allowed;} #cooperation-page picture{display: block;position: relative;} #cooperation-page picture img{display: block;position: relative;right: 0px;width: 100%;} @media all and (max-width: 902px) { .cooperation-banner .banner-description{font-size: 28px;line-height: 1em;} .cooperation-banner .banner-description small{ font-size: 18px;} } @media all and (max-width: 767px) { #cooperation-page .bimago-subheading .text-header{font-size: 20px;line-height: 1.2em;} #cooperation-page #contactForm{ grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-areas: "name surname email" "phone link link" "upload upload send " "list list list"; grid-gap: 5px 40px; } #cooperation-page #contactForm .link-area .or-label{ display: none; } } @media all and (max-width: 460px) { #cooperation-page .bimago-subheading .text-header{font-size: 18px;line-height: 1.2em;} #cooperation-page .padding-spacer{padding: 30px 2% 0;} #cooperation-page #contactForm{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); grid-template-areas: "name surname" "email phone" "link link" "upload upload" "send send" "list list"; grid-gap: 5px 20px; } .cooperation-banner .banner-description{font-size: 20px; } .cooperation-banner .banner-description small{font-size: 15px;} .cooperation-banner .banner-description a{padding-top: 5px;} #maincontent .tiles-6 div[id*="head-"] strong{font-size: 20px;} } ul.bullet{list-style: none;} ul.bullet li{position: relative;padding-left: 15px;} ul.bullet li:before{position: absolute;content: ""; display: block; background: #f26444;width: 5px;height: 5px;top: 6px;left: 0px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} p.sub-sub-header{ display: block; margin-bottom: 5px; font-size: 15px; } .tiles-6{margin: 30px 0;grid-gap: 0;} .tiles-6 div[id*="head-"]{padding: 0px 20px;font-size: 18px;font-weight: 300;background:#000;color:#fff;box-sizing: border-box;line-height:1.4em;position: relative;z-index: 1;box-sizing: border-box;} .tiles-6 div[id*="head-"] strong{display: block;font-weight: normal;font-size: 22px;line-height:1em;padding-bottom: 4px;} .tiles-6 div[id*="head-"]:after{ width: 0;height: 0;content: "";display: block; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 14px solid #000; position: absolute; top: 50%;right: -14px;margin-top: -17px; } .tiles-6 div[id*="head-"] p{margin: 0px;position: relative;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);line-height: 1.2em;} .tiles-6 div[id*="more-"]{background:#f2f2f2;box-sizing: border-box;position: relative;text-align: center;min-height: 90px;display: block;width: 100%;height: 100%;} .tiles-6 div[id*="more-"] strong{font-size: 45px;display: block;position: relative;top: 50%;margin-top: -31px;font-weight: normal; } .tiles-6 div[id*="more-"] strong span{font-size: 14px;display: block;font-family:"Oxygen", "Open Sans", "Arial";padding-top: 3px;} .tiles-6 div[id*="more-"] a{display: block;width: 100%;height: 100%;position: relative;top: 0px;left: 0px;overflow: hidden;padding: 10px;box-sizing: border-box;} .tiles-6 div[id*="tile-"] a{display: block;width: 100%;height: 100%;text-align: center;color:#fff;box-sizing: border-box;z-index: 2;} .tiles-6 div[id*="tile-"] span{display: block;padding-top: 20px;} .tiles-6 div[id*="tile-"] h3{margin: 5px 0 0 0px;padding: 0px;font-size: 14px;line-height: 1.4em;margin-bottom: 25px;} .tiles-6 div[id*="tile-"] h3 strong{font-weight: normal;font-size: 22px;display: block;} .tiles-6 div[id*="tile-"] h3:before, .tiles-6 div[id*="tile-"] h3:after{display: none;} .tiles-6 .item:not(.noapla):hover a:before{content: ""; position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.1);display: block;z-index: 0;} .tiles-6 .item{position: relative;min-width: 0;} .send2friend .popup-close{top: 0px;font-size: 35px;width: 36px;} .send2friend .popup-close i{font-style: normal;text-align: center;} .send2friend .popup-title i{font-style: normal;vertical-align: -25%;} .send2friend .input-box{margin: 0px;} .send2friend .message-div .buttonlink{text-align: right;} .send2friend .message-div .buttonlink a{padding-right: 30px;} .send2friend .message-div.fail, .send2friend .message-div.success{padding: 0 10px 20px;} .send2friend .ask-for-popup-loader{position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.9);top: 0px;left: 0px;display: none;z-index: 9;} .send2friend .ask-for-popup-loader .loaderWrapper{position: relative;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .send2friend .ask-for-popup-loader .description{text-align: center;} .ask-for-form .item.mail-preview, .ask-for-form .item.long{grid-column: 1 / -1;} .send2friend .sender-live{min-height: 1.6em;display: block;} .send2friend .popup-wrapper{padding-bottom: 0px;} .ask-for-form .buttonlink{grid-column: 2 / -1;margin-top: 0px;} .ask-for-form input[name='control']{display: none;} .listing-4columns .products-grid > .itemhtml { width: 25%; } @media all and (max-width: 902px) { .listing-4columns .products-grid > .itemhtml { width: 33.333% } } @media all and (max-width: 580px) { .listing-4columns .products-grid > .itemhtml { width: 50%; } } .tableLike.doubleButton{margin: 0 auto;} .tableLike.doubleButton .tablecellLike{padding: 10px;} .cms-articles{ margin: 0 0 20px; } .cms-articles .owl-nav{ top: 25%; } .cms-articles:not(.owl-loaded){ display: -ms-grid; display: grid; -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; grid-gap: 20px; justify-items: stretch; width: 100%; box-sizing: border-box; } @media all and (max-width:767px) { .cms-articles:not(.owl-loaded){ -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .cms-articles > .item:nth-child(2) ~ .item{ display: none; } } @media all and (max-width:460px) { .cms-articles:not(.owl-loaded){ -ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); } .cms-articles > .item:nth-child(1) ~ .item{ display: none; } } .cms-articles > .item:nth-child(3) ~ .item{ display: none; } .cms-articles p{ color:#000; line-height:1.4em; } .cms-articles h3{ color:#000; margin: 10px 0; padding: 0px; text-align: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; line-height:1.4em; } .newsletter-grid{ background: #f2f1ed; display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; grid-gap: 0; margin: 0 auto; grid-template-areas: 'left right'; -ms-grid-columns: minmax(0, 50%) minmax(0, 50%); grid-template-columns: minmax(0, 50%) minmax(0, 50%); } .newsletter-grid > div:nth-child(1){ grid-area: left; min-width: 0; overflow: hidden; } .newsletter-grid > div:nth-child(2){ grid-area: right; min-width: 0; align-self: center; box-sizing: border-box; padding: 20px 60px; } .newsletter-grid .newsletter-form p{ display: block; font-size: 20px; line-height: 1.4em; text-align: left; margin: 0px; } #confirm-newsletter em, .newsletter-grid .newsletter-form p em{ background: rgba(233,105,68,.2); font-style: normal; padding: 0 2px; line-height: 1em; display: inline-block; padding-bottom: 4px; } .newsletter-grid .newsletter-form .input-agreement{ margin: 40px 0 60px; } .newsletter-grid .newsletter-form .input-agreement label{ padding-left: 40px; } .newsletter-grid .newsletter-form .input-agreement label span{ font-size: 13px; line-height: 1.4em; } .newsletter-grid .newsletter-form .input-agreement label:before{ width: 23px; height: 23px; border-color: #666666; margin-top: 4px; } .newsletter-grid .newsletter-form .input-agreement input[type="checkbox"]:checked ~ label:before{ background: url(../images/product/option_orange_check.png) center no-repeat; } .newsletter-grid .newsletter-form .input-agreement input[type="checkbox"] ~ .validation-advice, .newsletter-grid .newsletter-form .input-agreement input[type="checkbox"] ~ .validation-advice:after{ background: none !important; } .newsletter-grid .newsletter-form .inputBox input{text-align: center;width: 200px;border-color:#ffffff;font-size: 12px;margin: 0 auto; -webkit-transition: border-color 0.5s ease;-moz-transition: border-color 0.5s ease;-ms-transition: border-color 0.5s ease;-o-transition: border-color 0.5s ease;transition: border-color 0.5s ease; } .newsletter-grid .newsletter-form .inputBox input.validation-failed{ border-color: #eb340a; } .newsletter-grid .newsletter-form .buttonlink{ margin: 10px 0 0; } .newsletter-grid .newsletter-form .btnLink{ width: 200px;padding-left: 0px;padding-right:0px;box-sizing:border-box; background: #e96944 !important; border-color: #e96944; color: #fff; } .newsletter-grid .circled-number{ font-size: 30px; font: 700 24px/1em "Lato","Oxygen","Open Sans"; color:#f26444; } .newsletter-grid .note{ font-size: 12px; } .newsletter-grid .cssgrid-2cols{ display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: center; justify-items: stretch; grid-gap: 3px 0px; margin: 20% 0; grid-template-columns: minmax(0, 50px) auto; } .newsletter-grid .cssgrid-2cols > div{ align-self: center; } .newsletter-grid .cssgrid-2cols > div:nth-child(2n+1) { justify-self: center; } .newsletter-grid .cssgrid-2cols > div:nth-child(2n) { justify-self: left; font-size: 19px; line-height: 1em; text-align: left; } #subscribe-newsletter .inputdata{ text-align: center; } #unsubscribed-newsletter .module-header, #thankyou-newsletter .module-header, #confirm-newsletter .module-header { display: block; font-size: 20px; line-height: 1.4em; text-align: left; margin: 0px; } #confirm-newsletter p { font-size: 13px; line-height: 1.4em; margin: 20px 0 0; text-align: left; } #confirm-newsletter p.note{ padding-left: 50px; background: url('//shark.bimago.com/bimago2/newsletter/cms/confirm//note.png') center left no-repeat; min-height: 36px; } #thankyou-newsletter > div:nth-child(2) img{ margin: 0 auto 20px; } #thankyou-newsletter > div:nth-child(2) p:not(.text-right){ margin: 20px 0 10px; text-align: left; } #unsubscribed-newsletter .buttonlink, #thankyou-newsletter .buttonlink{ margin-top: 40px; } #unsubscribed-newsletter .module-header + p{ margin-top: 20px; } #unsubscribed-newsletter .unsubscribed-image-grid{ display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: center; justify-items: stretch; grid-gap: 25px 0px; grid-template-columns: minmax(0, 1fr); grid-template-areas: 'right' 'left' ; width: 100%; } #unsubscribed-newsletter .unsubscribed-image-grid > div:nth-child(1){ grid-area: left; min-width: 0; } #unsubscribed-newsletter .unsubscribed-image-grid > div:nth-child(2){ grid-area: right; text-align: center; min-width: 0; } #subscribed-newsletter .wrapper{ margin: 50px 0 0; } #subscribed-newsletter .note{ font-size: 12px; } #subscribed-newsletter .inputs{ display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; grid-gap: 0px 15px; grid-template-columns: minmax(0, 70px) auto; grid-template-areas: 'left right'; width: 100%; } #subscribed-newsletter .inputs:not(:last-child){ margin-bottom: 15px; } #subscribed-newsletter .inputs .info{ grid-area: left; min-width: 0; align-self: center; text-align: right; font-size: 13px; color: #808080; line-height: 1.1em; } #subscribed-newsletter .inputs .select-box{ grid-area: right; min-width: 0; } #subscribed-newsletter .inputs .select-box input{ border-color:#fff; height: 45px; font-size: 13px; } #subscribed-newsletter .select-box.grid-3{ display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; grid-gap: 0px 15px; grid-template-columns: minmax(0, 80px) auto minmax(0, 80px); width: 100%; } #subscribed-newsletter .select-box .prettyselect-label{ border-color:#fff; background:#fff; height: 45px; font-size: 13px; line-height: 44px; white-space: nowrap; } #subscribed-newsletter .select-box .prettyselect-label:after{ top: 0px; line-height: 44px; } #subscribed-newsletter .select-box .prettyselect-drop{ border-radius: 0px; border-color: #808080; color:#000000; top: 45px; margin: 0px; max-height: 190px; overflow: auto; } #subscribed-newsletter .select-box .prettyselect-drop li{ font-size: 13px; } #subscribed-newsletter .select-box .prettyselect-drop li:first-child{ display: none; } #subscribed-newsletter .select-box .prettyselect-drop li:hover{ background: #f2f1ed; color:#000000; } #subscribed-newsletter .inputs.sex{ grid-template-columns: minmax(0, 70px) minmax(0, 0.4fr); } #subscribed-newsletter .buttons-box{ display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; grid-gap: 0px 15px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; } #subscribed-newsletter .buttons-box .btn{ width: 100%; height: 45px; background-color: #cccbc8; border-radius: 3px; border: none; color: #fff; font-size: 14px; } #subscribed-newsletter .buttons-box input{ background-color: #e96944; border-radius: 3px; border: none; color: #fff; } #subscribed-newsletter .buttons-box input[type="submit"]:hover { transition: 0.5s; background-color: #fa8c19; } @media all and (min-width: 901px){ #subscribed-newsletter .inputs .select-box input::-webkit-input-placeholder { color: #fff; } #subscribed-newsletter .inputs .select-box input:-moz-placeholder { /* Firefox 18- */ color: #fff; } #subscribed-newsletter .inputs .select-box input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #subscribed-newsletter .inputs .select-box input:-ms-input-placeholder { color: #fff; } } @media all and (max-width: 900px){ .newsletter-grid > div:nth-child(2){ padding: 30px; } .newsletter-grid .newsletter-form{ max-width: 310px; margin: 0 auto; } .newsletter-grid .newsletter-form p{ font-size: 16px; } .newsletter-grid .newsletter-form .input-agreement{ margin: 20px 0 30px; } .newsletter-grid .cssgrid-2cols > div:nth-child(2n) { font-size: 17px; } .newsletter-grid .cssgrid-2cols{ margin: 10% 0; } #subscribed-newsletter .inputs:not(.withlabel){ grid-template-columns: minmax(0, 1fr); grid-template-areas: "right"; } #subscribed-newsletter .inputs:not(.withlabel) > .info{ display: none; } #subscribed-newsletter .inputs.withlabel{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "left" "right"; } #subscribed-newsletter .inputs.withlabel .info{ text-align: left; margin-bottom: 10px; } #subscribed-newsletter .inputs.withlabel .info br{ display: none; } #subscribed-newsletter .inputs.sex{ grid-template-columns: minmax(0, 0.5fr); } #subscribed-newsletter .inputs.sex .select-box{ padding-right: 7.5px; box-sizing: border-box; } #subscribed-newsletter .wrapper{ margin-top: 20px; } } @media all and (min-width: 681px) and (max-width: 900px){ .newsletter-grid picture{ height: 100%; width: 100%; display: block; position: relative; } .newsletter-grid picture img{ max-width: unset; width: auto; height: 100%; -webkit-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); transform:translate3d(-50%, -50%, 0px); position: absolute; top: 50%; left: 50%; display: block; backface-visibility: hidden; } .newsletter-grid .cssgrid-2cols > div:nth-child(2n) { font-size: 16px; } } @media all and (max-width: 680px) { .newsletter-grid{ grid-template-areas: 'right' 'left'; -ms-grid-columns: minmax(0,1fr); grid-template-columns: minmax(0,1fr); grid-gap: 0; margin: 0 -20px; } .newsletter-grid .cssgrid-2cols{ margin: 5% 0; } .newsletter-grid .cssgrid-2cols > div:nth-child(2n) { font-size: 14px; } #unsubscribed-newsletter .module-header, #thankyou-newsletter .module-header, #confirm-newsletter .module-header{ line-height: 1.2em; } #unsubscribed-newsletter .unsubscribed-image-grid{ justify-items: stretch; grid-gap: 0px 25px; grid-template-columns: auto 120px; grid-template-areas: 'left right' ; } #unsubscribed-newsletter .buttonlink{ text-align: left; margin: 0px; } #unsubscribed-newsletter .buttonlink a{ margin: 10px auto 10px 0; text-align: center; } } @media all and (max-width: 350px) { .newsletter-grid .newsletter-form p{ font-size: 14px; } #unsubscribed-newsletter .unsubscribed-image-grid{ grid-gap: 0px 5px; grid-template-columns: auto 90px; } } .lp-full-newsletter{ position: relative; } .lp-full-newsletter form{ position: absolute; top: 75px; left: 65px; max-width: 65%; } .lp-full-newsletter .newsletter-form p{ color: #fff; font-size: 28px; line-height: 1.4em; font-weight: 300; } .lp-full-newsletter .newsletter-form p strong{ font-weight: 700; font-size: 32px; } .lp-full-newsletter .newsletter-form .input-agreement{ max-width: 450px; width: 100%; margin-bottom: 30px; } .lp-full-newsletter .newsletter-form .input-agreement .validation-advice{ background: none !important; width: 15px !important; height: 15px !important; padding: 15px 0 0 0; overflow: hidden; box-sizing: border-box; min-height: 15px; right: initial; left: 15px; border-radius: 50%; } .lp-full-newsletter .newsletter-form .input-agreement label span, .lp-full-newsletter .newsletter-form .input-agreement label a{ color:#fff; font-style: italic; font-size: 12px; } .lp-full-newsletter .newsletter-form .input-agreement label em{ display: none; } .lp-full-newsletter .newsletter-form .input-agreement input[type="checkbox"]:checked + label:before{ background: url('../images/checkboxes/lp-label-green-square-checked.jpg') 0 0 no-repeat; } .lp-full-newsletter .newsletter-form .input-agreement label:before{ width: 25px; height: 25px; background: url('../images/checkboxes/lp-label-green-square.jpg') 0 0 no-repeat; border: 0px; margin-left: -1px; } .lp-full-newsletter .newsletter-form .input-agreement label span{ opacity: 0.9; } .lp-full-newsletter .newsletter-form .input-agreement label{ padding: 0 0 0 40px; } .lp-full-newsletter .newsletter-form .inputdata{ max-width: 290px; width: 100%; display: inline-block; vertical-align: top; position: relative; } .lp-full-newsletter .newsletter-form .inputdata .validation-advice{ background: none !important; width: 15px !important; height: 15px !important; padding: 15px 0 0 0; overflow: hidden; box-sizing: border-box; min-height: 15px; border-radius: 50%; } .lp-full-newsletter .newsletter-form .inputdata input{ border-color:#fff; border-radius: 3px; } .lp-full-newsletter .newsletter-form .buttonlink{ display: inline-block; min-width: 38px; vertical-align: top; margin: 0 0 0 10px; } .lp-full-newsletter .newsletter-form .buttonlink a{ min-width: 38px; height: 38px; box-sizing: border-box; overflow: hidden; white-space: nowrap; background: #e96944; border-radius: 3px; border-color: #e96944; position: relative; color:#fff; padding: 0px; } .lp-full-newsletter .newsletter-form .buttonlink span{ font-size: 34px; margin-top: 3px; } .lp-full-newsletter .newsletter-form .buttonlink a strong{ font-weight: normal;padding: 0 20px;line-height: 32px; } .lp-full-newsletter .newsletter-form .buttonlink a:hover{ background: #fa8c19; } @media all and (max-width: 1015px) { .lp-full-newsletter{ margin: 0 -15px; } } @media all and (max-width: 767px) { .lp-full-newsletter .newsletter-form p{ font-size: 22px; line-height: 1.4em; } .lp-full-newsletter .newsletter-form p strong{ font-size: 26px; } .lp-full-newsletter .newsletter-form .input-agreement{ max-width: 350px; } .lp-full-newsletter .newsletter-form .inputdata{ max-width: 250px; } .lp-full-newsletter form{ top: 55px; left: 45px; } } @media all and (max-width: 460px) { .lp-full-newsletter .newsletter-form p{ font-size: 16px; line-height: 1.4em; } .lp-full-newsletter .newsletter-form p strong{ font-size: 20px; } .lp-full-newsletter .newsletter-form .input-agreement{ max-width: 100%; } .lp-full-newsletter .newsletter-form .inputdata{ max-width: 180px; } .lp-full-newsletter form{ top: 50%; left: 10%; max-width: 80%; min-width: 220px; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%) } .lp-full-newsletter{ position: relative; } } .lp-full-newsletter .get-pdf{ position: absolute; top: 75px; left: 65px; max-width: 65%; } .lp-full-newsletter .get-pdf p{ color: #fff; font-size: 28px; line-height: 1.4em; font-weight: 300; } .lp-full-newsletter .get-pdf p strong{ font-weight: 700; font-size: 32px; } .lp-full-newsletter .get-pdf .buttonlink{ text-align: left; } .lp-full-newsletter .get-pdf .buttonlink a{ box-sizing: border-box; overflow: hidden; white-space: nowrap; background: #e96944; border-radius: 3px; border-color: #e96944; position: relative; color:#fff; } .lp-full-newsletter .get-pdf .buttonlink a:hover{ background: #fa8c19; } .lp-full-newsletter .get-pdf .buttonlink a .pe-7s-download{ font-size: 24px; margin-right: 5px; margin-right: 5px; vertical-align: -25% !important; } @media all and (max-width: 767px) { .lp-full-newsletter .get-pdf{ left: 10%; max-width: 90%; } } @media all and (max-width: 460px) { .lp-full-newsletter .get-pdf{ bottom: 70px; top: auto; } .lp-full-newsletter .get-pdf p{ font-size: 20px; line-height: 1.55em; } .lp-full-newsletter .get-pdf p strong{ font-size: 26px; line-height: 1.35em; } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/landings.css" */ /***********HOME ES*********************/ .seoH{ font-family: "Oxygen", "Open Sans",sans-serif; font-size: 22pt; font-weight: 300; margin: 5px 0; overflow: hidden; text-align: center; text-transform: uppercase; width: 100%; } .seoH h1, .seoH h2{ display: inline !important; } .categoriesPromoted .category_wiz.zoom p span{ background: #ff601a; bottom: 0px; color: #fff; display: block; font-size: 13px; letter-spacing: 0.8px; padding: 10px 22px; position: absolute; right: 0px; } .categoriesPromoted .category_wiz.zoom p span i{ font-size: 18px; font-style: normal; vertical-align: -10%; } .categoriesPromoted .product_wiz span{ color: #000; display: block; font-size: 10pt; text-align: center; text-decoration: none; } .categoriesPromoted .product_wiz img{ margin: 0px auto; } .categoriesPromoted .product_wiz span:hover{ color: #f47a53; } .categoriesPromoted .product_wiz i{ font-style: normal; } .categoriesPromoted:after { clear: both; content: ""; display: table; } .promobanner{ margin-bottom: 20px; } .comprasegura{ margin-top: 40px; } .categoriesPromoted .category_wiz{ box-sizing: border-box; float: left; text-align: center; width: 248px; } .categoriesPromoted .category_wiz:first-child + .category_wiz{ margin: 0 34px; } .categoriesPromoted .category_wiz span{ color: #000; display: block; font-size: 10pt; line-height: 11pt; margin-top: 5px; text-align: center; text-decoration: none; } .categoriesPromoted .category_wiz img{ margin: 0px auto; } .categoriesPromoted .category_wiz span:hover{ color: #f47a53; } @media (max-width: 990px){ .mainVisual > a img{ width: 100%; } .col-main .std { padding: 0 10px; } .categoriesPromoted .product_wiz img{ width: 100%; } .mobile-hidden{ display: none; } .promobanner img{ width: 100% !important; } .categoriesPromoted .product_wiz{ margin-left: 1%; position: relative; width: 24.2% !important; } .categoriesPromoted .product_wiz:first-child{ margin-left: 0px; } .categoriesPromoted .category_wiz { width: 32% !important; } .categoriesPromoted .category_wiz:first-child + .category_wiz { margin: 0 2% 10px !important; } .categoriesPromoted .category_wiz img{ width: 100%; } } @media (min-width: 990px){ .categoriesPromoted .category_wiz.zoom img, .categoriesPromoted .product_wiz.zoom img{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .categoriesPromoted .category_wiz.zoom:hover img, .categoriesPromoted .product_wiz.zoom:hover img { transform:scale(1.2); -ms-transform:scale(1.2); /* IE 9 */ -moz-transform:scale(1.2); /* Firefox */ -webkit-transform:scale(1.2); /* Safari and Chrome */ -o-transform:scale(1.2); /* Opera */ } .categoriesPromoted .product_wiz.zoom p{ height: 150px; overflow: hidden; width: 201px; } .categoriesPromoted .category_wiz.zoom p{ height: 190px; overflow: hidden; width: 248px; } } @media (max-width: 460px){ .categoriesPromoted .product_wiz{ margin-bottom: 10px; width: 46% !important; } .categoriesPromoted .category_wiz:first-child + .category_wiz, .categoriesPromoted .category_wiz{ margin: 0 0 20px !important; width: 100% !important; } .categoriesPromoted .category_wiz img{ width: 100%; } .categoriesPromoted .product_wiz:nth-child(2n){ margin-left: 4%; } } /***********CHRISTMAS 2015**************/ .responsive-img{ width: 100%; } .centerContent{ text-align: center; } .centerContent.img400 img{ width: 100%; } .christmash1{ font-size: 40px; margin: 5px 0px; text-align: center; text-transform: uppercase; color: #183361; font-size: 23pt; font-weight: 400; } .christmash1 img{ vertical-align: 0; } .absoluteHeader{ width: 100%; position: absolute; top: 20px; left: 0px; text-align: center; z-index: 9; } .grid-div .zoomImg{ position: relative; display: block; } p.marketingHeader{ font-size: 20px; font-weight: 500; margin: 0 0 5px; padding: 10px 0 15px; text-align: center; vertical-align: middle; border-bottom: 1px solid #a3b2c7; } h3.marketingHeader img{ display: inline-block; vertical-align: 0; } .marginTop15{ margin-top: 15px !important; } .marginTop20{ margin-top: 20px !important; } .marginBottom15{ margin-bottom: 15px; } .marginBottom35{ margin-bottom: 35px; } .marginBottom0{ margin-bottom: 0px !important; } .grid-div .grid4{ box-sizing: border-box; float: left; margin: 10px 0; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; width: 25%; } .grid-div .grid5{ box-sizing: border-box; float: left; margin: 10px 0; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; width: 20%; } @media (max-width: 400px){ .grid-div .grid5, .grid-div .grid4{ width: 100%; } .fullMobile{ width: 100% !important; } } @media (min-width: 401px) and (max-width: 767px){ .grid-div .grid5, .grid-div .grid4{ width: 50%; } .fullMobile{ width: 100% !important; } } .grid-5space{ margin-left: -5px !important; margin-right: -5px !important; } .grid-div .grid4 img{ width: 100%; } .zoomImg > p{ overflow: hidden; } .zoomImg img{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .zoomImg p{ margin-top: 5px; } .zoomImg:hover img { transform:scale(1.2); -ms-transform:scale(1.2); /* IE 9 */ -moz-transform:scale(1.2); /* Firefox */ -webkit-transform:scale(1.2); /* Safari and Chrome */ -o-transform:scale(1.2); /* Opera */ } .zoomImg h2.christmas-style, .zoomImg h3.christmas-style{ color: #183361; display: inline-block; font-size: 20px; font-weight: normal; line-height: 20px; margin: 0px; text-align: center; width: 100%; } .zoomImg:hover h2.christmas-style, .zoomImg:hover h3.christmas-style, .zoomImg:hover span.christmas-style{ color: #dd0000 } .masonry5{ margin: 10px -10px; overflow: hidden; } .masonry5 .gridbox{ box-sizing: border-box !important; float: left; padding: 10px 10px; } .masonry5 .long1{ width: 66.6666%; } .masonry5 .long2{ float: right; width: 33.3333%; } .masonry5 .long3{ width: 33.3333%; } .masonry5 .long4{ width: 33.3333%; } .masonry5 .long5{ height: 160px; width: 66.6666%; } @media (max-width: 400px){ .masonry5 .long1, .masonry5 .long2, .masonry5 .long3, .masonry5 .long4, .masonry5 .long5{ width: 100%; } } @media (min-width: 401px) and (max-width: 767px){ .masonry5 .long1, .masonry5 .long4, .masonry5 .long5{ width: 100%; } .masonry5 .long2{ width: 50%; } .masonry5 .long3{ width: 50%; } } /*******MANSORY COMMON********/ .mandalabox{ margin-left: -4px; margin-right: -4px; } .mandalabox > div{ float: left; display: block; max-width: 100%; position: relative; overflow: hidden; box-sizing: content-box; } .mandalabox > div a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .mandalabox > div a .border{ display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; box-sizing: border-box; z-index: 0; overflow: hidden; background: rgba(0,0,0,0.1); } .mandalabox > div:before{ content: ''; display: block; } .mandalabox > div > *{ display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } [data-aspect-ratio="1:1"]:before { padding-top: 100%; } [data-aspect-ratio="1:2"]:before { padding-top: 200%; } [data-aspect-ratio="2:1"]:before { padding-top: 50%; } [data-aspect-ratio="2:3"]:before { padding-top: 150%; } [data-aspect-ratio="4:3"]:before { padding-top: 75%; } [data-aspect-ratio="3:4"]:before { padding-top: 133.3333%; } [data-aspect-ratio="5:4"]:before { padding-top: 81.5%; } .mandalabox .contentowy{ width: 100%; height: 100%; padding: 5px; box-sizing: border-box; } .mandalabox .contentowy img.flip{ opacity: 0; position: absolute; top: 0px; left: 0px; transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-animation: opacity 300ms ease-in-out; -ms-animation: opacity 300ms ease-in-out; } .mandalabox .contentowy:hover img.flip{ opacity: 1; } .mandalabox .contentowy:hover a:not(.noflip){ -webkit-animation: hoverBlur 200ms ease-in-out both; -moz-animation: hoverBlur 200ms ease-in-out both; -o-animation: hoverBlur 200ms ease-in-out both; -ms-animation: hoverBlur 200ms ease-in-out both; animation: hoverBlur 200ms ease-in-out both; } @-webkit-keyframes hoverBlur{ 0%{ -webkit-filter: blur(3px); } 100%{ -webkit-filter: blur(0px); } } @-moz-keyframes hoverBlur{ 0%{ -moz-filter: blur(3px); } 100%{ -moz-filter: blur(0px); } } @-o-keyframes hoverBlur{ 0%{ -o-filter: blur(3px); } 100%{ -o-filter: blur(0px); } } @-ms-keyframes hoverBlur{ 0%{ -ms-filter: blur(3px); } 100%{ -ms-filter: blur(0px); } } @keyframes hoverBlur{ 0%{ filter: blur(3px); } 100%{ filter: blur(0px); } } .mandalabox .contentowy a span.gotoProduct{ -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:25px; color:#fff; display:inline-block; left:50%; line-height:1em; position:absolute; text-align:center; transform:translateX(-50%); white-space:nowrap; width:auto; z-index:9; border: 2px solid #FFF; border-radius: 5px; padding: 10px 6px 10px 18px; } .mandalabox .contentowy a span.gotoProduct span{font-weight: bolder;} .mandalabox .contentowy a span.gotoProduct:hover{ background: rgba(255,255,255,0.3); text-decoration: none; color: #fff !important;} .mandalabox .contentowy > div{ width: 100%; height: 100%; } .mandalabox .contentowy i{ font-style: normal; line-height: 0.9em; color: #fff !important; vertical-align: -30% !important; font-size: 1.8em;width: 20px;text-indent: -7px; } .mandalabox .contentowy .price{ width: 96px; height: 49px; position: absolute; top: 20px; padding-left: 18px; right: -111px; z-index: 1; background: url(../images/cms/landings/ribbon_mansory.png) center no-repeat; background-size: cover; -webkit-transition: right 150ms ease-out 0.1s; -moz-transition: right 150ms ease-out 0.1s; -o-transition: right 150ms ease-out 0.1s; transition: right 150ms ease-out 0.1s; } .mandalabox .contentowy:hover .price{ right: 0px !important; } .mandalabox .contentowy .price table , .mandalabox .contentowy .price table td{ width: 80px; height: 44px; vertical-align: middle; color: #fff; font-weight: normal; font-size: 18px; line-height: 20px; text-align: right; } .mandalabox .contentowy .price table td span{ font-size: 11px; text-decoration: line-through; display: block; line-height: 12px; font-weight: normal; } /*******MANSORY 1********/ .mandala1_holder > div[class*="mandala"]{ width: 100%; } .mandala1_holder div[data-aspect-ratio="1:1"]::before{ padding-top: 60%; } /*******MANSORY 2********/ .mandala2_holder > div[class*="mandala"]{ width: 50%; } /*******MANSORY 3********/ .mandala3_holder .mandala0{ width: 55%; } .mandala3_holder .mandala1, .mandala3_holder .mandala2{ width: 45%; } .mandala3_holder.floatRight .mandala0{ float: right; } /*******MANSORY 5********/ .mandala5_holder .mandala0, .mandala5_holder .mandala4{ width: 66.6666%; } .mandala5_holder .mandala1, .mandala5_holder .mandala2, .mandala5_holder .mandala3{ width: 33.3333%; } .mandala5_holder .mandala1, .mandala5_holder .mandala4{ float: right; } /*******MANSORY 6********/ .mandala6_holder > div[class*="mandala"]{ width: 33.3333%; } /*******MANSORY 7********/ .mandala7_holder .mandala0, .mandala7_holder .mandala6{ width: 66.6666%; } .mandala7_holder .mandala1, .mandala7_holder .mandala2, .mandala7_holder .mandala3, .mandala7_holder .mandala4, .mandala7_holder .mandala5{ width: 33.3333%; } .mandala7_holder .mandala1, .mandala7_holder .mandala4, .mandala7_holder .mandala6{ float: right; } .mandala7_holder .black-sale-style{ position: absolute; right: 20px; left: 20px; color:#FFF; text-align: center; top: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mandala7_holder .black-sale-style strong{ display: block; font-size: 75px; font-weight: 500; } .mandala7_holder .black-sale-style span{ display: block; font-size: 28px; font-weight: 500; margin-top: 15px; } .mandala7_holder .black-sale-style small{ display: block; font-size: 14px; line-height: 1.4em; } /*******MANSORY 8********/ .mandala8_holder .mandala0, .mandala8_holder .mandala2, .mandala8_holder .mandala4{ width: 40%; } .mandala8_holder .mandala1, .mandala8_holder .mandala3, .mandala8_holder .mandala5, .mandala8_holder .mandala6, .mandala8_holder .mandala7{ width: 20%; } .mandala8_holder .mandala2, .mandala8_holder .mandala4{ float: right; } .cmsSpecialHeader{ margin-top: 15px; text-align: left; width: 100%; overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid #000; } .cmsSpecialHeader h1{ font-size: 24px; font-weight: normal; } .cmsSpecialHeader h1 strong{font-weight: normal;} .specialParagraph{ font-size: 14px; line-height: 175%; text-align: justify; } @media (min-width: 768px){ .mandalabox .contentowy img{ width: 100%; height: auto; opacity: 1; } } @media (max-width: 767px){ .mandala7_holder .black-sale-style strong{ font-size: 40px; } .mandala7_holder .black-sale-style span{ font-size: 16px; line-height: 1em; } .mandala7_holder .black-sale-style small{ margin-top: 5px; line-height: 1em; } .mandalabox .contentowy img{ width: 100%; opacity: 1; } .mandala3_holder .mandala0, .mandala8_holder .mandala7, .mandala8_holder .mandala2{ width: 100%; } .mandala3_holder .mandala1, .mandala3_holder .mandala2, .mandala8_holder .mandala0, .mandala8_holder .mandala1, .mandala8_holder .mandala3, .mandala8_holder .mandala4, .mandala8_holder .mandala5, .mandala8_holder .mandala6{ width: 50%; } .mandala6_holder > div[class*="mandala"]{ width: 50%; } .mandalabox .contentowy a{ -webkit-filter: blur(0px)!important; -moz-filter: blur(0px)!important; -o-filter: blur(0px)!important; -ms-filter: blur(0px)!important; filter: blur(0px)!important; } .mandalabox .contentowy img.flip{ display: none !important; } .mandalabox .contentowy .price{ right: 0px !important; } .mandalabox > div a .border{ background: rgba(0,0,0,0.2); } .mandalabox .contentowy a span.gotoProduct{ border: 0px; bottom: 10px; color: #fff; display: inline-block; left: 50%; line-height: 1.2em; position: absolute; left: 20px; right: 20px; text-align: center; white-space: normal; z-index: 9; font-size: 12px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } .mandalabox .contentowy a span.gotoProduct i{display: none;} .mandalabox .contentowy a span.gotoProduct:hover{background: none !important;} } @media (max-width: 470px){ .mandalabox > div[data-aspect-ratio="2:1"]{ width: 100%; } .mandalabox > div[data-aspect-ratio="1:1"]{width: 50%;} /*zmiana ustawień jeśli ratio mobilne inne niż desktopowe*/ .mandalabox > div[data-aspect-mobile-ratio="2:1"]{ width: 100%; } .mandalabox > div[data-aspect-mobile-ratio="2:1"]:before{ padding-top: 50%; } .mandalabox > div[data-aspect-mobile-ratio="1:1"]{width: 50%;} .mandalabox > div[data-aspect-mobile-ratio="1:1"]:before{ padding-top: 100%; } .mandala7_holder .black-sale-style{left: 2px;right: 2px;} .mandala7_holder .black-sale-style strong {font-size: 30px;} .mandala7_holder .black-sale-style small{font-size: 13px;} .mandalabox > div.hidden-xs{ display: none; } } /***********DROPSHIPPING************/ .dropshipping{ text-align: justify; } .dropshipping>h3:before,.dropshipping >h3:after{display: none;} .dropshipping p.cooperation{ margin: 10px 0 46px; text-align: center; } .dropshipping .cooperation img{ width: 100%; max-width: 571px; margin: 0 auto; } .dropshipping p.cooperation2{ margin: 10px 0 46px; text-align: center; } .dropshipping .cooperation2 img{ width: 100%; max-width: 533px; margin: 0 auto; } .dropshipping table{ margin: 30px 30px 10px; } .dropshipping table td{ padding-bottom: 20px; } .dropshipping table td:first-child span{ background: #f47a53; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; margin-right: 10px; font-weight: bold; font-size: 16px; line-height: 25px; text-align: center; width: 25px; display: block; height: 25px; } .dropshipping table.offerTable td p{ margin: 0px; } .dropshipping table.offerTable td p:first-child{ margin-bottom: 20px; } .dropshipping table.offerTable td:first-child span{ font-size: 11px; line-height: 19px; width: 19px; height: 19px; margin-right: 7px; margin-left: 3px; margin-top: 2px; } .dropshipping table.offerTable.benefits{ margin-right: 0px !important; margin-bottom: 30px; } .dropshipping table.offerTable.benefits td:first-child span{ margin-top: 3px; } .dropshipping table.offerTable td:first-child span i{ font-style: normal; font-weight: normal; } .dropshipping table.comparetable{ width: 100%; border-collapse:collapse; border: 1px solid #bfbfbf; margin: 30px 0 50px; } .dropshipping table.comparetable td{ border: 1px solid #bfbfbf; padding: 10px 15px !important; vertical-align: middle; text-align: center; } .dropshipping table.comparetable td:first-child{ text-align: left; } .dropshipping table.comparetable td .fa-check{ font-size: 14px; font-style: normal; color: #0eaf47; } .dropshipping table.about-us{ padding-left: 14px; margin-right: 0px; } .dropshipping table.about-us td:first-child{ padding-left:13px; } .dropshipping table.about-us td:first-child img{ margin-bottom: 20px; } .dropshipping table.about-us td + td{ text-align: right; } .dropshipping .kam, .dropshipping .fourColumn{ width: 100%; margin-top: 20px; } .dropshipping .fourColumn > div{ width: 25%; float: left; text-align: center; } .dropshipping .fourColumn > div img{ display: block; width: 100%; margin: 0 auto 15px; } .dropshipping .fourColumn > div a{ color: #004eff; text-decoration: underline; display: block; } .dropshipping .fourColumn > div a:hover{ color: #f47a53; } .dropshipping .examples{ padding: 10px 20px 40px; } .dropshipping .kam{ padding-bottom: 30px; position: relative; } .dropshipping .kam > div:first-child{ float: left; width: 150px; margin: 20px 40px; } .dropshipping .kam > div:first-child img{ width: 100%; } .dropshipping .kam > div:first-child + div{ margin-top: 20px; float: left; width: 400px; line-height: 29px; } .dropshipping .kam > div:first-child + div span{ font-size: 16px; } .dropshipping .kam > div:first-child + div a.btnstyle{ display: block; margin-top: 34px; width: 100%; max-width: 320px; text-align: center; padding: 7px 0; color: #fff; background: #f47a53; font-size: 20px; } .dropshipping .kam > div:first-child + div a.btnstyle:hover{ background-color: #ff6a00; } .dropshipping .kam > div:first-child + div a.btnstyle i{ font-style: normal; } @media (max-width: 767px){ .dropshipping .fourColumn > div{ width: 50%; } } @media (max-width: 460px){ .dropshipping .fourColumn > div{ width: 100%; margin-bottom: 20px; } } @media (min-width: 440px) and (max-width: 640px){ .dropshipping .kam > div:first-child { position: absolute; top: 0px; margin: 20px 0 0 10px; left: 0px; } .dropshipping .kam > div:first-child + div{ width: 100%; box-sizing: border-box; padding: 0 10px 0 170px; } } @media (max-width: 439px){ .dropshipping .kam > div:first-child + div, .dropshipping .kam > div:first-child { margin: 10px 0px; width: 100%; text-align: center; } .dropshipping .kam > div:first-child img{ max-width: 150px; margin: 0 auto; } .dropshipping .kam > div:first-child + div a.btnstyle{ margin: 0 auto; width: 90%; } } @media (max-width: 900px){ .dropshipping table{ margin-left: 15px !important; margin-right: 15px !important; width: auto !important; } } /****************NASZE PRODUKTY******************/ .cms-techniques .grid4{ padding-left: 10px; padding-right: 10px; margin-top: 0px; } .cms-techniques .zoomingAncor img{ width: 100%; opacity: 0.8; -moz-transition:opacity 1s linear; -webkit-transition:opacity 1s linear; -o-transition:opacity 1s linear; transition: opacity 1s linear; } .cms-techniques .zoomingAncor:hover img{ opacity: 1; } .cms-techniques .zoomingAncor a{ display: block; overflow: hidden; position: relative; } .cms-techniques .zoomingAncor a span{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-height: 36px; padding: 7px 34px 0px 10px; background: rgba(99,96,108,0.8); color: #fff; font-size: 14px; box-sizing: border-box; -moz-transition:background-color 0.25s linear; -webkit-transition:background-color 0.25s linear; -o-transition:background-color 0.25s linear; transition: background-color 0.25s linear; } .cms-techniques .zoomingAncor a:hover span{ background-color: #63606c; } .cms-techniques .zoomingAncor a span:after{ content: ""; display: block; position: absolute; top: 7px; right: 10px; width: 20px; height: 20px; background: transparent url(../images/cms/techniki/anchorArrow.png) center no-repeat; background-size: cover; } .center{ text-align: center; } .technique-quality div.fullMobile{ margin-bottom: 0px !important; } .technique-quality div:not(.fullMobile) img{ display: block; margin: 0 auto 10px; } .technique-quality{ font-size: 14px; } @media (max-width: 900px){ .technique-quality{ font-size: 18px; } } .cms-techniques .columnGrid > div{ float: left; } .cms-techniques .columnGrid > div.col_40{ width: 40%; margin-left: 5%; float: right; } .cms-techniques .columnGrid .col_55{ width: 55%; } .cms-techniques .columnGrid .col_100{ width: 100%; } .cms-techniques .columnGrid > div.col_40 img{ margin-top: 25px; width: 100%; } .cms-techniques .columnGrid > div.col_40 img:first-child{ margin-top: 0px; } .cms-techniques .columnGrid .col_55 img{ width: 100%; } .cms-techniques .technique-detail{ margin-top: 30px; } .cms-techniques .technique-detail p{ font-size: 1.2em; line-height: 1.7em; text-align: justify; } .cms-techniques .technique-detail .advantages{ margin-top: 32px; margin-bottom: 15px; font-size: 14px; line-height: 175%; text-align: justify; } .cms-techniques .technique-detail .advantages table{ margin: 0px 0 15px; border: none; } .cms-techniques .technique-detail .advantages table td{ padding: 0px !important; text-align: left !important; vertical-align: top; border: none !important; } .cms-techniques .technique-detail .advantages table td:first-child{ width: 50px !important; padding-right: 13px !important; } .cms-techniques .technique-detail .advantages table ul{ margin: 0px; padding: 0px; list-style: none; } .cms-techniques .technique-detail .advantages table ul li{ padding: 0px; background: url(../images/cms/techniki/limarker.png) top left no-repeat; } .cms-techniques .technique-detail .advantages table ul li:before{ display: inline-block; content: "\e684"; font-family: "Pe-icon-7-stroke"; color: #f47a53; margin-right: 7px; font-size: 16px; } .cms-techniques .technique-detail table{ width: 100%; border-collapse:collapse; border: 1px solid #bfbfbf; margin: 0px; } .cms-techniques .technique-detail table td{ border: 1px solid #bfbfbf; padding: 13px 15px; vertical-align: middle; text-align: center; } .cms-techniques .technique-detail table tr:first-child td{ padding: 5px 15px; } .cms-techniques .technique-detail table td:first-child{ text-align: right; } .cms-techniques .technique-detail table td .fa-check{ font-size: 14px; font-style: normal; } .cms-techniques .technique-detail table td:first-child + td + td .fa-check{ color: #0eaf47; } .show-popup .popup-text, .cms-techniques .cart-sos-modal .sos-text{ position: relative; height: 0; overflow: hidden; padding-bottom: 75%; min-width: 290px; } .show-popup .popup-text iframe, .cms-techniques .cart-sos-modal .sos-text iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; border: none !important; min-width: 290px; } .show-popup .inner-content, .cms-techniques .cart-sos-modal .inner-content{ overflow: visible; } .show-popup .close-button, .cms-techniques .cart-sos-modal .close-button{ color: #fff !important; top: -19px !important; right: 2px !important; } @media (max-width: 480px){ .cms-techniques .technique-detail table td{ padding-left: 5px !important; padding-right: 5px !important; } } @media (max-width: 767px){ .cms-techniques .columnGrid > div.col_40{ width: 100%; margin-left: 0%; float: left; } .cms-techniques .columnGrid .col_55{ width: 100%; float: left; margin-top: 15px; } } @media (max-width: 901px){ .cms-techniques{ padding: 0 10px; box-sizing: border-box; } } .cms-techniques .compareBox{ padding-top: 4px; font-size: 12px; } /***********CART SOSO MODAL POOL************/ .reasonPollList{ display: inline-block; width: auto; margin: 5px auto 30px; text-align: left; } .reasonPollList .fa-check-square-o{ display: none; } .reasonPollList a:hover .fa-check-square-o{ display: inline-block; } .reasonPollList .fa-square-o{ display: inline-block; } .reasonPollList a:hover .fa-square-o{ display: none; } .reasonPollList a{ text-decoration: none; color: #000; font-size: 20px; display: block; cursor: pointer; } .reasonPollList li{ padding-bottom: 10px; } .reasonPollList a i { display: inline-block; font-size: 24px; width: 30px; vertical-align: -7%; } .reasonPollList a:hover i{ color: #c01010; } .reasonPollQuestion{ font-size: 35px; margin: 0 0 20px 0; line-height: 40px; } .reasonPollIntro{ font-size: 18px; margin: 0; line-height: 20px; color: #8e8e8e; } .reasonPollStop{ font-size: 45px; margin: 20px 0 30px 0; color: #c01010; } /****REGULAMIN*******/ .cms-sales-terms-user-agreement ol{ padding-left: 1em; } .cms-footer-page strong{ font-weight: 400; } .cms-sales-terms-user-agreement ol li{ margin-bottom: 8px; } .cms-sales-terms-return-policy .cms-footer-page center, .cms-sales-terms-user-agreement ol li center{ font-size: 13px; margin-bottom: 10px; } .cms-footer-page strong{ font-weight: bold; } .cms-footer-page .courtData{ padding-bottom: 10px; } .cms-footer-page .bankData{ padding-bottom: 30px; } .cms-footer-page .sellerData{ width: 400px; margin: 0 auto; } .cms-sales-terms-return-policy .return-form-example, .cms-sales-terms-user-agreement .return-form-example{ padding: 40px; border: 1px solid #cecece; } .cms-sales-terms-return-policy .return-form-example i, .cms-sales-terms-user-agreement .return-form-example i{ font-style: normal; padding-right: 10px; } .cms-sales-terms-return-policy .return-form-example p, .cms-sales-terms-user-agreement .return-form-example p{ margin-bottom: 3px; padding-left: 15px; position: relative; } .cms-sales-terms-return-policy .return-form-example p:before, .cms-sales-terms-user-agreement .return-form-example p:before{ display: block; position: absolute; top: 0px; left: 0px; content: "\e684"; font-family: "Pe-icon-7-stroke"; } .cms-sales-terms-return-policy .return-form-example address, .cms-sales-terms-user-agreement .return-form-example address{ margin: 0 0 30px 15px; } .cms-sales-terms-return-policy .return-form-example > span, .cms-sales-terms-user-agreement .return-form-example > span{ font-size: 13px; color: #7e7e7e; border-top: 1px solid #cecece; margin-top: 25px; display: block; } .cms-footer-page .notice{ font-size: 13px; color: #7e7e7e; border-top: 1px solid #cecece; margin-top: 25px; margin-bottom: 40px; display: block; padding-left: 10px; } .red{ color: red; } .cms-footer-page .isbolder{ font-weight: bold; } .shippingRestPrice{ margin: 20px 0 30px; } .shippingRestPrice .shipment-product-type{ overflow: hidden; } .shippingRestPrice table.shippingTablePrice{ border: 0px; margin: 0px auto 10px;; width: 100%; } .shippingRestPrice table.shippingTablePrice tr td{ border: 0px; border-bottom: 1px solid #a6a6a6; } .shippingRestPrice table.shippingTablePrice tr th{ border: 0px; border-left: 1px solid #FFF; background: #262626; } .cms-help-shipment .notice{ border-top: 0px; margin-top: 5px; } .cms-help-order-processing-time ul{ list-style: none; margin-left: 0px; } .cms-help-order-processing-time .cms-footer-page ul li:before{ content: "\e684"; font-family: "Pe-icon-7-stroke"; display: inline-block; margin-right: 5px; } .cms-help-faq .cms-footer-page ol{ margin: 20px 0 40px; } .cms-help-faq .cms-footer-page ol a{ color: #262626; } .cms-help-faq .cms-footer-page ol a:hover{ color: #f47a53; } @media (max-width: 767px){ .cms-footer-page .sellerData{ width: 200px; } } @media (max-width: 900px){ .cms-footer-page{ margin: 0 20px; } } /*CART SOSO NEWSLETTER SUBSCRIBE*/ #catalog_subscribe form{ position: absolute; right: 11.5%; bottom: 10%; width: 225px; } #catalog_subscribe form input{ width: 225px; height: 38px; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 10px !important; box-sizing: border-box; color: #656565; background: #fff !important; font-size: 14px; } #catalog_subscribe form input.validation-failed{ border: 1px solid #ff0000 !important; } #catalog_subscribe form input + .validation-advice{ display: none !important; } #catalog_subscribe form .actions a{ width: 225px; height: 38px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #323236 !important; display: block; margin: 10px 0 0; padding: 0px !important; color: #fff; border: 0px !important; text-decoration: none !important; } #catalog_subscribe form .actions a:hover{ background: #000 !important; } #catalog_subscribe form .actions a strong{ font-weight: normal; font-size: 14px; text-transform: lowercase; line-height: 34px; } #catalog_subscribe form .actions a strong:after{ content: url('../images/arrows/arrow_cta.png'); display: inline-block; padding-left: 10px; padding-top: 3px; vertical-align: -5%; } body[class*="newsletter"] .pop-up-modal{ display: none !important; } /*********HOME IT***************/ .homeviz { position: relative; overflow: hidden; } .homeviz a{ position: relative; display: block; } .homeviz .lane-button{ width: 100%; position: absolute; display: block; left: 0px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .homeviz img{ display: none !important; width: 100%; height: auto; } .homeviz .lane-button span.goto{ display: block; border: none !important; padding: 0px !important; font-size: 16px; text-transform: capitalize; cursor: pointer; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; min-width: 120px; text-align: center; float: left; clear: both; margin-top: -1px; position: relative; } .homeviz .lane-button span.goto > span{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 7px 30px; min-width: 100px; } .homeviz .lane-button span.goto i{ font-style: normal; font-size: 20px; vertical-align: -7%; padding-left: 5px; } .homeviz .lane-button span.lanetext{ display: block; width: 100%; padding: 8px 0; text-align: center; font-size: 28px; font-weight: lighter; letter-spacing: -1px; position: relative; } .homeviz .lane-button span.lanetext:before { content: ""; position: absolute; width : 100%; height: 100%; left: 0px; top: 0px; z-index: -1; filter : blur(1px); -moz-filter : blur(1px); -webkit-filter: blur(1px); -o-filter : blur(1px); } .homeblur { position: relative; overflow: hidden; } .homeblur a{ position: relative; display: block; } .homeblur .lane-button{ position: absolute; display: inline-block; float: left; left: 0px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: opacity 1.5s ease-in-out 1.5s; -moz-transition: opacity 1.5s ease-in-out 1.5s; -ms-transition: opacity 1.5s ease-in-out 1.5s; -o-transition: opacity 1.5s ease-in-out 1.5s; transition: opacity 1.5s ease-in-out 1.5s; opacity: 0; z-index: 1; padding: 1em; overflow: hidden; border-radius: .3em; } .owl-item.active .homeblur .lane-button{ opacity: 1; } .homeblur img{ display: none !important; width: 100%; height: auto; } .homeblur .lane-button span.goto{ display: block; border: none !important; padding: 0px !important; font-size: 16px; text-transform: lowercase; cursor: pointer; min-width: 120px; text-align: center; float: left; clear: both; margin-top: 10px; position: relative; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .homeblur .lane-button span.goto > span{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 12.5px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 100px; -moz-transition:background-color 0.25s linear; -webkit-transition:background-color 0.25s linear; -o-transition:background-color 0.25s linear; transition: background-color 0.25s linear; line-height: 100%; } .homeblur .lane-button span.goto:hover > span{ background: #fb683a !important; } .homeblur .lane-button span.goto i{ font-style: normal; font-size: 20px; vertical-align: -7%; padding-left: 10px; } .homeblur .bannerText{ display: block; text-align: left; } .homeblur .bannerText.shadeText{ text-shadow: 1px 1px 1px rgba(255,255,255,0.3), -1px -1px 1px rgba(0,0,0,0.3); } .homeblur .bannerText.shadeTextReverse { text-shadow: -1px -1px 1px rgba(255,255,255,0.3), 1px 1px 1px rgba(0,0,0,0.3); } .homeblur .bannerText { display: block; text-align: left; font-family: Oxygen; font-weight: 300; font-size: 36px; } .homeblur .bannerText small{ font-size: 0.65em; line-height: 1em; } .homeblur .bannerText strong{ display: block; font-family: 'Oxygen', sans-serif; line-height: 1em; font-weight: 300; } @media (max-width: 767px){ .homeviz .lane-button span.lanetext{ font-size: 22px; } } @media (max-width: 767px){ .homeviz img.mobileDevice{ display: block !important; } .homeviz:not(.mobileSwitch) img.desktopDevice{ display: block !important; } .homeblur img.mobileDevice{ display: block !important; } .homeblur:not(.mobileSwitch) img.desktopDevice{ display: block !important; } .homeblur .lane-button{ left: 10px !important; bottom: 30px !important; } .homeblur .bannerText { font-size: 18px; line-height: 26px; } .homeblur .bannerText strong{ font-size: 30px; line-height: 30px; } .homeblur .lane-button span.goto{ font-size: 16px; min-width: 100px; margin-top: 10px; } .homeblur .lane-button span.goto > span{ padding: 8px 15px; } } @media (min-width: 768px){ .homeviz img.desktopDevice{ display: block !important; } .homeblur img.desktopDevice{ display: block !important; } } .rotator2 .zoomingAncor img, .rotator3 .zoomingAncor img, .rotator4 .zoomingAncor img{ width: 100%; opacity: 0.8; -moz-transition: opacity 0.4s linear; -webkit-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .rotator2 .zoomingAncor:hover img, .rotator3 .zoomingAncor:hover img, .rotator4 .zoomingAncor:hover img{ opacity: 1; } .rotator2 .zoomingAncor a, .rotator3 .zoomingAncor a, .rotator4 .zoomingAncor a{ display: block; overflow: hidden; position: relative; } .rotator2 .zoomingAncor a span, .rotator3 .zoomingAncor a span, .rotator4 .zoomingAncor a span{ position: absolute; bottom: -45px; left: 0px; width: 100%; padding: 10px 38px 0px 10px; background: rgba(99,96,108,0.7); color: #fff; font-size: 15px; box-sizing: border-box; -moz-transition:background-color 0.25s linear,bottom 150ms ease-out 0.1s; -webkit-transition:background-color 0.25s linear,bottom 150ms ease-out 0.1s; -o-transition:background-color 0.25s linear,bottom 150ms ease-out 0.1s; transition: background-color 0.25s linear,bottom 150ms ease-out 0.1s; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 45px; } .rotator2 .zoomingAncor a span:hover, .rotator3 .zoomingAncor a span:hover, .rotator4 .zoomingAncor a span:hover{ background: rgba(0,0,0,0.7); } .rotator2 .zoomingAncor a:hover span, .rotator3 .zoomingAncor a:hover span, .rotator4 .zoomingAncor a:hover span{ bottom: 0px; } .rotator2 .zoomingAncor a span:after, .rotator3 .zoomingAncor a span:after, .rotator4 .zoomingAncor a span:after{ content: "\e684"; font-family: "Pe-icon-7-stroke"; top: 22px; font-size: 32px; background: none; width: 40px; height: 40px; text-align: center; line-height: 1px; right: 0px; } @media (max-width: 901px){ .rotator2 .owl-carousel, .rotator3 .owl-carousel, .rotator4 .owl-carousel{ padding: 0 10px; box-sizing: border-box; } .rotator2 .zoomingAncor a span, .rotator3 .zoomingAncor a span, .rotator4 .zoomingAncor a span{ bottom: 0px; } } html[lang="pl"] body[class*="cms-home"] .seoH h1, html[lang="pl"] body[class*="cms-home"] .seoH h2, html[lang="pl"] body[class*="cms-home"] .seoH h4{ margin-bottom: 10px; display: block !important; } html[lang="pl"] body[class*="cms-home"] .seoH h4{ float: none; font-size: 22pt; font-weight: 300; padding: 0px !important; } .rotator1 { margin: 10px 0 0; } /*********TABS CONTENT***************/ .tabbed-content { width:100%; display:block; text-align: center; box-sizing: border-box; } .tabbed-content .tab-links { box-sizing: border-box; display: block; margin: 0 auto; padding: 0px 10px; text-align: center; width: 100%; border-bottom: 1px solid #b3b3b3; } .tabbed-content .tab-links li { list-style:none; display: inline-block; margin: 0px; } .tabbed-content .tab-links a { padding: 10px 15px; display:inline-block; font-size:1em; font-weight:400; position: relative; border-top: 1px solid transparent;border-left: 1px solid transparent;border-right: 1px solid transparent; -webkit-transition: border-color .25s ease; -moz-transition: border-color .25s ease; -ms-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease; } .tabbed-content .tab-links li.active a:before { content: ""; position: absolute; bottom: -1px; left: 0px; background: #fff; height: 1px; width: 100% !important; display: block; } .tabbed-content .tab-links li.active a{border-top-color: #b3b3b3;border-left-color: #b3b3b3;border-right-color: #b3b3b3;} .tabbed-content .tab-links li:not(.active) a:after { content: ""; position: absolute; bottom: -1px; left: 0px; background: #e96944; height: 1px; width: 0%; display: block; -webkit-transition: width .25s ease; -moz-transition: width .25s ease; -ms-transition: width .25s ease; -o-transition: width .25s ease; transition: width .25s ease; } .tabbed-content .tab-links li:not(.active) a:hover:after{width: 100%; -webkit-transition: width .75s ease; -moz-transition: width .75s ease; -ms-transition: width .75s ease; -o-transition: width .75s ease; transition: width .75s ease; } .tabbed-content .tab-links li .color-pattern{display: inline-block;width: 18px;height: 18px;vertical-align: -15%;margin-right: 5px;overflow: hidden; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} @media (max-width: 580px){ .tabbed-content.accordate .tab-links{ padding: 0px;border: none; position: relative; padding-bottom: 42px; } .tabbed-content.accordate .tab-links li{width: 100%;background: #f0f0f7;margin: 1px 0;border: none;text-align: left;position: relative; -webkit-transition: top 0.55s linear 0s; -moz-transition: top 0.55s linear 0s; -ms-transition: top 0.55s linear 0s; -o-transition: top 0.55s linear 0s; transition: top 0.55s linear 0s; left: 0px;padding-left: 25px;box-sizing: border-box;} .tabbed-content.accordate .tab-links li.active{position: absolute;bottom: 0px;width: 100%;padding-left: 40px;} .tabbed-content.accordate .tab-links li.active a{font-weight: bold;color: #000 !important;} .tabbed-content.accordate .tab-links li a{border: none; width: 100%;box-sizing: border-box;} .tabbed-content.accordate .tab-links li a:after{display: none !important;} .tabbed-content.accordate .tab-links li:before{display: block;font-family: "Pe-icon-7-stroke";content: "\e688";font-size: 2em;left: 5px;top: -2px;position: absolute;} .tabbed-content.accordate .tab-links li.active:before{content:""; top: 0px;left: 0px;background: #fff;width: 36px;height: 40px;z-index: 1;} .tabbed-content.accordate .tab-links li.active a span:after{content: ":";} .tabbed-content .tab-links {display: none;} #colors-page.single-color-page .tabbed-content .tab-links {display: block;} } /*----- Content of Tabs -----*/ .tabbed-content .tab-content{ position: relative; } .tabbed-menu .tab-content .tab, .tabbed-content .tab-content .tab{ z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; -moz-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; -ms-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; -o-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; } .tabbed-menu .tab-content .tab:not(.active), .tabbed-content .tab-content .tab:not(.active) { position: absolute; top: 0px; left: 0px; width: 100%; height: auto; } .tabbed-menu .tab-content .tab.active, .tabbed-content .tab-content .tab.active { position: relative; visibility: visible; opacity: 1; -webkit-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; -moz-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; -ms-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; -o-transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; transition: visibility 0.55s linear 0s,opacity 0.5s linear 0s; } .tab-content .products-grid{margin-top: 20px;} .tabbed-content .tabheader{ margin: 0; padding: 15px 0 10px 0; font-size: 28px; line-height: 100%; } .tabbed-content .tabheader:before{display: none;} .rotator2 .zoomingAncor a span:after{ content: "\e684"; font-family: "Pe-icon-7-stroke"; top: 20px; right: -4px; font-size: 32px; background: none; width: 40px; height: 40px; text-align: center; position: absolute; } .mansory8_swipe_1_2 .mandala0{ float: right; } .mansory8_hide_1_2 .mandala0, .mansory8_hide_1_2 .mandala1{ display: none; } @media (max-width: 767px){ .rotator2 { padding: 0 10px; box-sizing: border-box; } } @media (min-width: 768px)and (max-width: 900px){ .rotator2 { padding: 0 10px; box-sizing: border-box; } #home_best { padding: 0 10px; box-sizing: border-box; } } @media (min-width: 768px){ .grid-div.swipe_cols .grid2:first-child{ float: right !important; } } @media (max-width: 900px){ .seoContent .lead{ margin-bottom: 20px; } } @media (max-width: 767px){ .rotator1 { padding-bottom: 10px; } .rotator1 { text-align: center; } } .rotatornoauto1.owl-carousel:not(.owl-loaded), .rotator1.owl-carousel:not(.owl-loaded){ display: block; overflow: hidden; } .rotatornoauto1.owl-carousel:not(.owl-loaded) > .item, .rotator1.owl-carousel:not(.owl-loaded) > .item{ display: none; } .rotatornoauto1.owl-carousel:not(.owl-loaded) > .item:first-child, .rotator1.owl-carousel:not(.owl-loaded) > .item:first-child{ display: block; z-index: -1; opacity: 0.5; position: relative; margin: 0 auto; } .rotatornoauto1.owl-carousel:not(.owl-loaded):before, .rotator1.owl-carousel:not(.owl-loaded):before{ content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .rotatornoauto1.owl-carousel:not(.owl-loaded):after, .rotator1.owl-carousel:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .rotatornoauto1.owl-carousel:not(.owl-loaded):after, .rotator1.owl-carousel:not(.owl-loaded):after { -webkit-animation-delay: -1.0s ; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .owl-carousel .owl-dots{ display: block; position: absolute; top: 10px; right: 10px; height: 12px; } .owl-carousel .owl-dots .owl-dot{ display: inline-block; vertical-align: top; border-radius: 99%; -moz-border-radius: 99%; -webkit-border-radius: 99%; width: 9px; height: 9px; margin-top: 1px; margin-left: 9px; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .owl-carousel .owl-dots .owl-dot:hover{ background: #f47a54; } .owl-carousel .owl-dots .owl-dot.active{ background: #f47a54; } /*****GOOGLE FORM POPUP***********/ .popup-survey{ background: #fff; overflow: auto; height: 490px; padding: 20px 20px 0 20px; } .popup-survey #ss-submit{ padding: 10.5px 20px 12.5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-transition:background-color 0.25s linear; -webkit-transition:background-color 0.25s linear; -o-transition:background-color 0.25s linear; transition: background-color 0.25s linear; line-height: 100%; background: #f47a53; border: medium none !important; clear: both; cursor: pointer; display: block; font-size: 16px; margin: 10px auto 0; min-width: 120px; position: relative; text-align: center; text-transform: lowercase; color: #fff; } .popup-survey #ss-submit:hover{ background: #fb683a; } .popup-survey form{ text-align: left; padding: 0 0 20px; display: block; overflow: hidden; } .popup-survey form .ss-q-title{ font-size: 15px; } .popup-survey form input[type="email"], .popup-survey form input[type="text"]{ border: 0px; background-color: transparent; display: block; height: 24px; margin: 0; min-width: 0; outline: medium none; padding: 0 5px; z-index: 0; width: 100%; border-bottom: 1px solid #d8d8d8; box-sizing: border-box; color: #7b7b7b; font-size: 13px; -webkit-transition: border-color 1s ease; -moz-transition: border-color 1s ease; -ms-transition: border-color 1s ease; -o-transition: border-color 1s ease; transition: border-color 1s ease; } .popup-survey form input[type="email"]:focus, .popup-survey form input[type="text"]:focus{ border-color: #979797; color: #4c4c4c; } .popup-survey form input[type="email"]:invalid{ border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid red !important; box-shadow: none !important; } .popup-survey form .ss-form-question{ margin: 15px 0 0; } .popup-survey form input[type="email"]::-webkit-input-placeholder, .popup-survey form input[type="text"]::-webkit-input-placeholder { font-size: 1em; font-style: normal; color: rgba(0,0,0,0.6); } .popup-survey form input[type="email"]:-moz-placeholder, .popup-survey form input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size: 1em; font-style: normal; color: rgba(0,0,0,0.6); } .popup-survey form input[type="email"]::-moz-placeholder, .popup-survey form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size: 1em; font-style: normal; color: rgba(0,0,0,0.6); } .popup-survey form input[type="email"]:-ms-input-placeholder, .popup-survey form input[type="text"]:-ms-input-placeholder { font-size: 1em; font-style: normal; color: rgba(0,0,0,0.6); } .popup-survey form .ss-choice-item .ss-choice-label{ vertical-align: -1px; } .popup-survey p:first-child{ margin-top: 0px; } .popup-survey p{ margin: 10px 0 0; font-size: 15px; line-height: 1.2em; color: #7b7b7b; } .popup-survey p.red{ color: red; } .popup-survey p .titled{ font-size: 22px; color: #000; line-height: 1.4em; display: inline-block; } @media (max-width: 990px){ .popup-survey form .ss-q-title, .popup-survey p{ font-size: 18px; } } .popup-survey form .ss-choices{ width: 100%; display: table; } .popup-survey form label{ line-height: 175%; } .popup-survey form .ss-choices li:first-child{ float: left; padding-right: 30px; } .popup-survey form .ss-choices input[type="radio"] ~ input[type="text"]{ height: 0px; box-sizing: border-box; -webkit-transition: height 0.5s ease, margin-top 0.5s ease; -moz-transition: height 0.5s ease, margin-top 0.5s ease; -ms-transition: height 0.5s ease, margin-top 0.5s ease; -o-transition: height 0.5s ease, margin-top 0.5s ease; transition: height 0.5s ease, margin-top 0.5s ease; border-color: transparent; margin-top: 0px; } .popup-survey form .ss-choices input[type="radio"]:checked ~ input[type="text"]{ height: 23px; border-color: #d8d8d8; margin-top: 5px; } .popup-survey form .ss-choices input[type="radio"]:checked ~ input[type="text"]:focus{ border-color: #979797; } .popup-survey form .ss-choices input[type="radio"]{ visibility: hidden; } .popup-survey form .ss-choices .radioimitate{ display: block; border: 1px solid #000; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 10px; height: 10px; position: absolute;; top: 4px; left: 0px; } .popup-survey form .ss-choices .radioimitate{ display: block; border: 1px solid #000; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 12px; height: 12px; position: absolute; top: 3px; left: 0px; } .popup-survey form .ss-choices .radioimitate:after{ display: none; background: #f56c49; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 6px; height: 6px; position: relative; top: 3px; left: 3px; content: ""; } .popup-survey form .ss-choices input[type="radio"]:checked ~ .radioimitate:after{ display: block; } .popup-survey form .ss-choices .ss-choice-item-control{ position: relative; } .simplesize_montage, .allplate_montage{ box-sizing: border-box; width: 100%; overflow: hidden; margin-top: 20px; text-align: center; line-height: 1.3em; } .simplesize_montage .item img, .allplate_montage .item img{ width: 100%; margin-bottom:5px; } .simplesize_montage .item, .allplate_montage .item { display: block; width: 100%; float: none !important; font-size: 1.1em; font-weight: 300; } .simplesize_montage span, .allplate_montage span{ color: #f47a53; font-weight: bold; } .simplesize_montage .owl-carousel:not(.owl-loaded) .item, .allplate_montage .owl-carousel:not(.owl-loaded) .item{ float: left; } .simplesize_montage .owl-carousel:not(.owl-loaded), .allplate_montage .owl-carousel:not(.owl-loaded){ width: 100%; } #allplate-quality{ overflow:hidden; width: 100%; margin-bottom: 40px; margin-top: 30px; font-weight: 300; } #allplate-quality li{ width: 50%; float: left; overflow:hidden; padding-right: 30px; font-size: 1.1em; box-sizing: border-box; display: table; } #allplate-quality li span.pe-7s-check{ font-size: 60px; color: #e9a031; padding-right: 10px; width: 60px; } #allplate-quality li.dark span.pe-7s-check{ color: #dd5f2d; } #allplate-quality li span{ display: table-cell; vertical-align: middle; } #allplate-quality li.fullbox{ margin-bottom: 20px; font-size: 1.6em; text-align: center; width: 100%; } .product-description-content, .product-view { width: 100%; } .fulwidth{width: 100%;} .simplesizeDescription{ width: 100%; overflow: hidden; padding: 30px 0; border-top: 1px solid #000; } .heading-widget + .simplesizeDescription {border-top: 0px;padding-top: 0px;} .simplesizeDescription .owl-carousel{margin-top: 0px !important;} .paraventDescription, .metalDescription { width: 100%; overflow: hidden; } .simplesizeDescription h5{text-align: left} .simplesizeDescription ul{margin-top: 20px;} .simplesizeDescription ul li:before{display: inline-block;vertical-align: top;content: "-";padding-right: 10px;} .simplesizeDescription ul li{line-height: 1.7em;} .simplesizeDescription p, .metalDescription p{ font-size: 1.1em; line-height: 1.7em; text-align: justify; } .paraventDescription p{ font-size: 1em; line-height: 1.6em; text-align: left; } .simplesizeDescription .rotatornoauto1, .metalDescription .rotatornoauto1{ margin-top: 5px; } @media (max-width: 767px){ #allplate-quality li{ width: 100%; margin-bottom: 10px; } #paravent-technicals{width: 100%;margin-left: 0px;margin-right: 0px;} #paravent-usage li{width: 100%;padding: 0px !important;min-height: 0px;margin-bottom: 10px;} } @media (max-width: 500px){ #paravent-technicals li{width: 100%;} } .paraventDescription .col-left, .simplesizeDescription .col-left, .metalDescription .col-left{ width: 50%; padding-right: 2%; box-sizing: border-box; } .paraventDescription .col-right, .simplesizeDescription .col-right, .metalDescription .col-right{ width: 50%; padding-left: 2%; box-sizing: border-box; } .simplesizeDescription .owl-carousel .item, .metalDescription .owl-carousel .item{ width: 100%; } @media (max-width: 900px){ .paraventDescription, .simplesizeDescription, .metalDescription{ margin: 0 auto;} .simplesizeDescription .col-left, .simplesizeDescription .col-right, .paraventDescription .col-left, .paraventDescription .col-right, .metalDescription .col-left, .metalDescription .col-right{ width: 100%; padding: 0px; margin: 5px 0 10px; } .simplesizeDescription .fulwidth > div{ margin: 0px; } .simplesizeDescription .fulwidth > div ul{margin: 0px;} } @media (min-width: 901px){ .simplesizeDescription.reversed .col-left{ float: right; padding-left: 2%; padding-right: 0%; } .simplesizeDescription.reversed .col-right{ float: left; padding-left: 0%; padding-right: 2%; } } /********PROCES TWORZENIA**************/ .cms-techniques{ font-family: "Oxygen", "Open Sans"; font-weight: 300; } .cms-techniques .intro_text{ text-align: justify; margin-top: 30px; } .cms-techniques .rotator4 .zoomingAncor a span{ bottom: 0px !important; } .cms-techniques .zoomingAncor a:hover span{ background: rgba(99, 96, 108, 0.85); } .cms-techniques .zoomingAncor a span:hover { background: rgba(0, 0, 0, 0.7); } .cms-techniques .rotatornoauto1 { margin: 20px 0; } .rotatornoauto1.owl-carousel:not(.owl-loaded) > .item img{ width: 100%; } .cms-techniques .rotatornoauto1 .item .col5_30 a{ text-align: center; color: #102d79; border: 1px solid #102d79; display: inline-block; text-decoration: none !important; padding: 10px 8px 10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; float: right; font-size: 1.1em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .cms-techniques .rotatornoauto1 .item .col5_30 a:hover{ border-color: #5d5abf; color: #5d5abf; background: #f2f2f2; } .cms-techniques .rotatornoauto1 .item .col5_30 a span[class*="pe-"]{ vertical-align: top !important; line-height: 20px !important; } .product-description-content .rotatornoauto1, .cms-techniques .rotatornoauto1 { padding: 0px !important; overflow: hidden; } .product-description-content > div{width: 100%;} .product-description-content .cms-banner{margin: 0px;} @media (max-width: 900px){ .cms-techniques .rotatornoauto1 .item .col5_30 a span[class*="pe-"]{ line-height: 29px !important; } } @media (max-width: 460px){ .cms-techniques .rotatornoauto1 .item .col5_30 a{ padding: 10px 1px 10px 8px; } } @media (max-width: 990px){ .cms-techniques .col65{ width: 100%; margin-bottom: 0px; } .cms-techniques .col5_30{ width: 100%; margin-left: 0px; margin-top: 0px; text-align: center; } .cms-techniques .col5_30 a{ margin: 0 auto; display: inline-block; } .cms-techniques .rotatornoauto1 .item .col5_30 a{ float: none; } } .cms-techniques .proces-item .popupholder{ float: right; margin-bottom: 20px; margin-left: 40px; } .cms-techniques .proces-item { overflow: hidden; text-align: justify; font-size: 1.2em; line-height: 1.7em; vertical-align: top; } .cms-techniques .proces-item *{ vertical-align: top; } @media (max-width: 767px){ .cms-techniques .proces-item .popupholder .popupLink img, .cms-techniques .proces-item .popupholder{ width: 100%; } } .cms-techniques .videolink{ position: relative; display: block; } .cms-techniques .videolink:after{ position: absolute; top: 0px; left: 0px; opacity: 1; content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.15); -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .cms-techniques .videolink:hover:after{ opacity:0; } .cms-techniques .videolink:before{ position: absolute; top: 0px; left: 0px; opacity: 0.6; content: ""; width: 100%; height: 100%; background: url(../images/arrows/play.png) center no-repeat; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .cms-techniques .videolink:hover:before{ opacity:0.9; } .cms-techniques .videolink img{ width: 100%; } @media (min-width: 768px){ .cms-techniques .proces-item .popupholder{ max-width: 50%; width: 100%; padding-top: 8px; } } .nobreadcrumbheader{margin-top: 20px;} .fotolia-lp .cms-footer-page { width: 100% !important; margin: 25px 0px 0!important; } .fotolia-lp .rotator3 .zoomingAncor img{ transition: all 300ms ease-in-out; transform: none !important; -ms-transform:none !important; -moz-transform:none !important; -webkit-transform:none !important; -o-transform:none !important; z-index: 0; } .fotolia-lp .rotator3 .zoomingAncor:hover img:first-child{ z-index: -1; opacity: 0; } .fotolia-lp .rotator3 .zoomingAncor img + img{ position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0; } .fotolia-lp .rotator3 .zoomingAncor:hover img + img{ z-index: 1; opacity: 1; } .fotolia-lp .rotator3 .zoomingAncor a span { bottom: 0 !important; z-index: 4; } .fotolia-lp .rotator3 .zoomingAncor a span:after{ position: absolute; } .fotolia-lp .buttonlink{ text-align: center; margin-top: 20px; } .fotolia-lp .buttonlink a{ display: inline-block; margin: 0 auto; padding: 10px 8px 10px 20px; color: #102d79; font-size: 1.1em; border: 1px solid #102d79; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fotolia-lp .buttonlink a span[class*="pe-"] { line-height: 23px !important; vertical-align: top !important; } .fotolia-lp .buttonlink a:hover{ color: #5d5abf; border-color: #5d5abf; background: #f2f2f2; text-decoration: none; } .fotolia-lp .mainVisual{ margin-bottom: 10px; } .fotolia-lp .mainVisual img{ width: 100%; } .fotolia-lp .rotator1 .owl-controls{ bottom: 0px !important; top: 50%; right: 0px; background: none !important; width: 100%; margin: 0px; padding: 0px; position: absolute !important; } .fotolia-lp .rotator1 .owl-controls .owl-dots{ display: none !important; } .fotolia-lp .rotator3.owl-carousel:not(.owl-loaded){ display: block; overflow: hidden; } .fotolia-lp .rotator3.owl-carousel:not(.owl-loaded) > .item{ float: left; width: 32%; margin-left: 2%; z-index: -1; opacity: 0.5; position: relative; } .fotolia-lp .rotator3.owl-carousel:not(.owl-loaded) > .item:first-child{ margin-left: 0px; } .fotolia-lp .rotator3.owl-carousel:not(.owl-loaded):before{ content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .fotolia-lp .rotator3.owl-carousel:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .fotolia-lp .rotator3.owl-carousel:not(.owl-loaded):after { -webkit-animation-delay: -1.0s ; animation-delay: -1.0s; } .pinterest_verification_code + iframe{ display:none; } body[class*="cms-lp-f-"].cms-page-view .std{padding-top: 10px !important;} /********OPIS KOREK***********/ .corkDescription3_4{ width: 100%; overflow: hidden; } .corkDescription3_4 .col-left{ width: 55%; box-sizing: border-box; padding-top: 10px; } .corkDescription3_4 .col-left img{width: 100%;} .corkDescription3_4 .col-right{ width: 45%; box-sizing: border-box; padding-top: 10px; } .corkDescription3_4 > div:first-child{ padding-right: 2%; } .corkDescription3_4 > div:first-child+div{ padding-left: 2%; } .corkDescription3_4 .col-right ul li{display: block;padding-top: 16px; padding-left: 35px; background: url("../images/category/check_orange.png") no-repeat left 22px; } .corkDescription3_4 .col-right ul li:first-child{padding-top: 0px;background-position: left 7px;} .corkDescription{ width: 100%; overflow: hidden; } .corkDescription .col-left{ width: 50%; padding-right: 3%; box-sizing: border-box; } .corkDescription .col-right{ width: 50%; padding-left: 3%; box-sizing: border-box; } .corkDescription .col-left h3{font-size: 1.4em;} .corkDescription .col-left h3:after{width: 100%;} .corkDescription .col-right h3:after{width: 100%;} .corkDescription h3 + ul, .corkDescription h3 + p{padding-top: 15px !important;} .corkDescription h3 ~ p{padding-bottom: 10px;} .cork-slider{ margin: 5px 0 25px; overflow: hidden;width: 100%; } @media (max-width: 767px) { .corkDescription .col-left, .corkDescription .col-right, .corkDescription3_4 .col-left, .corkDescription3_4 .col-right{ width: 100%; padding: 0 0 20px; box-sizing: border-box; } } #cork-quality{ margin: 0px; padding: 0px; list-style: none; width: 100%; display: table; } #cork-quality li{ display: table-row; background-repeat: no-repeat; background-position: center left; } #cork-quality li span{ display: table-cell; padding-left: 80px; padding-bottom: 0px; margin-bottom: 10px; height: 60px; position: relative; width: 100%; box-sizing: border-box; vertical-align: middle; } .product-description-content.comparelist h3{ margin-bottom: 5px; font-size: 1.25em; font-weight: 400; } .product-description-content.comparelist ul{margin-bottom: 25px;} .product-description-content.comparelist ul li{padding-top: 5px; background-position: left 11px; margin-left: 25px; } /**CHRISTMAS 2016**/ #christmas-main-lp .main-banner {padding-top: 10px;overflow: hidden;position: relative;} #christmas-main-lp .main-banner img {float: left;} #christmas-main-lp .main-banner .banner_text{text-align: left; width: 100%;box-sizing: border-box;text-align: center;} #christmas-main-lp .main-banner .banner_text h1:before,#christmas-main-lp .main-banner .banner_text h1:after{display: none;} #christmas-main-lp .main-banner .banner_text h1{font-size: 2em;text-align: left;margin-left: 30px;} #christmas-main-lp .main-banner .banner_text ul{padding: 0px;display: inline-block;margin: 0 auto;} #christmas-main-lp .main-banner .banner_text ul li{font-size: 1.1em;vertical-align: top;max-width: 33%;display: inline-block;margin: 0 30px;text-align: center;} #christmas-main-lp .main-banner .banner_text ul li strong{ position: relative;white-space: nowrap;font-size: 1.8em;line-height: 1.4em;display: block;font-weight: normal;} #christmas-main-lp .main-banner .banner_text ul li strong i{background: #000; display: inline-block;width: 6px;height: 6px;vertical-align: middle;margin-right: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} #christmas-main-lp .main-banner .banner_text ul li > span{text-transform: uppercase;font-weight: bolder;} #christmas-main-lp h2:before,#christmas-main-lp h2:after{display: none;} #christmas-main-lp h2{margin-top: 50px;} #christmas-main-lp .cols-6{margin: 0 auto;overflow: hidden;text-align: center;padding-bottom: 50px;} #christmas-main-lp .cols-6 .item{display: inline-block;width: 144px;vertical-align: top;margin-left: 2.65%;margin-bottom: 30px;} #christmas-main-lp .cols-6 .item:first-child{margin-left: 0px;} #christmas-main-lp .cols-6 .item img{margin-bottom: 20px;} #christmas-main-lp .cols-cat-5{margin: 0 auto;overflow: hidden;text-align: center;} #christmas-main-lp .cols-cat-5 .item{display: inline-block;width: 144px;vertical-align: top;margin-left: 6.95%;margin-bottom: 30px;} #christmas-main-lp .cols-cat-5 .item:first-child{margin-left: 0px;} #christmas-main-lp .cols-cat-5 .item img{margin-bottom: 20px;} #christmas-main-lp .banner_text small{display: block;font-size: 0.8em;color: #9b9b9b;margin-top: px;} @media (max-width: 900px) { #christmas-main-lp .main-banner .banner_text h1{margin-left: 0px !important;} #christmas-main-lp .main-banner .banner_text ul{padding: 0px;margin: 0 auto;} #christmas-main-lp .main-banner img{width: 100%;} #christmas-main-lp .cols-6{padding-bottom: 450px;} #christmas-main-lp .cols-6 .item{margin: 0px 10px 30px;} #christmas-main-lp .cols-cat-5 .item{margin: 0px 10px 30px;} #christmas-main-lp .main-banner .banner_text h1{font-size: 1.8em;margin-top: 0px;} #christmas-main-lp .main-banner .banner_text ul li strong{font-size: 1.6em;} #christmas-main-lp .main-banner .banner_text ul li{font-size: 1em;max-width: 100%;} #christmas-main-lp .main-banner{padding-top: 20px;} #christmas-main-lp .cols-6 {width: 500px;margin: 0 auto;} #christmas-main-lp .cols-cat-5 {width: 500px;margin: 0 auto;} } @media (min-width: 768px) { #christmas-main-lp .hideForDesktop{display: none;} } @media (max-width: 767px) { #christmas-main-lp .main-banner{max-width: 500px; margin: 0 auto;} #christmas-main-lp .main-banner .banner_text ul li{margin: 0px 0 10px;width: 100%;text-align: left;padding-left: 25px;} #christmas-main-lp .main-banner .banner_text ul li:first-child strong{display: inline-block;font-size: 2em;} #christmas-main-lp .main-banner .banner_text ul li strong i{margin-right: 20px;} #christmas-main-lp .main-banner .banner_text ul li strong{margin-left: -25px;} #christmas-main-lp .main-banner .banner_text ul li br{display: none !important;} #christmas-main-lp .hideForMobile{display: none;} #christmas-main-lp .cols-6 .item{margin: 0px 5px;background: #f2f2f2;margin-bottom: 20px} #christmas-main-lp .cols-6 .item img{margin: 0;} #christmas-main-lp .cols-6 .item a > span{display: block; height: 50px;font-size: 12px;position: relative;} #christmas-main-lp .cols-6 .item a > span > span {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;} #christmas-main-lp .main-banner img{width: auto; height: 325px;min-width: 100%;} #christmas-main-lp .cols-6 .item:first-child{margin: 0 5px 20px;} #christmas-main-lp .cols-6{padding-bottom: 50px;} #christmas-main-lp .cols-cat-5 .item{margin: 0px 5px;background: #f2f2f2;margin-bottom: 20px} #christmas-main-lp .cols-cat-5 .item img{margin: 0;} #christmas-main-lp .cols-cat-5 .item a > span{display: block; height: 50px;font-size: 12px;position: relative;} #christmas-main-lp .cols-cat-5 .item a > span > span {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block;} #christmas-main-lp .cols-cat-5 .item:first-child{margin: 0 5px 20px;} #christmas-main-lp .cols-cat-5{padding-bottom: 50px;} } @media (max-width: 480px) { #christmas-main-lp .cols-6 {width: 300px;margin: 0 auto;padding-left: 0px;padding-right: 0px;} #christmas-main-lp .cols-6 .item{margin: 0 3px 10px !important;width: 140px;} #christmas-main-lp .cols-6 .item img{width: 100%;} #christmas-main-lp .cols-cat-5 {width: 300px;margin: 0 auto;padding-left: 0px;padding-right: 0px;} #christmas-main-lp .cols-cat-5 .item{margin: 0 3px 10px !important;width: 140px;} #christmas-main-lp .cols-cat-5 .item img{width: 100%;} } #christmas-lp-details h2:after, #christmas-lp-details h2:before, #christmas-lp-details h4:after, #christmas-lp-details h4:before, #christmas-lp-details h3:after, #christmas-lp-details h3:before, #christmas-lp-details h1:after, #christmas-lp-details h1:before{display: none;} #christmas-lp-details h1{padding: 30px 0;margin: 0 auto;font-size: 2.6em;} #christmas-lp-details .white-bg-box{background: #fff;} #christmas-lp-details .cols-2, #christmas-lp-details .cols-5{text-align: center;overflow: hidden;} #christmas-lp-details .cols-5{padding-bottom: 30px;} #christmas-lp-details .cols-5 .item{width: 167px;margin-left: 17px;margin-bottom: 21px;display: inline-block;} #christmas-lp-details .cols-5 .item:first-child{margin-left: 0px;} #christmas-lp-details .cols-2{border-top: 1px solid #8c8c8c;padding: 20px 0 10px;} #christmas-lp-details .cols-2 .item{float: left;width: 50%;box-sizing: border-box;} #christmas-lp-details .cols-2.reversed .item{float: right;} #christmas-lp-details .cols-2 .item.with-text{text-align: left;padding: 40px 60px 0 10px;} #christmas-lp-details .cols-2 .item + .item.with-text{padding: 40px 10px 0 60px;} #christmas-lp-details .cols-2 .item img{max-width: 100%;} #christmas-lp-details .cols-2 .with-text img{margin-bottom: 20px;} #christmas-lp-details .cols-cat-5 + h3{margin-bottom: 0px;padding-bottom: 0px;} #christmas-lp-details h3 + .cols-2{border-top: 0px;} #christmas-lp-details h4{font-weight: 400;} #christmas-lp-details .item-100{padding-top: 30px;} #christmas-lp-details .cols-3{text-align: left;overflow: hidden;} #christmas-lp-details .cols-3 .item{width: 33.33333%;box-sizing: border-box;margin-bottom: 30px;overflow:hidden;display: table;float: left;} #christmas-lp-details .cols-3 .item a{display: table-cell;vertical-align: middle;overflow: hidden;} #christmas-lp-details .cols-3 img{margin-right: 10px;vertical-align: middle;display: inline-block;max-width: 48%;} #christmas-lp-details .cols-3 .item a span{display: inline-block;vertical-align: middle;max-width: 48%;} #christmas-lp-details .cols-2:last-child{margin-top: 40px;padding-top: 30px;} #christmas-lp-details h2{margin-top: 50px;font-size: 2.2em;} #christmas-lp-details .products-grid .item .listing-box > a{background: #fff;} #christmas-lp-details .products-grid{margin: 0 -5px;} #christmas-lp-details .inter-banner{text-align: center;color: #0a4f72;font-size: 1.8em;padding: 10px 0 50px;font-weight: 300;} #christmas-lp-details .inter-banner strong{font-size: 1.2em;font-weight: 400;} #christmas-lp-details h2 small{display: block;font-size: 0.6em;line-height: 1em;} #christmas-lp-details #giftcart-box img{width: 100%;} #christmas-lp-details #giftcart-box{text-align: left;border: none;margin-top: 0px;padding-top: 15px;} #christmas-lp-details #giftcart-box .item + .item{padding-top: 30px;font-size: 1.4em;padding-left: 30px;} #christmas-lp-details #giftcart-box .item + .item strong{display: block; color: #c53bd5;font-size: 2.7em;font-family: 'Sacramento', cursive;font-weight: normal;line-height: 1.4em;} #christmas-lp-details #giftcart-box .item + .item a{color: #000;float: left;border-color: #000;font-size: 0.8em;padding-left: 30px;padding-right: 20px;} #christmas-lp-details #giftcart-box .item + .item a span{font-style: normal;width: 20px;text-indent: -5px;} #christmas-lp-details #giftcart-box .buttonlink{overflow: hidden;margin-top: 5px;} #christmas-lp-details #giftcart-box .buttonlink a{border-width: 2px;} #christmas-lp-details .inter-banner img.hide-for-mobile{display: none;} @media (min-width: 901px) { #christmas-lp-details .white-bg-box{padding: 0 50px 50px;} #christmas-lp-details .extra-margin{margin-left: 25px;} } @media (max-width: 900px) { #christmas-lp-details .white-bg-box .cols-5 .item{width:20%;margin-left: 0px;float: left;} #christmas-lp-details .white-bg-box .cols-5 .item img{width:100%;} #christmas-lp-details .cols-2 .item:not(.with-text) img{width: 100%; max-width: 450px;} #christmas-lp-details .cols-2 .item.with-text{padding-left: 15px !important;padding-top: 0px;} #christmas-lp-details .item-100 img{display: block;margin: 0 auto;} #christmas-lp-details .cols-3 .item {text-align: center;} #christmas-lp-details .inter-banner img{width: 96%; max-width: 710px;margin: 0 2%;} #christmas-lp-details .inter-banner{font-size: 1.3em;line-height: 1.4em;} #christmas-lp-details #giftcart-box .item + .item{padding-top: 0px;} #christmas-lp-details #giftcart-box {background: rgba(249,238,226,0.85);} #giftcart-box{padding: 30px 0;} #giftcart-box h2{margin-top: 0px;} } @media (max-width: 767px) { #christmas-lp-details h2, #christmas-lp-details h1{font-size: 1.5em;line-height: 1.3em;} #christmas-lp-details h3{font-size: 1.2em;} #christmas-lp-details #giftcart-box {position: relative;padding: 20px 0;} #christmas-lp-details #giftcart-box h2 + .item{bottom: 0;left: 50%;margin-left: -155px;position: absolute;width: 170px;} #christmas-lp-details #giftcart-box .item + .item{width: 100%;position: relative;z-index: 3;text-align: center;padding: 0px;color:#c53bd5;} #christmas-lp-details #giftcart-box .buttonlink{width: 150px;margin-left: 50%;margin-top: 30px;} } @media (max-width: 680px) { #christmas-lp-details .cols-2 .item{width: 100%;} #christmas-lp-details .cols-3 .item{width: 94%;border-top: 1px solid #e6e6e6;margin: 0px 3%;padding: 10px 0;} #christmas-lp-details .cols-3 .item:first-child{border-top: 0px;} #christmas-lp-details .cols-3 .item img{display: inline-block;} #christmas-lp-details .inter-banner img.hide-for-mobile{display: block;margin-top: 15px;} #christmas-lp-details .inter-banner img:not(.hide-for-mobile){display: none;} #christmas-lp-details #giftcart-box .item + .item strong{line-height: 1em;padding-top: 20px;} } .cols-3-box::before, .cols-3-box::after {clear: both;content: "";display: block;} .cols-3-box {margin-left: -10px;margin-right: -10px;} .cols-3-box .cols-3-item{box-sizing: border-box;padding: 10px;width: 33.33333%;float: left;} .cols-4-box::before, .cols-4-box::after {clear: both;content: "";display: block;} .cols-4-box {margin-left: -10px;margin-right: -10px;} .cols-4-box .cols-4-item{box-sizing: border-box;padding: 10px;width: 25%;float: left;} .your-photo-option a{display: block;position: relative;} .your-photo-option a img{width: 100%;} .your-photo-option a p{position: absolute;left: 0px;bottom: 18px;margin: 0px;padding-left: 21px;padding-right: 60px;right: 0px;} .your-photo-option a p span{display: block;color: #606062;font-size: 1em;line-height: 1.2em;} .your-photo-option a p strong{display: block;font-weight: normal;font-size: 1.71em;line-height: 1em;color:#000;} .your-photo-option a p i{font-size: 2.6em;font-style: normal;position: absolute;bottom: 0px;right: 16px;color:#000;border: 1px solid #000;background: transparent; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; -webkit-transition: background 0.25s ease;-moz-transition: background 0.25s ease;-ms-transition: background 0.25s ease;-o-transition: background 0.25s ease;transition: background 0.25s ease; } .cols-4-box .cols-4-item .your-photo-option a p strong{font-size: 1.2em;} .your-photo-option a:hover i{background: rgba(255,255,255,0.4)} .m-top20{margin-top: 20px;} .foto-on-descriptions h2:before,.foto-on-descriptions h2:after{display: none;} .foto-on-descriptions h2{text-align: left;} .foto-on-descriptions{margin-top: 30px;position: relative;padding-bottom: 20px;} .foto-on-descriptions a{cursor: pointer;display: inline-block;position: absolute;bottom: 0px;left: 0px;} .foto-on-descriptions a:not(.active) span.lesstext, .foto-on-descriptions a.active span.moretext{display: none;} .foto-on-descriptions a i{font-style: normal;font-size: 1.6em;vertical-align: top;} .foto-on-descriptions .foto-on-descriptions-item:first-child{margin-top: 10px;} .foto-on-descriptions .foto-on-descriptions-item:not(:first-child){margin-top: 25px;} .foto-on-descriptions .foto-on-descriptions-item p{text-align: justify;} .foto-on-descriptions .paragraphs-to-slide{overflow: hidden;max-height: 0; -webkit-transition: max-height 0.5s ease; -moz-transition: max-height 0.5s ease; -ms-transition: max-height 0.5s ease; -o-transition: max-height 0.5s ease; transition: max-height 0.5s ease; } @media (max-width: 900px) { .foto-on-descriptions{padding-left: 10px;padding-right: 10px;} .foto-on-descriptions a{left: 10px;} .foto-on-descriptions .more-less.active + .paragraphs-to-slide{max-height:200em;} } @media (min-width: 768px) and (max-width: 900px) { .your-photo-option a p strong{font-size: 1.5em;} } @media (min-width: 421px) and (max-width: 767px) { .cols-3-box .cols-3-item{width: 50%;} .cols-4-box .cols-4-item{width: 50%;} .your-photo-option a p strong{font-size: 1.3em;} } @media (max-width: 420px) { .cols-3-box .cols-3-item{width: 100%;} .cols-4-box .cols-4-item{width: 100%;} } /***********COLOR STYLES**************/ .homepage-layout div[class*='other-styles-']:not(.owl-loaded) > .item {height: 30px;} .homepage-layout div[class*='other-styles-']:not(.owl-loaded) > .item a{display: none;} div[class*='other-styles-'] .item a{display: block;padding: 0px !important; position: relative;background-repeat: no-repeat;background-position: center 0px; background-size: 100% auto;} div[class*='other-styles-'] .item a:before{ content: "";display: block;padding-top: 100%;} div.other-styles-pl .item a{background-image: url(//shark.bimago.com/bimago2/styles/zobacz_inne_style/pl/other-styles-pl.png);} div.other-styles-de .item a{background-image: url(//shark.bimago.com/bimago2/styles/zobacz_inne_style/de/other-styles-de.png);} div.other-styles-fr .item a{background-image: url(//shark.bimago.com/bimago2/styles/zobacz_inne_style/fr/other-styles-fr.png);} div.other-styles-es .item a{background-image: url(//shark.bimago.com/bimago2/styles/zobacz_inne_style/es/other-styles-es.png);} div.other-styles-it .item a{background-image: url(//shark.bimago.com/bimago2/styles/zobacz_inne_style/it/other-styles-it.png);} div.other-styles-ru .item a{background-image: url(//shark.bimago.com/bimago2/styles/zobacz_inne_style/ru/other-styles-ru.png);} .owl-carousel .item a.other-style-glamour{background-position: center 12.5%;} .owl-carousel .item a.other-style-boho{background-position: center 0px;} .owl-carousel .item a.other-style-industrial{background-position: center 25.2%} .owl-carousel .item a.other-style-modern{background-position: center 37.4%;} .owl-carousel .item a.other-style-provencal{background-position: center 50%;} .owl-carousel .item a.other-style-rustic{background-position: center 62.3%;} .owl-carousel .item a.other-style-shabbychic{background-position: center 75%;} .owl-carousel .item a.other-style-scandinavian{background-position: center 87.5%} .owl-carousel .item a.other-style-vintage{background-position: center 100%;} .glamour-lp .style-details-text{background: #2c0d12;} .glamour-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .glamour-lp .styles-tab-item-title{background: #ac969a;} .glamour-lp .styles-tab-item.active .styles-tab-item-title{background: #3f0e21;} .glamour-lp .styles-decorator h4{color: #2c0d12;} .glamour-lp .who-is-decorator span{color: #2c0d12;} .glamour-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/glamour/pl/style-quote.png') center no-repeat;} .glamour-lp .style-slider{background: #3f0e21;} .glamour-lp .style-endbox{background: #2c0d12 url('//shark.bimago.com/bimago2/styles/glamour/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .glamour-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .glamour-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .glamour-lp .style-newsletter .form-box .validation-advice{color: #fff;} .glamour-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/glamour/pl/style-slider-bg.png) bottom right no-repeat;background-size: 100% auto} .industrial-lp .style-details-text{background: #3a3f4a;} .industrial-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .industrial-lp .styles-tab-item-title{background: #9a9faa;} .industrial-lp .styles-tab-item.active .styles-tab-item-title{background: #3a3f4a;} .industrial-lp .styles-decorator h4{color: #3a3f4a;} .industrial-lp .who-is-decorator span{color: #3a3f4a;} .industrial-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/industrial/pl/style-quote.png') center no-repeat;} .industrial-lp .style-slider{background: #3a3f4a;} .industrial-lp .style-endbox{background: #3a3f4a url('//shark.bimago.com/bimago2/styles/industrial/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .industrial-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .industrial-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .industrial-lp .style-newsletter .form-box .validation-advice{color: #fff;} .industrial-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/industrial/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} .industrial-lp.style-lp .style-slider-clues p{line-height: 1.2em;} .modern-lp .style-details-text{background: #2e2e2e;} .modern-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .modern-lp .styles-tab-item-title{background: #cccccc;} .modern-lp .styles-tab-item.active .styles-tab-item-title{background: #3e3e3e;} .modern-lp .styles-decorator h4{color: #2e2e2e;} .modern-lp .who-is-decorator span{color: #3e3e3e;} .modern-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/modern/pl/style-quote.png') center no-repeat;} .modern-lp .style-slider{background: #2e2e2e;} .modern-lp .style-endbox{background: #2e2e2e url('//shark.bimago.com/bimago2/styles/modern/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .modern-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .modern-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .modern-lp .style-newsletter .form-box .validation-advice{color: #fff;} .modern-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/modern/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} .rustic-lp .style-details-text{background: #715b52;} .rustic-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .rustic-lp .styles-tab-item-title{background: #b2958a;} .rustic-lp .styles-tab-item.active .styles-tab-item-title{background: #715b52;} .rustic-lp .styles-decorator h4{color: #3e302a;} .rustic-lp .who-is-decorator span{color: #3e302a;} .rustic-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/rustic/pl/style-quote.png') center no-repeat;} .rustic-lp .style-slider{background: #715b52;} .rustic-lp .style-endbox{background: #715b52 url('//shark.bimago.com/bimago2/styles/rustic/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .rustic-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .rustic-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .rustic-lp .style-newsletter .form-box .validation-advice{color: #fff;} .rustic-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/rustic/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} .shabbychic-lp .style-details-text{background: #ffbf9d;} .shabbychic-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .shabbychic-lp .styles-tab-item-title{background: #ffdac6;} .shabbychic-lp .styles-tab-item.active .styles-tab-item-title{background: #ffbf9d;} .shabbychic-lp .styles-decorator h4{color: #ffbf9d;} .shabbychic-lp .who-is-decorator span{color: #ffbf9d;} .shabbychic-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/shabbychic/pl/style-quote.png') center no-repeat;} .shabbychic-lp .style-slider{background: #ffbf9d;} .shabbychic-lp .style-endbox{background: #ffbf9d url('//shark.bimago.com/bimago2/styles/shabbychic/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .shabbychic-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .shabbychic-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .shabbychic-lp .style-newsletter .form-box .validation-advice{color: #fff;} .shabbychic-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/shabbychic/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} .shabbychic-lp.style-lp .banner-box{background: #fff;} .shabbychic-lp.style-lp .style-statistic .style-bimago-logo{margin-top: 23px;} .scandinavian-lp .style-details-text{background: #a7b1b2;} .scandinavian-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .scandinavian-lp .styles-tab-item-title{background: #cad6d7;} .scandinavian-lp .styles-tab-item.active .styles-tab-item-title{background: #a7b1b2;} .scandinavian-lp .styles-decorator h4{color: #a7b1b2;} .scandinavian-lp .who-is-decorator span{color: #a7b1b2;} .scandinavian-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/scandinavian/pl/style-quote.png') center no-repeat;} .scandinavian-lp .style-slider{background: #a7b1b2;} .scandinavian-lp .style-endbox{background: #a7b1b2 url('//shark.bimago.com/bimago2/styles/scandinavian/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .scandinavian-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .scandinavian-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .scandinavian-lp .style-newsletter .form-box .validation-advice{color: #fff;} .scandinavian-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/scandinavian/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} .scandinavian-lp.style-lp .banner-box{background: #f9f9f9;} .scandinavian-lp.style-lp .style-endbox{min-height: 135px;} .scandinavian-lp.style-lp .style-statistic .style-bimago-logo{margin-top: 40px;} .scandinavian-lp.style-lp .style-socials{padding-top: 37px;} .vintage-lp .style-details-text{background: #49584c ;} .vintage-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .vintage-lp .styles-tab-item-title{background: #c4ccc6;} .vintage-lp .styles-tab-item.active .styles-tab-item-title{background: #57655a;} .vintage-lp .styles-decorator h4{color: #49584c;} .vintage-lp .who-is-decorator span{color: #49584c;} .vintage-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/vintage/pl/style-quote.png') center no-repeat;} .vintage-lp .style-slider{background: #49584c;} .vintage-lp .style-endbox{background: #49584c url('//shark.bimago.com/bimago2/styles/vintage/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .vintage-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .vintage-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .vintage-lp .style-newsletter .form-box .validation-advice{color: #fff;} .vintage-lp.style-lp .banner-box{background: #fafbfb;} .vintage-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/vintage/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} .provencal-lp .style-details-text{background: #7e77a5 ;} .provencal-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .provencal-lp .styles-tab-item-title{background: #bdb5e6;} .provencal-lp .styles-tab-item.active .styles-tab-item-title{background: #7e77a5;} .provencal-lp .styles-decorator h4{color: #7e77a5;} .provencal-lp .who-is-decorator span{color: #7e77a5;} .provencal-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/provencal/pl/style-quote.png') center no-repeat;} .provencal-lp .style-slider{background: #7e77a5;} .provencal-lp .style-endbox{background: #7e77a5 url('//shark.bimago.com/bimago2/styles/provencal/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .provencal-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .provencal-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .provencal-lp .style-newsletter .form-box .validation-advice{color: #fff;} .provencal-lp.style-lp .banner-box{background: #fafbfb;} .provencal-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/provencal/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} .boho-lp .style-details-text{background: #ff7150 ;} .boho-lp .styles-tab-item-title a{color: #fff;display: block;width: 100%;height: 100%;overflow: hidden;} .boho-lp .styles-tab-item-title{background: #ff9e87;} .boho-lp .styles-tab-item.active .styles-tab-item-title{background: #ff7150;} .boho-lp .styles-decorator h4{color: #ff7150;} .boho-lp .who-is-decorator span{color: #ff7150;} .boho-lp .decorator-quote:before{background:url('//shark.bimago.com/bimago2/styles/boho/pl/style-quote.png') center no-repeat;} .boho-lp .style-slider{background: #ff7150;} .boho-lp .style-endbox{background: #ff7150 url('//shark.bimago.com/bimago2/styles/boho/pl/style-statistic-bg.png') center left no-repeat;background-size: auto 100%;} .boho-lp .style-newsletter .form-box .actions a{background: #aa3b0e;} .boho-lp .style-newsletter .form-box input.validation-failed{border: 1px solid #aa3b0e !important;} .boho-lp .style-newsletter .form-box .validation-advice{color: #fff;} .boho-lp.style-lp .banner-box{background: #fafbfb;} .boho-lp .style-slider-clues{position: absolute;top: 0px;bottom: 0px;left: 0px; width: 50%;color: #fff;padding: 25px;height: 100%;box-sizing: border-box;background:url(//shark.bimago.com/bimago2/styles/boho/pl/style-slider-bg.png) bottom right no-repeat;background-size: auto 100%;} /***********STYLES**************/ .style-lp .banner-box{background: #faf9fa;} .style-lp .banner-box .background-image{position: relative;} .style-lp .style-introtext{text-indent: 50px;padding:0 50px 25px 50px; text-align: justify;} .style-lp .title-and-text{text-align: center;position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-60%);-ms-transform: translate(-50%,-60%);transform: translate(-50%,-60%);} .style-lp .title-and-text p{margin-top: 30px;color:#fff;text-align: center;font-size: 1.15em;line-height: 1.2em;} .style-lp .banner-box img{max-width: 100%;margin: 0 auto;} .style-details{margin-top: 40px;position: relative;} .style-lp .style-details-text h5{text-transform: uppercase;} .style-lp .styles-tab-item-title{-webkit-transition: background 0.4s ease-in-out;-moz-transition: background 0.4s ease-in-out;-ms-transition: background 0.4s ease-in-out;-o-transition: background 0.4s ease-in-out;transition: background 0.4s ease-in-out;} .style-lp .styles-tab-item-title p{margin: 0px;line-height: 1.2em;} .style-lp .styles-decorator{position: relative;overflow: hidden;} .style-lp .styles-decorator h4{font-size: 1.9em;} .style-lp .decorator-quote{position: relative;margin-top: 20px;font-style: italic;margin-bottom: 30px;} .style-lp .decorator-quote:before{position: absolute;top: 4px;left: -55px;width: 42px;height: 32px;display: block;content: '';} .style-lp .who-is-decorator span{font-family: 'Mr De Haviland', cursive;display: block;font-size: 3.5em;line-height: 0.7em;} .style-lp .who-is-decorator{margin-bottom: 25px;} .style-lp .style-visualisations{margin-top: -5px;} .style-lp .style-visualisations .mandalabox .contentowy a span.gotoProduct{background: none;bottom: 30px !important;right: auto !important;;display: inline-block;color: #fff !important;padding: 10px 6px 10px 18px;border: 2px solid #fff;width: auto !important;left: 50% !important;line-height: 1em !important;height: auto !important;white-space: nowrap; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} .style-lp .style-visualisations .mandalabox .contentowy a span.gotoProduct span{color: #fff !important;} .style-lp .style-visualisations .mandalabox .contentowy a span.gotoProduct i[class*="fa-"] {line-height: 0.9em;color: #fff !important;vertical-align: -10% !important;font-size: 1.4em;width: 20px;text-indent: -7px;} .style-lp .style-visualisations .mandalabox .contentowy a span.gotoProduct:hover{background: rgba(255,255,255,0.3) !important;;text-decoration: none;color: #5d5abf !important;} .style-lp .style-slider-clues p{width: 70%;margin-bottom: 15px;font-size: 0.96em; line-height: 1.1em;} .style-lp .style-slider-clues h5{margin-bottom: 5px;padding: 0px;} .style-lp .style-slider-clues h5:first-child ~ h5{margin-top: 12px;} .style-lp .style-slider .owl-theme .owl-controls .owl-dots{top: auto;bottom: 20px;text-align: center;left: 0px;right: 0px;padding: 0px;} .style-lp .style-slider .image-gallery-outer .owl-controls .owl-dots .owl-dot{width: 15px;height: 15px;} .style-lp .style-endbox{width: 100%;margin-bottom: 25px;box-sizing: border-box;padding: 15px 0;min-height: 125px;} .style-lp .style-statistic .style-bimago-logo{float: left;width: 56%;margin: 33px 0 0 0px;text-align: center;} .style-lp .style-statistic .style-statics-details{float: left;width: 44%;text-align: center;color: #fff;font-size: 1em;} .style-lp .style-statistic .style-statics-details span{font-size: 1.4em;} .style-lp .style-statistic .style-statics-details img{display: block;margin: 3px auto 0;} .style-lp .style-socials{text-align: center;position: relative;min-height: 61px;padding-top: 27px;} .style-lp .style-socials a{display: inline-block;opacity: 0.9;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;margin-right: 3px;} .style-lp .style-socials a:hover{opacity: 1;} .style-lp .style-newsletter{text-align: center;font-size: 1em;text-align: left;box-sizing: border-box;padding: 0 10px;padding-top: 5px;} .style-lp .style-newsletter .form-box{width: 200px;margin: 10px auto 0;;} .style-lp .style-newsletter label{display: block;text-align: center;font-size: 1.2em;margin-bottom: 10px;color: #fff} .style-lp .style-newsletter .form-box input{width: 169px;box-sizing: border-box;border: 1px solid transparent;background: #fff;padding: 0px 10px;border-right: 0px;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;line-height: 29px;} .style-lp .style-newsletter .form-box .input-box{float: left;width:169px;} .style-lp .style-newsletter .form-box .actions{width: 31px;height: 31px;float: left;} .style-lp .style-newsletter .form-box .actions a{width: 31px;height: 31px;display: block;border: none;min-width: 0px;padding: 0px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .style-lp .style-newsletter .form-box .actions a span{font-size: 2.6em;color: #fff;} .style-lp .style-newsletter .form-box .validation-advice{display: none;max-width: 200px;background: none;padding: 0px;font-size: 0.7em;font-weight: normal;font-style: italic;} .style-lp .other-styles{margin: 0 0 10px;box-sizing: border-box;padding: 0;} #common-styles .style-wrapper{border: 1px solid #e6e6e6;width: 100%;text-align: center;position: relative;overflow: hidden;box-sizing: border-box;} #common-styles .style-wrapper a{box-sizing: border-box;display: block;} #common-styles .style-wrapper a:before {content: "";display: block;padding-top: 81%;} #common-styles .nospace .col-xs-6 {overflow: hidden;} #common-styles .nospace .col-xs-6 > a:after{ position: absolute; top: 0; left: -125%; z-index: 2; display: block; content: ''; width: 300px; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); } #common-styles .nospace:hover .col-xs-6:first-child > a:not(.slower):after{ -webkit-animation: blink 0.75s linear both; -moz-animation: blink 0.5s linear both; -o-animation: blink 0.5s lineart both; -ms-animation: blink 0.5s linear both; animation: blink 0.5s linear both; } #common-styles .nospace:hover .col-xs-6:first-child > a.slower:after{ -webkit-animation: blink 0.75s linear both; -moz-animation: blink 0.75s linear both; -o-animation: blink 0.75s lineart both; -ms-animation: blink 0.75s linear both; animation: blink 0.75s linear both; } @-webkit-keyframes blink{ 0%{ left: -300px; } 100% { left: 125%; } } @-moz-keyframes blink{ 0%{ left: -300px; } 100% { left: 125%; } } @-o-keyframes blink{ 0%{ left: -300px; } 100% { left: 125%; } } @-ms-keyframes blink{ 0%{ left: -300px; } 100% { left: 125%; } } @keyframes blink{ 0%{ left: -300px; } 100% { left: 125%; } } #common-styles .style-wrapper a .aligner { width: 100%; position: absolute; left: 0px; top: 50%; display: inline-block; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } #common-styles .style-wrapper span{display: block} #common-styles .style-wrapper i{font-style: normal;font-size: 1.8em;vertical-align: -7px;width: 10px;} #common-styles .orange-heading{padding: 30px auto 5px;} #common-styles .introtext{text-align: center;margin-bottom: 20px;} #common-styles .category-description{margin-top: 0px;} #common-styles .category-description h1, #common-styles .category-description h2{font-size: 1.5em;} #common-styles .category-description .seo-descriptions-item:first-child h1{padding-top: 15px;} #common-styles.rooms-page .style-wrapper{border: 0px;} #common-styles.rooms-page .style-wrapper a{color:#fff;} .bg42a667{background-color:#42a667;} .bgd6665c{background-color:#d6665c;} .bg6d70d1{background-color:#6d70d1;} .bge86695{background-color:#e86695;} .bg485a74{background-color:#485a74;} .bge8a93c{background-color:#e8a93c;} .bg436290{background-color:#436290;} .bg32bacf{background-color:#32bacf;} .bg6a8e91{background-color:#6a8e91;} .bga9e2fd{background-color:#a9e2fd;} .bgaecbf7{background-color:#aecbf7;} .bgc4baf9{background-color:#c4baf9;} @media (min-width: 901px) { .style-lp .title-and-text p{margin-top: 30px;color:#fff;text-align: center;font-size: 1.15em;line-height: 1.2em;} .style-lp .style-details .style-details-text{width: 35%;} #common-styles .style-long, #common-styles .col-md-6{margin-bottom: 30px;} } @media (max-width: 900px) { .style-lp .title-and-text p{margin-top: 20px;color:#fff;text-align: center;font-size: 1em;line-height: 1.2em;} .style-lp .style-slider-clues{padding-top: 10px;padding-left: 15px;} .style-lp .style-slider-clues p{width: 95%;font-size: 0.9em;margin-bottom: 5px;} .style-lp .style-slider-clues h5{font-size: 1em;} .style-lp .style-newsletter .form-box input{font-size: 14px !important ; line-height: 18px;} .boho-lp.style-lp .style-slider-clues p, .provencal-lp.style-lp .style-slider-clues p, .modern-lp.style-lp .style-slider-clues p, .industrial-lp.style-lp .style-slider-clues p{margin-bottom: 10px;width: 70%;} #common-styles .style-long, #common-styles .col-md-6{margin-bottom: 20px;} } @media (min-width: 768px) { .style-lp .style-details img{position: absolute;height: 100%;left: 0px;top: 0px;} .style-lp .style-details-text{position: relative;z-index: 1;width: 45%;float: right;padding: 20px 40px;text-align: left;box-sizing: border-box;color: #fff;} .style-lp .style-details-text:before{display: block;content: "";position: absolute;top: 50%;left: -20px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;margin-top: -10px;} .style-lp .styles-tab{margin: 60px 5% 0; width: 90%;position: relative; } .style-lp .styles-tab.bottomed{padding-bottom: 100px;} .style-lp .styles-tab-item .styles-tab-item-img{position: absolute;display: none;z-index: 0;left: 0px;right: 0px;top: 0px;} .style-lp .styles-tab-item .styles-tab-item-img a{display: none;} .style-lp .styles-tab-item.active .styles-tab-item-img{position: relative;z-index: 1;} .style-lp .styles-tab-item .styles-tab-item-img img{width: 100%;} .style-lp .styles-tab-item-title{width: 19.6%;position: absolute;bottom: 0px;height: 100px;text-align: center;} .style-lp .styles-tab-item-title img{margin: 12px auto 3px;display: block;} .style-lp .styles-tab-item:nth-of-type(1) .styles-tab-item-title{left: 0px;} .style-lp .styles-tab-item:nth-of-type(2) .styles-tab-item-title{left: 20.1%;} .style-lp .styles-tab-item:nth-of-type(3) .styles-tab-item-title{left: 40.2%;} .style-lp .styles-tab-item:nth-of-type(4) .styles-tab-item-title{left: 60.3%;} .style-lp .styles-tab-item:nth-of-type(5) .styles-tab-item-title{left: 80.4%;} .style-lp .styles-tab-item .styles-tab-item-title i{display: none;} .style-lp .styles-tab.bottomed.ru-style{padding-bottom: 70px;} .style-lp .styles-tab.ru-style a img,.style-lp .styles-tab.ru-style a p{display: inline-block;} .style-lp .styles-tab.ru-style a img{vertical-align: -80%;} .style-lp .styles-tab.ru-style .styles-tab-item-title{width: 28%;height:70px;} .style-lp .styles-tab.ru-style .styles-tab-item:nth-of-type(1) .styles-tab-item-title{left: 7.5%;} .style-lp .styles-tab.ru-style .styles-tab-item:nth-of-type(2) .styles-tab-item-title{left: 36%;} .style-lp .styles-tab.ru-style .styles-tab-item:nth-of-type(3) .styles-tab-item-title{left: 64.5%;} .style-lp .styles-decorator{min-height: 255px;margin: 60px 5% 0;position: relative;width: 90%;box-sizing: border-box;padding-left: 23%;} .style-lp #decorator-photo{position: absolute;left: 0px;bottom: 0px;} .style-lp .style-slider-holder{float: right; width: 50%;} .style-lp .style-slider{margin: 40px 50px 20px;box-sizing: border-box;overflow: hidden;position: relative;} .style-lp .style-statistic{width: 39%;position: relative;float: left;} .style-lp .style-socials{float: left;width: 34%;} .style-lp .style-newsletter{float: left;width: 27%;} .style-lp .style-socials:after{position: absolute;display: block;width: 1px;height: 110%;content: "";background: #fff;top: 0px;right: 2px;z-index: 9;} .style-lp .style-statistic:after{position: absolute;display: block;width: 1px;height: 110%;content: "";background: #fff;top: 0px;right: 2px;z-index: 9;} /***********COLOR STYLES**************/ .glamour-lp .style-details-text:before{border-right: 20px solid #2c0d12;} .industrial-lp .style-details-text:before{border-right: 20px solid #3a3f4a;} .modern-lp .style-details-text:before{border-right: 20px solid #2e2e2e;} .rustic-lp .style-details-text:before{border-right: 20px solid #715b52;} .shabbychic-lp .style-details-text:before{border-right: 20px solid #ffbf9d;} .shabbychic-lp.style-lp .style-statistic:after{height: 100%;} .scandinavian-lp .style-details-text:before{border-right: 20px solid #a7b1b2;} .scandinavian-lp.style-lp .style-statistic:after{height: 104%;} .scandinavian-lp.style-lp .style-newsletter{padding-top: 15px;} .vintage-lp .style-details-text:before{border-right: 20px solid #49584c;} .provencal-lp .style-details-text:before{border-right: 20px solid #7e77a5;} .boho-lp .style-details-text:before{border-right: 20px solid #ff7150;} #common-styles .style-long .col-md-9{width: 75.8%;} #common-styles .style-long .col-md-3{width: 24.2%;} } @media (max-width: 767px) { #common-styles .style-long, #common-styles .col-md-6{margin-bottom: 15px;} .style-lp .style-introtext{padding:0 15px 15px 15px;} .style-lp .title-and-text {width: 100%;text-align: center;} .style-lp .title-and-text img{max-width: 60%;margin: 0 auto;} .style-lp .title-and-text p{margin-top: 5px;font-size: 0.9em;} .style-lp .style-details img{width: 100%;} .style-lp .style-details-text{padding: 20px;text-align: left;box-sizing: border-box;color: #fff;position: relative;} .style-lp .style-details-text:before{display: block;content: "";position: absolute;top: -20px;left: 50%;border-left: 20px solid transparent;border-right: 20px solid transparent;margin-left: -10px;} .style-lp .styles-tab{margin: 30px 0 0; width: 100%;position: relative; } .style-lp .styles-tab-item{margin-top: 1px;} .style-lp .styles-tab-item .styles-tab-item-img{ display:none;} .style-lp .styles-tab-item .styles-tab-item-img img{display: block;width: 100%;} .style-lp .styles-tab-item .styles-tab-item-img a{padding: 8px 0;display: block;width: 100%;text-align: center;text-align: center;color: #fff; -webkit-transition: background 0.4s ease-in-out;-moz-transition: background 0.4s ease-in-out;-ms-transition: background 0.4s ease-in-out;-o-transition: background 0.4s ease-in-out;transition: background 0.4s ease-in-out;} .style-lp .styles-tab-item .styles-tab-item-img a i{font-style: normal;font-size: 1.8em;vertical-align: -21%;} .style-lp .styles-tab-item .styles-tab-item-title{position: relative;} .style-lp .styles-tab-item .styles-tab-item-title img{float:left;margin: 11px 10px;height: 29px;} .style-lp .styles-tab-item .styles-tab-item-title p{font-size: 1.1em;margin: 15px 0 0 15px;padding-right: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .style-lp .styles-tab-item .styles-tab-item-title p br{display: none;} .style-lp .styles-tab-item.active .styles-tab-item-title i.pe-7s-angle-down, .style-lp .styles-tab-item .styles-tab-item-title i.pe-7s-angle-up{display: none;} .style-lp .styles-tab-item.active .styles-tab-item-title i.pe-7s-angle-up, .style-lp .styles-tab-item .styles-tab-item-title i.pe-7s-angle-down{display: block;} .style-lp .styles-tab-item .styles-tab-item-title i{position: absolute;top: 4px;right: 0px;;font-style: normal;font-size: 3em;} .style-lp .styles-decorator{margin: 30px 0 0;position: relative;width: 100%;box-sizing: border-box;padding: 0 5% 0 60px;} .style-lp .who-is-decorator{margin-bottom: 45px;padding-left:70px;padding-top: 10px;} .style-lp #decorator-photo{position: absolute;left: -25px;bottom: -120px;} .style-lp .style-visualisations .mandala0{width: 100%;} .style-lp .style-visualisations .mandala1, .style-lp .style-visualisations .mandala2, .style-lp .style-visualisations .mandala3, .style-lp .style-visualisations .mandala4{width: 50%;} .style-lp .style-slider{margin: 45px 50px;box-sizing: border-box;overflow: hidden;position: relative;} .style-lp .style-slider-clues p{width: 80%;margin-bottom: 10px;font-size: 1em;line-height: 1.4em;} .style-lp .style-slider-clues {padding-top: 20px;padding-left: 20px;position: relative;width: 100%;background-position: bottom right;background-size: auto 100%;} .style-lp .style-statistic{width: 100%;position: relative;float: left;margin-bottom: 10px;} .style-lp .style-statistics-wrapper{max-width: 500px;margin: 0 auto 15px;overflow: hidden;} .style-lp .style-socials{float: left;width: 50%;} .style-lp .style-newsletter{float: left;width: 50%;} .style-lp .style-endbox{min-height: 230px;} .style-lp .style-statistic:after{position: absolute;display: block;width: 90%;height: 1px;content: "";background: #fff;bottom: 0px;right: 5%;z-index: 9;} .style-lp .style-socials{padding-top: 20px;} /***********COLOR STYLES**************/ .glamour-lp .style-details-text:before{border-bottom: 20px solid #2c0d12;} .glamour-lp .styles-tab-item .styles-tab-item-img a{background: #a97f8d;} .glamour-lp .styles-tab-item .styles-tab-item-img a:hover{background: #9c7582;} .industrial-lp .style-details-text:before{border-bottom: 20px solid #3a3f4a;} .industrial-lp .styles-tab-item .styles-tab-item-img a{background: #5c6069;} .industrial-lp .styles-tab-item .styles-tab-item-img a:hover{background: #3a3f4a;} .modern-lp .style-details-text:before{border-bottom: 20px solid #2e2e2e;} .modern-lp .styles-tab-item .styles-tab-item-img a{background: #6b6b6b;} .modern-lp .styles-tab-item .styles-tab-item-img a:hover{background: #2e2e2e;} .rustic-lp .style-details-text:before{border-bottom: 20px solid #715b52;} .rustic-lp .styles-tab-item .styles-tab-item-img a{background: #877168;} .rustic-lp .styles-tab-item .styles-tab-item-img a:hover{background: #715b52;} .shabbychic-lp .style-details-text:before{border-bottom: 20px solid #ffbf9d;} .shabbychic-lp .styles-tab-item .styles-tab-item-img a{background: #fecdb2;} .shabbychic-lp .styles-tab-item .styles-tab-item-img a:hover{background: #ffbf9d;} .scandinavian-lp .style-details-text:before{border-bottom: 20px solid #a7b1b2;} .scandinavian-lp .styles-tab-item .styles-tab-item-img a{background: #bac5c6;} .scandinavian-lp .styles-tab-item .styles-tab-item-img a:hover{background: #a7b1b2;} .vintage-lp .style-details-text:before{border-bottom: 20px solid #49584c;} .vintage-lp .styles-tab-item .styles-tab-item-img a{background: #758a7a;} .vintage-lp .styles-tab-item .styles-tab-item-img a:hover{background: #49584c;} .provencal-lp .style-details-text:before{border-bottom: 20px solid #7e77a5;} .provencal-lp .styles-tab-item .styles-tab-item-img a{background: #a099c7;} .provencal-lp .styles-tab-item .styles-tab-item-img a:hover{background: #7e77a5;} .boho-lp .style-details-text:before{border-bottom: 20px solid #ff7150;} .boho-lp .styles-tab-item .styles-tab-item-img a{background: #fe876c;} .boho-lp .styles-tab-item .styles-tab-item-img a:hover{background: #ff7150;} } @media (max-width: 560px) { .style-lp .style-slider-clues p{width: 100%;} .style-lp .style-slider{margin: 15px;} .style-lp .style-socials{width: 100%;padding-bottom: 15px;} .style-lp .style-newsletter{width: 100%;margin-top: 10px;} .style-lp .style-endbox{min-height: 330px;} .style-lp .style-socials:after{position: absolute;display: block;width: 90%;height: 1px;content: "";background: #fff;bottom: 0px;right: 5%;z-index: 9;} } @media (max-width: 420px) { .style-lp .who-is-decorator{text-align: center;} .style-lp .who-is-decorator span{line-height: 1em; word-wrap:break-word;width: 85%;margin: 0 auto;} .style-lp #decorator-photo{bottom: -60px;} .style-lp .style-slider-clues p{width: 100%;} } /***ARANŻACJE MIESIĄCA****/ .number-pointer-list{margin-bottom: 15px;} .number-pointer-list span{margin-left: 3px;margin-bottom: 5px;display: block;width: 40px;height: 40px;border: 2px solid #000;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-align: center;line-height: 40px;color: #000;font-family: 'Lato', "Open Sans", sans-serif;font-size: 18px;} .number-pointer-list p small{display: block; color: #858585;font-size: 13px;} .number-pointer-list p {line-height: 1.2em;} .number-pointer-list + .buttonlink{padding-top: 25px;} .arrangement-of-month .cms-banner{margin: 0px;} .mBottom30{margin-bottom: 30px;} @media (max-width: 901px) { .arrangement-of-month .mBottom30{margin-bottom: 20px;} .number-pointer-list{margin: 10px 0 5px;} } @media (max-width: 767px) { .number-pointer-list{padding-left: 55px; position: relative;min-height: 45px;} .number-pointer-list span{position: absolute;top: 0px;left: -3px;} .number-pointer-list p{padding-top: 6px;} } @media (max-width: 459px) { .arrangement-of-month .mBottom30{margin-bottom: 10px;} .arrangement-of-month .cms-banner{margin: 5px 0;} } .arrangement-of-month-org{overflow: hidden;} .arrangement-of-month-org .arrangement_description{padding: 30px;margin: 0px;text-align: justify;} .arrangement-of-month-org .cms-banner{margin: 0px;} .arrangement-of-month-org .number-pointer-list{padding-left: 45px; position: relative;min-height: 30px;} .arrangement-of-month-org .number-pointer-list span{position: absolute;top: 0px;left: -3px;} .arrangement-of-month-org .number-pointer-list p{padding-top: 3px;margin-bottom: 10px;padding-right: 10px;} .arrangement-of-month-org .number-pointer-list span{margin-left: 0px;width: 30px;height: 30px;border: 2px solid #000;line-height: 29px;font-size: 17px;font-family: "Lato","Oxygen","Open Sans";font-weight: bold;} .arrangement-of-month-org .whitestyle .number-pointer-list span{color:#fff;border-color:#fff;} .arrangement-of-month-org .whitestyle p, .arrangement-of-month-org .whitestyle a{color:#fff;} .arrangement-of-month-org .whitestyle p small{color:#e4e4e4;} .arrangement-of-month-org .artist-sign{margin-bottom: 0px;padding-bottom: 5px;width: 95%;margin-right: 5%;margin-top: 10px;text-align: center;vertical-align: bottom;} .arrangement-of-month-org .artist-sign img{max-width: 110px;} .arrangement-of-month-org .centerContent{text-align: center;} .arrangement-of-month-org .centerContent img{margin: 0 auto;display: block;} .arrangement-of-month-org .centerContent a{margin: 10px auto;display: block;box-sizing: border-box;} .arrangement-of-month-org .centerContent a span{ font-size: 1.6em;text-align: center;text-indent: -5px;vertical-align: -25%;width: 10px;} .arrangement-of-month-org .artist_haviland{font-family: "Mr De Haviland", "Oxygen", "Open Sans", cursive; font-size: 30px;line-height: 30px;padding-right: 3px;} @media (min-width: 902px){ .arrangement-of-month-org .centerContent a{ padding-right: 30px; } } @media (min-width: 600px) and (max-width: 901px){ .arrangement-of-month-org .number-pointer-list-block{width: 50%;float: left;} .arrangement-of-month-org .centerContent{width: 50%;float: left;margin-top: 20px !important;} .arrangement-of-month-org p.artist-sign{margin-right: 0px;} } @media (min-width: 460px) and (max-width: 901px){ .arrangement-of-month-org .centerContent{margin-top: 50px;} .arrangement-of-month-org .mobile-full {padding: 0px;} .arrangement-of-month-org .number-pointer-list-block{padding-bottom: 20px;} } @media (max-width: 459px) { .arrangement-of-month-org .cms-banner{margin: 5px 0;} .arrangement-of-month-org .mobile-full {padding: 0px;} } /*********KATALOGI************/ .trends-header{width: 100%;text-align: center;margin: 10px 0;} .trends-header .inline-middle{text-align: left;display: inline-block;vertical-align: top;color:#333;} .trends-header .inline-middle + div{padding-top: 30px;} .trends-header .inline-middle span > span{text-transform: uppercase;display: block;font-size: 1.6em;font-weight: lighter;font-family: "Lato","Oxygen","Open Sans";} .trends-header .inline-middle span strong{font-weight: 700;} .single-trend .trends-header .inline-middle span{line-height: 1em;} .single-trend .trends-header .inline-middle span > span{font-size: 2.4em;line-height: 1em;} .single-trend {margin-bottom: 20px;} .single-trend .inline-middle + div{padding-left: 20px;} .single-trend .buttonlink{margin: 0px;} .single-trend .buttonlink a{padding:5px 20px 5px 30px;line-height: 25px;} .single-trend .tableLike{margin-top: 20px;} .trends-header .inline-middle span u{color:#f26444;text-decoration: none;font-weight: bold;} .trends-item{margin-bottom: 15px;width: 100%;box-sizing: border-box;border: 1px solid #999999;padding: 10px;text-align: center;position: relative;} .trends-item .item-label{position: absolute;top: -8px;right: 10px;} .trends-item .buttonlink{margin-bottom: 0px;} .trends-item small{font-size: 13px;color:#606060;} .trends-item p{font-weight: lighter;font-family: "Lato","Oxygen","Open Sans";font-size: 1.4em;text-transform: uppercase;} .trends-item p strong{font-weight: 700;} .trends-item > img{width: 100%;max-width: 230px;} .issuuembed {position: relative;} .single-trend .downloadlink {text-align: center;margin-right: 15px;} .single-trend .downloadlink a{background: #f26444;color:#fff;display: inline-block;margin: 0 auto;padding: 8px 30px 9px 20px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .single-trend .downloadlink a span[class*="pe-"] { font-size: 1.7em;line-height: 0.8em;vertical-align: middle !important;} .single-trend .downloadlink a:hover{background: #fa8c19;text-decoration: none;} .tableLike{table-layout: fixed;display: table;text-align: left;} .tableLike .tablerowLike{display: table-row;} .tableLike .tablecellLike{display: table-cell;vertical-align: middle;} @media (max-width: 600px) { .single-trend .inline-middle{text-align: center;} .trends-header .inline-middle + div{padding-top: 0px;} } @media (max-width: 459px) { .single-trend .downloadlink {margin: 0px;} .issuuembed{height: 400px !important;} .single-trend .inline-middle{padding: 0px !important;} .trends-header .tableLike .tablecellLike{display: block;width: 100%;} .trends-header .tableLike .tablecellLike a{width: 250px;margin: 5px auto;} } /* LP COLORY */ #colors-page .colors-scrolls a{display: block;width: 100%;height: 25px;color: #fff; text-align: center;font-size: 2em;line-height: 20px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #colors-page .colors-scrolls span{line-height: 22px;} #colors-page .link-green{background-color: #158866;} #colors-page .link-orange{background-color: #e09456 ;} #colors-page .link-blue{background-color: #4cbde7;} #colors-page .link-violet{background-color: #60508e;} #colors-page .link-red{background-color: #ed635c;} #colors-page .link-gray{background-color: #c6cccf;} #colors-page .rotator1slide.outsidenav{padding-top: 45px} .transitBg{ -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear; } #colors-page .colors-green{background: #5e9f57;} #colors-page .colors-orange{background: #e59764;} #colors-page .colors-blue{background: #59b1c4;} #colors-page .colors-violet{background: #544c8a;} #colors-page .colors-red{background: #922e34;} #colors-page .colors-gray{background: #c4cbcf;} #colors-page .colors-green .wall-shade p{color: #baf8ce;} #colors-page .colors-orange .wall-shade p{color: #ffe7da;} #colors-page .colors-blue .wall-shade p{color: #ffffff;} #colors-page .colors-violet .wall-shade p{color: #e5e5e5;} #colors-page .colors-red .wall-shade p{color: #d3bdb8;} #colors-page .colors-gray .wall-shade p{color: #ffffff;} #colors-page .grid-container{margin-bottom: 30px; padding: 0 !important;} #colors-page .colored-column .buttonlink a{color: #fff;border-color:#fff;max-width: 90%;margin: 0 auto;box-sizing: border-box;display: inline-block;} #colors-page .colored-column .buttonlink a span{font-size: 2em;} #colors-page .colored-column .buttonlink a:hover{background: rgba(255,255,255,0.4)} #colors-page .colored-column h3 strong{font-family: 'Lato', "Oxygen", "Open Sans", sans-serif;font-weight: 900;font-size: 0.8em;} #colors-page .colored-column h3 {font-family: 'Sacramento', "Oxygen", "Open Sans", cursive;font-size: 3.5em;color: #fff;box-sizing: border-box;padding-bottom: 0px;margin-bottom: 0px;} #colors-page .wall-shade{max-width: 409px;width: 90%;margin: 0 auto;text-align: center;padding: 20px 0;} #colors-page .wall-shade p{font-size: 14px;margin-bottom: 5px;} #colors-page input[name*="color-slider"]{width: 1px;height: 1px;visibility: hidden;} #colors-page .range-color-slider{position: relative;} #colors-page .range-color-slider > img{position: absolute;width: 100%;left: 0px;top: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #colors-page .range-color-slider .irs-min, #colors-page .range-color-slider .irs-from, #colors-page .range-color-slider .irs-min, #colors-page .range-color-slider .irs-bar, #colors-page .range-color-slider .irs-single, #colors-page .range-color-slider .shadow-single, #colors-page .range-color-slider .irs-max{display: none;} #colors-page .range-color-slider .irs-line > span{height: 14px;} #colors-page .range-color-slider .irs-line, #colors-page .range-color-slider .irs{width: 100%;height: 14px;} #colors-page .range-color-slider .irs-slider.single{width: 12px;height: 12px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; border: 5px solid #fff; overflow: hidden;text-indent: -999px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);cursor: pointer;margin-top: -18px;} #colors-page div[class*='colors-'].grid-container, #colors-page div[class*='colors-'].grid-container .grid-row, #colors-page div[class*='colors-'].grid-container div[class*="col-"]{padding: 0px !important;} #colors-page div[class*='colors-'].grid-container .grid-row{margin: 0px !important;} .cms-advantages-list{margin-top: 20px;} .cms-advantages-list a{border: 1px solid #cecece;display: block;padding: 15px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;color:#000;} .cms-advantages-list a span{ color: #ff3105;font-size: 2.3em;display: block;margin-bottom: 10px;} .cms-advantages-list .col-xs-6:first-child a, .cms-advantages-list .col-xs-6:first-child + .col-xs-6 a{margin-bottom: 30px;} .std .mTop30{margin-top: 30px;} .std .mTop20{margin-top: 20px;} .std .mTop15{margin-top: 15px;} .std .mTop10{margin-top: 10px;} .std .mTop5{margin-top: 5px;} @media (min-width: 902px) { #colors-page .colored-column h3 {margin-top: 20px;} #colors-page .rotator1slide.outsidenav{padding-top: 45px} } @media (max-width: 901px) { #colors-page .colored-column h3 {line-height: 1.2em;} #colors-page .wall-shade{padding: 10px 0;} .cms-advantages-list a{padding: 25px 5px;} } @media (min-width: 768px) { .vertical-content{ box-sizing: border-box; display: block;} .vertical-content:before{ content: ""; display: block; padding-top: 84.677%; } .vertical-content .vcontent{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;} .vertical-content .vcontent img{width: 100%;} } @media (max-width: 767px) { #colors-page .range-color-slider{padding-bottom: 30px;} .vertical-content .vcontent img{width: 100%;} .cms-advantages-list a{margin-bottom: 20px;} } @media (max-width: 459px) { #colors-page .colors-scrolls a{margin-top: 15px; height: 35px;} #colors-page .colors-scrolls a span{line-height: 35px;} } .blog-article h3{text-align: left; font-size: 1.1em;margin: 5px 0;padding: 0px;} .blog-article .buttonlink{margin: 5px 0 15px;text-align: right;} #colors-page.single-color-page .grid-container:first-child{margin-bottom: 0px;} #colors-page .single-color-panel{text-align: center;padding: 20px 0 5px} #colors-page .colors-green .single-color-panel p{color: #baf8ce;} #colors-page .colors-orange .single-color-panel p{color: #ffe7da;} #colors-page .colors-blue .single-color-panel p{color: #ffffff;} #colors-page .colors-violet .single-color-panel p{color: #e5e5e5;} #colors-page .colors-red .single-color-panel p{color: #d3bdb8;} #colors-page .colors-gray .single-color-panel p{color: #ffffff;} #colors-page .single-color-panel img{max-width: 90%;margin: 0 auto;} #colors-page.single-color-page div[class*="colors-"].grid-container .img-responsive{width: 100%;} .blog-article .img-responsive{width: 100%;} .single-color-page .tableLike{margin: 0 auto;} .single-color-page .tableLike span{color:#fff;font-size: 1.45em;line-height: 1.2em;} @media (min-width: 768px) and (max-width: 1010px) { #colors-page.single-color-page .single-color-panel img[src*="color_wheel"]{width: 95px;} #colors-page.single-color-page .single-color-panel img[src*="colors-asociated"]{width: 65%;} #colors-page.single-color-page .single-color-panel p{margin-bottom: 10px;} } @media (min-width: 768px){ .blog-article h3{min-height: 40px;} } @media (max-width: 767px){ .tabbed-content .tab-links li a {padding: 9px 10px;} .tabbed-content .tab-links li .color-pattern{margin: 0px;} } div[id*="textedimglink"]{margin: 0 auto 20px; position: relative;text-align: center;} div[id*="textedimglink"] a{display: block} div[id*="textedimglink"] span{position: absolute;left: 0px;right: 0px;display: block;padding: 5px;box-sizing: border-box;white-space: pre-line;line-height: 1.1em;} div[id*="textedimglink"] img{max-width: 100%;margin: 0 auto;} /****Wnętrza******/ .interiors-lp .col-md-12 .pinImage:before{ padding-top: 28.5%; } .interiors-lp .col-md-6 .pinImage:before{ padding-top: 46.6%; } .interiors-lp .pinImage > img{ position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .interiors-lp .pinImage:before{ content: ""; display: block; padding-top: 100%; } .pinImage { position:relative; max-width:100%; text-align:center; margin: 15px auto; } .pinImage .pin-popup { position:absolute; } .pinImage .pin-popup.clicked{ z-index: 3; } .pinImage .pin-popup .pin-marker { color:#fff; display:block; width:24px; height:24px; cursor:pointer; background: #f26345; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-box-shadow:0px 0px 2px 1px rgba(255,255,255,0.3); -moz-box-shadow:0px 0px 2px 1px rgba(255,255,255,0.3); box-shadow:0px 0px 2px 1px rgba(255,255,255,0.3); position: absolute; z-index: 1; } .pinImage .pin-popup .pin-marker span{color:#fff;font-size: 25px;line-height: 19px;display: block;width: 24px;height: 24px;text-align: center;} .pinImage .pin-popup.clicked .pin-marker span{-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .pin-details h3 {text-align:left;margin:15px 0 0 0px;padding: 0px;} .pin-details .tableLike{width: 100%;} .pin-details h3 a{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;line-height: 20px;} .pin-details h3 span{text-align: left;display: block;font-size: 12px;line-height: 16px;} .pin-details h3 .product-id{color:#b0b0b0;line-height: 14px;} .pin-details h3:before, .pin-details h3:after{display: none;} .pin-details .product-link{margin-top: 10px;display: inline-block; margin: 15px auto 0; padding: 7px 15px 7px 25px; border: 1px solid #102d79; border-top-color: rgb(16, 45, 121); border-right-color: rgb(16, 45, 121); border-bottom-color: rgb(16, 45, 121); border-left-color: rgb(16, 45, 121); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pin-details .product-link:hover{border-color:#5d5abf;} .pin-details { background:#ffffff; border:1px solid #f2f2f2; overflow:hidden; box-sizing: border-box; padding: 20px 25px; width: 250px; visibility: hidden; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .pin-popup.clicked .pin-details { visibility: visible; opacity: 1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .pin-popup.top-left .pin-marker { top: -12px; left:-12px; } .pin-popup.bottom-left .pin-marker { bottom:-12px; left:-12px; } .pin-popup.top-right .pin-marker { top:-12px; right:-12px; } .pin-popup.bottom-right .pin-marker { bottom:-12px; right:-12px; } @media (max-width: 901px){ .pinImage { margin: 0px auto 20px; } } @media (max-width: 460px){ .pinImage.active .pin-popup:not(.clicked) { visibility: hidden; opacity: 0; } .pinImage.active{ z-index: 1; } .pin-popup{ visibility: visible; opacity: 1; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; width: 24px; } .pin-popup.clicked { width: 250px; top: 50% !important; left: 50% !important; bottom: unset !important; right: unset !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pin-popup.clicked .pin-marker { top: -12px; left:-12px; } } .pin-popup .pin-details .pe-7s-angle-right{font-size: 20px;vertical-align: text-top;width: 10px;text-indent: -5px;} .monthly-advice {margin-top: 20px;padding-bottom: 10px;} .monthly-advice .advice-image{position: relative;} .monthly-advice .advice-image img:not(.vizPin){max-width: 385px;width: 100%;margin-top: -20px;margin-left: 30px; -moz-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); transform: rotate(-6deg); } .monthly-advice .advice-image img.vizPin{position: absolute;top: 6px;left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .monthly-advice h4:before, .monthly-advice h4:after{display: none;} .monthly-advice .orange-heading{padding-top: 25px;} .monthly-advice .orange-heading h4.text-header{font-size: 20px;font-weight: bold;} .monthly-advice p{padding: 0 20px 0 20px;} .monthly-advice p a .pe-7s-angle-right{font-size: 20px;vertical-align: middle;text-indent: -3px;} .indent50{text-indent: 50px;} .product-type-list{margin: 0px 0 20px;background: #f5f5f5;text-align: center;box-sizing: border-box;position: relative; -moz-transition:background-color 0.25s linear; -webkit-transition:background-color 0.25s linear; -o-transition:background-color 0.25s linear; transition: background-color 0.25s linear;} .product-type-list:hover{background: #e96944;} .product-type-list:before { content: ""; display: block; padding-top: 100%; } .product-type-list a{display: block;position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;} .product-type-list a span{width: 100%;} .product-type-list a img{margin: 0 auto 5px;} .product-type-list a:hover img{filter: brightness(0) invert(1);} .product-type-list .tablecellLike{text-align: center;line-height: 1.2em;} .product-type-list .tablerowLike:first-child +.tablerowLike .tablecellLike{height: 2.7em;} .product-type-list .tableLike{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .product-type-list:hover a{color:#fff;} .metamorphosis .orange-heading{padding: 0px 0 15px;} .metamorphosis .orange-heading .text-header:before, .metamorphosis .orange-heading .text-header:after{display: none;} .metamorphosis .orange-heading .text-header .dash{width: 20px;height: 3px;background: #f26444;display: inline-block;vertical-align: super;margin: 0 10px;} .metamorphosis .orange-heading .text-header h4{font-size: 20px;} .metamorphosis p{padding: 25px 15px 25px 30px;margin: 0px;} .interiors-description p:last-child{margin: 0px;} @media (min-width: 768px){ .metamorphosis .out-of-flow{position: absolute;top: 50%;right: -48%;z-index: -1;width: 55%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .metamorphosis{position: relative;margin: 35px 0 80px;} } @media (max-width: 767px){ .metamorphosis .out-of-flow{overflow: hidden;padding-top: 20px;text-align: center;} .metamorphosis{position: relative;margin: 15px 0 20px;} .metamorphosis .out-of-flow img{margin: 0 auto;} .monthly-advice{margin-bottom: 20px;} } @media (max-width: 460px){ .metamorphosis .out-of-flow{padding-top: 0px;} } .interiors-lp .owl-carousel.interiors-slider .owl-item img{width: 100%;max-width: 100%;} .interiors-lp .owl-carousel.interiors-slider{margin-bottom: 30px;} .interiors-lp .owl-carousel.interiors-slider .owl-item{text-align: center;} .interiors-lp .owl-carousel.interiors-slider .owl-item img{margin: 0 auto;} .interiors-lp .owl-carousel.interiors-slider .owl-item .item a span{display: block;margin-top: 10px;} .interiors-slider{margin-bottom: 20px;} .interiors-slider .item .description p:last-child{margin: 0px;} .interiors-slider .item .attributes .img-box{display: inline-block;position: relative;width: 122px;height: 122px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .interiors-slider .item .attributes .img-box .tableLike{color:#fff;text-align: center;width: 100%;position: absolute;bottom: 16px;} .interiors-slider .item .attributes .img-box .tablecellLike{vertical-align: middle; line-height: 1.2em;font-size: 12px;height: 35px;} .interiors-slider .item .attributes .img-box:first-child{margin-right: -15px} .interiors-slider .item .attributes .img-box:first-child + .img-box{margin-left: -15px} .interiors-slider:not(owl-loaded) > .item:first-child ~ .item{display: none;} .interiors-slider .owl-item .description{text-align: left;} .interiors-slider .owl-dots{top: 30px;} .all-interiors .item img{display: block;max-width: 122px;margin: 0 auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;opacity: 0.9;} .all-interiors .item:hover img{opacity: 1;} .all-interiors .item span{text-align: center;display: block;margin-top: 10px;} .all-interiors{margin-bottom: 30px;} .interiors-slider{display: block !important;} @media (max-width: 991px){.cms-index-index .std > .grid-container:first-child{padding: 0px;}} @media (min-width: 768px){ .interiors-slider .item .attributes{text-align: center;position: absolute;width: 33.33333333%;top: -20px;left: 10px;z-index: 1;} .interiors-slider .item .description{padding: 115px 15px 15px 25px;box-sizing: border-box;} .interiors-slider .owl-stage-outer{padding-top: 20px;margin-top: -20px;box-sizing: border-box;} } @media (min-width: 768px) and (max-width: 1015px){ .interiors-slider .item .description{padding-top: 20px;} .interiors-slider .item .attributes{width: 100%;position: relative;top: auto;left: auto;} .interiors-slider .item .attributes .img-box{margin: 0 auto !important;left: 0px;} .interiors-slider .item .attributes {position: absolute;right: 0%;top: 0px;bottom: 0px;} .interiors-slider .item .attributes .img-box{width: 100%;height: 50%;-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;display: block;overflow: hidden;} .interiors-slider .item .attributes .img-box .img-box-wrapper{position: relative;top: 50%;left: 50%;width: 100%;max-width: 122px;height: 122px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .interiors-slider .grid-row{position: relative;} .interiors-slider .grid-row .col-xs-12.col-md-2.col-lg-12{position: relative;box-sizing: border-box;} .interiors-slider .grid-row .col-xs-12.col-md-2.col-lg-12:before{padding-top: 273.5%;content: "";display: block;} .interiors-slider .grid-row .col-xs-12.col-md-2.col-lg-12{ width: 16.66666667%; } .interiors-slider .grid-row .col-xs-12.col-md-10.col-lg-8{ width: 83.33333333%; left: auto !important; } .interiors-slider .grid-row .col-xs-12.col-md-12.col-lg-4{ width: 100%; right: auto !important; } .interiors-lp .interiors-slider .item .grid-row{margin: 0px !important;} .interiors-lp .interiors-slider .item .grid-row > div{padding: 0px !important;} } @media (max-width: 767px){ .interiors-slider .item .attributes{margin-top: -61px;position: absolute;top: -30px;left: 0%;width: 100%;z-index: 1;text-align: center;} .interiors-slider{padding-top: 75px;} .interiors-slider .item .description{padding: 20px 25px 25px 25px;box-sizing: border-box;} .interiors-slider .owl-stage-outer{padding-top: 92px;margin-top: -90px;box-sizing: border-box;} .interiors-slider .owl-dots{top: 100px;} } .test-ab-b{display: none;} .mTop50{margin-top: 50px;} .noTopMargin .pinImage{margin-top: 0px;} .separate50{margin: 50px 0;} .mBottom50{margin-bottom: 50px;} .mBottom60{margin-bottom: 60px;} .share-page-socials{ background: #dbf2ff; min-height: 70px; margin: 10px 0; padding: 12px 10px 10px; font-size: 16px; background: #dbf2ff url('../images/icons/sharethispage.png') 30px 0 no-repeat; display: -ms-grid; display: grid; justify-items: space-evenly; align-items: center; grid-gap: 0px; grid-template-areas: '. left right'; grid-template-columns: 120px minmax(0,75%) minmax(0,25); -ms-grid-columns: 120px minmax(0,70%) minmax(0,30%); } .share-page-socials .left-text{ grid-area: left; min-width: 0; -ms-grid-row: 1; -ms-grid-column: 1; text-align: center; line-height: 1.2em; } .share-page-socials .social-media-list{ grid-area: right; min-width: 0; -ms-grid-row: 1; -ms-grid-column: 1; text-align: center; } .share-page-socials p{ margin: 0px; } .share-page-socials strong{font-weight: normal;opacity:.9;} .share-page-socials span{color:#c67a5c;} .share-page-socials .social-media-list a{ display: inline-block; margin: 5px 5px 5px 0; width: 42px; height: 42px; border: 2px solid #c67a5c; border-radius: 50%; opacity: 0.7; transition: opacity 0.25s linear; } .share-page-socials .social-media-list a.fb-share{background: url('../images/icons/fb_icon_black52.png') center no-repeat;background-size: 80% 80%;} .share-page-socials .social-media-list a.pinterest-share{background: url('../images/icons/pintrest_icon_black52.png') center no-repeat;background-size: 80% 80%;} .share-page-socials .social-media-list a.insta-share{background: url('../images/icons/insta_icon_black52.png') center no-repeat;background-size: 80% 80%;} .share-page-socials .social-media-list a:hover{opacity: 1;} .newsletter-content-cms{ box-sizing: border-box; width: 100%; max-width: 1015px; display: -ms-grid; display: grid; grid-template-areas: 'left right'; grid-template-columns: minmax(0,50%) minmax(0,50%); -ms-grid-columns: minmax(0,50%) minmax(0,50%); justify-items: stretch; grid-gap: 0px; } .newsletter-content-cms .newsletter-image{ grid-area: left; min-width: 0; -ms-grid-row: 1; -ms-grid-column: 1; align-self: center; height:100%; } .newsletter-content-cms .newsletter-image img{height: 100%;} .newsletter-content-cms .newsletter-form{ grid-area: right; min-width: 0; -ms-grid-row: 1; -ms-grid-column: 1; align-self: center; text-align: center; padding: 30px; } .newsletter-content-cms .newsletter-form p{font-size: 18px;line-height: 1.4em;margin: 0px;} .newsletter-content-cms .newsletter-form .inputdata{ margin: 35px 0; position: relative; } .newsletter-content-cms .newsletter-form .inputdata input{text-align: center;max-width: 360px;margin: 0 auto;} .newsletter-content-cms .newsletter-form .buttonlink {margin: 0px;} .newsletter-content-cms .newsletter-form .buttonlink a{ padding: 10px 30px; margin-top: 30px; background: none !important; } .newsletter-content-cms .newsletter-form .inputBox{position: relative;} .newsletter-content-cms .newsletter-form .validation-advice{background: none !important;max-width: 13px !important;max-height: 13px !important;verflow: hidden;padding-right: 15px;padding-left: 0px;} .newsletter-content-cms .extra-text{line-height: 1.3em;margin-top: 10px;opacity: 0.7;} .newsletter-content-cms .newsletter-form.light{color:#FFFFFF;} .newsletter-content-cms .newsletter-form.light .input-box a{color:#FFF!important;text-decoration: underline;} .newsletter-content-cms .newsletter-form.light .btnLink{color:#fff;border-color:#fff;} #bs-banner .cms-banner{ margin: 0px; } #counter-under-banner{margin-top: 5px;background: #d3d7e3;} #bs-banner .grid-2-cols{grid-gap: 0px;align-self: center;} #bs-banner .grid-2-cols > div{align-self: center;} #bs-banner .bs-banner-left{text-align: center;color:#4b4b4b;font-size: 26px;font-weight: 600;} #bs-banner .bs-banner-right{position: relative;} #bs-banner .bs-banner-right:before{ width: 1px; height: 60%;position: absolute;content: "";top: 20%;left: 0px;background: #474b4c; } #counter-under-banner .countBox{-webkit-transform: translate(-50%,50%);-ms-transform: translate(-50%,50%);transform: translate(-50%,50%);padding: 15px 0 20px;} #counter-under-banner .counterBanner{height: 110px;} #counter-under-banner td{white-space: nowrap;vertical-align: bottom;} #counter-under-banner td i{display: none !important;} #counter-under-banner td span{vertical-align: bottom;} #counter-under-banner td span.hoursLabel, #counter-under-banner td span.minutesLabel, #counter-under-banner td span.secondsLabel{font-weight: 500;position: relative;} #counter-under-banner td span.hours, #counter-under-banner td span.minutes, #counter-under-banner td span.seconds{padding-right: 10px;margin-right: 10px;line-height: 1.4em;position: relative;font-family: "Open Sans", "Oxygen"} #counter-under-banner td span.hours:after, #counter-under-banner td span.minutes:after{ width: 1px; height: 60%;position: absolute;content: "";top: 20%;right: 0px;background: #474b4c; } #counter-under-banner .countBox .daybox .days{line-height: 1.4em;} #counter-under-banner .countBox .daybox .daysLabel{padding: 0px;font-size: 22px !important;font-weight: 500;} @media (max-width: 1015px){ #bs-banner{margin: 0 -15px;} } @media (min-width: 768px) and (max-width: 901px){ .newsletter-content-cms{ grid-template-columns: minmax(0,50%) minmax(0,50%); -ms-grid-columns: minmax(0,1fr) minmax(0,50%); } .newsletter-content-cms .newsletter-form{padding: 15px 30px;} } @media (max-width: 767px){ .share-page-socials{ grid-template-areas: 'left' 'right'; grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); padding: 15px 0; background-image: none; } .share-page-socials .left-text strong{ font-size: 17px; line-height: 1.1em; padding: 0 10px; font-weight: normal; } .share-page-socials .left-text span{ padding: 0 10px; padding-top: 5px; display: block; line-height: 1.1em; } .share-page-socials .social-media-list{ padding-top: 15px; line-height: 1.1em; } .share-page-socials .social-media-list a{width: 45px;height:45px;} .newsletter-content-cms{ grid-template-areas: 'left' 'right'; grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); } .newsletter-content-cms .newsletter-form p{font-size: 16px} #counter-under-banner .countBox{padding-top: 0px;} #counter-under-banner .bs-banner-left{padding-top: 15px;} #bs-banner .bs-banner-left{font-size: 20px;} #counter-under-banner .countBox .timebox .hoursLabel, #counter-under-banner .countBox .timebox .minutesLabel, #counter-under-banner .countBox .timebox .secondsLabel, #counter-under-banner .countBox .daybox{font-size: 16px !important;} } @media (max-width: 901px){ .floating-code{display: none !important;} .hideButtonMobile .left-column .buttonlink{display: none;} } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .inspirations-grid { display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; grid-gap: 15px; margin: 0 auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .inspirations-grid > .item:nth-child(12n + 1) { grid-column: 1 / span 2; grid-row: span 2; } .inspirations-grid > .item:nth-child(12n-4) { grid-column: 2 / span 2; grid-row: span 2; } .inspirations-grid picture { display: block; } .inspirations-grid .pinImage{ margin: 0px; } .inspiration-item { display: block; position: relative; overflow: hidden; } .inspiration-item picture { display: block; } .inspiration-item:before { display: block; content: ""; position: absolute; bottom: 0px; right: 0px; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; background: #3b4f81; z-index: 1; } .inspiration-item:hover:before { opacity: 0.2; background: #000000; } .inspiration-item:hover .buttonlink { top: 50%; opacity: 1; } .inspiration-item .buttonlink { border: 2px solid #FFF; border-radius: 3px; clear: both; cursor: pointer; height: 41px; line-height: 38px; color: #fff; position: absolute; top: -50px; left: 50%; opacity: 0; margin-top: -22.5px; z-index: 2; text-align: center; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .inspiration-item .buttonlink span { margin: 0 auto; position: relative; } .inspiration-item .buttonlink span.framed { padding: 0 30px; } .inspiration-item.is-perfect-match:after{ content:""; background-size: 100% auto; width: 210px; height: 58px; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; display:block; background: url('../images/icons/perfectMatch.png') center bottom no-repeat; } @media only screen and (max-width: 460px) { .inspiration-item.is-perfect-match:after{ width: 150px; height: 42px; } } @media only screen and (max-width: 767px) { .inspiration-item .buttonlink span.framed { border: 0px !important; } } @media only screen and (max-width: 460px) { .inspirations-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .inspirations-grid > .item:nth-child(12n-4) { grid-column: 1 / span 2; grid-row: span 2; } } #christmas-2019{ padding: 100px 50px; position: relative; } #christmas-2019 picture{ display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; } #christmas-2019 picture img{ height: auto; width: auto; min-width: 100%; min-height: 100%; position: relative; left: 50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); max-width: none; } #christmas-2019 .content{ width: 100%; max-width: 400px; z-index: 1; position: relative; } #christmas-2019 .content .handwritten{ font-family: 'Petit Formal Script', cursive; } #christmas-2019 .content h1.handwritten{ color:#71553f; text-align: left; font-size: 3rem; margin-bottom: 0px; } #christmas-2019 .content img{ margin-left: -25px; } #christmas-2019 .content p{ margin: 0px 0 30px; } #christmas-2019 .content a{ background: #f0e9df; display: block; width: 100%; margin-top: 20px; color: #937863; text-align: center; font-size: 13px; padding: 20px 25px 10px; box-sizing: border-box; } #christmas-2019 .content strong{ font-weight: normal; font-size: 2.4rem; display: block; font-weight: lighter; } @media all and (max-width: 1015px) { #christmas-2019{ margin: 0 -15px; } } @media all and (max-width: 560px) { #christmas-2019 .content{ max-width: 300px; margin: 0 auto; } #christmas-2019{ padding: 50px 20px; } #christmas-2019 .content strong{ font-size: 1.5rem; } } .cols5-cssgrid{ display: -ms-grid; display: grid; justify-items: stretch; align-items: stretch; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } #christmas-2019-details{ overflow: hidden; } #christmas-2019-details .cols5-cssgrid a{ display: block; position: relative; } #christmas-2019-details .cols5-cssgrid a img{ width: 100%; } #christmas-2019-details .cols5-cssgrid p{ display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; text-align: center; height: 28%; color:#000; background: url('//shark.bimago.com/bimago2/landing_page/christmas/2019/mainlp/title_bg.png') bottom left no-repeat; background-size: 100% auto; margin: 0px; } #christmas-2019-details .cols5-cssgrid span { position: relative; top: 65%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); display:inline-block; transform:translateY(-50%); display: block; line-height: 1em; } #christmas-2019-details .listing-header{ background: url('//shark.bimago.com/bimago2/landing_page/christmas/2019/mainlp/bg_long.jpg') center right no-repeat; background-size: cover; height: 160px; position: relative; display: -ms-grid; display: grid; justify-items: stretch; align-items: center; grid-gap: 100px; grid-template-columns: minmax(0,0.25fr) minmax(0,0.75fr); -ms-grid-columns: minmax(0,0.22fr) minmax(0,0.75fr); } #christmas-2019-details .listing-header > .item:nth-child(2){ padding-right: 200px; } #christmas-2019-details .listing-header h2{ font-family: 'Petit Formal Script', cursive; color:#71553f; text-align: left; font-size: 1.8rem; margin-bottom: 0px; line-height: 1.1em; } #christmas-2019-details .listing-header p{ margin-bottom: 0px; line-height: 1.3em; } #christmas-2019-details .listing-header-promo{ background: url('//shark.bimago.com/bimago2/landing_page/christmas/2019/mainlp/promo_long.jpg') center no-repeat; background-size: cover; height: 160px; position: relative; margin: 40px 0 50px; } #christmas-2019-details .listing-header-promo { padding: 20px 5% 20px 32.5%; box-sizing: border-box; } #christmas-2019-details .listing-header-promo h3{ color:#7d6750; font-size: 1.5rem; margin-bottom: 0px; line-height: 1.1em; font-weight: 500; text-align: left; } #christmas-2019-details .listing-header-promo p{ margin-bottom: 0px; } #christmas-2019-details .christmas-block{ margin-top: 50px; } #christmas-2019-details .christmas-block .products-grid { margin-top: 50px; } #christmas-2019-details .link-grid{ display: -ms-grid; display: grid; justify-items: stretch; align-items: center; grid-gap: 20px; grid-template-columns: auto 50px; -ms-grid-columns: minmax(0,1fr) 70px; } #christmas-2019-details .link-grid .buttonlink{ margin: 0 20px 0 0; } #christmas-2019-details .link-grid .btnLink{ padding: 10px 8px; border-color: #71553f; color: #71553f; } #christmas-2019-details .christmas-giftcart:hover .gift-card-banner .link-grid .btnLink{ background: #71553f; color: #fff; } #christmas-2019-details .christmas-giftcart{ position: relative; margin-bottom: 20px; } #christmas-2019-details .giftcard-link{ position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } #christmas-2019-details .christmas-giftcart .listing-header img{ border-radius: 0px; } #christmas-2019-details .cols5-cssgrid a.hidden-lg{ display: none; } @media all and (min-width: 768px) and (max-width: 990px) { #christmas-2019-details .listing-header{ background-position: center center; } #christmas-2019-details .listing-header h2{ font-size: 1.6rem; } #christmas-2019-details .listing-header > .item:nth-child(2){ padding-right: 100px; } } @media all and (min-width: 768px) { #christmas-2019-details .listing-header img{ position: absolute; top: 50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); display:inline-block; transform:translateY(-50%); border-radius: 50%; } #christmas-2019-details .listing-header > .item:nth-child(1){ padding-left: 30px; box-sizing: border-box; position: relative; } } @media all and (max-width: 767px) { #christmas-2019-details{ margin: 0 -15px; } .cols5-cssgrid{ grid-gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } #christmas-2019-details .cols5-cssgrid a.visible-sm{ display: block; } } @media all and (min-width: 461px) and (max-width: 767px) { #christmas-2019-details .listing-header{ grid-gap: 10px; padding: 0px; grid-template-columns: 120px auto; -ms-grid-columns: 120px minmax(0,1fr); background-position: center left; margin: 20px 0; } #christmas-2019-details .listing-header > .item:nth-child(1) { position: relative; } #christmas-2019-details .listing-header > .item:nth-child(1) img{ position: absolute; top: 50%; left: 30%; transform: translate(-50%, -50%); height: 180px; z-index: 9; width: 180px; display: block; max-width: none; } #christmas-2019-details .listing-header > .item:nth-child(2) { padding: 10px 20px; } #christmas-2019-details .listing-header h2{ font-size: 1.4rem; } } @media all and (min-width: 681px) { #christmas-2019-details .listing-header-promo .wrapper{ position: relative; top: 50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align: left; box-sizing: border-box; width: 100%; } } @media all and (max-width: 680px) { #christmas-2019-details .listing-header-promo{ height: auto; padding-left: 20%; } #christmas-2019-details .listing-header-promo h3{ font-size: 1.2rem; font-weight: 600; } #christmas-2019-details .listing-header-promo h3 br{display: none;} } @media all and (max-width: 460px) { #christmas-2019-details .cols5-cssgrid a.hidden-xs{ display: none; } .cols5-cssgrid{ display: -ms-grid; display: grid; justify-items: stretch; align-items: stretch; grid-gap: 20px; grid-template-columns: repeat(2,minmax(0,1fr)); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } #christmas-2019-details .listing-header{ background: url('//shark.bimago.com/bimago2/landing_page/christmas/2019/mainlp/bg_long_460.jpg') center no-repeat; background-size: cover; height: auto; grid-gap: 20px; grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); padding: 0; } #christmas-2019-details .listing-header > .item:nth-child(1){ padding: 0px; text-align: center; position: relative; height: 85px; } #christmas-2019-details .listing-header > .item:nth-child(1) img{ width: 150px; position: absolute; top: 0px; left: 50%; margin: -40px 0 0 -75px; } #christmas-2019-details .listing-header > .item:nth-child(2){ padding: 20px 40px; } #christmas-2019-details .listing-header h2{ font-size: 1.4rem; text-align: center; margin-bottom: 10px; } #christmas-2019-details .listing-header p{ text-align: center; } #christmas-2019-details .christmas-block{ margin-top: 90px; } #christmas-2019-details .christmas-block .products-grid{ margin-top: 30px; } } #newsletter-black-week .newsletter-form p{ font-size: 20px; max-width: 64%; line-height: 1.2em; } #newsletter-black-week .newsletter-form p strong{ margin-bottom: 20px; display: inline-block; } #newsletter-black-week .newsletter-form p span{ display: inline-block; line-height: 1.2em; } #newsletter-black-week .input-agreement{ margin-top: 20px } @media all and (min-width: 461px) and (max-width: 680px) { #newsletter-black-week form{ max-width: max-content; right: 45px; } #newsletter-black-week .newsletter-form p { max-width: max-content; margin-top: 50px; } #newsletter-black-week .newsletter-form p span{ font-size: 16px; } } @media all and (max-width: 460px) { #newsletter-black-week .newsletter-form p{ max-width: max-content; margin-top: 130px; } #newsletter-black-week .newsletter-form p span{ font-size: 16px; } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/mobile.css" */ @media (max-width: 390px) { .about-us table td{ vertical-align: top; } .about-us table img{ width: 50px; margin-right: 10px; margin-top: 5px; } } @media (max-width: 480px) { .trusted-shops .prettyselect-drop li{white-space: normal;line-height: 1.2em;font-size: 1.2em;} .grid-div .grid3{ width: 100% !important; } .product-view.gift_card div.product-configuration .configure.pattern li{ width: 100% !important; border-bottom: 1px !important; } .product-view.gift_card div.product-configuration .configure.pattern li:nth-of-type(2n-1):after{ display: none !important; } .gift_card .card_info_description .card_info_description_left, .gift_card .card_info_description .card_info_description_right ul li{ width: 100%; } .gift_card .card_info_description .card_info_description_right ul li table{ margin: 0 auto; } .gift_card .card_info_description .card_info_description_right ul li table td +td{ width: 110px; } } @media (max-width: 620px) { .contact-face-mobile{ display: block !important; width: 50px; height: 50px; float: left; margin-right: 10px; } .contact-face-mobile img{ width: 100%; } .grid-div .grid2.contact-details + .grid2{ display: none; } .grid-div .grid2.contact-details{ width: 100% !important; } .aboutus-mainviz img{ display: none; } .tripleheading-widget .sup-heading{ text-align: center; font-size: 23px; } .tripleheading-widget .heading{ text-align: center; font-size: 26px; } .tripleheading-widget .content-heading{ text-align: center; font-size: 23px; } .tripleheading-widget-container .tripleheading-widget .image img{ width: 100% !important; max-width: 300px; } .tripleheading-widget{ width: 100%; margin: 0 0 10px !important; } .tripleheading-widget-container .tripleheading-widget .image{ width: 100%; text-align: center; } .tripleheading-widget-container .tripleheading-widget .image img{ margin: 0 auto; } .tripleheading-widget-container .tripleheading-widget{ margin: 15px auto !important; padding: 15px 0; border-top: 1px solid #000; width: 100% !important; float: none; overflow: hidden; box-sizing: border-box; } .tripleheading-widget-container .tripleheading-widget:first-child{ margin-top: 0px !important; border-top: 0px !important; padding-top: 0px !important; } .halfheading-widget-container .image img{ width: 100%; } .main .col-main div.product-view{ padding-bottom: 10px !important; } .instructions-box .instruction-step{ width: 50%; } } @media (max-width: 767px){ .hide-counter-for-desktop{display: none;} .parts-list .label{float: none !important;} .parts-list .show-hide{display: none !important;} .summary-box .parts-list{text-align: center;} .contact-page .grid-div, .contact-page .grid-div .grid2{ margin-bottom: 0px !important; } .grid-div .grid2.contact-details + .grid2, .grid-div .grid2.contact-details{ width: 50%; } .image-headed-box .box-width-text, .image-headed-box .box-width-image{ width: 100%; margin: 0px !important; } .image-headed-box .box-width-text{ padding-top: 10px; } .image-headed-box.reversed .box-width-text{ float: right !important; padding-top: 10px; } .image-headed-box.reversed .box-width-image{ float: left !important; margin: 0px !important; } .grid-div .grid2{ width: 100%; } .grid-div .grid3{ width: 50%; } .gift_card .card_info_description .card_info_description_left { border-right: 0px !important; border-bottom: 1px solid #dedede; } .gift_card .card_info_description .card_info_description_left, .gift_card .card_info_description .card_info_description_right{ width: 100% !important; margin: 0px !important; } .product-view .product-cart-container{ width: 100% !important; } .product-view .variants{padding-bottom: 15px;} .product-view .product-cart-container .container{ width: 100%; } .product-view .add-to-cart{ margin: 0 auto !important;width: 100%; } } @media (min-width: 768px) and (max-width: 900px) { .col-main div.product-view.gift_card .product-cart-container, .col-main div.product-view.gift_card .product-description{ width: 100% !important; float: left; } .product-view .add-to-stash label, .product-view .add-to-stash input{ float: none !important; display: inline-block; vertical-align: 10%; } .product-view.gift_card .product-description { border-bottom: 1px solid #ddd; padding-bottom: 10px; } .product-view.gift_card .product-cart-container { border-top: 1px solid #ddd; } .product-view.gift_card .availability { text-align: center !important; } div.product-view.gift_card .price-tax-info { width: 100% !important; text-align: center; } .product-view.gift_card .add-to-cart { margin: 0 auto !important; width: 300px !important; } } @media (max-width: 900px) { body div#jivo-iframe-container{display: none !important;} .contact-page .grid-div, .contact-page .grid-div .grid2{ margin-top: 0px; } .contact-page{ padding: 0 10px; } .about-us table{ margin: 10px; } .cms-page-view .about-us table p{ font-size: 16px; font-weight: lighter; line-height: 26px; } .image-headed-box{ padding: 20px; } .col35_10{ width: 100%; margin: 0px; } .col55{ width: 100%; margin: 0px; } .gift_card div.product-configuration .configure.values ul > li{ width: 100% !important; font-size: 20px; padding-top: 30px !important; } .gift_card div.product-configuration .configure.pattern li{ width: 48% !important; float: left; border-bottom: 0px !important; overflow: visible !important; margin-bottom: 10px !important; } .gift_card div.product-configuration .configure.pattern li:nth-of-type(2n-1):after{ content:""; width: 1px; height: 100%; position: absolute; top: 0px; right: -14px; background: #dedede; } .gift_card div.product-configuration .configure.pattern li .option_label{ padding: 10px 0 0px !important; width: 100% !important; } .gift_card div.product-configuration .configure.pattern li .option_label input{ display: none !important; } .gift_card div.product-configuration .configure.pattern li:nth-of-type(2n-1){ margin-right: 4% !important; } .gift_card .techniques li{ min-height: 90px; } .gift_card .halfheading-widget .content{ font-size: 18px; } .gift_card .halfheading-widget .content .didascalia{ font-size: 16px; } .gift_card .card_info_description .card_info_description_left, .gift_card .card_info_description .card_info_description_right ul li{ text-align: center; font-size: 18px; } .product-configuration .configure li .more-info{ width: 30px; height: 30px; background-size: 100% 100%; } .tripleheading-widget .heading, .halfheading-widget .heading{ font-weight: normal !important; } .heading-widget{ font-size: 28px !important; } .tripleheading-widget-container .tripleheading-widget .image img{ margin: 0 auto; width: 100%; } .halfheading-widget{ border-color:#000 !important; } .halfheading-widget .side.image > .image{ margin: 0 auto; float: none !important; } .halfheading-widget .side:not(.image){ width: 100%; } .halfheading-widget .side .heading{ text-align: center; font-size: 24px; } .halfheading-widget .side.image{ width: 90% !important; margin: 0 5% 15px !important; text-align: center; } .col-main div.product-view{ padding: 0 10px !important; box-sizing: border-box; } .add-to-stash label, .add-to-stash input{ height: 30px; } .product-view .cart-group-content .add-to-cart, .product-view .cart-group-content{ width: 100%; } #homeseo { display: none; } .homepage-bannerslider-container { display: none; } input[type="text"]#newsletter { width: 100%; padding: 5px 0; text-indent: 15px; } .main { width: 100%; padding: 0; padding-top: 0; padding-bottom: 0; } .cms-home .main { padding-top: 0; padding-bottom: 0; } .cms-home .home-top { position: relative; min-height: 495px; } .col-main { padding: 0; } /* Display none */ .home-artist-container, .home_newproducts_container, .home-brands, .home_products, .home-cat-banner, .footer-upper-links { display: none !important; } div.home-main { font-size: inherit; } li.home-subcat { font-size: inherit; } ul.home-cat { left: auto; right: 0; width: 50%; height: 495px; } .home-main > a { width: 50%; font-size: 18px; } li.home-subcat > a { width: auto; } li.home-subcat.show-more-cat { width: auto; background-image: none; } .footer { margin-top: 0; padding-top: 0; padding-bottom: 10px; width: 100%; padding: 0; } .footer-container { padding-top: 0; } .footer div.links { text-align: center; float: none; padding: 10px 0; } .newsletter .actions a.button { width: 100% !important; background-position: center center !important; float: none !important; } ul.productrow-tabs { margin-left: 0; padding: 0; } .productrow-tabs li { width: 33%; border-width: 0; } .productrow-tabs li div.arrow { left: 50%; margin-left: -12px; } .productrow-content { width: 429px; margin: 0 auto !important; } .category-products.product-row { width: 429px; } .page:not(.allplate) .category-products.product-row .grid_item, .category-products.product-row li.item { font-size: inherit; } .page:not(.allplate) .category-products.product-row .grid_item .hidden-data, .category-products.product-row li.item .hidden-data { font-size: inherit; } .page:not(.allplate) .category-products .grid_item .hidden-data .product-list-price .price-box, .category-products li.item .hidden-data .product-list-price .price-box { font-size: 13px !important; } .page:not(.allplate) .category-products .grid_item .additional-label, .category-products li.item .additional-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; top: 0; line-height: 135%; } /* Product page */ .product-view { width: 100%; box-sizing: border-box; } .product-description-tabs { width: 100% !important; } .product-description-tabs .tabs { width: 100% !important; } .paintings-view-payment { display: none; } .descriptiontabs > li { padding: 5px 5px; } div.desriptiontabs_guarantee .right { width: 100% !important; } div.desriptiontabs_guarantee .right table tr td span { line-height: 18px !important; font-size: 16px !important; display: block; clear: both; } div.desriptiontabs_guarantee .right table { width: 100%; } div.product-description-tabs, div.product-sliders, div.product-techniques-tabs, div.product-banner { width: 100% !important; } .techs_descriptions, .catalog_checkout-help, #jivo_top_wrap, .additional-gallery-info { display: none; } div.product-configuration .techniques .colors{ text-align: center; } div.product-configuration .techniques .colors div.color-container{ float: none !important; display: inline-block; width: 40px !important; height: 40px !important; } div.product-configuration .techniques .colors div.color-container .img.active, div.product-configuration .techniques .colors div.color-container .img{ width: 100% !important; height: 100% !important; } div.product-configuration .techniques .colors div.color-container .img img{ width: 105% !important; height: 105% !important; } div.product-configuration .techniques .colors div.color-container .img.active{ border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; } div.product-configuration .techniques .colors div.color-container .tooltip{ display: none !important; } .product-view.stickers .product-configuration .colors .color-type-label{ border-bottom: 1px solid #d2cdb0; font-weight: normal; font-size: 16px; padding-bottom: 5px; margin-bottom: 10px !important; } .configure.additional > .additional-options{ width: 100% !important; } .configure.additional > .additional-options > .additional_option{ position: relative !important; margin: 0 auto !important; float: none !important; display: inline-block; } .price-box .mirror-price .price{ color: #000 !important; } .dimesnions-container { /* height: 125px; */ } .product-configuration .configure li p { margin: 0 !important; padding: 5px 0 0 0 !Important; width: 100%; } div.product-configuration .configure .option_label { padding: 0 !important; width: 75% !important; padding-left: 25% !important; height: 70px; } .description-ratings { display: none; } .likebox { display: none; } .product-description-tabs { padding-bottom: 40px; } .product-cart-container { float: none !important; margin: 0 auto; margin-left: auto !important; overflow: hidden; top: 0 !important; width: 100%; } .proceed-to-checkout .notice { clear: both; } .recently-viewed { display: none; } button.btn-checkout span { font-size: 16px !important; } .border-box.payment-methods { width: 100% !important; box-sizing: border-box; } .trusted_shops_descr{ margin: 0px !important; } #trusted_shops-product{width: 100%;} .sp-methods .method-image img { max-width: 100%; } div#review-buttons-container-top button { float: right !important; } .buttons-set .back-link { position: static; } .payment-info.form-list.checkout-agreements .agreement-content { font-size: 1em !important; } .border-box.order-summary { display: none; } #checkout-review-table-wrapper { width: 100% !important; } .order-total { float: right !important; width: 100% !important; } .order-total .total { font-size: 1em !important; } .order-total .products-count { font-size: 1em !important; padding: 0px 5px !important; } .checkout-agreements-static { font-size: 14px !important; } .success-page .col-1 { width: 96% !important; padding: 0 2% !important; font-size: 16px !important; } .cart-cms, div.account-login .col2-set .col-1 img { display: none; } #success-newsletter-subscribe { display: none; } .catalog-category-view .cms-mode > p { display: none; } .catalog-category-view .cms-mode > a { display: none; } .catalog-category-view .cms-mode > hr { display: none; } .category-top { width: 100%; } .category-cat-banner table { display: none; } .category-main { width: 100% !important; font-size: 18px !important; } .category-main a { width: 42% !important; padding: 5px 4% !important; } .category-main ul.category-cat a { width: 84% !important; padding: 5px 8% !important; } ul.category-cat { width: 50%; left: 50% !important; } .category-cat-banner { display: none !important; } .category-cms-head { height: 50px !important; } .product-list-quartic { display: none !important; } .sorter .sort-by { font-size: 16px; padding-right: 0; } .category-products .toolbar .sorter select { width: 100px; } .page:not(.allplate) .category-products .grid_item .product-list-name a, .category-products li.item .product-list-name a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; text-align: center; } .address-box .header { border-bottom-width: 0; } .trust-icons { display: none; } .category-sidebar .filter-handle { position: absolute; top: 0; left: -70px; width: 70px; height: 50px; background: #f47a53 url(../images/filter.png) no-repeat 50% 50%; background-size: 24px; } .col2-left-layout .col-main { width: 100% !important; } .dashboard .welcome-msg { width: 95%; padding: 0 2.5%; } .box-account { padding: 0 20px !important; } .box-account.box-info a { font-size: 18px; height: 28px; } .box-account table, .box-account thead, .box-account tbody, .box-account th, .box-account td, .box-account tr { display: block; font-size: 16px !important; } .box-account thead tr { position: absolute; top: -9999px; left: -9999px; } .box-account tr { border: 1px solid #ccc; } .box-account td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 0 !important; padding-left: 50% !important; } .box-account td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .box-account td:nth-of-type(1):before { content: attr(data-content); } .box-account td:nth-of-type(2):before { content: attr(data-content); } .box-account td:nth-of-type(3):before { content: attr(data-content); } .box-account td:nth-of-type(4):before { content: attr(data-content); } .box-account td:nth-of-type(5):before { content: attr(data-content); } .box-account td:nth-of-type(6):before { content: attr(data-content); } .box-account td:nth-of-type(7):before { content: attr(data-content); } .box-account td:nth-of-type(8):before { content: attr(data-content); } .box-account td:nth-of-type(9):before { content: attr(data-content); } .box-account td:nth-of-type(10):before { content: attr(data-content); } .box-account .data-table td.last { text-align: left !important; } .col-left.sidebar { display: none; } div.buttons-set > p.back-link > a { font-size: 16px; height: 26px; } .two-columns-form, .two-columns-form .column { width: 95% !important; font-size: 18px; } #cms-tabs ul li a { padding: 0 10px !important; } .cms-table { font-size: 18px; } body:not(.store-spanish) .cms-home .logo img { margin-left: 20px; margin-top: 20px; } .cms-home .productrow-container { margin-top: -14px !important; margin-bottom: 10px; } .cms-mode > .product-row { display: none; } .moneybookers-processing-payment table tr td:last-of-type { display: none; } .review-product-img img { width: 100%; height: auto; } .questionmark_tooltip { display: none !important; } .techniques .questionmark_tooltip, .looms .questionmark_tooltip{ display: block !important; } .explanation-big { display: none !important; } div.product-image .product-image-container img { width: 100% !important; } input.button.btn-cart { width: 100% !important; } div.product-view .product-image img{display: inline-block; width: 100%;} /*************************************** NOWY HEDER ***************************************/ .showMobile{ display: block !important; } .hideMobile{ display: none !important; } .hideMobileTable{ display: none; } .image_magnified { width: 82% !important; } div.centered { width: 100% !important; } div.product-image img { width: 100% !important; max-width: 600px; } } @media (max-width: 767px) { .product-is-handpainted{position: relative;} } @media (min-width: 768px) { .contact-page > .grid-div > .grid2{ float: right !important; } .hide-counter-for-mobile{display: none;} .summary-box ul{text-align: left;} } @media (min-width: 901px) { .showMobile{ display: none !important; } .hideMobile{ display: block !important; } .top-cat-banner { display: none !important; } .sticky-search { position : fixed !important; top : -1px !important; z-index : 99 !important; left : 50% !important; transform : translateX(-50%) !important; background-color : rgb(255, 255, 255) !important; transition: width .25s linear !important; padding: 0px 20px 0 20px; border: 0px; border-bottom: 1px solid #c4c3c9; } .sticky-search #span_clear_search { display : none !important; } .sticky-search #search_phrase{border: 0px;} #searchContainer.sticky-searchcontainer{ position: fixed !important; width: 500px !important; left: 50% !important; transform: translateX(-50%) !important; top: 38px !important; padding: 0 10px; } #searchContainer.sticky-searchcontainer .products-grid > .item{padding: 0 5px;margin: 10px 0 !important;} #searchContainer.sticky-searchcontainer .products-grid > .item .hidden-data{display: none;} .top-search svg{width: 41px;height: 41px;position: absolute;top: 0px;left: -40px;} .top-search form ~ svg{left: auto;right: -40px;} .top-search:not(.sticky-search) svg{display: none;} .top-search.sticky-search{width: 490px;padding: 0 15px;box-sizing: border-box;box-shadow: 0px -8px 12px 4px rgba(0,0,0,0.3)} .top-search.sticky-search #span_clear_search{border: none;} .top-search.sticky-search #span_clear_search .pe-7s-close{margin-top: 2px;} .top-search.sticky-search #span_clear_search.activated{width: 30px;left: -20px;} } @media (max-width: 420px) { body{min-width: 300px;} } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/pe-icon-7-stroke-helper.css" */ /* HELPER CLASS * -------------------------- */ /* FA based classes */ /*! Modified from font-awesome helper CSS classes - PIXEDEN * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (CSS: MIT License) */ /* makes the font 33% larger relative to the icon container */ .pe-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; } .pe-2x { font-size: 2em; } .pe-3x { font-size: 3em; } .pe-4x { font-size: 4em; } .pe-5x { font-size: 5em; } .pe-fw { width: 1.2857142857142858em; text-align: center; } .pe-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .pe-ul > li { position: relative; } .pe-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .pe-li.pe-lg { left: -1.8571428571428572em; } .pe-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .pe.pull-left { margin-right: .3em; } .pe.pull-right { margin-left: .3em; } .pe-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pe-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .pe-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pe-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .pe-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .pe-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .pe-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .pe-stack-1x, .pe-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .pe-stack-1x { line-height: inherit; } .pe-stack-2x { font-size: 2em; } .pe-inverse { color: #ffffff; } /* Custom classes / mods - PIXEDEN */ .pe-va { vertical-align: middle; } .pe-border { border: solid 0.08em #eaeaea; } [class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/pe-icon-7-stroke.css" */ @font-face { font-family: 'Pe-icon-7-stroke'; src:url('/skin/frontend/default/common/fonts/Pe-icon-7-stroke.eot?d7yf1v'); src:url('/skin/frontend/default/common/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('/skin/frontend/default/common/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('/skin/frontend/default/common/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('/skin/frontend/default/common/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); font-weight: normal; font-style: normal; } .fa, [class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pe-7s-album:before { content: "\e6aa"; } .pe-7s-arc:before { content: "\e6ab"; } .pe-7s-back-2:before { content: "\e6ac"; } .pe-7s-bandaid:before { content: "\e6ad"; } .pe-7s-car:before { content: "\e6ae"; } .pe-7s-diamond:before { content: "\e6af"; } .pe-7s-door-lock:before { content: "\e6b0"; } .pe-7s-eyedropper:before { content: "\e6b1"; } .pe-7s-female:before { content: "\e6b2"; } .pe-7s-gym:before { content: "\e6b3"; } .pe-7s-hammer:before { content: "\e6b4"; } .pe-7s-headphones:before { content: "\e6b5"; } .pe-7s-helm:before { content: "\e6b6"; } .pe-7s-hourglass:before { content: "\e6b7"; } .pe-7s-leaf:before { content: "\e6b8"; } .pe-7s-magic-wand:before { content: "\e6b9"; } .pe-7s-male:before { content: "\e6ba"; } .pe-7s-map-2:before { content: "\e6bb"; } .pe-7s-next-2:before { content: "\e6bc"; } .pe-7s-paint-bucket:before { content: "\e6bd"; } .pe-7s-pendrive:before { content: "\e6be"; } .pe-7s-photo:before { content: "\e6bf"; } .pe-7s-piggy:before { content: "\e6c0"; } .pe-7s-plugin:before { content: "\e6c1"; } .pe-7s-refresh-2:before { content: "\e6c2"; } .pe-7s-rocket:before { content: "\e6c3"; } .pe-7s-settings:before { content: "\e6c4"; } .pe-7s-shield:before { content: "\e6c5"; } .pe-7s-smile:before { content: "\e6c6"; } .pe-7s-usb:before { content: "\e6c7"; } .pe-7s-vector:before { content: "\e6c8"; } .pe-7s-wine:before { content: "\e6c9"; } .pe-7s-cloud-upload:before { content: "\e68a"; } .pe-7s-cash:before { content: "\e68c"; } .pe-7s-close:before { content: "\e680"; } .pe-7s-bluetooth:before { content: "\e68d"; } .pe-7s-cloud-download:before { content: "\e68b"; } .pe-7s-way:before { content: "\e68e"; } .pe-7s-close-circle:before { content: "\e681"; } .pe-7s-id:before { content: "\e68f"; } .pe-7s-angle-up:before { content: "\e682"; } .pe-7s-wristwatch:before { content: "\e690"; } .pe-7s-angle-up-circle:before { content: "\e683"; } .pe-7s-world:before { content: "\e691"; } .fa-angle-right:before, .pe-7s-angle-right:before { content: "\e684"; } .pe-7s-volume:before { content: "\e692"; } .pe-7s-angle-right-circle:before { content: "\e685"; } .pe-7s-users:before { content: "\e693"; } .fa-angle-left:before, .pe-7s-angle-left:before { content: "\e686"; } .pe-7s-user-female:before { content: "\e694"; } .pe-7s-angle-left-circle:before { content: "\e687"; } .pe-7s-up-arrow:before { content: "\e695"; } .pe-7s-angle-down:before { content: "\e688"; } .pe-7s-switch:before { content: "\e696"; } .fa-check:before, .pe-7s-angle-down-circle:before { content: "\e689"; } .pe-7s-scissors:before { content: "\e697"; } .pe-7s-wallet:before { content: "\e600"; } .pe-7s-safe:before { content: "\e698"; } .pe-7s-volume2:before { content: "\e601"; } .pe-7s-volume1:before { content: "\e602"; } .pe-7s-voicemail:before { content: "\e603"; } .pe-7s-video:before { content: "\e604"; } .pe-7s-user:before { content: "\e605"; } .pe-7s-upload:before { content: "\e606"; } .pe-7s-unlock:before { content: "\e607"; } .pe-7s-umbrella:before { content: "\e608"; } .pe-7s-trash:before { content: "\e609"; } .pe-7s-tools:before { content: "\e60a"; } .pe-7s-timer:before { content: "\e60b"; } .pe-7s-ticket:before { content: "\e60c"; } .pe-7s-target:before { content: "\e60d"; } .pe-7s-sun:before { content: "\e60e"; } .pe-7s-study:before { content: "\e60f"; } .pe-7s-stopwatch:before { content: "\e610"; } .pe-7s-star:before { content: "\e611"; } .pe-7s-speaker:before { content: "\e612"; } .pe-7s-signal:before { content: "\e613"; } .pe-7s-shuffle:before { content: "\e614"; } .pe-7s-shopbag:before { content: "\e615"; } .pe-7s-share:before { content: "\e616"; } .pe-7s-server:before { content: "\e617"; } .pe-7s-search:before { content: "\e618"; } .pe-7s-film:before { content: "\e6a5"; } .pe-7s-science:before { content: "\e619"; } .pe-7s-disk:before { content: "\e6a6"; } .pe-7s-ribbon:before { content: "\e61a"; } .pe-7s-repeat:before { content: "\e61b"; } .pe-7s-refresh:before { content: "\e61c"; } .pe-7s-add-user:before { content: "\e6a9"; } .pe-7s-refresh-cloud:before { content: "\e61d"; } .pe-7s-paperclip:before { content: "\e69c"; } .pe-7s-radio:before { content: "\e61e"; } .pe-7s-note2:before { content: "\e69d"; } .pe-7s-print:before { content: "\e61f"; } .pe-7s-network:before { content: "\e69e"; } .pe-7s-prev:before { content: "\e620"; } .pe-7s-mute:before { content: "\e69f"; } .pe-7s-power:before { content: "\e621"; } .pe-7s-medal:before { content: "\e6a0"; } .pe-7s-portfolio:before { content: "\e622"; } .pe-7s-like2:before { content: "\e6a1"; } .pe-7s-plus:before { content: "\e623"; } .pe-7s-left-arrow:before { content: "\e6a2"; } .pe-7s-play:before { content: "\e624"; } .pe-7s-key:before { content: "\e6a3"; } .pe-7s-plane:before { content: "\e625"; } .pe-7s-joy:before { content: "\e6a4"; } .pe-7s-photo-gallery:before { content: "\e626"; } .pe-7s-pin:before { content: "\e69b"; } .pe-7s-phone:before { content: "\e627"; } .pe-7s-plug:before { content: "\e69a"; } .pe-7s-pen:before { content: "\e628"; } .pe-7s-right-arrow:before { content: "\e699"; } .pe-7s-paper-plane:before { content: "\e629"; } .pe-7s-delete-user:before { content: "\e6a7"; } .pe-7s-paint:before { content: "\e62a"; } .pe-7s-bottom-arrow:before { content: "\e6a8"; } .pe-7s-notebook:before { content: "\e62b"; } .pe-7s-note:before { content: "\e62c"; } .pe-7s-next:before { content: "\e62d"; } .pe-7s-news-paper:before { content: "\e62e"; } .pe-7s-musiclist:before { content: "\e62f"; } .pe-7s-music:before { content: "\e630"; } .pe-7s-mouse:before { content: "\e631"; } .pe-7s-more:before { content: "\e632"; } .pe-7s-moon:before { content: "\e633"; } .pe-7s-monitor:before { content: "\e634"; } .pe-7s-micro:before { content: "\e635"; } .pe-7s-menu:before { content: "\e636"; } .pe-7s-map:before { content: "\e637"; } .pe-7s-map-marker:before { content: "\e638"; } .pe-7s-mail:before { content: "\e639"; } .pe-7s-mail-open:before { content: "\e63a"; } .pe-7s-mail-open-file:before { content: "\e63b"; } .pe-7s-magnet:before { content: "\e63c"; } .pe-7s-loop:before { content: "\e63d"; } .pe-7s-look:before { content: "\e63e"; } .pe-7s-lock:before { content: "\e63f"; } .pe-7s-lintern:before { content: "\e640"; } .pe-7s-link:before { content: "\e641"; } .pe-7s-like:before { content: "\e642"; } .pe-7s-light:before { content: "\e643"; } .pe-7s-less:before { content: "\e644"; } .pe-7s-keypad:before { content: "\e645"; } .pe-7s-junk:before { content: "\e646"; } .pe-7s-info:before { content: "\e647"; } .pe-7s-home:before { content: "\e648"; } .pe-7s-help2:before { content: "\e649"; } .pe-7s-help1:before { content: "\e64a"; } .pe-7s-graph3:before { content: "\e64b"; } .pe-7s-graph2:before { content: "\e64c"; } .pe-7s-graph1:before { content: "\e64d"; } .pe-7s-graph:before { content: "\e64e"; } .pe-7s-global:before { content: "\e64f"; } .pe-7s-gleam:before { content: "\e650"; } .pe-7s-glasses:before { content: "\e651"; } .pe-7s-gift:before { content: "\e652"; } .pe-7s-folder:before { content: "\e653"; } .pe-7s-flag:before { content: "\e654"; } .pe-7s-filter:before { content: "\e655"; } .pe-7s-file:before { content: "\e656"; } .pe-7s-expand1:before { content: "\e657"; } .pe-7s-exapnd2:before { content: "\e658"; } .pe-7s-edit:before { content: "\e659"; } .pe-7s-drop:before { content: "\e65a"; } .pe-7s-drawer:before { content: "\e65b"; } .pe-7s-download:before { content: "\e65c"; } .pe-7s-display2:before { content: "\e65d"; } .pe-7s-display1:before { content: "\e65e"; } .pe-7s-diskette:before { content: "\e65f"; } .pe-7s-date:before { content: "\e660"; } .pe-7s-cup:before { content: "\e661"; } .pe-7s-culture:before { content: "\e662"; } .pe-7s-crop:before { content: "\e663"; } .pe-7s-credit:before { content: "\e664"; } .pe-7s-copy-file:before { content: "\e665"; } .pe-7s-config:before { content: "\e666"; } .pe-7s-compass:before { content: "\e667"; } .pe-7s-comment:before { content: "\e668"; } .pe-7s-coffee:before { content: "\e669"; } .pe-7s-cloud:before { content: "\e66a"; } .pe-7s-clock:before { content: "\e66b"; } .pe-7s-check:before { content: "\e66c"; } .pe-7s-chat:before { content: "\e66d"; } .pe-7s-cart:before { content: "\e66e"; } .pe-7s-camera:before { content: "\e66f"; } .pe-7s-call:before { content: "\e670"; } .pe-7s-calculator:before { content: "\e671"; } .pe-7s-browser:before { content: "\e672"; } .pe-7s-box2:before { content: "\e673"; } .pe-7s-box1:before { content: "\e674"; } .pe-7s-bookmarks:before { content: "\e675"; } .pe-7s-bicycle:before { content: "\e676"; } .pe-7s-bell:before { content: "\e677"; } .pe-7s-battery:before { content: "\e678"; } .pe-7s-ball:before { content: "\e679"; } .pe-7s-back:before { content: "\e67a"; } .pe-7s-attention:before { content: "\e67b"; } .pe-7s-anchor:before { content: "\e67c"; } .pe-7s-albums:before { content: "\e67d"; } .pe-7s-alarm:before { content: "\e67e"; } .pe-7s-airplay:before { content: "\e67f"; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/jquery.jscrollpane.css" */ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 6px; height: 100%; z-index: 9; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #ddd; position: relative; border-radius: 2px; } .jspDrag { background: #f47a53; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 2px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/owl.carousel.css" */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav div.owl-next, .owl-carousel div.owl-dot { border: none; padding: 0 !important; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .rotator1slide .owl-dots{ top: auto;right: 0px;left: 0px;text-align: center;bottom: 30px; } .rotator1slide.upnav .owl-dots{ top: 30px;bottom: auto; } .rotator1slide.nodots .owl-dots{display: none;} .rotator1slide .owl-dots .owl-dot{width: 9px;height: 9px;background: none;border: 3px solid #fff;margin-left: 5px; -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; -ms-transition: background 0.25s linear; -o-transition: background 0.25s linear; transition: background 0.25s linear;} .rotator1slide .owl-dots .owl-dot:hover{background: rgba(255,255,255,0.6)} .rotator1slide .owl-dots .owl-dot.active{background: #fff;} .owl-carousel .owl-nav div.owl-prev.disabled, .owl-carousel .owl-nav div.owl-next.disabled{color:#d4d4d4;cursor: default;} .itemspinner { width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .itemspinner .owl-stage { position: relative; -ms-touch-action: pan-Y; } .itemspinner .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .itemspinner .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .itemspinner .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .itemspinner .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .itemspinner .owl-nav.disabled, .itemspinner .owl-dots.disabled { display: none; } .itemspinner .owl-nav .owl-prev, .itemspinner .owl-nav .owl-next, .itemspinner .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .itemspinner .owl-dots { display: block; height: 12px; position: absolute; bottom: 13px; left: 0px; right: 0px;text-align: center; } .itemspinner .owl-dots .owl-dot { border: 1px solid #cecece; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; cursor: pointer; display: inline-block; height: 10px; margin: 0 3px; transition: all 0.5s ease 0s; vertical-align: top; width: 10px; background: transparent; } .itemspinner .owl-dots .owl-dot.active{border-color:#e96944;background:#e96944;} .owl-nav { position: absolute; top: 50%; margin-top: -47px; left: 0px; right: 0px; height: 0px; } .owl-nav .owl-prev{ background: url('../images/cms/sliders/owlnav_left.png') center no-repeat; width: 40px; height: 94px; position: relative; float: left; color:#102d79; font-size: 47px; } .owl-nav .owl-prev:before{ content: "\e686";font-family: "Pe-icon-7-stroke";position: absolute;top: 10px;left: -12px; } .owl-nav .owl-next{ background: url('../images/cms/sliders/owlnav_right.png') center no-repeat; width: 40px; height: 94px; float: right; position: relative; color:#102d79; font-size: 47px; } .owl-nav .owl-next:hover, .owl-nav .owl-prev:hover{color:#5a62ff;} .owl-nav .owl-next:before{ content: "\e684";font-family: "Pe-icon-7-stroke";position: absolute;top: 10px;right: -12px; } /********OVERRIDES**************/ .all-interiors .owl-nav{top: 36.5%;} .homepage-product-types .owl-nav{top: 39.5%;} .homepage-product-types div[class*="other-styles"] .owl-nav{top: 50%;} @media (min-width: 1018px){ .interiors-slider .owl-nav .owl-prev{ background: url('../images/cms/sliders/owlnav_left_gray.png') center no-repeat; } } @media (min-width: 768px){ .interiors-slider .owl-nav .owl-prev{left: 33.33333333%;margin-left: 10px;} } @media (min-width: 768px) and (max-width: 1015px){ .interiors-slider .owl-nav .owl-prev{left: 15.5%;margin-left: 10px;} .interiors-slider .owl-nav{top: 36%;} } @media (max-width: 767px){ .interiors-slider .owl-nav{top: 36%;} } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/categories.css" */ * {overflow-anchor: none;} /***USUNĄĆ PRZY WDROŻENIU NOWEJ WERSJI MOBILNEJ****/ .page.allplate ,.no-search-content .main, .catalog-category-view .main{font-size: 14px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;} /***************************************************/ .category-listing-view{ margin: 0 auto; width: 100%; position: relative; overflow: hidden; } /* Right column */ .category-title h3{margin-bottom: 5px;font-size: 1.7em;} .category-title h3:before, .category-title h3:after{display: none;} .category-title .h1_count{text-align: center;margin-top: -10px;color: rgba(0,0,0,0.6);font-size: 13px;} .category-title .h1_count:before{content: "[";} .category-title .h1_count:after{content: "]";} .cms-mode .category-title{margin-top: 11px;font-size: 12px;} .std .right-category-column{width: 100%;} .right-category-column{width: 100%; margin-top: 11px;} .category-top-banner{overflow: hidden;width: 100%;margin: 10px 0 20px;} .category-top-banner img{width: 100%;} .category-top-banner .owl-carousel img{margin-bottom: 0px;} .right-category-column .h1_count{color: rgba(0,0,0,0.6);font-size: 0.9em;margin: 3px 0 10px;text-align: center;} .toolbar{margin-bottom: 20px;} .toolbar:before,.toolbar:after {content:'';display:block;clear:both;} .sorter {display: table;float: left;} .sort-by label{color: rgba(0,0,0,0.6);display: table-cell;font-size: 0.9em;padding-right: 5px;} .sorter .prettyselect-wrap{display: table-cell;} .view-mode{display: none;} /* Category List */ .category-container li.current {font-weight: bold; color: rgba(0,0,0,0.9); padding: 5px 0;} .category-sidebar .category-container .tableLike, .category-sidebar .category-container .tableLike .tablerowLike{padding: 0px;} .category-sidebar .category-container .tableLike .tablecellLike{font-size: 14px;line-height: 1.2em;color:#102d79;vertical-align: middle;padding-bottom: 5px;padding-left: 0px;} .category-sidebar .category-container .tableLike .tablecellLike:hover{color:#5d5abf;} .category-sidebar .category-container .tableLike .tablecellLike .go-back-icon{color:#6d73ff;font-size: 26px;margin-right: 8px;padding-left: 0px;margin-top: 3px;} /* Filter state */ .currently {margin: 4px 0 8px;overflow: hidden;width: 100%;border-bottom: 1px solid #cac9ce; text-align: left;} .currently p {float: left;font-size: 1em;line-height: 2em;margin: 0;} .currently li {cursor: default;display: inline-block;margin: 0 0 5px 5px;padding: 3px 10px;position: relative;} .currently li a {background: transparent;display: inline-block;margin-left: 5px;position: relative;} .currently li a::after {color: #ff3a2b;content: "\e680";font-family: "Pe-icon-7-stroke";font-size: 20px;left: -6px;position: absolute;text-indent: 0;top: 7px;} .currently li a:hover::after {color: #d00c31;} .currently li .label {font-weight: bold;} /* Left column */ .expanded-menu, .category-container{margin-top: 10px;} .expanded-menu h4, .category-container h4{text-align: left;margin-bottom: 0px;margin-top: 2px;padding-bottom: 10px;} .expanded-menu h4:before, .category-container h4:before{left: 15px;display: none;} .expanded-menu h4:after, .category-container h4:after{left: 0;width: 100%;background: #8c8c8c;} .expanded-menu ul, .category-container ul{padding: 10px 0 20px 0px;text-align: left;} .expanded-menu ul a, .category-container ul a{line-height: 1.8em;} .expanded-menu ul a span, .category-container ul a span{color: rgba(0,0,0,0.6);font-size: 0.8em;padding-left: 3px;} /* Left column - tags */ .category-tags{margin-bottom: 20px;} .category-tags:before,.category-tags:after {content:'';display:block;clear:both;} .category-tags h4{text-align: left;margin-bottom: 0px;margin-top: 2px;padding-bottom: 10px;margin-bottom: 10px;} .category-tags h4:before{left: 15px;display: none;} .category-tags h4:after{left: 0;width: 100%;background: #8c8c8c;} .category-tags > .product-tags{max-height: 150px;padding-top: 1px;} .category-tags .tag{background:#fff; border: 1px solid #b3b3b3;display: block;float: left;margin:0 4px 4px 0;white-space: nowrap; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition: background 0.25s ease;-moz-transition: background 0.25s ease;-ms-transition: background 0.25s ease;-o-transition: background 0.25s ease;transition: background 0.25s ease;} .category-tags .tag:hover,.category-tags .tag:focus{background: #f2f2f2 !important;} .category-tags .tag a{color: #102d79;padding: 3px 8px 3px;display: block;} .category-tags .tag a:hover,.category-tags .tag a:focus{color: #5C46AB;} .category-tags #moretags{-moz-transition: max-height 0.25s linear;-webkit-transition:max-height 0.25s linear;-o-transition: max-height 0.25s linear;transition: max-height 0.25s linear;max-height: 25px;} .category-tags #moretags.clicked{max-height: 0px;} .category-sidebar .category-container:first-child{margin-top: 0px;} /* Left column - menu-container*/ .theiaStickySidebar{width: 100%;} .category-sidebar .theiaStickySidebar > h4{text-align: left;margin-bottom: 0px;margin-top: 2px;padding-bottom: 10px;} .category-sidebar .theiaStickySidebar > h4:before{display: none;} .category-sidebar .theiaStickySidebar > h4:after{left: 0;width: 100%;background: #8c8c8c;} .category-sidebar .menu-container ul{padding: 10px 0 20px 5px;} .category-sidebar .menu-container ul a{line-height: 1.8em;} .category-sidebar .menu-container ul a span{color: rgba(0,0,0,0.6);font-size: 0.8em;padding-left: 3px;} .theiaStickySidebar > .category-top-container{padding-bottom: 30px;} /* Left column - tags */ .category-top-container{margin-top: 15px;} .category-top-container h4{text-align: left;margin-bottom: 0px;margin-top: 2px;padding-bottom: 10px;margin-bottom: 10px;} .category-top-container h4:before{left: 15px;display: none;} .category-top-container h4:after{left: 0;width: 100%;background: #8c8c8c;} .category-top-container > h4 > a{color: #262626 !important;} /* Left column - filters*/ .category-top-container #narrow-by-list h4{cursor: pointer;margin: 15px 0 0px;font-size: 1.15em;padding-bottom: 0px;} .category-top-container #narrow-by-list h4 > span{box-sizing: border-box;display:block;padding-right: 15px;position: relative;width: 100%;} .category-top-container #narrow-by-list h4 > span:after{color: rgba(0,0,0,0.6);content: "\e682";font-family: "Pe-icon-7-stroke";font-size: 30px;position: absolute;text-indent: 0;right: -5px;top: 0px;-webkit-transition: color 0.25s ease; -moz-transition: transform 0.25s ease;-ms-transition: transform 0.25s ease;-o-transition: transform 0.25s ease;transition: transform 0.25s ease;} .category-top-container #narrow-by-list h4.mini > span:after{-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);-o-transform: rotateX(-180deg);transform: rotateX(-180deg);} .category-top-container #narrow-by-list h4:before{display:none;} .category-top-container #narrow-by-list h4:after{display: none;} .category-top-container #narrow-by-list ul {padding: 5px 0 0 10px;text-align: left;} .category-top-container #narrow-by-list ul li{overflow: hidden;width: 100%;} .category-top-container #narrow-by-list ul a{line-height: 1.8em;display: block;float: left;padding-left: 18px;position: relative;} .category-top-container:not(.fotolia) #narrow-by-list ul a > span:last-child{color: rgba(0,0,0,0.6);font-size: 0.8em;padding-left: 3px;} .category-top-container #narrow-by-list ul a:before{border: 1px solid rgba(0, 0, 0, 0.2);content: "";display: inline-block;height: 10px;left: 0px;position: absolute;top: 7px;width: 10px;-webkit-border-radius: 99%;-moz-border-radius: 99%;border-radius: 99%;} .category-top-container #narrow-by-list ul a.filtered{text-align: left;box-sizing: border-box;display: block;width: 100%;} .category-top-container #narrow-by-list ul a.filtered > span{display: block;width: 100%;font-size: 1em;} .category-top-container #narrow-by-list ul a:not(.filtered):focus:after,.category-top-container #narrow-by-list ul a:not(.filtered):hover:after,.category-top-container #narrow-by-list ul a.filtered > span:before{ background: #f26444;content: "";display: inline-block;height: 6px;left: 3px;position: absolute;top: 10px;width: 6px;-webkit-border-radius: 99%;-moz-border-radius: 99%;border-radius: 99%;} .category-top-container #narrow-by-list ul a.filtered > span:after{color: #ff3a2b;content: "\e680";font-family: "Pe-icon-7-stroke";font-size: 20px;position: absolute;text-indent: 0;right: 0px;top: 0px;} .category-top-container #narrow-by-list ul a.filtered:hover > span:after{color: #d00c31;} .category-top-container #narrow-by-list ul li.show-more a:after,.category-top-container #narrow-by-list ul li.show-more a:before{display: none !important;padding: 0px;} .category-top-container #narrow-by-list ul li.show-more a{padding-left: 0px;} .category-top-container #narrow-by-list ul li.show-more span{color: #102d79;font-size: 0.95em;cursor: pointer;} .category-top-container #narrow-by-list ul li.show-more span:hover{color: #5d5abf;} .category-top-container #narrow-by-list ul li.show-more a > span:after{border: 1px solid rgba(0, 0, 0, 0.2);content: "+";font-family: "Pe-icon-7-stroke";font-size: 0.9em;line-height: 0.7em;padding: 1px 2px 2px 2px;position: absolute;text-indent: 0;right: -18px;top: 7px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .category-top-container #narrow-by-list ul li.show-more a:hover > span:after{background: #f2f2f2;} .category-top-container #narrow-by-list ul li.show-more.less a > span:after{content:"-";font-size: 1.2em;line-height: 0.4em;padding: 0px 3px 6px;} .category-top-container #narrow-by-list ul img{margin:1px 1px 4px 4px; vertical-align: middle;-webkit-transition: transform 0.4s ease-in-out 0s;-moz-transition: transform 0.4s ease-in-out 0s;-ms-transition: transform 0.4s ease-in-out 0s;-o-transition: transform 0.4s ease-in-out 0s;transition: transform 0.4s ease-in-out 0s;} .category-top-container #narrow-by-list ul a:hover img,.category-top-container #narrow-by-list ul.product_color a:active img,.category-top-container #narrow-by-list ul.product_color a:focus img{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .category-top-container #narrow-by-list ul.product_color a.filtered > img{position: absolute;top: 2px;left: 0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .category-top-container #narrow-by-list ul.product_color a.filtered {padding-left: 28px;padding-top: 1px;padding-bottom: 1px;} .category-top-container #narrow-by-list ul.product_color a.filtered:before,.category-top-container #narrow-by-list ul.product_color a.filtered span:before{display: none;} .category-products .mobile_filters{display: none;} /* Product sliders*/ .similar,.category-products{width: 100%;font-size: 14px;} .similar .products-grid > .item{width: 25%;} .similar .products-grid .hidden-data{float: none;} .similar .products-grid .hidden-data h3{margin: 0px;text-overflow: ellipsis;white-space: nowrap; width: 100%;overflow: hidden;} .similar .products-grid .product-list-price{width: 100%;} .similar .products-grid .action_buttons{display: none;} .similar .products-grid .product-list-price * {float: none;} .products-grid .item{position: relative;} .products-grid .item .listing-box{overflow: hidden;box-sizing: border-box;width: 100%;position: relative;} .products-grid .item .listing-box > a{display: block;box-sizing: border-box;} .products-grid .attribute-set-35 .listing-box > a:after{ display: block;width: 67px;height: 67px;background: url('//shark.bimago.com/bimago2/product/category_items_icons.png') center 0px no-repeat;background-size: 100% auto;position: absolute;bottom: 7px;right: 20px;content: ""; } .products-grid .attribute-set-36 .listing-box > a:after{ display: block;width: 67px;height: 68px;background: url('//shark.bimago.com/bimago2/product/category_items_icons.png') center -77px no-repeat;background-size: 100% auto;position: absolute;bottom: 7px;right: 20px;content: ""; } .products-grid .is-magma .listing-box > a:after{ display: block;width: 67px;height: 68px;background: url('//shark.bimago.com/bimago2/product/category_items_icons.png') center -153px no-repeat;background-size: 100% auto;position: absolute;bottom: 7px;right: 20px;content: ""; } .products-grid .item .discount-ribbon{position: absolute;top: -8px;right: -0px;text-align: center;width: 45px;height: 45px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-size: 17px;line-height: 43px;font-family: 'Lato', "Open Sans", sans-serif;color: #fff;font-weight: 700;z-index: 1;} /* Listings button actions */ .products-grid .action_buttons{position: absolute;top: -16px;right: 0px;width: 100%;z-index: 2;box-sizing: border-box;} .products-grid .action_buttons a{ display: block; width: 33px; height: 33px; background: #fff; color: #102d79; text-decoration: none; border: 1px solid #808080; border-radius: 2px; text-align: center; -webkit-transition: border-color 0.5s ease, color 0.5s ease; -moz-transition: border-color 0.5s ease, color 0.5s ease; -ms-transition: border-color 0.5s ease, color 0.5s ease; -o-transition: border-color 0.5s ease, color 0.5s ease; transition: border-color 0.5s ease, color 0.5s ease; box-sizing: border-box;} .products-grid .action_buttons a:hover{ background: #f5f5f5; color: #5c46ab; } .products-grid .item .action_buttons .varient_ico{ display: block; width: 31px; height: 31px; background: #fff url(../images/category/varient.png) center no-repeat; border: 1px solid #808080; border-radius: 2px; position: absolute; top: -32px; right: 0px; cursor: pointer; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; z-index:12;} .products-grid .item .action_buttons .handpainted-ico{ display: block; width: 31px; height: 31px; background: #fff url(../images/category/brush.png) center no-repeat; border: 1px solid #808080; border-radius: 2px; position: absolute; top: -32px; right: 0px; cursor: pointer; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; z-index:12;} .products-grid .item .action_buttons .magma-ico{ display: block; width: 31px; height: 31px; background: #fff url(../images/category/magma.png) center no-repeat; border: 1px solid #808080; border-radius: 2px; position: absolute; top: -32px; right: 0px; cursor: pointer; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; z-index:12;} .products-grid .item .action_buttons .varient_ico:hover{ background-color: #f5f5f5; } .products-grid .item .action_buttons .varient_ico.varient_shown{background: #f5f5f5;} .products-grid .item .action_buttons .varient_ico.varient_shown:after{color: #5d5abf;content: "\e680";font-family: "Pe-icon-7-stroke";font-size: 35px;left: -2px;position: absolute;text-indent: 0;top: 0px;line-height: 1em;} .products-grid .varients{ position: absolute; width: 100%; height: 65px; z-index: 11; bottom: -1px; left: 0px; display: none; padding-right: 32px;box-sizing: border-box;overflow: hidden} .products-grid .varients .varient_box{position: relative;background: #fff;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #808080} .products-grid .varients .varient_item{ border: 1px solid #808080; border-top: 0px; position: absolute; top: -1px; bottom: -1px; padding: 5px; box-sizing: border-box; background: #fff; } .products-grid .varients .varient_item:first-child{right: -1px;left: 49.8%;} .products-grid .varients .varient_item:first-child + .varient_item{left: -1px;right: 49.8%;} .products-grid .varients .varient_item:hover{border-color: #5e65f5;z-index: 9;} .products-grid .varients .varient_item:hover:before{content: ""; display: block;height: 1px;background-color: #5e65f5;position: absolute;top: -1px;left: 0px;right: 0px;} .products-grid .varients .varient_item a{ border: none; background: none !important; display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; } .products-grid .varients .varient_item a img{ display: block; width: auto; height: 100%; margin: 0 auto; } .products-grid .varients .attribute-set-35 > a:after{display: block;width: 27px;height: 27px;background: url('//shark.bimago.com/bimago2/product/category_items_icons.png') center 0px no-repeat;background-size: auto auto;position: absolute;bottom: 6px;right: 8px;content: "";background-size: 100% auto;} .products-grid .varients .attribute-set-36 > a:after{display: block;width: 27px;height: 27px;background: url('//shark.bimago.com/bimago2/product/category_items_icons.png') center -31px no-repeat;background-size: auto auto;position: absolute;bottom: 6px;right: 8px;content: "";background-size: 100% auto;} .products-grid .item .action_buttons .stash-button{display: block; font-size: 1.5em; width: 33px; height: 33px; background-color: #fff; border: 1px solid #808080; border-radius: 2px; position: absolute; top: -32px; right: -42px; cursor: pointer; -webkit-transition: background-color 0.5s ease,right 0.2s ease; -moz-transition: background-color 0.5s ease, right 0.2s ease; -ms-transition: background-color 0.5s ease, right 0.2s ease; -o-transition: background-color 0.5s ease, right 0.2s ease; transition: background-color 0.5s ease, right 0.2s ease; z-index:12;} .products-grid .item:hover .action_buttons .stash-button{ right: 0; } .products-grid .item .action_buttons .stash-button.loading, .products-grid .item .action_buttons .stash-button:hover{ background-color: #f5f5f5; } .products-grid .item .action_buttons .stash-button.loading span{ -webkit-animation: pulseHeart 0.75s linear infinite;-moz-animation: pulseHeart 0.75s linear infinite;-ms-animation: pulseHeart 0.75s linear infinite;animation: pulseHeart 0.75s linear infinite;} .products-grid .item .action_buttons .stash-button.success{color: #4ad010; text-shadow: 0px 0px 5px #4ad010;} .products-grid .item .action_buttons > * {position: relative} .products-grid .item .action_buttons .action_buttons_flags.has-flags + .action_buttons_stash {top: -32px;} .products-grid .item .action_buttons .action_buttons_variants.has-variants + .action_buttons_flags + .action_buttons_stash {top: -32px;} .products-grid .item .action_buttons .action_buttons_variants.has-variants + .action_buttons_flags.has-flags {top: -32px;} .products-grid .item .action_buttons .action_buttons_variants.has-variants + .action_buttons_flags.has-flags + .action_buttons_stash {top: -64px;} .allplate-category-slider .owl-carousel img.mobileDevice{display: none;} .category-cols .right-category-column .homepage-product-types{margin: 0 0 25px;border-bottom: 1px solid #000;padding: 0px 0px 25px;box-sizing: border-box;} .category-cols .right-category-column .homepage-product-types .category-title > h3{text-align: left;font-size: 1.3em;margin-bottom: 0px;} .category-cols .right-category-column .homepage-product-types .category-title > h3:before, .category-cols .right-category-column .homepage-product-types .category-title > h3:after{display: none;} .category-cols .right-category-column .homepage-product-types .product-list-name a{position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .category-cols .right-category-column .homepage-product-types .product-list-name:before, .category-cols .right-category-column .homepage-product-types .product-list-name:after{display: none;} .category-cols .right-category-column .homepage-product-types a{padding: 0px !important;overflow: hidden;} .category-cols .right-category-column .homepage-product-types .product-list-name a span {margin: 0px;display: inline;} @keyframes pulseHeart { 0% {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} 50% {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);} 100% { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} } @-moz-keyframes pulseHeart { 0% {-moz-transform: scale(1.1);transform: scale(1.1);} 50% {-moz-transform: scale(0.8);transform: scale(0.8);} 100% {-moz-transform: scale(1);transform: scale(1);} } @-webkit-keyframes pulseHeart { 0% {-webkit-transform: scale(1.1);transform: scale(1.1);} 50% {-webkit-transform: scale(0.8);transform: scale(0.8);} 100% {-webkit-transform: scale(1);transform: scale(1);} } @-ms-keyframes pulseHeart { 0% {-ms-transform: scale(1.1);transform: scale(1.1);} 50% {-ms-transform: scale(0.8);transform: scale(0.8);} 100% {-ms-transform: scale(1);transform: scale(1);} } /* Fotolia listings */ .std .products-grid{padding: 0px !important;list-style: none;} /* Mobile */ @media (min-width: 901px){ .category-sidebar{width: 19%;box-sizing: border-box;float: left;padding-right: 10px;} .layout-col-left .category-sidebar{padding-top: 10px;} .right-category-column{box-sizing: border-box;padding-right: 5px;float: right;} .category-cols > .right-category-column{width: 80%;} .category-top-banner img.catergoryMobile{display:none;} } @media (max-width: 900px){ .category-intro-description ol{margin-top: 10px !important;} .category-sidebar, .right-category-column{min-height: 0px !important;} .category-cols .is_stuck{top: 0px !important;position: relative !important;} .category-top-container h4{margin-top: 0px !important; padding: 7px 0;} .category-top-banner img.catergoryDesktop{display:none;} .mobile_filters .category-top-container{margin-top: 0px;} .right-category-column .category-products > .toolbar .floatwrapper{float: left;} .category-products > .toolbar .sort-by label{display: none;} .catalog-category-view .category-sidebar,.right-category-column{padding: 0 10px;width: 100%;box-sizing: border-box;} .right-category-column,.category-sidebar{float: none;} .category-description{padding: 0 10px;} .artgeist-search-index-index .category-sidebar .theiaStickySidebar > div, .category-sidebar .theiaStickySidebar > div{display: none;} body.artgeist-search-index-index .category-sidebar {padding-top: 0px !important;} .category-sidebar .theiaStickySidebar > div.category-tags{display: block;} .category-products > .toolbar .pager{clear: none;} .category-products .mobile_filters{margin-bottom: 40px;display: block;} .category-products .mobile_filters .category-top-container > h4{display: inline-block;width: auto;padding: 7px 15px 8px;border: 1px solid #102d79;cursor: pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .category-products .mobile_filters .category-top-container > h4:before, .category-products .mobile_filters .category-top-container > h4:after{display: none;} .category-products .mobile_filters .category-top-container > h4.active{border-color: #5d5abf;background: #f2f2f2;text-decoration: none;} .category-products .prettyselect-wrap .prettyselect-label{line-height: 2.28em;} .category-products .prettyselect-wrap .prettyselect-label::after{line-height: 1em;} .category-products .pager ol li a.next, .category-products .pager ol li a.previous{width: 30px;height: 30px;} .category-products .pager ol li a.previous::after,.category-products .pager ol li a.next::after{font-size: 2.5em;line-height: 1.05em;} .category-products .prettyselect-wrap .prettyselect-drop{top: 37px;} .products-grid .item .action_buttons .stash-button{right: 0px !important;} .toolbar .pager ol{text-align: center;margin-bottom: 20px;} .toolbar-bottom .pager{width: 100%;} .toolbar-bottom .sorter{display: none;} .category-products .mobile_filters{margin-bottom: 0px;} .category-products > .toolbar .pager{width: 100%;position: absolute;bottom: -20px;} .category-products > .toolbar{position: relative;padding-bottom: 55px;} .catalog-category-view .floatwrapper .magmafilter a span, .catalog-category-view .floatwrapper .handfilter a span{background: none !important;font-size: 1.2em;} .catalog-category-view .floatwrapper .magmafilter a:before, .catalog-category-view .floatwrapper .handfilter a:before{width:37px;height: 37px;vertical-align: -55%;} .category-products > .toolbar .sorter{float: left;} .category-products > .toolbar .floatwrapper{float: right;} .category-description-intro-1, .category-description-intro-2{display: none;} .category-products .toolbar{position: relative;margin-bottom: 10px;} .category-products > .toolbar-bottom .handfilter,.category-products > .toolbar-bottom .magmafilter{margin: 0px;width: 100%;text-align: center;} .layoutbox-footer .category-description{padding-bottom: 20px !important;margin-top: 0px;} .layoutbox-footer .category-description a.more-less{left: 10px;} } @media (max-width: 767px){ .products-grid > *{width: 50%;} .allplate-category-slider .owl-carousel .owl-item .mobileDevice{display: block;} .allplate-category-slider .owl-carousel .owl-item .desktopDevice{display: none;} } @media (min-width: 641px) and (max-width: 900px){ .category-title h1{font-size: 1.3em;} .category-products > .toolbar .mobile_filters .category-top-container > h4{width: 120px;line-height: 21px;font-size: 1em;text-align: center;} .category-products > .toolbar .floatwrapper{position: absolute;top: 0px;left: 158px;} .category-products > .toolbar .sorter .prettyselect-wrap .prettyselect-label{font-size: 0.9em !important;line-height: 36px !important;} .catalog-category-view .category-products > .toolbar .magmafilter, .catalog-category-view .category-products > .toolbar .handfilter{position: absolute;top: 6px;right: 0px;margin: 0px !important;} .catalog-category-view .toolbar-bottom{position: relative;} .category-products .category-products > .toolbar .sorter .prettyselect-wrap .prettyselect-label{font-size: 0.92em !important;line-height: 36px !important;} .catalog-category-view .category-products > .toolbar .prettyselect-wrap .prettyselect-label::after{line-height: 1.2em;} .category-products > .toolbar{padding-bottom: 40px;} } @media (max-width: 640px){ .category-title h1{font-size: 1.1em;line-height: 1.3em;} .category-title .h1_count{display: none;} .catalog-category-view .category-products > .toolbar .floatwrapper .magmafilter, .catalog-category-view .category-products > .toolbar .floatwrapper .handfilter{margin:0px !important;} .catalog-category-view .category-products > .toolbar .floatwrapper .magmafilter span, .catalog-category-view .category-products > .toolbar .floatwrapper .handfilter span{padding-right: 0px ;} .category-products > .toolbar .floatwrapper{width: 100%;} .category-products > .toolbar .sorter{float: left;width: 100%;text-align: center;} .category-products > .toolbar .sort-by{display: table;margin: 0 auto 10px;width: 70%;} .category-products > .toolbar .mobile_filters{float: left;width: 100%;} .catalog-category-view .category-products > .toolbar .magmafilter, .catalog-category-view .category-products > .toolbar .handfilter{float: left;width: 100%;text-align: center;padding: 0px 0;margin: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} .category-products > .toolbar .mobile_filters .category-top-container{text-align: center;} .category-products > .toolbar .mobile_filters .category-top-container > h4{margin: 0 auto;width: 60%;text-align: center;} .category-products > .toolbar .floatwrapper {position: absolute;top: 0px;left: 0px;} .category-products > .toolbar .mobile_filters .category-top-container{overflow: hidden;} .category-products > .toolbar .mobile_filters .category-top-container > h4{width: 49%;line-height: 21px;margin: 0 1% 0 0;float: left;clear: both;box-sizing: border-box;font-size: 0.95em;} .category-products > .toolbar .mobile_filters .category-top-container .narrow-by-list{width: 100%;float: right;clear: both;} .category-products > .toolbar .floatwrapper .sort-by{position: absolute;top: 0px;right: 0;width: 49%;margin:0;} .category-products > .toolbar{margin-top: 5px;padding-bottom: 90px;} .category-products > .toolbar .sorter .prettyselect-wrap .prettyselect-label{font-size: 0.8em !important;line-height: 36px !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .catalog-category-view .magmafilter, .catalog-category-view .category-products > .toolbar .handfilter{position: absolute;bottom: 50px;left: 0px;margin: 0px !important;} .catalog-category-view .category-products > .toolbar .category-products .prettyselect-wrap .prettyselect-label::after{line-height: 1.2em;} } @media (max-width: 460px){ .products-grid .attribute-set-35 .listing-box > a:after{ width: 45px;height: 45px;background-size: 100% auto;background-position: center 0px; } .products-grid .attribute-set-36 .listing-box > a:after{ width: 45px;height: 46px;background-size: 100% auto;background-position: center -51px; } .products-grid .is-magma .listing-box > a:after{ width: 45px;height: 46px;background-size: 100% auto;background-position: center -102px; } } .catalog-category-view .magmafilter, .catalog-category-view .handfilter { cursor: pointer; float: left; margin-left: 20px; } .catalog-category-view .magmafilter a, .catalog-category-view .handfilter a{color: #000 !important;} .catalog-category-view .magmafilter a:before, .catalog-category-view .handfilter a:before{display: inline-block;width: 24px;height: 24px;border: 1px solid #000;vertical-align: top;content: "";position: relative; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-right: 5px;} .catalog-category-view .magmafilter a.checked:before, .catalog-category-view .handfilter a.checked:before{background: url('../images/category/check.png') center no-repeat;} .catalog-category-view .magmafilter a span{line-height: 26px;display: inline-block;background: url('../images/category/magma_filtr.png') center right no-repeat;padding-right: 35px; } .catalog-category-view .handfilter a span{line-height: 26px;display: inline-block;background: url('../images/category/brush.png') center right no-repeat;padding-right: 30px; } .category-description-intro-1{width: 100%;overflow: hidden;position: relative;} .category-description-intro-1 .didascalia{position: absolute;left: 37px;bottom: 29px;color: #fff;font-style: italic;font-size: 0.91em;} .category-description-intro-1 .description-text{background: rgba(255,255,255,0.6);position: absolute;top: 0px;right: 0px;width: 45.5%;height: 100%;padding: 30px 35px;box-sizing: border-box;} .category-description-intro-1 .description-text h3 img{width: 50px;height: 50px; display: inline-block; vertical-align: middle;margin-right: 10px;} .category-description-intro-1 .description-text h3{text-align: left; font-weight: bold;font-size: 1.4em;} .category-description-intro-1 .description-text p{line-height: 1.7em;color:#000;} .category-description-intro-2{width: 100%;overflow: hidden;position: relative;} .category-description-intro-2 .description-text{position: absolute;top: 5%;right: 19.5%;width: 45.5%;box-sizing: border-box;} .category-description-intro-2 .description-text h3{padding: 0px;margin: 0px 0 5px;text-align: left; font-weight: bold;font-size: 1.4em;} .category-description-intro-2 .description-text p{line-height: 1.3em;color:#000;} .category-description{margin-top: 30px;position: relative;padding-bottom: 20px;} .seo-descriptions-item h1:before, .seo-descriptions-item h1:after, .seo-descriptions-item h2:before, .seo-descriptions-item h2:after, .seo-descriptions-item h3:before, .seo-descriptions-item h3:after{display: none !important;} .seo-descriptions-item h1{font-size: 1.7em;line-height: 1.3em;text-align: left;padding-top: 30px;margin-bottom: 10px;margin-top: 0px;} .seo-descriptions-item h2,.seo-descriptions-item h3{font-size: 1.5em;line-height: 1.3em;text-align: left;padding-top: 25px;margin-bottom: 12px;margin-top: 0px;} .seo-descriptions-item p{margin: 0;padding: 0px 0 1em; font-size: 1em;line-height: 1.55em;text-align: justify;} .category-description a.more-less{cursor: pointer;display: inline-block;position: absolute;bottom: 0px;left: 0px;} .category-description a.more-less:not(.active) span.lesstext, .category-description a.more-less.active span.moretext{display: none;} .category-description a.more-less i{font-style: normal;font-size: 1.6em;vertical-align: top;} .category-description .paragraphs-to-slide{overflow: hidden;max-height: 0; -webkit-transition: max-height 0.25s linear;-moz-transition: max-height 0.25s linear;-ms-transition: max-height 0.25s linear;-o-transition: max-height 0.25s linear;transition: max-height 0.25s linear;} .category-top-banner .cms-banner{margin-top: 0px;} .category-intro-description{font-size: 13px;text-align: justify;} .category-intro-description ol{padding-left: 20px !important;margin: 25px 0;} .category-intro-description ol li{list-style-type: decimal;font-family: "Lato", "Oxygen";font-weight: bold;font-size: 20px;line-height: 0.8em;} .category-intro-description ol li span{list-style-type: decimal;font-family: "Oxygen", "Open Sans";font-weight: normal;font-size: 13px;line-height: 1em;} .category-intro-description .tooltip-element{} .category-intro-description .buttonlink a {text-align: center;} .category-intro-description .buttonlink a img{width: auto;display: inline-block;vertical-align: middle;margin: 0 7px;} .category-top-banner .patternNo{position: absolute;z-index: 1;font-size: 12px;font-family: "Lato","Oxygen", "Open Sans"} .category-intro-description .noresponsivity{width: auto;margin: 10px auto 0;display: block;max-width: 90%;} /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/owl.transitions.css" */ /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .sliderBar { background: #f47a53 none repeat scroll 0 0; height: 3px; max-width: 100%; width: 0; } .sliderProgress { background: #ededed none repeat scroll 0 0; width: 100%; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/bannerslider/bannerslider.css" */ ul.banner-slider{margin: 0px;padding: 0px;} ul.banner-slider > li.banner-slide:not(:first-child){display: none;} ul.banner-slider:not(.owl-carousel) > li .img-box-inner > img{width: 100%;} ul.banner-slider img.for-mobile{display: none;} .image-gallery-outer{overflow:hidden;width: 100%;padding: 0px !important;} .product-view div.image-gallery-outer div:not(.owl-item){float: none;} .product-view div.image-gallery-outer .owl-controls .owl-prev{float: left;} .product-view div.image-gallery-outer .owl-controls .owl-next{float: right;} .owl-carousel .owl-item li, ul.banner-slider > li, ul.banner-slider > li > .img-box, ul.banner-slider > li, ul.banner-slider > li > .img-box > a, ul.banner-slider > li, ul.banner-slider > li > .img-box > a > .img-box-inner {height: 100%;display: block;} ul,li{ padding:0; margin:0; list-style-type:none; } .img-box-inner{ position: relative; } .img-box-inner:after{background: #000;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;content: "";display: block; opacity: 0; -webkit-transition: opacity 1s ease 2s; -moz-transition: opacity 1s ease 2s; -ms-transition: opacity 1s ease 2s ; -o-transition: opacity 1s ease 2s; transition: opacity 1s ease 2s; } .owl-item.active .img-box-inner.darken:after{opacity: 0.2;} .slide-desc-box { -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d; position:absolute; top:50%; text-align:center; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; z-index: 5; opacity: 0; -webkit-transition: all 2s ease 2s; -moz-transition: all 2s ease 2s; -ms-transition: all 2s ease 2s ; -o-transition: all 2s ease 2s; transition: all 2s ease 2s; font-size: 14px;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; } .owl-item.active .slide-desc-box{ opacity: 1; } .slide-desc-box.t-left { left: 10.9%; float: left; transform:translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform:translate(0,-50%); } .slide-desc-box.t-right { right: 10%; float: right; transform:translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform:translate(0,-50%); } .slide-desc-box.t-center { text-align:center; transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); left: 50%; width: 85%; } .slide-desc-box .slide-title { font-size:2.4em; line-height: 1.1em; font-weight:400; font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif; margin-bottom: 9px !important; padding-bottom: 0px; } .slide-desc-box .slide-desc { font-size:1.22em; font-weight:400; line-height: 1.15em; display: block; } .slide-desc-box .slide-desc br{display: block;} .slide-desc-box .slide-desc > span{ display: block; position: relative; float: left; clear: both; transform:translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform:translateX(-50%); left: 50%; font-size: 0.925em; height: 41px; line-height: 38px !important; padding: 0 27px 0 34px; margin: 15px auto 0; clear: both; background:transparent; -webkit-transition: background 0.25s ease; -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .slide-desc-box .slide-desc > span.m-top30{margin-top: 30px;} .slide-desc-box .slide-desc > span:hover{ background: rgba(255,255,255,0.3) !important;} .slide-desc-box .slide-desc > span:after, .slide-desc-box .slide-desc > span:before { content:""; display:table; clear:both; } .slide-desc-box .slide-desc > span i{font-size: 1.9em;vertical-align: -29%;font-style: normal;} .slide-desc-box h3.slide-title:before,.slide-desc-box h3.slide-title:after{display: none !important;} .owl-theme .owl-controls{ margin-top: 0px; text-align: center; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-dots { position:absolute; top:10px; width:100%; text-align: right; box-sizing: border-box; } .owl-theme .owl-controls .owl-dot{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin:0 3px; } .owl-theme .owl-controls .owl-dot span{ display: block; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 20px; cursor: pointer; display: none; height: 12px; width: 12px; z-index: 9; margin:0 0 0 0; } .owl-theme .owl-controls .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-dot:hover span{ background: none repeat scroll 0 0 #d5d5d5; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-dot span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } .fullslide .scrollpagedown {display: block;background: url("../../images/arrows/scroll-slider.png"); width: 50px;height: 50px;position: absolute;left: 50%;margin-left: -25px;bottom: 0px;z-index: 2;cursor: pointer; animation: bounce-arrow 4s infinite 5s; -webkit-animation: bounce-arrow 4s infinite 5s; -moz-animation: bounce-arrow 4s infinite 5s; -o-animation: bounce-arrow 4s infinite 5s; } @-webkit-keyframes bounce-arrow { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce-arrow { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce-arrow { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce-arrow { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } @media screen and (max-width: 980px) { } @media (max-width: 767px){ .fullslide .owl-controls .owl-dots { bottom: 50px; } .fullslide::after, .slide-desc-box .slide-desc > span{display: none;} .slide-desc-box{padding: 0px;} .slide-desc-box.t-left, .slide-desc-box.t-right { right: 0; left: 0; float: right; } .slide-desc-box .shadowbox{ -webkit-box-shadow: 0 160px 78px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow:0 160px 78px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 160px 78px 0 rgba(255, 255, 255, 0.8); } .slide-desc-box .slide-title { font-size:2em; margin-bottom: 0px !important; } .slide-desc-box .slide-desc { font-size:1.3em; line-height: 1.3em; } } @media screen and (max-width: 680px) { ul.banner-slider img.for-mobile{display: block;} ul.banner-slider img.for-desktop{display: none;} .slide-desc-box{padding:0 20px;} .fullslide .owl-carousel .owl-item img{width: 100%;} .slide-desc-box .slide-title{font-size: 1.3em;line-height: 1.3em;padding-bottom: 5px;} .slide-desc-box .slide-desc{font-size: 0.86em;} } .progres-slidebar{width: 100%; height: 3px; background: #ededed ; } .progres-slidebar .bar{width: 0%; height: 3px; background: #f47a53 ; max-width: 100%; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/bannerslider/animate.min.css" */ @charset "UTF-8";/*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/bannerslider/owl.carousel.css" */ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/product.css" */ /*TO REMOVE IN FINAL VERSION*/ #handpainted-description .bimago-subheading, .product-sliders, .shipping-time-block, .product-sliders .acordion_trigger, .product-sliders .products-grid, .product-sliders .acordion_area, .product-description-content .acordion_trigger, .mobile-acordion .bimago-subheading, .pdf-download, div[class*="shipping-time-block-"] .tableLike{ width: 100%; } div[class*="shipping-time-block-"] .tablecellLike{width: 50%;} .simpleqty.letters .simple_dimensions div, .product-description-content div, .share_your_passion .tableLike, .share_your_passion .tableLike *, .product-view .nicewall_desc_item , .product-view .nicewall_desc_item div, div[class*="shipping-time-block-"] *{float: none;} #wallpapers-content ul{float: left;} .seo-description {text-align: justify; line-height: 1.6em;} .seo-description h2,.seo-description h3,.seo-description h4 {text-align: center; margin-bottom: 30px;} .seo-description:before,.seo-description:after {clear:both;content:'';display:block;} div[class*="shipping-time-block-"]{grid-gap: 60px;text-align: justify;} div[class*="shipping-time-block-"] .tablecellLike:not(:first-child){text-align: right;} div[class*="shipping-time-block-"] .tablecellLike{padding:10px;box-sizing: border-box;} .product-description-content{text-align: justify;overflow: hidden;} .product-description-content .acordion_area div[class*="float-image-"]:not(:first-child){margin-top: 25px;} .float-image-left, .float-image-right{overflow: hidden;} .float-image-left img{float: left; max-width: 50%;margin-bottom: 10px;margin-right: 30px;} .float-image-right .bimago-subheading, .float-image-left .bimago-subheading{ float: none;margin-bottom: 0px;margin-top: 0px; } .float-image-right img{float: right; max-width: 50%;margin-bottom: 15px;margin-left: 30px;} #looms_description .loom-header strong{font-size: 18px;display: block;line-height: 1em;} #looms_description img{margin: 10px 0;width: 100%;} #looms_description .bimago-subheading{margin: 0px;width: 100%;} #looms_description{grid-gap: 40px;} .video-icon{display:block;position: relative;cursor: pointer;margin-bottom: 15px;width: 100%;} .video-icon .apla{color: #fff;position: absolute;bottom: 0px;left: 0px;right: 0px;} .video-icon img{width: 100%;} .video-icon .apla img{position: absolute;bottom: 0px;left: 0px;} .video-icon .pe-7s-play{ border: 3px solid #fff; border-radius: 50%; font-size: 5em; margin: 10px 0 10px 10px; padding: 10px 5px 10px 5px; text-indent: 10px; box-sizing: border-box; background: rgba(255,255,255,0); vertical-align: middle; -webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;-ms-transition: background 0.3s linear;-o-transition: background 0.3s linear;transition: background 0.3s linear; } .video-icon:hover .pe-7s-play{background: rgba(255,255,255,0.3);} .video-icon .playBtn{z-index: 9;position: relative; text-align: center;vertical-align: middle;width: 100%;} #handpainted-description img{max-width: 100%;} #handpainted-description .grid-3-cols{grid-gap: 0 20px;margin-bottom: 20px;} #techniques_compare{width: 100%;border-collapse: collapse;border: 1px solid #999999;max-width: 100%;table-layout:fixed;margin-top: 20px;} #techniques_compare th{padding: 15px 10px;border: 1px solid #999999;border-bottom: 2px solid #f26444;text-align: center;font-weight: bolder;line-height: 1.2em;} #techniques_compare th span{display: block;font-weight: normal;font-size: 0.9em;color: #606060;} #techniques_compare td{padding: 15px 10px;border: 1px solid #999999;text-align: center;vertical-align: middle;} #techniques_compare td:first-child{text-align: left;font-weight: bolder;} .instructions-box .instructions-links{width: 100%;padding: 10px 0;text-align: center;} .instructions-box .instructions-links .link_button {margin: 0 auto;float: none;} .instructions-box .instructions-links .link_button a{ display: inline-block;vertical-align: top;margin: 10px 5px 0;background: #f26444;color: #fff;font-size: 1em;float: none !important; position: relative;padding: 0 18px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-decoration: none !important;line-height: 2.8em; } .instructions-box img{width: 100%;} .instructions-box .instructions-links .link_button a:hover{background: #ff7353;} .instructions-box .instructions-links .link_button.pdf_link a{padding-left: 35px;} .instructions-box .instructions-links .link_button.pdf_link a:before{content: url("../images/wallpapers/pdf_icon.png");position: absolute;top: 6px;left: 9px;width: 20px;height: 24px;display: block;} .instructions-box .instructions-links .link_button.fullpage_link:after{content: url("../images/wallpapers/arrowWhiteRight.png");position: absolute;top: 3px;right: 15px;width: 11px;height: 12px;display: block;} .instruction-box img{margin-bottom: 10px;} .instruction-box p span{display: inline-block;float: left;font-size: 40px;font-family: "Open Sans";color:#f15828;line-height: 1em;padding-right: 10px;} .instruction-box{margin-bottom: 10px;} #wallpapers-content .tableLike .tablecellLike{vertical-align: middle;padding-bottom: 10px;float: none;} #wallpapers-content .tableLike .tablecellLike img{margin-right: 15px;} #wallpapers-content ul{display: block;} #wallpapers-content ul li{padding-bottom: 2px;} .pdf-download{text-align: center;margin-top: 20px;} .pdf-download .buttonlink{float: none;margin: 0 auto;} .share_your_passion p{font-size: 18px;margin-bottom: 15px;line-height: 1.4em;} .share_your_passion .tableLike .tablecellLike:first-child{padding-right: 20px !important;} .share_your_passion .tableLike{margin-bottom: 3px;} .share_your_passion .tableLike span{font-size: 13px;display: block;color:#686868;line-height: 1.1em;margin-top: 5px;} .instruction-download{position: relative;box-sizing: border-box;background: #f2f2f2;cursor: pointer;float: none !important;margin-bottom: 30px;} .instruction-download:before{content: "";display: block;padding-top: 78%;} .instruction-download a {position: absolute;width: 100%;color: #102d79;height: 100%;top: 0px;left: 0px;font-size: 18px;} .instruction-download a span{display: block;position: relative; box-sizing: border-box;width: 100%;padding: 0 10px;top: 50%;text-align: center; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .instruction-download a span i{display: block;font-size: 50px;} .product-view div.round-number{width: 100%;text-align: center;float: none;} .round-number span{display: inline-block;width: 50px;height: 50px;text-align: center;font-size: 25px;border: 2px solid #000; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 48px;} .slider-box p[class*="color_"]{font-size: 18px;font-weight: bold;margin: 0px 0 20px;line-height: 1.2em;} .slider-box p[class*="color_"] span{color:#666;} .color_cdc512{color: #cdc512;} .color_189ce7{color: #189ce7;} .color_01c5ca{color: #01c5ca;} .color_28b825{color: #28b825;} .color_0ac4dd{color: #0ac4dd;} .color_ee5c71{color: #ee5c71;} .color_52c810{color: #52c810;} .color_f36444{color: #f26444;} .slider-box p{text-align: center;} .slider-box{width: 100%;} .slider-box ul{padding-left:30px;} .slider-box ul li{position: relative;} .slider-box ul li:before{display: block;content: ""; position: absolute;top: 8px;left: -15px;width: 5px;height: 5px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .color_cdc512 ~ ul li:before{background-color: #cdc512;} .color_189ce7 ~ ul li:before{background-color: #189ce7;} .color_01c5ca ~ ul li:before{background-color: #01c5ca;} .color_28b825 ~ ul li:before{background-color: #28b825;} .color_0ac4dd ~ ul li:before{background-color: #0ac4dd;} .color_ee5c71 ~ ul li:before{background-color: #ee5c71;} .color_52c810 ~ ul li:before{background-color: #52c810;} .color_ee5c71 ~ ul li:before{background-color: #ee5c71;} .color_f36444 ~ ul li:before{background-color: #f26444;} .customers-instructions .image-box{width: 100%;text-align: center;} .customers-instructions .image-box img{max-width: 100%;margin: 0 auto;} .customers-instructions.customers-history.itemspinner .owl-dots{display: none;} .customers-instructions.itemspinner .owl-nav.disabled{display: block;} #scratches-content .tablecellLike:first-child{width:60px;padding-right: 10px;} #scratches-content #gift-reasons .tablecellLike:first-child{width:75px;padding-right: 10px;} .customers-history{overflow: hidden;} .customers-history.itemspinner .owl-dots, .customers-history.itemspinner .owl-dots *{float: none;} .customers-history.itemspinner .owl-dots{bottom: 10px !important;top: auto !important;left: 50%;width: 50%;} .customers-history .author{text-align: center;font-size: 18px;margin-top: 40px;position: relative;float: none;font-weight: normal;} .customers-history .author:before{position: absolute;top: -15px;left: 50%;width: 20px;height: 3px; content: "";display: block;margin-left: -10px;background: #f16544;} .customers-history .story_item{padding: 15px 25px 25px;text-align: center;box-sizing: border-box;} #scratches-content .grid-2-cols{grid-template-areas: "slider text"} #scratches-content .grid-2-cols.slider-right{grid-template-areas: "text slider"} #scratches-content .grid-2-cols .content-slider{grid-area: slider;min-width: 0; -ms-grid-row: 1; -ms-grid-column: 1;} #scratches-content .grid-2-cols .content-text{grid-area: text;min-width: 0; -ms-grid-row: 1; -ms-grid-column: 2;} #scratches-content .grid-2-cols .item{width: auto;} .cork-list small{font-size: 12px;color: #5f5f5f;line-height: 1.3em;display: block;} .cork-list li{padding-bottom: 5px} .content-notice strong{font-size: 18px;color:red;} .content-notice{padding: 10px 0;} .nicewall_desc_item{position: relative;padding-bottom: 20px;} .nicewall_desc_item.geek_item .tableLikeWrapper{background: #7c6764;} .nicewall_desc_item.geek_item .tableLikeWrapper:after{border-left: 6px solid #7c6764;} .nicewall_desc_item.geek_item .tableLikeWrapper:before{border-right: 22px solid #7c6764;} .nicewall_desc_item.fan_item .tableLikeWrapper{background: #7f8563;} .nicewall_desc_item.fan_item .tableLikeWrapper:after{border-left: 6px solid #7f8563;} .nicewall_desc_item.fan_item .tableLikeWrapper:before{border-right: 22px solid #7f8563;} .nicewall_desc_item.meloman_item .tableLikeWrapper{background: #4f5e75;} .nicewall_desc_item.meloman_item .tableLikeWrapper:after{border-left: 6px solid #4f5e75;} .nicewall_desc_item.meloman_item .tableLikeWrapper:before{border-right: 22px solid #4f5e75;} .nicewall_desc_item.child_item .tableLikeWrapper{background:#c6ae30;} .nicewall_desc_item.child_item .tableLikeWrapper:after{border-left: 6px solid #c6ae30;} .nicewall_desc_item.child_item .tableLikeWrapper:before{border-right: 22px solid #c6ae30;} .nicewall_desc_item .tableLikeWrapper:after{width: 0; height: 0;border-top: 0px solid transparent;border-bottom: 55px solid transparent;content:"";display: block;position: absolute;top: 0px;right: -6px;} .nicewall_desc_item .tableLikeWrapper:before{width: 0; height: 0;border-top: 0px solid transparent;border-bottom: 55px solid transparent;content:"";display: block;position: absolute;top: 0px;left: -22px;} .nicewall_desc_item .tableLike{table-layout: initial;margin: 0 auto;text-align: center;} .nicewall_desc_item .tableLike .tablecellLike{padding: 0 3px;line-height: 1.1em;font-size: 13px;height: 55px;text-align: left;box-sizing: border-box;} .nicewall_desc_item .tableLike .tablecellLike strong{font-size: 16px;} .nicewall_desc_item .tableLike .tablecellLike:first-child{white-space: nowrap;text-align: right;vertical-align: top;padding-top: 13px;} .nicewall_desc_item.fan_item .tableLike .tablecellLike:first-child{padding-top: 20px;} .nicewall_desc_item .tableLikeWrapper{position: absolute;bottom: 0px;right: 40px;color:#fff;text-align: center;padding: 0 20px;max-width: 100%;} #paravent-technical{margin-top: 30px;} #paravent-technical .tablecellLike:first-child{width: 55px;padding-right: 10px;} #paravent-technical .tablecellLike span{display: block;color: #5f5f5f;line-height: 1.3em; font-size: 13px;} #paravent-usage .item span {display: inline-block;font-size: 28px;color: #435cdb;line-height: 1em;padding-right: 10px;} #paravent-usage .item p{line-height: 1.3em;} #paravent-usage{grid-gap: 5px 70px;text-align: left;padding: 0 8%;box-sizing: border-box;} #paravent-usage .tablecellLike:first-child{width: 40px;padding-right: 10px;} #paravent-advantages{margin-top: 20px;} #magma-content .grid-2-cols{box-sizing: border-box;grid-gap: 0px 30px;} #magma-content .magma_slider {text-align: center;} #magma-content picture{padding-top: 10px;display: block;} #magma-content .owl-item > .grid-2-cols{padding: 0 30px;box-sizing: border-box;} #magma-pros .tablecellLike:first-child{width: 60px;padding-right: 10px;} .magma_history_slider .bg_898886{background: #898886; color: #fff;} .magma_history_slider .bg_f0e9e1{background: #f0e9e1;} .magma_history_slider .bg_e5eeee{background: #e5eeee; } .magma_history_slider .bg_ede4d2{background: #ede4d2;} .magma_history_slider{text-align: left;} .magma_history_slider .quote-sign{width: 24px !important;;margin: 25px auto 10px;} .magma_history_slider .tablecellLike:first-child{width: 45px;padding-right: 10px;} .magma_history_slider .tablecellLike strong{display: block;} .magma_history_slider .tablecellLike{line-height: 1.3em;} .magma_history_slider .grid-2-cols .left40{padding-left: 40px;box-sizing: border-box;padding-right: 10px;} .magma_history_slider .grid-2-cols .right40{padding-right: 40px;box-sizing: border-box;padding-left: 40px;} .magma_history_slider .wrap-circle-text{position: relative;} .magma_history_slider .overflowhidden{overflow: hidden;} #magma-techs{grid-gap: 0 50px;} #corkcut-technical .p-header{margin: 30px 0 20px;} #corkcut-technical .tablecellLike:first-child{width: 56px;padding: 5px 20px 5px 40px;} .corkcut-usage .item li span{display: block;margin-top: 3px;color: #606060;line-height: 1.2em;} .corkcut-usage .item li{margin-bottom: 18px;} .corkcut-usage {margin-bottom: 50px;} .image-float-left{text-align: left;overflow: hidden;} .image-float-left:not(:last-child){margin-bottom: 20px;} .image-float-left .pe-7s-info{float: left;margin: -2px 10px 0px 0; font-size: 31px;color:#f15828;} /*********CONFIGURATION***********/ .simpleqty.letters .simple_dimensions{margin-top: 10px;} .simpleqty.letters .simple_dimensions textarea{margin: 0px;padding: 15px 10px; line-height: 1.2em;} .simpleqty.letters .simple_dimensions .input-box{margin: 0px;} .simpleqty.letters .letters_count{color:#787878;font-size: 13px;} .bordered-squares{ width: 100%; } .bordered-squares .clickable{ border: 1px solid transparent; overflow: hidden; box-sizing: border-box; } .bordered-squares .for_id{padding: 0px !important;position: relative;} .bordered-squares .for_id img{width: 100%;border: 2px solid #ccc;box-sizing: border-box;} .bordered-squares .clickable.active, .bordered-squares .clickable.active img{border-color:#f26444;} .bordered-squares .clickable .for_id:after, .bordered-squares .clickable .for_id:before { display: none !important; } .bordered-squares .for_id p{ -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: 0px;background:rgba(0,0,0,0.6); transition: all .35s ease; z-index:3; opacity: 0; visibility: hidden;} .bordered-squares .for_id p:hover, .bordered-squares .for_id:hover p{ opacity: 1; visibility: visible; } .bordered-squares .for_id p span{display: block;position: absolute;top: 50%;width: 100%;padding: 0 10px;margin: 0px;box-sizing: border-box;text-align: center;color:#ffffff; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .bordered-squares .for_id .infoico { background: #fff url(../images/category/info_icon.png) center no-repeat; border: 1px solid #ccc; border-radius: 2px; bottom: 1px; cursor: pointer; display: block; height: 31px; position: absolute; right: 1px; text-align: center; width: 31px; z-index: 1; } /********CMSY********************/ #product-pros{padding: 0 5%;margin: 30px auto;} #product-pros .tablecellLike:first-child{padding-right: 20px;width: 55px;} picture img{width: 100%;} @media all and (min-width: 767px) and (max-width: 1015px) { #maincontent{padding: 0 10px;} } @media all and (min-width: 768px) { .acordion_area{display: block !important;} #paintnumbers-content .grid-2-cols{grid-gap: 0 60px;} #paintnumbers-content .paint_numbers_slider .grid-2-cols .item:not(.image-box){padding-right: 60px;box-sizing: border-box;} #paintnumbers-content .paint_numbers_slider .grid-2-cols.revert-content .item:not(.image-box){padding-left: 60px; padding-right: 0px;box-sizing: border-box;} .customers-instructions .owl-item:nth-child(2n+1) .slider-box{box-sizing: border-box;} .customers-instructions .owl-item:nth-child(2n) .slider-box{box-sizing: border-box;} #paravent-technical em{display: none;} #magma-content .grid-2-cols .grid-2-cols{grid-gap: 0px;padding: 0 30px;box-sizing: border-box;} #magma-content .other_img{padding: 30px 20px 0;box-sizing: border-box;} .magma_history_slider .bg_898886 img.circlewrap{border: 20px solid #898886;} .magma_history_slider .bg_f0e9e1 img.circlewrap{border: 20px solid #f0e9e1;} .magma_history_slider .bg_e5eeee img.circlewrap{border: 20px solid #e5eeee;} .magma_history_slider .bg_ede4d2 img.circlewrap{border: 20px solid #ede4d2;} .magma_history_slider img.circlewrap{z-index: 2; float: left; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 160px;margin-left: -130px;margin-top: -55px;} .magma_history_slider .revert-content img.circlewrap{float: right;margin-right: -100px;margin-left: auto;} .magma_history_slider picture{padding: 0px;height: 100%;} .magma_history_slider picture img{height: 100%;} #corkcut-content .grid-2-cols{grid-gap: 0 30px;} .corkcut-usage .item, .cork-list .item, .customers-history .grid-2-cols .item, #scratches-content .grid-2-cols .item, .paint_numbers_slider .grid-2-cols .item, #corkcut-content .paint_numbers_slider .grid-2-cols .item{align-self: center;min-width: 0;width: auto;} #corkcut-content .paint_numbers_slider .grid-2-cols .item:not(.image-box){padding-right: 60px;box-sizing: border-box;} #corkcut-content .paint_numbers_slider .grid-2-cols.revert-content .item:not(.image-box){padding-left: 60px; padding-right: 0px;box-sizing: border-box;} } @media all and (max-width: 767px) { .catalog-product-view .acordion_trigger{border: 1px solid #ccc;position: relative;width: 100%;box-sizing: border-box;} .catalog-product-view .acordion_trigger:after{ position: absolute;display: block;right: 8px;top: 4px;font-size: 2.5em;line-height: 1.3em;content: "\e682";font-family: "Pe-icon-7-stroke"; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;} .catalog-product-view .acordion_trigger:not(.active):after{transform: rotate(90deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} .catalog-product-view .acordion_trigger .orange-heading{text-align: left;margin: 13px 0 10px;padding: 0px;} .catalog-product-view .acordion_trigger .orange-heading .header-icon{display: none;} .catalog-product-view .acordion_trigger .text-header{text-align: left;cursor: default;font-size: 16px;padding: 0 45px 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100% !important;box-sizing: border-box;} .catalog-product-view .acordion_trigger .text-header:before, .catalog-product-view .acordion_trigger .text-header:after{display: none;} .catalog-product-view .acordion_area p:first-child{margin-top: 10px;} .catalog-product-view .acordion_area{overflow: hidden;display: none;} .mobile-acordion{margin: 5px 0;} div[class*="shipping-time-block-"]{grid-gap: 0px;} .product-description-content .acordion_area div[class*="float-image-"]:first-child{margin-top: 15px;} #looms_description{grid-gap: 10px 40px;} #looms_description {margin-top: 15px;} .instructions-box .grid-4-cols{margin-top: 20px;} #wallpapers-content{margin-top: 15px;} .pdf-download{margin: 0px auto 15px;} #paintnumbers-content{margin-top: 20px;} #corkcut-content{margin-top: 20px;} .share_your_passion{margin-bottom: 20px;} #scratches-content{margin-top: 20px;} .share_your_passion p{margin-top: 0px;} .customers-history.itemspinner .owl-dots{left:0;width: 100%;} #scratches-content .grid-2-cols{grid-template-areas: "slider" "text"} #scratches-content .grid-2-cols.slider-right{grid-template-areas: "text" "slider"} .nicewall_desc_item .tableLikeWrapper{left: 50%;transform: translate(-50%, 0);right: auto;min-width: 305px;} #paravent-technical em{display: inline-block;font-style: normal;} #magma-content{margin-top: 20px;} #magma-content .customers-instructions .owl-item .slider-box {padding: 0;} #magma-content .stay-initial{max-width: 400px;margin: 0 auto;} #magma-pros{margin-bottom: 30px;} .magma_history_slider {margin-top: 20px;} .magma_history_slider .grid-2-cols .right40, .magma_history_slider .grid-2-cols .left40{padding: 50px 40px 0;} .magma_history_slider .grid-2-cols {padding-bottom: 20px;grid-gap: 0px;} .magma_history_slider img.circlewrap{position: absolute;width: 120px;left: 50%;margin-left: -70px;top: -180px;z-index: 2;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .magma_history_slider .bg_898886 img.circlewrap{border: 10px solid #898886;} .magma_history_slider .bg_f0e9e1 img.circlewrap{border: 10px solid #f0e9e1;} .magma_history_slider .bg_e5eeee img.circlewrap{border: 10px solid #e5eeee;} .magma_history_slider .bg_ede4d2 img.circlewrap{border: 10px solid #ede4d2;} } @media all and (max-width: 620px) { .similar .products-grid > .item{width: 50%;} #techniques_compare th, #techniques_compare td { padding: 5px 2px; font-size: 11px; } } @media all and (max-width: 420px) { .float-image-right img, .float-image-left img{width: 100%;max-width: 100%;margin-right: 0px;margin-left: 0px;float: none;} } .product-view{ display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: "productheader" "productdiscountbanner" "productdetails" "productconfiguration" "quartic1" "productaccessories" "productrecommendations" "productdelivery" "productdescriptions" "quartic2" "productseo" "productcomments"; justify-items: stretch; width: 100%; box-sizing: border-box; } .product-view > .orange-heading{margin-top: 15px;margin-bottom: 0px;grid-area:productheader;min-width: 0} .product-view > .product-details{grid-area:productdetails;min-width: 0} .product-view > .checkout_cart_discount_banner{grid-area:productdiscountbanner;min-width: 0;margin-bottom: 20px;} .product-view > .product-configuration{grid-area:productconfiguration;min-width: 0;margin-top: 30px;} .product-view > .product-accessories-list{grid-area:productaccessories;min-width: 0;overflow:hidden;} .product-view > .product-sliders{grid-area:productrecommendations;min-width: 0} .product-view > .product-accessories-list + .qONjs{grid-area:quartic1;min-width: 0} .product-view > .product-description-content + .qONjs{grid-area:quartic2;min-width: 0} .product-view > .shipping-time-block{grid-area:productdelivery;min-width: 0} .product-view > .product-description-content{grid-area:productdescriptions;min-width: 0} .product-view > .seo-description{grid-area:productseo;box-sizing: border-box;min-width: 0} .product-view > .product-comments{grid-area:productcomments;min-width: 0} .product-view .product-number span:first-child{color:#787878;} .product-media .fullgallery.fullscreen .handpaint_ico, .product-media .fullgallery.fullscreen .magma_ico, .product-media .fullgallery:not(.fullscreen) .close_button, .product-media .fullgallery:not(.fullscreen) .gallery-logo{display: none;} .product-media .fullgallery .product-image{border: 1px solid #b8b8b8;box-sizing: border-box;} .product-media .fullgallery.fullscreen .media-gallery{border: 0px;} .product-media .fullgallery.fullscreen .media-gallery, .product-media .fullgallery.fullscreen .media-gallery .owl-stage-outer, .product-media .fullgallery.fullscreen .media-gallery .owl-stage-outer .owl-stage, .product-media .fullgallery.fullscreen .media-gallery .owl-stage-outer .owl-stage .owl-item, .product-media .fullgallery.fullscreen .media-gallery .owl-stage-outer .owl-stage .owl-item .item{height: 100% !important;} .fullgallery.fullscreen{position: fixed;width: 100% !important;height: 100% !important;top: 0px;right: 0px;bottom: 0px;left: 0px;background:#fff;z-index: 9999;} .product-media .fullgallery.fullscreen .media-gallery .owl-nav{display: block;} @media all and (orientation: landscape){ .product-media .fullgallery.fullscreen .media-gallery .owl-stage-outer .owl-stage .owl-item .item img{height: 100%;margin: 0 auto;width: auto;object-fit: contain; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%) } } @media all and (orientation: portrait){ .product-media .fullgallery.fullscreen .media-gallery .owl-stage-outer .owl-stage .owl-item .item img{width: 100%;margin: 0 auto;height: auto;object-fit: contain; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%) } } .product-media .fullgallery.fullscreen .media-gallery-thumbnails{position: absolute;bottom: 10px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 9} .product-media .fullgallery div.close_button {position: absolute;top: 0px;right: 0px; font-size: 47px;cursor: pointer;color: #102d79;z-index:2;background: #fff;z-index: 9;} .product-media .fullgallery div.close_button:hover{color:#5a62ff;} .product-media .fullgallery .gallery-logo{position: absolute;top: 10px; left: 15px;z-index: 9;} .product-media .fullgallery .gallery-logo img{width: 100px;} .product-media .image-box{position: relative;} .product-media .owl-carousel *{box-sizing: border-box;} .product-media .fullgallery{box-sizing: border-box;overflow: hidden;max-width: 100%;} .product-media .media-gallery {border: 1px solid #b8b8b8;box-sizing: border-box;overflow: hidden;} .product-media .media-gallery:not(.owl-loaded){display: block;} .product-media .media-gallery:not(.owl-loaded) .item:first-child ~.item{ display: none; } .product-media .media-gallery img{max-width: 100%;box-sizing: border-box;} .product-media .media-gallery-thumbnails{width: 410px;margin: 0 auto;box-sizing: border-box;padding: 5px;overflow: hidden;margin-top: 10px;background:#fff;border: 1px solid #b8b8b8;z-index: 1;position: relative;} .product-media .media-gallery-thumbnails.count-items-4{ width: 330px; } .product-media .media-gallery-thumbnails.count-items-3{ width: 250px; } .product-media .media-gallery-thumbnails.count-items-2{ width: 170px; } .product-media .media-gallery-thumbnails.count-items-1{ width: 90px;border-color:transparent; } .product-media .fullscreen .media-gallery-thumbnails.count-items-1{display: none;} .product-media .media-gallery.single-gallery .owl-nav{display: none !important;} .product-media .media-gallery-thumbnails > .item{width: 18%;float: left;margin: 0 1%;} .product-media .media-gallery-thumbnails img{width: 100%;box-sizing: border-box;} .product-media .media-gallery-thumbnails .owl-item .item{border: 1px solid transparent;box-sizing: border-box;} .product-media .media-gallery-thumbnails .owl-item.current .item{border-color: #f26444;} .product-media .media-gallery-thumbnails a{display: block;box-sizing: border-box;} .variants-carousel .owl-nav, .product-media .media-gallery-thumbnails .owl-nav{margin-top: -30px;} .variants-carousel .owl-nav .owl-prev:before, .product-media .media-gallery-thumbnails .owl-nav .owl-prev:before{font-size: 30px;top: 8px; left: -7px;} .variants-carousel .owl-nav .owl-prev, .product-media .media-gallery-thumbnails .owl-nav .owl-prev{ height: 62px; width: 26px; background-size: 100% 100% } .variants-carousel .owl-nav .owl-next:before, .product-media .media-gallery-thumbnails .owl-nav .owl-next:before{font-size: 30px;top: 8px; right: -7px;} .variants-carousel .owl-next, .product-media .media-gallery-thumbnails .owl-nav .owl-next{ height: 62px; width: 26px; background-size: 100% 100% } .inContent.owl-carousel .owl-nav{ margin-top: -35px; } .inContent.owl-carousel .owl-prev{ background: none; width: 15px; height: 54px; margin-left: -15px; overflow: hidden; } .inContent.owl-carousel .owl-next{ background: none; width: 15px; height: 54px; margin-right: -15px; overflow: hidden; } .inContent.owl-carousel .owl-prev:before{ top: -8px; left: -18px; } .inContent.owl-carousel .owl-next:before{ top: -8px; right: -18px; } .product-media .media-gallery-thumbnails .item{width: 76px;height: 76px;box-sizing: border-box;text-align: center;} .product-media .media-gallery-thumbnails .item img{position: relative;top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .product-media .media-gallery:after { content:""; background-size: 100% auto; width: 210px; height: 58px; position: absolute; bottom: -1px; left: 50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index: 2; display:none; } .product-media .fullgallery.is-bestseller:not(.fullscreen) .media-gallery:after, .product-media .fullgallery.is-perfect-match:not(.fullscreen) .media-gallery:after, .product-media .fullgallery.is-new:not(.fullscreen) .media-gallery:after { display:block; } .store-british .is-new .media-gallery:after{ background: url('../images/icons/isNew_en.png') center bottom no-repeat; } .store-english .is-new .media-gallery:after{ background: url('../images/icons/isNew_en.png') center bottom no-repeat; } .store-french .is-new .media-gallery:after{ background: url('../images/icons/isNew_fr.png') center bottom no-repeat; } .store-german .is-new .media-gallery:after{ background: url('../images/icons/isNew_de.png') center bottom no-repeat; } .store-italian .is-new .media-gallery:after{ background: url('../images/icons/isNew_it.png') center bottom no-repeat; } .store-netherlands .is-new .media-gallery:after{ background: url('../images/icons/isNew_nl.png') center bottom no-repeat; } .store-polish .is-new .media-gallery:after{ background: url('../images/icons/isNew_pl.png') center bottom no-repeat; } .store-portugal .is-new .media-gallery:after{ background: url('../images/icons/isNew_pt.png') center bottom no-repeat; } .store-spanish .is-new .media-gallery:after{ background: url('../images/icons/isNew_es.png') center bottom no-repeat; } .store-swedish .is-new .media-gallery:after{ background: url('../images/icons/isNew_se.png') center bottom no-repeat; } body[class*='store-'] .product-media .is-bestseller .media-gallery:after{ background: url('../images/icons/isBestseller_se.png') center bottom no-repeat; } body[class*='store-'] .product-media .is-perfect-match .media-gallery:after{ background: url('../images/icons/perfectMatch.png') center bottom no-repeat; } @media all and (max-width:460px) { .products-grid .product-link:after { width: 150px; height: 42px; } } .product-media #stash-button{position: relative;width: 32px;height: 32px;background:transparent;padding: 0px; display: block;position: relative;border: 0px;cursor: pointer; } .product-media .add-to-stash:before{ display: block; font-family: "Pe-icon-7-stroke"; content: "\e642"; font-size: 21px; left: 0px; top: 0px; position: absolute; color: #102d79; width: 32px;text-align: center; line-height: 34px; } .product-media .add-to-stash{position: relative;overflow: visible !important;} .product-media .add-to-stash.loading:before{ -webkit-animation: pulseHeart 0.75s linear infinite; -moz-animation: pulseHeart 0.75s linear infinite; -ms-animation: pulseHeart 0.75s linear infinite; animation: pulseHeart 0.75s linear infinite; } .product-media .add-to-stash:hover:before{ color: #5c46ab; } .product-media .add-to-stash.loading, .product-media .add-to-stash:hover{ background:#f5f5f5; } .product-media .add-to-stash.success:before{ color: #4ad010; } .product-media .image_magnifier:hover{background:#f5f5f5;color:#5a62ff;} .product-media .image_magnifier span{width: 100%;text-align: center;font-size: 25px;color:#102d79;line-height: 32px;} .product-media .gallery-actions{position: absolute;width: 34px;bottom: 99px;right: 0px;z-index:2} body:not(.fotolia) .product-media .gallery-actions.noimages{bottom: 0 !important;} .store-spanish .product-media .gallery-actions{bottom: 98px;} .product-media .gallery-actions > div{ border: 1px solid #b8b8b8;background:#fff;cursor: pointer;line-height:36px;margin-bottom: -1px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width: 32px;height: 32px;overflow: hidden;z-index: 1; -webkit-transition:all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; } .product-media .pinitBtn img{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .widget-category-banner .banner-text ol { list-style-type:upper-greek;} .widget-category-banner .banner-text ol li {font-family: "Lato","Oxygen","Open Sans"; list-style-type:upper-greek;font-weight: bold;font-size: 20px;line-height: 1em;padding-left: 10px;} .widget-category-banner .banner-text ol li span{color: #262626;font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;font-weight: normal;font-size: 14px;line-height: 1.3em;position: relative;top: -3px;} .product-media .gallery-actions > div.fotolia-watermark-notice{ background: #fff url(../images/category/info_icon.png) center no-repeat;cursor: default; } .product-media .gallery-actions > div.fotolia-watermark-notice > div{ position: absolute;top: -31px;left: 50%;display: table-cell;white-space: nowrap;background:#fff6ed;border: 1px solid #eed6bf;padding: 2px 7px;border-radius: 10px;line-height: 2em; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);visibility: hidden;opacity: 0;font-size: 13px;} .product-media .gallery-actions > div.fotolia-watermark-notice:hover > div{visibility: visible;opacity: 1;} .product-view > .orange-heading:first-child{margin: 0px;padding: 10px 0;} .product-view .product-attribes{ border-bottom: 1px solid #dddddd;padding: 0px 0 6px 0; } .product-view .product-attribes .product-is-handpainted{ line-height: 26px; background: url('../images/category/brush.png') center left no-repeat;padding-left: 30px;background-size: 18px auto; } .product-view .product-attribes .availability { background: url("../images/category/check-green.png") no-repeat -3px -1px; padding-left: 30px; color: #12ad47; background-size: 25px auto; } .product-view .summary-accesories{font-size: 13px;line-height: 20px;padding: 0px;} .product-view .product-params-list{font-size: 13px;line-height: 20px;padding: 6px 0 0;} .product-view .product-params-list .label{color:#898989;} .product-view .product-params-list ul, .product-view .product-params-list ul li{display: block;width: 100%;} .product-view .summary-boxt .value{padding: 0 10px 0 5px;} .product-view .summary-box .change{font-weight: normal;cursor: pointer;color:#12ad47;float: right;} .product-view .summary-box .change:hover{color: #108237;} .product-view .variants-list-more, .product-view .parts_list{display: none;} .box-toggler{cursor: pointer;} .box-toggler:not(.active) .hidebox{display: none;} .box-toggler.active .showbox{display: none;} .summary-accesories div{display: inline;} .summary-accesories span {color: #858585;font-weight: 300;} .summary-accesories span.change{display: inline-block;} div#production-time{color:#102d79; cursor: pointer; padding-left: 28px;padding-bottom: 10px;margin-top: 5px;border-bottom: 1px solid #dddddd;position: relative;font-size: 12px;line-height: 24px;} div#production-time:before{position: absolute;top: 0px;left: 0px;background: url(../images/category/track_black_ico.png) center no-repeat;width: 23px;height: 23px;background-size: 100% auto;display: block;content: "";} div#production-time:hover{color:#5b5abf;} #backbone_cart_container .price-info.base .price{color:#000;font-size: 26px;line-height: 1em;} #backbone_cart_container .discountpriceholder{height: 18px;} #backbone_cart_container .price-info.discountprice .value{color:#858585;text-decoration: line-through;font-size: 12px;line-height: 0.8em;} #backbone_cart_container .price-info-text{margin-top: 18px;font-size: 18px;line-height: 1em;display: block;} #backbone_cart_container .price-tax-info{padding-left: 1px;color:#a3a1a1;font-size: 12px;line-height: 1.2em;display: block;} #backbone_cart_container .price-box-container{position: relative;padding: 8px 0 0;} #backbone_cart_container .price-box-container li{text-align: right;font-weight: 500;font-size: 26px;line-height: 56px;} #backbone_cart_container .price-box-container li.discountprice{position: absolute;top: -10px;right: 0px;font-size: 12px;color:#ccc;text-decoration: line-through;color:#f26444;} .add-to-cart input.button.btn-cart { background: #0fae47; width: 100% !important; padding: 4px 0; height: 45px; border: 0px !important; font-size: 14px; color: #ffffff; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 100ms ease-in-out; font-family: "Oxygen", "Open Sans"; text-align: center; cursor: pointer; } .add-to-cart input.button.btn-cart:hover {background: #108237;} .product-view .product-tags{margin: 10px 0;} .product-view .product-tags .tagwrapper.hiddentags{height: 1em;overflow: hidden;} .product-view .product-tags .tagwrapper.hiddentags .tag{visibility: hidden;} .product-view .product-tags .tag{display: inline-block;} .product-view .product-tags .tag i{font-style: normal;padding-right: 5px;} .product-view .product-tags .tagwrapper .moretag:before{content: "... "; color: #000;} .product-view .product-tags .tagwrapper .lesstag em, .product-view .product-tags .tagwrapper .moretag em{ font-size: 20px;font-weight: normal;line-height: 1em;text-indent: -4px;vertical-align: -20%;} .product-view .product-tags .tagwrapper .lesstag, .product-view .product-tags .tagwrapper .moretag{cursor: pointer;color:#102d79;} .product-view .product-tags .tagwrapper .lesstag:hover, .product-view .product-tags .tagwrapper .moretag:hover{color: #5a62ff;} .product-view .product-tags .tagwrapper.notellipsed .moretag, .product-view .product-tags .tagwrapper.notellipsed .lesstag, .product-view .product-tags .tagwrapper.ellipsed:not(.shown) .moretag ~ .tag, .product-view .product-tags .tagwrapper.shown .moretag, .product-view .product-tags .tagwrapper:not(.shown) .lesstag{display: none;} div[class*="shipping-time-block-"] .tableLike{width: 100%;} div[class*="shipping-time-block-"] .tableLike .tablecellLike{padding: 7px 10px;} div[class*="shipping-time-block-"] .tableLike .tablecellLike:not(:first-child){text-align: right;} div[class*="shipping-time-block-"] .tableLike .tablerowLike:not(:first-child) .tablecellLike{border-top: 1px solid #DADADA;} div[class*="shipping-time-block-"] p{padding: 0 20px;text-align: center;} .product-details .product-media{width: 65%;box-sizing: border-box;padding-right: 15px;float: left;} .product-details .product-description{width: 35%;box-sizing: border-box;padding-left: 15px;float: left;} .product-view .addtocartcontainer-accessories-list{font-size: 13px;} .product-view .hasList .list-it{padding: 5px 0;font-size: 13px;color:#898989;} .product-view .hasList .list-it > div{position: relative;line-height: 1.3em;padding-left: 20px;} .product-view .hasList .list-it > div:before{position: absolute; top: 6px; left: 10px; border-radius: 50%;background: #f26444;content: "";display: block;width: 4px;height: 4px;} .productpage-price{position: relative;clear: both;overflow: hidden;} .productpage-price .item{float: left; width: 50%;} .variants p{text-align: center;border-top: 1px solid #dddddd;margin: 20px 0 0;} .variants p span{background:#fff;display: inline-block;padding: 0px 10px;position: relative;top: -12px;} .product-view .variants{margin: 10px 0;overflow: hidden;clear: both;} .product-view .variants .variants-carousel:not(.owl-loaded) .variant_img{width: 31.3333%; float: left;} .product-view .variants .variants-carousel:not(.owl-loaded) .variant_img:nth-of-type(1){margin-right: 2%} .product-view .variants .variants-carousel:not(.owl-loaded) .variant_img:nth-of-type(2){margin: 0 1%;} .product-view .variants .variants-carousel:not(.owl-loaded) .variant_img:nth-of-type(3){margin-left: 1%;} .product-view .variants .variants-carousel:not(.owl-loaded) .variant_img:nth-of-type(3) ~ .variant_img{display: none;} .product-view .variants .variants-carousel:not(.owl-loaded){display: block;} .product-configuration .configure .configure_dimensions ul{overflow: hidden;clear: both;} .simpleqty .simple_dimensions_options{display: inline-block;vertical-align: top;} .simpleqty .simple_dimensions_options li{display: inline-block;width: 28px;height: 28px;text-align: center;line-height: 29px;margin: 0 4px 4px 0;box-sizing: border-box; -webkit-box-shadow: inset 1px 1px 0px #b8b8b8, inset -1px -1px 0px #b8b8b8; -moz-box-shadow: inset 1px 1px 0px #b8b8b8, inset -1px -1px 0px #b8b8b8; box-shadow: inset 1px 1px 0px #b8b8b8, inset -1px -1px 0px #b8b8b8; } .simpleqty .simple_dimensions_options li span{display: block;box-sizing: border-box;width: 100%;height: 100%;} .simpleqty .simple_dimensions_options li.active{border-color: #12ad47;color:#12ad47; -webkit-box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; -moz-box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; } .simpleqty .simple_dimensions_options li:hover{border-color: #12ad47;} .simpleqty .simple_dimensions_options li span{cursor: default;} .simpleqty .simple_dimensions .dimesnions-container .change-btn, .simpleqty .simple_dimensions .dimesnions-container .simple_dimensions_select{display: none;} .simpleqty .simple_dimensions .slider_label{display: block;margin: 10px 0 3px;} #dimension_calculator_btn{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #102d79;position: relative;vertical-align: top; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; height: 28px;width: 28px;box-sizing: border-box;text-align: center;background: #fff;cursor: pointer; background: url(../images/wallpapers/calculator.png) center no-repeat;background-size: auto 20px;display: inline-block;} #dimension_calculator_btn span{position: absolute;top: -30px;left: 50%;display: table-cell;white-space: nowrap;background:#fff6ed;border: 1px solid #eed6bf;padding: 2px 7px;border-radius: 10px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);visibility: hidden;opacity: 0;font-size: 13px;} #dimension_calculator_btn:hover span{visibility: visible;opacity: 1;} #dimension_calculator_btn span br{display: none;} #dimension_calculator_box{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100% !important;height: 100% !important;background: rgba(0,0,0,0.4);z-index: 10;display: none;} #dimension_calculator_box #dimension_calculator_wrapper{position: absolute;top: 50%;left: 50%;width: 300px;background: #fff;box-sizing: border-box;padding: 5px 10px 15px; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} #dimension_calculator_box .box-text{color: #333;width: 100%;position: relative;} #dimension_calculator_box .box-text h3{margin-top: 0px;} #dimension_calculator_wrapper > .pe-7s-close{z-index: 2;display: block;text-align: center;cursor: pointer;color:#102d79;font-size: 2.5em;width: 35px;height: 35px;text-indent: -5px;line-height: 1em;position: absolute;top: 0px;right: 0px;} #dimension_calculator_box > span:not(.pe-7s-close){display: block;float: left;margin-top: 2px;} #dimension_calculator_wrapper > .pe-7s-close:hover{color:#5c46ab;} #dimension_calculator_box .box-content{box-sizing: border-box; margin:0 auto 5px;padding: 10px 0px 15px;width: 260px;} #dimension_calculator_box .box-content > div{float: left;min-height: 56px;} #dimension_calculator_box .box-content .fullwidth{display: block;width: 100%;text-align: center;color: #616161;font-size: 11px;} #dimension_calculator_box .box-content input[type="text"]{padding: 0 5px;width: 45px; height: 32px; color: #000; text-align: center; vertical-align: middle;display: inline-block;float: left;-webkit-box-shadow: inset 2px 2px 2px 0px rgba(209,209,209,0.67);-moz-box-shadow: inset 2px 2px 2px 0px rgba(209,209,209,0.67);box-shadow: inset 2px 2px 2px 0px rgba(209,209,209,0.67);-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: "Oxygen", "Open Sans", 'Verdana', 'Arial', sans-serif;; border: 1px solid #a6a6a6; -moz-transition: border-color 0.25s linear; -webkit-transition: border-color 0.25s linear; -o-transition: border-color 0.25s linear; transition: border-color 0.25s linear;margin-bottom: 5px;} #dimension_calculator_box .box-content input[name="calculator_r"]{width: 70px;} #dimension_calculator_box .box-content .inter .pe-7s-close{color: #000;font-size: 3em;line-height: 0.85em;text-indent: -8px;vertical-align: middle;width: 28px;} #dimension_calculator_box .box-content .inter span:not(.pe-7s-close){padding-left: 3px;color: #102d79;} #dimension_calculator_box .box-content .inter #equal-sign{vertical-align: -40%;display: inline-block;width: 26px;height: 30px;position: relative;} #dimension_calculator_box .box-content .inter #equal-sign:before{content: "";width: 18px;height: 1px;background: #000;top: 12px;left: 5px;position: absolute;} #dimension_calculator_box .box-content .inter #equal-sign:after{content: "";width: 18px;height: 1px;background: #000;top: 21px;left: 5px;position: absolute;} #dimension_calculator_box .box-content #count-btn{clear: both;width: 70px;margin-top: 5px;background: #5c5abd;color: #fff;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;cursor: pointer;text-align: center;line-height: 2.5em; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #dimension_calculator_box .box-content #count-btn:hover{background: #102d79;} #dimension_calculator_box #rollsTitle.novalues{color: #fe3a2a;} #dimension_calculator_box .box-content input.empty{border-color: #fe3a2a} #dimension_calculator_box .box-content input.is_set{background: #fff !important;opacity: 1!important;} #dimension_calculator_box .calculator_info{font-size: 12px;line-height: 1.2em;} .product-view:not(.simpleqty) .simple_dimensions{margin: 10px 0 5px;z-index: 1;position: relative;} .product-view:not(.simpleqty) .simple_dimensions .dimesnions-container{position: relative;margin-top: 5px;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_select{ border: 1px solid #b3b3b3; box-sizing: border-box; cursor: pointer; padding: 0 30px 0 10px; text-align: left; width: 100%; line-height: 35px; } .product-view:not(.simpleqty) .simple_dimensions .change-btn{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; font-size: 30px; } .product-view:not(.simpleqty) .simple_dimensions .change-btn span{float: right;line-height: 37px;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options{position: absolute;background: #fff; border: 1px solid #b3b3b3;left: 0px;right: 0px;top: 36px;padding: 5px 0;visibility: hidden;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options li{padding: 3px 10px;overflow: hidden;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options li:hover{color:#102d79} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options li.active{color:#12ad47} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options li > span{width: 50%;float: left;cursor: default;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options li .dimPrice{text-align: right;} .product-view:not(.simpleqty) .simple_dimensions.open .simple_dimensions_options{visibility: visible;} .product-view:not(.simpleqty) .simple_dimensions select{height: 37px;background:#fff; } .add-to-stash .stash-message-box{display: none;text-align: center;position: fixed;width: 80%; max-width: 400px;top: 50px;z-index: 9999;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); padding: 0;color: #000;font-size: 0.9em;background-color: #dcf5df; } .add-to-stash .stash-message-box .pe-7s-close{cursor: pointer;font-size: 2.5em;line-height: 0.9em;text-align: center;display: block; width: 30px; height: 30px; color: #102d79; position: absolute;top: 3px;right: 3px;} .product-share{width:100%;} .product-share .share-icon{width: 100%;position: relative;font-size: 1.6em;text-align: center;color:#504a4a;margin-top: 10px;} .product-share .share-icon:before{position: absolute;top: 15px;left: 0px;width: 45%;height: 1px;content: "";display:block;background: #b8b8b8;} .product-share .share-icon:after{position: absolute;top: 15px;right: 0px;width: 45%;height: 1px;content: "";display:block;background: #b8b8b8;} .product-share .share-list{width: 100%;} .product-share .share-list a:not(.share-apps){display: block;float: left;width: 35px;height: 35px;margin-right: 6px;border: 1px solid #999999;border-radius: 50%;opacity: 0.5} .product-share .share-list a.share-apps{display: none;border: 1px solid #999999 !important;border-radius: 3px;height: 35px;line-height: 34px;color:#999999;padding: 0 30px;position: relative;left: 50%; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);} .product-share .share-list a.share-apps .pe-7s-back{font-size: 24px;display: inline-block;vertical-align: -25%;padding-right: 5px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);} .product-share .share-list a.fb-share{background: url('../images/product/fb-share-short.png') center top no-repeat;background-size: 100% auto;} .product-share .share-list a.pinterest-share{background: url('../images/product/pinterest-share-short.png') center top no-repeat;background-size: 100% auto;} .product-share .share-list a.twitter-share{background: url('../images/product/twitter-share-short.png') center no-repeat;background-size: 100% auto;} .product-share .share-list a.ask-for-friend{background: url('../images/product/email-friend-short.png') center no-repeat;background-size: 100% auto;} .product-share .share-list a:hover{border-color: #f26444;opacity: 1;} .product-view .product-configuration .configure.ismodal{display: none;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 99;} .product-view .product-configuration .configure.ismodal .vwrapper{position: fixed;top: 50%;left: 50%; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); padding: 5px 25px 25px;; width: 100%; max-width: 350px; background:#fff;border: 1px solid #ccc; box-sizing: border-box; max-height: 80%; overflow-y: auto; } .product-view .product-configuration .configure.ismodal .vwrapper span.pe-7s-close{ position: absolute;top: 0px;right: 0px;color:#102d79;font-size: 45px;cursor: pointer;z-index: 9;} .product-view .product-configuration .configure.ismodal .vwrapper .pe-7s-close:hover{color:#5d5abf;} .product-view .product-configuration .configure .vwrapper .buttonlink {margin-bottom: 0px;} .product-view .product-configuration .configure .vwrapper .buttonlink a{cursor: default;padding: 10px 30px;} .product-view .summary-box .summary-modal {overflow: hidden;} .product-view .summary-box .summary-modal .change{background: none;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options{max-height: 190px;overflow-y: auto;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options li{float: none;width: 100%;margin: 0px !important;padding: 3px 10px !important;box-sizing: border-box;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options li .dims, .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options .dimPrice, .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_select .dims{font-family: "Lato", "Oxygen";font-weight: normal;} .product-view:not(.simpleqty) .simple_dimensions .simple_dimensions_options .dimPrice{opacity: 0.6;} .additional-mirror-check-label, .product-view.stickers .configure_dimensions .slider_label, .product-view:not(.simpleqty) .simple_dimensions .slider_label{ font-size: 13px; color: #898989; } .additional-mirror-check-label{padding-left: 25px;position: relative;margin: 0px;cursor: default;} .additional-mirror-check-label:before{ content: ""; display: block; position: absolute; top: 1px; left: 0px; border: 1px solid #b3b3b3; border-radius: 3px; width: 16px; height: 16px; } .additional-mirror-check-label.selected:after{ content: ""; display: block; position: absolute; top: 1px; left: 0px; width: 18px; height: 18px; background: url("../images/category/check-green.png") no-repeat center; background-size: 100% auto; } @media all and (max-width: 901px){ .product-media .media-gallery-thumbnails{ width: 330px; } .product-details .product-media{width: 60%;} .product-details .product-description{width: 40%;} } @media all and (max-width: 767px){ .product-description .tag-box, .product-description .variants, .product-description .product-attribes{display: none;} .simpleqty #dimension_calculator_btn, .simpleqty .simple_dimensions_options li{width: 35px;height: 35px;margin: 0 10px 10px 0;line-height: 33px;} .product-poster .bordered-squares .for_id .infoico{display: none;} .product-poster .posters-tech-list{margin-bottom: 20px;} .product-poster .bordered-squares .for_id p{background: none;visibility: visible;opacity: 1;} .product-poster .bordered-squares .for_id p span{transform: none;color:#000000;top: auto;bottom: 5px;font-size: 12px;line-height: 1.2em;text-shadow: 1px 1px 1px #FFFFFF 1px 1px 1px #FFFFFF;} } @media all and (max-width: 767px) and (orientation: landscape) { .product-media .fullscreen .media-gallery-thumbnails{display: none;} } @media all and (max-width: 640px){ .product-details .product-media, .product-details .product-description{width: 100%;float: none;padding: 0px;} .product-view > .orange-heading:first-child { height: 0px;overflow: hidden;margin: 0px;padding: 0px; } .product-media .media-gallery-thumbnails.count-items-4, .product-media .media-gallery-thumbnails.count-items-3, .product-media .media-gallery-thumbnails.count-items-5, .product-media .media-gallery-thumbnails{ width: 250px; } } /*********MOBILE FLOATING BUTTON TEST***********/ @media all and (max-width: 640px){ .product-description .add-to-box{ position: fixed; left: 0px;right: 0px;bottom: 0px;z-index: 999; background: #F2F2F2;min-width: 300px; } .product-description .add-to-box .add-to-cart{float: right; width: 50%;padding: 13px 10px 10px 0;box-sizing: border-box;} .product-description #production-time{border-bottom: 0px;} .product-description .price-info-text{display: none !important;} .product-description #backbone_cart_container .productpage-price .price-box-container{ position: fixed;left: 0px;right: 50%;bottom: 10px;z-index: 1001;padding-left: 15px;text-align: left;height: 45px;padding-top: 0px;} .product-description #backbone_cart_container .price-box-container li{display: block;font-size: 23px;line-height: 28px;text-align: left;} .product-description #backbone_cart_container .price-box-container li.discountprice{display: block;font-size: 12px;line-height: 12px;position: relative;color:#999;top: 0px;} .product-description #backbone_cart_container .productpage-price .price-box-container .price-container ul{display: block;} .product-description #backbone_cart_container .productpage-price .price-box-container .price-container{position: relative;display: block;top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} } .test-buttons ~ .addtocartcontainer-accessories-list .accessories-summary .change, .test-buttons .summary-modal .change{ color:#000 !important; background: rgba(242,241,237, 0.6) !important; padding: 0px 6px; line-height: 18px; font-size: 11px; border: 1px solid #b3b3b3; } .test-buttons ~ .addtocartcontainer-accessories-list .accessories-summary .change:hover, .test-buttons .summary-modal .change:hover{ background: rgba(242,241,237, 1) !important; } .test-buttons .product-number, .test-buttons .product-parts, .test-buttons .summary-modal{ margin-bottom: 5px; } .product-details .set_products { margin: 10px 0 20px; } .product-details .set_products .set_products_item { display: grid; display: -ms-grid; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; grid-gap: 0px 15px; margin: 0 auto; grid-template-areas: 'image name' 'image size' 'image settings'; grid-template-columns: 50px auto; margin: 15px 0; } .product-details .set_products .set_products_item .image { grid-area: image; overflow: hidden; border: 1px solid #b8b8b8; position: relative; height: 72px; } .product-details .set_products .set_products_item .image img { width: 70px; max-width: unset; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; position: relative; top: 50%; left: 50%; } .product-details .set_products .set_products_item .name { grid-area: name; min-width: 0; } .product-details .set_products .set_products_item .name strong { font-size: 13px; text-align: left; font-weight: 500; display: block; line-height: 1.2em; margin-bottom: 5px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .product-details .set_products .set_products_item .name span { font-size: 11px; display: block; color: #a3a1a1; line-height: 1.2em; } .product-details .set_products .set_products_item .size { grid-area: size; min-width: 0; } .product-details .set_products .set_products_item .size span { font-size: 11px; display: block; color: #a3a1a1; line-height: 1.2em; } .product-details .set_products .set_products_item .settings { grid-area: settings; align-self: end; } .product-details .set_products .set_products_item .settings ul { margin: 0px; padding: 0px; list-style: none; } .product-details .set_products .set_products_item .settings ul li { display: inline-block; margin-right: 10px; font-size: 11px; color: #a3a1a1; line-height: 1.2em; cursor: pointer; } .product-details .set_products .set_products_item .settings ul li span { padding-right: 3px; font-size: 16px; vertical-align: bottom; } .product-poster .product-details h6 { font-size: 14px; margin: 15px 0 10px; font-weight: 400; } .product-poster .product-details .dimensions { position: relative; z-index: 2; margin-bottom: 10px; } .product-poster .product-details .dimensions.mobile select { width: 100%; height: 45px; box-sizing: border-box; padding: 0 10px; } .product-poster .product-details .dimensions .dimensions-select { display: none; } .product-poster .product-details .dimensions .dimensions-change { width: 100%; height: 45px; line-height: 45px; white-space: nowrap; border: 1px solid #8f8f8f; display: block; padding: 0 45px 0 15px; box-sizing: border-box; position: relative; cursor: default; } .product-poster .product-details .dimensions .dimensions-change:after { content: "\e688"; display: block; position: absolute; font-family: "Pe-icon-7-stroke"; font-size: 29px; font-weight: 500; right: 0; top: 0; color: #000000; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .product-poster .product-details .dimensions.clicked .dimensions-change:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .product-poster .product-details .dimensions.clicked .dimensions-options { visibility: visible; opacity: 1; } .product-poster .product-details .dimensions .dimensions-options { visibility: hidden; border: 1px solid #8f8f8f; max-height: 155px; overflow-y: auto; background: #ffffff; position: absolute; top: 44px; left: 0; right: 0; padding: 7px 0; opacity: 0; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .product-poster .product-details .dimensions .dimensions-options > div { padding: 3px 15px; cursor: pointer; clear: both; } .product-poster .product-details .dimensions .dimensions-options > div.active, .product-poster .product-details .dimensions .dimensions-options > div:hover { color: #435fa4; } .product-poster .product-details .dimensions .dimensions-options > div span { float: right; } #upselling{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; width: 100%; box-sizing: border-box; overflow: scroll; background: rgba(0,0,0,0.4); } #upselling .container{ width: 100%; position: relative; margin: 0 auto; background: #fff; box-sizing: border-box; } #upselling .product-info{ height: 120px; background: #f2f1ed; display: grid; display: -ms-grid; grid-template-columns: 85px minmax(0, 200px); -ms-grid-columns: 85px minmax(0, 200px); justify-content: center; justify-items: center; align-content: center; align-items: center; grid-gap: 0 20px; margin: 0; padding: 0 60px } #upselling .product-info img{ border: 2px solid #dfdfdf; display: block; } #upselling .product-info .information span{ display: block; font-size: 13px; line-height: 1.3em; } #upselling .product-info .information span:nth-child(1):before{ display: block; width: 22px; height: 22px; border-radius: 50%; background: #12ad47 url(../images/category/check-white.png) center no-repeat; background-size: 100% auto; content: ""; margin-bottom: 3px; } #upselling .x-close{ position: absolute; z-index: 1; top: 0px; right: 0px; } #upselling .x-close i{ display: block; font-size: 60px; } #upselling .product-header{ margin: 45px 0 10px; text-align: center; font-size: 18px; box-sizing: border-box; } #upselling .button-container{ text-align: center; margin-top: 15px; } #upselling .button-container button{ min-width: 130px; box-sizing: border-box; padding: 0px 20px; line-height: 44px; border-radius: 3px; font-size: 15px; margin: 0 3px; } #upselling .button-container #upselling_skip_button{ border: 1px solid #102d79; background:#fff; color: #102d79; } #upselling .button-container #upselling_skip_button:hover{ background:#102d79; color: #fff; } #upselling .button-container #upselling_add_button{ border: 1px solid #0fae47; background: #0fae47; color:#fff; } #upselling .button-container #upselling_add_button:hover{ background: #108237; border-color: #108237; } #upselling .button-container #upselling_add_button.disabled{ cursor: not-allowed; opacity: 0.4; } #upselling .button-container #upselling_add_button.disabled:hover{ background: #0fae47; } #upselling .product-accessories-list .orange-heading{ display: none; } #upselling .upselling-accessories-list{ grid-template-columns: minmax(0,1fr); -ms-grid-columns: minmax(0,1fr); width: 200px; margin: 0 auto; } #upselling .upselling-accessories-list .icon-info, #upselling .upselling-accessories-list .infobox{ display: none !important; } @media all and (min-width: 641px){ #upselling .container{ max-width: 540px; box-shadow: 0 0 10px rgba(0,0,0,0.4); padding: 0 0 30px; top: 10%; overflow: auto; } } @media all and (max-width: 640px){ #upselling{ background: #fff; z-index: 1001; } #upselling .product-info{ margin: 0px; grid-template-columns: 55px minmax(0, 200px); padding: 0 40px 0 10px; } #upselling .product-header{ font-size: 16px; margin-top: 20px; } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/stickers.css" */ .product-view.stickers .product-configuration .colors { position: relative; } .product-view.stickers .product-configuration .colors .color-type-label { color: #000000; line-height: 14px; margin: 0 0 5px 4px; } .product-view.stickers .product-configuration .colors .half-container { float: left; width: 50%; margin: 15px 0 0; } .product-view.stickers .product-configuration .colors .color-container { margin: 0 0 4px 4px; cursor: pointer; float: left; } .product-view.stickers .product-configuration .colors .color-container { width: 23px; height: 23px; } .product-view.stickers .product-configuration .colors .color-container .img .color-label { display: none; } .product-view.stickers .product-configuration .colors .color-container .img.active { overflow: hidden; width: 21px; height: 21px; margin: -1px -1px; border: 2px solid black; border-radius: 12px; } .product-view.stickers .product-configuration .colors .color-container .tooltip { display: none; width: 200px; height: 100px; padding: 11px 12px 3px; border: 1px solid #e3debe; position: absolute; z-index: 1; top: -140px; left: 25px; background-color: #FFFFFF; box-shadow: 0px 16px 20px -1px rgba(0,0,0,0.2); } .product-view.stickers .product-configuration .colors .color-container .tooltip img { margin-bottom: 5px; } .product-view.stickers .product-configuration .colors .color-container .tooltip .color-big { overflow: hidden; width: 82px; height: 81px; margin-right: 10px; float: left; } .product-view.stickers .product-configuration .colors .color-container .tooltip p { color: #515459; line-height: 13px; margin: 0; } .product-view.stickers .summary-box .effect { display: none; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/wallpapers.css" */ .wallpapers_dimensions_options { position: relative; width: 100%; display: grid; display: -ms-grid; grid-gap: 15px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .wallpapers_dimensions_options .option{ overflow: hidden; box-sizing: border-box; padding: 3px 4px; -webkit-box-shadow: inset 1px 1px 0px #ccc, inset -1px -1px 0px #ccc; -moz-box-shadow: inset 1px 1px 0px #ccc, inset -1px -1px 0px #ccc; box-shadow: inset 1px 1px 0px #ccc, inset -1px -1px 0px #ccc; } .wallpapers_dimensions_options .option.active{ -webkit-box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; -moz-box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; } .wallpapers_dimensions_options .option span{cursor: default;} .wallpapers_dimensions_options .option .dims{display: block;text-align: left;padding: 2px 5px 8px;} .wallpapers_dimensions_options .option .dimPrice{display: block;text-align: right;opacity: 0.6;font-size: 13px;} .product-description .wallpapers_dimensions_options{ grid-gap: 5px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } .product-description .wallpapers_dimensions_options .option .dims{ padding: 2px 2px 4px; font-size: 13px; } .product-description .wallpapers_dimensions_options .option{ border-width: 1px; } .product-view.poster .product-description .product-configuration .bimago-subheading h3, .product-view.simpleqty .product-description .product-configuration .bimago-subheading h3, .product-view.wallpapers .product-description .product-configuration .bimago-subheading h3{font-size: 14px;} .product-view.poster .product-description .product-configuration .bimago-subheading hr, .product-view.simpleqty .product-description .product-configuration .bimago-subheading hr, .product-view.wallpapers .product-description .product-configuration .bimago-subheading hr{display: none;} .product-view.poster .product-description .product-configuration, .product-view.simpleqty .product-description .product-configuration, .product-view.wallpapers .product-description .product-configuration{margin: 5px 0 5px;} .product-view.poster .table-layout.inContent:not(.owl-loaded), .product-view.simpleqty .table-layout.inContent, .product-view.wallpapers .table-layout.inContent { position: relative; width: 100%; display: grid; display: -ms-grid; grid-gap: 5px; margin-bottom: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows: auto; justify-content: stretch; align-content: stretch; } .product-view.poster .table-layout.inContent:not(.owl-loaded) .item:nth-child(3) ~ .item{ display: none; } .configure ul.table-layout.inContent li{ overflow: visible; } .product-view.poster .table-layout.inContent .option_title, .product-view.simpleqty .table-layout.inContent .option_title, .product-view.wallpapers .table-layout.inContent .option_title{ height: auto; margin-top: 3px; font-size: 13px; font-weight: normal !important; width: 100%; display: block; line-height: 1.2em; } .product-view.poster .table-layout.inContent .option_title{ white-space: nowrap; } .product-view.poster .table-layout.inContent .option_image, .product-view.simpleqty .table-layout.inContent .option_image, .product-view.wallpapers .table-layout.inContent .option_image{ width: 100%; box-sizing: border-box; display: block; position: relative; } .product-view.poster .table-layout.inContent .tech-radio:checked ~ .option_image:before, .product-view.poster .table-layout.inContent .loom-radio:checked ~ .option_image:before, .product-view.simpleqty .table-layout.inContent .loom-radio:checked ~ .option_image:before, .product-view.wallpapers .table-layout.inContent .loom-radio:checked ~ .option_image:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; -webkit-box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; -moz-box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; box-shadow: inset 2px 2px 0px #12ad47, inset -2px -2px 0px #12ad47; } .product-view.poster .product-configuration .configure { margin-top: 15px; } .product-view.poster .product-configuration .simple_dimensions .slider_label{ font-size: 14px; color: #000; } @media all and (max-width:767px) { .wallpapers_dimensions_options { -ms-grid-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) } .product-view.wallpapers .product-description .product-configuration{margin: 0px 0 5px;} .product-view.wallpapers .product-description .product-configuration .bimago-subheading{margin-bottom: 5px;margin-top: 0px;} } @media all and (max-width:640px) { .wallpapers_dimensions_options { -ms-grid-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) } .product-view.wallpapers .product-description .product-configuration{margin: 20px 0 5px;} } @media all and (min-width: 641px) and (max-width:767px) { .product-view.simpleqty .table-layout.inContent, .product-view.wallpapers .table-layout.inContent, .product-description .wallpapers_dimensions_options{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr); } } @media all and (min-width: 481px) and (max-width:640px) { .product-view.simpleqty .table-layout.inContent, .product-view.wallpapers .table-layout.inContent, .product-description .wallpapers_dimensions_options{ grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); -ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); } } @media all and (max-width:480px) { .product-view.simpleqty .table-layout.inContent, .product-view.wallpapers .table-layout.inContent, .wallpapers_dimensions_options { -ms-grid-columns:minmax(0,1fr) minmax(0,1fr); grid-template-columns:minmax(0,1fr) minmax(0,1fr) } } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/checkout.css" */ /*****Mobile*******/ @media all and (max-width: 901px){ .checkout-onepage-index #details-reload, .checkout-onepage-index #details-reload .col-right{margin-top: 0px !important;} .checkout-onepage-index #checkout-review-submit .buttons-set button{width: 50%;max-width: 250px;} .checkout-onepage-index #checkout-review-submit .buttons-set{position:fixed;left: 0px;bottom: 0px;right: 0px;background:#fff;padding:10px 8px 5px 8px;z-index:9;border-top: 3px solid #e6e6e6;text-align: right;} #review-buttons-container .buttons-set .notice{text-align: right;} } @media all and (max-width: 767px){ .checkout-onepage-index #checkoutSteps{position: fixed;top: 41px;left: 0px;right: 0px;z-index: 9;min-width: 300px;} .checkout-content{margin-top: 80px;} .checkout-onepage-index{margin-bottom: 80px;} .checkout-onepage-index #checkout-review-submit .buttons-set, .checkout-onepage-index .logged-user .customer-action .buttons-set{position:fixed;left: 0px;bottom: 0px;right: 0px;background:#fff;padding:10px 8px 5px 8px;z-index:9;border-top: 3px solid #e6e6e6;text-align: right;} .checkout-onepage-index .logged-user .customer-action .buttons-set .notice{text-align: right;} .checkout-onepage-index #payment-buttons-container {margin: 0px;position:fixed;left: 0px;bottom: 0px;right: 0px;background:#fff;padding:10px 8px 5px 8px;z-index:9;border-top: 3px solid #e6e6e6;text-align: right;} .checkout-onepage-index #payment-buttons-container .notice{text-align: right;} .checkout-onepage-index #payment-buttons-container button{max-width: 250px;} .checkout-onepage-index .logged-user .customer-action .buttons-set button{width: 50%;max-width: 250px;} .checkout-onepage-index #co-payment-form{margin-bottom: 30px;} .checkout-onepage-index .buttons-set .notice{text-align: right;} .moneybookers-processing-payment div#jivo-iframe-container.jivo-iframe-container-bottom, .moneybookers-processing-payment jdiv, .checkout-onepage-index jdiv, .checkout-onepage-index div#jivo-iframe-container.jivo-iframe-container-bottom{display: none !important;} } /*****PAYPAL BTN*******/ .expres-paypal-btn{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background: #ffc43a; color: #fff; font-family: "Oxygen","Open Sans","Verdana","Arial",sans-serif; font-size: 14px; padding: 8px 8px 6px 20px; font-weight: normal; width: 100%; text-align: center; display: block; box-sizing: border-box; color:#000 !important; } .expres-paypal-btn:hover{ background: #f2ba38; } .expres-paypal-btn img{vertical-align: -45%;padding-left: 5px; -webkit-filter: drop-shadow(0px 1px 0px #fff); filter: drop-shadow(0px 1px 0px #fff); } .checkout-types p.paypal-logo{margin: 0px;text-align: center;} .checkout-types p.paypal-logo .paypal-or{text-align: center;font-size: 12px;display: block;padding: 2px;} .checkout-cart-index .page > .separatorwrapper, .checkout-onepage-index .page > .separatorwrapper{display: none;} #checkout-onepage-index form{display: block;} #checkoutSteps{margin: -1px auto !important;padding: 0px; overflow: hidden;display:block;text-align: center;} #checkoutSteps li{display: inline-block; box-sizing: border-box;margin: 0 4px;border: 1px solid #000;vertical-align: top;background:#fff; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} #checkoutSteps li.allow:not(.active){cursor: pointer;} #checkoutSteps li p{margin: 0px;line-height: 35px;} #checkoutSteps li p i{font-weight: bold;font-style: normal;font-size: 15px;position: relative;} #checkoutSteps li.allow:not(.active) p i:before{content: "";display: block;position: absolute;top: 2px;left: -25px;background: url('../images/checkout/step-done.png') center no-repeat;width: 17px;height: 17px;} #checkoutSteps li.active p{line-height: 40px;} #checkoutSteps li.active{background: #f5f5f5;} @media all and (min-width: 992px){ #checkoutSteps li{min-width: 250px;} } @media all and (min-width: 768px) and (max-width: 991px){ #checkoutSteps li{min-width: 230px;} } @media all and (max-width: 767px){ #checkoutSteps li{padding: 0 10px;margin: 0 2px;font-size: 13px;} #checkoutSteps li p i{display: none;} } #co-billing-form li.control{position: relative;padding-left:25px;} #co-billing-form li.control input{position: absolute;top: 2px;left: 0px;margin: 0px !important;width: auto;} #co-billing-form li.control label{margin: 0px;width: 100%;padding: 0px;max-width: none;} #co-billing-form li.control label[for="billing:private_agreement"]{padding-left: 10px;} #co-billing-form li.control.checkbox-control{margin-left: 35%;} #co-billing-form li.control.checkbox-control label{width: 100% !important;} #co-billing-form li.control.checkbox-control input{top: 6px;} #review-buttons-container .button, #review-buttons-container-top button{width: 100%;} .trusted-shops table td #trusted_shops{display: none;} .trusted-shops table td #trusted_shops + label{margin-right: 10px;margin-left: 0px;display: block;width: 30px;height: 30px; background: #fff; border: 1px solid #ccc;} .trusted-shops table td #trusted_shops:checked + label{background: #fff url("../images/category/check-green.png") no-repeat center;} .trusted_shops_descr{display: table;width: 100%;} .trusted_shops_descr .trusted-logo{display: block;float: left;margin: 0 15px 5px 0;} #checkout-review-load .border-box.order-summary{ position: absolute; top: 0px; right: 0px; } #co-shipping-form #shipping-new-address-form .address-box{padding: 20px; background: #f9f9f9;} #co-shipping-form li.control{position: relative;padding-left:25px;} #co-shipping-form li.control input{position: absolute;top: 2px;left: 0px;margin: 0px !important;width: auto;} #co-shipping-form li.control label{margin: 0px;width: 100%;padding: 0px;max-width: none;} #co-shipping-form li.control.checkbox-control{margin-left: 35%;} #co-shipping-form li.control.checkbox-control label{width: 100% !important;} #co-shipping-form li.control.checkbox-control input{top: 6px;} #checkout-review-load #shopping-cart-totals-table, #checkout-review-load .order-total-wrapper{width: 100%;} .account-login .content.onepage-register{ padding: 50px 40px 40px; } /********NEW STYLES*********/ .shopping-cart h1:before, .shopping-cart h1:after{display: none;} .shopping-cart h1{margin-bottom: 0px;text-align: left;} .shopping-cart h1 i{font-size: 1.4em;padding-right: 10px;vertical-align: top;} .shopping-cart h1 small{color: #616161;font-size:0.75em;display: inline-block;} .shopping-cart .buttons .buttonlink{margin: 0; float: left;} .shopping-cart .buttons .buttonlink .btnLink{padding: 10px 20px 10px 8px;} .shopping-cart .buttons .checkout-types{margin: 0; float: right;} .checkout-cart-index .footer-top-container{display: none;} .shopping-header-content{position: relative;padding-bottom: 1px;} .shopping-header-content .buttons {position: absolute;right: 0px;bottom: 10px;} .cart-cols {margin-bottom: 20px;margin-top: 15px;} .cart-cols .col-right{float: right;width: 33%;} .cart-cols .col-left{float: left;width: 63.5%;box-sizing: border-box;margin-right: 3.5%;} .cart-cols .col-left .safety-box,.cart-cols .col-right .contact-box{border: 1px solid #acacac;padding: 15px 30px 20px; -webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;} .cart-bottom .cart-cols .col-left{padding-right: 1.75%;} .cart-bottom .cart-cols .box-header{margin: 0px;padding-bottom: 7px;border-bottom: 1px solid #8f8f8f;text-align: center;} .cart-bottom .cart-cols .ico-col{float: left;width: 47px;padding:20px 20px 0 0;text-align: right;} .cart-bottom .cart-cols .ico-col span{font-size: 3.2em;color: #ff3204;} .cart-bottom .cart-cols .text-col{float: left;width: 70%;padding: 20px 0 0;color: #606060; } .cart-bottom .halfspace{float: left;width: 50%;padding-right: 5%;box-sizing: border-box;} .cart-bottom .halfspace + .halfspace{padding-right: 0px;padding-left: 5%;box-sizing: border-box;} .cart-bottom .cart-cols .text-col strong.text-header{color: #000;display: block;font-size: 1.4em;font-weight: normal;line-height: 1.2em;margin-bottom: 10px;} .cart-bottom .cart-cols .contact-box .text-col strong.text-header{font-size: 1.5em;} .cart-bottom .cart-cols .contact-box #callback-header .pe-7s-mail-open-file{display: none;} .cart-bottom .cart-cols .contact-box #callback-header a{display: block;font-size: 1.4em;} .shopping-cart fieldset .cart_item:first-child{padding-top: 0px;} .shopping-cart .cart_item{padding: 10px 0 20px;} .shopping-cart .item_top_left{width: 65%;float: left;} .shopping-cart .item_top_left h2 a{width: 100%;overflow: hidden;display: block;text-overflow: ellipsis;padding-bottom: 5px;white-space: nowrap;} .shopping-cart .item_top_left h2:before,.shopping-cart .item_top_left h2:after{display: none;} .shopping-cart .item_top_right{width: 35%;float: left;} .shopping-cart .item_top_left h2{text-align: left;font-size:1.28em;padding-bottom: 0px;} .shopping-cart .item_top_left h2 .prefix{font-size: 0.8em;display: block;} .shopping-cart .item_top_left h2 span:not(.prefix){display: block;padding-bottom: 5px;} .shopping-cart .item_top{position: relative;overflow: hidden;} .shopping-cart .item_top:after{background: #cccccc;bottom: 25px;content: "";height: 1px;left: 0%;position: absolute;width: 100%;} .shopping-cart .item_top_right{text-align: right;} .shopping-cart .item_top_right .item-price{font-size: 1.28em;padding-bottom: 5px;} .shopping-cart .item_top_right .item-price{font-size: 1.28em;padding-bottom: 5px;} .shopping-cart .item_top_right .item-price .cart-discountprice{display: none;} .shopping-cart .item_top_right ul li{display: inline-block;padding-left: 10px;font-size: 1em;} .shopping-cart .item_top_right ul li:first-child{padding-left: 0px;} .shopping-cart .item_top_right ul li[class*='pe-7s']{font-size: 1.3em;} .shopping-cart .item-details{padding: 10px 0;display: table;width: 100%;} .shopping-cart .item-details .item-image{width: 35.3%;padding-right: 5%;display: table-cell;vertical-align: middle;} .shopping-cart .item-details .item-image a{overflow: hidden;position: relative;width: 100%;display: block;border: 1px solid #cccccc;} .shopping-cart .item-details .item-image a:before {content: ""; display: block; padding-top: 100%;} .shopping-cart .item-details .item-image a img {height: 90%;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: auto;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .shopping-cart .item-details .item-params{width: 51%;padding-right: 3%;display: table-cell;vertical-align: middle;} .shopping-cart .item-details .item-qty{width: 15%;display: table-cell;vertical-align: middle;text-align: right;} .shopping-cart .item-details .productAvailability{padding-bottom: 10px;color: #10ae47;} .shopping-cart .item-details li span{color: #606060;} .suggested-categories {padding-bottom: 50px;} .suggested-categories .rotator6 .item a{ text-decoration: none !important; padding: 10px 10px 0 10px; border: 1px solid transparent; box-sizing: border-box; display: block; } .suggested-categories .rotator6 .item a:focus, .suggested-categories .rotator6 .item a:hover{ border-color: #999999; } .suggested-categories .rotator6 .item a span{ display: block; text-align: center; color: #102d79; margin: 10px 0; text-transform: uppercase; } .suggested-categories .rotator6 .item a span small{ display: block; color: #4c4c4c; font-size: 1em; text-transform: none; } .suggested-categories .rotator6 .item a:focus span,.suggested-categories .rotator6 .item a:hover span{ color: #5d5abf; } .suggested-categories .owl-carousel.rotator6:not(.owl-loaded){ display: block; overflow: hidden; max-height: 210px; } .suggested-categories .owl-carousel.rotator6:not(.owl-loaded) > .item{ float: left; width: 16.6666%; margin: 0px 1px; z-index: -1; opacity: 0.5; position: relative; padding: 10px 10px 0; } .suggested-categories .owl-carousel.rotator6:not(.owl-loaded) > .item img{ width: 100%; } .suggested-categories .owl-carousel.rotator6:not(.owl-loaded) > .item:first-child{ margin-left: 0px; } .suggested-categories .owl-carousel.rotator6:not(.owl-loaded):before{ content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .suggested-categories .owl-carousel.rotator6:not(.owl-loaded):after { content: ""; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #f87a54; opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 1; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .suggested-categories .owl-carousel.rotator6:not(.owl-loaded):after { -webkit-animation-delay: -1s; animation-delay: -1s; } .empty-cart-main-text{text-align: center;font-size: 18px;margin: 25px 0 15px;} .empty-cart-main-subtext{text-align: center;} .cart-cols.empty-cart{margin-bottom: 40px;} .cart-cols.empty-cart .buttonlink a{padding: 10px 20px 10px 8px;} .stepper{display: block;overflow: hidden;padding-left: 40px;position: relative;width: 40px;} .stepper .stepper-arrow{font-size: 0px;cursor: pointer;} .stepper .stepper-arrow.up{width: 40px;height: 20px;border: 1px solid #a6a6a6;border-left: 0px;background: #fff;display: block;position: relative;float: right;box-sizing:border-box;} .stepper .stepper-arrow.down{width: 40px;height: 20px;border: 1px solid #a6a6a6;border-left: 0px;border-top: 0px;background: #fff;display: block;position: relative;float: right;box-sizing:border-box;} .stepper .stepper-arrow:hover{background: #f5f5f5;} .stepper.disabledQty .stepper-arrow{opacity: 0.4;} .stepper.disabledQty .stepper-arrow:hover{background: none; cursor: not-allowed;} .stepper .stepper-arrow.up:before{content: "+";font-size: 16px;width: 100%;text-align: center;position: absolute;top: 0px;left: 0px;height: 20px;line-height: 14px;font-weight: bold;} .stepper .stepper-arrow.down:before{content: "-";font-size: 20px;width: 100%;text-align: center;position: absolute;top: 0px;left: 0px;height: 20px;line-height: 14px;font-weight: bold;} .stepper input.stepper-input {position: absolute;left: 0px;top: 0px;-moz-appearance: textfield;width: 40px !important;height: 40px !important;box-sizing: border-box;border: 1px solid #a6a6a6; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.2);box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.2); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px; -webkit-border-top-right-radius: 0px;-moz-border-radius-topright: 0px;border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;-moz-border-radius-bottomright: 0px;border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px; } .stepper .stepper-input::-webkit-inner-spin-button,.stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .shopping-cart .cart-cols .notice{text-align: center;font-size: 0.8em;color: #858585;} .shopping-cart .cart-cols .notice i{font-size: 14px;margin-right: 3px;vertical-align: text-top;} .discount-coupon{margin-top: 20px;overflow: hidden;} .cupon-code-check{cursor: default;} .cupon-code-check .checkbox-span{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; vertical-align: bottom;display:inline-block; width: 21px;height: 21px;border: 1px solid #999999;margin-right: 7px;} .cupon-code-check .checkbox-span.activeCode{background: #fff url(../images/checkout/orange_check.png) center no-repeat !important;} .cupon-code-check .checkbox-span.clicked{background: #fff url(../images/checkout/orange_check.png) center no-repeat;} .cupon-code-check .percentage-sign{color:#f26444;font-size: 1.2em;padding-left: 3px;font-weight: bold;} #discount-coupon-form input[name="coupon_code"]{font-size: 14px;font-family: "Oxygen","Open Sans","Verdana","Arial",sans-serif;width: 100%;height: 45px !important;box-sizing: border-box;border: 1px solid #a6a6a6;padding: 0 10px; -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.2);box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.2); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #discount-coupon-form input:focus{border-bottom-color: #102d79} #discount-coupon-form input[disabled]{opacity: 0.5;cursor: not-allowed;} #discount-coupon-form{ position: relative;width: 100%;display: block;margin-top: 5px;margin-bottom: 30px;} #discount-coupon-form .button{border: 1px solid #102d79;color:#102d79;cursor: pointer;position: absolute;top: 0px;right: 0px; width: 45px;height: 45px;background: #f5f5f5;padding: 0px;} #discount-coupon-form .button[disabled]{background: #fafafa; border-color: #8797bb;cursor: not-allowed;color:#8797bb} #discount-coupon-form .button:not(:disabled):hover{border-color:#5d5abf;color:#5d5abf;} #discount-coupon-form .button#acceptedCode{background: #f5f5f5;} #discount-coupon-form .button#acceptedCode span{color: #102d79;font-family: "Pe-icon-7-stroke";font-size: 3.4em;text-indent: -3px;margin-top: -1px;} .shopping-cart .cart-cols .info-links{text-align: center;font-size: 0.95em;line-height: 1.2em;} .shopping-cart .cart-cols .info-links .blockspan{display: block;} .shopping-cart .totals-container{ background: #f5f5f5; margin-top: 25px; margin-bottom: 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px 20px; } #shopping-cart-totals-table #extra-info-shipping p{font-size: 13px;line-height: 1.3em;margin: 0px;} .shopping-cart .totals-container h3{font-size: 1.6em;line-height: 1em;padding-bottom: 0px;} .shopping-cart .totals-container h3:after, .shopping-cart .totals-container h3:before{display: none;} .shopping-cart .totals-container h3 small{display: block;font-size: 0.65em;color: #606060;} #shopping-cart-totals-table{width: 100%;} #shopping-cart-totals-table tfoot td{border-top: 1px solid #21ce6f;padding-top: 10px;} #shopping-cart-totals-table tbody td.a-left:first-child{font-size: 12px;} #shopping-cart-totals-table tfoot td:first-child{text-align: left;font-size: 1em;line-height: 1em;vertical-align: bottom;} #shopping-cart-totals-table tfoot td:first-child + td {text-align: right;font-size: 1.4em;line-height: 1em;vertical-align: bottom;color: #000;} #shopping-cart-totals-table tfoot td strong{font-weight: normal;} #shopping-cart-totals-table .shippingrow-details td, #shopping-cart-totals-table .shipping, #shopping-cart-totals-table tbody td.discount{padding: 0px 3px 8px;} #shopping-cart-totals-table tbody td.subtotal{padding: 2px 3px 4px;} .shopping-cart .totals-container .tax-info{width: 100%;text-align: right;color: #8c8c8c;font-size: 0.8em;display: block;line-height: 1.6em;} #shopping-cart-totals-table .shipping small{cursor: pointer;display: block;font-size: 0.9em;color: #8c8c8c;line-height: 1.2em;} #shopping-cart-totals-table span.extra-info-shipping-more{margin-top: -2px;position: relative;background: #fff;display: inline-block;border: 1px solid #102d79;width: 20px;height: 20px;vertical-align: text-top;margin-left: 5px;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #shopping-cart-totals-table span.extra-info-shipping-more:before{color: #102d79;position: absolute;display: block;content: 'i';font-family: "Times New Roman",sans-serif;font-size: 1.3em;font-weight:bold;top: -2px;left: 7px} #shopping-cart-totals-table span.extra-info-shipping-more:hover:before{color: #5d5abf;} #shopping-cart-totals-table span.extra-info-shipping-more.clicked{background: #fff;} #shopping-cart-totals-table span.extra-info-shipping-more.clicked:before{top: -9px;left: -3px;content: "\e680";font-family: "Pe-icon-7-stroke";font-size: 2em;} #shopping-cart-totals-table span.extra-info-shipping p{font-size: 0.97em;color: #8c8c8c;line-height: 1.3em;text-align: justify;} #shopping-cart-totals-table .shippingrow-details #shipping-costs-select{display: block;text-align: center;} #shopping-cart-totals-table .shippingrow-details .prettyselect-wrap{display: inline-block;margin: 10px auto;min-width: 120px;text-align: left;} #shopping-cart-totals-table .shippingrow-details .prettyselect-wrap .prettyselect-label{background: #fff; line-height: 2.4em;text-align: left;} #shopping-cart-totals-table .shippingrow-details .prettyselect-wrap ul{top: 35px;} #shopping-cart-totals-table .shippingrow-details .prettyselect-wrap .prettyselect-label:after{top: 6px;} .shopping-cart form{display: block;} .free_shipping_counter .mobile-banner{display: none;} .free_shipping_counter .counter a {font-size: 1.1em;display: block;line-height: 0.5em;} .free_shipping_counter .counter a span{width: 5px;font-size: 1.7em;line-height: 1em !important;text-indent: -11px;vertical-align: -26%} .free_shipping_counter .counter .vertical-wrapp > p > span{color: #0e8086;display: block;font-size: 0.9em;line-height: 1.8em;width: 100%;} .free_shipping_counter .counter .vertical-wrapp > p > strong{font-size: 1.7em;color: #000;font-weight: normal;line-height: 1em;} .free_shipping_counter .counter p strong {display: block;font-size: 1.3em;font-weight: normal;line-height: 1.1em;} .free_shipping_counter .counter p small{display: block;font-size: 0.9em;} .free_shipping_counter .counter .vertical-wrapp > p.granted span{font-size: 1.5em;color: #0e8086;} .free_shipping_counter .counter p{margin: 0px;} @media all and (max-width: 900px){ .shopping-cart{margin: 0 10px;} .cart-bottom .cart-cols .col-right{float: left;width: 100%;margin: 15px auto 0;} .cart-bottom .cart-cols .col-right .text-col br{display: none;} .cart-bottom .cart-cols .col-right .text-header{margin-bottom: 0px} .cart-bottom .cart-cols .box-header{margin-left: 67px;text-align: left;} .cart-bottom .cart-cols .col-left{float: left;width: 100%;margin: 15px auto 0; padding: 0px;} .shopping-cart > .cart-cols {margin-bottom: 10px;} .shopping-cart .btn-checkout{height:56px;} } @media all and (min-width: 768px) and (max-width: 900px){ #discount-coupon-form .button#acceptedCode span{text-indent: -16px;margin-top: 2px;} } @media all and (min-width: 768px){ .shopping-cart .buttons.showmobile{display: none;} .free_shipping_counter img{height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .free_shipping_counter .counter{position: absolute;height: 100%;right: 0px;top: 0px;text-align: center;background: none !important;} .free_shipping_counter .counter .vertical-wrapp{ padding: 5px 30px; position: relative;top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: none !important;} .free_shipping_counter{position: relative;height: 85px;overflow: hidden;} #checkout-login-box .acordion_area, #checkout-resetpassword-box .acordion_area{display: block !important;} } @media all and (max-width: 767px){ .free_shipping_counter img{width: 100%;} .free_shipping_counter{position: relative;margin-bottom: 15px;overflow: hidden;} .free_shipping_counter .counter .vertical-wrapp{padding: 5px 0;text-align: center;} .free_shipping_counter .mobile-banner{display: block;} .free_shipping_counter .desktop-banner{display: none;} .cart-bottom .halfspace{width: 100%;padding: 0px;} .cart-bottom .halfspace + .halfspace{padding: 15px 0 0 0;} .cart-bottom .cart-cols .col-left .text-header br{display: none;} .shopping-cart > .cart-cols .col-left{width: 100%;float: left;padding: 20px 0 0px !important;} .shopping-cart > .cart-cols .col-right{width: 100%;float: left;padding: 0px !important;} .shopping-cart .sticky_column{position: relative !important;top: auto !important;left: 0px !important;} .shopping-cart .sticky_column+div{display: none !important;} .shopping-cart .sticky_column > .buttons.showmobile{margin-top: 20px;} .shopping-cart .buttons.hidemobile{display: none;} .shopping-cart .buttons.showmobile{display: block;text-align: center;} .shopping-cart .buttons.showmobile .buttonlink{float: none;margin: 0 auto;display: inline-block;} .shopping-cart .tool-box .edit{display: none;} #discount-coupon-form #acceptedCode.button span {margin-top: 4px;text-indent: -17px;} } @media all and (max-width: 640px){ .shopping-cart .item-details .item-image{display: block !important;float: left;} .shopping-cart .item-details .item-qty{display: block !important;float: right;width: 59%;padding: 10px 0 0 0;} .shopping-cart .item-details .item-params{display: block !important;float: right;width: 59%;padding: 0;} .accessories_info.backbone_container{position: relative;} .accessories_info.backbone_container .update_btn{position: absolute;left: 0px;bottom: -85px;} .shopping-cart .item-details .item-qty{padding: 6px 0 30px 0;} } @media all and (max-width: 360px){ .cart-bottom .cart-cols .box-header{margin-left: 0px;text-align: left;} .cart-bottom .cart-cols .ico-col{padding-right: 10px;width: 30px;} .cart-bottom .cart-cols .ico-col span{font-size: 2.5em;} .cart-bottom .cart-cols .ico-col img{width: 30px;} .shopping-cart .item-details .item-image{width: 100%;padding: 0px 0 0 0;} .shopping-cart .item-details .item-qty{width: 100%;padding: 10px 0 0 0;} .shopping-cart .item-details .item-params{width: 100%;padding: 20px 0 0 0;} .accessories_box.grid-container{margin-top: 30px;} .accessories_info.backbone_container .update_btn{bottom: -95px;} } /*******KLARNA***********/ #payment_form_vaimo_klarna_invoice{position: relative;margin: 0px !important;display: block;} #payment_form_vaimo_klarna_invoice .klarna_readme{float: none;text-align: left;} #payment_form_vaimo_klarna_invoice .klarna_readme #klarna_invoice_readme{text-align: left;} #payment_form_vaimo_klarna_invoice .klarna_readme a{display: inline-block;font-size: 12px;} #payment_form_vaimo_klarna_invoice .klarna_readme a:before { border: 1px solid #808080; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: "i"; display: inline-block; font-size: 10px; height: 16px; line-height: 15px; margin-right: 10px; text-align: center; vertical-align: bottom; width: 16px; } #payment_form_vaimo_klarna_invoice .payment_plan_wrapper {display: none;} #payment_form_vaimo_klarna_invoice ul{margin: 0px !important;} #payment_form_vaimo_klarna_invoice .klarna-input-box label{color: #666;margin-top: 8px;margin-bottom: 3px;} #payment_form_vaimo_klarna_invoice .klarna-input-box br{display: none;} #payment_form_vaimo_klarna_invoice .klarna-input-box li{overflow: hidden;margin-bottom: 5px;} #payment_form_vaimo_klarna_invoice .klarna-input-box input{width: 70%;line-height: 1em !important;float: left;} #payment_form_vaimo_klarna_invoice .klarna-input-box input#vaimo_klarna_invoice_pno{border-right: 0px;} #co-payment-form .klarna_input_wrapper{padding-bottom: 1px;} #co-payment-form .klarna_input_wrapper #vaimo_klarna_invoice_update_address_button{ float: left; margin: 0px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background: #f5f5f5; border: 1px solid #102d79; color:#102d79; width: 30%; padding: 6px 0px 7px; position: relative; } .klarna_personal_number .update-address-indicator{position: absolute;top: 4px;left: 0px;right: 0px;bottom: 0px;background: #f5f5f5;text-align: center;} .klarna_personal_number .update-address-indicator > span { background-color: #878787 ; height: 80%; width: 2px; display: inline-block; margin-right: -1px; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .klarna_personal_number .update-address-indicator .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .klarna_personal_number .update-address-indicator .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .klarna_personal_number .update-address-indicator .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .klarna_personal_number .update-address-indicator .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; margin-right: 0px; } #vaimo_klarna_invoice_input_fields label{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #payment_form_vaimo_klarna_invoice .klarna-input-box li.klarna_load_notification .klarna_msg_txt{margin: 6px 0px; display: block;min-height: 2.4em;} #payment_form_vaimo_klarna_invoice .klarna_msg_txt, #payment_form_vaimo_klarna_invoice .klarna_address_txt{display: block;font-size: 13px;line-height: 1.2em; } #payment_form_vaimo_klarna_invoice .klarna_msg_txt li{margin: 0px;padding: 0px;} .klarna_load_notification .action_to_copy{display: none;} #clone_vaimo_klarna_invoice .action_to_copy .klarna_address_single{margin-top: -7px;margin-bottom: 5px; font-size: 14px;} #clone_vaimo_klarna_invoice .action_to_copy .klarna_address_txt span{display: block;font-size: 13px;color: #000;line-height: 1.2em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #clone_vaimo_klarna_invoice .action_to_copy .address_list{height: 50px;overflow: auto;width: 100% !important;} #clone_vaimo_klarna_invoice .action_to_copy .address_list .jspContainer .jspPane, #clone_vaimo_klarna_invoice .action_to_copy .address_list .jspContainer{width: 95% !important;} #clone_vaimo_klarna_invoice .action_to_copy .jspHorizontalBar{display: none;} #clone_vaimo_klarna_invoice .action_to_copy .jspContainer .jspPane{left: 0px !important;} #clone_vaimo_klarna_invoice .action_to_copy .single_address:not(:first-child){padding-top: 10px;border-top: 1px solid #ddd;margin-top: 10px;} #clone_vaimo_klarna_invoice .action_to_copy .single_address label{padding-left: 25px;position: relative;} #clone_vaimo_klarna_invoice .action_to_copy .single_address label:before{width: 12px;height: 12px; top: 1px;} #clone_vaimo_klarna_invoice .action_to_copy .single_address label:after{top: 5px;left: 7px;width: 6px;height: 6px;} #clone_vaimo_klarna_invoice .action_to_copy .single_address address{width: 100%;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #clone_vaimo_klarna_invoice .action_to_copy .prettyselect-label{border-color: #999999;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: none !important;border-radius: 0px !important;padding-top: 4px;padding-bottom: 4px;} #clone_vaimo_klarna_invoice .action_to_copy .prettyselect-label::after{top: 4px;} #clone_vaimo_klarna_invoice .prettyselect-drop{max-width: 100%;display: block;top: 29px;border-color: #ccc;} #clone_vaimo_klarna_invoice .prettyselect-drop li{font-size: 12px;white-space: normal;background: none !important;} #clone_vaimo_klarna_invoice .prettyselect-drop li:hover{color:#000;} /*******END: KLARNA***********/ /******* PAYLANE ***********/ .paylane-payment-method-container-title{ display: block; font-size: 13px; margin: 20px 0 5px; text-decoration: none; width: 100%; color: #666; } #checkout-payment-method-load ul.payment_form_paylane{padding-left: 35px !important;} .paylane-payment-method-container ul{overflow: hidden;} .paylane-payment-method-container li{position: relative; float: left;margin-top: 0px !important;text-align: left;} .paylane-payment-method-container li label{font-size: 13px;text-align: left;margin-bottom: 0px;text-decoration: none; padding-left: 20px;} .paylane-payment-method-container li input{top: 8px;} #paylane-payment-method-additional-container .payment-types-list li{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position: relative; float: left;margin: 5px;width:18%;position: relative;overflow: hidden;} #paylane-payment-method-additional-container .payment-types-list li:after{content: ""; display: block;padding-top: 100%;} #paylane-payment-method-additional-container .payment-types-list li label {box-sizing: border-box;cursor: pointer;border: 1px solid #EEE;position:absolute;margin: 0px;left: 0px;right: 0px;top: 0px;bottom: 0px;text-align: center;} #paylane-payment-method-additional-container .payment-types-list li input{visibility: hidden;} #paylane-payment-method-additional-container .payment-types-list li input:checked ~ label{border-color: #f26444} #paylane-payment-method-additional-container .payment-types-list li img{position: absolute;top: 50%;left: 50%;max-width: 100%;text-align: center; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /******* END: PAYLANE ***********/ .checkout_header{ margin: 0 auto; padding: 5px 0; position: relative; text-align: left; width: 100%; max-width: 1015px; overflow: hidden; } .checkout_header .logoBox{width: 100%;float: left;} .checkout_header .logoBox .logo{display: block;float: left;height: 58px;padding-top: 4px;box-sizing: border-box;} .checkout_header .logoBox .checkout_header_banner{float: right;} .checkout-onepage-index .page{padding-top: 0px;} #payment_form_moneybookers_idl.form-list li{margin: 0px !important;} #details-reload{margin-bottom: 20px;} .checkout-buttons .buttonlink{margin: 0px; padding: 0px;text-align: left;} .checkout-buttons .buttonlink a{padding: 10px 30px 10px 20px;margin: 0 auto;} #checkout-payment-method-load .input-box:not(:first-child){ border-top: 1px dashed #ccc; } #checkout-payment-method-load .payment-methods .input-box{ padding: 15px 0px 10px } #checkout-payment-method-load .input-box label img{display: block;margin-top: 10px;} #checkout-payment-method-load .trusted-shops input[type="checkbox"] ~ label::before{ background-color: #fff; } #address-box-default{margin-top: 30px;} .customer-data .customer-action{margin-top: 47px;} .popup-box:not(.translate-mode) .address-selection{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 720px; width: 90%; max-height: 90%; overflow: auto; background: #fff; padding: 10px 20px; border: 1px solid #4d4d4d; } .address-selection form{ background: url('../images/checkout/line-dashed.png')top left 46% repeat-y; margin: 10px 0; } .address-selection .close-btn { position: absolute; right: 0px; top: 0px; width: 35px; line-height: 35px; font-size: 2.5em; cursor: pointer; display: block; height: 35px; z-index: 2; } .address-selection .close-btn a{display: block;} .address-selection .address-item{margin: 5px 0px 15px 0;} .address-selection .address-item address{border: 0px;padding: 0px;} .popup-box #shipping-popup > .grid-container{padding-left: 15px; padding-right: 15px;} #shipping-popup, #billing-popup{width: 100% !important; height: 100% !important;} @media all and (max-width: 767px){ #billing-final-address{margin-bottom: 30px;} .address-selection form{background: none;} } @media all and (min-width: 461px) and (max-width: 767px){ .address-selection .address-item{width: 49%;float: left;} .address-selection .address-item:nth-child(even){margin-right: 2%;} .customer-data .customer-action{margin-top: 20px;} } .checkout-login-payment-methods{text-align: center;margin-top: 50px;} .checkout-login-payment-methods img{display: inline-block;margin: 0 -2px 10px 0;} .checkout_advantages {margin-top: 5px;font-size: 14px;} .checkout_advantages .tableLike{margin-bottom: 15px;line-height: 1.2em;} .checkout_advantages .tableLike .tablecellLike {padding-right: 10px;} .checkout_advantages .tableLike a{display: block;} .checkout_advantages .tableLike a span{font-size: 22px;line-height: 22px;vertical-align: -25%;text-indent: -5px;} .checkout_advantages .col-sm-5 .tableLike{padding-left: 20px;} #payment-buttons-container{margin: 40px 0;} #payment-buttons-container .buttonlink{margin: 0px;} #payment-buttons-container .buttonlink a{padding: 10px 30px 10px 20px;} #payment-buttons-container .notice{text-align: right;color: #858585;font-size: 0.8em;} #co-payment-form.gridlayout input[type="radio"]{display: none;} #co-payment-form.gridlayout .grid-row > div.wraps-item{padding:0; height: 130px; position: relative; } #co-payment-form.gridlayout .grid-row > div.form_for_payment:before, #co-payment-form.gridlayout .grid-row > div.wraps-item:before{ display: block;position: absolute;top: -1px;left: 0px;bottom: 0px;right: -1px;border:1px solid #999999;content: ""; } #co-payment-form.gridlayout .grid-row .wraps-item.active + .form_for_payment, #co-payment-form.gridlayout .grid-row .wraps-item.active{z-index: 1;} #co-payment-form.gridlayout .grid-row .wraps-item.active.hasForm:before{border-width: 3px 0 3px 3px; border-color: #0fae47;} #co-payment-form.gridlayout .grid-row .wraps-item.active:not(.hasForm):before{border-width: 3px 3px 3px 3px; border-color: #0fae47;} #co-payment-form.gridlayout .grid-row .wraps-item.hasForm:not(.active) + .form_for_payment{display: none;} #co-payment-form.gridlayout .grid-row .wraps-item.active + .form_for_payment:before{border-width: 3px 3px 3px 0px; border-color: #0fae47;} .store-swedish #co-payment-form.gridlayout .grid-row > div{height: 200px;} #co-payment-form.gridlayout .grid-row .form_for_payment{padding: 5px 20px 5px 0px} .gridlayout .wraps-item > label { position: relative; display: block; padding: 11px 15px 15px 45px; top: 0px; left: 0px; right: 0px; box-sizing: border-box; height: 100%; } .gridlayout .wraps-item.active > label{ height: auto; } .gridlayout .wraps-item:not(.active) div[id*="clone_"]{display: none;} .gridlayout .wraps-item div[id*="clone_"]{padding: 0 15px 0px 45px;} .gridlayout .wraps-item > label:before{ display: block;width: 15px;height: 15px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border: 1px solid #cccccc;content:"";position: absolute;top: 15px !important;left: 15px !important; } .gridlayout .wraps-item > label strong{display: block;font-size: 15px;color:#000;line-height: 1.2em;font-weight: normal;max-height: 2.5em;overflow: hidden;margin-top: 3px;} .gridlayout .wraps-item > label small{display: block;color:#8c8c8c;font-size: 13px;} .gridlayout .wraps-item input[type="radio"]:checked ~ label::after{ width: 7px;height: 7px; top: 20px;left: 20px; } .gridlayout label{ position: static; display: block; padding-left: 0px; } .gridlayout .method-img{width: 100%;padding: 10px 0 0;overflow: hidden;display: block;text-align: left;} .gridlayout .method-img img{max-width: 100%;} .checkout-payment-advantages .tableLike .tablecellLike:first-child{padding-right: 10px;vertical-align: top} .checkout-payment-advantages .tableLike{ margin: 10px auto;} #checkout-step-payment .header2be{font-size: 18px;padding-bottom: 5px;} .accountlaw_agreement{display: none;} @media all and (min-width: 992px){ .checkout-payment-advantages br:not(.always-is){display: none;} } @media all and (min-width: 768px){ .checkout-payment-advantages{padding-top: 25px;padding-bottom: 25px;text-align: center;line-height: 1.2em;} } @media all and (max-width: 767px){ .checkout-payment-advantages{padding-top: 15px;padding-bottom: 15px;text-align: center;line-height: 1.2em;} .checkout-payment-advantages {text-align: left;} .checkout-payment-advantages .tableLike{ margin: 5px 5px;font-size: 13px;} } @media all and (max-width: 460px){ .checkout-payment-advantages br{display: none;} .checkout-payment-advantages .tableLike{margin: 5px 0 0 30px;} #co-payment-form.gridlayout .grid-row .wraps-item.hasForm, #co-payment-form.gridlayout .grid-row .wraps-item.hasForm + .form_for_payment{width: 100%;} #co-payment-form.gridlayout .grid-row .wraps-item.active.hasForm::before { border-width: 3px 3px 0px 3px; } #co-payment-form.gridlayout .grid-row .wraps-item.active + .form_for_payment::before { border-width: 0px 3px 3px 3px; } #co-payment-form.gridlayout .grid-row .form_for_payment{padding: 10px 15px;} } #success-newsletter-subscribe{ position: relative; } #success-newsletter-validate-detail{ position: absolute; top: 100px; left: 30px; right: 30px; } #success-newsletter-validate-detail .submit{ margin-top: 5px; height: 40px;background: #666ce5;display: block;color:#fff;width: 100%;border: 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; -ms-transition: background 0.25s linear; -o-transition: background 0.25s linear; transition: background 0.25s linear; } #success-newsletter-validate-detail .submit:hover{ background-color: #102d79; } .rating-list{ list-style: none; overflow: hidden; margin: 10px 0 20px; } .rating-list li{ float: left; height: 28px; width: 28px; line-height: 28px; text-align: center; display: block; } .rating-list li.sad{ background: url("../images/checkout/success/unhappy.png") 0 0 no-repeat; margin-right: 5px; } .rating-list li.smile{ background: url("../images/checkout/success/happy.png") 0 0 no-repeat; margin-left: 5px; } .rating-list li.rate{ border-radius:50%; color:#000; cursor:pointer; margin:0 5px 5px; background: #f1f0ec; border: 1px solid transparent; } .rating-list li.rate.active{ border-color: #000; } #order-rating-form textarea{ height: 85px; } #payment_form_moneybookers_idl.form-list li{margin: 0px !important;} #details-reload{margin-bottom: 0px;} #checkout-resetpassword-box{display: none;} @media (max-width: 767px){ .mobile-login .orange-heading h2.text-header{padding: 0px;font-size: 16px;} .mobile-login h2:before, .mobile-login h2:after{display: none;} .mobile-login .orange-heading{width: 83.33333%;margin: 30px auto 10px; padding: 13px 20px;text-align: left;box-sizing: border-box;border: 1px solid #ccc;position: relative;} .mobile-login .orange-heading:after{ position: absolute;display: block;right: 0px;top: 50%;margin-top: -23px;font-size: 2.5em;line-height: 1.3em;content: "\e688";font-family: "Pe-icon-7-stroke"; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;} .mobile-login.acordion_trigger.active .orange-heading:after{transform: rotate(90deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);} #co-billing-form .orange-heading, #checkout-resetpassword-box .orange-heading{padding: 20px 0 15px;} #checkout-login-box .acordion_area{display: none;} } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/common/css/checkout_lists.css" */ /*****PAYPAL CONFIRM PAGE*******/ p.block-title{ font-size: 16px; margin: 0 0 23px; position: relative; } p.block-title::before { background: #f16544 none repeat scroll 0 0; bottom: -8px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 20px; } .input-box.checkbox input{position: absolute;opacity: 0px;visibility: hidden;} .input-box.checkbox label{min-height: 38px;padding-top: 10px;color:#8c8c8c;padding-left: 50px;display: block;position: relative} .input-box.checkbox label:before{position: absolute;width:38px; height: 38px; border: 1px solid #b3b3b3; display: block;content: "";top: 0px;left: 0px;} .input-box.checkbox label:after{position: absolute;width:38px; height: 38px; display: none;content: "";top: 1px;left: 1px; background: url("../images/arrows/option_green_check.png") no-repeat center;} .input-box.checkbox input:checked ~label:after{display: block;} #shipping-address-form{margin-top: 20px;display: none;} .paypal-express-review #shipping-address-form { display: block; margin-top: 0px;} #shipping-method-form{margin-top: 20px;} .cart-cols p.block-title{margin-top: 20px;} .cart-cols p.block-title a{font-size: 0.8em;} .paypal-express-review .prettyselect-wrap .prettyselect-drop{top: 35px} .paypal-express-review .order-details-list{margin-bottom: 20px;} .cart-cols {margin-bottom: 40px;margin-top: 15px;} .cart-cols .col-right{float: right;width: 33%;} .cart-cols .col-left{float: left;width: 63.5%;box-sizing: border-box;margin-right: 3.5%;} .cart_item:first-child{padding-top: 0px;} .item_top_left{width: 65%;float: left;} .item_top_left h2 a{width: 100%;overflow: hidden;display: block;text-overflow: ellipsis;padding-bottom: 5px;white-space: nowrap;} .item_top_left h2:before, .item_top_left h2:after{display: none;} .item_top_right{width: 35%;float: left;} .item_top_left h2{text-align: left;font-size:1.2em;padding-bottom: 0px;} .item_top_left h2 .prefix{font-size: 0.9em;display: block;} .item_top_left h2 span:not(.prefix){display: block;padding-bottom: 5px;} .item_top{position: relative;overflow: hidden;} .item_top:before{background: #f26444;bottom: 21px;content: "";height: 3px;left: 0%;position: absolute;width: 30px;z-index: 1;} .item_top:after{background: #000;bottom: 22px;content: "";height: 1px;left: 0%;position: absolute;width: 100%;} .item_top_right{text-align: right;} .item_top_right .item-price{font-size: 1em;padding-bottom: 5px;} .item_top_right .item-price .cart-discountprice{display: none;} .item_top_right ul li{display: inline-block;padding-left: 10px;font-size: 1em;} .item_top_right ul li:first-child{padding-left: 0px;} .item_top_right ul li[class*='pe-7s']{font-size: 1.3em;} .item-details{padding: 10px 0;display: table;width: 100%;} .item-details .item-image{width: 34%;padding-right: 5%;display: table-cell;vertical-align: middle;} .item-details .item-image a{overflow: hidden;position: relative;width: 100%;display: block;border: 1px solid #cccccc;} .item-details .item-image a:before {content: ""; display: block; padding-top: 66.6667%;} .item-details .item-image a img {height: 90%;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: auto;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .item-details .item-params{width: 64%;padding-right: 3%;display: table-cell;vertical-align: middle;} .item-details .item-qty{width: 15%;display: table-cell;vertical-align: middle;text-align: right;} .item-details .productAvailability{padding-bottom: 10px;color: #10ae47;} .item-details li span{color: #606060;} .totals-container{background: #f5f5f5;margin-top: 10px; margin-bottom: 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 15px 20px;} .totals-container h3{font-size: 22px;line-height: 1em;} .totals-container h3:after, .totals-container h3:before{display: none;} .totals-container h3 small{display: block;font-size: 0.65em;color: #606060;} #shopping-cart-totals-table{width: 100%;} #shopping-cart-totals-table tfoot td{border-top: 1px solid #21ce6f;padding-top: 10px;} #shopping-cart-totals-table tfoot td:first-child{text-align: left;font-size: 1em;line-height: 1em;vertical-align: bottom;} #shopping-cart-totals-table tfoot td:first-child + td {text-align: right;font-size: 1.4em;line-height: 1em;vertical-align: bottom;color: #000;} #shopping-cart-totals-table tfoot td strong{font-weight: normal;} #shopping-cart-totals-table .shippingrow-details td, #shopping-cart-totals-table .shipping, #shopping-cart-totals-table tbody td.discount{padding: 0px 3px 8px;} #shopping-cart-totals-table tbody td.subtotal{padding: 2px 3px 5px;} #shopping-cart-totals-table tbody td.a-left:first-child{font-size: 12px;} .totals-container .tax-info{width: 100%;text-align: right;color: #8c8c8c;font-size: 0.8em;display: block;line-height: 1.6em;} .checkout-types small{ color: #8c8c8c; display: block; font-size: 0.8em; line-height: 1.4em; text-align: justify; width: 100%; margin: 10px 0; } .checkout-types p{ text-align: center;margin-top: 20px; } .checkout-types p{ color: #8c8c8c; display: block; font-size: 0.8em; line-height: 1.4em; text-align: justify; width: 100%; margin: 10px 0;} .checkout-types p br{display: none;} .required-box{color: #a6a6a6;font-size: 11px;overflow: hidden;} .required-box span{ border-top: 1px solid #dfdfdf; color: #a6a6a6; float: left; font-size: 11px; padding-left: 5px; padding-right: 10px; } .order-details-list .box{font-size: 12px;padding:10px 10px 30px 10px;border: 1px solid #ccc;min-height: 110px;} .order-details-list .box a{position: absolute;bottom: 5px;right: 15px;font-size: 13px;} .order-details-list .box a span{vertical-align: -25%;text-indent: -5px;} .review-params { padding: 12px 25px 12px 25px; margin-bottom: 30px; border: 1px solid #ccc; width: 100%; box-sizing: border-box; display: -ms-grid; display: grid; grid-gap: 15px; -ms-grid-columns: 22% 21% 19% 19% auto; grid-template-columns: 22% 21% 19% 19% auto; grid-template-areas: "billing shipping shipper payment total"; grid-template-rows: auto; justify-content: stretch; align-content: stretch;} .review-billing{grid-area: billing; -ms-grid-row: 1; -ms-grid-column: 1;} .review-shipping{grid-area: shipping; -ms-grid-row: 1; -ms-grid-column: 2;} .review-shipping-method{grid-area: shipper; -ms-grid-row: 1; -ms-grid-column: 3;} .review-payment-method{grid-area: payment; -ms-grid-row: 1; -ms-grid-column: 4;} .review-total{grid-area: total;font-size: 20px; -ms-grid-row: 1; -ms-grid-column: 5;} .review-total strong{font-size: 14px;} .review-params strong{display: block;color:#000; margin-bottom: 5px;line-height: 1em;} .review-params > div{line-height: 1.2em;} #checkout-review-table-wrapper{ padding: 0px 25px 20px 0px; } .paypal-review-order #checkout-review-table-wrapper{ padding: 0px 0px 20px 0px; } #checkout-review-table-wrapper .product-header{border-bottom: 1px solid #e3e3e3;} #checkout-review-table-wrapper h3:before, #checkout-review-table-wrapper h3:after, #checkout-review-table-wrapper .product-header h2:before, #checkout-review-table-wrapper .product-header h2:after{display: none;} #checkout-review-table-wrapper .product-header h2{text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #checkout-review-table-wrapper .product-header h2 span{font-size: 12px;color: #8e8e8e;} #checkout-review-table-wrapper .grid-container:first-child ~ .grid-container{padding-top: 30px} #checkout-review-table-wrapper .item-image{ display: block; background: #fff; padding: 7px 12px; border: 1px solid #e3e3e3; border-top: 0px; } #checkout-review-table-wrapper .item-image a{display: block;} #checkout-review-table-wrapper .item-image img{width: 100%; height: auto;} #checkout-review-table-wrapper .item-params{font-size: 12px;line-height: 1.4em;margin-top: 5px;padding-right: 10px;} #checkout-review-table-wrapper .accessory-qty-price{color: #8e8e8e;} #checkout-review-table-wrapper ~ .buttons-set{border-top: 0px;margin-top: 0px;padding-top: 0px;} #checkout-review-table-wrapper h3{font-size: 22px;margin-bottom: 10px;} @media all and (max-width: 900px){ .cart-cols .col-right{float: left;width: 100%;margin: 15px auto 0;} .cart-cols .col-right .text-col br{display: none;} .cart-cols .col-left{float: left;width: 100%;margin: 15px auto 0; padding: 0px;} .cart-cols {margin-bottom: 10px;} .review-params{margin-bottom: 0px;} } @media all and (max-width: 767px){ .shopping-cart > .cart-cols .col-left{width: 100%;float: left;padding: 20px 0 0px !important;} .shopping-cart > .cart-cols .col-right{width: 100%;float: left;padding: 0px !important;} .review-params {-ms-grid-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas: "billing shipping shipper" ". . payment" "total . .";} .review-payment-method, .review-total{margin-top: 10px;} .review-billing{grid-row: 1 / 3;} .review-shipping{grid-row: 1 / 3;} } @media all and (max-width: 460px){ .review-params {-ms-grid-columns: minmax(0,1fr) minmax(0,1fr);grid-template-columns: minmax(0,1fr) minmax(0,1fr);grid-template-areas: "billing shipping" "shipper payment" "total total";} .review-shipping-method, .review-payment-method, .review-total{margin-top: 10px;} .review-billing{grid-row: auto;} .review-shipping{grid-row: auto;} } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/begit/catalog.css" */ .product-media .architect-download { position: relative; } .product-media .architect-download input { width: 32px; height: 32px; background:transparent; padding: 0px; display: block; border: 0px; cursor: pointer; color: transparent; } .product-media .architect-download:before{ display: block; font-family: "Pe-icon-7-stroke"; content: "\e65c"; font-size: 21px; left: 0px; top: 0px; position: absolute; color: #102d79; width: 32px;text-align: center; line-height: 34px; } /* Included from "/home/www/www/shop2.bimago.com/www/skin/frontend/default/bimago/css/begit/cms.css" */ #cooperation-page #contactForm { grid-template-areas: "name surname email phone" "create-account create-account create-account create-account" "link upload upload send" "list list list list"; } #cooperation-page #contactForm .create-account-area{ grid-area: create-account; -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 4; } #cooperation-page #contactForm .link-area{ grid-area: link;position: relative; -ms-grid-row: 3; -ms-grid-column: 1; } #cooperation-page #contactForm .upload-area{ grid-area: upload; -ms-grid-row: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; } #cooperation-page #contactForm .send-area{ grid-area: send; -ms-grid-row: 3; -ms-grid-column: 4; } #cooperation-page #contactForm .list-area{ grid-area: list; display: none; -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 4; } /* [2019-12-20T11:46:35+00:00] Generated with "Bimago Glue" */