| /*typo welcome test*/ |
| .welcome-image::before { |
| content: url('../image/StartAppHere.png'); |
| } |
| |
| /* cyrillic-ext */ |
| @font-face { |
| 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/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); |
| /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/ |
| } |
| /* cyrillic */ |
| @font-face { |
| 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/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); |
| /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ |
| } |
| /* greek-ext */ |
| @font-face { |
| 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/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); |
| /* unicode-range: U+1F00-1FFF; */ |
| } |
| /* greek */ |
| @font-face { |
| 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/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); |
| /* unicode-range: U+0370-03FF; */ |
| } |
| /* vietnamese */ |
| @font-face { |
| 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/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); |
| /* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ |
| } |
| /* latin-ext */ |
| @font-face { |
| 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/v13/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; */ |
| } |
| /* latin */ |
| @font-face { |
| 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/v13/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; */ |
| } |
| /* cyrillic-ext */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); |
| /* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ |
| } |
| /* cyrillic */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); |
| /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ |
| } |
| /* greek-ext */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); |
| /* unicode-range: U+1F00-1FFF; */ |
| } |
| /* greek */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); |
| /* unicode-range: U+0370-03FF; */ |
| } |
| /* vietnamese */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); |
| /* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ |
| } |
| /* latin-ext */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/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; */ |
| } |
| /* latin */ |
| @font-face { |
| font-family: 'Open Sans'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/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; */ |
| } |
| /* cyrillic-ext */ |
| @font-face { |
| 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/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); |
| /* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ |
| } |
| /* cyrillic */ |
| @font-face { |
| 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/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); |
| /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ |
| } |
| /* greek-ext */ |
| @font-face { |
| 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/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); |
| /* unicode-range: U+1F00-1FFF; */ |
| } |
| /* greek */ |
| @font-face { |
| 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/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); |
| /* unicode-range: U+0370-03FF; */ |
| } |
| /* vietnamese */ |
| @font-face { |
| 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/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); |
| /* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ |
| } |
| /* latin-ext */ |
| @font-face { |
| 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/v13/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; */ |
| } |
| /* latin */ |
| @font-face { |
| 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/v13/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; */ |
| } |
| /* cyrillic-ext */ |
| @font-face { |
| 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/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); |
| /* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ |
| } |
| /* cyrillic */ |
| @font-face { |
| 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/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); |
| /* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ |
| } |
| /* greek-ext */ |
| @font-face { |
| 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/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); |
| /* unicode-range: U+1F00-1FFF; */ |
| } |
| /* greek */ |
| @font-face { |
| 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/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); |
| /* unicode-range: U+0370-03FF; */ |
| } |
| /* vietnamese */ |
| @font-face { |
| 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/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); |
| /* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ |
| } |
| /* latin-ext */ |
| @font-face { |
| 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/v13/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; */ |
| } |
| /* latin */ |
| @font-face { |
| 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/v13/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; */ |
| } |
| /* vietnamese */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 300; |
| src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); |
| /* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ |
| } |
| /* latin-ext */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 300; |
| src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); |
| /* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ |
| } |
| /* latin */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 300; |
| src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-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; */ |
| } |
| /* vietnamese */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); |
| /* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ |
| } |
| /* latin-ext */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); |
| /* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ |
| } |
| /* latin */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 400; |
| src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.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; */ |
| } |
| /* vietnamese */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 700; |
| src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); |
| /* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ |
| } |
| /* latin-ext */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 700; |
| src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); |
| /* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ |
| } |
| /* latin */ |
| @font-face { |
| font-family: 'Quicksand'; |
| font-style: normal; |
| font-weight: 700; |
| src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-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; */ |
| } |
| |
| i.fa { |
| padding-left : 5px; |
| font-size : 0.9rem; |
| } |
| .bg-blue { |
| background-color : #0067b1; |
| } |
| .bg-darkblue { |
| background-color : #002f58; |
| } |
| .bg-red { |
| background-color : #be1622; |
| } |
| .bg-white { |
| background-color : #fff; |
| } |
| .button { |
| display : inline-block; |
| background : inherit; |
| color : inherit; |
| padding : 15px; |
| text-transform : uppercase; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| text-decoration : none; |
| cursor : pointer; |
| } |
| .button i { |
| padding-right : 5px; |
| transition : all 0.5s; |
| font-size : 18px; |
| line-height : normal; |
| } |
| .button span + i { |
| padding-left : 5px; |
| transition : all 0.5s; |
| } |
| .button:hover { |
| text-decoration : none !important ; |
| } |
| .button:hover i { |
| padding-right : 10px; |
| transition : all 0.5s; |
| } |
| .button:hover span + i { |
| padding-left : 10px; |
| transition : all 0.5s; |
| } |
| span span { |
| background : inherit; |
| color : inherit; |
| } |
| .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a { |
| display : inline-block; |
| background : none 0% 0% repeat scroll #be1622; |
| color : #FFF; |
| padding : 15px; |
| text-transform : uppercase; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| text-decoration : none; |
| cursor : pointer; |
| border : none; |
| } |
| .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover { |
| text-decoration : none !important ; |
| } |
| .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a { |
| background-color : #0067b1; |
| } |
| .darkbluebutton { |
| background-color : #002f58; |
| text-align : left; |
| } |
| .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after { |
| float : right; |
| } |
| .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after { |
| padding-left : 30px; |
| } |
| .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton { |
| background-color : #f5f5f5; |
| color : #333; |
| } |
| .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover { |
| background-color : #0067b1; |
| color : #fff; |
| } |
| .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a { |
| background-color : #ffffff; |
| color : #333; |
| } |
| .arrowlink, .thirdSection .right a { |
| font-weight : 700; |
| text-decoration : none; |
| transition : all 0.5s; |
| } |
| .arrowlink:after, .thirdSection .right a:after { |
| font-family : 'FontAwesome'; |
| content : "\f178"; |
| padding-left : 5px; |
| font-size : 15px; |
| transition : all 0.7s; |
| display : inline-block; |
| } |
| .arrowlink:hover, .thirdSection .right a:hover { |
| text-decoration : none; |
| } |
| .arrowlink:hover:after, .thirdSection .right a:hover:after { |
| padding-left : 15px; |
| transition : all 0.5s; |
| } |
| .arrowlink.down:after, .thirdSection .right a.down:after { |
| content : "\f078"; |
| vertical-align : bottom; |
| } |
| .arrowlink.down.active:after, .thirdSection .right a.down.active:after { |
| content : "\f077"; |
| } |
| .keylink { |
| text-align : center; |
| color : #fff; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .keylink:before { |
| content : "\f084"; |
| font-family : 'FontAwesome'; |
| padding-right : 5px; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| } |
| .downloadlink { |
| text-align : center; |
| font-weight : 700; |
| text-decoration : none; |
| transition : all 0.5s; |
| min-height : 54px; |
| } |
| .downloadlink:after { |
| font-family : 'FontAwesome'; |
| content : "\f019"; |
| padding-left : 5px; |
| font-size : 15px; |
| transition : all 0.5s; |
| } |
| .downloadlink:hover { |
| font-size : 18px; |
| } |
| .downloadlink:hover:after { |
| font-size : 17px; |
| transition : all 0.5s; |
| } |
| .buttonContainer { |
| text-align : center; |
| } |
| .versal { |
| text-transform : uppercase; |
| } |
| .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after { |
| content : " "; |
| display : table; |
| } |
| .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after { |
| clear : both; |
| } |
| html { |
| margin : 0; |
| padding : 0; |
| font-size : 15px; |
| line-height : normal; |
| } |
| html * { |
| box-sizing : border-box; |
| font-family : "Open Sans", sans-serif; |
| } |
| body { |
| margin : 0; |
| padding : 0; |
| counter-reset : olliste; |
| } |
| section, main, footer, nav, aside, article { |
| display : block; |
| } |
| img { |
| height : auto; |
| max-width : 100%; |
| } |
| figure { |
| margin : 0; |
| padding : 0; |
| } |
| ul { |
| margin : 0; |
| padding : 0; |
| list-style : none; |
| } |
| ::-webkit-input-placeholder { |
| color : #333333; |
| opacity : 1 !important ; |
| } |
| :-moz-placeholder { |
| color : #333333; |
| } |
| ::-moz-placeholder { |
| color : #333333; |
| } |
| :-ms-input-placeholder { |
| color : #333333; |
| } |
| input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { |
| color : #333333; |
| opacity : 1 !important ; |
| } |
| input:-moz-placeholder, textarea:-moz-placeholder { |
| color : #333333; |
| } |
| input::-moz-placeholder, textarea::-moz-placeholder { |
| color : #333333; |
| } |
| input:-ms-input-placeholder, textarea:-ms-input-placeholder { |
| color : #333333; |
| } |
| .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li { |
| position : relative; |
| padding-left : 15px; |
| } |
| .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before { |
| content : "\f054"; |
| content : "\f111"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| position : absolute; |
| top : 7px; |
| left : 0; |
| color : #be1622; |
| font-size : 6px; |
| } |
| .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li { |
| margin-top : 4px; |
| } |
| .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul { |
| margin-top : 5px; |
| } |
| .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul { |
| margin-top : 15px; |
| } |
| .inner { |
| max-width : 1325px; |
| margin : 0 auto; |
| } |
| .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner { |
| max-width : 1030px; |
| margin : 0 auto; |
| } |
| @media screen and (max-width:1100px) { |
| .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner { |
| padding : 0 25px; |
| } |
| } |
| main { |
| overflow : hidden; |
| } |
| body.contact .contactMain { |
| max-width : 1030px; |
| margin : 0 auto 0 auto; |
| } |
| h1, h2, .ce-table table caption, h3 { |
| margin : 0; |
| font-size : inherit; |
| line-height : normal; |
| } |
| .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { |
| font-family : "Quicksand", sans-serif; |
| font-size : 60px; |
| line-height : normal; |
| color : #333; |
| margin : 0 0 40px 0; |
| text-transform : uppercase; |
| font-weight : 300; |
| display : block; |
| } |
| @media screen and (max-width:1024px) { |
| .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { |
| font-size : 45px; |
| margin-bottom : 30px; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { |
| font-size : 35px; |
| margin-bottom : 25px; |
| } |
| } |
| @media screen and (max-width:640px) { |
| .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { |
| font-size : 28px; |
| margin-bottom : 20px; |
| } |
| } |
| .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { |
| font-family : "Quicksand", sans-serif; |
| font-size : 60px; |
| line-height : normal; |
| color : #333; |
| margin : 0 0 40px 0; |
| text-transform : uppercase; |
| text-align : center; |
| font-weight : 300; |
| display : block; |
| } |
| @media screen and (max-width:1024px) { |
| .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { |
| font-size : 45px; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { |
| font-size : 35px; |
| } |
| } |
| @media screen and (max-width:640px) { |
| .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { |
| font-size : 28px; |
| } |
| } |
| .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 { |
| font-family : "Quicksand", sans-serif; |
| font-weight : 400; |
| text-transform : uppercase; |
| color : #333; |
| font-size : 24px; |
| line-height : normal; |
| text-align : center; |
| display : block; |
| margin : 0 0 15px 0; |
| } |
| .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after { |
| content : ""; |
| display : block; |
| width : 50px; |
| height : 5px; |
| background : #fc0; |
| margin : 10px auto 0 auto; |
| } |
| .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption { |
| font-family : "Quicksand", sans-serif; |
| font-weight : 400; |
| text-transform : uppercase; |
| color : #333; |
| font-size : 24px; |
| line-height : normal; |
| display : block; |
| margin : 0 0 15px 0; |
| } |
| .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after { |
| content : ""; |
| display : block; |
| width : 50px; |
| height : 5px; |
| background : #fc0; |
| margin : 10px 0 0 0; |
| } |
| .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline { |
| font-size : 36px; |
| line-height : normal; |
| font-family : "Quicksand", sans-serif; |
| font-weight : 400; |
| color : #fff; |
| display : block; |
| margin : 0 0 15px 0; |
| text-align : center; |
| } |
| .headlineH2withoutUnderlineLeft { |
| text-align : left; |
| } |
| .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 { |
| font-weight : 700; |
| font-size : 16px; |
| line-height : normal; |
| color : #333; |
| margin : 0 0 20px 0; |
| display : block; |
| } |
| .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline { |
| font-size : 18px; |
| line-height : normal; |
| font-weight : 700; |
| color : #333; |
| margin-bottom : 20px; |
| } |
| .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after { |
| content : ""; |
| display : block; |
| width : 50px; |
| height : 5px; |
| background : #fc0; |
| margin : 5px 0 0 0; |
| } |
| a { |
| color : #0067b1; |
| text-decoration : none; |
| font-weight : 700; |
| } |
| a span { |
| color : inherit; |
| } |
| a:hover { |
| text-decoration : underline; |
| } |
| a.arrowlink:hover, .thirdSection .right a:hover { |
| text-decoration : underline !important ; |
| } |
| a.arrowlink:hover:after, .thirdSection .right a:hover:after { |
| text-decoration : none !important ; |
| } |
| a.button:hover { |
| text-decoration : none !important ; |
| } |
| a.button:hover span { |
| text-decoration : none !important ; |
| } |
| span a { |
| color : inherit; |
| } |
| .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after { |
| content : "\f178"; |
| transition : all 0.7s; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| font-weight : 700; |
| font-family : 'FontAwesome'; |
| padding-left : 5px; |
| transition : all 0.7s; |
| } |
| .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover { |
| text-decoration : none; |
| } |
| .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after { |
| padding-left : 10px; |
| } |
| .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more { |
| color : #fff; |
| } |
| h1, h2, .ce-table table caption, h3, h4, h5, h6 { |
| font-size : 15px; |
| line-height : normal; |
| margin : 0; |
| font-weight : 400; |
| } |
| p { |
| font-size : 15px; |
| line-height : normal; |
| margin : 0; |
| } |
| p + p, p + ul, p + ol { |
| margin-top : 15px; |
| } |
| p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline { |
| margin-top : 25px; |
| } |
| p i { |
| font-style : italic; |
| } |
| p.bigText { |
| font-size : 18px; |
| line-height : normal; |
| } |
| p.bigText a { |
| font-size : 18px; |
| line-height : normal; |
| } |
| p.centeralign, p.align-center { |
| text-align : center; |
| } |
| p.leftalign, p.align-left { |
| text-align : left; |
| } |
| p.rightalign, p.align-right { |
| text-align : right; |
| } |
| ul li { |
| font-size : 15px; |
| line-height : normal; |
| } |
| a { |
| font-size : 15px; |
| line-height : normal; |
| } |
| .bigText { |
| font-size : 18px; |
| line-height : normal; |
| } |
| .centeralign, .align-center { |
| text-align : center; |
| } |
| .leftalign { |
| text-align : left; |
| } |
| .rightalign { |
| text-align : right; |
| } |
| .hvr-grow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { |
| transform : scale(1.1); |
| } |
| .hvr-shrink { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { |
| transform : scale(0.9); |
| } |
| @keyframes hvr-pulse { |
| 25% { |
| transform : scale(1.1); |
| } |
| 75% { |
| transform : scale(0.9); |
| } |
| } |
| .hvr-pulse { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { |
| animation-name : hvr-pulse; |
| animation-duration : 1s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| } |
| @keyframes hvr-pulse-grow { |
| to { |
| transform : scale(1.1); |
| } |
| } |
| .hvr-pulse-grow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { |
| animation-name : hvr-pulse-grow; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| animation-direction : alternate; |
| } |
| @keyframes hvr-pulse-shrink { |
| to { |
| transform : scale(0.9); |
| } |
| } |
| .hvr-pulse-shrink { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { |
| animation-name : hvr-pulse-shrink; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| animation-direction : alternate; |
| } |
| @keyframes hvr-push { |
| 50% { |
| transform : scale(0.8); |
| } |
| 100% { |
| transform : scale(1); |
| } |
| } |
| .hvr-push { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-push:hover, .hvr-push:focus, .hvr-push:active { |
| animation-name : hvr-push; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-pop { |
| 50% { |
| transform : scale(1.2); |
| } |
| } |
| .hvr-pop { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { |
| animation-name : hvr-pop; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : 1; |
| } |
| .hvr-bounce-in { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.5s; |
| } |
| .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { |
| transform : scale(1.2); |
| transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); |
| } |
| .hvr-bounce-out { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.5s; |
| } |
| .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { |
| transform : scale(0.8); |
| transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); |
| } |
| .hvr-rotate { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { |
| transform : rotate(4deg); |
| } |
| .hvr-grow-rotate { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { |
| transform : scale(1.1) rotate(4deg); |
| } |
| .hvr-float { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-float:hover, .hvr-float:focus, .hvr-float:active { |
| transform : translateY(-8px); |
| } |
| .hvr-sink { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { |
| transform : translateY(8px); |
| } |
| @keyframes hvr-bob { |
| 0% { |
| transform : translateY(-8px); |
| } |
| 50% { |
| transform : translateY(-4px); |
| } |
| 100% { |
| transform : translateY(-8px); |
| } |
| } |
| @keyframes hvr-bob-float { |
| 100% { |
| transform : translateY(-8px); |
| } |
| } |
| .hvr-bob { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { |
| animation-name : hvr-bob-float, hvr-bob; |
| animation-duration : 0.3s, 1.5s; |
| animation-delay : 0s, 0.3s; |
| animation-timing-function : ease-out, ease-in-out; |
| animation-iteration-count : 1, infinite; |
| animation-fill-mode : forwards; |
| animation-direction : normal, alternate; |
| } |
| @keyframes hvr-hang { |
| 0% { |
| transform : translateY(8px); |
| } |
| 50% { |
| transform : translateY(4px); |
| } |
| 100% { |
| transform : translateY(8px); |
| } |
| } |
| @keyframes hvr-hang-sink { |
| 100% { |
| transform : translateY(8px); |
| } |
| } |
| .hvr-hang { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { |
| animation-name : hvr-hang-sink, hvr-hang; |
| animation-duration : 0.3s, 1.5s; |
| animation-delay : 0s, 0.3s; |
| animation-timing-function : ease-out, ease-in-out; |
| animation-iteration-count : 1, infinite; |
| animation-fill-mode : forwards; |
| animation-direction : normal, alternate; |
| } |
| .hvr-skew { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { |
| transform : skew(-10deg); |
| } |
| .hvr-skew-forward { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transform-origin : 0 100%; |
| } |
| .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { |
| transform : skew(-10deg); |
| } |
| .hvr-skew-backward { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transform-origin : 0 100%; |
| } |
| .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { |
| transform : skew(10deg); |
| } |
| @keyframes hvr-wobble-vertical { |
| 16.65% { |
| transform : translateY(8px); |
| } |
| 33.3% { |
| transform : translateY(-6px); |
| } |
| 49.95% { |
| transform : translateY(4px); |
| } |
| 66.6% { |
| transform : translateY(-2px); |
| } |
| 83.25% { |
| transform : translateY(1px); |
| } |
| 100% { |
| transform : translateY(0); |
| } |
| } |
| .hvr-wobble-vertical { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { |
| animation-name : hvr-wobble-vertical; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-wobble-horizontal { |
| 16.65% { |
| transform : translateX(8px); |
| } |
| 33.3% { |
| transform : translateX(-6px); |
| } |
| 49.95% { |
| transform : translateX(4px); |
| } |
| 66.6% { |
| transform : translateX(-2px); |
| } |
| 83.25% { |
| transform : translateX(1px); |
| } |
| 100% { |
| transform : translateX(0); |
| } |
| } |
| .hvr-wobble-horizontal { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { |
| animation-name : hvr-wobble-horizontal; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-wobble-to-bottom-right { |
| 16.65% { |
| transform : translate(8px,8px); |
| } |
| 33.3% { |
| transform : translate(-6px,-6px); |
| } |
| 49.95% { |
| transform : translate(4px,4px); |
| } |
| 66.6% { |
| transform : translate(-2px,-2px); |
| } |
| 83.25% { |
| transform : translate(1px,1px); |
| } |
| 100% { |
| transform : translate(0,0); |
| } |
| } |
| .hvr-wobble-to-bottom-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { |
| animation-name : hvr-wobble-to-bottom-right; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-wobble-to-top-right { |
| 16.65% { |
| transform : translate(8px,-8px); |
| } |
| 33.3% { |
| transform : translate(-6px,6px); |
| } |
| 49.95% { |
| transform : translate(4px,-4px); |
| } |
| 66.6% { |
| transform : translate(-2px,2px); |
| } |
| 83.25% { |
| transform : translate(1px,-1px); |
| } |
| 100% { |
| transform : translate(0,0); |
| } |
| } |
| .hvr-wobble-to-top-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { |
| animation-name : hvr-wobble-to-top-right; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-wobble-top { |
| 16.65% { |
| transform : skew(-12deg); |
| } |
| 33.3% { |
| transform : skew(10deg); |
| } |
| 49.95% { |
| transform : skew(-6deg); |
| } |
| 66.6% { |
| transform : skew(4deg); |
| } |
| 83.25% { |
| transform : skew(-2deg); |
| } |
| 100% { |
| transform : skew(0); |
| } |
| } |
| .hvr-wobble-top { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transform-origin : 0 100%; |
| } |
| .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { |
| animation-name : hvr-wobble-top; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-wobble-bottom { |
| 16.65% { |
| transform : skew(-12deg); |
| } |
| 33.3% { |
| transform : skew(10deg); |
| } |
| 49.95% { |
| transform : skew(-6deg); |
| } |
| 66.6% { |
| transform : skew(4deg); |
| } |
| 83.25% { |
| transform : skew(-2deg); |
| } |
| 100% { |
| transform : skew(0); |
| } |
| } |
| .hvr-wobble-bottom { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transform-origin : 100% 0; |
| } |
| .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { |
| animation-name : hvr-wobble-bottom; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-wobble-skew { |
| 16.65% { |
| transform : skew(-12deg); |
| } |
| 33.3% { |
| transform : skew(10deg); |
| } |
| 49.95% { |
| transform : skew(-6deg); |
| } |
| 66.6% { |
| transform : skew(4deg); |
| } |
| 83.25% { |
| transform : skew(-2deg); |
| } |
| 100% { |
| transform : skew(0); |
| } |
| } |
| .hvr-wobble-skew { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { |
| animation-name : hvr-wobble-skew; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-buzz { |
| 50% { |
| transform : translateX(3px) rotate(2deg); |
| } |
| 100% { |
| transform : translateX(-3px) rotate(-2deg); |
| } |
| } |
| .hvr-buzz { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { |
| animation-name : hvr-buzz; |
| animation-duration : 0.15s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| } |
| @keyframes hvr-buzz-out { |
| 10% { |
| transform : translateX(3px) rotate(2deg); |
| } |
| 20% { |
| transform : translateX(-3px) rotate(-2deg); |
| } |
| 30% { |
| transform : translateX(3px) rotate(2deg); |
| } |
| 40% { |
| transform : translateX(-3px) rotate(-2deg); |
| } |
| 50% { |
| transform : translateX(2px) rotate(1deg); |
| } |
| 60% { |
| transform : translateX(-2px) rotate(-1deg); |
| } |
| 70% { |
| transform : translateX(2px) rotate(1deg); |
| } |
| 80% { |
| transform : translateX(-2px) rotate(-1deg); |
| } |
| 90% { |
| transform : translateX(1px) rotate(0); |
| } |
| 100% { |
| transform : translateX(-1px) rotate(0); |
| } |
| } |
| .hvr-buzz-out { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| } |
| .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { |
| animation-name : hvr-buzz-out; |
| animation-duration : 0.75s; |
| animation-timing-function : linear; |
| animation-iteration-count : 1; |
| } |
| .hvr-fade { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| overflow : hidden; |
| transition-duration : 0.3s; |
| transition-property : color, background-color; |
| } |
| .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { |
| background-color : #2098d1; |
| color : white; |
| } |
| @keyframes hvr-back-pulse { |
| 50% { |
| background-color : rgba(32, 152, 209, 0.75); |
| } |
| } |
| .hvr-back-pulse { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| overflow : hidden; |
| transition-duration : 0.5s; |
| transition-property : color, background-color; |
| } |
| .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { |
| animation-name : hvr-back-pulse; |
| animation-duration : 1s; |
| animation-delay : 0.5s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| background-color : #2098d1; |
| background-color : #2098d1; |
| color : white; |
| } |
| .hvr-sweep-to-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-sweep-to-right:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleX(0); |
| transform-origin : 0 50%; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { |
| color : white; |
| } |
| .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { |
| transform : scaleX(1); |
| } |
| .hvr-sweep-to-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-sweep-to-left:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleX(0); |
| transform-origin : 100% 50%; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { |
| color : white; |
| } |
| .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { |
| transform : scaleX(1); |
| } |
| .hvr-sweep-to-bottom { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-sweep-to-bottom:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleY(0); |
| transform-origin : 50% 0; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { |
| color : white; |
| } |
| .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { |
| transform : scaleY(1); |
| } |
| .hvr-sweep-to-top { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-sweep-to-top:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleY(0); |
| transform-origin : 50% 100%; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { |
| color : white; |
| } |
| .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { |
| transform : scaleY(1); |
| } |
| .hvr-bounce-to-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.5s; |
| } |
| .hvr-bounce-to-right:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleX(0); |
| transform-origin : 0 50%; |
| transition-property : transform; |
| transition-duration : 0.5s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { |
| color : white; |
| } |
| .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { |
| transform : scaleX(1); |
| transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); |
| } |
| .hvr-bounce-to-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.5s; |
| } |
| .hvr-bounce-to-left:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleX(0); |
| transform-origin : 100% 50%; |
| transition-property : transform; |
| transition-duration : 0.5s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { |
| color : white; |
| } |
| .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { |
| transform : scaleX(1); |
| transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); |
| } |
| .hvr-bounce-to-bottom { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.5s; |
| } |
| .hvr-bounce-to-bottom:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleY(0); |
| transform-origin : 50% 0; |
| transition-property : transform; |
| transition-duration : 0.5s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { |
| color : white; |
| } |
| .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { |
| transform : scaleY(1); |
| transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); |
| } |
| .hvr-bounce-to-top { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-property : color; |
| transition-duration : 0.5s; |
| } |
| .hvr-bounce-to-top:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scaleY(0); |
| transform-origin : 50% 100%; |
| transition-property : transform; |
| transition-duration : 0.5s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { |
| color : white; |
| } |
| .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { |
| transform : scaleY(1); |
| transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); |
| } |
| .hvr-radial-out { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| background : #e1e1e1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-radial-out:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| border-radius : 100%; |
| transform : scale(0); |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { |
| color : white; |
| } |
| .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { |
| transform : scale(2); |
| } |
| .hvr-radial-in { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| background : #2098d1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-radial-in:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #e1e1e1; |
| border-radius : 100%; |
| transform : scale(2); |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { |
| color : white; |
| } |
| .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { |
| transform : scale(0); |
| } |
| .hvr-rectangle-in { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| background : #2098d1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-rectangle-in:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #e1e1e1; |
| transform : scale(1); |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { |
| color : white; |
| } |
| .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { |
| transform : scale(0); |
| } |
| .hvr-rectangle-out { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| background : #e1e1e1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-rectangle-out:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| transform : scale(0); |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { |
| color : white; |
| } |
| .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { |
| transform : scale(1); |
| } |
| .hvr-shutter-in-horizontal { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| background : #2098d1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-shutter-in-horizontal:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| bottom : 0; |
| left : 0; |
| right : 0; |
| background : #e1e1e1; |
| transform : scaleX(1); |
| transform-origin : 50%; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { |
| color : white; |
| } |
| .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { |
| transform : scaleX(0); |
| } |
| .hvr-shutter-out-horizontal { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| background : #e1e1e1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-shutter-out-horizontal:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| bottom : 0; |
| left : 0; |
| right : 0; |
| background : #2098d1; |
| transform : scaleX(0); |
| transform-origin : 50%; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { |
| color : white; |
| } |
| .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { |
| transform : scaleX(1); |
| } |
| .hvr-shutter-in-vertical { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| background : #2098d1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-shutter-in-vertical:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| bottom : 0; |
| left : 0; |
| right : 0; |
| background : #e1e1e1; |
| transform : scaleY(1); |
| transform-origin : 50%; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { |
| color : white; |
| } |
| .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { |
| transform : scaleY(0); |
| } |
| .hvr-shutter-out-vertical { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| background : #e1e1e1; |
| transition-property : color; |
| transition-duration : 0.3s; |
| } |
| .hvr-shutter-out-vertical:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| top : 0; |
| bottom : 0; |
| left : 0; |
| right : 0; |
| background : #2098d1; |
| transform : scaleY(0); |
| transform-origin : 50%; |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { |
| color : white; |
| } |
| .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { |
| transform : scaleY(1); |
| } |
| .hvr-border-fade { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : box-shadow; |
| box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent; |
| } |
| .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { |
| box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent; |
| } |
| .hvr-hollow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : background; |
| box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent; |
| } |
| .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { |
| background : none; |
| } |
| .hvr-trim { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-trim:before { |
| content : ''; |
| position : absolute; |
| border : white solid 4px; |
| top : 4px; |
| left : 4px; |
| right : 4px; |
| bottom : 4px; |
| opacity : 0; |
| transition-duration : 0.3s; |
| transition-property : opacity; |
| } |
| .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { |
| opacity : 1; |
| } |
| @keyframes hvr-ripple-out { |
| 100% { |
| top : -12px; |
| right : -12px; |
| bottom : -12px; |
| left : -12px; |
| opacity : 0; |
| } |
| } |
| .hvr-ripple-out { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-ripple-out:before { |
| content : ''; |
| position : absolute; |
| border : #e1e1e1 solid 6px; |
| top : 0; |
| right : 0; |
| bottom : 0; |
| left : 0; |
| animation-duration : 1s; |
| } |
| .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { |
| animation-name : hvr-ripple-out; |
| } |
| @keyframes hvr-ripple-in { |
| 100% { |
| top : 0; |
| right : 0; |
| bottom : 0; |
| left : 0; |
| opacity : 1; |
| } |
| } |
| .hvr-ripple-in { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-ripple-in:before { |
| content : ''; |
| position : absolute; |
| border : #e1e1e1 solid 4px; |
| top : -12px; |
| right : -12px; |
| bottom : -12px; |
| left : -12px; |
| opacity : 0; |
| animation-duration : 1s; |
| } |
| .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { |
| animation-name : hvr-ripple-in; |
| } |
| .hvr-outline-out { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-outline-out:before { |
| content : ''; |
| position : absolute; |
| border : #e1e1e1 solid 4px; |
| top : 0; |
| right : 0; |
| bottom : 0; |
| left : 0; |
| transition-duration : 0.3s; |
| transition-property : top, right, bottom, left; |
| } |
| .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { |
| top : -8px; |
| right : -8px; |
| bottom : -8px; |
| left : -8px; |
| } |
| .hvr-outline-in { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-outline-in:before { |
| content : ''; |
| position : absolute; |
| border : #e1e1e1 solid 4px; |
| top : -16px; |
| right : -16px; |
| bottom : -16px; |
| left : -16px; |
| opacity : 0; |
| transition-duration : 0.3s; |
| transition-property : top, right, bottom, left; |
| } |
| .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { |
| top : -8px; |
| right : -8px; |
| bottom : -8px; |
| left : -8px; |
| opacity : 1; |
| } |
| .hvr-round-corners { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : border-radius; |
| } |
| .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { |
| border-radius : 1em; |
| } |
| .hvr-underline-from-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-underline-from-left:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 0; |
| right : 100%; |
| bottom : 0; |
| background : #2098d1; |
| height : 4px; |
| transition-property : right; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { |
| right : 0; |
| } |
| .hvr-underline-from-center { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-underline-from-center:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 50%; |
| right : 50%; |
| bottom : 0; |
| background : #2098d1; |
| height : 4px; |
| transition-property : left, right; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { |
| left : 0; |
| right : 0; |
| } |
| .hvr-underline-from-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-underline-from-right:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 100%; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| height : 4px; |
| transition-property : left; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { |
| left : 0; |
| } |
| .hvr-overline-from-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-overline-from-left:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 0; |
| right : 100%; |
| top : 0; |
| background : #2098d1; |
| height : 4px; |
| transition-property : right; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { |
| right : 0; |
| } |
| .hvr-overline-from-center { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-overline-from-center:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 50%; |
| right : 50%; |
| top : 0; |
| background : #2098d1; |
| height : 4px; |
| transition-property : left, right; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { |
| left : 0; |
| right : 0; |
| } |
| .hvr-overline-from-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-overline-from-right:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 100%; |
| right : 0; |
| top : 0; |
| background : #2098d1; |
| height : 4px; |
| transition-property : left; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { |
| left : 0; |
| } |
| .hvr-reveal { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-reveal:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 0; |
| right : 0; |
| top : 0; |
| bottom : 0; |
| border-color : #2098d1; |
| border-style : solid; |
| border-width : 0; |
| transition-property : border-width; |
| transition-duration : 0.1s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { |
| transform : translateY(0); |
| border-width : 4px; |
| } |
| .hvr-underline-reveal { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-underline-reveal:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| background : #2098d1; |
| height : 4px; |
| transform : translateY(4px); |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { |
| transform : translateY(0); |
| } |
| .hvr-overline-reveal { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| overflow : hidden; |
| } |
| .hvr-overline-reveal:before { |
| content : ""; |
| position : absolute; |
| z-index : -1; |
| left : 0; |
| right : 0; |
| top : 0; |
| background : #2098d1; |
| height : 4px; |
| transform : translateY(-4px); |
| transition-property : transform; |
| transition-duration : 0.3s; |
| transition-timing-function : ease-out; |
| } |
| .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { |
| transform : translateY(0); |
| } |
| .hvr-glow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : box-shadow; |
| } |
| .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { |
| box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); |
| } |
| .hvr-shadow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : box-shadow; |
| } |
| .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { |
| box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5); |
| } |
| .hvr-grow-shadow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : box-shadow, transform; |
| } |
| .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { |
| box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5); |
| transform : scale(1.1); |
| } |
| .hvr-box-shadow-outset { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : box-shadow; |
| } |
| .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { |
| box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6); |
| } |
| .hvr-box-shadow-inset { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| transition-duration : 0.3s; |
| transition-property : box-shadow; |
| box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent; |
| } |
| .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { |
| box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent; |
| } |
| .hvr-float-shadow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-float-shadow:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| top : 100%; |
| left : 5%; |
| height : 10px; |
| width : 90%; |
| opacity : 0; |
| background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); |
| transition-duration : 0.3s; |
| transition-property : transform, opacity; |
| } |
| .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { |
| transform : translateY(-5px); |
| } |
| .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { |
| opacity : 1; |
| transform : translateY(5px); |
| } |
| .hvr-shadow-radial { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-shadow-radial:before, .hvr-shadow-radial:after { |
| position : absolute; |
| content : ''; |
| left : 0; |
| width : 100%; |
| box-sizing : border-box; |
| background-repeat : no-repeat; |
| height : 5px; |
| opacity : 0; |
| transition-duration : 0.3s; |
| transition-property : opacity; |
| } |
| .hvr-shadow-radial:before { |
| bottom : 100%; |
| background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); |
| } |
| .hvr-shadow-radial:after { |
| top : 100%; |
| background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); |
| } |
| .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { |
| opacity : 1; |
| } |
| .hvr-bubble-top { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-bubble-top:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| border-style : solid; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| left : calc(50% - 10px); |
| top : 0; |
| border-width : 0 10px 10px 10px; |
| border-color : transparent transparent #e1e1e1 transparent; |
| } |
| .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { |
| transform : translateY(-10px); |
| } |
| .hvr-bubble-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-bubble-right:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| border-style : solid; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| top : calc(50% - 10px); |
| right : 0; |
| border-width : 10px 0 10px 10px; |
| border-color : transparent transparent transparent #e1e1e1; |
| } |
| .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { |
| transform : translateX(10px); |
| } |
| .hvr-bubble-bottom { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-bubble-bottom:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| border-style : solid; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| left : calc(50% - 10px); |
| bottom : 0; |
| border-width : 10px 10px 0 10px; |
| border-color : #e1e1e1 transparent transparent transparent; |
| } |
| .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { |
| transform : translateY(10px); |
| } |
| .hvr-bubble-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-bubble-left:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| border-style : solid; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| top : calc(50% - 10px); |
| left : 0; |
| border-width : 10px 10px 10px 0; |
| border-color : transparent #e1e1e1 transparent transparent; |
| } |
| .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { |
| transform : translateX(-10px); |
| } |
| .hvr-bubble-float-top { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-top:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| left : calc(50% - 10px); |
| top : 0; |
| border-style : solid; |
| border-width : 0 10px 10px 10px; |
| border-color : transparent transparent #e1e1e1 transparent; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { |
| transform : translateY(10px); |
| } |
| .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { |
| transform : translateY(-10px); |
| } |
| .hvr-bubble-float-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-right:before { |
| position : absolute; |
| z-index : -1; |
| top : calc(50% - 10px); |
| right : 0; |
| content : ''; |
| border-style : solid; |
| border-width : 10px 0 10px 10px; |
| border-color : transparent transparent transparent #e1e1e1; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { |
| transform : translateX(-10px); |
| } |
| .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { |
| transform : translateX(10px); |
| } |
| .hvr-bubble-float-bottom { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-bottom:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| left : calc(50% - 10px); |
| bottom : 0; |
| border-style : solid; |
| border-width : 10px 10px 0 10px; |
| border-color : #e1e1e1 transparent transparent transparent; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { |
| transform : translateY(-10px); |
| } |
| .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { |
| transform : translateY(10px); |
| } |
| .hvr-bubble-float-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-left:before { |
| position : absolute; |
| z-index : -1; |
| content : ''; |
| top : calc(50% - 10px); |
| left : 0; |
| border-style : solid; |
| border-width : 10px 10px 10px 0; |
| border-color : transparent #e1e1e1 transparent transparent; |
| transition-duration : 0.3s; |
| transition-property : transform; |
| } |
| .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { |
| transform : translateX(10px); |
| } |
| .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { |
| transform : translateX(-10px); |
| } |
| .hvr-icon-back { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-left : 2.2em; |
| transition-duration : 0.1s; |
| } |
| .hvr-icon-back:before { |
| content : "\f137"; |
| position : absolute; |
| left : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.1s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { |
| transform : translateX(-4px); |
| } |
| .hvr-icon-forward { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.1s; |
| } |
| .hvr-icon-forward:before { |
| content : "\f138"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.1s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { |
| transform : translateX(4px); |
| } |
| @keyframes hvr-icon-down { |
| 0%, 50%, 100% { |
| transform : translateY(0); |
| } |
| 25%, 75% { |
| transform : translateY(6px); |
| } |
| } |
| .hvr-icon-down { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-down:before { |
| content : "\f01a"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { |
| animation-name : hvr-icon-down; |
| animation-duration : 0.75s; |
| animation-timing-function : ease-out; |
| } |
| @keyframes hvr-icon-up { |
| 0%, 50%, 100% { |
| transform : translateY(0); |
| } |
| 25%, 75% { |
| transform : translateY(-6px); |
| } |
| } |
| .hvr-icon-up { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-up:before { |
| content : "\f01b"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { |
| animation-name : hvr-icon-up; |
| animation-duration : 0.75s; |
| animation-timing-function : ease-out; |
| } |
| .hvr-icon-spin { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-spin:before { |
| content : "\f021"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transition-duration : 1s; |
| transition-property : transform; |
| transition-timing-function : ease-in-out; |
| } |
| .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { |
| transform : rotate(360deg); |
| } |
| @keyframes hvr-icon-drop { |
| 0% { |
| opacity : 0; |
| } |
| 50% { |
| opacity : 0; |
| transform : translateY(-100%); |
| } |
| 51%, 100% { |
| opacity : 1; |
| } |
| } |
| .hvr-icon-drop { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-drop:before { |
| content : "\f041"; |
| position : absolute; |
| right : 1em; |
| opacity : 1; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { |
| opacity : 0; |
| transition-duration : 0.3s; |
| animation-name : hvr-icon-drop; |
| animation-duration : 0.5s; |
| animation-delay : 0.3s; |
| animation-fill-mode : forwards; |
| animation-timing-function : ease-in-out; |
| animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); |
| } |
| .hvr-icon-fade { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-fade:before { |
| content : "\f00c"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.5s; |
| transition-property : color; |
| } |
| .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { |
| color : #0F9E5E; |
| } |
| @keyframes hvr-icon-float-away { |
| 0% { |
| opacity : 1; |
| } |
| 100% { |
| opacity : 0; |
| transform : translateY(-1em); |
| } |
| } |
| .hvr-icon-float-away { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-float-away:before, .hvr-icon-float-away:after { |
| content : "\f055"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| } |
| .hvr-icon-float-away:after { |
| opacity : 0; |
| animation-duration : 0.5s; |
| animation-fill-mode : forwards; |
| } |
| .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { |
| animation-name : hvr-icon-float-away; |
| animation-timing-function : ease-out; |
| } |
| @keyframes hvr-icon-sink-away { |
| 0% { |
| opacity : 1; |
| } |
| 100% { |
| opacity : 0; |
| transform : translateY(1em); |
| } |
| } |
| .hvr-icon-sink-away { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { |
| content : "\f056"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-sink-away:after { |
| opacity : 0; |
| animation-duration : 0.5s; |
| animation-fill-mode : forwards; |
| } |
| .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { |
| animation-name : hvr-icon-sink-away; |
| animation-timing-function : ease-out; |
| } |
| .hvr-icon-grow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-grow:before { |
| content : "\f118"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { |
| transform : scale(1.3) translateZ(0); |
| } |
| .hvr-icon-shrink { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-shrink:before { |
| content : "\f119"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { |
| transform : scale(0.8); |
| } |
| @keyframes hvr-icon-pulse { |
| 25% { |
| transform : scale(1.3); |
| } |
| 75% { |
| transform : scale(0.8); |
| } |
| } |
| .hvr-icon-pulse { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-pulse:before { |
| content : "\f015"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { |
| animation-name : hvr-icon-pulse; |
| animation-duration : 1s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| } |
| @keyframes hvr-icon-pulse-grow { |
| to { |
| transform : scale(1.3); |
| } |
| } |
| .hvr-icon-pulse-grow { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-pulse-grow:before { |
| content : "\f015"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { |
| animation-name : hvr-icon-pulse-grow; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| animation-direction : alternate; |
| } |
| @keyframes hvr-icon-pulse-shrink { |
| to { |
| transform : scale(0.8); |
| } |
| } |
| .hvr-icon-pulse-shrink { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| } |
| .hvr-icon-pulse-shrink:before { |
| content : "\f015"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { |
| animation-name : hvr-icon-pulse-shrink; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| animation-direction : alternate; |
| } |
| @keyframes hvr-icon-push { |
| 50% { |
| transform : scale(0.5); |
| } |
| } |
| .hvr-icon-push { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-push:before { |
| content : "\f006"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { |
| animation-name : hvr-icon-push; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-icon-pop { |
| 50% { |
| transform : scale(1.5); |
| } |
| } |
| .hvr-icon-pop { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-pop:before { |
| content : "\f005"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { |
| animation-name : hvr-icon-pop; |
| animation-duration : 0.3s; |
| animation-timing-function : linear; |
| animation-iteration-count : 1; |
| } |
| .hvr-icon-bounce { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-bounce:before { |
| content : "\f087"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { |
| transform : scale(1.5); |
| transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); |
| } |
| .hvr-icon-rotate { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-rotate:before { |
| content : "\f0c6"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { |
| transform : rotate(20deg); |
| } |
| .hvr-icon-grow-rotate { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-grow-rotate:before { |
| content : "\f095"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { |
| transform : scale(1.5) rotate(12deg); |
| } |
| .hvr-icon-float { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-float:before { |
| content : "\f01b"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { |
| transform : translateY(-4px); |
| } |
| .hvr-icon-sink { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-sink:before { |
| content : "\f01a"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| transition-duration : 0.3s; |
| transition-property : transform; |
| transition-timing-function : ease-out; |
| } |
| .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { |
| transform : translateY(4px); |
| } |
| @keyframes hvr-icon-bob { |
| 0% { |
| transform : translateY(-6px); |
| } |
| 50% { |
| transform : translateY(-2px); |
| } |
| 100% { |
| transform : translateY(-6px); |
| } |
| } |
| @keyframes hvr-icon-bob-float { |
| 100% { |
| transform : translateY(-6px); |
| } |
| } |
| .hvr-icon-bob { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-bob:before { |
| content : "\f077"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { |
| animation-name : hvr-icon-bob-float, hvr-icon-bob; |
| animation-duration : 0.3s, 1.5s; |
| animation-delay : 0s, 0.3s; |
| animation-timing-function : ease-out, ease-in-out; |
| animation-iteration-count : 1, infinite; |
| animation-fill-mode : forwards; |
| animation-direction : normal, alternate; |
| } |
| @keyframes hvr-icon-hang { |
| 0% { |
| transform : translateY(6px); |
| } |
| 50% { |
| transform : translateY(2px); |
| } |
| 100% { |
| transform : translateY(6px); |
| } |
| } |
| @keyframes hvr-icon-hang-sink { |
| 100% { |
| transform : translateY(6px); |
| } |
| } |
| .hvr-icon-hang { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-hang:before { |
| content : "\f078"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { |
| animation-name : hvr-icon-hang-sink, hvr-icon-hang; |
| animation-duration : 0.3s, 1.5s; |
| animation-delay : 0s, 0.3s; |
| animation-timing-function : ease-out, ease-in-out; |
| animation-iteration-count : 1, infinite; |
| animation-fill-mode : forwards; |
| animation-direction : normal, alternate; |
| } |
| @keyframes hvr-icon-wobble-horizontal { |
| 16.65% { |
| transform : translateX(6px); |
| } |
| 33.3% { |
| transform : translateX(-5px); |
| } |
| 49.95% { |
| transform : translateX(4px); |
| } |
| 66.6% { |
| transform : translateX(-2px); |
| } |
| 83.25% { |
| transform : translateX(1px); |
| } |
| 100% { |
| transform : translateX(0); |
| } |
| } |
| .hvr-icon-wobble-horizontal { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-wobble-horizontal:before { |
| content : "\f061"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { |
| animation-name : hvr-icon-wobble-horizontal; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-icon-wobble-vertical { |
| 16.65% { |
| transform : translateY(6px); |
| } |
| 33.3% { |
| transform : translateY(-5px); |
| } |
| 49.95% { |
| transform : translateY(4px); |
| } |
| 66.6% { |
| transform : translateY(-2px); |
| } |
| 83.25% { |
| transform : translateY(1px); |
| } |
| 100% { |
| transform : translateY(0); |
| } |
| } |
| .hvr-icon-wobble-vertical { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-wobble-vertical:before { |
| content : "\f062"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { |
| animation-name : hvr-icon-wobble-vertical; |
| animation-duration : 1s; |
| animation-timing-function : ease-in-out; |
| animation-iteration-count : 1; |
| } |
| @keyframes hvr-icon-buzz { |
| 50% { |
| transform : translateX(3px) rotate(2deg); |
| } |
| 100% { |
| transform : translateX(-3px) rotate(-2deg); |
| } |
| } |
| .hvr-icon-buzz { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-buzz:before { |
| content : "\f017"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { |
| animation-name : hvr-icon-buzz; |
| animation-duration : 0.15s; |
| animation-timing-function : linear; |
| animation-iteration-count : infinite; |
| } |
| @keyframes hvr-icon-buzz-out { |
| 10% { |
| transform : translateX(3px) rotate(2deg); |
| } |
| 20% { |
| transform : translateX(-3px) rotate(-2deg); |
| } |
| 30% { |
| transform : translateX(3px) rotate(2deg); |
| } |
| 40% { |
| transform : translateX(-3px) rotate(-2deg); |
| } |
| 50% { |
| transform : translateX(2px) rotate(1deg); |
| } |
| 60% { |
| transform : translateX(-2px) rotate(-1deg); |
| } |
| 70% { |
| transform : translateX(2px) rotate(1deg); |
| } |
| 80% { |
| transform : translateX(-2px) rotate(-1deg); |
| } |
| 90% { |
| transform : translateX(1px) rotate(0); |
| } |
| 100% { |
| transform : translateX(-1px) rotate(0); |
| } |
| } |
| .hvr-icon-buzz-out { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| padding-right : 2.2em; |
| transition-duration : 0.3s; |
| } |
| .hvr-icon-buzz-out:before { |
| content : "\f023"; |
| position : absolute; |
| right : 1em; |
| padding : 0 1px; |
| font-family : FontAwesome; |
| transform : translateZ(0); |
| } |
| .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { |
| animation-name : hvr-icon-buzz-out; |
| animation-duration : 0.75s; |
| animation-timing-function : linear; |
| animation-iteration-count : 1; |
| } |
| .hvr-curl-top-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-curl-top-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-curl-top-right:before { |
| position : absolute; |
| content : ''; |
| height : 0; |
| width : 0; |
| top : 0; |
| right : 0; |
| background : white; |
| background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); |
| box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4); |
| transition-duration : 0.3s; |
| transition-property : width, height; |
| } |
| .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { |
| width : 25px; |
| height : 25px; |
| } |
| .hvr-curl-bottom-right { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-curl-bottom-right:before { |
| position : absolute; |
| content : ''; |
| height : 0; |
| width : 0; |
| bottom : 0; |
| right : 0; |
| background : white; |
| background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); |
| box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4); |
| transition-duration : 0.3s; |
| transition-property : width, height; |
| } |
| .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { |
| width : 25px; |
| height : 25px; |
| } |
| .hvr-curl-bottom-left { |
| display : inline-block; |
| vertical-align : middle; |
| transform : translateZ(0); |
| box-shadow : 0 0 1px transparent; |
| backface-visibility : hidden; |
| position : relative; |
| } |
| .hvr-curl-bottom-left:before { |
| position : absolute; |
| content : ''; |
| height : 0; |
| width : 0; |
| bottom : 0; |
| left : 0; |
| background : white; |
| background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); |
| box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4); |
| transition-duration : 0.3s; |
| transition-property : width, height; |
| } |
| .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { |
| width : 25px; |
| height : 25px; |
| } |
| .swiper-container { |
| margin : 0 auto; |
| position : relative; |
| overflow : hidden; |
| z-index : 1; |
| } |
| .swiper-container-no-flexbox .swiper-slide { |
| float : left; |
| } |
| .swiper-container-vertical > .swiper-wrapper { |
| flex-direction : column; |
| } |
| .swiper-wrapper { |
| position : relative; |
| width : 100%; |
| height : 100%; |
| z-index : 1; |
| display : flex; |
| transition-property : transform; |
| box-sizing : content-box; |
| } |
| .swiper-container-android .swiper-slide, .swiper-wrapper { |
| transform : translate3d(0,0,0); |
| } |
| .swiper-container-multirow > .swiper-wrapper { |
| flex-wrap : wrap; |
| } |
| .swiper-container-free-mode > .swiper-wrapper { |
| transition-timing-function : ease-out; |
| margin : 0 auto; |
| } |
| .swiper-slide { |
| flex-shrink : 0; |
| width : 100%; |
| height : 100%; |
| position : relative; |
| } |
| .swiper-container .swiper-notification { |
| position : absolute; |
| left : 0; |
| top : 0; |
| opacity : 0; |
| z-index : -1000; |
| } |
| .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube { |
| position : absolute; |
| top : 50%; |
| width : 27px; |
| height : 44px; |
| margin-top : -22px; |
| z-index : 10; |
| cursor : pointer; |
| background-size : 27px 44px; |
| background-position : center; |
| background-repeat : no-repeat; |
| } |
| .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { |
| opacity : 0.3499999940395355224609375; |
| cursor : auto; |
| } |
| .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next { |
| background-image : url("../img/prev.png"); |
| left : 30px; |
| right : auto; |
| } |
| .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { |
| background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); |
| } |
| .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { |
| background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); |
| } |
| .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev { |
| background-image : url("../img/next.png"); |
| right : 30px; |
| left : auto; |
| } |
| .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { |
| background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); |
| } |
| .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { |
| background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); |
| } |
| .swiper-pagination { |
| position : absolute; |
| text-align : center; |
| transition : 300ms; |
| transform : translate3d(0,0,0); |
| z-index : 10; |
| } |
| .swiper-pagination.swiper-pagination-hidden { |
| opacity : 0; |
| } |
| .swiper-pagination-bullet { |
| width : 8px; |
| height : 8px; |
| display : inline-block; |
| border-radius : 100%; |
| background : #000; |
| opacity : 0.20000000298023223876953125; |
| } |
| button.swiper-pagination-bullet { |
| border : none; |
| margin : 0; |
| padding : 0; |
| box-shadow : none; |
| } |
| .swiper-pagination-clickable .swiper-pagination-bullet { |
| cursor : pointer; |
| } |
| .swiper-pagination-white .swiper-pagination-bullet { |
| background : #fff; |
| } |
| .swiper-pagination-bullet-active { |
| opacity : 1; |
| background : #007aff; |
| } |
| .swiper-pagination-white .swiper-pagination-bullet-active { |
| background : #fff; |
| } |
| .swiper-pagination-black .swiper-pagination-bullet-active { |
| background : #000; |
| } |
| .swiper-container-vertical > .swiper-pagination { |
| right : 10px; |
| top : 50%; |
| transform : translate3d(0,-50%,0); |
| } |
| .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { |
| margin : 5px 0; |
| display : block; |
| } |
| .swiper-container-horizontal > .swiper-pagination { |
| bottom : 10px; |
| left : 0; |
| width : 100%; |
| } |
| .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { |
| margin : 0 5px; |
| } |
| .swiper-container-3d { |
| perspective : 1200px; |
| } |
| .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { |
| transform-style : preserve-3d; |
| } |
| .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { |
| position : absolute; |
| left : 0; |
| top : 0; |
| width : 100%; |
| height : 100%; |
| z-index : 10; |
| } |
| .swiper-container-3d .swiper-slide-shadow-left { |
| background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); |
| } |
| .swiper-container-3d .swiper-slide-shadow-right { |
| background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); |
| } |
| .swiper-container-3d .swiper-slide-shadow-top { |
| background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); |
| } |
| .swiper-container-3d .swiper-slide-shadow-bottom { |
| background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); |
| } |
| .swiper-container-fade.swiper-container-free-mode .swiper-slide { |
| transition-timing-function : ease-out; |
| } |
| .swiper-container-cube { |
| overflow : visible; |
| } |
| .swiper-container-cube .swiper-slide { |
| visibility : hidden; |
| transform-origin : 0 0; |
| backface-visibility : hidden; |
| width : 100%; |
| height : 100%; |
| z-index : 1; |
| } |
| .swiper-container-cube.swiper-container-rtl .swiper-slide { |
| transform-origin : 100% 0; |
| } |
| .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { |
| visibility : visible; |
| } |
| .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { |
| z-index : 0; |
| backface-visibility : hidden; |
| } |
| .swiper-container-cube .swiper-cube-shadow { |
| position : absolute; |
| left : 0; |
| bottom : 0; |
| width : 100%; |
| height : 100%; |
| background : #000; |
| opacity : 0.60000002384185791015625; |
| z-index : 0; |
| } |
| .swiper-scrollbar { |
| border-radius : 10px; |
| position : relative; |
| background : rgba(0, 0, 0, 0.1); |
| } |
| .swiper-container-horizontal > .swiper-scrollbar { |
| position : absolute; |
| left : 1%; |
| bottom : 3px; |
| z-index : 50; |
| height : 5px; |
| width : 98%; |
| } |
| .swiper-container-vertical > .swiper-scrollbar { |
| position : absolute; |
| right : 3px; |
| top : 1%; |
| z-index : 50; |
| width : 5px; |
| height : 98%; |
| } |
| .swiper-scrollbar-drag { |
| height : 100%; |
| width : 100%; |
| position : relative; |
| background : rgba(0, 0, 0, 0.5); |
| border-radius : 10px; |
| left : 0; |
| top : 0; |
| } |
| .swiper-scrollbar-cursor-drag { |
| cursor : move; |
| } |
| .swiper-lazy-preloader { |
| width : 42px; |
| height : 42px; |
| position : absolute; |
| left : 50%; |
| top : 50%; |
| margin-left : -21px; |
| margin-top : -21px; |
| z-index : 10; |
| transform-origin : 50%; |
| animation : swiper-preloader-spin 1s steps(12,end) infinite; |
| } |
| .swiper-lazy-preloader:after { |
| display : block; |
| content : ""; |
| width : 100%; |
| height : 100%; |
| background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
| background-position : 50%; |
| background-size : 100%; |
| background-repeat : no-repeat; |
| } |
| .swiper-lazy-preloader-white:after { |
| background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
| } |
| @keyframes swiper-preloader-spin { |
| 100% { |
| transform : rotate(360deg); |
| } |
| } |
| .mfp-bg { |
| top : 0; |
| left : 0; |
| width : 100%; |
| height : 100%; |
| z-index : 99999; |
| overflow : hidden; |
| position : fixed; |
| background : #0b0b0b; |
| opacity : 0.800000011920928955078125; |
| } |
| .mfp-wrap { |
| top : 0; |
| left : 0; |
| width : 100%; |
| height : 100%; |
| z-index : 999999; |
| position : fixed; |
| outline : none !important ; |
| } |
| .mfp-container { |
| text-align : center; |
| position : absolute; |
| width : 100%; |
| height : 100%; |
| left : 0; |
| top : 0; |
| padding : 0 8px; |
| box-sizing : border-box; |
| } |
| .mfp-container:before { |
| content : ''; |
| display : inline-block; |
| height : 100%; |
| vertical-align : middle; |
| } |
| .mfp-align-top .mfp-container:before { |
| display : none; |
| } |
| .mfp-content { |
| position : relative; |
| display : inline-block; |
| vertical-align : middle; |
| margin : 0 auto; |
| text-align : left; |
| z-index : 9999999; |
| } |
| .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { |
| width : 100%; |
| cursor : auto; |
| } |
| .mfp-ajax-cur { |
| cursor : progress; |
| } |
| .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
| cursor : zoom-out; |
| } |
| .mfp-zoom { |
| cursor : pointer; |
| cursor : zoom-in; |
| } |
| .mfp-auto-cursor .mfp-content { |
| cursor : auto; |
| } |
| .mfp-loading.mfp-figure { |
| display : none; |
| } |
| .mfp-hide { |
| display : none !important ; |
| } |
| .mfp-preloader { |
| color : #CCC; |
| position : absolute; |
| top : 50%; |
| width : auto; |
| text-align : center; |
| margin-top : -0.8em; |
| left : 8px; |
| right : 8px; |
| z-index : 999999; |
| } |
| .mfp-preloader a { |
| color : #CCC; |
| } |
| .mfp-preloader a:hover { |
| color : #FFF; |
| } |
| .mfp-s-ready .mfp-preloader { |
| display : none; |
| } |
| .mfp-s-error .mfp-content { |
| display : none; |
| } |
| button.mfp-close, button.mfp-arrow { |
| overflow : visible; |
| cursor : pointer; |
| background : transparent; |
| border : 0; |
| display : block; |
| outline : none; |
| padding : 0; |
| z-index : 99999999; |
| box-shadow : none; |
| } |
| button::-moz-focus-inner { |
| padding : 0; |
| border : 0; |
| } |
| .mfp-close { |
| width : 44px; |
| height : 44px; |
| line-height : 44px; |
| position : absolute; |
| right : 0; |
| top : 0; |
| text-decoration : none; |
| text-align : center; |
| opacity : 0.64999997615814208984375; |
| padding : 0 0 18px 10px; |
| color : #FFF; |
| font-style : normal; |
| font-size : 28px; |
| font-family : Arial, Baskerville, monospace; |
| } |
| .mfp-close:hover, .mfp-close:focus { |
| opacity : 1; |
| } |
| .mfp-close:active { |
| top : 1px; |
| } |
| .mfp-close-btn-in .mfp-close { |
| color : #333; |
| } |
| .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { |
| color : #FFF; |
| right : -6px; |
| text-align : right; |
| padding-right : 6px; |
| width : 100%; |
| } |
| .mfp-counter { |
| position : absolute; |
| top : 0; |
| right : 0; |
| color : #CCC; |
| font-size : 12px; |
| line-height : 18px; |
| white-space : nowrap; |
| } |
| .mfp-arrow { |
| position : absolute; |
| opacity : 0.64999997615814208984375; |
| margin : 0; |
| top : 50%; |
| margin-top : -55px; |
| padding : 0; |
| width : 90px; |
| height : 110px; |
| } |
| .mfp-arrow:active { |
| margin-top : -54px; |
| } |
| .mfp-arrow:hover, .mfp-arrow:focus { |
| opacity : 1; |
| } |
| .mfp-arrow:before, .mfp-arrow:after { |
| content : ''; |
| display : block; |
| width : 0; |
| height : 0; |
| position : absolute; |
| left : 0; |
| top : 0; |
| margin-top : 35px; |
| margin-left : 35px; |
| border : transparent inset medium; |
| } |
| .mfp-arrow:after { |
| border-top-width : 13px; |
| border-bottom-width : 13px; |
| top : 8px; |
| } |
| .mfp-arrow:before { |
| border-top-width : 21px; |
| border-bottom-width : 21px; |
| opacity : 0.699999988079071044921875; |
| } |
| .mfp-arrow-left { |
| left : 0; |
| } |
| .mfp-arrow-left:after { |
| border-right : 17px solid #FFF; |
| margin-left : 31px; |
| } |
| .mfp-arrow-left:before { |
| margin-left : 25px; |
| border-right : 27px solid #3F3F3F; |
| } |
| .mfp-arrow-right { |
| right : 0; |
| } |
| .mfp-arrow-right:after { |
| border-left : 17px solid #FFF; |
| margin-left : 39px; |
| } |
| .mfp-arrow-right:before { |
| border-left : 27px solid #3F3F3F; |
| } |
| .mfp-iframe-holder { |
| padding-top : 40px; |
| padding-bottom : 40px; |
| } |
| .mfp-iframe-holder .mfp-content { |
| line-height : 0; |
| width : 100%; |
| max-width : 900px; |
| } |
| .mfp-iframe-holder .mfp-close { |
| top : -40px; |
| } |
| .mfp-iframe-scaler { |
| width : 100%; |
| height : 0; |
| overflow : hidden; |
| padding-top : 56.25%; |
| } |
| .mfp-iframe-scaler iframe { |
| position : absolute; |
| display : block; |
| top : 0; |
| left : 0; |
| width : 100%; |
| height : 100%; |
| box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); |
| background : #000; |
| } |
| img.mfp-img { |
| width : auto; |
| max-width : 100%; |
| height : auto; |
| display : block; |
| line-height : 0; |
| box-sizing : border-box; |
| padding : 40px 0 40px; |
| margin : 0 auto; |
| } |
| .mfp-figure { |
| line-height : 0; |
| } |
| .mfp-figure:after { |
| content : ''; |
| position : absolute; |
| left : 0; |
| top : 40px; |
| bottom : 40px; |
| display : block; |
| right : 0; |
| width : auto; |
| height : auto; |
| z-index : -1; |
| box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); |
| background : #444; |
| } |
| .mfp-figure small { |
| color : #BDBDBD; |
| display : block; |
| font-size : 12px; |
| line-height : 14px; |
| } |
| .mfp-figure figure { |
| margin : 0; |
| } |
| .mfp-bottom-bar { |
| margin-top : -36px; |
| position : absolute; |
| top : 100%; |
| left : 0; |
| width : 100%; |
| cursor : auto; |
| } |
| .mfp-title { |
| text-align : left; |
| line-height : 18px; |
| color : #F3F3F3; |
| overflow-wrap : break-word; |
| padding-right : 36px; |
| } |
| .mfp-image-holder .mfp-content { |
| max-width : 100%; |
| } |
| .mfp-gallery .mfp-image-holder .mfp-figure { |
| cursor : pointer; |
| } |
| @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { |
| .mfp-img-mobile .mfp-image-holder { |
| padding-left : 0; |
| padding-right : 0; |
| } |
| .mfp-img-mobile img.mfp-img { |
| padding : 0; |
| } |
| .mfp-img-mobile .mfp-figure:after { |
| top : 0; |
| bottom : 0; |
| } |
| .mfp-img-mobile .mfp-figure small { |
| display : inline; |
| margin-left : 5px; |
| } |
| .mfp-img-mobile .mfp-bottom-bar { |
| background : rgba(0, 0, 0, 0.6); |
| bottom : 0; |
| margin : 0; |
| top : auto; |
| padding : 3px 5px; |
| position : fixed; |
| box-sizing : border-box; |
| } |
| .mfp-img-mobile .mfp-bottom-bar:empty { |
| padding : 0; |
| } |
| .mfp-img-mobile .mfp-counter { |
| right : 5px; |
| top : 3px; |
| } |
| .mfp-img-mobile .mfp-close { |
| top : 0; |
| right : 0; |
| width : 35px; |
| height : 35px; |
| line-height : 35px; |
| background : rgba(0, 0, 0, 0.6); |
| position : fixed; |
| text-align : center; |
| padding : 0; |
| } |
| } |
| @media all and (max-width:900px) { |
| .mfp-arrow { |
| transform : scale(0.75); |
| } |
| .mfp-arrow-left { |
| transform-origin : 0; |
| } |
| .mfp-arrow-right { |
| transform-origin : 100%; |
| } |
| .mfp-container { |
| padding-left : 6px; |
| padding-right : 6px; |
| } |
| } |
| .animated { |
| animation-duration : 1s; |
| animation-fill-mode : both; |
| } |
| .slow { |
| animation-duration : 1.5s; |
| animation-fill-mode : both; |
| } |
| .slower { |
| animation-duration : 2s; |
| animation-fill-mode : both; |
| } |
| .slowest { |
| animation-duration : 3s; |
| animation-fill-mode : both; |
| } |
| .delay-250 { |
| animation-delay : 0.25s; |
| } |
| .delay-500 { |
| animation-delay : 0.5s; |
| } |
| .delay-750 { |
| animation-delay : 0.75s; |
| } |
| .delay-1000 { |
| animation-delay : 1.0s; |
| } |
| .delay-1250 { |
| animation-delay : 1.25s; |
| } |
| .delay-1500 { |
| animation-delay : 1.5s; |
| } |
| .delay-1750 { |
| animation-delay : 1.75s; |
| } |
| .delay-2000 { |
| animation-delay : 2.0s; |
| } |
| .delay-2500 { |
| animation-delay : 2.5s; |
| } |
| .delay-2000 { |
| animation-delay : 2.0s; |
| } |
| .delay-2500 { |
| animation-delay : 2.5s; |
| } |
| .delay-3000 { |
| animation-delay : 3.0s; |
| } |
| .delay-3500 { |
| animation-delay : 3.5s; |
| } |
| .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown { |
| opacity : 0; |
| transform : translateX(400px); |
| } |
| .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown { |
| opacity : 0; |
| transform : translateX(400px); |
| } |
| .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn { |
| opacity : 0; |
| } |
| .lightSpeedInRight, .lightSpeedInLeft { |
| opacity : 0; |
| transform : translateX(400px); |
| } |
| @keyframes bounceIn { |
| 0% { |
| opacity : 0; |
| transform : scale(0.3); |
| } |
| 50% { |
| opacity : 1; |
| transform : scale(1.05); |
| } |
| 70% { |
| transform : scale(0.9); |
| } |
| 100% { |
| transform : scale(1); |
| } |
| } |
| .bounceIn.go { |
| animation-name : bounceIn; |
| } |
| @keyframes bounceInRight { |
| 0% { |
| opacity : 0; |
| transform : translateX(400px); |
| } |
| 60% { |
| transform : translateX(-30px); |
| } |
| 80% { |
| transform : translateX(10px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| } |
| .bounceInRight.go { |
| animation-name : bounceInRight; |
| } |
| @keyframes bounceInLeft { |
| 0% { |
| opacity : 0; |
| transform : translateX(-400px); |
| } |
| 60% { |
| transform : translateX(30px); |
| } |
| 80% { |
| transform : translateX(-10px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| } |
| .bounceInLeft.go { |
| animation-name : bounceInLeft; |
| } |
| @keyframes bounceInUp { |
| 0% { |
| opacity : 0; |
| transform : translateY(400px); |
| } |
| 60% { |
| transform : translateY(-30px); |
| } |
| 80% { |
| transform : translateY(10px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| } |
| .bounceInUp.go { |
| animation-name : bounceInUp; |
| } |
| @keyframes bounceInDown { |
| 0% { |
| opacity : 0; |
| transform : translateY(-400px); |
| } |
| 60% { |
| transform : translateY(30px); |
| } |
| 80% { |
| transform : translateY(-10px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| } |
| .bounceInDown.go { |
| animation-name : bounceInDown; |
| } |
| @keyframes fadeIn { |
| 0% { |
| opacity : 0; |
| } |
| 100% { |
| opacity : 1; |
| display : block; |
| } |
| } |
| .fadeIn { |
| opacity : 0; |
| } |
| .fadeIn.go { |
| animation-name : fadeIn; |
| } |
| @keyframes growIn { |
| 0% { |
| transform : scale(0.2); |
| opacity : 0; |
| } |
| 50% { |
| transform : scale(1.2); |
| } |
| 100% { |
| transform : scale(1); |
| opacity : 1; |
| } |
| } |
| .growIn { |
| transform : scale(0.2); |
| opacity : 0; |
| } |
| .growIn.go { |
| animation-name : growIn; |
| } |
| @keyframes shake { |
| 0%, 100% { |
| transform : translateX(0); |
| } |
| 10%, 30%, 50%, 70%, 90% { |
| transform : translateX(-10px); |
| } |
| 20%, 40%, 60%, 80% { |
| transform : translateX(10px); |
| } |
| } |
| .shake.go { |
| animation-name : shake; |
| } |
| @keyframes shakeUp { |
| 0%, 100% { |
| transform : translateY(0); |
| } |
| 10%, 30%, 50%, 70%, 90% { |
| transform : translateY(-10px); |
| } |
| 20%, 40%, 60%, 80% { |
| transform : translateY(10px); |
| } |
| } |
| .shakeUp.go { |
| animation-name : shakeUp; |
| } |
| @keyframes fadeInLeft { |
| 0% { |
| opacity : 0; |
| transform : translateX(-400px); |
| } |
| 50% { |
| opacity : 0.300000011920928955078125; |
| } |
| 100% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| } |
| .fadeInLeft { |
| opacity : 0; |
| transform : translateX(-400px); |
| } |
| .fadeInLeft.go { |
| animation-name : fadeInLeft; |
| } |
| @keyframes fadeInRight { |
| 0% { |
| opacity : 0; |
| transform : translateX(400px); |
| } |
| 50% { |
| opacity : 0.300000011920928955078125; |
| } |
| 100% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| } |
| .fadeInRight { |
| opacity : 0; |
| transform : translateX(400px); |
| } |
| .fadeInRight.go { |
| animation-name : fadeInRight; |
| } |
| @keyframes fadeInUp { |
| 0% { |
| opacity : 0; |
| transform : translateY(400px); |
| } |
| 50% { |
| opacity : 0.300000011920928955078125; |
| } |
| 100% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| } |
| .fadeInUp { |
| opacity : 0; |
| transform : translateY(400px); |
| } |
| .fadeInUp.go { |
| animation-name : fadeInUp; |
| } |
| @keyframes fadeInDown { |
| 0% { |
| opacity : 0; |
| transform : translateY(-400px); |
| } |
| 50% { |
| opacity : 0.300000011920928955078125; |
| } |
| 100% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| } |
| .fadeInDown { |
| opacity : 0; |
| transform : translateY(-400px); |
| } |
| .fadeInDown.go { |
| animation-name : fadeInDown; |
| } |
| @keyframes rotateIn { |
| 0% { |
| transform-origin : center center; |
| transform : rotate(-200deg); |
| opacity : 0; |
| } |
| 100% { |
| transform-origin : center center; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| } |
| .rotateIn.go { |
| animation-name : rotateIn; |
| } |
| @keyframes rotateInUpLeft { |
| 0% { |
| transform-origin : left bottom; |
| transform : rotate(90deg); |
| opacity : 0; |
| } |
| 100% { |
| transform-origin : left bottom; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| } |
| .rotateInUpLeft.go { |
| animation-name : rotateInUpLeft; |
| } |
| @keyframes rotateInDownLeft { |
| 0% { |
| transform-origin : left bottom; |
| transform : rotate(-90deg); |
| opacity : 0; |
| } |
| 100% { |
| transform-origin : left bottom; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| } |
| .rotateInDownLeft.go { |
| animation-name : rotateInDownLeft; |
| } |
| @keyframes rotateInUpRight { |
| 0% { |
| transform-origin : right bottom; |
| transform : rotate(-90deg); |
| opacity : 0; |
| } |
| 100% { |
| transform-origin : right bottom; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| } |
| .rotateInUpRight.go { |
| animation-name : rotateInUpRight; |
| } |
| @keyframes rotateInDownRight { |
| 0% { |
| transform-origin : right bottom; |
| transform : rotate(90deg); |
| opacity : 0; |
| } |
| 100% { |
| transform-origin : right bottom; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| } |
| .rotateInDownRight.go { |
| animation-name : rotateInDownRight; |
| } |
| @keyframes rollIn { |
| 0% { |
| opacity : 0; |
| transform : translateX(-100%) rotate(-120deg); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateX(0) rotate(0deg); |
| } |
| } |
| .rollIn.go { |
| animation-name : rollIn; |
| } |
| @keyframes wiggle { |
| 0% { |
| transform : skewX(9deg); |
| } |
| 10% { |
| transform : skewX(-8deg); |
| } |
| 20% { |
| transform : skewX(7deg); |
| } |
| 30% { |
| transform : skewX(-6deg); |
| } |
| 40% { |
| transform : skewX(5deg); |
| } |
| 50% { |
| transform : skewX(-4deg); |
| } |
| 60% { |
| transform : skewX(3deg); |
| } |
| 70% { |
| transform : skewX(-2deg); |
| } |
| 80% { |
| transform : skewX(1deg); |
| } |
| 90% { |
| transform : skewX(0deg); |
| } |
| 100% { |
| transform : skewX(0deg); |
| } |
| } |
| .wiggle.go { |
| animation-name : wiggle; |
| animation-timing-function : ease-in; |
| } |
| @keyframes swing { |
| 20% { |
| transform : rotate(15deg); |
| } |
| 40% { |
| transform : rotate(-10deg); |
| } |
| 60% { |
| transform : rotate(5deg); |
| } |
| 80% { |
| transform : rotate(-5deg); |
| } |
| 100% { |
| transform : rotate(0deg); |
| } |
| } |
| .swing.go { |
| transform-origin : top center; |
| animation-name : swing; |
| } |
| @keyframes tada { |
| 0% { |
| transform : scale(1); |
| } |
| 10%, 20% { |
| transform : scale(0.9) rotate(-3deg); |
| } |
| 30%, 50%, 70%, 90% { |
| transform : scale(1.1) rotate(3deg); |
| } |
| 40%, 60%, 80% { |
| transform : scale(1.1) rotate(-3deg); |
| } |
| 100% { |
| transform : scale(1) rotate(0); |
| } |
| } |
| .tada.go { |
| animation-name : tada; |
| } |
| @keyframes wobble { |
| 0% { |
| transform : translateX(0%); |
| } |
| 15% { |
| transform : translateX(-25%) rotate(-5deg); |
| } |
| 30% { |
| transform : translateX(20%) rotate(3deg); |
| } |
| 45% { |
| transform : translateX(-15%) rotate(-3deg); |
| } |
| 60% { |
| transform : translateX(10%) rotate(2deg); |
| } |
| 75% { |
| transform : translateX(-5%) rotate(-1deg); |
| } |
| 100% { |
| transform : translateX(0%); |
| } |
| } |
| .wobble.go { |
| animation-name : wobble; |
| } |
| @keyframes pulse { |
| 0% { |
| transform : scale(1); |
| } |
| 50% { |
| transform : scale(1.1); |
| } |
| 100% { |
| transform : scale(1); |
| } |
| } |
| .pulse.go { |
| animation-name : pulse; |
| } |
| @keyframes lightSpeedInRight { |
| 0% { |
| transform : translateX(100%) skewX(-30deg); |
| opacity : 0; |
| } |
| 60% { |
| transform : translateX(-20%) skewX(30deg); |
| opacity : 1; |
| } |
| 80% { |
| transform : translateX(0%) skewX(-15deg); |
| opacity : 1; |
| } |
| 100% { |
| transform : translateX(0%) skewX(0deg); |
| opacity : 1; |
| } |
| } |
| .lightSpeedInRight.go { |
| animation-name : lightSpeedInRight; |
| animation-timing-function : ease-out; |
| } |
| @keyframes lightSpeedInLeft { |
| 0% { |
| transform : translateX(-100%) skewX(30deg); |
| opacity : 0; |
| } |
| 60% { |
| transform : translateX(20%) skewX(-30deg); |
| opacity : 1; |
| } |
| 80% { |
| transform : translateX(0%) skewX(15deg); |
| opacity : 1; |
| } |
| 100% { |
| transform : translateX(0%) skewX(0deg); |
| opacity : 1; |
| } |
| } |
| .lightSpeedInLeft.go { |
| animation-name : lightSpeedInLeft; |
| animation-timing-function : ease-out; |
| } |
| @keyframes flip { |
| 0% { |
| transform : perspective(400px) rotateY(0); |
| animation-timing-function : ease-out; |
| } |
| 40% { |
| transform : perspective(400px) translateZ(150px) rotateY(170deg); |
| animation-timing-function : ease-out; |
| } |
| 50% { |
| transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1); |
| animation-timing-function : ease-in; |
| } |
| 80% { |
| transform : perspective(400px) rotateY(360deg) scale(0.95); |
| animation-timing-function : ease-in; |
| } |
| 100% { |
| transform : perspective(400px) scale(1); |
| animation-timing-function : ease-in; |
| } |
| } |
| .flip.go { |
| backface-visibility : visible !important ; |
| animation-name : flip; |
| } |
| @keyframes flipInX { |
| 0% { |
| transform : perspective(400px) rotateX(90deg); |
| opacity : 0; |
| } |
| 40% { |
| transform : perspective(400px) rotateX(-10deg); |
| } |
| 70% { |
| transform : perspective(400px) rotateX(10deg); |
| } |
| 100% { |
| transform : perspective(400px) rotateX(0deg); |
| opacity : 1; |
| } |
| } |
| .flipInX.go { |
| backface-visibility : visible !important ; |
| animation-name : flipInX; |
| } |
| @keyframes flipInY { |
| 0% { |
| transform : perspective(400px) rotateY(90deg); |
| opacity : 0; |
| } |
| 40% { |
| transform : perspective(400px) rotateY(-10deg); |
| } |
| 70% { |
| transform : perspective(400px) rotateY(10deg); |
| } |
| 100% { |
| transform : perspective(400px) rotateY(0deg); |
| opacity : 1; |
| } |
| } |
| .flipInY.go { |
| backface-visibility : visible !important ; |
| animation-name : flipInY; |
| } |
| @keyframes bounceOut { |
| 0% { |
| transform : scale(1); |
| } |
| 25% { |
| transform : scale(0.95); |
| } |
| 50% { |
| opacity : 1; |
| transform : scale(1.1); |
| } |
| 100% { |
| opacity : 0; |
| transform : scale(0.3); |
| } |
| } |
| .bounceOut.goAway { |
| animation-name : bounceOut; |
| } |
| @keyframes bounceOutUp { |
| 0% { |
| transform : translateY(0); |
| } |
| 20% { |
| opacity : 1; |
| transform : translateY(20px); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateY(-2000px); |
| } |
| } |
| .bounceOutUp.goAway { |
| animation-name : bounceOutUp; |
| } |
| @keyframes bounceOutDown { |
| 0% { |
| transform : translateY(0); |
| } |
| 20% { |
| opacity : 1; |
| transform : translateY(-20px); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateY(2000px); |
| } |
| } |
| .bounceOutDown.goAway { |
| animation-name : bounceOutDown; |
| } |
| @keyframes bounceOutLeft { |
| 0% { |
| transform : translateX(0); |
| } |
| 20% { |
| opacity : 1; |
| transform : translateX(20px); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateX(-2000px); |
| } |
| } |
| .bounceOutLeft.goAway { |
| animation-name : bounceOutLeft; |
| } |
| @keyframes bounceOutRight { |
| 0% { |
| transform : translateX(0); |
| } |
| 20% { |
| opacity : 1; |
| transform : translateX(-20px); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateX(2000px); |
| } |
| } |
| .bounceOutRight.goAway { |
| animation-name : bounceOutRight; |
| } |
| @keyframes fadeOut { |
| 0% { |
| opacity : 1; |
| } |
| 100% { |
| opacity : 0; |
| } |
| } |
| .fadeOut.goAway { |
| animation-name : fadeOut; |
| } |
| @keyframes fadeOutUp { |
| 0% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateY(-2000px); |
| } |
| } |
| .fadeOutUp.goAway { |
| animation-name : fadeOutUp; |
| } |
| @keyframes fadeOutDown { |
| 0% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateY(2000px); |
| } |
| } |
| .fadeOutDown.goAway { |
| animation-name : fadeOutDown; |
| } |
| @keyframes fadeOutLeft { |
| 0% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateX(-2000px); |
| } |
| } |
| .fadeOutLeft.goAway { |
| animation-name : fadeOutLeft; |
| } |
| @keyframes fadeOutRight { |
| 0% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateX(2000px); |
| } |
| } |
| .fadeOutRight.goAway { |
| animation-name : fadeOutRight; |
| } |
| @keyframes flipOutX { |
| 0% { |
| transform : perspective(400px) rotateX(0deg); |
| opacity : 1; |
| } |
| 100% { |
| transform : perspective(400px) rotateX(90deg); |
| opacity : 0; |
| } |
| } |
| .flipOutX.goAway { |
| animation-name : flipOutX; |
| backface-visibility : visible !important ; |
| } |
| @keyframes flipOutY { |
| 0% { |
| transform : perspective(400px) rotateY(0deg); |
| opacity : 1; |
| } |
| 100% { |
| transform : perspective(400px) rotateY(90deg); |
| opacity : 0; |
| } |
| } |
| .flipOutY { |
| backface-visibility : visible !important ; |
| animation-name : flipOutY; |
| } |
| @keyframes lightSpeedOutRight { |
| 0% { |
| transform : translateX(0%) skewX(0deg); |
| opacity : 1; |
| } |
| 100% { |
| transform : translateX(100%) skewX(-30deg); |
| opacity : 0; |
| } |
| } |
| .lightSpeedOutRight.goAway { |
| animation-name : lightSpeedOutRight; |
| animation-timing-function : ease-in; |
| } |
| @keyframes lightSpeedOutLeft { |
| 0% { |
| transform : translateX(0%) skewX(0deg); |
| opacity : 1; |
| } |
| 100% { |
| transform : translateX(-100%) skewX(30deg); |
| opacity : 0; |
| } |
| } |
| .lightSpeedOutLeft.goAway { |
| animation-name : lightSpeedOutLeft; |
| animation-timing-function : ease-in; |
| } |
| @keyframes rotateOut { |
| 0% { |
| transform-origin : center center; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| 100% { |
| transform-origin : center center; |
| transform : rotate(200deg); |
| opacity : 0; |
| } |
| } |
| .rotateOut.goAway { |
| animation-name : rotateOut; |
| } |
| @keyframes rotateOutUpLeft { |
| 0% { |
| transform-origin : left bottom; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| 100% { |
| opacity : 0; |
| } |
| } |
| .rotateOutUpLeft.goAway { |
| animation-name : rotateOutUpLeft; |
| } |
| @keyframes rotateOutDownLeft { |
| 0% { |
| transform-origin : left bottom; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| 100% { |
| transform-origin : left bottom; |
| transform : rotate(90deg); |
| opacity : 0; |
| } |
| } |
| .rotateOutDownLeft.goAway { |
| animation-name : rotateOutDownLeft; |
| } |
| @keyframes rotateOutUpRight { |
| 0% { |
| transform-origin : right bottom; |
| transform : rotate(0); |
| opacity : 1; |
| } |
| 100% { |
| transform-origin : right bottom; |
| transform : rotate(90deg); |
| opacity : 0; |
| } |
| } |
| .rotateOutUpRight.goAway { |
| animation-name : rotateOutUpRight; |
| } |
| @keyframes rollOut { |
| 0% { |
| opacity : 1; |
| transform : translateX(0) rotate(0deg); |
| } |
| 100% { |
| opacity : 0; |
| transform : translateX(100%) rotate(120deg); |
| } |
| } |
| .rollOut.goAway { |
| animation-name : rollOut; |
| } |
| @keyframes fadeInUpShort { |
| 0% { |
| opacity : 0; |
| transform : translateY(20px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| } |
| .fadeInUpShort { |
| opacity : 0; |
| transform : translateY(20px); |
| } |
| .fadeInUpShort.go { |
| animation-name : fadeInUpShort; |
| } |
| @keyframes fadeInDownShort { |
| 0% { |
| opacity : 0; |
| transform : translateY(-20px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateY(0); |
| } |
| } |
| .fadeInDownShort { |
| opacity : 0; |
| transform : translateY(-20px); |
| } |
| .fadeInDownShort.go { |
| animation-name : fadeInDownShort; |
| } |
| @keyframes fadeInRightShort { |
| 0% { |
| opacity : 0; |
| transform : translateX(20px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| } |
| .fadeInRightShort { |
| opacity : 0; |
| transform : translateX(20px); |
| } |
| .fadeInRightShort.go { |
| animation-name : fadeInRightShort; |
| } |
| @keyframes fadeInLeftShort { |
| 0% { |
| opacity : 0; |
| transform : translateX(-20px); |
| } |
| 100% { |
| opacity : 1; |
| transform : translateX(0); |
| } |
| } |
| .fadeInLeftShort { |
| opacity : 0; |
| transform : translateX(-20px); |
| } |
| .fadeInLeftShort.go { |
| animation-name : fadeInLeftShort; |
| } |
| .logo-slider { |
| margin-bottom : 50px; |
| } |
| .logo-slider p { |
| margin : 0 0 40px 0; |
| } |
| @media screen and (max-width:420px) { |
| .logo-slider p { |
| margin : 0 0 25px 0; |
| } |
| .logo-slider .swiper-slide { |
| text-align : center; |
| } |
| } |
| .clients { |
| background : url(../dummy/clients.jpg); |
| padding : 40px 0; |
| margin-bottom : 50px; |
| background-size : cover !important ; |
| } |
| .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner { |
| padding : 0 60px; |
| } |
| .clients h2, .clients .ce-table table caption, .ce-table table .clients caption { |
| margin-bottom : 50px; |
| color : #fff; |
| } |
| .clients p { |
| color : #fff; |
| text-align : center; |
| } |
| .clients p strong { |
| display : block; |
| margin-bottom : 3px; |
| } |
| .clients p + p { |
| margin-top : 20px; |
| } |
| @media screen and (max-width:600px) { |
| .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner { |
| padding : 0 40px; |
| } |
| .clients .swiper-button-next-clients { |
| right : 10px; |
| height : 26px; |
| width : 15px; |
| margin-top : -13px; |
| background-size : 15px 26px; |
| } |
| .clients .swiper-button-prev-clients { |
| left : 10px; |
| height : 26px; |
| width : 15px; |
| margin-top : -13px; |
| background-size : 15px 26px; |
| } |
| } |
| .unterseiten-banner { |
| text-align : center; |
| padding : 50px 0 50px 0; |
| background : url(../dummy/banner.jpg) no-repeat #767679; |
| background-position : center !important ; |
| margin-bottom : 50px; |
| min-height : 200px; |
| background-repeat : no-repeat !important ; |
| background-size : cover !important ; |
| } |
| .unterseiten-banner + .breadcrumbContainer { |
| margin-top : -50px; |
| margin-bottom : 50px; |
| } |
| .unterseiten-banner p { |
| color : #fff; |
| } |
| .unterseiten-banner a { |
| margin-top : 20px; |
| } |
| .unterseiten-banner.arrow { |
| position : relative; |
| } |
| .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before { |
| top : 0; |
| left : 50%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .unterseiten-banner.arrow:after { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #fff; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .unterseiten-banner.arrow:before { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #fff; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .unterseiten-banner.arrowGrey { |
| position : relative; |
| } |
| .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before { |
| top : 0; |
| left : 50%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .unterseiten-banner.arrowGrey:after { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #333; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .unterseiten-banner.arrowGrey:before { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #333; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .ce-twoCol-Box { |
| padding : 0; |
| margin-bottom : 50px; |
| } |
| .ce-twoCol-Box.addPadding { |
| padding : 40px 0; |
| } |
| .ce-twoCol-Box .texttop { |
| margin-bottom : 40px; |
| } |
| .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 { |
| margin-bottom : 0; |
| } |
| .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after { |
| display : inline-block; |
| text-decoration : none !important ; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div { |
| float : left; |
| width : calc(100% / 2); |
| padding-right : 95px; |
| position : relative; |
| text-align : right; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after { |
| margin : 10px 0 0 auto; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after { |
| margin : 5px 0 0 auto; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div > i { |
| position : absolute; |
| top : 0; |
| right : 15px; |
| padding : 10px; |
| padding-top : 18px; |
| background : #c6c6c6; |
| border-radius : 50px; |
| height : 60px; |
| width : 60px; |
| text-align : center; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div > i:before { |
| vertical-align : middle; |
| font-size : 24px; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i { |
| right : auto; |
| left : 15px; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after { |
| margin : 5px auto 0 0; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div p i { |
| padding-left : 0; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div p + ul { |
| margin-top : 15px; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left { |
| text-align : left; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right { |
| text-align : right; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center { |
| text-align : center; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div a { |
| color : #0067b1; |
| text-decoration : none; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div a:hover { |
| text-decoration : underline; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) { |
| margin-top : 45px; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) { |
| padding-right : 0; |
| padding-left : 95px; |
| text-align : left; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after { |
| margin : 10px auto 0 0; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span { |
| right : auto; |
| left : 15px; |
| } |
| @media screen and (max-width:800px) { |
| .ce-twoCol-Box .boxen.withFontAwesome > div { |
| float : none; |
| width : 100%; |
| margin-right : 0; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div + div { |
| margin-top : 40px !important ; |
| } |
| } |
| @media screen and (max-width:600px) { |
| .ce-twoCol-Box .boxen.withFontAwesome > div { |
| padding-left : 0; |
| padding-right : 0; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) { |
| padding-left : 0; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa { |
| display : none; |
| } |
| .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa { |
| display : none; |
| } |
| } |
| .ce-twoCol-Box .boxen.withoutFontAwesome > div { |
| float : left; |
| width : calc((100% - 25px) / 2); |
| } |
| .ce-twoCol-Box .boxen.withoutFontAwesome > div + div { |
| margin-left : 25px; |
| } |
| .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) { |
| margin-left : 0; |
| } |
| .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) { |
| margin-top : 50px; |
| } |
| @media screen and (max-width:767px) { |
| .ce-twoCol-Box .boxen.withoutFontAwesome > div { |
| float : none; |
| width : 100%; |
| } |
| .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) { |
| margin-top : 25px; |
| } |
| .ce-twoCol-Box .boxen.withoutFontAwesome > div + div { |
| margin-top : 25px; |
| margin-left : 0 !important ; |
| } |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div { |
| float : left; |
| width : 48%; |
| position : relative; |
| padding-left : 120px; |
| min-height : 80px; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa { |
| position : absolute; |
| top : 0; |
| right : 80%; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before { |
| vertical-align : middle; |
| font-size : 80px; |
| color : #0067b1; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) { |
| margin-top : 40px; |
| } |
| @media screen and (max-width:800px) { |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div { |
| float : none; |
| width : 100%; |
| padding-left : 0; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) { |
| margin-top : 40px; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa { |
| position : relative; |
| top : auto; |
| left : auto; |
| float : left; |
| margin-right : 15px; |
| display : none; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before { |
| font-size : 50px; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa { |
| left : auto; |
| } |
| .ce-twoCol-Box .boxen.withOtherFontAwesome div + div { |
| margin-top : 30px; |
| } |
| } |
| .text-slide { |
| margin-bottom : 50px; |
| } |
| .text-slide .openImgSubHeadline { |
| font-size : 15px; |
| line-height : normal; |
| color : #333; |
| text-decoration : none; |
| font-weight : 400; |
| margin : 0 0 5px 0; |
| } |
| .text-slide .left { |
| float : left; |
| width : 40.77%; |
| width : calc((100% - 25px) / 2); |
| } |
| .text-slide .left h3 { |
| font-family : "Open Sans", sans-serif; |
| font-weight : 700; |
| color : #333; |
| margin : 0 0 20px 0; |
| } |
| .text-slide .left p { |
| color : #333; |
| } |
| .text-slide .right { |
| float : left; |
| width : 50%; |
| width : calc((100% - 25px) / 2); |
| margin-left : 9.22%; |
| margin-left : 25px; |
| } |
| .text-slide .right .openImage { |
| position : relative; |
| display : block; |
| } |
| .text-slide .right .openImage i { |
| font-size : 1.5rem; |
| color : #fff; |
| position : absolute; |
| left : 0; |
| right : 0; |
| z-index : 20; |
| top : 50%; |
| margin-top : -12px; |
| text-align : center; |
| color : #333; |
| } |
| .text-slide .right .openImage i:before, .text-slide .right .openImage i:after { |
| color : #333; |
| } |
| .text-slide .right .openImage:after { |
| content : ""; |
| position : absolute; |
| top : 0; |
| right : 0; |
| bottom : 0; |
| left : 0; |
| z-index : 10; |
| background : rgba(255, 255, 255, 0.5); |
| border : rgba(0, 0, 0, 0.2) solid 1px; |
| } |
| .text-slide .right .singleImage { |
| display : block; |
| max-height : 250px; |
| overflow : hidden; |
| } |
| .text-slide .right .singleImage img { |
| display : block; |
| } |
| @media screen and (max-width:768px) { |
| .text-slide .left { |
| width : 100%; |
| float : none; |
| } |
| .text-slide .right { |
| float : none; |
| width : 100%; |
| margin-left : 0; |
| margin-top : 25px; |
| } |
| } |
| .ce-Image-Text-Element { |
| margin-bottom : 50px; |
| } |
| .ce-Image-Text-Element .einspaltig .bigText { |
| font-size : 18px; |
| line-height : normal; |
| } |
| .ce-Image-Text-Element .einspaltig + figure { |
| margin-top : 25px; |
| } |
| .ce-Image-Text-Element figure { |
| margin : 0; |
| } |
| .ce-Image-Text-Element figure figcaption { |
| font-size : 12px; |
| display : block; |
| margin : 0; |
| padding : 0; |
| line-height : normal; |
| text-align : right; |
| color : #333; |
| } |
| .ce-Image-Text-Element figure img { |
| display : block; |
| margin : 0 auto; |
| } |
| .ce-Image-Text-Element figure + .einspaltig { |
| margin-top : 25px; |
| } |
| .toggleContainer { |
| margin-bottom : 50px !important ; |
| } |
| @media screen and (max-width:1100px) { |
| .toggleContainer { |
| padding : 50px 25px 40px 25px !important ; |
| } |
| } |
| .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption { |
| margin : 0 0 30px 0; |
| } |
| .toggleContainer h3 { |
| padding : 0 20px; |
| background : #ececec; |
| line-height : 55px; |
| margin : 0 0 10px 0; |
| font-weight : 700; |
| outline : none; |
| cursor : pointer; |
| } |
| .toggleContainer h3 i { |
| color : #6c6c6c; |
| } |
| .toggleContainer h3 i + strong { |
| margin-left : 25px; |
| } |
| .toggleContainer h3 i + p { |
| margin-left : 5px; |
| } |
| .toggleContainer h3 strong { |
| font-family : "Quicksand", sans-serif; |
| font-weight : 700; |
| font-size : 24px; |
| line-height : normal; |
| display : inline-block; |
| margin-right : 10px; |
| vertical-align : middle; |
| } |
| .toggleContainer h3 p { |
| display : inline-block; |
| margin : 0; |
| font-family : "Quicksand", sans-serif; |
| color : #333; |
| } |
| .toggleContainer h3 span { |
| float : right; |
| display : inline-block; |
| font-size : 15px; |
| line-height : normal; |
| font-weight : 700; |
| font-family : "Quicksand", sans-serif; |
| line-height : 55px; |
| } |
| .toggleContainer .ui-accordion-content { |
| padding-bottom : 20px; |
| } |
| @media screen and (max-width:600px) { |
| .toggleContainer h3 strong { |
| font-size : 16px; |
| line-height : normal; |
| } |
| .toggleContainer h3 span { |
| font-size : 14px; |
| line-height : normal; |
| } |
| } |
| @media screen and (max-width:480px) { |
| .toggleContainer h3 span { |
| float : none; |
| width : 100%; |
| line-height : 16px; |
| display : block; |
| padding-bottom : 15px; |
| padding-left : 44px; |
| margin-top : -10px; |
| } |
| } |
| .ce-threeBoxesWithOption { |
| margin-bottom : 50px; |
| } |
| .ce-threeBoxesWithOption.addPadding { |
| padding : 50px 0 50px 0; |
| } |
| .ce-threeBoxesWithOption p { |
| color : #fff; |
| } |
| .ce-threeBoxesWithOption .inner > div { |
| margin-top : 40px; |
| } |
| .ce-threeBoxesWithOption .inner div article { |
| float : left; |
| width : calc(100% / 3); |
| text-align : center; |
| padding : 0 20px; |
| } |
| .ce-threeBoxesWithOption .inner div article i.big { |
| padding : 25px; |
| background : #fff; |
| border-radius : 50px; |
| font-size : 2rem; |
| margin-bottom : 15px; |
| } |
| .ce-threeBoxesWithOption .inner div article i.small { |
| border-radius : 50px; |
| padding : 15px; |
| text-align : center; |
| vertical-align : middle; |
| color : #0067b1; |
| background : rgba(255, 255, 255, 0.7); |
| font-size : 0.9rem; |
| margin-bottom : 15px; |
| min-height : 42px; |
| min-width : 42px; |
| } |
| .ce-threeBoxesWithOption .inner div article p { |
| color : #fff; |
| text-align : center; |
| } |
| @media screen and (max-width:760px) { |
| .ce-threeBoxesWithOption .inner div article { |
| float : none; |
| width : 100%; |
| } |
| .ce-threeBoxesWithOption .inner div article + article { |
| margin-top : 20px; |
| } |
| .ce-threeBoxesWithOption + .ce-threeBoxesWithOption { |
| margin-top : 2px; |
| } |
| } |
| .fontAwesome-list { |
| margin-bottom : 50px; |
| } |
| .fontAwesome-list ul { |
| margin : 0; |
| padding : 0; |
| list-style : none; |
| } |
| .fontAwesome-list ul li { |
| display : block; |
| color : #333; |
| position : relative; |
| padding-left : 30px; |
| } |
| .fontAwesome-list ul li i { |
| font-size : 22px; |
| border-radius : 50px; |
| padding : 0; |
| vertical-align : sub; |
| position : absolute; |
| left : 0; |
| top : 2px; |
| } |
| .fontAwesome-list ul li i.border { |
| border : #333 solid 1px; |
| text-align : center; |
| vertical-align : middle; |
| height : 30px; |
| width : 30px; |
| line-height : 30px; |
| font-size : 18px; |
| } |
| .fontAwesome-list ul li.border { |
| min-height : 30px; |
| padding-left : 40px; |
| } |
| .fontAwesome-list ul li.border span { |
| padding-top : 6px; |
| } |
| .fontAwesome-list ul li ul { |
| margin-top : 5px; |
| } |
| .fontAwesome-list ul li span { |
| margin : 0; |
| font-weight : 700; |
| display : inline-block; |
| vertical-align : middle; |
| } |
| .fontAwesome-list ul li + li { |
| margin-top : 10px; |
| } |
| .fontAwesome-list.twocol ul li { |
| position : relative; |
| float : left; |
| width : 48%; |
| padding-left : 30px; |
| } |
| .fontAwesome-list.twocol ul li.border { |
| padding-left : 40px; |
| } |
| .fontAwesome-list.twocol ul li + li { |
| margin-left : 4%; |
| margin-top : 0; |
| } |
| .fontAwesome-list.twocol ul li:nth-of-type(n 3) { |
| margin-top : 15px; |
| } |
| .fontAwesome-list.twocol ul li:nth-of-type(2n 3) { |
| margin-left : 0; |
| } |
| .fontAwesome-list.twocol ul li ul li { |
| float : none; |
| width : 100%; |
| } |
| .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) { |
| margin-top : 4px; |
| } |
| .fontAwesome-list.twocol ul li ul li + li { |
| margin-left : 0; |
| margin-top : 4px; |
| } |
| @media screen and (max-width:640px) { |
| .fontAwesome-list.twocol ul li { |
| width : 100%; |
| float : none; |
| } |
| .fontAwesome-list.twocol ul li + li { |
| margin-left : 0; |
| } |
| .fontAwesome-list.twocol ul li:nth-of-type(n 2) { |
| margin-top : 15px; |
| } |
| .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) { |
| margin-top : 0; |
| } |
| } |
| .tx-contentpackage-historieContainer { |
| margin-bottom : 50px; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner { |
| position : relative; |
| border-left : 3px solid #be1622; |
| padding : 44px 0 44px 22px; |
| } |
| @media screen and (max-width:1100px) { |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner { |
| padding : 50px 25px 25px 25px; |
| } |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear { |
| font-size : 32px; |
| line-height : normal; |
| background : #be1622; |
| color : #fff; |
| padding : 5px 10px; |
| width : auto; |
| display : inline-block; |
| margin-left : -118px; |
| } |
| @media screen and (max-width:1260px) { |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear { |
| margin : 0 0 15px -22px; |
| } |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p { |
| color : #333; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * { |
| color : #333; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span { |
| display : block; |
| position : relative; |
| background : url(../img/chevron-down.png) no-repeat; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after { |
| top : 100%; |
| left : 50%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #fff; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #fff; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner { |
| padding-top : 50px; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span { |
| display : none; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground { |
| background : #be1622; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner { |
| border-left : 3px solid #fff; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear { |
| color : #be1622; |
| background : #fff; |
| } |
| .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * { |
| color : #fff; |
| } |
| .ce-os-bee { |
| width : 1030px; |
| height : 820px; |
| margin-bottom : 50px; |
| position : relative; |
| } |
| .ce-os-bee .base { |
| width : 314px; |
| height : 314px; |
| border-radius : 250px; |
| margin : 0 auto; |
| display : block; |
| background : #c6c6c6; |
| padding : 30px; |
| position : relative; |
| margin-top : 261px; |
| line-height : 270px; |
| text-align : center; |
| } |
| .ce-os-bee .base img { |
| position : relative; |
| max-height : 100px; |
| width : auto; |
| vertical-align : middle; |
| } |
| .ce-os-bee .base span { |
| font-size : 24px; |
| color : #be1622; |
| font-weight : 700; |
| line-height : normal; |
| display : inline-block; |
| } |
| .ce-os-bee .child { |
| display : block; |
| width : 100%; |
| height : 100%; |
| vertical-align : middle; |
| text-align : center; |
| font-weight : 400; |
| font-size : 18px; |
| line-height : 156px; |
| color : #333; |
| text-decoration : none; |
| width : 156px; |
| height : 156px; |
| display : inline-block; |
| border-radius : 100px; |
| background : #c6c6c6; |
| position : relative; |
| line-height : 156px; |
| padding : 0 10px; |
| position : absolute; |
| top : 0; |
| left : 0; |
| transition : all 0.5s; |
| } |
| .ce-os-bee .child:hover { |
| background : #be1622; |
| color : #fff; |
| transition : all 0.5s; |
| transform : scale(1.2); |
| } |
| .ce-os-bee .child span { |
| display : inline-block; |
| line-height : 20px; |
| font-size : 18px; |
| top : 50%; |
| position : absolute; |
| left : 15px; |
| right : 15px; |
| } |
| .ce-os-bee .child:after { |
| content : ""; |
| border : #fff solid 3px; |
| border-radius : 100px; |
| position : absolute; |
| top : 4px; |
| right : 4px; |
| bottom : 4px; |
| left : 4px; |
| width : 92%; |
| } |
| @media screen and (max-width:1000px) { |
| #sy_lines { |
| display : none !important ; |
| } |
| .ce-os-bee { |
| display : none; |
| } |
| } |
| .ce-table { |
| margin-bottom : 50px !important ; |
| } |
| .ce-table.alignleft table tr td { |
| text-align : left; |
| } |
| .ce-table.alignleft table tr td a { |
| padding-left : 10px; |
| } |
| .ce-table.alignleft table tr td:first-of-type { |
| width : auto; |
| } |
| .ce-table.alignleft table tr td:first-of-type + td { |
| width : auto; |
| } |
| .ce-table.alignleft table tr td:last-of-type { |
| padding-left : 10px; |
| } |
| .ce-table.alignleft table thead tr td:nth-of-type(2) { |
| padding-left : 10px; |
| } |
| .ce-table table { |
| width : 100%; |
| border-collapse : collapse; |
| border : none; |
| } |
| .ce-table table caption { |
| margin-bottom : 40px; |
| } |
| .ce-table table tr { |
| height : 40px; |
| } |
| .ce-table table tr td { |
| text-align : center; |
| font-size : 13px; |
| } |
| .ce-table table tr td a { |
| font-size : 13px; |
| text-decoration : none; |
| line-height : 40px; |
| display : block; |
| background : #0067b1; |
| color : #fff; |
| text-transform : uppercase; |
| font-weight : 400; |
| } |
| .ce-table table tr td:first-of-type { |
| width : 290px; |
| text-align : left; |
| padding-left : 10px; |
| } |
| .ce-table table tr td:first-of-type + td { |
| width : 155px; |
| font-weight : 700; |
| } |
| .ce-table table tr td:nth-of-type(4) { |
| width : 155px; |
| } |
| .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) { |
| border-left : 1px solid #cdcdcd; |
| font-weight : 700; |
| font-size : 13px; |
| width : 155px; |
| } |
| .ce-table table tr td:nth-of-type(6) { |
| border-right : 1px solid #cdcdcd; |
| } |
| .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) { |
| border-left : 1px solid #cdcdcd; |
| border-top : 1px solid #cdcdcd; |
| font-weight : 400; |
| font-size : 13px; |
| width : 155px; |
| } |
| .ce-table table tr th:nth-of-type(6) { |
| border-right : 1px solid #cdcdcd; |
| } |
| .ce-table table tbody tr:nth-of-type(odd) { |
| background : #ededed; |
| } |
| @media screen and (max-width:1100px) { |
| .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner { |
| padding : 40px 25px; |
| } |
| } |
| @media screen and (max-width:1000px) { |
| .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner { |
| width : 100%; |
| overflow : scroll; |
| } |
| .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table { |
| width : 1000px; |
| } |
| } |
| .service-formular { |
| background : #ededed; |
| padding : 40px 0; |
| } |
| .service-formular h3 { |
| display : none; |
| } |
| .service-formular .required { |
| float : right; |
| margin-top : -100px; |
| margin : -160px 0 0 0; |
| font-size : 12px; |
| } |
| @media screen and (max-width:960px) { |
| .service-formular .required { |
| float : none; |
| margin : 0; |
| } |
| } |
| .service-formular fieldset { |
| margin : 0; |
| padding : 0; |
| border : none; |
| } |
| .service-formular fieldset .powermail_legend { |
| margin-bottom : 20px; |
| width : 100%; |
| display : block; |
| } |
| .service-formular label { |
| display : none; |
| } |
| .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select { |
| width : 100%; |
| height : 55px; |
| border : #bbb solid 1px; |
| padding : 10px; |
| color : #cdcdcd; |
| margin-top : 15px; |
| font-size : 18px; |
| color : #333; |
| } |
| .service-formular input[type="submit"] { |
| background : #0067b1; |
| font-size : 15px; |
| line-height : normal; |
| text-transform : uppercase; |
| color : #fff; |
| padding : 15px 60px; |
| margin-top : 30px; |
| border : none; |
| outline : none; |
| font-weight : 700; |
| cursor : pointer; |
| } |
| .service-formular textarea { |
| width : 100%; |
| resize : none; |
| height : 150px; |
| border : #bbb solid 1px; |
| color : #cdcdcd; |
| padding : 10px; |
| font-size : 18px; |
| color : #333; |
| } |
| .service-formular .powermail_fieldwrap_input { |
| float : left; |
| width : calc((100% - 30px) / 3); |
| } |
| .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input { |
| margin-left : 15px; |
| } |
| .service-formular .powermail_fieldwrap_check legend { |
| float : left; |
| margin : 25px 15px 15px 0; |
| } |
| .service-formular .powermail_fieldwrap_check input { |
| width : 20px; |
| height : 20px; |
| margin : 1px 3px 0; |
| } |
| .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend { |
| display : none; |
| } |
| .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer { |
| margin-left : 0; |
| } |
| .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input { |
| float : left; |
| } |
| .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label { |
| max-width : 80%; |
| float : left; |
| margin-left : 15px; |
| font-size : 12px; |
| line-height : normal; |
| } |
| .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a { |
| font-size : 12px; |
| line-height : normal; |
| } |
| .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner { |
| margin-left : 0; |
| width : 100%; |
| } |
| .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner { |
| margin-top : 20px; |
| } |
| .service-formular .powermail_check_outer label { |
| display : inline-block; |
| vertical-align : middle; |
| float : right; |
| } |
| .service-formular .parsley-required, .service-formular .parsley-custom-error-message { |
| font-size : 12px; |
| line-height : normal; |
| color : #be1622; |
| } |
| .service-formular .powermail_field_error_container_checkbox { |
| position : absolute; |
| } |
| .service-formular .powermail_check_outer { |
| margin : 25px 15px 15px 15px; |
| } |
| .service-formular .powermail_check_outer div { |
| float : left; |
| } |
| .service-formular .powermail_check_outer div + div { |
| margin-left : 15px; |
| } |
| @media screen and (max-width:760px) { |
| .service-formular .powermail_fieldwrap_input { |
| width : 100%; |
| float : none; |
| } |
| .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input { |
| margin-left : 0; |
| } |
| .service-formular .powermail_check_outer div { |
| display : block; |
| width : 100%; |
| } |
| .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label { |
| float : left; |
| } |
| .service-formular .powermail_check_outer div + div { |
| margin-left : 0; |
| } |
| } |
| .textOverSendButton { |
| font-size : 12px; |
| margin-top : 25px; |
| margin-bottom : -10px; |
| } |
| .tsaccordion .accordion-header { |
| background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec; |
| font-size : 1.5rem; |
| line-height : 1.9rem; |
| font-weight : normal; |
| padding : 9px 0 9px 64px; |
| margin : 0 0 2px 0; |
| } |
| .tsaccordion .accordion-switcher { |
| cursor : pointer; |
| } |
| .tsaccordion .accordion-switcher-active { |
| background-image : url(../img/akkordeon_offen.png); |
| } |
| .tsaccordion .accordion-content { |
| display : none; |
| padding : 19px 10px 28px 10px; |
| font-size : 0.9rem; |
| line-height : 1.3rem; |
| } |
| .tsaccordion .accordion-content .accordion-left { |
| display : inline-block; |
| float : left; |
| } |
| @media screen and (min-width:769px) { |
| .tsaccordion .accordion-content .accordion-left { |
| max-width : 70%; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .tsaccordion .accordion-content .accordion-left { |
| float : none; |
| display : block; |
| } |
| .tsaccordion .accordion-content .accordion-left > br { |
| display : none; |
| } |
| } |
| .tsaccordion .accordion-content .accordion-left .accordion-name { |
| display : inline-block; |
| font-size : 1.5rem; |
| line-height : 1.9rem; |
| } |
| @media screen and (max-width:768px) { |
| .tsaccordion .accordion-content .accordion-left .accordion-name { |
| display : block; |
| } |
| } |
| .tsaccordion .accordion-content .accordion-left .accordion-thema { |
| display : inline-block; |
| font-size : 0.9rem; |
| line-height : 1.3rem; |
| } |
| @media screen and (max-width:768px) { |
| .tsaccordion .accordion-content .accordion-left .accordion-thema { |
| display : block; |
| } |
| } |
| .tsaccordion .accordion-content .accordion-logo { |
| display : inline-block; |
| float : right; |
| margin : 7px 0 0 0; |
| } |
| @media screen and (max-width:768px) { |
| .tsaccordion .accordion-content .accordion-logo { |
| float : none; |
| } |
| } |
| .tsaccordion .accordion-content .accordion-description { |
| margin : 20px 0 14px 0; |
| } |
| .tsaccordion .accordion-content .accordion-more { |
| color : #0067b1; |
| font-weight : bold; |
| text-decoration : none; |
| display : inline-block; |
| } |
| .tsaccordion .accordion-content .accordion-more img { |
| margin-left : 3px; |
| } |
| .ce-leftright > div { |
| padding : 200px 0; |
| } |
| .ce-leftright > div figure { |
| float : left; |
| max-width : 600px; |
| width : 45.28%; |
| margin : 0; |
| padding : 0; |
| margin-right : 5.28%; |
| padding-left : 3.77%; |
| position : relative; |
| } |
| .ce-leftright > div figure img { |
| display : block; |
| position : relative; |
| z-index : 50; |
| } |
| .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big { |
| position : absolute; |
| z-index : 10; |
| } |
| .ce-leftright > div figure img.small { |
| top : 20px; |
| left : 20px; |
| } |
| .ce-leftright > div figure img.medium { |
| top : 0; |
| right : 20px; |
| } |
| .ce-leftright > div figure img.big { |
| left : 25px; |
| bottom : 0; |
| } |
| .ce-leftright > div figure + div { |
| float : left; |
| max-width : 650px; |
| width : 49.05%; |
| } |
| .ce-leftright > div figure + div p { |
| margin : 0; |
| color : #fff; |
| } |
| .ce-leftright > div figure + div p + * { |
| margin-top : 20px; |
| } |
| .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a { |
| min-width : 0; |
| } |
| .ce-leftright > div figure + div ul ul li { |
| font-weight : 400; |
| padding-left : 0; |
| } |
| .ce-leftright > div figure + div ul ul li:before { |
| display : none; |
| } |
| .ce-leftright > div.right figure { |
| float : right; |
| margin-left : 70px; |
| padding-left : 0; |
| margin-right : 0; |
| padding-right : 50px; |
| } |
| @media screen and (max-width:1180px) { |
| .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big { |
| display : none; |
| } |
| } |
| @media screen and (max-width:1024px) { |
| .ce-leftright .inner { |
| padding : 0 25px; |
| } |
| .ce-leftright > div { |
| padding : 50px 0; |
| } |
| .ce-leftright > div figure { |
| float : none; |
| max-width : none; |
| width : 100%; |
| margin-right : 0; |
| padding-left : 0; |
| margin-bottom : 25px; |
| } |
| .ce-leftright > div figure img { |
| margin : 0 auto; |
| } |
| .ce-leftright > div figure + div { |
| float : none; |
| max-width : none; |
| width : 100%; |
| margin-top : 40px; |
| text-align : center; |
| } |
| } |
| .sliderContainer { |
| margin-bottom : 50px; |
| } |
| .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { |
| padding-top : 100px; |
| } |
| .sliderContainer .swiper-container { |
| height : 600px; |
| } |
| .sliderContainer .swiper-slide { |
| background-size : cover !important ; |
| background-position : center center !important ; |
| } |
| .sliderContainer .slider-overlay { |
| background : rgba(0, 0, 0, 0.3); |
| width : 100%; |
| height : 100%; |
| } |
| .sliderContainer p { |
| font-size : 24px; |
| line-height : 34px; |
| color : #fff; |
| margin : 0; |
| font-weight : 600; |
| text-align : center; |
| } |
| .sliderContainer p + p { |
| margin-top : 30px; |
| } |
| @media screen and (max-width:680px) { |
| .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center { |
| font-weight : 600 !important ; |
| } |
| } |
| @media screen and (max-width:1100px) { |
| .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { |
| padding : 100px 60px; |
| } |
| .sliderContainer p { |
| font-size : 22px; |
| line-height : 32px; |
| } |
| } |
| @media screen and (max-width:800px) { |
| .sliderContainer { |
| background-size : cover !important ; |
| } |
| .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { |
| padding : 60px 60px; |
| } |
| .sliderContainer .swiper-container { |
| height : 500px; |
| } |
| .sliderContainer p { |
| font-size : 20px; |
| line-height : 30px; |
| } |
| } |
| @media screen and (max-width:600px) { |
| .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { |
| padding : 60px 40px; |
| } |
| .sliderContainer p { |
| font-size : 18px; |
| line-height : 28px; |
| } |
| .sliderContainer a { |
| font-size : 15px; |
| line-height : normal; |
| } |
| .sliderContainer .swiper-button-next { |
| right : 10px; |
| height : 26px; |
| width : 15px; |
| margin-top : -13px; |
| background-size : 15px 26px; |
| } |
| .sliderContainer .swiper-button-prev { |
| left : 10px; |
| height : 26px; |
| width : 15px; |
| margin-top : -13px; |
| background-size : 15px 26px; |
| } |
| } |
| @media screen and (max-width:480px) { |
| .sliderContainer .swiper-container { |
| height : 400px; |
| } |
| .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { |
| padding : 20px 35px; |
| } |
| .sliderContainer a { |
| font-size : 15px; |
| line-height : normal; |
| } |
| } |
| @media screen and (max-width:420px) { |
| .sliderContainer .swiper-container { |
| height : 450px; |
| } |
| } |
| .mapsContainer { |
| float : right; |
| width : calc((100% - 40px) / 2); |
| } |
| @media screen and (max-width:800px) { |
| .mapsContainer { |
| float : none; |
| width : 100%; |
| margin-top : 25px; |
| } |
| } |
| .mapsContainer iframe { |
| width : 100% !important ; |
| } |
| .contactMain { |
| margin-bottom : 50px !important ; |
| } |
| @media screen and (max-width:1100px) { |
| .contactMain { |
| padding-left : 25px; |
| padding-right : 25px; |
| } |
| } |
| .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 { |
| float : left; |
| width : calc((100% - 40px) / 2); |
| } |
| @media screen and (max-width:800px) { |
| .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 { |
| float : none; |
| width : 100%; |
| } |
| } |
| .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset { |
| margin : 0; |
| padding : 0; |
| border : none; |
| } |
| .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend { |
| display : none; |
| } |
| .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div { |
| margin-top : 15px; |
| } |
| .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 { |
| display : none; |
| } |
| .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label { |
| float : none; |
| display : block; |
| width : 100%; |
| margin-bottom : 2px; |
| } |
| .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input { |
| display : block; |
| border : #c6c6c6 solid 1px; |
| height : 30px; |
| width : 400px; |
| width : 100%; |
| padding : 0 10px; |
| color : #333; |
| } |
| .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] { |
| width : 100px; |
| cursor : pointer; |
| } |
| .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea { |
| display : block; |
| margin-top : 5px; |
| resize : none; |
| width : 400px; |
| width : 100%; |
| height : 150px; |
| border : #c6c6c6 solid 1px; |
| padding : 5px 10px; |
| color : #333; |
| } |
| .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message { |
| font-size : 12px; |
| line-height : normal; |
| color : #be1622; |
| } |
| .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label { |
| width : auto; |
| } |
| .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check { |
| position : relative; |
| } |
| .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner { |
| position : relative; |
| padding-left : 20px; |
| } |
| .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label { |
| font-size : 12px; |
| line-height : normal; |
| max-width : 100%; |
| } |
| .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a { |
| font-size : 12px; |
| line-height : normal; |
| } |
| .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input { |
| width : auto; |
| height : auto; |
| position : absolute; |
| left : 0; |
| top : 2px; |
| margin : 0; |
| } |
| .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check { |
| margin-top : 0; |
| } |
| .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton { |
| font-size : 12px; |
| margin-top : 25px; |
| margin-bottom : 0; |
| } |
| .firstSection { |
| max-height : 870px; |
| position : relative; |
| overflow : hidden; |
| } |
| .firstSection > a { |
| display : block; |
| } |
| .firstSection > a + div { |
| position : absolute; |
| top : 0; |
| right : 0; |
| bottom : 0; |
| left : 0; |
| z-index : 100; |
| background : rgba(0, 0, 0, 0.4); |
| } |
| .firstSection > a + div img:first-of-type { |
| position : absolute; |
| z-index : 150; |
| top : 50%; |
| margin-top : -49px; |
| text-align : center; |
| left : 50%; |
| margin-left : -183px; |
| } |
| @media screen and (max-width:480px) { |
| .firstSection > a + div img:first-of-type { |
| max-width : 250px; |
| margin-left : -125px; |
| margin-top : -33px; |
| } |
| } |
| .firstSection > a + div img:first-of-type + img { |
| position : absolute; |
| left : 50%; |
| margin-left : -58px; |
| bottom : 40px; |
| } |
| @media screen and (max-width:600px) { |
| .firstSection > a + div img:first-of-type + img { |
| display : none; |
| } |
| } |
| .firstSection video { |
| width : 100%; |
| display : block; |
| } |
| .firstSection figure { |
| margin : 0; |
| padding : 0; |
| width : 100%; |
| } |
| .firstSection figure img { |
| width : 100%; |
| } |
| .firstSection video + .linkLayout, .firstSection figure + .linkLayout { |
| position : absolute; |
| top : 0; |
| right : 0; |
| bottom : 0; |
| left : 0; |
| z-index : 100; |
| background : rgba(0, 0, 0, 0.4); |
| } |
| .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type { |
| position : absolute; |
| z-index : 150; |
| top : 50%; |
| margin-top : -49px; |
| text-align : center; |
| left : 50%; |
| margin-left : -183px; |
| } |
| @media screen and (max-width:480px) { |
| .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type { |
| max-width : 250px; |
| margin-left : -125px; |
| margin-top : -33px; |
| } |
| } |
| .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img { |
| position : absolute; |
| left : 50%; |
| margin-left : -58px; |
| bottom : 40px; |
| } |
| @media screen and (max-width:600px) { |
| .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img { |
| display : none; |
| } |
| } |
| .secondSection { |
| background : #0067b1; |
| } |
| .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption { |
| font-size : 40px; |
| font-weight : 400; |
| color : #fff; |
| line-height : normal; |
| text-align : left; |
| margin : 0 0 26px 0; |
| } |
| .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after { |
| display : none; |
| } |
| .secondSection p { |
| color : #fff; |
| max-width : 540px; |
| } |
| .secondSection div.inner { |
| padding : 0 25px 50px 25px; |
| } |
| .secondSection div.inner:first-of-type { |
| padding-top : 130px; |
| } |
| .secondSection div.inner:first-of-type .big { |
| position : absolute; |
| top : -70px; |
| right : 95px; |
| z-index : 5; |
| } |
| .secondSection div.inner:first-of-type .medium { |
| position : absolute; |
| bottom : -85px; |
| left : -5px; |
| } |
| .secondSection div.inner:first-of-type .small { |
| position : absolute; |
| left : 40px; |
| top : -25px; |
| } |
| .secondSection div.inner:nth-of-type(2) .big { |
| position : absolute; |
| top : -48px; |
| left : 16px; |
| z-index : 5; |
| } |
| .secondSection div.inner:nth-of-type(2) .medium { |
| position : absolute; |
| bottom : -75px; |
| left : 40px; |
| } |
| .secondSection div.inner:nth-of-type(2) .small { |
| position : absolute; |
| right : 90px; |
| top : 115px; |
| } |
| .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption { |
| margin-top : 0; |
| } |
| .secondSection div.inner:nth-of-type(3) .big { |
| position : absolute; |
| bottom : -75px; |
| left : 40px; |
| z-index : 5; |
| } |
| .secondSection div.inner:nth-of-type(3) .medium { |
| position : absolute; |
| top : -48px; |
| left : 16px; |
| } |
| .secondSection div.inner:nth-of-type(3) .small { |
| position : absolute; |
| right : 90px; |
| top : 115px; |
| } |
| .secondSection div.inner:nth-of-type(4) .big { |
| position : absolute; |
| top : -48px; |
| left : 16px; |
| z-index : 5; |
| } |
| .secondSection div.inner:nth-of-type(4) .medium { |
| position : absolute; |
| bottom : -75px; |
| left : 40px; |
| } |
| .secondSection div.inner:nth-of-type(4) .small { |
| position : absolute; |
| right : 90px; |
| top : 115px; |
| } |
| .secondSection div.inner:last-of-type { |
| padding-bottom : 130px; |
| text-align : center; |
| } |
| .secondSection div.inner .left { |
| float : left; |
| width : 50%; |
| position : relative; |
| } |
| .secondSection div.inner .right { |
| float : left; |
| width : 50%; |
| position : relative; |
| } |
| .secondSection div.inner .default { |
| position : relative; |
| z-index : 15; |
| } |
| @media screen and (max-width:1180px) { |
| .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big { |
| display : none !important ; |
| } |
| .secondSection div.inner .right { |
| padding-left : 3%; |
| padding-right : 3%; |
| } |
| .secondSection div.inner .left { |
| padding-right : 5%; |
| } |
| } |
| .secondSection div.inner + div { |
| margin-top : 130px; |
| } |
| @media screen and (max-width:1024px) { |
| .secondSection .animatedParent { |
| display : none; |
| } |
| .secondSection div.inner:first-of-type { |
| padding-top : 50px; |
| } |
| .secondSection div.inner:last-of-type { |
| padding-bottom : 50px; |
| } |
| .secondSection div.inner .right:not(.animatedParent) { |
| padding : 0; |
| margin : 0 auto; |
| float : none; |
| width : 100%; |
| } |
| .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption { |
| font-size : 30px; |
| line-height : normal; |
| margin : 0 0 15px 0; |
| } |
| .secondSection div.inner .right:not(.animatedParent) p { |
| max-width : none; |
| } |
| .secondSection div.inner .left:not(.animatedParent) { |
| padding : 0; |
| margin : 0 auto; |
| float : none; |
| width : 100%; |
| } |
| .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption { |
| font-size : 30px; |
| line-height : normal; |
| margin : 0 0 15px 0; |
| } |
| .secondSection div.inner .left:not(.animatedParent) p { |
| max-width : none; |
| } |
| .secondSection div.inner + div { |
| margin-top : 50px; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .secondSection div.inner .right:not(.animatedParent) { |
| width : 100%; |
| } |
| .secondSection div.inner .right:not(.animatedParent) p { |
| max-width : none; |
| } |
| .secondSection div.inner .left:not(.animatedParent) { |
| width : 100%; |
| } |
| .secondSection div.inner .left:not(.animatedParent) p { |
| max-width : none; |
| } |
| } |
| @media screen and (max-width:480px) { |
| .secondSection div.inner img { |
| max-width : 250px; |
| } |
| } |
| .thirdSection { |
| text-align : center; |
| background : #fc0; |
| padding-top : 100px; |
| } |
| .thirdSection .inner { |
| padding : 100px 25px 170px 25px; |
| } |
| .thirdSection .left { |
| float : left; |
| width : 50%; |
| position : relative; |
| } |
| .thirdSection .right { |
| float : left; |
| width : 50%; |
| position : relative; |
| padding-top : 110px; |
| } |
| .thirdSection .right a { |
| margin-bottom : 30px; |
| } |
| .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption { |
| font-size : 40px; |
| text-align : center; |
| margin : 0 0 15px 0; |
| color : #333; |
| } |
| .thirdSection p { |
| color : #333; |
| text-align : center; |
| margin : 0 0 40px 0; |
| } |
| .thirdSection .buttonContainer { |
| text-align : center; |
| } |
| .thirdSection .default { |
| z-index : 10; |
| position : relative; |
| left : 55px; |
| left : 0; |
| } |
| .thirdSection .big { |
| position : absolute; |
| bottom : 50px; |
| left : -40px; |
| z-index : 5; |
| } |
| .thirdSection .medium { |
| position : absolute; |
| left : 165px; |
| top : -65px; |
| } |
| .thirdSection .small { |
| position : absolute; |
| bottom : 0; |
| right : 60px; |
| } |
| @media screen and (max-width:1250px) { |
| .thirdSection .default { |
| left : 25px; |
| } |
| } |
| @media screen and (max-width:1180px) { |
| .thirdSection { |
| padding-top : 0; |
| } |
| .thirdSection .default { |
| left : 0; |
| } |
| .thirdSection .small, .thirdSection .medium, .thirdSection .big { |
| display : none !important ; |
| } |
| .thirdSection .left { |
| padding-right : 5%; |
| } |
| .thirdSection .right { |
| padding-left : 3%; |
| padding-right : 3%; |
| } |
| } |
| @media screen and (max-width:1024px) { |
| .thirdSection { |
| padding-top : 0; |
| } |
| .thirdSection .inner { |
| padding-top : 50px; |
| padding-bottom : 50px; |
| } |
| .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption { |
| font-size : 30px; |
| line-height : normal; |
| margin : 0 0 15px 0; |
| } |
| .thirdSection .inner a { |
| font-size : 22px; |
| line-height : normal; |
| } |
| .thirdSection .left { |
| display : none; |
| } |
| .thirdSection .right { |
| float : none; |
| width : 100%; |
| padding : 0; |
| } |
| } |
| .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 { |
| float : left; |
| border : transparent solid 1px; |
| position : relative; |
| } |
| @media screen and (max-width:1024px) { |
| .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 { |
| display : none !important ; |
| } |
| } |
| .wrapsvg1 { |
| left : -705px; |
| top : 128px; |
| } |
| .wrapsvg4 { |
| left : -705px; |
| top : 128px; |
| } |
| .wrapsvg2 { |
| left : -15px; |
| top : -140px; |
| } |
| .wrapsvg3 { |
| left : -700px; |
| top : 60px; |
| } |
| .svg1 { |
| position : absolute; |
| } |
| .svg2 { |
| position : absolute; |
| } |
| .svg3 { |
| position : absolute; |
| } |
| .svg4 { |
| position : absolute; |
| } |
| nav.section { |
| position : fixed; |
| top : 50%; |
| right : 20px; |
| z-index : 9999; |
| } |
| @media screen and (max-width:1024px) { |
| nav.section { |
| display : none; |
| } |
| } |
| nav.section ul li { |
| width : 20px; |
| height : 20px; |
| border-radius : 25px; |
| background : #fff; |
| display : block; |
| cursor : pointer; |
| transition : all 0.3s; |
| } |
| nav.section ul li a { |
| z-index : 100; |
| display : none; |
| padding : 14px 10px; |
| margin-top : -3px; |
| right : 48px; |
| font-size : 12px; |
| text-decoration : none; |
| } |
| nav.section ul li + li { |
| margin-top : 5px; |
| } |
| nav.section ul li:hover a { |
| display : inline; |
| position : fixed; |
| color : #fff; |
| height : 10px; |
| line-height : 2px; |
| text-align : center; |
| background : #be1622; |
| } |
| nav.section ul li.active { |
| width : 15px; |
| height : 15px; |
| transition : all 0.3s; |
| margin : 5px auto 0 auto; |
| } |
| .newsletter { |
| width : 100%; |
| padding : 50px 0 0 0; |
| background : #ececec; |
| position : relative; |
| } |
| .newsletter:after, .newsletter:before { |
| top : 0; |
| left : 50%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .newsletter:after { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #fff; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .newsletter:before { |
| border-color : rgba(255, 255, 255, 0); |
| border-top-color : #fff; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .newsletter .right { |
| float : right; |
| width : 100%; |
| max-width : 463px; |
| max-width : 420px; |
| } |
| @media screen and (max-width:900px) { |
| .newsletter .right { |
| float : none; |
| width : 100%; |
| max-width : none; |
| padding : 0 25px; |
| } |
| } |
| .newsletter .firstrow { |
| width : 100%; |
| max-width : 840px; |
| margin : 0 auto; |
| } |
| .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption { |
| text-align : left; |
| } |
| .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after { |
| margin : 10px 0 0 0; |
| } |
| .newsletter .firstrow p { |
| font-weight : 700; |
| color : #333; |
| margin : 0 0 30px 0; |
| } |
| .newsletter .firstrow ul { |
| margin : 0; |
| padding : 0; |
| list-style : none; |
| } |
| .newsletter .firstrow ul li { |
| display : block; |
| color : #333; |
| font-weight : 700; |
| } |
| .newsletter .firstrow ul li span { |
| font-size : 22px; |
| margin-right : 10px; |
| border-radius : 50px; |
| border : #333 solid 2px; |
| padding : 10px; |
| vertical-align : sub; |
| } |
| .newsletter .firstrow ul li p { |
| margin : 0; |
| display : inline-block; |
| vertical-align : middle; |
| } |
| @media screen and (max-width:440px) { |
| .newsletter .firstrow ul li p { |
| width : 80%; |
| } |
| } |
| @media screen and (max-width:360px) { |
| .newsletter .firstrow ul li p { |
| width : 70%; |
| } |
| } |
| .newsletter .firstrow ul li + li { |
| margin-top : 10px; |
| } |
| .newsletter .secondrow { |
| background : #333; |
| padding : 60px 0; |
| margin-top : 30px; |
| } |
| .newsletter .secondrow .inner { |
| max-width : 836px; |
| position : relative; |
| } |
| .newsletter .secondrow img { |
| position : absolute; |
| left : 0; |
| left : 50px; |
| bottom : 0; |
| box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4); |
| } |
| @media screen and (max-width:900px) { |
| .newsletter .secondrow img { |
| display : none; |
| } |
| } |
| .newsletter .secondrow .button { |
| text-align : center; |
| } |
| .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i { |
| display : inline-block; |
| padding-left : 0; |
| transition : all 0.7s; |
| } |
| .newsletter .secondrow .button.animation span + i { |
| padding-left : 5px; |
| transition : all 0.7s; |
| } |
| .newsletter .secondrow .button.animation i + span { |
| padding-left : 5px; |
| transition : all 0.7s; |
| } |
| .newsletter .secondrow .button.animation:hover span + i { |
| padding-left : 10px; |
| transition : all 0.7s; |
| } |
| .newsletter .secondrow .button.animation:hover i + span { |
| padding-left : 10px; |
| transition : all 0.7s; |
| } |
| .ce-download { |
| float : left; |
| width : 42%; |
| margin-bottom : 50px; |
| } |
| .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption { |
| text-align : left; |
| } |
| .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after { |
| margin : 10px 0 0 0; |
| } |
| .ce-download strong { |
| font-weight : 700; |
| font-size : 72px; |
| line-height : 3.3rem; |
| color : #333; |
| margin : 0 0 15px 0; |
| display : block; |
| } |
| .ce-download .date { |
| margin : 0 0 30px 0; |
| font-size : 14px; |
| line-height : normal; |
| color : #333; |
| } |
| .ce-download .agbContainer { |
| margin-top : 30px; |
| margin-bottom : 25px; |
| padding-left : 30px; |
| position : relative; |
| font-size : 14px; |
| line-height : normal; |
| } |
| .ce-download .agbContainer a { |
| color : #0067b1; |
| text-decoration : none; |
| } |
| .ce-download .agbContainer a:hover { |
| text-decoration : underline; |
| } |
| .ce-download .agbContainer input { |
| position : absolute; |
| left : 0; |
| top : 1px; |
| width : 20px; |
| height : 20px; |
| } |
| .ce-download .shortDescription { |
| margin-top : 0; |
| font-size : 14px; |
| line-height : normal; |
| } |
| .ce-download .Dbutton { |
| color : #fff; |
| background : #df8e96; |
| text-decoration : none; |
| width : 100%; |
| max-width : 280px; |
| display : block; |
| padding : 15px; |
| border : none; |
| outline : none; |
| text-align : left; |
| font-size : 22px; |
| line-height : normal; |
| } |
| .ce-download .Dbutton span { |
| font-size : 15px; |
| line-height : normal; |
| display : block; |
| margin-top : 5px; |
| } |
| .ce-download .Dbutton.active { |
| background : #be1622; |
| cursor : pointer; |
| } |
| .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton { |
| margin-top : 20px; |
| } |
| .ce-download .Dbutton.github { |
| background : #ececec; |
| color : #333; |
| padding : 20px 15px; |
| } |
| .ce-download .Dbutton.github span { |
| font-size : 45px; |
| vertical-align : sub; |
| margin-right : 8px; |
| margin-left : 15px; |
| display : inline-block; |
| } |
| .downloadOverlayContainer { |
| background : #fff; |
| padding : 25px 50px; |
| max-width : 720px; |
| margin : 0 auto; |
| position : relative; |
| } |
| .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 { |
| font-size : 16px; |
| line-height : normal; |
| color : #333; |
| font-weight : 400; |
| text-align : center; |
| margin : 0 0 15px 0; |
| } |
| .downloadOverlayContainer h3 { |
| font-weight : 700; |
| } |
| .downloadOverlayContainer .input { |
| background : #ececec; |
| padding : 8px 12px; |
| border : #333 dotted 1px; |
| display : inline-block; |
| width : 65%; |
| color : #0067b1; |
| overflow-x : auto; |
| height : 40px; |
| } |
| .downloadOverlayContainer .copyButton { |
| background : #0067b1; |
| color : #fff; |
| font-size : 15px; |
| line-height : normal; |
| padding : 8px 5px; |
| display : inline-block; |
| width : 32%; |
| text-align : center; |
| vertical-align : top; |
| border : none; |
| outline : none; |
| cursor : pointer; |
| height : 40px; |
| } |
| .downloadOverlayContainer .copyButton i { |
| margin-right : 5px; |
| } |
| @media screen and (max-width:720px) { |
| .downloadOverlayContainer { |
| padding : 25px 25px; |
| } |
| .downloadOverlayContainer .input { |
| display : block; |
| width : 100%; |
| height : auto; |
| } |
| .downloadOverlayContainer .copyButton { |
| display : block; |
| width : 100%; |
| height : auto; |
| } |
| } |
| .mfp-wrap { |
| overflow-x : scroll !important ; |
| } |
| .ce-downloadhinweis { |
| float : right; |
| width : 50%; |
| margin-bottom : 50px; |
| } |
| .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption { |
| text-align : left; |
| } |
| .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after { |
| margin : 10px 0 0 0; |
| } |
| .ce-downloadhinweis p + p { |
| margin-top : 30px; |
| } |
| .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul { |
| margin-top : 25px; |
| } |
| .ce-downloadhinweis ul { |
| margin : 0; |
| padding : 0; |
| list-style : none; |
| } |
| .ce-downloadhinweis ul li { |
| color : #333; |
| } |
| .ce-downloadhinweis ul li a { |
| text-decoration : none; |
| color : #333; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .ce-downloadhinweis ul li a:hover { |
| text-decoration : underline; |
| } |
| .ce-downloadhinweis ul li + li { |
| margin-top : 3px; |
| } |
| .ce-downloadhinweis ul li:before { |
| content : "\f178"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| margin-right : 5px; |
| } |
| .ce-downloadhinweis ol { |
| margin : 0; |
| padding : 0; |
| list-style : none; |
| } |
| .ce-downloadhinweis ol li { |
| display : block; |
| counter-increment : olliste; |
| } |
| .ce-downloadhinweis ol li:before { |
| content : counter(olliste) "."; |
| font-weight : 700; |
| font-size : 32px; |
| line-height : normal; |
| color : #bbbbbb; |
| margin-right : 5px; |
| } |
| .ce-downloadhinweis ol li + li { |
| margin-top : 15px; |
| } |
| .ce-downloadhinweis ol + p { |
| margin-top : 25px; |
| } |
| @media screen and (max-width:768px) { |
| .ce-download { |
| float : none; |
| width : 100%; |
| } |
| .ce-downloadhinweis { |
| float : none; |
| width : 100%; |
| } |
| } |
| .ce-youtube-text { |
| margin-bottom : 50px; |
| } |
| .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption { |
| margin-top : 0; |
| } |
| .ce-youtube-text .left, .ce-youtube-text .right { |
| float : left; |
| width : calc((100% - 20px) / 2); |
| } |
| @media screen and (max-width:767px) { |
| .ce-youtube-text .left, .ce-youtube-text .right { |
| float : none; |
| width : 100%; |
| } |
| } |
| .ce-youtube-text .left iframe { |
| width : 100% !important ; |
| height : 315px; |
| } |
| .ce-youtube-text .right { |
| margin-left : 20px; |
| } |
| .ce-youtube-text .right a { |
| display : block; |
| margin-top : 15px; |
| } |
| @media screen and (max-width:767px) { |
| .ce-youtube-text .right { |
| margin-left : 0; |
| margin-top : 20px; |
| } |
| } |
| .ce-youtube-slider { |
| margin-bottom : 50px; |
| } |
| .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner { |
| position : relative; |
| } |
| .ce-youtube-slider a { |
| text-decoration : none; |
| } |
| .ce-youtube-slider p { |
| margin : 3px 0 0 0; |
| color : #333; |
| } |
| .ce-youtube-slider + div, .ce-youtube-slider + section { |
| border-top : 1px solid #c6c6c6; |
| padding-top : 50px; |
| } |
| .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube { |
| padding : 12px 10px; |
| background : #ececec; |
| width : 30px; |
| } |
| .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa { |
| padding-left : 0; |
| } |
| .ce-youtube-slider .swiper-button-next-small-youtube { |
| right : -30px; |
| } |
| .ce-youtube-slider .swiper-button-prev-small-youtube { |
| left : -30px; |
| } |
| .ce-youtube-slider .swiper-slide a div { |
| max-height : 140px; |
| height : auto; |
| overflow : hidden; |
| } |
| .ce-youtube-slider .swiper-slide a div img { |
| width : 100%; |
| } |
| @media screen and (max-width:640px) { |
| .ce-youtube-slider .swiper-slide a div { |
| max-height : none; |
| } |
| } |
| .shopDetailsContainer { |
| background : #ececec; |
| padding : 10px 0; |
| margin-bottom : 10px; |
| } |
| .shopDetailsContainer .left { |
| float : left; |
| min-height : 1px; |
| } |
| .shopDetailsContainer .left a { |
| color : #333; |
| font-weight : 600; |
| font-size : 14px; |
| line-height : normal; |
| text-decoration : none; |
| } |
| .shopDetailsContainer .left a i { |
| font-size : 12px; |
| } |
| .shopDetailsContainer .right { |
| float : right; |
| min-height : 1px; |
| } |
| .shopDetailsContainer .right ul li { |
| display : inline-block; |
| } |
| .shopDetailsContainer .right ul li a { |
| color : #333; |
| font-weight : 600; |
| font-size : 14px; |
| line-height : normal; |
| text-decoration : none; |
| } |
| .shopDetailsContainer .right ul li + li { |
| margin-left : 5px; |
| } |
| .shopDetailsContainer .tx-sy-osbeeproducts { |
| padding : 0; |
| } |
| .shopDetailsContainer .tx-sy-osbeeproducts ul { |
| display : inline-block; |
| } |
| .shopDetailsContainer .changeMoney span { |
| position : relative; |
| margin-right : 5px; |
| color : #333; |
| font-weight : 600; |
| font-size : 14px; |
| line-height : normal; |
| } |
| .shopDetailsContainer .changeMoney li { |
| position : relative; |
| margin-right : 5px; |
| color : #333; |
| font-weight : 600; |
| font-size : 14px; |
| line-height : normal; |
| } |
| .shopDetailsContainer .changeMoney li a { |
| color : #333; |
| font-weight : 600; |
| font-size : 14px; |
| line-height : normal; |
| text-decoration : none; |
| } |
| .shopDetailsContainer .changeMoney li ul { |
| width : 85px; |
| display : none; |
| position : absolute; |
| background : #fff; |
| padding : 5px 10px; |
| box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35); |
| top : 32px; |
| left : 0; |
| } |
| .shopDetailsContainer .changeMoney li ul:before { |
| content : ""; |
| height : 15px; |
| width : 100%; |
| position : absolute; |
| top : -15px; |
| } |
| .shopDetailsContainer .changeMoney li ul li a { |
| padding-left : 0; |
| } |
| .shopDetailsContainer .changeMoney li:hover ul { |
| display : block; |
| } |
| .marketplace-wrapper { |
| padding : 50px 0; |
| } |
| @media screen and (max-width:1120px) { |
| .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner { |
| padding : 50px 25px; |
| } |
| } |
| @media screen and (max-width:767px) { |
| .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner { |
| padding : 0 25px; |
| } |
| } |
| .marketplace-wrapper .mp-mobile { |
| display : none; |
| margin-bottom : 0; |
| margin-top : 25px; |
| margin-bottom : 25px; |
| } |
| .marketplace-wrapper .mp-mobile button { |
| width : 100%; |
| outline : none; |
| border : none; |
| } |
| @media screen and (max-width:767px) { |
| .marketplace-wrapper .mp-mobile { |
| display : block; |
| } |
| } |
| .marketplace-wrapper .mp-sidebar { |
| float : left; |
| width : 24.27%; |
| min-height : 1px; |
| margin-right : 0.97%; |
| } |
| .marketplace-wrapper .mp-sidebar.right { |
| margin-right : 0; |
| margin-left : 0.97%; |
| } |
| .marketplace-wrapper .mp-sidebar.right > div { |
| margin-bottom : 0; |
| } |
| .marketplace-wrapper .mp-sidebar.right > div + div { |
| margin-top : 30px; |
| } |
| @media screen and (max-width:767px) { |
| .marketplace-wrapper .mp-sidebar { |
| float : none; |
| width : 100%; |
| margin-right : 0; |
| display : none; |
| margin-bottom : 25px; |
| } |
| .marketplace-wrapper .mp-sidebar.active { |
| display : block; |
| } |
| .marketplace-wrapper .mp-sidebar.right { |
| margin-left : 0; |
| display : block; |
| } |
| } |
| .marketplace-wrapper .mp-sidebar > div { |
| margin-bottom : 99px; |
| } |
| .marketplace-wrapper .mp-sidebar > div + div { |
| margin-top : 40px; |
| margin-bottom : 0; |
| } |
| .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption { |
| text-align : left; |
| color : #333; |
| text-transform : uppercase; |
| font-size : 16px; |
| line-height : normal; |
| font-weight : 700; |
| margin : 0 0 10px 0; |
| font-family : "Open Sans", sans-serif; |
| padding-bottom : 3px; |
| border-bottom : 2px solid #fc0; |
| } |
| .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after { |
| display : none; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select { |
| height : 40px; |
| border : #818181 solid 1px; |
| padding : 5px 10px; |
| width : 100%; |
| font-size : 14px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] { |
| margin-bottom : 10px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] { |
| width : 100%; |
| height : 40px; |
| border : none; |
| outline : none; |
| font-size : 16px; |
| line-height : normal; |
| font-weight : 700; |
| color : #fff; |
| background : #0067b1; |
| text-align : left; |
| padding : 10px; |
| cursor : pointer; |
| position : relative; |
| margin-top : 5px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-suche form { |
| position : relative; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-suche form:after { |
| content : "\f105"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| margin-left : 5px; |
| position : absolute; |
| right : 10px; |
| bottom : 9px; |
| color : #fff; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li { |
| display : block; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a { |
| text-decoration : none; |
| color : #333; |
| font-size : 16px; |
| line-height : normal; |
| font-weight : 700; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover { |
| text-decoration : underline; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a { |
| display : block; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser { |
| width : 20px; |
| height : 20px; |
| float : left; |
| color : #fff; |
| text-align : center; |
| margin-right : 10px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i { |
| text-align : center; |
| vertical-align : middle; |
| color : #fff; |
| font-size : 10px; |
| padding : 0 0 3px 0; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul { |
| margin-top : 8px; |
| margin-left : 20px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li { |
| padding-left : 10px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a { |
| font-weight : 400; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li { |
| margin-top : 5px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li { |
| margin-top : 12px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a { |
| font-weight : 400; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li { |
| margin-top : 10px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-info img { |
| display : block; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-info img + p { |
| font-size : 13px; |
| line-height : normal; |
| margin : 15px 0 0 0; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-info img + p + p { |
| margin-top : 15px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-buttons a { |
| text-decoration : none; |
| color : #fff; |
| background : #0067b1; |
| width : 100%; |
| display : block; |
| font-size : 16px; |
| line-height : normal; |
| font-weight : 700; |
| text-transform : uppercase; |
| text-align : center; |
| padding : 15px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-buttons a + a { |
| margin-top : 10px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-buttons a.blue { |
| background : #0067b1; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton { |
| padding : 0; |
| color : #333; |
| background : transparent; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-productspecifikation { |
| background : #ececec; |
| padding : 15px 10px 30px 10px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-productspecifikation p { |
| margin : 0; |
| font-size : 13px; |
| line-height : normal; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p { |
| margin-top : 30px; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a { |
| color : #0067b1; |
| font-weight : 700; |
| text-decoration : none; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-productShare p { |
| margin : 0; |
| font-weight : 700; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-productShare br { |
| display : none; |
| } |
| .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal { |
| text-align : left !important ; |
| } |
| .marketplace-wrapper .mp-contentContainer { |
| float : left; |
| width : 74.76%; |
| min-height : 1px; |
| } |
| .marketplace-wrapper .mp-contentContainer.detailseite { |
| width : 49.51%; |
| padding-top : 25px; |
| } |
| @media screen and (max-width:767px) { |
| .marketplace-wrapper .mp-contentContainer { |
| float : none; |
| width : 100%; |
| margin-bottom : 25px; |
| } |
| .marketplace-wrapper .mp-contentContainer.detailseite { |
| width : 100%; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner { |
| width : 100%; |
| height : auto; |
| margin-bottom : 30px; |
| position : relative; |
| } |
| @media screen and (max-width:480px) { |
| .marketplace-wrapper .mp-contentContainer .mp-banner { |
| display : none; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div { |
| position : absolute; |
| top : 40px; |
| left : 40px; |
| } |
| @media screen and (max-width:1024px) { |
| .marketplace-wrapper .mp-contentContainer .mp-banner div { |
| top : 20px; |
| left : 20px; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption { |
| color : #fff; |
| font-weight : 700; |
| text-align : left; |
| font-size : 32px; |
| line-height : normal; |
| text-transform : uppercase; |
| margin-top : 0; |
| font-family : "Open Sans", sans-serif; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after { |
| margin : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div p { |
| color : #fff; |
| margin : 0; |
| font-size : 13px; |
| line-height : normal; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div p + p { |
| margin-top : 15px; |
| } |
| @media screen and (max-width:767px) { |
| .marketplace-wrapper .mp-contentContainer .mp-banner div p { |
| display : none; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div a { |
| color : #fff; |
| text-decoration : none; |
| font-size : 13px; |
| line-height : normal; |
| display : block; |
| margin-top : 15px; |
| text-transform : uppercase; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div a:after { |
| content : "\f178"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| margin-left : 5px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover { |
| text-decoration : underline; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-filter { |
| width : 100%; |
| margin-bottom : 20px; |
| } |
| @media screen and (min-width:600px) { |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul { |
| display : flex; |
| flex-wrap : nowrap; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul li { |
| background : #bbbbbb; |
| color : #fff; |
| cursor : pointer; |
| padding : 15px 0; |
| font-weight : 700; |
| text-transform : uppercase; |
| text-align : center; |
| } |
| @media screen and (min-width:600px) { |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul li { |
| flex-direction : column; |
| order : 4; |
| flex-grow : 4; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover { |
| background : #333; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li { |
| margin-left : 10px; |
| } |
| @media screen and (max-width:1024px) { |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul li { |
| font-size : 13px; |
| line-height : normal; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul li { |
| font-size : 12px; |
| line-height : normal; |
| } |
| } |
| @media screen and (max-width:600px) { |
| .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li { |
| margin-left : 0; |
| margin-top : 10px; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article { |
| float : left; |
| width : 250px; |
| width : calc((100% - 21px) / 3); |
| border : #818181 solid 1px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article + article { |
| margin-left : 10px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { |
| margin-left : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) { |
| margin-top : 10px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article > a { |
| display : block; |
| height : 100%; |
| position : relative; |
| padding-bottom : 50px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header { |
| position : relative; |
| padding : 10px 10px 0 10px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser { |
| display : block; |
| float : left; |
| max-width : 70px; |
| margin-right : 10px; |
| width : 54px; |
| height : 54px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i { |
| text-align : center; |
| vertical-align : middle; |
| color : #fff; |
| font-size : 24px; |
| padding : 15px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header h3 { |
| font-size : 16px; |
| line-height : normal; |
| color : #333; |
| font-weight : 400; |
| margin : 0 0 10px 0; |
| max-width : calc(100% - 70px); |
| float : left; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header span { |
| font-size : 11px; |
| line-height : normal; |
| display : block; |
| font-weight : 400; |
| color : #333; |
| clear : both; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner { |
| position : absolute; |
| top : 0; |
| right : 0; |
| z-index : 800; |
| } |
| @media screen and (max-width:1120px) { |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner { |
| display : none; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer { |
| position : relative; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty { |
| position : absolute; |
| top : 0; |
| left : 0; |
| width : 0%; |
| overflow : hidden; |
| height : 22px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span { |
| color : #fc0; |
| position : absolute; |
| top : 4px; |
| font-size : 9px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span { |
| left : 12px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span { |
| left : 23px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span { |
| left : 34px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span { |
| left : 45px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty { |
| position : relative; |
| left : auto; |
| right : auto; |
| bottom : auto; |
| width : 100%; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article main { |
| margin-top : 15px; |
| padding : 0 10px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article main p { |
| font-size : 13px; |
| line-height : normal; |
| margin : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article main p + p { |
| margin-top : 10px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article main img { |
| display : block; |
| margin-top : 15px; |
| max-height : 25px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer { |
| margin-top : 10px; |
| border-top : 1px solid #818181; |
| padding : 10px 10px 10px 10px; |
| position : absolute; |
| left : 0; |
| right : 0; |
| bottom : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer { |
| float : left; |
| position : relative; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled { |
| position : absolute; |
| top : 0; |
| left : 0; |
| width : 0%; |
| overflow : hidden; |
| height : 22px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span { |
| color : #fc0; |
| position : absolute; |
| top : 4px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span { |
| left : 19px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span { |
| left : 38px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span { |
| left : 57px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span { |
| left : 76px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .price { |
| float : none; |
| } |
| @media screen and (max-width:1100px) { |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .price { |
| font-size : 13px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span { |
| font-size : 10px !important ; |
| } |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation { |
| display : none; |
| background : #0067b1; |
| color : #fff; |
| text-align : center; |
| text-transform : uppercase; |
| font-weight : 700; |
| font-size : 16px; |
| line-height : normal; |
| padding : 10px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after { |
| content : "\f178"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| margin-left : 5px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article a { |
| text-decoration : none; |
| color : #333; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer { |
| padding : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer { |
| display : none; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price { |
| display : none; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation { |
| display : block; |
| } |
| @media screen and (max-width:1023px) { |
| .marketplace-wrapper .mp-contentContainer .mp-content article { |
| width : calc((100% - 11px) / 2); |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { |
| margin-left : 10px; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) { |
| margin-left : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) { |
| margin-top : 10px; |
| } |
| } |
| @media screen and (max-width:560px) { |
| .marketplace-wrapper .mp-contentContainer .mp-content article { |
| width : 100%; |
| margin-left : 0 !important ; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { |
| margin-left : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) { |
| margin-left : 0; |
| } |
| .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) { |
| margin-top : 10px; |
| } |
| } |
| .mpdetail-content .mp-productInfo { |
| margin-bottom : 60px; |
| } |
| .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser { |
| float : left; |
| margin : 0 10px; |
| max-width : 110px; |
| display : block; |
| text-align : center; |
| height : 100px; |
| width : 100px; |
| } |
| .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i { |
| font-size : 40px; |
| vertical-align : middle; |
| color : #fff; |
| display : inline-block; |
| line-height : 100px; |
| } |
| .mpdetail-content .mp-productInfo > div { |
| float : left; |
| max-width : 340px; |
| } |
| .mpdetail-content .mp-productInfo > div h1 { |
| font-size : 16px; |
| line-height : normal; |
| color : #333; |
| font-weight : 700; |
| margin : 0 0 5px 0; |
| } |
| .mpdetail-content .mp-productInfo > div > span { |
| font-size : 11px; |
| line-height : normal; |
| display : block; |
| font-weight : 400; |
| color : #333; |
| } |
| .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img { |
| display : block; |
| margin : 15px 0; |
| float : left; |
| } |
| .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img { |
| margin-left : 5px; |
| } |
| .mpdetail-content .mp-productInfo > div .ratingContainer { |
| position : relative; |
| display : inline-block; |
| } |
| .mpdetail-content .mp-productInfo > div .ratingContainer .filled { |
| position : absolute; |
| top : 0; |
| left : 0; |
| width : 0%; |
| overflow : hidden; |
| height : 22px; |
| } |
| .mpdetail-content .mp-productInfo > div .ratingContainer .filled span { |
| color : #fc0; |
| position : absolute; |
| top : 4px; |
| } |
| .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span { |
| left : 19px; |
| } |
| .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span { |
| left : 38px; |
| } |
| .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span { |
| left : 57px; |
| } |
| .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span { |
| left : 76px; |
| } |
| .mpdetail-content .mp-productWrapper > ul li { |
| float : left; |
| width : calc(100% / 3); |
| background : #fff; |
| text-align : center; |
| border-top : 2px solid #ebebeb; |
| border-left : 2px solid #ebebeb; |
| cursor : pointer; |
| } |
| .mpdetail-content .mp-productWrapper > ul li a { |
| color : #333; |
| font-size : 13px; |
| line-height : normal; |
| cursor : pointer; |
| text-decoration : none; |
| font-weight : 700; |
| display : block; |
| padding : 15px; |
| } |
| @media screen and (max-width:360px) { |
| .mpdetail-content .mp-productWrapper > ul li a { |
| font-size : 11px; |
| line-height : normal; |
| } |
| } |
| .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover { |
| background : #ececec; |
| border-top : 2px solid #fc0; |
| } |
| .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i { |
| color : #fc0; |
| } |
| .mpdetail-content .mp-productWrapper > ul li.current { |
| border-left : 2px solid transparent; |
| border-right : 2px solid transparent; |
| } |
| .mpdetail-content .mp-productWrapper > ul li.current + li { |
| border-left : 2px solid #ebebeb; |
| } |
| .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current { |
| border-left : 2px solid #ebebeb; |
| } |
| .mpdetail-content .mp-productWrapper > ul li + li { |
| border-right : 2px solid #ebebeb; |
| } |
| .mpdetail-content .mp-productWrapper > ul li + li + li { |
| border-left : 2px solid transparent; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab { |
| display : none; |
| background : #ececec; |
| padding : 15px 10px; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type { |
| display : block; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab h3 { |
| color : #333; |
| margin : 0 0 10px 0; |
| font-size : 18px; |
| line-height : normal; |
| font-weight : 700; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab a { |
| font-size : 13px; |
| line-height : normal; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab p { |
| margin : 0; |
| font-size : 13px; |
| line-height : normal; |
| color : #333; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab p a { |
| font-size : 13px; |
| line-height : normal; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab p + p { |
| margin-top : 15px; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab ul { |
| margin : 10px 0 0 0; |
| padding : 0; |
| list-style-type : none; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab ul li { |
| position : relative; |
| padding-left : 15px; |
| font-size : 13px; |
| line-height : normal; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab ul li:before { |
| content : "\f054"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| position : absolute; |
| top : 4px; |
| left : 0; |
| color : #333; |
| font-size : 12px; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab ul li + li { |
| margin-top : 4px; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span { |
| color : #bbb; |
| cursor : pointer; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span { |
| color : #fc0; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before { |
| content : "\f005"; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p { |
| font-size : 18px; |
| line-height : normal; |
| color : #bbb; |
| display : inline-block; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form { |
| margin-bottom : 20px; |
| padding-bottom : 30px; |
| border-bottom : 1px solid #bbbbbb; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea { |
| resize : none; |
| height : 105px; |
| padding : 10px; |
| width : 100%; |
| margin-top : 10px; |
| color : #bbb; |
| font-size : 18px; |
| line-height : normal; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p { |
| font-size : 13px; |
| line-height : normal; |
| color : #bbb; |
| text-align : right; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] { |
| display : inline-block; |
| font-size : 16px; |
| line-height : normal; |
| color : #fff; |
| border : none; |
| outline : none; |
| text-align : center; |
| background : #0067b1; |
| text-transform : uppercase; |
| padding : 15px; |
| min-width : 160px; |
| margin-top : -10px; |
| font-weight : 700; |
| cursor : pointer; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 { |
| margin-bottom : 5px; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment { |
| margin-top : 25px; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star { |
| color : #fc0; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span { |
| color : #bbb; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply { |
| background : #fff; |
| padding : 15px 10px; |
| margin-left : 30px; |
| position : relative; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after { |
| bottom : 100%; |
| left : 50%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before { |
| border-color : rgba(255, 255, 255, 0); |
| border-bottom-color : #fff; |
| border-width : 15px; |
| margin-left : -200px; |
| } |
| .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after { |
| border-color : rgba(255, 255, 255, 0); |
| border-bottom-color : #fff; |
| border-width : 15px; |
| margin-left : -200px; |
| } |
| .forumWrapOuter { |
| background : #ececec; |
| } |
| .forumWrapOuter .ce-Image-Text-Element { |
| margin-bottom : 0; |
| padding-bottom : 40px; |
| } |
| .tx-typo3forum-pi1 { |
| padding-top : 50px; |
| padding-bottom : 50px; |
| } |
| .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu { |
| margin-bottom : 40px; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) { |
| float : left; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i { |
| display : none; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before { |
| content : "\f053"; |
| display : inline-block; |
| margin-right : 5px; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) { |
| float : right; |
| margin-left : 15px; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i { |
| display : none; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before { |
| content : "\f0fe"; |
| display : inline-block; |
| margin-right : 5px; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) { |
| float : right; |
| display : none !important ; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i { |
| display : none; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a { |
| background : #fc0; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before { |
| content : "\f005"; |
| display : inline-block; |
| margin-right : 5px; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| } |
| @media screen and (max-width:640px) { |
| .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li { |
| float : none !important ; |
| width : 100% !important ; |
| margin-bottom : 5px; |
| margin-left : 0 !important ; |
| } |
| .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a { |
| width : 100%; |
| text-align : center; |
| } |
| } |
| .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset { |
| border : none; |
| padding : 0; |
| margin : 0; |
| } |
| .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend { |
| margin-bottom : 40px; |
| } |
| .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group { |
| margin-bottom : 15px; |
| } |
| .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label { |
| position : relative; |
| } |
| .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer { |
| width : 100%; |
| max-width : 927px; |
| } |
| .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader { |
| float : right; |
| } |
| .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu { |
| padding-right : 0; |
| } |
| .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a { |
| width : 18px; |
| height : 18px; |
| } |
| .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] { |
| display : block; |
| float : left; |
| border : #c6c6c6 solid 1px; |
| height : 35px; |
| padding : 0 10px; |
| background : #c6c6c6; |
| font-size : 14px; |
| line-height : 33px; |
| cursor : pointer; |
| font-family : "Open Sans", sans-serif; |
| } |
| .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn { |
| display : block; |
| float : left; |
| border : #c6c6c6 solid 1px; |
| height : 35px; |
| padding : 0 10px; |
| margin-left : 10px; |
| background : #c6c6c6; |
| font-size : 14px; |
| line-height : 35px; |
| color : #000; |
| font-weight : 400; |
| font-family : "Open Sans", sans-serif; |
| } |
| .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] { |
| margin-left : 0; |
| margin-top : 0; |
| vertical-align : bottom; |
| } |
| .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea { |
| border : #c6c6c6 solid 1px; |
| padding : 0 10px; |
| height : 30px; |
| font-family : "Open Sans", sans-serif; |
| } |
| .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] { |
| width : 100%; |
| max-width : 927px; |
| } |
| .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea { |
| padding-top : 10px; |
| padding-bottom : 10px; |
| margin-top : 5px; |
| min-height : 200px; |
| font-family : "Open Sans", sans-serif; |
| } |
| .tx-typo3forum-pi1 #post fieldset .control-group > label { |
| position : relative; |
| bottom : -25px; |
| } |
| .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label { |
| position : relative; |
| bottom : -25px; |
| } |
| .tx-typo3forum-pi1 #report .markItUp { |
| margin-top : -20px; |
| } |
| .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator { |
| display : none; |
| } |
| .tx-typo3forum-pi1 ul.nav-pills-condensed { |
| margin-bottom : 5px; |
| } |
| .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption { |
| display : none; |
| } |
| .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable { |
| text-transform : none; |
| text-align : left; |
| padding-left : 10px; |
| background : #0067b1; |
| padding : 15px 0 15px 10px; |
| margin : 0; |
| font-size : 16px; |
| line-height : normal; |
| color : #fff; |
| } |
| .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after { |
| display : none; |
| } |
| .tx-typo3forum-pi1 table tbody td { |
| background : #fff !important ; |
| padding : 10px 8px; |
| line-height : 60px; |
| vertical-align : middle; |
| height : 60px; |
| font-size : 13px; |
| line-height : normal; |
| } |
| .tx-typo3forum-pi1 table tbody td div { |
| font-size : 13px; |
| line-height : 18.2px; |
| font-size : 0.8125rem; |
| line-height : 1.1375rem; |
| font-weight : 300; |
| color : #b4b4b4; |
| font-size : 13px; |
| line-height : normal; |
| } |
| .tx-typo3forum-pi1 table tbody td a { |
| font-size : 16px; |
| line-height : normal; |
| font-weight : 700; |
| text-decoration : none; |
| color : #333; |
| } |
| .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) { |
| text-align : center; |
| } |
| .tx-typo3forum-pi1 .f3-widget-paginator { |
| text-align : right; |
| } |
| .tx-typo3forum-pi1 .f3-widget-paginator li { |
| color : #0067b1; |
| font-weight : 700; |
| font-size : 13px; |
| line-height : normal; |
| display : inline-block; |
| } |
| .tx-typo3forum-pi1 .f3-widget-paginator li a { |
| font-size : 13px; |
| } |
| .tx-typo3forum-pi1 .f3-widget-paginator li.current { |
| color : #fc0; |
| } |
| .tx-typo3forum-pi1 .f3-widget-paginator li + li { |
| margin-left : 5px; |
| } |
| .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption { |
| text-transform : none; |
| text-align : left; |
| padding-left : 10px; |
| background : #0067b1; |
| padding : 15px 0 15px 10px; |
| margin : 0; |
| font-size : 16px; |
| line-height : normal; |
| color : #fff; |
| } |
| .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after { |
| display : none; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap { |
| display : block; |
| width : 100%; |
| background : #fff; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child { |
| width : 100%; |
| padding : 15px; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon { |
| float : left; |
| max-width : 70px; |
| margin-right : 15px; |
| width : 41px; |
| height : 41px; |
| border-radius : 25px; |
| background : #c6c6c6; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic { |
| background : #fff; |
| text-align : center; |
| vertical-align : middle; |
| border : #bbb solid 1px; |
| width : 20px; |
| height : 20px; |
| color : #bbb; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i { |
| padding : 0; |
| font-size : 12px; |
| padding-top : 4px; |
| display : block; |
| } |
| @media screen and (max-width:640px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon { |
| display : none; |
| } |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { |
| float : left; |
| width : 55%; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 { |
| margin : 0; |
| font-size : 16px; |
| line-height : normal; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a { |
| font-size : 16px; |
| line-height : normal; |
| font-weight : 700; |
| color : #333; |
| margin : 0 0 5px 0; |
| display : block; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a { |
| font-weight : 400; |
| font-size : 12px; |
| line-height : normal; |
| margin : 0; |
| display : block; |
| width : 100%; |
| max-width : 500px; |
| overflow : hidden; |
| text-overflow : ellipsis; |
| white-space : nowrap; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span { |
| display : block; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span { |
| color : #bbb; |
| } |
| @media screen and (max-width:1024px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { |
| width : 40%; |
| } |
| } |
| @media screen and (max-width:800px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { |
| width : 36%; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { |
| float : none; |
| width : 100%; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a { |
| margin-bottom : 0; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p { |
| margin-bottom : 20px; |
| max-width : 85%; |
| } |
| } |
| @media screen and (max-width:480px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p { |
| margin-bottom : 0; |
| max-width : 100%; |
| } |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { |
| float : right; |
| width : 36%; |
| min-width : 360px; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p { |
| display : none; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts { |
| display : block; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics { |
| font-size : 12px; |
| line-height : 14px; |
| margin : 0; |
| font-weight : 400; |
| width : 45px; |
| text-align : center; |
| float : left; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span { |
| display : block; |
| } |
| @media screen and (max-width:1024px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics { |
| width : 40px; |
| } |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts { |
| font-size : 12px; |
| line-height : 14px; |
| margin : 0; |
| font-weight : 400; |
| float : left; |
| width : 45px; |
| text-align : center; |
| margin-left : 25px; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a { |
| font-size : 12px; |
| line-height : 14px; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span { |
| display : block; |
| } |
| @media screen and (max-width:1024px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts { |
| width : 40px; |
| } |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { |
| width : 220px; |
| position : relative; |
| padding-left : 40px; |
| display : block; |
| float : left; |
| margin-left : 25px; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon { |
| max-height : 30px; |
| border-radius : 25px; |
| width : auto; |
| margin-right : 0; |
| position : absolute; |
| left : 0; |
| top : 0; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost { |
| font-size : 12px; |
| line-height : 14px; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a { |
| font-size : 12px; |
| line-height : 14px; |
| text-decoration : none; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover { |
| text-decoration : underline; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor { |
| font-size : 12px; |
| line-height : 14px; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a { |
| font-size : 12px; |
| line-height : 14px; |
| text-decoration : none; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover { |
| text-decoration : underline; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time { |
| font-size : 12px; |
| line-height : 14px; |
| display : block; |
| width : 100%; |
| color : #c6c6c6; |
| } |
| @media screen and (max-width:1024px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { |
| width : 200px; |
| } |
| } |
| @media screen and (max-width:420px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { |
| width : auto; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img { |
| display : none; |
| } |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { |
| margin-top : 0; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span { |
| display : inline; |
| vertical-align : middle; |
| line-height : 30px; |
| font-size : 12px; |
| line-height : 14px; |
| } |
| @media screen and (max-width:1024px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { |
| width : 35%; |
| min-width : 330px; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { |
| float : none; |
| width : 100%; |
| } |
| } |
| @media screen and (max-width:480px) { |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { |
| display : none; |
| } |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a { |
| font-weight : 400; |
| color : #333; |
| text-decoration : none; |
| } |
| .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child { |
| border-top : 1px solid #bbbbbb; |
| } |
| ul.nav-pills li { |
| display : inline-block; |
| } |
| ul.nav-pills li a { |
| font-size : 12px; |
| line-height : normal; |
| color : #333; |
| font-weight : 400; |
| text-decoration : none; |
| } |
| ul.nav-pills li a:hover { |
| text-decoration : underline; |
| } |
| ul.nav-pills li:last-of-type a { |
| font-weight : 700; |
| color : #333; |
| } |
| ul.nav-pills li + li:before { |
| content : "\f054"; |
| color : #fc0; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| font-size : 10px; |
| } |
| ul.nav-pills + .ce-osbee-forum { |
| margin-top : 20px; |
| } |
| .ce-osbee-forum-singlepost { |
| position : relative; |
| background : #fff; |
| padding : 30px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { |
| width : 20%; |
| float : left; |
| padding-right : 2%; |
| border-right : 1px solid #bbb; |
| text-align : center; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon { |
| float : none; |
| display : block; |
| margin : 0; |
| background : #ececec; |
| padding : 10px; |
| text-align : center; |
| border-radius : 150px; |
| height : 85px; |
| width : 85px; |
| margin : 15px auto; |
| font-size : 60px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { |
| font-size : 16px; |
| line-height : normal; |
| margin : 0 0 10px 0; |
| color : #333; |
| font-weight : 700; |
| text-decoration : none; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover { |
| text-decoration : underline; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname { |
| font-size : 16px; |
| line-height : normal; |
| margin : 0 0 10px 0; |
| color : #333; |
| font-weight : 700; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName { |
| font-size : 18px; |
| line-height : normal; |
| font-weight : 600; |
| color : #333; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered { |
| font-size : 14px; |
| line-height : normal; |
| color : #bbbbbb; |
| margin-bottom : 10px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince { |
| font-size : 12px; |
| line-height : normal; |
| color : #bbbbbb; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts { |
| font-size : 12px; |
| line-height : normal; |
| color : #bbbbbb; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p { |
| font-size : 14px; |
| line-height : normal; |
| font-weight : 400; |
| margin : 0; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p { |
| margin-top : 2px; |
| } |
| @media screen and (max-width:1024px) { |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { |
| width : 25%; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { |
| font-size : 14px; |
| line-height : normal; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { |
| float : none; |
| width : 100%; |
| border-right : none; |
| padding-right : 0; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon { |
| display : none; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div { |
| padding-bottom : 15px; |
| border-bottom : 1px solid #bbb; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * { |
| display : block; |
| text-align : left; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { |
| font-size : 14px; |
| line-height : normal; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered { |
| margin-left : 0; |
| } |
| } |
| @media screen and (max-width:480px) { |
| .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div { |
| padding-bottom : 15px; |
| } |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { |
| width : 77%; |
| float : left; |
| padding-left : 2%; |
| margin-left : 3%; |
| } |
| @media screen and (max-width:1024px) { |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { |
| width : 70%; |
| } |
| } |
| @media screen and (max-width:768px) { |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { |
| float : none; |
| margin-left : 0; |
| width : 100%; |
| margin-top : 20px; |
| } |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text { |
| padding : 0; |
| margin : 0; |
| font-size : 12px; |
| line-height : normal; |
| padding-top : 10px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p { |
| font-size : 12px; |
| line-height : normal; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote { |
| background : #fff; |
| color : #333; |
| border : none; |
| margin : 0 0 15px 0; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user { |
| color : #333; |
| font-size : 12px; |
| font-weight : 400; |
| line-height : normal; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a { |
| color : #333; |
| font-size : 12px; |
| font-weight : 400; |
| line-height : normal; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text { |
| margin-top : 10px; |
| font-style : italic; |
| color : #bbb; |
| font-size : 12px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before { |
| content : "\f10e"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| font-size : 30px; |
| color : #0067b1; |
| margin-right : 10px; |
| vertical-align : top; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote { |
| margin : -30px 0 10px 35px; |
| padding : 0; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before { |
| font-size : 20px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { |
| border-bottom : 1px solid #bbb; |
| padding-bottom : 5px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu { |
| float : right; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a { |
| font-weight : 400; |
| font-size : 12px; |
| line-height : normal; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon { |
| padding-left : 0; |
| position : relative; |
| top : -4px; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date { |
| float : left; |
| font-size : 12px; |
| line-height : normal; |
| color : #333; |
| font-style : normal; |
| font-size : 13px; |
| color : #bbb; |
| } |
| @media screen and (max-width:768px) { |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { |
| position : absolute; |
| top : 30px; |
| right : 30px; |
| border-bottom : none; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date { |
| float : none; |
| display : inline-block; |
| } |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu { |
| float : none; |
| margin-left : 10px; |
| display : inline-block; |
| } |
| } |
| @media screen and (max-width:480px) { |
| .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { |
| position : relative; |
| top : 0; |
| text-align : right; |
| right : auto; |
| border-bottom : none; |
| } |
| } |
| .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost { |
| border-top : 1px solid #bbbbbb; |
| } |
| .ce-osbee-forum-singlepost:first-of-type { |
| margin-top : 30px; |
| } |
| .f3-widget-paginator { |
| margin : 40px 0 30px 0; |
| text-align : right; |
| } |
| .osbee-forum-empty { |
| display : none; |
| } |
| .osbee-forum-empty.enable { |
| display : block; |
| } |
| p.tx-srfeuserregister-pi1-error { |
| font-size : 13px; |
| line-height : normal; |
| } |
| .blogContentFullWidth { |
| margin-top : 25px; |
| } |
| .blogContent { |
| float : left; |
| width : 73.78%; |
| width : calc(100% - 32.85%); |
| display : block; |
| max-width : 740px; |
| padding : 50px 0; |
| margin-right : 4.85%; |
| padding-top : 0; |
| } |
| .blogContent a { |
| color : #0067b1; |
| } |
| @media screen and (max-width:1020px) { |
| .blogContent { |
| width : 100%; |
| max-width : none; |
| margin-right : 0; |
| float : none; |
| } |
| } |
| .blogSidebar { |
| float : left; |
| width : 23.30%; |
| width : calc(100% - 72%); |
| max-width : 240px; |
| display : block; |
| padding : 50px 0; |
| padding-top : 0; |
| margin-top : 40px; |
| } |
| @media screen and (max-width:1020px) { |
| .blogSidebar { |
| float : none; |
| width : 100%; |
| max-width : none; |
| } |
| } |
| .blogSidebar .csc-header { |
| width : 100%; |
| text-align : left; |
| } |
| .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption { |
| display : inline-block; |
| width : 100%; |
| padding : 0 0 3px 0; |
| border-bottom : 2px solid #fc0; |
| font-weight : bold; |
| margin : 0 0 10px 0; |
| font-size : 16px; |
| line-height : normal; |
| text-transform : none; |
| text-align : left; |
| } |
| .blogSidebar .news { |
| padding : 0; |
| margin-bottom : 40px; |
| } |
| .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption { |
| display : inline-block; |
| width : 100%; |
| padding : 0 0 3px 0; |
| border-bottom : 2px solid #fc0; |
| font-weight : bold; |
| margin : 0 0 10px 0; |
| font-size : 16px; |
| line-height : normal; |
| text-transform : none; |
| text-align : left; |
| } |
| .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after { |
| display : none; |
| } |
| .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice { |
| font-style : normal; |
| margin : 0; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .blogSidebar .blog-subscribe .terms { |
| margin-top : 15px; |
| } |
| .blogSidebar .blog-subscribe .terms .termsInputContainer { |
| float : left; |
| width : 10%; |
| text-align : left; |
| } |
| .blogSidebar .blog-subscribe .terms .termsInputContainer input { |
| width : 15px; |
| height : 15px; |
| border : #c6c6c6 solid 1px; |
| background : #fff; |
| } |
| .blogSidebar .blog-subscribe .terms p { |
| float : left; |
| width : 90%; |
| font-size : 12px; |
| line-height : normal; |
| } |
| .blogSidebar .blog-subscribe .terms p a { |
| padding-left : 0; |
| background-image : none; |
| font-weight : 400; |
| font-size : 12px; |
| line-height : normal; |
| } |
| .blogSidebar .blog-subscribe .terms p span { |
| display : none; |
| } |
| .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input { |
| margin-top : 0; |
| } |
| .news-list-view h3 { |
| margin : 0; |
| } |
| .news-list-view h3 a { |
| text-decoration : none; |
| } |
| .news-list-view h3 a span { |
| font-size : 18px; |
| color : #333; |
| font-weight : normal; |
| } |
| .news-list-view h3:after { |
| content : ""; |
| display : block; |
| width : 50px; |
| height : 5px; |
| background : #fc0; |
| margin : 10px 0 0 0; |
| } |
| .news-list-view .header { |
| display : inline-block; |
| width : 100%; |
| max-width : 470px; |
| max-width : 450px; |
| margin-bottom : 15px; |
| } |
| .news-list-view .article { |
| clear : both; |
| height : 210px; |
| height : auto; |
| border-bottom : 1px solid #fc0; |
| } |
| .news-list-view .article .footer { |
| display : none; |
| } |
| .news-list-view .no-media-element img { |
| width : 250px; |
| height : 187px; |
| } |
| .news-list-view .more { |
| font-size : 15px; |
| line-height : normal; |
| vertical-align : bottom; |
| } |
| .news-list-view .news-img-wrap { |
| display : inline-block; |
| margin : 0 !important ; |
| padding : 0; |
| max-width : 250px; |
| height : 100%; |
| width : 26%; |
| } |
| .news-list-view .news-img-wrap img { |
| max-width : 100%; |
| height : auto; |
| } |
| .news-list-view .news-img-wrap a { |
| margin : 0; |
| padding : 0; |
| border : 0; |
| max-width : 100%; |
| } |
| @media screen and (max-width:640px) { |
| .news-list-view .news-img-wrap { |
| display : none; |
| } |
| } |
| .news-list-view .news-content-wrap { |
| width : 72%; |
| float : left; |
| margin-left : 2%; |
| } |
| .news-list-view .news-content-wrap h3 { |
| margin-bottom : 20px; |
| } |
| @media screen and (max-width:640px) { |
| .news-list-view .news-content-wrap { |
| float : none; |
| width : 100%; |
| margin-left : 0; |
| } |
| } |
| .news-list-view .teaser-text > span { |
| display : block; |
| } |
| .news-list-view .teaser-text ul, .news-list-view .teaser-text ol { |
| padding-left : 0; |
| margin-left : 15px; |
| } |
| .news-list-view .teaser-text .more { |
| display : block; |
| margin-top : 15px; |
| } |
| .news-single { |
| padding : 0; |
| margin-top : 40px; |
| } |
| .news-single .header h3 { |
| font-size : 18px; |
| color : #333; |
| font-weight : normal; |
| margin-bottom : 25px; |
| margin-top : 10px; |
| } |
| .news-single .header h3:after { |
| content : ""; |
| display : block; |
| width : 50px; |
| height : 5px; |
| background : #fc0; |
| margin : 10px 0 0 0; |
| } |
| .news-single .news-text-wrap p { |
| color : #333; |
| } |
| .news-single .footer { |
| border-top : 1px solid #fc0; |
| margin-bottom : 40px; |
| padding : 0; |
| padding-top : 20px; |
| text-align : right; |
| } |
| .news-single .footer p { |
| font-weight : bold; |
| color : #333; |
| margin-bottom : 0; |
| } |
| .news-single .footer span span { |
| padding-right : 0; |
| margin-right : 0; |
| } |
| .news-single .footer .socialmedia { |
| display : none; |
| } |
| .news-single .news-backlink-wrap a { |
| font-size : 15px; |
| line-height : normal; |
| font-weight : bold; |
| color : #333; |
| text-decoration : none; |
| } |
| .news-single .article .news-img-wrap { |
| width : 100%; |
| height : auto; |
| margin-bottom : 30px; |
| float : none; |
| margin : 0; |
| float : left; |
| width : auto; |
| margin-right : 15px; |
| margin-bottom : 25px; |
| max-width : 350px; |
| } |
| @media screen and (max-width:768px) { |
| .news-single .article .news-img-wrap { |
| max-width : none; |
| float : none; |
| margin-right : 0; |
| margin-bottom : 15px; |
| width : 100%; |
| } |
| } |
| .news-single .article .news-img-wrap img { |
| max-width : 100%; |
| height : auto; |
| } |
| .news-single .shareThisPost { |
| float : right; |
| border-left : 1px solid #ddd; |
| padding-left : 10px; |
| } |
| .news-single .news-list-category span { |
| display : inline-block; |
| font-size : 13px; |
| border-right : none; |
| } |
| .news-single .news-list-category span + span:before { |
| content : "|"; |
| display : inline-block; |
| margin : 0 5px 0 2px; |
| } |
| @media screen and (max-width:768px) { |
| .news-single .news-list-category { |
| float : none; |
| width : 100%; |
| display : block; |
| margin-top : 5px; |
| } |
| .news-single .news-list-date { |
| margin-top : 5px; |
| } |
| .news-single .shareThisPost { |
| display : block; |
| width : 100%; |
| float : none; |
| padding-left : 0; |
| border-left : none; |
| } |
| } |
| .news p + ul { |
| margin-top : 15px; |
| } |
| .blogSidebar .news ul li { |
| padding-left : 0; |
| font-weight : 700; |
| } |
| .blogSidebar .news ul li ul li { |
| font-weight : 400; |
| } |
| .blogSidebar .news ul li:before { |
| display : none; |
| } |
| .csc-header { |
| margin : 0; |
| padding : 0; |
| display : inline-block; |
| } |
| .blog-commentContainer { |
| background : #ececec; |
| padding : 15px 10px; |
| } |
| .blog-commentContainer form { |
| margin-bottom : 20px; |
| padding-bottom : 30px; |
| border-bottom : 1px solid #bbbbbb; |
| } |
| .blog-commentContainer form h3 { |
| margin : 5px 0 0 0; |
| } |
| .blog-commentContainer form textarea { |
| resize : none; |
| height : 120px; |
| padding : 10px; |
| width : 100%; |
| margin-top : 10px; |
| color : #bbb; |
| font-size : 18px; |
| line-height : normal; |
| } |
| .blog-commentContainer form textarea + p { |
| font-size : 14px; |
| line-height : normal; |
| color : #bbb; |
| text-align : right; |
| } |
| .blog-commentContainer form input[type="submit"] { |
| display : inline-block; |
| font-size : 15px; |
| line-height : normal; |
| color : #fff; |
| border : none; |
| outline : none; |
| text-align : center; |
| background : #0067b1; |
| text-transform : uppercase; |
| padding : 15px; |
| min-width : 160px; |
| margin-top : -10px; |
| font-weight : 700; |
| cursor : pointer; |
| } |
| .toctoc-comments-pi1 { |
| border-bottom : 1px solid transparent; |
| } |
| .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child { |
| display : none; |
| } |
| .tx-tc-ct-ry-report-line { |
| text-align : right; |
| font-size : 12px; |
| line-height : normal; |
| } |
| .tx-tc-cts-ct-box + .tx-tc-cts-ct-box { |
| border-top : 1px solid #c6c6c6; |
| padding-top : 15px !important ; |
| } |
| .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer { |
| border-top : none; |
| } |
| .blog-usercomment { |
| margin-left : 0 !important ; |
| } |
| .blog-usercomment h3 { |
| margin-bottom : 5px; |
| margin-top : 0; |
| } |
| .blog-usercomment h3 time { |
| display : inline-block; |
| } |
| .blog-usercomment h3 .tx-tc-popularity-pic { |
| display : none; |
| } |
| .blog-usercomment + .blog-usercomment { |
| margin-top : 25px; |
| } |
| .tx-tc-indent-subcmt { |
| background : #fff; |
| padding : 15px 10px !important ; |
| margin-left : 30px; |
| position : relative; |
| } |
| .tx-tc-indent-subcmt h3 { |
| margin-bottom : 10px; |
| margin-top : 0; |
| } |
| .tx-tc-indent-subcmt h3 time { |
| display : inline-block; |
| } |
| .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic { |
| display : none; |
| } |
| .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after { |
| bottom : 100%; |
| left : 50%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .tx-tc-indent-subcmt:before { |
| border-color : rgba(255, 255, 255, 0); |
| border-bottom-color : #fff; |
| border-width : 15px; |
| margin-left : -200px; |
| } |
| .tx-tc-indent-subcmt:after { |
| border-color : rgba(255, 255, 255, 0); |
| border-bottom-color : #fff; |
| border-width : 15px; |
| margin-left : -200px; |
| } |
| .new-socialmedia { |
| font-size : 15px; |
| } |
| .new-socialmedia i { |
| font-size : 22px; |
| } |
| .tx-tc-dtadyn { |
| padding : 0 25px !important ; |
| } |
| .tx-tc-ct-form-field-upload { |
| display : none !important ; |
| } |
| .tx-tc-width100-85 { |
| width : 100%; |
| float : none !important ; |
| } |
| .tx-tc-ct-form-gender { |
| display : none; |
| } |
| .tx-tc-ct-form-field { |
| margin-top : 5px; |
| } |
| .tx-tc-ct-form-field input { |
| background : #fff !important ; |
| border : #c6c6c6 solid 1px; |
| color : #333 !important ; |
| } |
| .tx-tcfh112 { |
| opacity : 1 !important ; |
| } |
| .tx-tc-ct-reqhint { |
| font-size : 12px !important ; |
| line-height : normal !important ; |
| } |
| .latest-news-container { |
| background : #ececec; |
| padding : 40px 0; |
| } |
| .latest-news-container .startpage-latesnews { |
| float : left; |
| width : calc((100% - 60px) / 3); |
| border-bottom : 1px solid #fc0; |
| padding-bottom : 20px; |
| position : relative; |
| } |
| .latest-news-container .startpage-latesnews .news-img-wrap { |
| width : 100%; |
| margin-bottom : 15px; |
| max-width : none; |
| vertical-align : bottom; |
| display : table-cell; |
| } |
| .latest-news-container .startpage-latesnews .news-img-wrap a { |
| display : block; |
| } |
| .latest-news-container .startpage-latesnews .news-img-wrap img { |
| width : 100%; |
| display : block; |
| height : auto; |
| } |
| .latest-news-container .startpage-latesnews .header { |
| width : 100%; |
| height : auto; |
| } |
| .latest-news-container .startpage-latesnews .header h3 { |
| font-weight : 400; |
| } |
| .latest-news-container .startpage-latesnews .header h3 span { |
| font-size : 14px; |
| line-height : 19.6px; |
| font-size : 0.875rem; |
| line-height : 1.225rem; |
| } |
| .latest-news-container .startpage-latesnews .header h3:after { |
| display : none; |
| } |
| .latest-news-container .startpage-latesnews + .startpage-latesnews { |
| margin-left : 30px; |
| } |
| @media screen and (max-width:768px) { |
| .latest-news-container .startpage-latesnews { |
| float : none; |
| width : 100%; |
| } |
| .latest-news-container .startpage-latesnews .news-img-wrap { |
| width : 25%; |
| margin-right : 5%; |
| float : left; |
| } |
| .latest-news-container .startpage-latesnews .teaser-header-container { |
| float : left; |
| width : 70%; |
| padding-left : 25px; |
| } |
| .latest-news-container .startpage-latesnews .teaser-header-container .header { |
| margin-bottom : 0; |
| } |
| .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span { |
| font-size : 15px; |
| line-height : normal; |
| } |
| .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more { |
| margin-top : 5px; |
| } |
| .latest-news-container .startpage-latesnews + .startpage-latesnews { |
| margin-left : 0; |
| margin-top : 30px; |
| } |
| } |
| @media screen and (max-width:520px) { |
| .latest-news-container .startpage-latesnews .news-img-wrap { |
| display : none; |
| } |
| .latest-news-container .startpage-latesnews .teaser-header-container { |
| float : none; |
| width : 100%; |
| } |
| } |
| .rss-feed-button { |
| padding-bottom : 50px; |
| } |
| .rss-feed-button a { |
| width : 100%; |
| text-align : center; |
| } |
| .rss-feed-button a i { |
| font-size : 16px; |
| } |
| .new-socialmedia { |
| padding-right : 0 !important ; |
| } |
| .shariff .orientation-horizontal { |
| display : block !important ; |
| text-align : right !important ; |
| } |
| .shariff .orientation-horizontal.col-5 li { |
| flex : none !important ; |
| min-width : 0 !important ; |
| max-width : none; |
| width : auto !important ; |
| margin-right : 10px !important ; |
| margin-left : 0 !important ; |
| padding : 0; |
| float : none; |
| display : inline-block; |
| margin-bottom : 0; |
| } |
| .shariff .orientation-horizontal.col-5 .fa { |
| border-right : none !important ; |
| padding-right : 0; |
| margin-right : 0; |
| width : auto !important ; |
| line-height : normal; |
| font-size : 13px !important ; |
| } |
| .shariff .orientation-horizontal.col-5 .share_text { |
| display : none; |
| } |
| .shariff .theme-grey .shariff-button.info { |
| border : none; |
| padding-left : 5px; |
| } |
| .shariff .theme-grey .shariff-button.info .share_text { |
| display : none !important ; |
| } |
| .shariff .theme-grey .shariff-button.info a { |
| color : #000; |
| } |
| .shariff .theme-grey .shariff-button a { |
| background : transparent !important ; |
| background-color : transparent !important ; |
| height : auto; |
| line-height : normal; |
| } |
| .shariff .theme-grey .shariff-button a span { |
| color : #333; |
| } |
| .shariff .theme-grey .shariff-button a span:before { |
| color : #333; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive { |
| font-family : "Open Sans", sans-serif; |
| border : none !important ; |
| padding : 10px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu { |
| border : none; |
| margin-bottom : 25px; |
| font-size : 15px; |
| line-height : normal; |
| border-bottom : 1px solid #0067b1; |
| padding-bottom : 10px; |
| background : transparent; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover { |
| border-bottom : 1px solid #0067b1; |
| background : transparent !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle { |
| color : #333; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop { |
| width : 18px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt { |
| height : auto !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea { |
| height : 150px; |
| padding : 10px 15px !important ; |
| font-size : 15px; |
| line-height : normal !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin { |
| background : #be1622; |
| color : #fff; |
| font-size : 15px; |
| padding : 5px 10px; |
| margin-left : 4.5% !important ; |
| font-family : "Open Sans", sans-serif; |
| opacity : 1; |
| border-radius : 0; |
| border : none !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp { |
| opacity : 1 !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage { |
| height : auto; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm { |
| margin-bottom : 20px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis { |
| height : auto; |
| margin-bottom : 20px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav { |
| height : auto; |
| width : 100% !important ; |
| border : none !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight { |
| background : transparent; |
| border : none; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel { |
| padding : 10px; |
| right : -2px; |
| top : 28px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox { |
| font-size : 14px; |
| line-height : normal; |
| font-weight : 600; |
| color : #0067b1; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink { |
| color : #0067b1; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected { |
| color : #be1622; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular { |
| border : none; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box { |
| margin : 0; |
| padding : 0 10px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate { |
| font-size : 12px; |
| line-height : normal; |
| color : #333; |
| display : block; |
| margin-top : 2px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text { |
| font-size : 15px; |
| line-height : normal; |
| color : #333; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img { |
| display : none; |
| } |
| @media screen and (max-width:480px) { |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text { |
| font-size : 12px; |
| line-height : normal; |
| } |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box { |
| margin-top : 25px; |
| padding-top : 25px !important ; |
| border-top : 1px solid #0067b1; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply { |
| border : none !important ; |
| padding : 0 !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt { |
| padding-left : 25px !important ; |
| width : 100% !important ; |
| background : #f6f7f8; |
| padding-top : 0 !important ; |
| border-top : none; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after { |
| display : none !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox { |
| position : relative; |
| background : #fff; |
| border : #fff solid 4px; |
| padding : 10px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before { |
| bottom : 100%; |
| left : 12%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after { |
| border-color : rgba(191, 30, 46, 0); |
| border-bottom-color : #fff; |
| border-width : 25px; |
| margin-left : -25px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before { |
| border-color : rgba(191, 30, 46, 0); |
| border-bottom-color : #fff; |
| border-width : 20px; |
| margin-left : -20px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 { |
| padding : 0; |
| height : 32px; |
| margin-right : 10px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text { |
| padding-top : 0 !important ; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate { |
| margin-left : 42px; |
| } |
| .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp { |
| margin-left : 25px !important ; |
| width : calc(100% - 25px) !important ; |
| } |
| .tx-felogin-pi1 { |
| background-color : #ececec; |
| padding : 30px 17px 70px 17px; |
| margin-bottom : 50px; |
| } |
| .tx-felogin-pi1 h3 { |
| font-family : "Quicksand", sans-serif; |
| font-weight : 700; |
| text-transform : uppercase; |
| color : #333; |
| font-size : 24px; |
| line-height : normal; |
| text-align : left; |
| margin-bottom : 20px; |
| } |
| .tx-felogin-pi1 h3:after { |
| content : ""; |
| display : block; |
| width : 50px; |
| height : 5px; |
| background : #fc0; |
| margin : 10px 0 0 0; |
| } |
| .tx-felogin-pi1 form fieldset { |
| border : none; |
| padding : 0; |
| } |
| .tx-felogin-pi1 form fieldset > div { |
| width : 400px; |
| } |
| .tx-felogin-pi1 form fieldset > div > div { |
| border : #c6c6c6 solid 1px; |
| display : inline-block; |
| float : left; |
| width : 49%; |
| height : 53px; |
| line-height : 53px; |
| margin-top : 20px; |
| padding-left : 10px; |
| } |
| .tx-felogin-pi1 form fieldset > div > div:first-child { |
| margin-right : 2%; |
| } |
| .tx-felogin-pi1 form fieldset > div label { |
| display : inline-block; |
| } |
| .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] { |
| width : 100%; |
| height : 55px; |
| border : #c6c6c6 solid 1px; |
| padding : 10px; |
| color : #333; |
| font-size : 15px; |
| } |
| .tx-felogin-pi1 form fieldset > div input[type="submit"] { |
| background : none 0% 0% repeat scroll #0067b1; |
| font-size : 1rem; |
| line-height : 1.4rem; |
| text-transform : uppercase; |
| color : #fff; |
| padding : 15px 60px; |
| margin-top : 20px; |
| border : none medium; |
| outline : medium none; |
| font-weight : 700; |
| cursor : pointer; |
| width : 100%; |
| } |
| @media screen and (max-width:485px) { |
| .tx-felogin-pi1 form fieldset > div { |
| width : 100%; |
| } |
| .tx-felogin-pi1 form fieldset > div > div { |
| width : 100%; |
| } |
| .tx-felogin-pi1 form fieldset > div > div:first-child { |
| margin-right : 0; |
| } |
| } |
| .tx-felogin-pi1 .felogin-links { |
| padding-top : 4px; |
| width : 400px; |
| } |
| .tx-felogin-pi1 .felogin-links > div { |
| display : inline-block; |
| float : right; |
| } |
| .tx-felogin-pi1 .felogin-links > div:first-child { |
| float : left; |
| } |
| .tx-felogin-pi1 .felogin-links > div a { |
| color : #333; |
| font-weight : normal; |
| } |
| @media screen and (max-width:485px) { |
| .tx-felogin-pi1 .felogin-links { |
| width : 100%; |
| } |
| .tx-felogin-pi1 .felogin-links > div { |
| display : block; |
| float : none; |
| margin-top : 5px; |
| } |
| .tx-felogin-pi1 .felogin-links > div:first-child { |
| float : none; |
| } |
| } |
| .tx-sy-osbeeproducts { |
| padding : 0 0 40px 0; |
| } |
| .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption { |
| font-weight : 700; |
| color : #0067b1; |
| font-size : 18px; |
| line-height : normal; |
| display : block; |
| margin : 0 0 5px 0; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps { |
| margin-bottom : 40px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table { |
| border-spacing : 0; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type { |
| border-left : 1px solid #c6c6c6; |
| border-right : 1px solid #c6c6c6; |
| border-top : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td { |
| background : #ececec; |
| padding : 10px 0 10px 10px; |
| height : 40px; |
| color : #313131; |
| font-weight : 700; |
| border-bottom : 1px solid #c6c6c6; |
| border-left : 1px solid #c6c6c6; |
| border-top : 1px solid #c6c6c6; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { |
| background : #d7d7d7; |
| padding : 10px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) { |
| text-align : right; |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { |
| text-align : right; |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) { |
| padding : 10px 0; |
| border-left : none; |
| text-align : center; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row { |
| border-bottom : 1px solid #c6c6c6; |
| border-left : 1px solid #c6c6c6; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td { |
| background : #fff; |
| padding : 10px 0 10px 10px; |
| color : #313131; |
| font-weight : 400; |
| border-left : 1px solid #c6c6c6; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type { |
| color : #0067b1; |
| text-decoration : none; |
| font-weight : 700; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) { |
| padding : 0 10px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) { |
| text-align : right; |
| padding-right : 10px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) { |
| padding : 10px 0; |
| text-align : center; |
| padding-left : 10px; |
| padding-right : 10px; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i { |
| font-size : 20px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a { |
| margin : 0; |
| padding : 0; |
| background : transparent; |
| border : none; |
| color : #be1622; |
| font-size : 20px; |
| font-weight : 700; |
| text-decoration : none; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover { |
| text-decoration : none; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td { |
| font-size : 15px; |
| line-height : normal; |
| border-left : 1px solid #c6c6c6; |
| border-top : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type { |
| font-size : 15px; |
| line-height : normal; |
| font-weight : 700; |
| color : #333; |
| text-align : left; |
| padding : 10px; |
| background : #ececec; |
| height : 40px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) { |
| font-size : 15px; |
| line-height : normal; |
| font-weight : 700; |
| text-align : right; |
| padding : 10px; |
| background : #d7d7d7; |
| height : 40px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) { |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| text-align : right; |
| background : #ececec; |
| padding : 10px; |
| height : 40px; |
| } |
| .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type { |
| min-height : 1px; |
| background : #ececec; |
| height : 40px; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td { |
| padding : 10px; |
| font-size : 15px; |
| font-weight : 700; |
| line-height : normal; |
| background : #ececec; |
| border-top : 1px solid #c6c6c6; |
| border-left : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) { |
| background : #d7d7d7; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) { |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) { |
| text-align : right; |
| padding-right : 10px; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) { |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) { |
| border-right : 1px solid #c6c6c6; |
| text-align : center; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td { |
| border-left : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) { |
| border-left : none; |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) { |
| border-left : none; |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) { |
| border-left : none; |
| text-align : right; |
| padding-right : 10px; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) { |
| padding : 10px 0; |
| text-align : center; |
| padding-left : 10px; |
| padding-right : 10px; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i { |
| font-size : 20px; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a { |
| margin : 0; |
| padding : 0; |
| background : transparent; |
| border : none; |
| color : #be1622; |
| font-size : 20px; |
| font-weight : 700; |
| text-decoration : none; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover { |
| text-decoration : none; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td { |
| padding : 10px; |
| border-top : none; |
| font-weight : 700; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) { |
| background : #ececec; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type { |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules { |
| padding-bottom : 80px; |
| margin-bottom : 80px; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table { |
| border-spacing : 0; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td { |
| padding : 10px; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| background : #ececec; |
| border-top : 1px solid #c6c6c6; |
| border-left : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) { |
| background : #d7d7d7; |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type { |
| border-left : none; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr.row td { |
| font-size : 15px; |
| line-height : normal; |
| padding : 10px; |
| border-left : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type { |
| color : #0067b1; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type { |
| border-right : 1px solid #c6c6c6; |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td { |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| height : 40px; |
| padding : 10px; |
| border-left : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div { |
| font-size : 15px; |
| line-height : normal; |
| font-weight : 700; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) { |
| background : #d7d7d7; |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) { |
| background : #ececec; |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type { |
| background : #ececec; |
| border-right : 1px solid #c6c6c6; |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport { |
| margin-bottom : 40px; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div { |
| float : left; |
| width : calc((100% - 30px) / 4); |
| background : #ececec; |
| border : #c6c6c6 solid 1px; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName { |
| margin-top : 10px; |
| margin-right : 10px; |
| padding : 10px; |
| font-size : 18px; |
| line-height : normal; |
| color : #fff; |
| font-weight : 700; |
| text-transform : uppercase; |
| letter-spacing : 3px; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div .container { |
| padding : 10px; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport { |
| width : 20px; |
| height : 20px; |
| display : inline-block; |
| margin : 0 5px 0 0; |
| vertical-align : bottom; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div .container div { |
| display : inline-block; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div .container a { |
| color : #0067b1; |
| font-size : 15px; |
| text-decoration : none; |
| display : block; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover { |
| text-decoration : underline; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName { |
| background : #d1d1d1; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName { |
| background : #fc0; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName { |
| background : #777372; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName { |
| background : #3a3a3a; |
| } |
| .tx-sy-osbeeproducts .os_cartSupport > div + div { |
| margin-left : 10px; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport { |
| margin-bottom : 40px; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div { |
| float : left; |
| width : calc((100% - 20px) / 3); |
| background : #ececec; |
| border : #c6c6c6 solid 1px; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName { |
| margin-top : 10px; |
| margin-right : 10px; |
| padding : 10px; |
| font-size : 18px; |
| line-height : normal; |
| color : #fff; |
| font-weight : 700; |
| text-transform : uppercase; |
| letter-spacing : 1px; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div .container { |
| padding : 10px; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport { |
| width : 20px; |
| height : 20px; |
| display : inline-block; |
| margin : 0 5px 0 0; |
| vertical-align : bottom; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div .container div { |
| display : inline-block; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div .container a { |
| color : #0067b1; |
| font-size : 15px; |
| text-decoration : none; |
| display : block; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover { |
| text-decoration : underline; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName { |
| background : #88b3d6; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName { |
| background : #3f83c0; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName { |
| background : #105b9e; |
| } |
| .tx-sy-osbeeproducts .os_carAppSupport > div + div { |
| margin-left : 10px; |
| } |
| .tx-sy-osbeeproducts .overviewSupport { |
| margin-bottom : 80px; |
| padding-bottom : 80px; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table { |
| border-spacing : 0; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td { |
| font-size : 15px; |
| line-height : normal; |
| font-weight : 700; |
| padding : 10px; |
| background : #ececec; |
| border-top : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type { |
| border-left : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type { |
| text-align : right; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td { |
| font-size : 15px; |
| line-height : normal; |
| padding : 10px; |
| border-bottom : 1px solid #c6c6c6; |
| border-left : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport { |
| font-weight : 700; |
| color : #0067b1; |
| font-size : 15px; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) { |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type { |
| border-left : none; |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td { |
| font-size : 15px; |
| line-height : normal; |
| padding : 10px; |
| border-left : 1px solid #c6c6c6; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type { |
| border-right : 1px solid #c6c6c6; |
| border-left : none; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td { |
| background : #ececec; |
| height : 40px; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| padding : 10px; |
| border-bottom : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type { |
| border-left : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) { |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type { |
| border-right : 1px solid #c6c6c6; |
| } |
| .tx-sy-osbeeproducts .lastStep { |
| border : #c6c6c6 solid 1px; |
| background : #ececec; |
| } |
| .tx-sy-osbeeproducts .lastStep table { |
| border-spacing : 0; |
| } |
| .tx-sy-osbeeproducts .lastStep table tr td { |
| padding : 0 10px 2px 10px; |
| font-size : 15px; |
| line-height : normal; |
| text-align : right; |
| } |
| .tx-sy-osbeeproducts .lastStep table tr:first-of-type td { |
| padding-top : 10px; |
| } |
| .tx-sy-osbeeproducts .lastStep table tr:last-of-type td { |
| font-weight : 700; |
| padding-bottom : 10px; |
| } |
| .tx-sy-osbeeproducts .linkInActive { |
| background : #bbbbbb; |
| color : #fff; |
| padding : 10px 20px; |
| text-transform : uppercase; |
| font-weight : 700; |
| font-size : 18px; |
| line-height : normal; |
| float : left; |
| margin-top : 20px; |
| border : none; |
| cursor : pointer; |
| } |
| .tx-sy-osbeeproducts .tooltipp { |
| display : none; |
| position : absolute; |
| background-color : #dddddd; |
| padding : 10px 20px; |
| color : black; |
| font-size : 18px; |
| margin-left : 120px; |
| float : left; |
| margin-top : 20px; |
| } |
| .tx-sy-osbeeproducts .checkoutOption { |
| margin-top : 20px; |
| } |
| .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit { |
| background : #be1622; |
| color : #fff; |
| padding : 10px 20px; |
| text-transform : uppercase; |
| font-weight : 700; |
| font-size : 18px; |
| line-height : normal; |
| float : right; |
| border : none; |
| cursor : pointer; |
| } |
| .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue { |
| background : #0067b1; |
| color : #fff; |
| padding : 10px 20px; |
| text-transform : uppercase; |
| font-weight : 700; |
| font-size : 18px; |
| line-height : normal; |
| float : left; |
| border : none; |
| cursor : pointer; |
| } |
| .step3YourData, .mp-contentContainer.checkout .step3YourOrder { |
| padding-bottom : 80px; |
| margin-bottom : 80px; |
| border-bottom : 1px solid #bcbcbc; |
| border-spacing : 0; |
| width : 100%; |
| } |
| .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption { |
| font-weight : 700; |
| color : #1268b3; |
| font-size : 18px; |
| line-height : normal; |
| display : block; |
| margin : 0 0 2px 0; |
| text-align : left; |
| } |
| .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td { |
| padding : 10px; |
| font-weight : 700; |
| font-size : 14px; |
| line-height : normal; |
| background : #f5f5f5; |
| border-top : 1px solid #bcbcbc; |
| border-left : 1px solid #bcbcbc; |
| border-bottom : 1px solid #bcbcbc; |
| } |
| .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) { |
| background : #d7d7d7; |
| } |
| .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type { |
| border-left : none; |
| border-right : 1px solid #bcbcbc; |
| } |
| .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td { |
| font-size : 14px; |
| line-height : normal; |
| padding : 10px; |
| border-left : 1px solid #bcbcbc; |
| border-bottom : 1px solid #bcbcbc; |
| border-right : 1px solid #bcbcbc; |
| } |
| .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type { |
| color : #1268b3; |
| font-weight : 700; |
| font-size : 14px; |
| line-height : normal; |
| border-right : none; |
| } |
| .orderlist table { |
| margin-bottom : 80px; |
| border-spacing : 0; |
| width : 100%; |
| } |
| .orderlist table caption { |
| font-weight : 700; |
| color : #1268b3; |
| font-size : 18px; |
| line-height : normal; |
| display : block; |
| margin : 0 0 2px 0; |
| text-align : left; |
| } |
| .orderlist table tr:first-of-type th { |
| padding : 10px; |
| font-weight : 700; |
| font-size : 14px; |
| line-height : normal; |
| background : #f5f5f5; |
| border-top : 1px solid #bcbcbc; |
| border-left : 1px solid #bcbcbc; |
| border-bottom : 1px solid #bcbcbc; |
| text-align : left; |
| } |
| .orderlist table tr:first-of-type th:nth-of-type(3) { |
| text-align : center; |
| } |
| .orderlist table tr:first-of-type th:nth-of-type(4) { |
| text-align : right; |
| } |
| .orderlist table tr:first-of-type th:last-of-type { |
| border-right : 1px solid #bcbcbc; |
| } |
| .orderlist table tr td { |
| font-size : 14px; |
| line-height : normal; |
| padding : 10px; |
| border-left : 1px solid #bcbcbc; |
| border-bottom : 1px solid #bcbcbc; |
| } |
| .orderlist table tr td:nth-of-type(3) { |
| text-align : center; |
| } |
| .orderlist table tr td:nth-of-type(4) { |
| text-align : right; |
| } |
| .orderlist table tr td:last-of-type { |
| border-right : 1px solid #bcbcbc; |
| } |
| .step3YourOrder { |
| width : 100%; |
| border-spacing : 0; |
| margin-bottom : 80px; |
| } |
| .step3YourOrder caption { |
| text-align : left; |
| font-size : 18px; |
| color : #0067b1; |
| font-weight : 700; |
| padding-bottom : 5px; |
| } |
| .step3YourOrder tr td { |
| font-size : 14px; |
| line-height : normal; |
| padding : 10px; |
| border-top : 1px solid #bcbcbc; |
| border-right : 1px solid #bcbcbc; |
| } |
| .step3YourOrder tr td:first-of-type { |
| width : 35%; |
| font-weight : 700; |
| border-left : 1px solid #bcbcbc; |
| } |
| .step3YourOrder tr:last-of-type td { |
| border-bottom : 1px solid #bcbcbc; |
| } |
| .step3YourOrder tr:nth-child(odd) { |
| background : #f5f5f5; |
| } |
| .backToListButton { |
| margin-bottom : 40px; |
| } |
| .mp-contentContainer.checkout h1 { |
| font-size : 20px; |
| line-height : normal; |
| margin-bottom : 80px; |
| font-weight : 700; |
| text-transform : none; |
| } |
| @media screen and (max-width:480px) { |
| .mp-contentContainer.checkout h1 { |
| font-size : 18px; |
| margin-bottom : 40px; |
| } |
| } |
| .mp-contentContainer.checkout .checkout_optionText { |
| padding : 25px 40px; |
| border : #bcbcbc solid 1px; |
| } |
| @media screen and (max-width:480px) { |
| .mp-contentContainer.checkout .checkout_optionText { |
| padding : 15px 20px; |
| } |
| } |
| .mp-contentContainer.checkout .checkout_optionText strong { |
| display : block; |
| font-weight : 700; |
| color : #333; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .mp-contentContainer.checkout .checkout_optionText p { |
| margin : 10px 0 0 0; |
| } |
| .mp-contentContainer.checkout .checkout_paymentOption { |
| padding : 25px 40px; |
| background : #f5f5f5; |
| border : #bcbcbc solid 1px; |
| margin-top : 15px; |
| } |
| @media screen and (max-width:480px) { |
| .mp-contentContainer.checkout .checkout_paymentOption { |
| padding : 15px 20px; |
| } |
| } |
| .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption { |
| color : #333; |
| margin-bottom : 25px; |
| font-size : 24px; |
| line-height : normal; |
| text-transform : uppercase; |
| } |
| @media screen and (max-width:480px) { |
| .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption { |
| font-size : 18px; |
| line-height : normal; |
| } |
| } |
| .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) { |
| padding : 15px 20px; |
| border : #bcbcbc solid 1px; |
| background : #fff; |
| } |
| .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input { |
| display : inline-block; |
| } |
| .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label { |
| vertical-align : bottom; |
| display : inline-block; |
| margin-left : 10px; |
| font-size : 20px; |
| font-weight : 700; |
| line-height : normal; |
| } |
| @media screen and (max-width:480px) { |
| .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label { |
| font-size : 14px; |
| line-height : normal; |
| margin-left : 5px; |
| } |
| } |
| .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div { |
| margin-top : 10px; |
| } |
| .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] { |
| display : inline-block; |
| margin-top : 20px; |
| background : #0067b1; |
| border : none; |
| color : #fff; |
| text-transform : uppercase; |
| font-weight : 700; |
| font-size : 18px; |
| line-height : normal; |
| padding : 8px 16px; |
| cursor : pointer; |
| } |
| @media screen and (max-width:480px) { |
| .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] { |
| font-size : 14px; |
| line-height : normal; |
| } |
| } |
| .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder { |
| width : 100%; |
| border-spacing : 0; |
| } |
| .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption { |
| text-align : left; |
| font-size : 18px; |
| color : #0067b1; |
| font-weight : 700; |
| padding-bottom : 5px; |
| } |
| .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td { |
| font-size : 15px; |
| line-height : normal; |
| padding : 10px; |
| border-top : 1px solid #bcbcbc; |
| border-right : 1px solid #bcbcbc; |
| } |
| .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type { |
| width : 35%; |
| font-weight : 700; |
| border-left : 1px solid #bcbcbc; |
| } |
| .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td { |
| border-bottom : 1px solid #bcbcbc; |
| } |
| .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) { |
| background : #f5f5f5; |
| } |
| .mp-contentContainer.checkout .step3YourOrder { |
| margin-top : 40px; |
| } |
| .mp-contentContainer.checkout .step3CheckoutButton { |
| color : #fff; |
| text-decoration : none; |
| background : #0067b1; |
| font-size : 18px; |
| line-height : normal; |
| padding : 8px 16px; |
| border : none; |
| cursor : pointer; |
| display : inline-block; |
| margin-top : 20px; |
| } |
| .checkout_thankyou { |
| border : #bcbcbc solid 1px; |
| padding : 25px 40px; |
| margin : 40px 0; |
| } |
| .checkout_thankyou strong { |
| display : block; |
| font-weight : 700; |
| color : #333; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .checkout_thankyou p { |
| margin : 10px 0 0 0; |
| } |
| .tx-contentpackage-checkoutFormular div { |
| display : block; |
| } |
| .tx-contentpackage-checkoutFormular div label { |
| width : 25%; |
| text-align : right; |
| padding-right : 1em; |
| float : left; |
| height : 55px; |
| vertical-align : middle; |
| line-height : 55px; |
| } |
| .tx-contentpackage-checkoutFormular div input { |
| text-align : left; |
| width : 50%; |
| float : left; |
| height : 55px; |
| border : #bbb solid 1px; |
| padding : 10px; |
| } |
| .tx-contentpackage-checkoutFormular div + div { |
| margin-top : 5px; |
| } |
| @media screen and (max-width:600px) { |
| .tx-contentpackage-checkoutFormular div label { |
| display : block; |
| width : 100%; |
| float : none; |
| height : auto; |
| text-align : left; |
| } |
| .tx-contentpackage-checkoutFormular div input { |
| float : none; |
| display : block; |
| width : 100%; |
| } |
| } |
| .tx-contentpackage-checkoutFormular input[type="submit"] { |
| background : #0067b1; |
| font-size : 15px; |
| line-height : 22.4px; |
| font-size : 1rem; |
| line-height : 1.4rem; |
| text-transform : uppercase; |
| color : #fff; |
| padding : 15px; |
| margin-top : 30px; |
| border : none; |
| outline : none; |
| font-weight : 700; |
| cursor : pointer; |
| margin-left : 25%; |
| } |
| @media screen and (max-width:600px) { |
| .tx-contentpackage-checkoutFormular input[type="submit"] { |
| margin-left : 0; |
| } |
| } |
| .checkoutSteps { |
| margin-bottom : 40px; |
| text-align : center; |
| } |
| .checkoutSteps .step { |
| display : inline-block; |
| position : relative; |
| background : #ccc; |
| border : #fff solid 4px; |
| border-bottom : none; |
| border-top : none; |
| padding-left : 10px; |
| padding-right : 10px; |
| z-index : 10; |
| color : #fff; |
| font-weight : 700; |
| font-size : 16px; |
| height : 47px; |
| line-height : 46px; |
| } |
| .checkoutSteps .step.active { |
| background : #0067b1; |
| } |
| .checkoutSteps .step.active:after { |
| border-left-color : #0067b1; |
| } |
| .checkoutSteps .step:after, .checkoutSteps .step:before { |
| left : 100%; |
| top : 50%; |
| border : transparent solid; |
| content : " "; |
| height : 0; |
| width : 0; |
| position : absolute; |
| } |
| .checkoutSteps .step:after { |
| border-color : rgba(204, 204, 204, 0); |
| border-left-color : #ccc; |
| border-width : 23px; |
| margin-top : -23px; |
| } |
| .checkoutSteps .step:before { |
| border-color : rgba(255, 255, 255, 0); |
| border-left-color : #fff; |
| border-width : 28px; |
| margin-top : -28px; |
| } |
| .checkoutSteps .step + .step { |
| padding-left : 30px; |
| z-index : 9; |
| margin-left : -4px; |
| } |
| .checkoutSteps .step + .step + .step { |
| z-index : 8; |
| } |
| .checkoutSteps .step + .step + .step + .step { |
| z-index : 7; |
| } |
| .checkoutError { |
| background : #be1622; |
| color : #fff; |
| font-weight : 700; |
| font-size : 15px; |
| line-height : normal; |
| text-align : center; |
| margin-bottom : 40px; |
| display : block; |
| padding : 5px 10px; |
| } |
| .tx-indexedsearch-searchbox { |
| padding-top : 50px; |
| padding-bottom : 50px; |
| } |
| .tx-indexedsearch-searchbox form label { |
| font-size : 16px; |
| line-height : normal; |
| color : #333; |
| display : block; |
| } |
| .tx-indexedsearch-searchbox form input[type="text"] { |
| height : 25px; |
| border : #c6c6c6 solid 1px; |
| font-size : 12px; |
| min-width : 280px; |
| padding : 0 5px; |
| } |
| .tx-indexedsearch-searchbox form input[type="submit"] { |
| display : block; |
| background : #be1622; |
| color : #fff; |
| border : none; |
| font-size : 15px; |
| padding : 5px 10px; |
| margin-top : 5px; |
| min-width : 280px; |
| } |
| .suchergebnis { |
| padding-bottom : 50px; |
| } |
| .tx-indexedsearch-browsebox { |
| list-style-type : none; |
| margin : 0; |
| padding : 0; |
| } |
| .tx-indexedsearch-browsebox ul { |
| list-style-type : none; |
| margin-top : 15px; |
| margin-bottom : 15px; |
| } |
| .tx-indexedsearch-browsebox li { |
| float : left; |
| } |
| .tx-indexedsearch-browsebox li a { |
| color : #c6c6c6; |
| text-decoration : none; |
| } |
| .tx-indexedsearch-browsebox li + li { |
| margin-left : 10px; |
| } |
| .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a { |
| color : #be1622; |
| } |
| .tx-indexedsearch-browsebox + .tx-indexedsearch-res { |
| margin-top : 40px; |
| } |
| .tx-indexedsearch-res + .tx-indexedsearch-res { |
| margin-top : 25px; |
| padding-top : 25px; |
| border-top : 1px solid #c6c6c6; |
| } |
| .tx-indexedsearch-res + .tx-indexedsearch-browsebox { |
| margin-top : 40px; |
| } |
| .tx-srfeuserregister-pi1 { |
| margin-bottom : 50px; |
| float : left; |
| width : 70%; |
| } |
| .tx-srfeuserregister-pi1 p { |
| padding : 0; |
| } |
| .tx-srfeuserregister-pi1 p.textOverSendButton { |
| position : relative; |
| margin : 0; |
| padding : 0; |
| clear : both; |
| margin-bottom : -10px; |
| padding-top : 25px; |
| } |
| .tx-srfeuserregister-pi1 p.textOverSendButton + dt { |
| display : none; |
| } |
| .tx-srfeuserregister-pi1 .customRegisterCheckbox { |
| position : relative; |
| padding-left : 30px; |
| margin-top : 10px; |
| } |
| .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a { |
| font-size : 12px; |
| line-height : normal; |
| } |
| .tx-srfeuserregister-pi1 .customRegisterCheckbox a { |
| background : transparent; |
| padding-left : 0; |
| } |
| .tx-srfeuserregister-pi1 .customRegisterCheckbox input { |
| position : absolute; |
| left : 0; |
| top : 1px; |
| } |
| .tx-srfeuserregister-pi1 fieldset { |
| border : none; |
| padding : 0; |
| margin : 0; |
| } |
| .tx-srfeuserregister-pi1 fieldset legend { |
| display : none; |
| } |
| .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption { |
| font-size : 18px; |
| line-height : normal; |
| text-align : left; |
| margin : 0 0 5px 0; |
| } |
| .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after { |
| margin : 10px 0 0 0; |
| } |
| .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p { |
| margin : 0 0 25px 0; |
| } |
| .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file { |
| padding : 30px 0; |
| } |
| .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label { |
| font-size : 15px; |
| line-height : normal; |
| display : block; |
| margin-bottom : 10px; |
| } |
| .tx-srfeuserregister-pi1 fieldset label { |
| height : 55px; |
| vertical-align : middle; |
| } |
| .tx-srfeuserregister-pi1 fieldset dd { |
| width : 100%; |
| } |
| .tx-srfeuserregister-pi1 fieldset dt { |
| text-align : left; |
| } |
| .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select { |
| width : 325px; |
| width : 100%; |
| height : 55px; |
| border : #bbb solid 1px; |
| padding : 10px; |
| color : #333; |
| font-size : 18px; |
| } |
| .tx-srfeuserregister-pi1 fieldset input[type="submit"] { |
| background : #0067b1; |
| font-size : 15px; |
| line-height : normal; |
| text-transform : uppercase; |
| color : #fff; |
| padding : 15px; |
| margin-top : 30px; |
| border : none; |
| outline : none; |
| font-weight : 700; |
| cursor : pointer; |
| width : 100%; |
| text-align : center; |
| } |
| .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged { |
| display : inline-block; |
| } |
| .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p { |
| display : inline-block; |
| } |
| .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms { |
| display : inline-block; |
| } |
| .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] { |
| float : left; |
| margin-top : 15px; |
| } |
| .tx-srfeuserregister-pi1 fieldset input[type="password"] { |
| margin-right : 0; |
| } |
| .tx-srfeuserregister-pi1 fieldset .formwrap > div { |
| float : left; |
| width : 48%; |
| } |
| .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input { |
| width : 100%; |
| } |
| .tx-srfeuserregister-pi1 fieldset .formwrap > div + div { |
| margin-left : 3.5%; |
| } |
| .tx-srfeuserregister-pi1 fieldset .jobrole input { |
| margin-top : 7px; |
| } |
| .tx-srfeuserregister-pi1 fieldset .terms input { |
| display : inline-block; |
| } |
| .tx-srfeuserregister-pi1 fieldset .terms p { |
| margin : 0; |
| display : inline-block; |
| } |
| .tx-srfeuserregister-pi1 fieldset .terms p a { |
| color : #0067b1; |
| font-size : 15px; |
| line-height : normal; |
| text-decoration : none; |
| } |
| .tx-srfeuserregister-pi1 fieldset .terms p a:hover { |
| text-decoration : underline; |
| } |
| @media screen and (max-width:800px) { |
| .tx-srfeuserregister-pi1 { |
| float : none; |
| width : 100%; |
| } |
| .tx-srfeuserregister-pi1 dt { |
| width : 30%; |
| } |
| .tx-srfeuserregister-pi1 dd { |
| width : 70%; |
| } |
| } |
| @media screen and (max-width:600px) { |
| .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { |
| width : 100%; |
| } |
| .tx-srfeuserregister-pi1 dt { |
| display : block; |
| margin-top : 5px; |
| text-align : left; |
| } |
| .tx-srfeuserregister-pi1 fieldset .formwrap > div { |
| width : 100%; |
| } |
| .tx-srfeuserregister-pi1 fieldset .formwrap > div + div { |
| margin-left : 0; |
| } |
| .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select { |
| width : 100%; |
| } |
| } |
| .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { |
| padding-top : 0; |
| } |
| .community-forum-news { |
| padding : 25px 0; |
| background : #ececec; |
| } |
| .community-forum-news > .inner > div { |
| float : left; |
| width : calc((100% - 20px) / 2); |
| } |
| .community-forum-news > .inner > div.news { |
| margin-left : 20px; |
| padding-top : 8px; |
| } |
| @media screen and (max-width:1100px) { |
| .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner { |
| padding : 0 !important ; |
| } |
| } |
| .community-forum-news > .inner > div.news .latest-news-container { |
| padding : 0; |
| margin-top : 42px; |
| padding-top : 44px; |
| padding-left : 84px; |
| } |
| @media screen and (max-width:980px) { |
| .community-forum-news > .inner > div.news .latest-news-container { |
| padding-top : 0; |
| margin-top : 0; |
| padding-left : 0; |
| } |
| } |
| .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption { |
| text-align : left; |
| position : relative; |
| top : -44px; |
| } |
| @media screen and (max-width:768px) { |
| .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption { |
| top : auto; |
| } |
| } |
| .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after { |
| margin : 10px 0 10px 0; |
| } |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-article { |
| position : relative; |
| top : -44px; |
| } |
| @media screen and (max-width:768px) { |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-article { |
| top : auto; |
| } |
| } |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more { |
| position : relative; |
| top : 44px; |
| } |
| @media screen and (max-width:768px) { |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more { |
| top : auto; |
| } |
| } |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews { |
| margin-top : 20px; |
| width : calc((100% - 30px) / 2); |
| } |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header { |
| margin-top : 10px; |
| } |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span { |
| font-size : 15px; |
| font-weight : 600; |
| line-height : normal; |
| } |
| @media screen and (max-width:768px) { |
| .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews { |
| width : 100%; |
| } |
| } |
| .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption { |
| text-align : left; |
| text-transform : none; |
| } |
| .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after { |
| margin : 10px 0 10px 0; |
| } |
| .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div { |
| padding : 10px; |
| } |
| @media screen and (max-width:980px) { |
| .community-forum-news > .inner > div { |
| float : none; |
| width : 100%; |
| margin-left : 0 !important ; |
| max-width : none; |
| } |
| } |
| .zweispaltig-unterseiten-layout { |
| max-width : 1030px; |
| width : 100%; |
| margin-left : auto; |
| margin-right : auto; |
| } |
| @media screen and (max-width:1100px) { |
| .zweispaltig-unterseiten-layout { |
| padding : 0 25px; |
| } |
| } |
| .leftSidebar { |
| float : left; |
| width : 23.30%; |
| width : calc(100% - 72%); |
| max-width : 240px; |
| display : block; |
| padding : 50px 0; |
| padding-top : 0; |
| margin-top : 40px; |
| min-height : 1px; |
| } |
| .leftSidebar .leftMenu { |
| float : none; |
| width : 100%; |
| margin-top : 0; |
| } |
| .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner { |
| padding : 0 !important ; |
| } |
| @media screen and (max-width:767px) { |
| .leftSidebar { |
| float : none; |
| width : 100%; |
| margin-left : 0; |
| max-width : none; |
| padding-bottom : 0; |
| } |
| .leftSidebar .leftMenu { |
| margin-bottom : 0; |
| padding-bottom : 0; |
| margin-top : 25px; |
| } |
| .leftSidebar .leftMenu .profile-sidebar-content { |
| margin-top : 15px; |
| } |
| } |
| .rightContent { |
| float : left; |
| width : 73.78%; |
| width : calc(100% - 32.85%); |
| display : block; |
| max-width : 740px; |
| padding : 50px 0; |
| margin-left : 4.85%; |
| padding-top : 0; |
| min-height : 1px; |
| margin-top : 40px; |
| } |
| .rightContent .tx-srfeuserregister-pi1 { |
| float : none; |
| width : 100%; |
| display : block; |
| margin-bottom : 40px; |
| } |
| .rightContent .tx-srfeuserregister-pi1 input { |
| padding : 10px 15px; |
| } |
| .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner { |
| padding : 0 !important ; |
| } |
| @media screen and (max-width:767px) { |
| .rightContent { |
| float : none; |
| width : 100%; |
| margin-left : 0; |
| max-width : none; |
| margin-top : 25px; |
| } |
| } |
| header.header { |
| padding : 0 0 25px 0; |
| max-height : 133px; |
| border-bottom : 5px solid #fc0; |
| position : fixed; |
| top : 0; |
| z-index : 9999; |
| left : 0; |
| right : 0; |
| background : #fff; |
| } |
| header.header.compexHeader { |
| height : 100px; |
| padding-top : 25px; |
| } |
| header.header.compexHeader .topMeta { |
| display : none; |
| } |
| header.header.compexHeader + * { |
| margin-top : 100px; |
| display : block; |
| } |
| @media screen and (max-width:480px) { |
| header.header.compexHeader { |
| height : 72px; |
| padding-top : 15px; |
| padding-bottom : 15px; |
| } |
| header.header.compexHeader + * { |
| margin-top : 72px; |
| } |
| } |
| header.header + * { |
| margin-top : 133px; |
| display : block; |
| } |
| @media screen and (max-width:860px) { |
| header.header { |
| height : 155px; |
| max-height : 155px; |
| } |
| header.header + * { |
| margin-top : 155px; |
| } |
| } |
| @media screen and (max-width:480px) { |
| header.header { |
| height : 200px; |
| max-height : 200px; |
| } |
| header.header + * { |
| margin-top : 200px; |
| } |
| } |
| @media screen and (max-width:460px) { |
| header.header { |
| max-height : 120px; |
| height : 120px; |
| } |
| header.header + * { |
| margin-top : 120px; |
| } |
| } |
| header.header .topMeta { |
| width : 100%; |
| background : #f5f5f5; |
| margin-bottom : 20px; |
| height : 30px; |
| line-height : 30px; |
| } |
| @media screen and (max-width:860px) { |
| header.header .topMeta { |
| height : auto; |
| } |
| } |
| header.header .topMeta .left { |
| float : left; |
| color : #333; |
| font-size : 12px; |
| font-weight : 600; |
| line-height : 30px; |
| } |
| @media screen and (max-width:860px) { |
| header.header .topMeta .left { |
| float : none; |
| width : 100%; |
| text-align : center; |
| } |
| } |
| @media screen and (max-width:460px) { |
| header.header .topMeta .left { |
| display : none; |
| } |
| } |
| header.header .topMeta .right { |
| float : right; |
| } |
| header.header .topMeta .right form { |
| position : relative; |
| float : left; |
| margin-right : 5px; |
| } |
| header.header .topMeta .right form input[type="text"] { |
| border : 0; |
| background : #fff; |
| padding : 0 5px; |
| height : 24px; |
| position : relative; |
| padding-right : 25px; |
| font-size : 12px; |
| line-height : 24px; |
| top : -2px; |
| margin-right : 35px; |
| margin-bottom : 0; |
| } |
| header.header .topMeta .right form button { |
| position : absolute; |
| right : 5px; |
| top : 1px; |
| background : transparent; |
| border : none; |
| font-size : 18px; |
| color : #333; |
| } |
| header.header .topMeta .right form button:before { |
| content : "\f002"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| } |
| @media screen and (max-width:460px) { |
| header.header .topMeta .right form { |
| display : none; |
| } |
| } |
| @media screen and (max-width:860px) { |
| header.header .topMeta .right { |
| float : none; |
| width : 100%; |
| text-align : center; |
| text-align : right; |
| } |
| } |
| header.header .topMeta a { |
| text-decoration : none; |
| text-transform : uppercase; |
| color : #333; |
| font-size : 12px; |
| line-height : normal; |
| font-weight : 600; |
| padding : 0 10px; |
| border-left : 1px solid #333; |
| } |
| header.header .topMeta a i { |
| margin-right : 3px; |
| } |
| header.header .topMeta a:hover { |
| text-decoration : underline; |
| } |
| header.header .topMeta a:last-of-type { |
| border-right : 1px solid #333; |
| } |
| @media screen and (max-width:860px) { |
| header.header .topMeta a { |
| border-left : none; |
| } |
| header.header .topMeta a:last-of-type { |
| border-right : none; |
| border-left : 1px solid #333; |
| padding-left : 14px; |
| } |
| } |
| @media screen and (max-width:480px) and (min-width:461px) { |
| header.header .topMeta a { |
| display : block; |
| float : none; |
| margin-left : auto; |
| margin-right : auto; |
| width : 100%; |
| clear : both; |
| padding-top : 10px; |
| } |
| header.header .topMeta a:last-of-type { |
| border-left : none; |
| } |
| } |
| header.header .logo { |
| float : left; |
| display : block; |
| max-width : 215px; |
| } |
| @media screen and (max-width:480px) { |
| header.header .logo { |
| max-width : 180px; |
| } |
| } |
| header.header .logo img { |
| max-height : 50px; |
| } |
| header.header nav { |
| float : right; |
| } |
| @media screen and (min-width:1121px) { |
| header.header nav > ul > li { |
| float : left; |
| padding : 14px 0; |
| position : relative; |
| } |
| header.header nav > ul > li > a { |
| color : #333; |
| text-decoration : none; |
| font-weight : 700; |
| text-transform : uppercase; |
| font-family : "Open Sans", sans-serif; |
| } |
| header.header nav > ul > li > a i { |
| display : none; |
| } |
| header.header nav > ul > li + li { |
| margin-left : 25px; |
| } |
| header.header nav > ul > li:last-of-type { |
| margin-left : 40px; |
| background : #be1622; |
| padding : 14px 19px; |
| } |
| header.header nav > ul > li:last-of-type a { |
| color : #fff; |
| } |
| header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before { |
| display : none !important ; |
| } |
| header.header nav > ul > li ul { |
| display : none; |
| position : absolute; |
| width : 170px; |
| top : 75px; |
| background : #fff; |
| z-index : 99999; |
| box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35); |
| } |
| header.header nav > ul > li ul li { |
| display : block; |
| } |
| header.header nav > ul > li ul li a { |
| font-size : 12px; |
| font-weight : 700; |
| color : #333; |
| text-decoration : none; |
| line-height : 14px; |
| padding : 14px 10px; |
| display : block; |
| text-transform : uppercase; |
| } |
| header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active { |
| background : #be1622; |
| } |
| header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a { |
| color : #fff; |
| } |
| header.header nav > ul > li ul li + li { |
| border-top : 1px solid #b7b7b7; |
| } |
| header.header nav > ul > li:hover:after { |
| content : ""; |
| position : absolute; |
| left : 0; |
| right : 0; |
| bottom : -28px; |
| width : 100%; |
| height : 45px; |
| cursor : pointer; |
| } |
| header.header nav > ul > li:hover ul { |
| display : block; |
| } |
| header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before { |
| content : ""; |
| position : absolute; |
| border-bottom : 2px solid #bf1e2e; |
| height : 2px; |
| width : 100%; |
| top : 38px; |
| } |
| } |
| @media screen and (max-width:1120px) { |
| header.header nav { |
| position : relative; |
| } |
| header.header nav > ul { |
| position : absolute; |
| width : 250px; |
| right : 0; |
| box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5); |
| z-index : 999999; |
| display : none; |
| } |
| header.header nav > ul li { |
| float : none; |
| display : block; |
| padding : 0; |
| width : 100%; |
| background : #fff; |
| } |
| header.header nav > ul li.active { |
| background : #be1622; |
| } |
| header.header nav > ul li.active > a { |
| color : #fff; |
| } |
| header.header nav > ul li a { |
| display : block; |
| width : 100%; |
| padding : 14px 60px 14px 10px; |
| color : #333; |
| text-decoration : none; |
| font-weight : 700; |
| position : relative; |
| text-transform : uppercase; |
| font-family : "Open Sans", sans-serif; |
| } |
| header.header nav > ul li a:hover { |
| color : #fff; |
| background : #be1622; |
| } |
| header.header nav > ul li a i { |
| display : inline-block; |
| position : absolute; |
| right : 0; |
| top : 38%; |
| margin-top : -18px; |
| padding : 16px; |
| } |
| header.header nav > ul li a i.fa-chevron-up { |
| display : none; |
| } |
| header.header nav > ul li.open a i.fa-chevron-up { |
| display : inline-block; |
| } |
| header.header nav > ul li.open a i.fa-chevron-down { |
| display : none; |
| } |
| header.header nav > ul li + li { |
| margin-left : 0; |
| border-top : 1px solid #b7b7b7; |
| } |
| header.header nav > ul li > ul { |
| display : none; |
| } |
| header.header nav > ul li > ul li { |
| background : #f9f9f9; |
| border-top : 1px solid #b7b7b7; |
| } |
| header.header nav > ul li > ul li a { |
| font-size : 13px; |
| line-height : normal; |
| padding : 10px 10px 10px 30px; |
| } |
| header.header nav > ul li > ul li.active a { |
| color : #fff; |
| background : #be1622; |
| } |
| header.header nav > ul li.open > ul { |
| display : block; |
| } |
| header.header nav > ul > li:last-of-type { |
| border-top : none; |
| } |
| header.header nav > ul > li:last-of-type a { |
| color : #fff; |
| background : #be1622; |
| } |
| header.header nav.active > ul { |
| display : block; |
| height : 450px; |
| overflow : scroll; |
| } |
| } |
| header.header .mobile-button { |
| display : none; |
| padding : 10px 0; |
| cursor : pointer; |
| } |
| header.header .mobile-button i { |
| font-size : 40px; |
| } |
| @media screen and (max-width:640px) { |
| header.header .mobile-button { |
| padding : 5px 0 0 0; |
| } |
| } |
| @media screen and (max-width:1120px) { |
| header.header .mobile-button { |
| display : block; |
| } |
| } |
| body.compexCommerce header.header.compexHeader .topMeta { |
| height : 0; |
| } |
| body.compexCommerce header.header.compexHeader .topMeta .right { |
| display : none; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type { |
| margin-left : 25px; |
| background : transparent; |
| padding : 11px 0; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after { |
| content : "\f107"; |
| display : inline-block; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| position : relative; |
| z-index : 9600; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after { |
| left : auto; |
| right : auto; |
| bottom : auto; |
| position : relative; |
| width : auto; |
| height : auto; |
| } |
| @media screen and (max-width:1120px) { |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch { |
| padding : 0; |
| margin : 0; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after { |
| display : none; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul { |
| width : 100%; |
| padding : 0 10px 15px 10px; |
| background : #be1622; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li { |
| background : #be1622; |
| border-top : none; |
| } |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a { |
| color : #333; |
| position : relative; |
| z-index : 9600; |
| font-size : 13px; |
| line-height : normal; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img { |
| vertical-align : middle; |
| position : relative; |
| z-index : 9600; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before { |
| display : none !important ; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a { |
| color : #333; |
| font-weight : 700; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover { |
| color : #fff; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul { |
| width : 80px; |
| padding-left : 10px; |
| top : 0; |
| padding-top : 47px; |
| left : -10px; |
| z-index : 9500; |
| padding-bottom : 10px; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img { |
| vertical-align : middle; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a { |
| font-weight : 700; |
| padding : 0; |
| display : inline; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover { |
| background : transparent; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a { |
| color : #333; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li { |
| border-top : none; |
| padding-top : 10px; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before { |
| display : none !important ; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i { |
| display : block; |
| font-size : 18px; |
| color : #333; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form { |
| position : absolute; |
| top : 38px; |
| right : 0; |
| display : none; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active { |
| display : block; |
| animation : display-none-transition 1s both; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div { |
| position : relative; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] { |
| height : 30px; |
| padding : 0 25px 0 5px; |
| width : 180px; |
| border : #be1622 solid 1px; |
| outline : none; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button { |
| border : none; |
| background : transparent; |
| position : absolute; |
| right : 5px; |
| top : 5px; |
| } |
| body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i { |
| font-size : 15px; |
| color : #be1622; |
| } |
| @keyframes display-none-transition { |
| 0% { |
| opacity : 0; |
| } |
| 100% { |
| opacity : 1; |
| } |
| } |
| @media screen and (max-width:1360px) { |
| header.header .topMeta, header.header .topMeta + div { |
| padding : 0 20px; |
| } |
| } |
| @media screen and (max-width:1300px) and (min-width:1121px) { |
| header.header nav > ul > li > a { |
| font-size : 13px; |
| line-height : normal; |
| } |
| header.header nav > ul > li:last-of-type { |
| margin-left : 20px; |
| } |
| header.header nav > ul > li + li { |
| margin-left : 18px; |
| } |
| } |
| footer.footer { |
| background : #333; |
| padding : 50px 0 15px 0; |
| } |
| footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner { |
| margin-bottom : 80px; |
| } |
| footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) { |
| margin-bottom : 0; |
| } |
| footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element { |
| margin-bottom : 0; |
| max-width : none; |
| width : auto; |
| float : left; |
| } |
| footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner { |
| padding-left : 0; |
| padding-right : 0; |
| } |
| @media screen and (max-width:860px) { |
| footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element { |
| float : none; |
| } |
| } |
| footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { |
| margin : 0; |
| padding : 0; |
| list-style : none; |
| float : left; |
| width : calc(100% / 6); |
| } |
| footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a { |
| color : #fff; |
| font-size : 13px; |
| line-height : normal; |
| font-weight : 700; |
| text-decoration : none; |
| } |
| footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after { |
| content : ""; |
| display : block; |
| width : 75px; |
| height : 1px; |
| background : #fc0; |
| margin : 10px 0 10px 0; |
| } |
| footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li { |
| display : block; |
| } |
| footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a { |
| display : block; |
| color : #cecece; |
| text-decoration : none; |
| font-size : 12px; |
| line-height : normal; |
| font-weight : 400; |
| } |
| footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li { |
| margin-top : 5px; |
| } |
| footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList { |
| width : auto; |
| float : right; |
| margin-top : -4px; |
| } |
| footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li { |
| display : inline-block; |
| } |
| footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li { |
| margin-left : 10px; |
| } |
| footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after { |
| display : none; |
| } |
| @media screen and (max-width:860px) { |
| footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList { |
| float : none !important ; |
| margin : 10px 0 0 0; |
| width : auto !important ; |
| } |
| } |
| footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p { |
| font-size : 12px; |
| line-height : normal; |
| color : #fff; |
| margin : 0; |
| } |
| @media screen and (max-width:860px) { |
| footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p { |
| float : none; |
| } |
| } |
| footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner { |
| margin-bottom : 0; |
| } |
| @media screen and (max-width:800px) { |
| footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { |
| width : calc(100% / 3); |
| } |
| footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) { |
| margin-top : 20px; |
| } |
| } |
| @media screen and (max-width:720px) { |
| footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner { |
| margin-bottom : 50px; |
| } |
| footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { |
| float : none; |
| width : 100%; |
| } |
| footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type { |
| display : block; |
| } |
| footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li { |
| margin-right : 10px; |
| display : inline-block; |
| } |
| footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul { |
| margin-top : 20px; |
| } |
| } |
| .breadcrumbContainer { |
| padding-top : 11px; |
| padding-bottom : 11px; |
| } |
| @media screen and (max-width:1100px) { |
| .breadcrumbContainer { |
| padding-top : 11px !important ; |
| padding-bottom : 11px !important ; |
| } |
| } |
| .breadcrumbContainer ul li { |
| color : #333; |
| display : inline-block; |
| font-size : 13px; |
| line-height : normal; |
| } |
| .breadcrumbContainer ul li a { |
| color : #999999; |
| text-decoration : none; |
| font-size : 13px; |
| line-height : normal; |
| } |
| .breadcrumbContainer ul li:before { |
| content : "\f015"; |
| color : #fc0; |
| display : inline-block; |
| margin-right : 5px; |
| font : normal normal 14px/1 FontAwesome; |
| font-size : inherit; |
| } |
| .breadcrumbContainer ul li + li { |
| margin-left : 5px; |
| } |
| .breadcrumbContainer ul li + li:before { |
| content : "\f054"; |
| } |
| .breadcrumbContainer ul li:last-of-type a { |
| color : #333; |
| } |
| .mfp-image-holder .mfp-content { |
| margin-top : 50px; |
| padding : 0 25px; |
| } |
| .mfp-image-holder .mfp-content figure { |
| background : #fff; |
| } |
| img.mfp-img { |
| max-height : 100% !important ; |
| } |
| .ce-video { |
| padding : 30px 0; |
| } |
| .ce-video .left { |
| float : left; |
| max-width : 500px; |
| margin-right : 30px; |
| } |
| .ce-video .left video { |
| max-width : 100%; |
| height : auto; |
| } |
| .ce-video .right { |
| float : left; |
| max-width : 500px; |
| } |
| .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 { |
| margin-top : 0; |
| } |
| .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption { |
| text-align : left; |
| } |
| .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after { |
| margin : 10px 0 0 0; |
| } |
| .ce-forum-latest-post { |
| margin-top : 40px; |
| max-width : 83%; |
| } |
| @media screen and (max-width:980px) { |
| .ce-forum-latest-post { |
| max-width : none; |
| } |
| } |
| .ce-forum-latest-post + .ce-forum-latest-post { |
| margin-top : 0; |
| } |
| .ce-forum-latest-post:last-of-type { |
| margin-bottom : 40px; |
| border-bottom : 1px solid #bbb; |
| } |
| .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption { |
| text-align : left; |
| } |
| .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after { |
| margin : 10px 0 10px 0; |
| } |
| .ce-forum-latest-post > div { |
| display : block; |
| width : 100%; |
| padding : 12px; |
| background : #fff; |
| border-right : 1px solid #bbbbbb; |
| border-left : 1px solid #bbbbbb; |
| border-top : 1px solid #bbbbbb; |
| } |
| .ce-forum-latest-post > div img { |
| float : left; |
| max-width : 70px; |
| margin-right : 15px; |
| } |
| .ce-forum-latest-post > div div h3 { |
| font-size : 18px; |
| line-height : normal; |
| font-weight : 700; |
| color : #333; |
| margin : 0 0 0 0; |
| } |
| .ce-forum-latest-post > div div h3 a { |
| color : #333; |
| } |
| .ce-forum-latest-post > div div p { |
| font-weight : 400; |
| float : left; |
| } |
| .ce-forum-latest-post > div div p + p { |
| margin-left : 10px; |
| } |
| .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption { |
| text-align : left; |
| } |
| .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after { |
| margin : 10px 0 10px 0; |
| } |
| .leftMenu { |
| float : left; |
| width : 24.27%; |
| margin-top : 30px; |
| } |
| @media screen and (max-width:767px) { |
| .leftMenu { |
| float : none; |
| width : 100%; |
| margin-bottom : 40px; |
| padding-bottom : 40px; |
| border-bottom : 1px solid #bbbbbb; |
| } |
| .leftMenu .profile-sidebar-content { |
| display : none; |
| } |
| .leftMenu .profile-sidebar-content.active { |
| display : block; |
| } |
| } |
| .leftMenu h3 { |
| font-size : 16px; |
| line-height : normal; |
| font-weight : 700; |
| color : #333; |
| text-transform : uppercase; |
| border-bottom : 2px solid #fc0; |
| margin-bottom : 15px; |
| } |
| .leftMenu ul { |
| margin : 0; |
| padding : 0; |
| list-style-type : none; |
| } |
| .leftMenu ul li { |
| display : block; |
| } |
| .leftMenu ul li a { |
| font-size : 15px; |
| line-height : normal; |
| color : #333; |
| text-decoration : none; |
| font-weight : 400; |
| text-transform : uppercase; |
| } |
| .leftMenu ul li.active a, .leftMenu ul li:hover a { |
| font-weight : 700; |
| color : #333; |
| } |
| .leftMenu ul li + li { |
| margin-top : 15px; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * { |
| width : 74.75%; |
| float : left; |
| margin-left : 0.97%; |
| padding : 30px 10px 0 10px; |
| } |
| @media screen and (max-width:767px) { |
| .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * { |
| float : none; |
| width : 100%; |
| margin-left : 0; |
| padding : 0; |
| } |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice { |
| margin : 0; |
| font-style : normal; |
| font-size : 15px; |
| line-height : normal; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash { |
| margin : 0 0 10px 0; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a { |
| background : transparent; |
| padding-left : 0; |
| font-size : 15px; |
| line-height : normal; |
| font-weight : 400; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { |
| float : left; |
| width : 32.46%; |
| text-align : left; |
| padding : 17px 10px 16px 10px; |
| } |
| @media screen and (max-width:600px) { |
| .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { |
| float : none; |
| width : 100%; |
| padding : 0 10px 0 0; |
| } |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label { |
| font-size : 15px; |
| line-height : normal; |
| color : #333; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd { |
| float : left; |
| width : 66.23%; |
| margin-left : 1.29%; |
| } |
| @media screen and (max-width:600px) { |
| .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd { |
| float : none; |
| width : 100%; |
| margin-left : 0; |
| margin-top : 0; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] { |
| margin-top : 0; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] { |
| margin-top : 0; |
| } |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] { |
| width : 100%; |
| height : 55px; |
| vertical-align : middle; |
| line-height : 55px; |
| padding : 0 10px; |
| font-size : 15px; |
| color : #333; |
| } |
| .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] { |
| float : right; |
| margin-bottom : 40px; |
| } |
| .leftMenu .profile-sidebar { |
| display : none; |
| margin-top : 15px; |
| } |
| .leftMenu .profile-sidebar button { |
| border : none; |
| width : 100%; |
| display : block; |
| } |
| @media screen and (max-width:767px) { |
| .leftMenu .profile-sidebar { |
| display : block; |
| } |
| } |
| .formular-sidebar { |
| float : left; |
| width : 25%; |
| margin-left : 5%; |
| padding-top : 50px; |
| padding-bottom : 50px; |
| } |
| .formular-sidebar .formular-sidebar-content { |
| width : 100%; |
| } |
| .formular-sidebar .formular-sidebar-content + .formular-sidebar-content { |
| margin-top : 40px; |
| } |
| .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption { |
| font-size : 18px; |
| line-height : normal; |
| text-align : left; |
| margin : 0 0 5px 0; |
| } |
| .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after { |
| margin : 10px 0 0 0; |
| } |
| .formular-sidebar img { |
| margin-top : 20px; |
| } |
| .formular-sidebar p { |
| font-size : 13px; |
| line-height : normal; |
| } |
| .formular-sidebar .fontAwesome-list { |
| margin-bottom : 20px; |
| } |
| .formular-sidebar .fontAwesome-list ul { |
| margin : 0; |
| padding : 0; |
| list-style : none; |
| } |
| .formular-sidebar .fontAwesome-list ul li { |
| display : block; |
| font-size : 16px; |
| line-height : normal; |
| color : #333; |
| font-weight : 700; |
| } |
| .formular-sidebar .fontAwesome-list ul li i { |
| display : table-cell; |
| font-size : 22px; |
| margin-right : 10px; |
| border-radius : 50px; |
| border : #333 solid 2px; |
| padding : 10px; |
| vertical-align : sub; |
| float : left; |
| height : 46px; |
| width : 46px; |
| } |
| .formular-sidebar .fontAwesome-list ul li span { |
| margin : 0; |
| display : table-cell; |
| vertical-align : middle; |
| padding-left : 10px; |
| height : 46px; |
| } |
| @media screen and (max-width:440px) { |
| .formular-sidebar .fontAwesome-list ul li span { |
| width : 80%; |
| } |
| } |
| @media screen and (max-width:360px) { |
| .formular-sidebar .fontAwesome-list ul li span { |
| width : 70%; |
| } |
| } |
| .formular-sidebar .fontAwesome-list ul li + li { |
| padding-top : 10px; |
| clear : both; |
| } |
| @media screen and (max-width:800px) { |
| .formular-sidebar { |
| float : none; |
| width : 100%; |
| margin-left : 0; |
| padding : 0 0 50px 0; |
| } |
| } |
| .ui-icon { |
| display : none !important ; |
| } |
| .compexCommerce .news-list-view .header { |
| max-width : none; |
| } |
| .cc_container .cc_btn { |
| padding : 8px 10px !important ; |
| } |
| body.compexCommerce main > *:first-child { |
| margin-top : 40px; |
| } |
| body.compexCommerce main > .sliderContainer { |
| margin-top : 0 !important ; |
| } |
| body.compexCommerce main > .unterseiten-banner:first-child { |
| margin-top : 0; |
| } |
| |