/* oxanium-300 - latin-ext */ @font-face { font-family: 'Oxanium'; font-style: normal; font-weight: 300; src: local(''), url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oxanium-regular - latin-ext */ @font-face { font-family: 'Oxanium'; font-style: normal; font-weight: 400; src: local(''), url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oxanium-500 - latin-ext */ @font-face { font-family: 'Oxanium'; font-style: normal; font-weight: 500; src: local(''), url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oxanium-600 - latin-ext */ @font-face { font-family: 'Oxanium'; font-style: normal; font-weight: 600; src: local(''), url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/oxanium/oxanium-v12-latin-ext-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } .sb.fb { text-align: left !important; width: 0px; font-size: 11px; white-space: nowrap; overflow: hidden; display: inline-block; position: relative; background: #3c5b9b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNjVhNiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzQ1MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #4365a6 0%, #345090 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4365a6), color-stop(100%, #345090)); background: -webkit-linear-gradient(top, #4365a6 0%, #345090 100%); background: -o-linear-gradient(top, #4365a6 0%, #345090 100%); background: -ms-linear-gradient(top, #4365a6 0%, #345090 100%); background: linear-gradient(to bottom, #4365a6 0%, #345090 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4365a6', endColorstr='#345090', GradientType=0); border-radius: 2px; padding: 1px 0; border: 1px solid #35508a; text-shadow: 0px -1px 0 #35508a; color: #fff !important; box-shadow: 0 1px 0 #6e89bd inset; outline: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .sb.fb.pre { padding-left: 26px; } .sb.fb.pre [class*="icons-tv-"] { font-size: 12px; left: 0; position: absolute; } .sb.fb.pre:before, .sb.fb.pre:after { content: ""; display: inline-block; height: 100%; width: 1px; position: absolute; top: 0; } .sb.fb.pre:before { background: #6e89bd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlODliZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmU4OWJkIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #6e89bd 0%, #6e89bd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e89bd), color-stop(100%, #6e89bd)); background: -webkit-linear-gradient(top, #6e89bd 0%, #6e89bd 100%); background: -o-linear-gradient(top, #6e89bd 0%, #6e89bd 100%); background: -ms-linear-gradient(top, #6e89bd 0%, #6e89bd 100%); background: linear-gradient(to bottom, #6e89bd 0%, #6e89bd 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e89bd', endColorstr='#6e89bd', GradientType=0); left: 26px; } .sb.fb.pre:after { background: #35508a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1NTA4YSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzU1MDhhIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #35508a 0%, #35508a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35508a), color-stop(100%, #35508a)); background: -webkit-linear-gradient(top, #35508a 0%, #35508a 100%); background: -o-linear-gradient(top, #35508a 0%, #35508a 100%); background: -ms-linear-gradient(top, #35508a 0%, #35508a 100%); background: linear-gradient(to bottom, #35508a 0%, #35508a 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35508a', endColorstr='#35508a', GradientType=0); left: 27px; } .sb.fb:hover, .sb.fb:focus, .sb.fb:active { width: 80px; text-overflow: ellipsis; padding: 1px 10px; box-shadow: none; background: #2d4576; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NGY4MiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjYzYjZiIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #344f82 0%, #263b6b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #344f82), color-stop(100%, #263b6b)); background: -webkit-linear-gradient(top, #344f82 0%, #263b6b 100%); background: -o-linear-gradient(top, #344f82 0%, #263b6b 100%); background: -ms-linear-gradient(top, #344f82 0%, #263b6b 100%); background: linear-gradient(to bottom, #344f82 0%, #263b6b 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344f82', endColorstr='#263b6b', GradientType=0); } .sb.fb:hover.pre, .sb.fb:focus.pre, .sb.fb:active.pre { padding-left: 38px; } .sb.fb:active { background: #345090; } .sb.tw { text-align: left !important; width: 0px; font-size: 11px; white-space: nowrap; overflow: hidden; display: inline-block; position: relative; background: #56bee6; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwYzVlOSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGJiN2UzIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #60c5e9 0%, #4bb7e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60c5e9), color-stop(100%, #4bb7e3)); background: -webkit-linear-gradient(top, #60c5e9 0%, #4bb7e3 100%); background: -o-linear-gradient(top, #60c5e9 0%, #4bb7e3 100%); background: -ms-linear-gradient(top, #60c5e9 0%, #4bb7e3 100%); background: linear-gradient(to bottom, #60c5e9 0%, #4bb7e3 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c5e9', endColorstr='#4bb7e3', GradientType=0); border-radius: 2px; padding: 1px 0; border: 1px solid #49b7e0; text-shadow: 0px -1px 0 #49b7e0; color: #fff !important; box-shadow: 0 1px 0 #9dd9ee inset; outline: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .sb.tw.pre { padding-left: 26px; } .sb.tw.pre [class*="icons-tv-"] { font-size: 12px; left: 0; position: absolute; } .sb.tw.pre:before, .sb.tw.pre:after { content: ""; display: inline-block; height: 100%; width: 1px; position: absolute; top: 0; } .sb.tw.pre:before { background: #9dd9ee; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDllZSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWRkOWVlIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #9dd9ee 0%, #9dd9ee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd9ee), color-stop(100%, #9dd9ee)); background: -webkit-linear-gradient(top, #9dd9ee 0%, #9dd9ee 100%); background: -o-linear-gradient(top, #9dd9ee 0%, #9dd9ee 100%); background: -ms-linear-gradient(top, #9dd9ee 0%, #9dd9ee 100%); background: linear-gradient(to bottom, #9dd9ee 0%, #9dd9ee 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd9ee', endColorstr='#9dd9ee', GradientType=0); left: 26px; } .sb.tw.pre:after { background: #49b7e0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5YjdlMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDliN2UwIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #49b7e0 0%, #49b7e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #49b7e0), color-stop(100%, #49b7e0)); background: -webkit-linear-gradient(top, #49b7e0 0%, #49b7e0 100%); background: -o-linear-gradient(top, #49b7e0 0%, #49b7e0 100%); background: -ms-linear-gradient(top, #49b7e0 0%, #49b7e0 100%); background: linear-gradient(to bottom, #49b7e0 0%, #49b7e0 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b7e0', endColorstr='#49b7e0', GradientType=0); left: 27px; } .sb.tw:hover, .sb.tw:focus, .sb.tw:active { width: 80px; text-overflow: ellipsis; padding: 1px 10px; box-shadow: none; background: #2aacde; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYjVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjJhNGQ5IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #33b5e3 0%, #22a4d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33b5e3), color-stop(100%, #22a4d9)); background: -webkit-linear-gradient(top, #33b5e3 0%, #22a4d9 100%); background: -o-linear-gradient(top, #33b5e3 0%, #22a4d9 100%); background: -ms-linear-gradient(top, #33b5e3 0%, #22a4d9 100%); background: linear-gradient(to bottom, #33b5e3 0%, #22a4d9 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33b5e3', endColorstr='#22a4d9', GradientType=0); } .sb.tw:hover.pre, .sb.tw:focus.pre, .sb.tw:active.pre { padding-left: 38px; } .sb.tw:active { background: #4bb7e3; } .sb.gp { text-align: left !important; width: 0px; font-size: 11px; white-space: nowrap; overflow: hidden; display: inline-block; position: relative; background: #dd4b39; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNGIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGQ0YjM5IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #dd4b39 0%, #dd4b39 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd4b39), color-stop(100%, #dd4b39)); background: -webkit-linear-gradient(top, #dd4b39 0%, #dd4b39 100%); background: -o-linear-gradient(top, #dd4b39 0%, #dd4b39 100%); background: -ms-linear-gradient(top, #dd4b39 0%, #dd4b39 100%); background: linear-gradient(to bottom, #dd4b39 0%, #dd4b39 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#dd4b39', GradientType=0); border-radius: 2px; padding: 1px 0; border: 1px solid #da4637; text-shadow: 0px -1px 0 #da4637; color: #fff !important; box-shadow: 0 1px 0 #e38276 inset; outline: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .sb.gp.pre { padding-left: 26px; } .sb.gp.pre [class*="icons-tv-"] { font-size: 12px; left: 0; position: absolute; } .sb.gp.pre:before, .sb.gp.pre:after { content: ""; display: inline-block; height: 100%; width: 1px; position: absolute; top: 0; } .sb.gp.pre:before { background: #e38276; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzODI3NiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTM4Mjc2IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #e38276 0%, #e38276 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e38276), color-stop(100%, #e38276)); background: -webkit-linear-gradient(top, #e38276 0%, #e38276 100%); background: -o-linear-gradient(top, #e38276 0%, #e38276 100%); background: -ms-linear-gradient(top, #e38276 0%, #e38276 100%); background: linear-gradient(to bottom, #e38276 0%, #e38276 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e38276', endColorstr='#e38276', GradientType=0); left: 26px; } .sb.gp.pre:after { background: #da4637; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhNDYzNyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGE0NjM3IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #da4637 0%, #da4637 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da4637), color-stop(100%, #da4637)); background: -webkit-linear-gradient(top, #da4637 0%, #da4637 100%); background: -o-linear-gradient(top, #da4637 0%, #da4637 100%); background: -ms-linear-gradient(top, #da4637 0%, #da4637 100%); background: linear-gradient(to bottom, #da4637 0%, #da4637 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da4637', endColorstr='#da4637', GradientType=0); left: 27px; } .sb.gp:hover, .sb.gp:focus, .sb.gp:active { width: 80px; text-overflow: ellipsis; padding: 1px 10px; box-shadow: none; background: #c23321; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyMzMyMSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzIzMzIxIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #c23321 0%, #c23321 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c23321), color-stop(100%, #c23321)); background: -webkit-linear-gradient(top, #c23321 0%, #c23321 100%); background: -o-linear-gradient(top, #c23321 0%, #c23321 100%); background: -ms-linear-gradient(top, #c23321 0%, #c23321 100%); background: linear-gradient(to bottom, #c23321 0%, #c23321 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c23321', endColorstr='#c23321', GradientType=0); } .sb.gp:hover.pre, .sb.gp:focus.pre, .sb.gp:active.pre { padding-left: 38px; } .sb.gp:active { background: #dd4b39; } .sb.gp .social-icon:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea8c"; font-style: normal; font-size: notset; margin: notset; } .sb.pre .social-icon { font-size: 15px !important; left: 0; position: absolute; } .clearfixbootrtrap2 { *zoom: 1; } .clearfixbootrtrap2:before, .clearfixbootrtrap2:after { display: table; content: ""; line-height: 0; } .clearfixbootrtrap2:after { clear: both; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .bs3-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .bs3-container { width: 750px; } } @media (min-width: 992px) { .bs3-container { width: 970px; } } @media (min-width: 1200px) { .bs3-container { width: 1170px; } } .bs3-container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .bs3-row { margin-left: -10px; margin-right: -10px; } @media (min-width: 1024px) { .bs3-row { margin-left: -15px; margin-right: -15px; } } .bs3-row-default { margin-left: -15px; margin-right: -15px; } .row-no-padding { margin: 0 !important; } .row-no-padding [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .row-eq-height { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row-eq-height > [class*='col-'] { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } /* * icons */ [class^="icon"], [class*=" icon"] { display: inline-block; *display: inline; *zoom: 1; vertical-align: text-top; background-repeat: no-repeat !important; } [class^="icons-"], [class*=" icons-"] { width: 21px; height: 16px; line-height: 16px; margin-top: 1px; margin: 0 auto; } /* Vehicles by body */ [class^="body-"], [class*=" body-"] { width: 78px; height: 28px; line-height: 26px; } .body-cabrio { background: transparent url("../../libraries/img/icon-body/silver.png") 0 -78px; } .body-limousine { background: transparent url("../../libraries/img/icon-body/silver.png") 0 -104px; } .body-suv-gelendewagen { background: transparent url("../../libraries/img/icon-body/silver.png") -78px -78px; } .body-van-mini-van { background: transparent url("../../libraries/img/icon-body/silver.png") -78px -52px; } .body-kombi { background: transparent url("../../libraries/img/icon-body/silver.png") 0px -52px; } .body-coupe { background: transparent url("../../libraries/img/icon-body/silver.png") 0 -26px; } .body-mini-vehicle { background: transparent url("../../libraries/img/icon-body/silver.png") -78px -104px; } .body-transporter { background: transparent url("../../libraries/img/icon-body/silver.png") -78px -26px; } .body-other { background: transparent url("../../libraries/img/icon-body/silver.png") 0 0; } /* need add */ .big-body-mini-vehicle, .big-body-mini-vehicle:before { background-position: 50% 0px !important; } .big-body-van-mini-van, .big-body-van-mini-van:before { background-position: 50% -91px !important; } .big-body-kombi, .big-body-kombi:before { background-position: 50% -182px !important; } .big-body-limousine, .big-body-limousine:before { background-position: 50% -273px !important; } .big-body-coupe, .big-body-coupe:before { background-position: 50% -364px !important; } .big-body-suv-gelendewagen, .big-body-suv-gelendewagen:before { background-position: 50% -455px !important; } .big-body-cabrio, .big-body-cabrio:before { background-position: 50% -546px !important; } .big-body-transporter, .big-body-transporter:before { background-position: 50% -637px !important; } .big-body-other, .big-body-other:before { background-position: 50% -728px !important; } /* Vehicles by logo small */ [class^="small-make-"], [class*=" small-make-"] { width: 40px; height: 24px; margin: 0 auto; background-image: url("../../libraries/img/icons/make_01.png"); background-position: 50% 0; } .small-make-wiesmann { background-position: 50% -24px; } .small-make-alfa-romeo { background-position: 50% -48px; } .small-make-aston-martin { background-position: 50% -72px; } .small-make-audi { background-position: 50% -96px; } .small-make-austin { background-position: 50% -120px; } .small-make-bentley { background-position: 50% -144px; } .small-make-bmw { background-position: 50% -168px; } .small-make-brilliance { background-position: 50% -192px; } .small-make-bugatti { background-position: 50% -216px; } .small-make-buick { background-position: 50% -240px; } .small-make-buick-silver { background-position: 50% -264px; } .small-make-cadillac { background-position: 50% -288px; } .small-make-chery { background-position: 50% -312px; } .small-make-chevrolet { background-position: 50% -336px; } .small-make-chrysler { background-position: 50% -360px; } .small-make-citroen { background-position: 50% -384px; } .small-make-corvette { background-position: 50% -408px; } .small-make-dacia { background-position: 50% -432px; } .small-make-daewoo { background-position: 50% -456px; } .small-make-daf { background-position: 50% -480px; } .small-make-daihatsu { background-position: 50% -504px; } .small-make-dodge-viper { background-position: 50% -528px; } .small-make-dodge { background-position: 50% -552px; } .small-make-ferrari { background-position: 50% -576px; } .small-make-fiat { background-position: 50% -600px; } .small-make-ford-mustang { background-position: 50% -624px; } .small-make-ford { background-position: 50% -648px; } .small-make-great-wall { background-position: 50% -672px; } .small-make-honda { background-position: 50% -696px; } .small-make-hummer { background-position: 50% -720px; } .small-make-hyundai { background-position: 50% -744px; } .small-make-infiniti { background-position: 50% -768px; } .small-make-isuzu { background-position: 50% -792px; } .small-make-iveco { background-position: 50% -816px; } .small-make-jaguar { background-position: 50% -840px; } .small-make-jeep { background-position: 50% -864px; } .small-make-kia { background-position: 50% -888px; } .small-make-lada { background-position: 50% -912px; } .small-make-lamborghini { background-position: 50% -936px; } .small-make-lancia { background-position: 50% -960px; } .small-make-land-rover { background-position: 50% -984px; } .small-make-lexus { background-position: 50% -1008px; } .small-make-lifan { background-position: 50% -1032px; } .small-make-lotus { background-position: 50% -1056px; } .small-make-maserati { background-position: 50% -1080px; } .small-make-maybach { background-position: 50% -1104px; } .small-make-mazda { background-position: 50% -1128px; } .small-make-mercedes-benz { background-position: 50% -1152px; } .small-make-mg { background-position: 50% -1176px; } .small-make-mini { background-position: 50% -1200px; } .small-make-mitsubishi { background-position: 50% -1224px; } .small-make-morgan { background-position: 50% -1248px; } .small-make-nissan { background-position: 50% -1272px; } .small-make-opel { background-position: 50% -1296px; } .small-make-peugeot { background-position: 50% -1320px; } .small-make-pontiac { background-position: 50% -1344px; } .small-make-porsche { background-position: 50% -1368px; } .small-make-proton { background-position: 50% -1392px; } .small-make-renault { background-position: 50% -1416px; } .small-make-rolls-royce { background-position: 50% -1440px; } .small-make-rover { background-position: 50% -1464px; } .small-make-saab { background-position: 50% -1488px; } .small-make-alpina { background-position: 50% -1512px; } .small-make-santana { background-position: 50% -1536px; } .small-make-seat { background-position: 50% -1560px; } .small-make-skoda { background-position: 50% -1584px; } .small-make-smart { background-position: 50% -1608px; } .small-make-ssangyong { background-position: 50% -1632px; } .small-make-subaru { background-position: 50% -1656px; } .small-make-suzuki { background-position: 50% -1680px; } .small-make-tata { background-position: 50% -1704px; } .small-make-toyota { background-position: 50% -1728px; } .small-make-volvo { background-position: 50% -1752px; } .small-make-vorlage-sonstige { background-position: 50% -1776px; } .small-make-volkswagen { background-position: 50% -1800px; } .small-make-acura { background-position: 50% -1824px; } [class^="big-make-"], [class*=" big-make-"] { width: 48px; height: 48px; margin: 0 auto; background-image: url("../../libraries/img/icons/make_02.png"); } .big-make-wiesmann { background-position: 0 -48px; } .big-make-alfa-romeo { background-position: 0 -96px; } .big-make-aston-martin { background-position: 0 -144px; } .big-make-audi { background-position: 0 -192px; } .big-make-austin { background-position: 0 -240px; } .big-make-bentley { background-position: 0 -288px; } .big-make-bmw { background-position: 0 -336px; } .big-make-brilliance { background-position: 0 -384px; } .big-make-bugatti { background-position: 0 -432px; } .big-make-buick { background-position: 0 -480px; } .big-make-buick-silver { background-position: 0 -528px; } .big-make-cadillac { background-position: 0 -576px; } .big-make-chery { background-position: 0 -624px; } .big-make-chevrolet { background-position: 0 -672px; } .big-make-chrysler { background-position: 0 -720px; } .big-make-citroen { background-position: 0 -768px; } .big-make-corvette { background-position: 0 -816px; } .big-make-dacia { background-position: 0 -864px; } .big-make-daewoo { background-position: 0 -912px; } .big-make-daf { background-position: 0 -960px; } .big-make-daihatsu { background-position: 0 -1008px; } .big-make-dodge-viper { background-position: 0 -1056px; } .big-make-dodge { background-position: 0 -1104px; } .big-make-ferrari { background-position: 0 -1152px; } .big-make-fiat { background-position: 0 -1200px; } .big-make-ford-mustang { background-position: 0 -1248px; } .big-make-ford { background-position: 0 -1296px; } .big-make-great-wall { background-position: 0 -1344px; } .big-make-honda { background-position: 0 -1392px; } .big-make-hummer { background-position: 0 -1440px; } .big-make-hyundai { background-position: 0 -1488px; } .big-make-infiniti { background-position: 0 -1536px; } .big-make-isuzu { background-position: 0 -1584px; } .big-make-iveco { background-position: 0 -1632px; } .big-make-jaguar { background-position: 0 -1680px; } .big-make-jeep { background-position: 0 -1728px; } .big-make-kia { background-position: 0 -1776px; } .big-make-lada { background-position: 0 -1824px; } .big-make-lamborghini { background-position: 0 -1872px; } .big-make-lancia { background-position: 0 -1920px; } .big-make-land-rover { background-position: 0 -1968px; } .big-make-lexus { background-position: 0 -2016px; } .big-make-lifan { background-position: 0 -2064px; } .big-make-lotus { background-position: 0 -2112px; } .big-make-maserati { background-position: 0 -2160px; } .big-make-maybach { background-position: 0 -2208px; } .big-make-mazda { background-position: 0 -2256px; } .big-make-mercedes-benz { background-position: 0 -2304px; } .big-make-mg { background-position: 0 -2352px; } .big-make-mini { background-position: 0 -2400px; } .big-make-mitsubishi { background-position: 0 -2448px; } .big-make-morgan { background-position: 0 -2496px; } .big-make-nissan { background-position: 0 -2544px; } .big-make-opel { background-position: 0 -2592px; } .big-make-peugeot { background-position: 0 -2640px; } .big-make-pontiac { background-position: 0 -2688px; } .big-make-porsche { background-position: 0 -2736px; } .big-make-proton { background-position: 0 -2784px; } .big-make-renault { background-position: 0 -2832px; } .big-make-rolls-royce { background-position: 0 -2880px; } .big-make-rover { background-position: 0 -2928px; } .big-make-saab { background-position: 0 -2976px; } .big-make-alpina { background-position: 0 -3024px; } .big-make-santana { background-position: 0 -3072px; } .big-make-seat { background-position: 0 -3120px; } .big-make-skoda { background-position: 0 -3168px; } .big-make-smart { background-position: 0 -3216px; } .big-make-ssangyong { background-position: 0 -3264px; } .big-make-subaru { background-position: 0 -3312px; } .big-make-suzuki { background-position: 0 -3360px; } .big-make-tata { background-position: 0 -3408px; } .big-make-toyota { background-position: 0 -3456px; } .big-make-volvo { background-position: 0 -3504px; } .big-make-vorlage-sonstige { background-position: 0 -3552px; } .big-make-volkswagen { background-position: 0 -3600px; } .big-make-acura { background-position: 0 -3648px; } /* Other */ .icons-photo { background: transparent url("../img/general/camera.png") center; } .icons-video { background: transparent url("../img/general/video_camera.png") center; } .icons-co2 { background: transparent url("../img/general/co2-sprites.png"); height: 17px; width: 21px; margin: 0 0 0 3px; } .co2-level-8, .co2-level-aaa { background-position: 0 0px; } .co2-level-7, .co2-level-aa { background-position: 0 -17px; } .co2-level-6, .co2-level-a { background-position: 0 -34px; } .co2-level-5, .co2-level-b { background-position: 0 -51px; } .co2-level-4, .co2-level-c { background-position: 0 -68px; } .co2-level-3, .co2-level-d { background-position: 0 -85px; } .co2-level-2, .co2-level-e { background-position: 0 -102px; } .co2-level-1, .co2-level-f { background-position: 0 -119px; } .co2-level-0, .co2-level-g { background-position: 0 -136px; } .icons-arrow { background: transparent url("../img/general/bullet-arrow.png") center; width: 12px; } .icons-arrow-right { background: transparent url("../img/general/bullet-arrow-right.png") center; height: 18px; width: 12px; } /* * import font-face */ @font-face { font-family: 'tv'; src: url('../../libraries/font/tv.eot'); src: url('../../libraries/font/tv.eot?#iefix') format('embedded-opentype'), url('../../libraries/font/tv.woff') format('woff'), url('../../libraries/font/tv.ttf') format('truetype'), url('../../libraries/font/tv.svg#tv') format('svg'); font-weight: normal; font-style: normal; } [class^="icons-tv-"]:before, [class*=" icons-tv-"]:before { font-family: 'tv'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icons-tv-arrowleft:before { content: "\2190"; } .icons-tv-arrowup:before { content: "\2191"; } .icons-tv-arrowright:before { content: "\2192"; } .icons-tv-arrowdown:before { content: "\2193"; } .icons-tv-up-dir:before { content: "\25b4"; } .icons-tv-right-dir:before { content: "\25b8"; } .icons-tv-down-dir:before { content: "\25be"; } .icons-tv-left-dir:before { content: "\25c2"; } .icons-tv-flag:before { content: "\2691"; } .icons-tv-mail:before { content: "\2709"; } .icons-tv-pencil:before { content: "\270e"; } .icons-tv-right:before { content: "\27a1"; } .icons-tv-left:before { content: "\2b05"; } .icons-tv-up-1:before { content: "\2b06"; } .icons-tv-down-1:before { content: "\2b07"; } .icons-tv-zoom-out:before { content: "\e000"; } .icons-tv-zoom-in:before { content: "\e001"; } .icons-tv-right-open-1:before { content: "\e0cc"; } .icons-tv-left-open-1:before { content: "\e0cd"; } .icons-tv-help-circled:before { content: "\e704"; } .icons-tv-eye:before { content: "\e70a"; } .icons-tv-print:before { content: "\e716"; } .icons-tv-basket:before { content: "\e73d"; } .icons-tv-down-open:before { content: "\e75c"; } .icons-tv-left-open:before { content: "\e75d"; } .icons-tv-right-open:before { content: "\e75e"; } .icons-tv-up-open:before { content: "\e75f"; } .icons-tv-arrows-cw:before { content: "\e760"; } .icons-tv-thumbs-up:before { content: "\1f44d"; } .icons-tv-thumbs-down:before { content: "\1f44e"; } .icons-tv-twitter:before { content: "\e002"; } .icons-tv-xing:before { content: "\e003"; } .icons-tv-feed:before { content: "\e004"; } .icons-tv-facebook:before { content: "\e005"; } .icons-tv-linkedin:before { content: "\e006"; } .icons-tv-twitter-2:before { content: "\e007"; } .icons-tv-facebook-2:before { content: "\e008"; } .icons-tv-google:before { content: "\ea8c"; } .icons-tv-google-plus:before { content: "\e009"; } .icons-tv-google-plus-2:before { content: "\e00a"; } .icons-tv-share:before { content: "\e00b"; } .icons-tv-star:before { content: "\e00c"; } .icons-tv-youtube:before { content: "\e00d"; } .icons-tv-youtube-2:before { content: "\e00e"; } /*Raster icon set*/ .icon16 { display: inline-block; width: 16px; height: 16px; } .icons-rss:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e633"; font-style: normal; font-size: notset; margin: notset; } .icons-atom:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e634"; font-style: normal; font-size: notset; margin: notset; } .icons-googleplus:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea8c"; font-style: normal; font-size: notset; margin: notset; } .icons-qrcode { width: 16px; height: 16px; background: url('../img/sprites.png') no-repeat; background-position: -76px -233px; } .icons-qrcode:hover { background-position: -76px -233px; } .icons-qrcode-big { width: 32px; height: 32px; background: url('../img/sprites.png') no-repeat; background-position: -139px -252px; } .icons-qrcode-big:hover { background-position: -139px -252px; } .si { display: inline-block; width: 25px; height: 26px; background: url('../img/sprites.png') no-repeat; } .si.fb { background-position: 0px -278px; } .si.fb:hover { background-position: 0px -251px; } .si.tw { background-position: -25px -278px; } .si.tw:hover { background-position: -25px -251px; } .si.li { background-position: -50px -278px; } .si.li:hover { background-position: -50px -251px; } .si.gp { background-position: -75px -278px; } .si.gp:hover { background-position: -75px -251px; } .si.yt { background-position: -100px -278px; } .si.yt:hover { background-position: -100px -251px; } @font-face { font-family: 'icomoonicheck'; src: url('../../libraries/font/icomoonicheck/fonts/icomoonicheck.eot?-7s1mws'); src: url('../../libraries/font/icomoonicheck/fonts/icomoonicheck.eot?#iefix-7s1mws') format('embedded-opentype'), url('../../libraries/font/icomoonicheck/fonts/icomoonicheck.woff?-7s1mws') format('woff'), url('../../libraries/font/icomoonicheck/fonts/icomoonicheck.ttf?-7s1mws') format('truetype'), url('../../libraries/font/icomoonicheck/fonts/icomoonicheck.svg?-7s1mws#icomoonicheck') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-e-"], [class*=" icon-e-"] { font-family: 'icomoonicheck'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; background: none !important; height: auto !important; width: auto !important; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon12 { font-size: 12px !important; } .icon16 { font-size: 16px !important; } .icon24 { font-size: 24px !important; } .icon32 { font-size: 32px !important; } .icon-e-facebook:before { content: "\e600"; } .icon-e-twitter:before { content: "\e601"; } .icon-e-pinterest:before { content: "\e602"; } .icon-e-linkedin:before { content: "\e603"; } .icon-e-linkedin2:before { content: "\e604"; } .icon-e-skype:before { content: "\e605"; } .icon-e-vimeo:before { content: "\e606"; } .icon-e-vimeo2:before { content: "\e607"; } .icon-e-twitter2:before { content: "\e608"; } .icon-e-facebook2:before { content: "\e609"; } .icon-e-google:before { content: "\ea8c"; } .icon-e-googleplus:before { content: "\e60a"; } .icon-e-googleplus2:before { content: "\e60b"; } .icon-e-pinterest2:before { content: "\e60c"; } .icon-e-paypal:before { content: "\e60d"; } .icon-e-menu:before { content: "\e60e"; } .icon-e-uniE60F:before { content: "\e60f"; } .icon-e-arrow-up:before { content: "\e610"; } .icon-e-arrow-down:before { content: "\e611"; } .icon-e-arrow-left:before { content: "\e612"; } .icon-e-arrow-right:before { content: "\e613"; } .icon-e-arrow-up2:before { content: "\e614"; } .icon-e-arrow-down2:before { content: "\e615"; } .icon-e-arrow-left2:before { content: "\e616"; } .icon-e-arrow-right2:before { content: "\e617"; } .icon-e-arrow-up3:before { content: "\e618"; } .icon-e-arrow-down3:before { content: "\e619"; } .icon-e-arrow-left3:before { content: "\e61a"; } .icon-e-arrow-left4:before { content: "\e61b"; } .icon-e-arrow-down4:before { content: "\e61c"; } .icon-e-arrow-up4:before { content: "\e61d"; } .icon-e-arrow-right3:before { content: "\e61e"; } .icon-e-arrow-left5:before { content: "\e61f"; } .icon-e-arrow-down5:before { content: "\e620"; } .icon-e-arrow-up5:before { content: "\e621"; } .icon-e-arrow-right4:before { content: "\e622"; } .icon-e-play:before { content: "\e623"; } .icon-e-pause:before { content: "\e624"; } .icon-e-record:before { content: "\e625"; } .icon-e-stop:before { content: "\e626"; } .icon-e-first:before { content: "\e627"; } .icon-e-last:before { content: "\e628"; } .icon-e-previous:before { content: "\e629"; } .icon-e-next:before { content: "\e62a"; } .icon-e-download:before { content: "\e62b"; } .icon-e-disk:before { content: "\e62c"; } .icon-e-video:before { content: "\e62d"; } .icon-e-pictures:before { content: "\e62e"; } .icon-e-checkmark:before { content: "\e62f"; } .icon-e-cross:before { content: "\e630"; } .icon-e-plus:before { content: "\e631"; } .icon-e-minus:before { content: "\e632"; } .icon-e-rss:before { content: "\e633"; } .icon-e-cone:before { content: "\e634"; } .icon-e-earth:before { content: "\e635"; } .icon-e-blocked:before { content: "\e636"; } .icon-e-info:before { content: "\e637"; } .icon-e-help:before { content: "\e638"; } .icon-e-question:before { content: "\e639"; } .icon-e-info2:before { content: "\e63a"; } .icon-e-warning:before { content: "\e63b"; } .icon-e-text:before { content: "\e63c"; } .icon-e-text2:before { content: "\e63d"; } .icon-e-suitcase:before { content: "\e63e"; } .icon-e-briefcase:before { content: "\e63f"; } .icon-e-lock:before { content: "\e640"; } .icon-e-lock-open:before { content: "\e641"; } .icon-e-new:before { content: "\e642"; } .icon-e-newspaper:before { content: "\e643"; } .icon-e-tag:before { content: "\e644"; } .icon-e-camera:before { content: "\e645"; } .icon-e-clock:before { content: "\e646"; } .icon-e-lifebuoy:before { content: "\e647"; } .icon-e-eye:before { content: "\e648"; } .icon-e-house:before { content: "\e649"; } .icon-e-search:before { content: "\e64a"; } .icon-e-flag:before { content: "\e64b"; } .icon-e-cog:before { content: "\e64c"; } .icon-e-tools:before { content: "\e64d"; } .icon-e-chat:before { content: "\e64e"; } .icon-e-thumbs-up:before { content: "\e64f"; } .icon-e-thumbs-down:before { content: "\e650"; } .icon-e-star:before { content: "\e651"; } .icon-e-star2:before { content: "\e652"; } .icon-e-heart:before { content: "\e653"; } .icon-e-heart2:before { content: "\e654"; } .icon-e-share:before { content: "\e655"; } .icon-e-location:before { content: "\e656"; } .icon-e-vcard:before { content: "\e657"; } .icon-e-comment:before { content: "\e658"; } .icon-e-paperclip:before { content: "\e659"; } .icon-e-pencil:before { content: "\e65a"; } .icon-e-mail:before { content: "\e65b"; } .icon-e-phone:before { content: "\e65c"; } .icon-e-mobile:before { content: "\e65d"; } .icon-e-export:before { content: "\e65e"; } .icon-e-reply:before { content: "\e65f"; } .icon-e-forward:before { content: "\e660"; } .icon-e-reply-all:before { content: "\e661"; } .icon-e-gauge:before { content: "\e662"; } .icon-e-list:before { content: "\e663"; } .icon-e-upload:before { content: "\e664"; } .icon-e-cycle:before { content: "\e665"; } .icon-e-docs:before { content: "\e666"; } .icon-e-ccw:before { content: "\e667"; } .icon-e-upload2:before { content: "\e668"; } .icon-e-install:before { content: "\e669"; } .icon-e-arrow-right5:before { content: "\e66a"; } .icon-e-arrow-up6:before { content: "\e66b"; } .icon-e-arrow-down6:before { content: "\e66c"; } .icon-e-arrow-left6:before { content: "\e66d"; } .icon-e-plus2:before { content: "\e66e"; } .icon-e-cross2:before { content: "\e66f"; } .icon-e-minus2:before { content: "\e670"; } .icon-e-plus3:before { content: "\e671"; } .icon-e-bars:before { content: "\e672"; } .icon-e-statistics:before { content: "\e673"; } .icon-e-bookmarks:before { content: "\e674"; } .icon-e-inner-facebook { content: "\e600"; } .icon-e-inner-twitter { content: "\e601"; } .icon-e-inner-pinterest { content: "\e602"; } .icon-e-inner-linkedin { content: "\e603"; } .icon-e-inner-linkedin2 { content: "\e604"; } .icon-e-inner-skype { content: "\e605"; } .icon-e-inner-vimeo { content: "\e606"; } .icon-e-inner-vimeo2 { content: "\e607"; } .icon-e-inner-twitter2 { content: "\e608"; } .icon-e-inner-facebook2 { content: "\e609"; } .icon-e-inner-google { content: "\ea8c"; } .icon-e-inner-googleplus { content: "\e60a"; } .icon-e-inner-googleplus2 { content: "\e60b"; } .icon-e-inner-pinterest2 { content: "\e60c"; } .icon-e-inner-paypal { content: "\e60d"; } .icon-e-inner-menu { content: "\e60e"; } .icon-e-inner-uniE60F { content: "\e60f"; } .icon-e-inner-arrow-up { content: "\e610"; } .icon-e-inner-arrow-down { content: "\e611"; } .icon-e-inner-arrow-left { content: "\e612"; } .icon-e-inner-arrow-right { content: "\e613"; } .icon-e-inner-arrow-up2 { content: "\e614"; } .icon-e-inner-arrow-down2 { content: "\e615"; } .icon-e-inner-arrow-left2 { content: "\e616"; } .icon-e-inner-arrow-right2 { content: "\e617"; } .icon-e-inner-arrow-up3 { content: "\e618"; } .icon-e-inner-arrow-down3 { content: "\e619"; } .icon-e-inner-arrow-left3 { content: "\e61a"; } .icon-e-inner-arrow-left4 { content: "\e61b"; } .icon-e-inner-arrow-down4 { content: "\e61c"; } .icon-e-inner-arrow-up4 { content: "\e61d"; } .icon-e-inner-arrow-right3 { content: "\e61e"; } .icon-e-inner-arrow-left5 { content: "\e61f"; } .icon-e-inner-arrow-down5 { content: "\e620"; } .icon-e-inner-arrow-up5 { content: "\e621"; } .icon-e-inner-arrow-right4 { content: "\e622"; } .icon-e-inner-play { content: "\e623"; } .icon-e-inner-pause { content: "\e624"; } .icon-e-inner-record { content: "\e625"; } .icon-e-inner-stop { content: "\e626"; } .icon-e-inner-first { content: "\e627"; } .icon-e-inner-last { content: "\e628"; } .icon-e-inner-previous { content: "\e629"; } .icon-e-inner-next { content: "\e62a"; } .icon-e-inner-download { content: "\e62b"; } .icon-e-inner-disk { content: "\e62c"; } .icon-e-inner-video { content: "\e62d"; } .icon-e-inner-pictures { content: "\e62e"; } .icon-e-inner-checkmark { content: "\e62f"; } .icon-e-inner-cross { content: "\e630"; } .icon-e-inner-plus { content: "\e631"; } .icon-e-inner-minus { content: "\e632"; } .icon-e-inner-rss { content: "\e633"; } .icon-e-inner-cone { content: "\e634"; } .icon-e-inner-earth { content: "\e635"; } .icon-e-inner-blocked { content: "\e636"; } .icon-e-inner-info { content: "\e637"; } .icon-e-inner-help { content: "\e638"; } .icon-e-inner-question { content: "\e639"; } .icon-e-inner-info2 { content: "\e63a"; } .icon-e-inner-warning { content: "\e63b"; } .icon-e-inner-text { content: "\e63c"; } .icon-e-inner-text2 { content: "\e63d"; } .icon-e-inner-suitcase { content: "\e63e"; } .icon-e-inner-briefcase { content: "\e63f"; } .icon-e-inner-lock { content: "\e640"; } .icon-e-inner-lock-open { content: "\e641"; } .icon-e-inner-new { content: "\e642"; } .icon-e-inner-newspaper { content: "\e643"; } .icon-e-inner-tag { content: "\e644"; } .icon-e-inner-camera { content: "\e645"; } .icon-e-inner-clock { content: "\e646"; } .icon-e-inner-lifebuoy { content: "\e647"; } .icon-e-inner-eye { content: "\e648"; } .icon-e-inner-house { content: "\e649"; } .icon-e-inner-search { content: "\e64a"; } .icon-e-inner-flag { content: "\e64b"; } .icon-e-inner-cog { content: "\e64c"; } .icon-e-inner-tools { content: "\e64d"; } .icon-e-inner-chat { content: "\e64e"; } .icon-e-inner-thumbs-up { content: "\e64f"; } .icon-e-inner-thumbs-down { content: "\e650"; } .icon-e-inner-star { content: "\e651"; } .icon-e-inner-star2 { content: "\e652"; } .icon-e-inner-heart { content: "\e653"; } .icon-e-inner-heart2 { content: "\e654"; } .icon-e-inner-share { content: "\e655"; } .icon-e-inner-location { content: "\e656"; } .icon-e-inner-vcard { content: "\e657"; } .icon-e-inner-comment { content: "\e658"; } .icon-e-inner-paperclip { content: "\e659"; } .icon-e-inner-pencil { content: "\e65a"; } .icon-e-inner-mail { content: "\e65b"; } .icon-e-inner-phone { content: "\e65c"; } .icon-e-inner-mobile { content: "\e65d"; } .icon-e-inner-export { content: "\e65e"; } .icon-e-inner-reply { content: "\e65f"; } .icon-e-inner-forward { content: "\e660"; } .icon-e-inner-reply-all { content: "\e661"; } .icon-e-inner-gauge { content: "\e662"; } .icon-e-inner-list { content: "\e663"; } .icon-e-inner-upload { content: "\e664"; } .icon-e-inner-cycle { content: "\e665"; } .icon-e-inner-docs { content: "\e666"; } .icon-e-inner-ccw { content: "\e667"; } .icon-e-inner-upload2 { content: "\e668"; } .icon-e-inner-install { content: "\e669"; } .icon-e-inner-arrow-right5 { content: "\e66a"; } .icon-e-inner-arrow-up6 { content: "\e66b"; } .icon-e-inner-arrow-down6 { content: "\e66c"; } .icon-e-inner-arrow-left6 { content: "\e66d"; } .icon-e-inner-plus2 { content: "\e66e"; } .icon-e-inner-cross2 { content: "\e66f"; } .icon-e-inner-minus2 { content: "\e670"; } .icon-e-inner-plus3 { content: "\e671"; } .icon-e-inner-bars { content: "\e672"; } .icon-e-inner-statistics { content: "\e673"; } .icon-e-inner-bookmarks { content: "\e674"; } .icon-e-inner-list2 { content: "\e67a"; } .icon-e-inner-key { content: "\e98d"; } .icon-e-inner-key2 { content: "\e98e"; } /*************** icon variables **************/ [class*="flag-"] { display: inline-block; width: 16px; height: 11px; background-image: url("../../libraries/img/icons/flags.png"); background-repeat: no-repeat; background-position: 0 0; } .flag { width: 16px; height: 11px; } .flag-de { background-position: -80px -33px; } .flag-gb, .flag-en { background-position: -176px -44px; } .flag-ru { background-position: -224px -121px; } .flag-ba { background-position: 0 -11px; } .flag-cn { background-position: -208px -22px; } .flag-es { background-position: -16px -44px; } .flag-fr { background-position: -144px -44px; } .flag-hr { background-position: 0 -66px; } .flag-it { background-position: -208px -66px; } .flag-no { background-position: -96px -110px; } .flag-pl { background-position: -32px -121px; } .flag-rs { background-position: -208px -121px; } .flag-se { background-position: -80px -132px; } .flag-si { background-position: -128px -132px; } .flag-sk { background-position: -144px -132px; } .flag-us { background-position: -144px -154px; } a[data-action="offer"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e644"; font-style: normal; font-size: notset; margin: notset; } a[data-action="monitoring"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e666"; font-style: normal; font-size: notset; margin: notset; } a[data-action="contact"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e639"; font-style: normal; font-size: notset; margin: notset; } a[data-action="tradeIn"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e66a"; font-style: normal; font-size: notset; margin: notset; } a[data-action="testDrive"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e646"; font-style: normal; font-size: notset; margin: notset; } a[data-action="financing"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63e"; font-style: normal; font-size: notset; margin: notset; } a[data-action="videoConference"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-style: normal; font-size: notset; margin: notset; } a[data-action="contractRequest"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\eada"; font-style: normal; font-size: notset; margin: notset; } /* hide text*/ /* Box-shadow */ /* Box images*/ /* Opacity */ /* Transform */ /* Dark label */ /* Border-box */ /* Content-box */ /* gradient1 ----old, need to be removed, when done */ /* new gradients */ .dropdown-menu { background: #ffffff; color: #1a1a1a; border: none; position: absolute; right: auto; z-index: 9999; display: none; padding: 0; -moz-box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); -webkit-box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dropdown-menu.show { display: block; } .dropdown-menu > li { list-style: none; padding: 0; } .dropdown-menu > li > a { display: block; border-top: 1px solid #cccccc; padding: 10px 20px; color: #1a1a1a; font-size: 15px; background-color: transparent; } .dropdown-menu > li > a .item-label { background: transparent; color: #1a1a1a; border-radius: 0; padding: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active { color: #1a1a1a; background-color: #cccccc; background-image: none; } .dropdown-menu > li > a:hover .item-label, .dropdown-menu > li > a:focus .item-label, .dropdown-menu > li > a:active .item-label { background: transparent; color: #1a1a1a; } .dropdown-menu > li:first-child > a { border-top: none; } .dropdown-menu > li.divider { height: 2px; margin: 0; border-top: none; border-bottom: none; background: #cccccc; } .dropdown-menu > li.divider + li > a { border-top: none; } body .dropdown-menu { background: #ffffff; color: #1a1a1a; border: none; position: absolute; right: auto; z-index: 9999; display: none; padding: 0; -moz-box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); -webkit-box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .dropdown-menu.show { display: block; } body .dropdown-menu > li { list-style: none; padding: 0; } body .dropdown-menu > li > a { display: block; border-top: 1px solid #cccccc; padding: 10px 20px; color: #1a1a1a; font-size: 15px; background-color: transparent; } body .dropdown-menu > li > a .item-label { background: transparent; color: #1a1a1a; border-radius: 0; padding: 0; } body .dropdown-menu > li > a:hover, body .dropdown-menu > li > a:focus, body .dropdown-menu > li > a:active { color: #1a1a1a; background-color: #cccccc; background-image: none; } body .dropdown-menu > li > a:hover .item-label, body .dropdown-menu > li > a:focus .item-label, body .dropdown-menu > li > a:active .item-label { background: transparent; color: #1a1a1a; } body .dropdown-menu > li:first-child > a { border-top: none; } body .dropdown-menu > li.divider { height: 2px; margin: 0; border-top: none; border-bottom: none; background: #cccccc; } body .dropdown-menu > li.divider + li > a { border-top: none; } .prevnext-button-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .prevnext-button-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .action-button { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; } .action-button [class^="\icons-tv-"] { display: none; } .action-button:focus { outline: none; } .action-button:hover, .action-button.on { outline: none; cursor: pointer; } .action-button.off, .action-button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .action-button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .action-button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .action-button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .action-button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .action-button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .action-button.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .action-button.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .action-button.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .action-button.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .action-button.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .secondary-button { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .secondary-button [class^="\icons-tv-"] { display: none; } .secondary-button:focus { outline: none; } .secondary-button:hover, .secondary-button.on { outline: none; cursor: pointer; } .secondary-button.off, .secondary-button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .secondary-button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .secondary-button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .secondary-button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .secondary-button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .secondary-button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .secondary-button [class^="\icons-tv-"] { display: none; } .secondary-button:focus { outline: none; } .secondary-button:hover, .secondary-button.on { outline: none; cursor: pointer; } .secondary-button.off, .secondary-button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .secondary-button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .secondary-button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .secondary-button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .secondary-button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .secondary-button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .secondary-button.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .secondary-button.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .secondary-button.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .secondary-button.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .secondary-button.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .tertiary-button { background-image: #00305e; color: #1a1a1a; font-weight: 500; border-bottom: 2px solid #00305e; } div.tooltip { z-index: 2030; } div.tooltip.top { margin-top: -20px !important; } div.tooltip.top .tooltip-arrow { border-top-color: #363636; } div.tooltip.right { margin-right: -20px !important; } div.tooltip.right .tooltip-arrow { border-right-color: #363636; } div.tooltip.bottom { margin-bottom: -20px !important; } div.tooltip.bottom .tooltip-arrow { border-bottom-color: #363636; } div.tooltip.left { margin-left: -20px !important; } div.tooltip.left .tooltip-arrow { border-left-color: #363636; } div.tooltip .tooltip-inner { color: #ffffff; background-color: #363636; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .tooltip-details { font-size: 15px; } .tooltip-details .price-value, .tooltip-details .currency-value { font-size: 15px; color: #ffffff; font-weight: 500; } .details-row { min-height: 10px !important; border-bottom: 1px solid #f5f5f5 !important; } .details-row .info-cell { padding: 9px 10px 7px 0; min-height: 20px !important; line-height: 140%; } .details-row .info-cell.param-type { color: #1a1a1a; font-weight: 400; } .details-row .info-cell.param-value { color: #1a1a1a; font-weight: 400; } .details-row:first-child { border-top: 1px solid #f5f5f5 !important; } .details-row:nth-child(2n-1) { background: transparent !important; } .details-row:nth-child(2n) { background: none !important; } .details-row:nth-child(2n):last-child { border-bottom: none !important; } .details-row span.icon { padding: 0; } .details-row.span12 + .details-row.span12 { margin-left: 0; } @media (max-width: 767px) { .details-row { display: block !important; font-size: 0; border-top: none !important; border-bottom: none !important; } .details-row .info-cell { display: inline-block !important; margin: 0 !important; width: 50% !important; font-size: 13px; vertical-align: top; } .tab-options .details-row .info-cell { width: 100% !important; } } .bg-gray { background: transparent; } .bg-gray + .bg-gray { background: none; } .bg-gray + :not(.bg-gray):last-child { border-bottom: none; } .bg-normal + .bg-normal { background: transparent; } .bg-normal:only-child { background: transparent; } .bg-normal:only-child + .bg-gray { background: none; } .bg-normal:only-child + :not(.bg-gray):last-child { border-bottom: none; } .native-specs + .datde-specs { position: relative; } .native-specs + .datde-specs:before { content: ""; display: block; width: 100%; position: absolute; border-width: 1px 0 0; border-style: solid; border-color: #f5f5f5; } .datde-specs .spec-entry { float: left; border-bottom: 1px solid #f5f5f5; font-size: 0; width: 48.717948717948715%; *width: 48.664757228587014%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .datde-specs .spec-entry { width: 100% !important; padding: 0 !important; } } .datde-specs .spec-entry .attribute, .datde-specs .spec-entry .value { display: inline-block; vertical-align: middle; box-sizing: border-box; font-size: 15px; padding: 9px 10px 7px 0; min-height: 20px !important; line-height: 140%; width: 48.717948717948715%; *width: 48.664757228587014%; } .datde-specs .spec-entry .attribute { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1a1a1a; } .datde-specs .spec-entry .value { color: #1a1a1a; font-weight: 400; padding-left: 4%; } @media (max-width: 767px) { .datde-specs .spec-entry .value { padding-left: 1%; } } .datde-specs .spec-entry:nth-child(2n) { padding-left: 2.5624309392265194%; *padding-left: 2.509239449864817%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .datde-specs .spec-entry:nth-child(4n), .datde-specs .spec-entry:nth-child(4n-1) { background: transparent; } .datde-specs .spec-entry:nth-last-child(1):nth-child(odd) { width: 100%; } .datde-specs .spec-entry:nth-last-child(1):nth-child(odd) .value { width: 29%; } .datde-specs .spec-entry:nth-last-child(1):nth-child(odd) .attribute { width: 20.6%; } .label-hot, .label-new, .label-sale, .label-used, .label-custom { position: absolute; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: -23.21320344px; top: 66.71067812px; width: 130px; height: 30px; text-align: center; color: #363636; font: 400 15px/30px 'Oxanium', Verdana, Helvetica, Sans-serif; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); text-shadow: notset; box-shadow: notset; z-index: 1; border: none; } .ui-widget-content .mCSB_horizontal .mCSB_container { margin-bottom: 0; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight { background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft:before, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft:before, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight:before { line-height: 34px; font-size: 13px; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft:hover, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight:hover, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft:focus, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight:focus, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft:active, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight:active { background: #808080; color: #ffffff; border: 1px solid #808080; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft { display: none; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight { display: none; margin-top: -34px; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } body .mCustomScrollBox.mCSB_horizontal .mCSB_container { margin: 0 0 23px; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools { height: auto; opacity: 1; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger { margin-left: 0; height: 13px; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #363636; border: 1px solid #ffffff; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover, body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:focus { background: #1a1a1a; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail { height: 13px; background: #999999; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft + .mCSB_draggerContainer { padding-right: 0; position: relative; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonUp, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonDown, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight { opacity: 1; } .widget-last-added .mCustomScrollBox { height: auto !important; padding-bottom: 34px; width: 96.3%; margin-left: 2%; } .custom-controls a { position: absolute; top: 80px; background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; background: none; border: none; } .custom-controls a:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom-controls a:before { line-height: 34px; font-size: 13px; } .custom-controls a:hover, .custom-controls a:focus, .custom-controls a:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .custom-controls a:hover { background: none; border: none; } .custom-controls a.scroll-left { left: -4px; } .custom-controls a.scroll-left:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .custom-controls a.scroll-right { right: 0; } .custom-controls a.scroll-right:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .ui-autocomplete { padding: 5px; max-width: 200px; min-width: 50px; max-height: 250px; border: 1px solid #999999; background: #f5f5f5; margin: -1px 0 0; overflow: auto; } .ui-autocomplete li { list-style: none; cursor: default; } .ui-autocomplete li a { display: block; padding: 5px 10px; overflow: hidden; text-overflow: ellipsis; color: #1a1a1a; } .ui-autocomplete li a:hover { color: #00305e; } .ui-autocomplete li a:focus { color: #00305e; } .ui-autocomplete li a:focus { color: #00305e; } .ui-autocomplete li a:visited { color: notset; } .ui-autocomplete li a:hover { cursor: pointer; color: #1a1a1a; background: #00305e; } .ui-helper-hidden-accessible { display: none; } .ui-autocomplete-input { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .ui-autocomplete-loading { background: white url("../img/loader.gif") 95% center no-repeat !important; } button.ui-multiselect:focus { outline: none; } body .ui-multiselect-header > .ui-helper-reset:after { content: ""; clear: both; display: table; } body .ui-multiselect { height: 28px; position: relative; padding: 2px 0 3px 4px; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; } body .ui-multiselect-menu .ui-widget-header .ui-icon { background-image: url("../../../template/libraries/css/images/ui-icons_000000_256x240.png"); opacity: 0.5; } body .ui-multiselect-checkboxes label.ui-state-hover > span { color: #333; } body .ui-multiselect-menu { border: 1px solid #ccc; } body .ui-multiselect-menu .ui-widget-header { background: #00305e; border: 1px solid #ccc; } body .ui-multiselect .ui-state-default, body .ui-widget-content .ui-multiselect.ui-state-default, body .ui-widget-header .ui-multiselect.ui-state-default { color: #999999; border: 1px solid #cccccc; font-weight: 400; background: #ffffff; font-size: 15px; } body .ui-multiselect .ui-state-hover, body .ui-widget-content .ui-multiselect.ui-state-hover, body .ui-widget-header .ui-multiselect.ui-state-hover { border: 1px solid #cccccc; } body .ui-multiselect.ui-state-focus, body .ui-widget-content .ui-multiselect.ui-state-focus, body .ui-widget-header .ui-multiselect.ui-state-focus { background: #00305e; } body .ui-multiselect span.ui-icon { background: #00305e; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin: 0; border: 0; width: 20px; display: block; height: 26px; position: absolute; right: 0; top: 0; } body .ui-multiselect span.ui-icon b { background: url("../img/select2.png") no-repeat 7px 13px transparent; background-size: 200%; display: block; height: 26px; width: 100%; } body .ui-multiselect-checkboxes label > span { margin-left: 5px; position: relative; top: 2px; color: #1a1a1a; } body .ui-multiselect-header ul li a:hover span:last-child, body .ui-multiselect-header ul li a:active span:last-child { color: #00305e; } body .ui-multiselect-header ul li a span:last-child, body .ui-multiselect-header ul li a span:last-child { display: inline-block; position: relative; top: 1px; color: #ffffff; text-shadow: none; } body .ui-multiselect-filter > input { width: 150px; font-size: 10.5px; } body .slide-wrapper { height: 175px; overflow: scroll; overflow-x: hidden; } body .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; } body .ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important; } body .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px; } body .ui-multiselect-header ul { font-size: 0.9em; } body .ui-multiselect-header ul li { text-transform: lowercase; list-style-type: none; } body .ui-multiselect-header ul li a { color: #fff; } body .ui-multiselect-menu .ui-multiselect-checkboxes label.ui-state-hover { background: #eee; } body .ui-multiselect-checkboxes label.ui-state-hover > span { color: #333; } body .ui-multiselect-header a { text-decoration: none; } body .ui-multiselect-header a:hover { text-decoration: underline; } body .ui-multiselect-header span.ui-icon { float: left; } body .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0; } body .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 8000; text-align: left; } body .ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: auto; /*overflow: hidden*/ } body .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px; width: 135px; } body .ui-multiselect-checkboxes label input { position: relative; top: 1px; } body .ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; padding-right: 3px; } body .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid; } body .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none; } body .ui-multiselect-menu.ui-widget-content { background: #ffffff; } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border: none; } .ui-slider { position: relative; text-align: left; background: #e1e1e1; } .ui-slider.ui-slider-horizontal { height: 4px; } .ui-slider.ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } .ui-slider.ui-slider-horizontal .ui-slider-handle { top: 50%; } .ui-slider .ui-slider-range { position: relative; border: none; display: block; font-size: inherit; position: absolute; z-index: 1; background: #00305e; } .ui-slider .ui-slider-handle { background: #00305e; border: none; cursor: default; position: absolute; height: 17px; width: 7px; margin: -8.5px 0 0 -3.5px; z-index: 2; } .ui-slider .ui-slider-handle:focus { outline: none; } .ui-slider .row-slider { display: inline-block; *zoom: 1; } .ui-slider .row-slider:before, .ui-slider .row-slider:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } body .datetimepicker { max-width: 200px; font-size: 13px; } body .datetimepicker [class^="icon-"], body .datetimepicker [class*=" icon-"] { background-image: url("../../libraries/img/icons/glyphicons-halflings-white.png"); } body .datetimepicker thead tr:first-child th:hover, body .datetimepicker tfoot tr:first-child th:hover { background: #363636; color: #ffffff; } body .datetimepicker table tr th:hover { color: #999999; } body .datetimepicker table tr td.day:hover { background: #363636; color: #ffffff; } body .datetimepicker table tr td.day.active { background-image: none; background-color: #00305e; color: #ffffff; } body .datetimepicker table tr td.day.active:hover { background: #00305e; } body .datetimepicker table tr td span:hover { background: #363636; color: #ffffff; } body .datetimepicker table tr td span.active:active, body .datetimepicker table tr td span.active:hover:active, body .datetimepicker table tr td span.active.disabled:active, body .datetimepicker table tr td span.active.disabled:hover:active, body .datetimepicker table tr td span.active.active, body .datetimepicker table tr td span.active:hover.active, body .datetimepicker table tr td span.active.disabled.active, body .datetimepicker table tr td span.active.disabled:hover.active { background: #00305e !important; background-color: #00305e !important; } body .modal { color: #1a1a1a; background: #ffffff; border-radius: 0; width: 800px; margin-left: -400px; } body .modal .modal-header, body .modal .modal-footer { border: none; } body .modal .modal-header h3, body .modal .modal-footer h3, body .modal .modal-header .title, body .modal .modal-footer .title { color: #363636; } body .modal .modal-header .title, body .modal .modal-footer .title { font-size: 18px; font-weight: 500; line-height: 30px; } body .modal .modal-header { background: #f5f5f5; border-bottom: 0 solid #cccccc; padding: 10px 50px 10px 15px; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; text-transform: none; z-index: 1; position: relative; font-size: 18px; font-weight: 500; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } body .modal .modal-header .close { position: absolute; top: 8px; right: 5px; font-size: 30px; opacity: 1; margin: 0; padding: 10px; color: #363636; background: #f5f5f5; font-weight: 400; text-shadow: none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } body .modal .modal-header .close:hover, body .modal .modal-header .close:focus { color: #999999; outline: none; } @media (max-width: 767px) { body .modal .modal-header .close { top: 3px; } } body .modal .modal-header .modal-title { word-break: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .modal .modal-footer { background: #f5f5f5; border-top: 1px solid #cccccc; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } body .modal .modal-body { max-height: 660px; } body .modal label { color: #1a1a1a; } body .modal label[class*="span"] { min-height: 10px; margin-top: 10px; } body .modal textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body .modal .form-row + .form-row { margin-top: 10px; } body .modal .form-row .label { line-height: 30px; } body .modal .button { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; margin-top: 0; width: auto; } body .modal .button [class^="\icons-tv-"] { display: none; } body .modal .button:focus { outline: none; } body .modal .button:hover, body .modal .button.on { outline: none; cursor: pointer; } body .modal .button.off, body .modal .button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body .modal .button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } body .modal .button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } body .modal .button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } body .modal .button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } body .modal .button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } body .modal .button [class^="\icons-tv-"] { display: none; } body .modal .button:focus { outline: none; } body .modal .button:hover, body .modal .button.on { outline: none; cursor: pointer; } body .modal .button.off, body .modal .button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body .modal .button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } body .modal .button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } body .modal .button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } body .modal .button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } body .modal .button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } body .modal .button.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } body .modal .button.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } body .modal .button.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } body .modal .button.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } body .modal .button.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } body .modal .button:before { font-size: 18px; line-height: 0; margin-right: 5px; } body .modal .button:before, body .modal .button span { vertical-align: middle; } body .modal .agree label { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } body .modal .agree label input, body .modal .agree label span { display: inline-block; } body .modal .agree label input { -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -o-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } body .modal .agree label span { font-size: 13px; width: calc(100% - 24px); } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { body .modal { max-width: calc(100% - 10px * 4); left: 50%; margin-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } body .modal .modal-body .control-group:not(.type-checkbox) { margin-bottom: 10px; } body .modal .modal-body .control-group:not(.type-checkbox) .input-label, body .modal .modal-body .control-group:not(.type-checkbox) .input-text { display: inline-block; vertical-align: middle; } body .modal .modal-body .control-group:not(.type-checkbox) .input-label { width: 20%; } body .modal .modal-body .control-group:not(.type-checkbox) .input-text { width: 76%; margin-left: 3%; } } @media (max-width: 767px) { body .modal { left: 0; margin-left: 20px; width: calc(100% - 10px * 4); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: 0 !important; left: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; transform: none !important; height: 100vh; max-height: 100vh; } body .modal, body .modal .modal-header, body .modal .modal-footer { border-radius: 0; } body .modal .modal-header .title { font-size: 18px; } body .modal .modal-title { word-break: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .modal .modal-body { max-height: none !important; max-height: 100vh !important; height: calc(100vh - 20px * 2 - 70px); box-sizing: border-box; padding: 15px; } body .modal .modal-footer { position: fixed; width: 100%; bottom: 0; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { body .modal .modal-body .control-group:not(.type-checkbox) { margin-bottom: 10px; } body .modal .modal-body .control-group:not(.type-checkbox) .input-label, body .modal .modal-body .control-group:not(.type-checkbox) .input-text { display: block; width: 100%; margin-left: 0; } body .modal .modal-footer { text-align: center; } } body.ios11.modal-open > header, body.ios11.modal-open > footer, body.ios11.modal-open .page-content :not(.contains-modal):not(.modal):not(.inside-modal) { display: none; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { body.ios11.modal-open .modal { border-radius: 0; box-shadow: none; border: none; } body.ios11.modal-open .modal.in { position: absolute; } body.ios11.modal-open .modal-backdrop { background: #ffffff; } body.ios11.modal-open .modal-backdrop.in { opacity: 1; } } body.ios11 .modal .select2-container, body.ios11 .modal .select2-container > .select2-choice, body.ios11 .modal .select2-container > .select2-choice .select2-chosen, body.ios11 .modal .select2-container > .select2-choice .select2-arrow { display: block !important; } body.ios11 .modal .select2-container > .select2-choice .select2-arrow > * { display: inline-block !important; } #video-modal { display: none; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 5vh; width: 90vw; height: 50.625vw; max-height: 90vh; margin-left: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #video-modal .modal-body { max-height: none; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } #video-modal .video-wrapper { height: calc(100% - 30px); width: calc(100% - 30px); padding: 0; position: absolute; } #video-modal.in { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: -ms-flex !important; display: flex !important; } body .nav { margin-bottom: 0; } body .nav > li > a { display: block; } body .nav > li > a:hover, body .nav > li > a:focus { text-decoration: none; color: #ffffff; background-color: #363636; } body .nav > li > a > img { max-width: none; } body .nav > li > a > .pull-right { float: right; } body .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: 500; line-height: 20px; color: #ffffff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } body .nav li + .nav-header { margin-top: 9px; } body .nav-tabs { border-bottom: 1px solid #cccccc; } body .nav-tabs > li { margin-bottom: -1px; } body .nav-tabs > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; border: 1px solid #cccccc; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; color: #1a1a1a; background-color: #f5f5f5; text-transform: capitalize; } body .nav-tabs > li > a, body .nav-tabs > li > a:before { vertical-align: middle; } body .nav-tabs > li > a:hover, body .nav-tabs > li > a:focus { border-color: #cccccc; } body .nav-tabs > .active > a, body .nav-tabs > .active > a:hover, body .nav-tabs > .active > a:focus { color: #ffffff; background-color: #363636; border: 1px solid #cccccc; border-bottom-color: transparent; cursor: default; } body .tab-pane { border-color: #cccccc; border-style: solid; border-width: 0 1px 1px; padding: 10px; } body .nav-tab > li > a, body .nav-pills > li > a { padding-right: 20px; padding-left: 20px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #363636 !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #363636 !important; } input::-moz-placeholder, textarea::-moz-placeholder { color: #363636 !important; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #363636 !important; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #505050 !important; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: #505050 !important; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #505050 !important; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #505050 !important; } .ie9 .placeholder, .lt-ie9 .placeholder { color: #363636 !important; } .video-wrapper { height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; } .video-wrapper .custom-video { background: #000; } .video-wrapper .iframe-video, .video-wrapper > iframe, .video-wrapper .custom-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .video-wrapper.review-card { height: 5400px; overflow-y: auto; padding-bottom: 0; border-radius: 5px; margin-bottom: 80px; box-sizing: border-box; border: 2px solid #f0f0f0; } @media (max-width: 1199px) { .video-wrapper.review-card { height: 3700px; } .video-wrapper.review-card iframe { height: 3650px !important; } } ::selection, ::-moz-selection { background: #00305e; } .image-count-label { background: linear-gradient(to bottom right, rgba(26, 26, 26, 0.8) 0%, transparent 50%); color: #ffffff; position: absolute; z-index: 100; padding: 7px 18px 15px 5px; top: 0; right: auto; left: 0; } .image-count-label .icon { margin: -2px 2px 0 0; } .image-count-label .icon:before { font-weight: 400; } .pac-container { z-index: 1060 !important; } .oper-status-notify { position: fixed; top: 5%; left: 50%; padding: 6px; transform: translateX(-50%); background: #00305e; color: #ffffff; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; opacity: 1; -moz-box-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff; -webkit-box-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff; box-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff; z-index: 1001; margin: 60px 0 0; } .oper-status-notify.off { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0; } .oper-status-notify.loading .spinner, .oper-status-notify .content { display: inline-block; vertical-align: middle; } .spinner { width: 20px; height: 20px; position: relative; margin: 0 10px 0 0; display: none; } .spinner .spinner-container { position: absolute; width: 100%; height: 100%; } .spinner .container1 > div, .spinner .container2 > div, .spinner .container3 > div { width: 6px; height: 6px; background-color: #ffffff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .spinner .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .spinner .circle1 { top: 0; left: 0; } .spinner .circle2 { top: 0; right: 0; } .spinner .circle3 { right: 0; bottom: 0; } .spinner .circle4 { left: 0; bottom: 0; } .spinner .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .container3 .circle1 { -webkit-animation-delay: -1s; animation-delay: -1s; } .spinner .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .spinner .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .spinner .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .spinner .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .spinner .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .spinner .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .spinner .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .spinner .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-moz-keyframes bouncedelay { 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bouncedelay { 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes bouncedelay { 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes bouncedelay { 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .input-append, .input-prepend { display: inline-block; margin-bottom: 0.7; vertical-align: middle; font-size: 0; white-space: nowrap; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .input-append, .input-prepend { width: 94%; } } @media (max-width: 979px) { .input-append, .input-prepend { width: 93%; } } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 15px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append input[readonly] + .add-on, .input-prepend input[readonly] + .add-on, .input-append select[readonly] + .add-on, .input-prepend select[readonly] + .add-on, .input-append .uneditable-input[readonly] + .add-on, .input-prepend .uneditable-input[readonly] + .add-on { border-color: #cccccc; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; min-width: 16px; font-size: 15px; font-weight: normal; text-align: center; color: #1a1a1a; background-color: #f5f5f5; border-width: 1px; border-style: solid; border-color: #cccccc; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } .popover .popover-content p { margin: 0; } .popover.financing-popover { max-width: none; padding: 15px; background-color: transparent !important; -webkit-background-clip: inherit !important; -moz-background-clip: inherit !important; background-clip: inherit !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; white-space: normal; margin-left: 5px; } .popover.financing-popover .popover-inner { max-width: 375px; padding: 1px; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.financing-popover .popover-inner .popover-title { background-color: #ffffff; border-bottom: 1px solid #cccccc; } .popover.financing-popover.left { padding: 0 15px 0 0; margin: 0; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -o-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } .popover.financing-popover.left .arrow { right: 5px; border-left-color: #999999; } .popover.financing-popover.left .arrow:after { border-left-color: #ffffff; } .popover.financing-popover.left.in { *margin: 0 0 0 5px; } .popover.financing-popover.right { padding: 0 0 0 15px; margin: 0; -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -o-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); } .popover.financing-popover.right .arrow { left: 5px; } .popover.financing-popover.right.in { *margin: 0 5px 0 0; } .popover.financing-popover.top { padding: 0 0 15px 0; margin: 0; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -o-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .popover.financing-popover.top .arrow { bottom: 5px; } .popover.financing-popover.top.in { *margin: 5px 0 0 0; } .popover.financing-popover.bottom { padding: 15px 0 0 0; margin: 0; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .popover.financing-popover.bottom .arrow { top: 5px; } .popover.financing-popover.bottom.in { *margin: 0 0 5px 0; } .popover.financing-popover .fin-field { padding: 1px 0; display: inline-block; width: 100%; } .popover.financing-popover .fin-group + .fin-group { border-top: 1px solid #f5f5f5; } .popover.financing-popover .fin-value, .popover.financing-popover .fin-label { display: inline-block; } .popover.financing-popover .fin-label { width: 65%; } .popover.financing-popover .fin-value { font-weight: 500; } .popover.financing-popover .financing-disclaimer { font-size: 10px; margin: 5px 0 0; } .popover.financing-popover .financing-disclaimer span, .popover.financing-popover .financing-disclaimer a { display: block; } .popover.financing-popover .financing-disclaimer a:before, .popover.financing-popover .financing-disclaimer a:after { display: none; } .popover-info { display: none; } .scancode .scancode-instruction { text-align: center; cursor: pointer; width: 100%; line-height: 1.9; } .scancode .scancode-instruction, .scancode .scancode-instruction:before { display: inline-block; vertical-align: middle; } .scancode .scancode-wrapper { background: #ffffff; display: inline-block; position: absolute; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; z-index: 999; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .scancode .scancode-wrapper, .scancode .scancode-wrapper img, .scancode .scancode-wrapper .scancode-pointer-text { padding: 0; font-size: 0; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; max-height: 0; } .scancode .scancode-wrapper img { max-width: 225px; } .scancode.code-show .scancode-wrapper { top: 0; padding: 15px; } .scancode.code-show .scancode-wrapper, .scancode.code-show .scancode-wrapper img { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; max-height: 500px; } .scancode.code-show .scancode-wrapper .scancode-pointer { display: inline-block; vertical-align: middle; } .scancode.code-show .scancode-wrapper .scancode-pointer .scancode-pointer-image { padding-left: 15px; width: 90px; } .scancode.code-show .scancode-wrapper .scancode-pointer .scancode-pointer-text { font-size: 10px; max-height: 500px; width: 135px; display: block; padding-left: 15px; white-space: normal; text-align: center; color: #1a1a1a; padding-top: 9.9px; } .scancode.popover .arrow { display: none; } .prices-envelope.use-tooltip .values-secondary { display: none; } .popover.price-popover .popover-content { padding: 10px; } .popover.price-popover .popover-content .price { font-weight: 400; } .popover.price-popover .popover-content .price .value { color: #00305e; } .popover.price-popover .popover-content .price .value .desc { position: relative; font-size: 8px; margin: 0 0 0 5px; color: #1a1a1a; display: block; } .popover.price-popover .popover-content .price .value.nomwst { display: block; margin-right: 0; } .popover.price-popover .popover-content .price .value.nomwst .desc, .popover.price-popover .popover-content .price .value.nomwst > span { display: block; margin-left: 0; } .popover.price-popover .popover-content .price .value.nomwst .desc { line-height: 11.2px; position: relative; margin: -5px 0 10px; } .popover.price-popover .popover-content .price .row-old .value, .popover.price-popover .popover-content .price .row-diff .value { font-size: 16.8px; color: #999999; } .popover.price-popover .popover-content .price .row-old .value { text-decoration: line-through; } .popover.price-popover .popover-content .price .row-diff { border-bottom: 1px solid #999999; } .popover.price-popover .popover-content .price .row-dealer .value, .popover.price-popover .popover-content .price .row-current .value { font-size: 28px; } .popover.price-popover .popover-content .price .row-dealer .desc, .popover.price-popover .popover-content .price .row-current .desc { margin: -5px 0 10px; } .popover.price-popover .popover-content .price .row-current-no-tax .value { font-size: 21px; } .popover.price-popover .popover-content .price .row-current-no-tax .desc { margin: 5px 0; } .popover.price-popover .popover-content .price .row-current-no-tax.vat-reclaimable { position: relative; } .popover.price-popover .popover-content .price .row-current-no-tax.vat-reclaimable .desc { right: 0; } .popover.price-popover .popover-content .price .row-current-no-tax.vat-reclaimable .value { display: block; margin: -10px 0 5px; } .popover.price-popover .popover-content .price .row-producer-price .value { margin: 0; color: #1a1a1a; } .popover.price-popover .popover-content .price .row-producer-price .value .price-holder { font-weight: 400; } .popover.price-popover .popover-content .price .row-producer-price .value .desc { position: relative; float: none; } .popover.price-popover .popover-content .price .row-buyers-profit .value { margin: 0; color: #1a1a1a; } .popover.price-popover .popover-content .price .row-buyers-profit .value .price-holder { font-weight: 500; font-size: 24px; } .popover.price-popover .popover-content .price .row-buyers-profit .value .desc { position: relative; float: none; } .popover.price-popover .popover-content .price .row-producer-price .value .desc, .popover.price-popover .popover-content .price .row-buyers-profit .value .desc { margin: 0; display: block; } .popover.price-popover .popover-content .price .row-dealer + .row-current .value { font-size: 21px; } .popover.price-popover .popover-content .price .row-dealer + .row-current .desc { line-height: 1; margin: -5px 0 5px; } .popover.price-popover .popover-content .price.price-vat-reclaimable .value, .popover.price-popover .popover-content .price.price-vat-reclaimable .value .nomwst { margin-right: 0; } .popover.price-popover .popover-content .price.price-vat-reclaimable .row-current .desc { display: none; } .popover.price-popover .popover-content .price.price-vat-reclaimable .row-current .nomwst .desc { display: block; } .popover.price-popover .popover-content .price.price-financing { color: #00305e; float: right; } .popover.price-popover .popover-content .row-financing:not(:only-child) .price-financing { border-bottom: 1px solid #999999; padding-bottom: 5px; } .financing-summary .fin-value .sublabel, .financing-summary .fin-value .label-inner { padding-right: 5px; } .financing-summary .fin-value .sublabel { color: #363636; } .financing-summary .fin-label { color: #363636; } .carousel-inner, .carousel-scroller { *zoom: 1; } .carousel-inner:before, .carousel-scroller:before, .carousel-inner:after, .carousel-scroller:after { content: " "; display: block; clear: both; } .carousel-inner { text-align: center; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carousel-inner > .caroufredsel_wrapper { display: inline-block !important; } .carousel-controls { position: absolute; right: 0; top: -10px; *top: -25px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); z-index: auto; } .carousel-controls .button-prev, .carousel-controls .button-next { display: inline-block !important; position: relative; color: transparent; font-size: 0; text-align: center; z-index: 2; width: auto; height: auto; border: 1px solid #00305e; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #00305e; } .carousel-controls .button-prev:before, .carousel-controls .button-next:before { color: #ffffff; font-size: 32px; font-weight: 500; width: 30px; height: 30px; line-height: 30px; } .carousel-controls .button-prev:hover, .carousel-controls .button-next:hover, .carousel-controls .button-prev:focus, .carousel-controls .button-next:focus { outline: none; cursor: pointer; background: #363636; border-color: #363636; } .carousel-controls .button-prev:hover:before, .carousel-controls .button-next:hover:before, .carousel-controls .button-prev:focus:before, .carousel-controls .button-next:focus:before { color: #ffffff; } .carousel-controls .button-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: 16px; margin: notset; } .carousel-controls .button-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: 16px; margin: notset; } @media (max-width: 767px) { .carousel-wrapper { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .carousel-wrapper .carousel-controls { position: relative; text-align: center; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; margin-top: 20px; } .carousel-wrapper .carousel-inner { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } } .header-conditional { display: none !important; } @media (max-width: 767px) { .header-conditional { display: block !important; } } .columns-shrinkable > .sc { display: inline-block; vertical-align: top; } .columns-shrinkable.columns-empty, .columns-shrinkable.columns-empty > .sc { display: block; } .symfio-link-global { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: 0 auto; padding: 30px; } .symfio-link-global .icon { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-width: 60px; } .symfio-link-global .icon:before { content: ''; display: inline-block; position: absolute; width: 60px; height: 60px; padding: 7px 10px; background-image: url(../../../images/frontend/icons/caratana_banner_icon.png); background-size: contain; color: #f5f5f5; font-size: 32px; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -o-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } .symfio-link-global .text { margin: 0 60px 0 20px; } .symfio-link-global .text h4 { margin: 0 0 5px; font-size: 24px; font-weight: 500; text-transform: uppercase; } .symfio-link-global .text p { margin: 0; } .symfio-link-global a { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; margin-top: 0; min-width: 120px; text-align: center; } .symfio-link-global a [class^="\icons-tv-"] { display: none; } .symfio-link-global a:focus { outline: none; } .symfio-link-global a:hover, .symfio-link-global a.on { outline: none; cursor: pointer; } .symfio-link-global a.off, .symfio-link-global a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .symfio-link-global a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-global a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-global a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .symfio-link-global a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .symfio-link-global a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .symfio-link-global a [class^="\icons-tv-"] { display: none; } .symfio-link-global a:focus { outline: none; } .symfio-link-global a:hover, .symfio-link-global a.on { outline: none; cursor: pointer; } .symfio-link-global a.off, .symfio-link-global a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .symfio-link-global a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-global a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-global a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .symfio-link-global a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .symfio-link-global a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .symfio-link-global a.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-global a.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-global a.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-global a.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-global a.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .symfio-link-global { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; padding: 25px 10px 30px; } .symfio-link-global .icon:before { width: 40px; height: 40px; -webkit-transform: translateY(23px); -moz-transform: translateY(23px); -o-transform: translateY(23px); -ms-transform: translateY(23px); transform: translateY(23px); } .symfio-link-global .text { margin: 0 0 15px; line-height: 1.4; } .symfio-link-global .text h4 { margin: 0 0 10px 50px; font-size: 20px; line-height: 1; } } .symfio-link-context { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: 0 auto; padding: 30px; } .symfio-link-context .crtn-group { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; flex-direction: column; } .symfio-link-context .crtn-row-1 { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .symfio-link-context .crtn-row-2 { margin: 10px 0 -5px -5px; } .symfio-link-context .icn { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-width: 60px; } .symfio-link-context .icn:before { content: ''; display: inline-block; width: 60px; height: 60px; background-image: url(../../../images/frontend/icons/caratana_banner_icon.png); background-size: contain; color: #f5f5f5; font-size: 32px; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -o-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } .symfio-link-context .text { margin: 0 60px 0 20px; } .symfio-link-context .text h4 { margin: 0 0 5px; font-size: 24px; font-weight: 500; text-transform: uppercase; } .symfio-link-context .text p { margin: 0; } .symfio-link-context a { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; margin: 5px; min-width: 120px; text-align: center; } .symfio-link-context a [class^="\icons-tv-"] { display: none; } .symfio-link-context a:focus { outline: none; } .symfio-link-context a:hover, .symfio-link-context a.on { outline: none; cursor: pointer; } .symfio-link-context a.off, .symfio-link-context a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .symfio-link-context a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-context a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-context a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .symfio-link-context a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .symfio-link-context a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .symfio-link-context a [class^="\icons-tv-"] { display: none; } .symfio-link-context a:focus { outline: none; } .symfio-link-context a:hover, .symfio-link-context a.on { outline: none; cursor: pointer; } .symfio-link-context a.off, .symfio-link-context a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .symfio-link-context a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-context a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .symfio-link-context a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .symfio-link-context a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .symfio-link-context a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .symfio-link-context a.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-context a.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-context a.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-context a.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-context a.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .symfio-link-eyecatcher { padding: 45px; position: relative; font-size: 20px; font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif; background: url(/images/frontend/fabric/bell-tex.png), linear-gradient(34deg, #3366cc, #6699ff); color: #fff; } .symfio-link-eyecatcher b { font-weight: inherit; color: #ffff00; } .symfio-link-eyecatcher .text-h { font-size: 1.8em; } .symfio-link-eyecatcher .text-d { max-width: 28em; margin-bottom: 0.5em; line-height: 1.4; } .symfio-link-eyecatcher .crtn-btn { margin: 1em 1em 0 0; padding: 0.8em 2em; line-height: 1; color: #003399; background-color: #fff; border-radius: 0.2em; } .symfio-link-eyecatcher .crtn-btn:not([hidden]) { display: inline-block; vertical-align: top; } .symfio-link-eyecatcher .crtn-toggle:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e951"; font-style: normal; font-size: notset; margin: 0 0.5em 0 0; } .symfio-link-eyecatcher .crtn-toggle, .symfio-link-eyecatcher .crtn-toggle:before { vertical-align: middle; } .symfio-link-eyecatcher .crtn-action:not([hidden]) { display: flex; align-items: flex-end; flex-wrap: wrap; } .symfio-link-eyecatcher .aside { position: absolute; right: 45px; top: 50%; -webkit-transform: translateY(-54%); -moz-transform: translateY(-54%); -o-transform: translateY(-54%); -ms-transform: translateY(-54%); transform: translateY(-54%); display: flex; align-items: center; } .symfio-link-eyecatcher .img-bell { margin: 20px -35px 0 0; } .symfio-link-eyecatcher .options-heading { margin: 1em 0 0; color: #ffff00; } .symfio-link-eyecatcher .service { font-size: 0.7em; color: #fff; position: absolute; bottom: 5px; right: 10px; } .symfio-link-eyecatcher .service a { color: inherit; } .symfio-link-eyecatcher .crtn-action, .symfio-link-eyecatcher .crtn-options { transition: 0.5s opacity; } .symfio-link-eyecatcher .crtn-action { opacity: 1; } .symfio-link-eyecatcher .crtn-options { max-width: calc(100% - 45px - 370px); opacity: 0; } .symfio-link-eyecatcher .crtn-options a { transition: all 400ms; } .symfio-link-eyecatcher .crtn-options a:hover, .symfio-link-eyecatcher .crtn-options a:focus { opacity: 0.9; } .symfio-link-eyecatcher .crtn-all { line-height: 1; margin: 10px 0 -20px; } .symfio-link-eyecatcher .crtn-all a { font-size: 0.7em; color: #fff; } .symfio-link-eyecatcher .crtn-all a:hover, .symfio-link-eyecatcher .crtn-all a:focus { text-decoration: underline; } .symfio-link-eyecatcher.detailed .crtn-action { opacity: 0; } .symfio-link-eyecatcher.detailed .crtn-options { opacity: 1; } @media (max-width: 1024px) { .symfio-link-eyecatcher .img-bell { display: none; } .symfio-link-eyecatcher .crtn-options { max-width: calc(100% - 215px - 45px); } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .symfio-link-eyecatcher .aside { display: none; } .symfio-link-eyecatcher .crtn-options { max-width: 100%; } } @media (max-width: 767px) { .symfio-link-eyecatcher .aside { display: none; } .symfio-link-eyecatcher .crtn-options { max-width: 100%; } .symfio-link-eyecatcher .options-heading { margin: 1em 0; } .symfio-link-eyecatcher .crtn-options { max-width: 100%; margin: 0; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .symfio-link-eyecatcher { padding: 25px; font-size: 18px; } .symfio-link-eyecatcher .text-h { line-height: 1; } .symfio-link-eyecatcher .crtn-btn:not([hidden]) { margin: 0 0 1em; width: 100%; display: block; box-sizing: border-box; } .symfio-link-eyecatcher .crtn-btn:not([hidden]):last-child { margin-bottom: 0; } .symfio-link-eyecatcher .crtn-action { justify-content: center; text-align: center; } .symfio-link-eyecatcher .img-social { max-width: 50%; } } .whatsapp-banner { padding: 15px 20px; background: #f5f5f5; border: 1px solid #f5f5f5; margin-bottom: 25px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; } .whatsapp-banner-inner { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 1000px; margin: 0 auto; } .whatsapp-banner--icon:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 55px; margin: notset; } .whatsapp-banner--icon::before { color: #cccccc; } .whatsapp-banner--text { margin: 0 60px 0 20px; line-height: 1.3 !important; font-weight: normal; } @media (max-width: 767px) { .whatsapp-banner--text { margin: 15px 0 20px; text-align: center; } } .whatsapp-banner--button { margin: 0; } .whatsapp-banner--button, .whatsapp-banner--button:hover, .whatsapp-banner--button:focus { background: #3d842f; } @media (min-width: 1200px) { .whatsapp-banner--button { width: 315px; } } @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) { .whatsapp-banner--button { width: 315px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .whatsapp-banner--button { width: 475px; } } @media (max-width: 767px) { .whatsapp-banner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .whatsapp-banner-inner { flex-direction: column; } } .slideshow-holder { height: auto; } .slideshow-holder .nivo-controlNav { bottom: 0; right: 0; position: absolute; text-align: center; z-index: 10000; padding: 5px !important; visibility: visible !important; } .slideshow-holder .nivo-caption { top: 5%; bottom: auto; left: auto; right: 0; color: #ffffff; padding: 0; display: inline-block; text-align: right; float: right; background: none; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.85) 100%); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.85) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.85) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.85) 100%); width: 100%; opacity: 1; } .slideshow-holder .nivo-caption .caption-wrapper { display: block; width: 1170px; margin: 0 auto; text-align: right; position: relative; } .slideshow-holder .nivo-caption .caption-content { border: none; text-shadow: none; display: inline-block !important; width: 50%; padding: 10px 0 10px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slideshow-holder .nivo-caption .caption-content:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e623"; font-style: normal; font-size: notset; margin: notset; } .slideshow-holder .nivo-caption .caption-content:after { content: "\e623 \e623 \e623"; font-style: normal; position: absolute; font-size: 50px; top: 50%; right: -105px; margin: -32px 0 0; letter-spacing: -15px; color: #00305e; text-shadow: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } @media (max-width: 979px) { .slideshow-holder .nivo-caption .caption-content:after { display: none; } } .slideshow-holder .nivo-caption .caption-content, .slideshow-holder .nivo-caption .caption-content:hover, .slideshow-holder .nivo-caption .caption-content:focus { color: #ffffff; } .slideshow-holder .nivo-caption .caption-content .caption-heading, .slideshow-holder .nivo-caption .caption-content .caption-text { display: block; border-right: 1px solid #cccccc; padding-right: 15px; } .slideshow-holder .nivo-caption .caption-content .caption-heading { font-size: 32px; text-transform: uppercase; color: #00305e; } .slideshow-holder .nivo-caption .caption-content .caption-text { font-size: 15px; } .slideshow-holder .nivo-caption .caption-content:hover:after, .slideshow-holder .nivo-caption .caption-content:focus:after { color: #999999; } .outerControlNav { position: relative; top: -49px; left: -68px; margin-left: -2.6%; z-index: 100; display: none; } .outerControlNav .nivo-prevNav-outer, .outerControlNav .nivo-nextNav-outer { background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { line-height: 34px; font-size: 13px; } .outerControlNav .nivo-prevNav-outer:hover, .outerControlNav .nivo-nextNav-outer:hover, .outerControlNav .nivo-prevNav-outer:focus, .outerControlNav .nivo-nextNav-outer:focus, .outerControlNav .nivo-prevNav-outer:active, .outerControlNav .nivo-nextNav-outer:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .outerControlNav .nivo-prevNav-outer:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .outerControlNav .nivo-nextNav-outer:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } @media (max-width: 979px) { .slideshow-holder .nivo-caption .caption-content:after { display: none; } .slideshow-holder .nivo-caption { padding-right: 10px; } .slideshow-holder .nivo-caption .caption-content .caption-heading, .slideshow-holder .nivo-caption .caption-content .caption-text { padding-right: 0; border: none; } } .custom-menuitem.item-vehicle-info-default { padding: 0 10px; } .custom-menuitem.item-vehicle-info-default .title { font-weight: 500; text-transform: uppercase; font-size: 18px; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; } .custom-menuitem.item-vehicle-info-default .title, .custom-menuitem.item-vehicle-info-default .title a, .custom-menuitem.item-vehicle-info-default .title a:visited { color: #1a1a1a; } .custom-menuitem.item-vehicle-info-default .title a { padding: 0; } .custom-menuitem.item-vehicle-info-default .title a:hover, .custom-menuitem.item-vehicle-info-default .title a:focus, .custom-menuitem.item-vehicle-info-default .title a:active { color: #00305e; background: none; } .custom-menuitem.item-vehicle-info-default .title span:not(:only-child):first-child { display: none; } .custom-menuitem.item-vehicle-info-default .price { font-size: 18px; padding-left: 5px; color: #00305e; cursor: default; margin: 10px 0 0; } .custom-menuitem.item-vehicle-info-default .price [class*="price-value"], .custom-menuitem.item-vehicle-info-default .price [class*="price-currency"] { font-weight: 500; } .custom-menuitem.item-vehicle-info-default .preview { margin: 0 0 10px; } .custom-menuitem.item-vehicle-info-default .preview a { padding: 0; } .custom-menuitem.item-vehicle-info-default .preview a:hover, .custom-menuitem.item-vehicle-info-default .preview a:focus { background: none; } .custom-menuitem.item-vehicle-info-default .actions a { display: block; padding: 2px 5px; margin-bottom: 5px; border-radius: 0; } .custom-menuitem.item-vehicle-info-default .actions a, .custom-menuitem.item-vehicle-info-default .actions a:visited { background: none; color: #1a1a1a; } .custom-menuitem.item-vehicle-info-default .actions a:hover, .custom-menuitem.item-vehicle-info-default .actions a:focus, .custom-menuitem.item-vehicle-info-default .actions a:active { color: #00305e; } .custom-menuitem.item-vehicle-info-default .actions a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-style: normal; font-size: notset; margin: notset; } .custom-menuitem.item-vehicle-info-default .actions a:before { color: #00305e; } .jqueryuimenu-block { list-style-type: none; display: block; padding: 0; text-align: left; display: inline-block; *zoom: 1; } .jqueryuimenu-block:before, .jqueryuimenu-block:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .jqueryuimenu-block:focus { outline: none; } .jqueryuimenu-block a:visited { color: #1a1a1a; } .jqueryuimenu-block .ui-menu-divider { display: block; width: auto; padding: 0; margin: 0; border-color: rgba(204, 204, 204, 0.3); border-style: dashed; border-width: 1px 0 0; } .jqueryuimenu-block > li { float: left; position: relative; list-style-type: none; font-size: 18px; padding: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .jqueryuimenu-block > li.separator { display: none; } .jqueryuimenu-block > li > a { display: block; height: auto; color: #1a1a1a; padding: 13px 20px 10px 25px; background: none; border-width: 2px; border-style: solid; border-color: transparent; font-weight: 400; line-height: auto; text-decoration: none; text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li > a { border-width: 0; border-style: none; border-color: transparent; } } @media (max-width: 979px) { .jqueryuimenu-block > li > a { border-width: 0; border-style: none; border-color: transparent; } } .jqueryuimenu-block > li > a::before, .jqueryuimenu-block > li > a::after { content: ''; position: absolute; display: block; width: 0; height: 0; pointer-events: none; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: width 300ms ease, height 300ms ease; -moz-transition: width 300ms ease, height 300ms ease; -o-transition: width 300ms ease, height 300ms ease; transition: width 300ms ease, height 300ms ease; will-change: width, height; } .jqueryuimenu-block > li > a::before { top: 0; left: 0; border-top: 2px solid #00305e; border-left: 2px solid #00305e; } .jqueryuimenu-block > li > a::after { bottom: 0; right: 0; border-bottom: 2px solid #00305e; border-right: 2px solid #00305e; transform-origin: 100% 100%; } .jqueryuimenu-block > li > a .ui-icon { font-size: 9px; color: inherit; display: inline-block; line-height: 2.1em; margin-left: 5px; position: absolute; right: 7px; } .jqueryuimenu-block > li > a .ui-icon, .jqueryuimenu-block > li > a .ui-icon:before { display: none; } .jqueryuimenu-block > li > a .ui-icon:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jqueryuimenu-block > li > a .ui-icon:before { content: "\e75c"; } .jqueryuimenu-block > li > a:hover, .jqueryuimenu-block > li > a.ui-state-active { color: #1a1a1a; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: notset; border-style: solid; border-color: transparent; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li > a:hover, .jqueryuimenu-block > li > a.ui-state-active { border-width: 0; border-style: none; border-color: transparent; } } @media (max-width: 979px) { .jqueryuimenu-block > li > a:hover, .jqueryuimenu-block > li > a.ui-state-active { border-width: 0; border-style: none; border-color: transparent; } } .jqueryuimenu-block > li > a:hover::before, .jqueryuimenu-block > li > a.ui-state-active::before, .jqueryuimenu-block > li > a:hover::after, .jqueryuimenu-block > li > a.ui-state-active::after { width: 20px; height: 10px; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } @media (max-width: 1199px) { .jqueryuimenu-block > li > a { font-size: 18px; padding-left: 10px; position: relative; } .jqueryuimenu-block > li > a, .jqueryuimenu-block > li > a:hover, .jqueryuimenu-block > li > a.ui-state-active { border-bottom-width: 1px; border-bottom-color: #cccccc; } .jqueryuimenu-block > li > a .ui-icon, .jqueryuimenu-block > li > a .ui-icon:before { display: inline-block; } .jqueryuimenu-block > li > a .ui-icon { width: 40px; height: 100%; top: 0; right: 0; margin: 0; font-size: 11px; line-height: 1; } .jqueryuimenu-block > li > a .ui-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (max-width: 1199px) and (max-width: 979px) { .jqueryuimenu-block > li > a { font-size: 16px; } } @media (max-width: 1199px) and only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li > a .ui-icon { border-left: none; } } @media (max-width: 1199px) and (max-width: 979px) { .jqueryuimenu-block > li > a .ui-icon { border-left: none; } } @media (max-width: 767px) { .jqueryuimenu-block > li > a { font-size: 15px; padding-left: 10px; border-bottom-width: 1px; border-bottom-color: #1a1a1a; border-right-width: 0; } .jqueryuimenu-block > li > a .ui-icon, .jqueryuimenu-block > li > a .ui-icon:before { display: inline-block; } } .jqueryuimenu-block > li.active > a { color: #1a1a1a; background: none; border-width: notset; border-style: solid; border-color: transparent; font-weight: 500; } .jqueryuimenu-block > li.active > a:hover { color: #1a1a1a; background: none; border-width: notset; border-style: solid; border-color: transparent; } .jqueryuimenu-block > li ul { position: absolute; display: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; background: #ffffff; zoom: 1; background: transparent\0/; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)\0/; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)\0/; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff); max-width: 400px; z-index: 1100; left: -1px !important; top: 100% !important; display: none !important; border: 0 0 0 1px solid #f5f5f5; border-top: 0; padding: 0 0 0 0; -webkit-box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); box-shadow: 0px 2px 3px 0px rgba(26, 26, 26, 0.4); font-size: 15px; } @media (max-width: 1199px) { .jqueryuimenu-block > li ul { position: absolute; } } @media (min-width: 1200px) { .jqueryuimenu-block > li ul { display: none !important; position: absolute !important; } } .jqueryuimenu-block > li ul:hover { display: block !important; } .jqueryuimenu-block > li ul:after { clear: both; display: table; content: ""; } .jqueryuimenu-block > li ul li { float: none; margin: 0; list-style-type: none; padding: 0; position: relative; } @media (max-width: 767px) { .jqueryuimenu-block > li ul li { font-size: 13px; } } @media (max-width: 1199px) { .jqueryuimenu-block > li ul li { font-size: 13px; } } .jqueryuimenu-block > li ul li ul { left: 100% !important; left: calc(100%) !important; top: 0 !important; z-index: 1100; margin-top: 0; } @media (max-width: 767px) { .jqueryuimenu-block > li ul li ul { left: 0 !important; padding-left: 15px; } } @media (max-width: 1199px) { .jqueryuimenu-block > li ul li ul { left: 100% !important; padding-left: 15px; } } .jqueryuimenu-block > li ul li a:visited { color: #1a1a1a; } .jqueryuimenu-block > li ul li a, .jqueryuimenu-block > li ul li span.parent { white-space: nowrap; padding: 10px 25px 10px 10px; border-style: solid; border-color: #f5f5f5; border-width: 1px 0 0; min-width: 120px; display: block; } .jqueryuimenu-block > li ul li a, .jqueryuimenu-block > li ul li span.parent, .jqueryuimenu-block > li ul li a .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon { color: #1a1a1a; } .jqueryuimenu-block > li ul li a:hover, .jqueryuimenu-block > li ul li span.parent:hover { text-decoration: none; background: #f5f5f5; } .jqueryuimenu-block > li ul li a:hover, .jqueryuimenu-block > li ul li span.parent:hover, .jqueryuimenu-block > li ul li a:hover .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent:hover .ui-menu-icon { color: #1a1a1a; } .jqueryuimenu-block > li ul li a .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon { display: inline-block; position: absolute; right: 0; line-height: notset; color: #00305e; } .jqueryuimenu-block > li ul li a .ui-menu-icon:after, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-block > li ul li a .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon, .jqueryuimenu-block > li ul li a .ui-menu-icon:after, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon:after { vertical-align: middle; } .jqueryuimenu-block > li ul li a .ui-menu-icon:before, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon:before { position: absolute; right: 0; } .jqueryuimenu-block > li ul li > span { white-space: nowrap; padding: 5px 10px; display: block; cursor: default; } .jqueryuimenu-block > li ul li > span.parent { padding-right: 25px; } .jqueryuimenu-block > li ul li > span:hover { text-decoration: none; color: #00305e; } .jqueryuimenu-block > li ul li:first-child a { border-width: 1px 0 0; border-color: transparent; } .jqueryuimenu-block > li ul li:hover > ul { display: block !important; } .jqueryuimenu-block > li > ul { min-width: 120%; } .jqueryuimenu-block > li:hover > ul { display: block !important; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li:hover > ul { position: absolute; } } @media (max-width: 979px) { .jqueryuimenu-block > li:hover > ul { position: absolute; } } .jqueryuimenu-block > li:hover > ul[style*="display: none"] { display: block !important; } .jqueryuimenu-block > li:first-child > a { border-width: 2px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li:first-child > a { border-width: 0; } } @media (max-width: 979px) { .jqueryuimenu-block > li:first-child > a { border-width: 0; } } @media (max-width: 1199px) { .jqueryuimenu-block > li:first-child > a { border-right-width: 0; border-left-width: 0; } .jqueryuimenu-block > li a, .jqueryuimenu-block > li span.parent { position: relative; } .jqueryuimenu-block > li a .ui-menu-icon, .jqueryuimenu-block > li span.parent .ui-menu-icon { width: 40px; height: 100%; top: 0; right: -9px; margin: 0; font-size: 11px; line-height: 1; } .jqueryuimenu-block > li a .ui-menu-icon:after, .jqueryuimenu-block > li span.parent .ui-menu-icon:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (max-width: 1199px) and only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li a .ui-menu-icon, .jqueryuimenu-block > li span.parent .ui-menu-icon { border-left: none; right: -9px; } } @media (max-width: 1199px) and (max-width: 979px) { .jqueryuimenu-block > li a .ui-menu-icon, .jqueryuimenu-block > li span.parent .ui-menu-icon { border-left: none; right: -9px; } } @media (max-width: 1199px) and only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li li a .ui-menu-icon, .jqueryuimenu-block > li li span.parent .ui-menu-icon { border-left: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .jqueryuimenu-block > li a .ui-menu-icon, .jqueryuimenu-block > li span.parent .ui-menu-icon { border-left: none; right: -9px; } } @media (max-width: 979px) { .jqueryuimenu-block > li a .ui-menu-icon, .jqueryuimenu-block > li span.parent .ui-menu-icon { border-left: none; right: -9px; } } @media (max-width: 1199px) { .jqueryuimenu-block.submenu-default { position: static; max-width: none; } } @media (max-width: 767px) { .jqueryuimenu-block.submenu-default { position: static; max-width: none; } } .jqueryuimenu-block li.item-custom ul { min-width: 350px; min-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer .heading-item { text-transform: uppercase; color: #ffffff; font-size: 15px; margin-bottom: 10px; } .linkmenu-block { margin: 0; padding: 0; list-style-type: none; text-align: left; } .linkmenu-block li { display: block; font-size: 10px; line-height: 1.4; padding: 0; margin: 0 0 0 15px; } @media (max-width: 979px) { .linkmenu-block li { margin: 0 0 0 5px; } } .linkmenu-block li.separator { display: none; } .linkmenu-block li a { color: #1a1a1a; border-width: 0; border-style: solid; border-color: #1a1a1a; padding: 0; margin: 0; text-decoration: none; display: inline-block; } .linkmenu-block li a:visited { color: #1a1a1a; } .linkmenu-block li a:hover, .linkmenu-block li a:focus { color: #00305e; text-decoration: none; } .linkmenu-block li a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61e"; font-style: normal; font-size: 13px; margin: 0 3px 0 0; } @media (max-width: 979px) { .linkmenu-block li a:before { margin: 0; } } .linkmenu-block li.active a { color: #00305e; } .linkmenu-block li.active:before { background-position: -6px -28px; } .linkmenu-block li:first-child a { border-width: 0 0 0 0; padding: 0; margin: 0; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .linkmenu-block li { display: block; width: 100%; margin: 0 !important; } .linkmenu-block li a { display: block; } } ul.jqueryuimenu-block.page-menu { z-index: 100; position: relative; } ul.jqueryuimenu-block.page-menu > li { width: 32%; margin-left: 1.33%; margin-top: 15px; border-width: 1px 0 0 1px; border-style: solid; border-color: rgba(204, 204, 204, 0.3); padding: 15px 0 7.5px 7.5px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 347px; } ul.jqueryuimenu-block.page-menu > li:before { content: ""; width: 15px; height: 15px; background: #ffffff; display: inline-block; position: absolute; top: -7px; left: -8px; z-index: 99; } ul.jqueryuimenu-block.page-menu > li:before { display: block !important; } ul.jqueryuimenu-block.page-menu > li > ul { display: block !important; float: none !important; position: relative; z-index: 100; min-width: 0; min-height: 0; width: 100%; left: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ul.jqueryuimenu-block.page-menu > li > a { display: none !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item { width: 19.2% !important; margin-left: 1% !important; margin-top: 0 !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item:nth-child(5n + 1) { margin-left: 0 !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item:nth-child(5) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item:nth-child(4) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item:nth-child(3) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item:nth-child(2) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item:nth-child(1) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col5 > li.ui-menu-item:first-child { border-width: 0 !important; } ul.jqueryuimenu-block.page-menu.col4 > li.ui-menu-item { width: 24.25% !important; margin-left: 1% !important; margin-top: 0 !important; } ul.jqueryuimenu-block.page-menu.col4 > li.ui-menu-item:nth-child(4n + 1) { margin-left: 0 !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col4 > li.ui-menu-item:nth-child(4) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col4 > li.ui-menu-item:nth-child(3) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col4 > li.ui-menu-item:nth-child(2) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col4 > li.ui-menu-item:nth-child(1) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col4 > li.ui-menu-item:first-child { border-width: 0 !important; } ul.jqueryuimenu-block.page-menu.col3 > li.ui-menu-item { width: 32.66666667% !important; margin-left: 1% !important; margin-top: 0 !important; } ul.jqueryuimenu-block.page-menu.col3 > li.ui-menu-item:nth-child(3n + 1) { margin-left: 0 !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col3 > li.ui-menu-item:nth-child(3) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col3 > li.ui-menu-item:nth-child(2) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col3 > li.ui-menu-item:nth-child(1) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col3 > li.ui-menu-item:first-child { border-width: 0 !important; } ul.jqueryuimenu-block.page-menu.col2 > li.ui-menu-item { width: 49.5% !important; margin-left: 1% !important; margin-top: 0 !important; } ul.jqueryuimenu-block.page-menu.col2 > li.ui-menu-item:nth-child(2n + 1) { margin-left: 0 !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col2 > li.ui-menu-item:nth-child(2) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col2 > li.ui-menu-item:nth-child(1) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col2 > li.ui-menu-item:first-child { border-width: 0 !important; } ul.jqueryuimenu-block.page-menu.col1 > li.ui-menu-item { width: 100% !important; margin-left: 1% !important; margin-top: 0 !important; } ul.jqueryuimenu-block.page-menu.col1 > li.ui-menu-item:nth-child(1n + 1) { margin-left: 0 !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col1 > li.ui-menu-item:nth-child(1) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } ul.jqueryuimenu-block.page-menu.col1 > li.ui-menu-item:first-child { border-width: 0 !important; } ul.jqueryuimenu-block.page-menu.col300 > li.ui-menu-item { width: 300px !important; margin-left: 15px !important; } ul.jqueryuimenu-block.page-menu.col250 > li.ui-menu-item { width: 250px !important; margin-left: 15px !important; } ul.jqueryuimenu-block.page-menu.col200 > li.ui-menu-item { width: 200px !important; margin-left: 15px !important; } ul.jqueryuimenu-block.page-menu.col150 > li.ui-menu-item { width: 150px !important; margin-left: 15px !important; } ul.jqueryuimenu-block.page-menu.col100 > li.ui-menu-item { width: 100px !important; margin-left: 15px !important; } ul.jqueryuimenu-block.page-menu.col50 > li.ui-menu-item { width: 50px !important; margin-left: 15px !important; } @media (max-width: 1199px) { .jqueryuimenu-block.menu-togglable { overflow-x: hidden; overflow-y: auto; display: block; position: fixed; top: 0; bottom: 0; right: 100%; width: 80%; max-width: 500px; background: #ffffff; z-index: 600; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out,-o-transform 0.5s ease-in-out,transform 0.5s ease-in-out; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .jqueryuimenu-block.menu-togglable ~ .jqueryuimenu-backdrop { position: fixed; top: 0; bottom: 0; right: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0.01; z-index: 2; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .jqueryuimenu-block.menu-togglable ~ .jqueryuimenu-backdrop:before { content: '×'; font-size: 38px; font-weight: 400; line-height: 1; position: fixed; left: 80%; top: 0; padding: 10px 15px; color: #ffffff; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: -webkit-transform,-moz-transform,-o-transform,transform, opacity; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .jqueryuimenu-block.menu-togglable.menu-toggled-1 { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .jqueryuimenu-block.menu-togglable.menu-toggled-1 ~ .jqueryuimenu-backdrop { opacity: 1; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .jqueryuimenu-block.menu-togglable.menu-toggled-1 ~ .jqueryuimenu-backdrop:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .jqueryuimenu-block.menu-togglable li > ul, .jqueryuimenu-block.menu-togglable li:hover > ul, .jqueryuimenu-block.menu-togglable li:hover > ul[style*="display: none"] { padding-top: 0 !important; display: none !important; } .jqueryuimenu-block.menu-togglable li.item-selected > ul, .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul, .jqueryuimenu-block.menu-togglable li.item-selected > ul[style*="display: none"], .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul[style*="display: none"] { display: block !important; } .jqueryuimenu-block.menu-togglable > li { border-left-width: 0; } .jqueryuimenu-block.menu-togglable > li a { color: #1a1a1a; } .jqueryuimenu-block.menu-togglable > li.item-selected > a { background: #ffffff; border-width: notset; border-style: solid; border-color: transparent; } .jqueryuimenu-block.menu-togglable > li.item-selected > a li.item-selected > a { color: #1a1a1a; background: #f5f5f5; } } @media (max-width: 1199px) and (max-width: 1199px) { .jqueryuimenu-block.menu-togglable li.item-selected > ul, .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul, .jqueryuimenu-block.menu-togglable li.item-selected > ul[style*="display: none"], .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul[style*="display: none"] { left: 0 !important; min-width: 100% !important; } } @media (max-width: 1199px) and (max-width: 1199px) { .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie > ul, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie > ul, .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie > ul[style*="display: none"], .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie > ul[style*="display: none"] { min-width: 100% !important; } .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie { padding: 0 10px 10px; box-sizing: border-box; min-width: 0 !important; } .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie .serie, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie .serie { display: none; } } @media (max-width: 1199px) and (max-width: 767px) and (max-aspect-ratio: 13/9) { .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie .offer, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie .offer, .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie .offer a, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie .offer a { display: block; padding-left: 0; padding-right: 0; } } @media (max-width: 1199px) { .jqueryuimenu-block.menu-togglable { width: 50%; } .jqueryuimenu-block.menu-togglable ~ .jqueryuimenu-backdrop:before { left: 50%; } } @media (max-width: 767px) { .jqueryuimenu-block.menu-togglable { overflow-x: hidden; overflow-y: auto; display: block; position: fixed; top: 0; bottom: 0; right: 100%; width: 80%; max-width: 500px; background: #ffffff; z-index: 600; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out,-o-transform 0.5s ease-in-out,transform 0.5s ease-in-out; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .jqueryuimenu-block.menu-togglable ~ .jqueryuimenu-backdrop { position: fixed; top: 0; bottom: 0; right: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0.01; z-index: 2; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .jqueryuimenu-block.menu-togglable ~ .jqueryuimenu-backdrop:before { content: '×'; font-size: 38px; font-weight: 400; line-height: 1; position: fixed; left: 80%; top: 0; padding: 10px 15px; color: #ffffff; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: -webkit-transform,-moz-transform,-o-transform,transform, opacity; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .jqueryuimenu-block.menu-togglable.menu-toggled-1 { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .jqueryuimenu-block.menu-togglable.menu-toggled-1 ~ .jqueryuimenu-backdrop { opacity: 1; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .jqueryuimenu-block.menu-togglable.menu-toggled-1 ~ .jqueryuimenu-backdrop:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .jqueryuimenu-block.menu-togglable li > ul, .jqueryuimenu-block.menu-togglable li:hover > ul, .jqueryuimenu-block.menu-togglable li:hover > ul[style*="display: none"] { padding-top: 0 !important; display: none !important; } .jqueryuimenu-block.menu-togglable li.item-selected > ul, .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul, .jqueryuimenu-block.menu-togglable li.item-selected > ul[style*="display: none"], .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul[style*="display: none"] { display: block !important; } .jqueryuimenu-block.menu-togglable > li { border-left-width: 0; } .jqueryuimenu-block.menu-togglable > li a { color: #1a1a1a; } .jqueryuimenu-block.menu-togglable > li.item-selected > a { background: #ffffff; border-width: notset; border-style: solid; border-color: transparent; } .jqueryuimenu-block.menu-togglable > li.item-selected > a li.item-selected > a { color: #1a1a1a; background: #f5f5f5; } } @media (max-width: 767px) and (max-width: 1199px) { .jqueryuimenu-block.menu-togglable li.item-selected > ul, .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul, .jqueryuimenu-block.menu-togglable li.item-selected > ul[style*="display: none"], .jqueryuimenu-block.menu-togglable li.item-selected:hover > ul[style*="display: none"] { left: 0 !important; min-width: 100% !important; } } @media (max-width: 767px) and (max-width: 1199px) { .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie > ul, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie > ul, .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie > ul[style*="display: none"], .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie > ul[style*="display: none"] { min-width: 100% !important; } .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie { padding: 0 10px 10px; box-sizing: border-box; min-width: 0 !important; } .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie .serie, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie .serie { display: none; } } @media (max-width: 767px) and (max-width: 767px) and (max-aspect-ratio: 13/9) { .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie .offer, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie .offer, .jqueryuimenu-block.menu-togglable li.item-selected.menu-modelserie ul.submenu-vehicle-info-modelserie .offer a, .jqueryuimenu-block.menu-togglable li.item-selected:hover.menu-modelserie ul.submenu-vehicle-info-modelserie .offer a { display: block; padding-left: 0; padding-right: 0; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .jqueryuimenu-block.menu-togglable { width: 50%; } .jqueryuimenu-block.menu-togglable ~ .jqueryuimenu-backdrop:before { left: 50%; } } .jqueryuimenu-toggler { display: none; } @media (max-width: 1199px) { .jqueryuimenu-toggler { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; font-size: 0; width: 40px; height: 40px; margin-top: 0 !important; background: none !important; border: none !important; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .jqueryuimenu-toggler:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .jqueryuimenu-toggler:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .jqueryuimenu-toggler:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .jqueryuimenu-toggler:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .jqueryuimenu-toggler:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .jqueryuimenu-toggler:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .jqueryuimenu-toggler.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler:before { display: none; } .jqueryuimenu-toggler span { position: absolute; left: 50%; top: 50%; } .jqueryuimenu-toggler span, .jqueryuimenu-toggler span:before, .jqueryuimenu-toggler span:after { cursor: pointer; height: 2px; width: 40px; background: #00305e; position: absolute; display: block; content: ''; left: 0; } .jqueryuimenu-toggler span:before { top: -9px; } .jqueryuimenu-toggler span:after { bottom: -9px; } .jqueryuimenu-toggler em { display: none; color: #999999; font-size: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; font-style: normal; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; -webkit-transform: translateY(18px); -moz-transform: translateY(18px); -o-transform: translateY(18px); -ms-transform: translateY(18px); transform: translateY(18px); } .jqueryuimenu-toggler:hover { background: transparent !important; border: 1px solid transparent !important; } } @media (max-width: 767px) { .jqueryuimenu-toggler { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; font-size: 0; width: 40px; height: 40px; margin-top: 0 !important; background: none !important; border: none !important; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .jqueryuimenu-toggler:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .jqueryuimenu-toggler:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .jqueryuimenu-toggler:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .jqueryuimenu-toggler:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .jqueryuimenu-toggler:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .jqueryuimenu-toggler:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .jqueryuimenu-toggler:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .jqueryuimenu-toggler.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .jqueryuimenu-toggler:before { display: none; } .jqueryuimenu-toggler span { position: absolute; left: 50%; top: 50%; } .jqueryuimenu-toggler span, .jqueryuimenu-toggler span:before, .jqueryuimenu-toggler span:after { cursor: pointer; height: 2px; width: 40px; background: #00305e; position: absolute; display: block; content: ''; left: 0; } .jqueryuimenu-toggler span:before { top: -9px; } .jqueryuimenu-toggler span:after { bottom: -9px; } .jqueryuimenu-toggler em { display: none; color: #999999; font-size: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; font-style: normal; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; -webkit-transform: translateY(18px); -moz-transform: translateY(18px); -o-transform: translateY(18px); -ms-transform: translateY(18px); transform: translateY(18px); } .jqueryuimenu-toggler:hover { background: transparent !important; border: 1px solid transparent !important; } } .search-block .caroufredsel_wrapper { margin: 0 auto !important; } .search-block .caroufredsel_wrapper ul { display: inline-block; *zoom: 1; margin: 0 auto; } .search-block .caroufredsel_wrapper ul:before, .search-block .caroufredsel_wrapper ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .search-block .caroufredsel_wrapper ul li { float: left; position: relative; list-style: none; font-size: 10px; font-weight: 400; text-transform: uppercase; line-height: 22px; min-width: 140px; } .search-block .caroufredsel_wrapper ul li:after { content: ""; display: block; height: 35px; margin-top: -34px; width: 1px; } .search-block .caroufredsel_wrapper ul li .search-carousel-link { display: block; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .search-block .caroufredsel_wrapper ul li .search-carousel-link:hover .icon { opacity: 0.7; } .search-block .caroufredsel_wrapper ul li .search-carousel-link:hover .search-carousel-item-title { color: #00305e; } .search-block .caroufredsel_wrapper + a, .search-block .caroufredsel_wrapper + a + a { margin-top: -17px !important; position: absolute !important; top: 50%; background: none !important; border: none !important; } .search-block .caroufredsel_wrapper + a { float: left; background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 0; left: 0; } .search-block .caroufredsel_wrapper + a:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search-block .caroufredsel_wrapper + a:before { line-height: 34px; font-size: 13px; } .search-block .caroufredsel_wrapper + a:hover, .search-block .caroufredsel_wrapper + a:focus, .search-block .caroufredsel_wrapper + a:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .search-block .caroufredsel_wrapper + a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .search-block .caroufredsel_wrapper + a + a { float: right; background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 0; right: 0; } .search-block .caroufredsel_wrapper + a + a:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search-block .caroufredsel_wrapper + a + a:before { line-height: 34px; font-size: 13px; } .search-block .caroufredsel_wrapper + a + a:hover, .search-block .caroufredsel_wrapper + a + a:focus, .search-block .caroufredsel_wrapper + a + a:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .search-block .caroufredsel_wrapper + a + a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } @media (max-width: 767px) { .search-block.widget-search-multiple.compactable { padding: 0 !important; } .search-block.widget-search-multiple.compactable .widget-header { text-align: left !important; font-weight: 400; padding: 15px 0 15px !important; position: relative; } .search-block.widget-search-multiple.compactable .widget-header:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e611"; font-style: normal; font-size: notset; margin: notset; } .search-block.widget-search-multiple.compactable .widget-header:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64a"; font-style: normal; font-size: 30px; margin: 0 10px 0 0; } .search-block.widget-search-multiple.compactable .widget-header:before, .search-block.widget-search-multiple.compactable .widget-header > * { vertical-align: middle; } .search-block.widget-search-multiple.compactable .widget-header:after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s; line-height: 0.5; } .search-block.widget-search-multiple.compactable .widget-content { display: none !important; } .search-block.widget-search-multiple.compactable.toggle-1 .widget-header:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .search-block.widget-search-multiple.compactable.toggle-1 .widget-header:after:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e610"; font-style: normal; font-size: notset; margin: notset; } .search-block.widget-search-multiple.compactable.toggle-1 .widget-content { display: block !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .search-block.widget-search-multiple.compactable { padding: 0 !important; } .search-block.widget-search-multiple.compactable .widget-header { text-align: left !important; font-weight: 400; padding: 15px 0 15px !important; position: relative; } .search-block.widget-search-multiple.compactable .widget-header:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e611"; font-style: normal; font-size: notset; margin: notset; } .search-block.widget-search-multiple.compactable .widget-header:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64a"; font-style: normal; font-size: 30px; margin: 0 10px 0 0; } .search-block.widget-search-multiple.compactable .widget-header:before, .search-block.widget-search-multiple.compactable .widget-header > * { vertical-align: middle; } .search-block.widget-search-multiple.compactable .widget-header:after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s; line-height: 0.5; } .search-block.widget-search-multiple.compactable .widget-content { display: none !important; } .search-block.widget-search-multiple.compactable.toggle-1 .widget-header:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .search-block.widget-search-multiple.compactable.toggle-1 .widget-header:after:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e610"; font-style: normal; font-size: notset; margin: notset; } .search-block.widget-search-multiple.compactable.toggle-1 .widget-content { display: block !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .search-block.widget-search-multiple.compactable { padding: 0 !important; } .search-block.widget-search-multiple.compactable .widget-header { text-align: left !important; font-weight: 400; padding: 15px 0 15px !important; position: relative; } .search-block.widget-search-multiple.compactable .widget-header:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e611"; font-style: normal; font-size: notset; margin: notset; } .search-block.widget-search-multiple.compactable .widget-header:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64a"; font-style: normal; font-size: 30px; margin: 0 10px 0 0; } .search-block.widget-search-multiple.compactable .widget-header:before, .search-block.widget-search-multiple.compactable .widget-header > * { vertical-align: middle; } .search-block.widget-search-multiple.compactable .widget-header:after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s; line-height: 0.5; } .search-block.widget-search-multiple.compactable .widget-content { display: none !important; } .search-block.widget-search-multiple.compactable.toggle-1 .widget-header:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .search-block.widget-search-multiple.compactable.toggle-1 .widget-header:after:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e610"; font-style: normal; font-size: notset; margin: notset; } .search-block.widget-search-multiple.compactable.toggle-1 .widget-content { display: block !important; } } @media (max-width: 767px) { .search-block.widget-search-multiple.compactable .widget-header { position: relative; max-height: 60px; } .search-block.widget-search-multiple.compactable .widget-header .header-label { width: 73%; margin: 0 auto; position: relative; font-size: 20px; display: block; top: -27px; } .search-block.widget-search-multiple.compactable .widget-header:before { position: relative; top: 10px; } } @media (min-width: 1200px) { .search-block.widget-search-multiple .ui-widget-content > :first-child { margin-top: 0; } } .search-block.widget-search-multiple .form-row { margin-top: 0; } .search-block.widget-search-multiple .row-slider { margin: 0 0 11px; } .search-block.widget-search-multiple .row-slider-line + .row-slider { margin-top: 0; } .search-block.widget-search-multiple .row-slider-line { margin-bottom: 0 3px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-block.widget-search-multiple .row-slider-line > div { min-height: 18px; } .search-block.widget-search-multiple .row-slider-line:last-child { margin-bottom: 6px; } @media (max-width: 767px) { .search-block.widget-search-multiple .row-slider-line:last-child { margin-bottom: 0; } } .search-block.widget-search-multiple .submit-contact { display: block; margin: 0; } .search-block.widget-search-multiple .search-control { margin: 9px 0; } .search-block.widget-search-multiple .search-control .select2-container, .search-block.widget-search-multiple .search-control .select2-choice { margin: 0; } .search-block.widget-search-multiple .search-control.f-mainoptionsext2, .search-block.widget-search-multiple .search-control.f-mainoptionsint2, .search-block.widget-search-multiple .search-control.f-mainoptionssaf2, .search-block.widget-search-multiple .search-control.f-parkingassist, .search-block.widget-search-multiple .search-control.f-fuel { margin-bottom: 10px; background: #ffffff; border: 1px solid rgba(102, 102, 102, 0.3); } .search-block.widget-search-multiple .search-control.f-mainoptionsext2 .checkboxes, .search-block.widget-search-multiple .search-control.f-mainoptionsint2 .checkboxes, .search-block.widget-search-multiple .search-control.f-mainoptionssaf2 .checkboxes, .search-block.widget-search-multiple .search-control.f-parkingassist .checkboxes, .search-block.widget-search-multiple .search-control.f-fuel .checkboxes { display: none; padding: 10px; } .search-block.widget-search-multiple .search-control.f-mainoptionsext2.active .checkboxes, .search-block.widget-search-multiple .search-control.f-mainoptionsint2.active .checkboxes, .search-block.widget-search-multiple .search-control.f-mainoptionssaf2.active .checkboxes, .search-block.widget-search-multiple .search-control.f-parkingassist.active .checkboxes, .search-block.widget-search-multiple .search-control.f-fuel.active .checkboxes { display: block; } .search-block.widget-search-multiple .search-control.f-mainoptionsext2 > label, .search-block.widget-search-multiple .search-control.f-mainoptionsint2 > label, .search-block.widget-search-multiple .search-control.f-mainoptionssaf2 > label, .search-block.widget-search-multiple .search-control.f-parkingassist > label, .search-block.widget-search-multiple .search-control.f-fuel > label { display: block; padding: 0 15px; position: relative; } .search-block.widget-search-multiple .search-control.f-mainoptionsext2 > label:before, .search-block.widget-search-multiple .search-control.f-mainoptionsint2 > label:before, .search-block.widget-search-multiple .search-control.f-mainoptionssaf2 > label:before, .search-block.widget-search-multiple .search-control.f-parkingassist > label:before, .search-block.widget-search-multiple .search-control.f-fuel > label:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e615"; font-style: normal; font-size: notset; margin: notset; } .search-block.widget-search-multiple .search-control.f-mainoptionsext2 > label:before, .search-block.widget-search-multiple .search-control.f-mainoptionsint2 > label:before, .search-block.widget-search-multiple .search-control.f-mainoptionssaf2 > label:before, .search-block.widget-search-multiple .search-control.f-parkingassist > label:before, .search-block.widget-search-multiple .search-control.f-fuel > label:before { position: absolute; right: 9px; top: 55%; transform: translateY(-50%); font-size: 17px; font-weight: 800; } @media (max-width: 979px) { .search-block.widget-search-multiple .search-control.f-mainoptionsext2 > label, .search-block.widget-search-multiple .search-control.f-mainoptionsint2 > label, .search-block.widget-search-multiple .search-control.f-mainoptionssaf2 > label, .search-block.widget-search-multiple .search-control.f-parkingassist > label, .search-block.widget-search-multiple .search-control.f-fuel > label { padding: 8px 15px; } } .search-block.widget-search-multiple .f-mainoptions { padding-bottom: 5px; } .search-block.widget-search-multiple .search-text-label { width: 40%; } .search-block.widget-search-multiple .element-wrapper { width: 58%; } .search-block.widget-search-multiple .f-title .checkboxes > .check { display: inline-block; vertical-align: middle; margin-right: 10px; white-space: nowrap; } @media (min-width: 1366px) { .search-block.widget-search-multiple .f-title .checkboxes { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; } .search-block.widget-search-multiple .f-title .checkboxes > .check { display: block; } } @media (min-width: 1900px) { .search-block.widget-search-multiple .f-title .checkboxes { -webkit-columns: 3; -moz-columns: 3; -ms-columns: 3; -o-columns: 3; columns: 3; } } .search-block.widget-search-multiple .widget-header { padding: 10px 0 5px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .search-block.widget-search-multiple .widget-header { padding-top: 8px; padding-bottom: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .search-block.widget-search-multiple .widget-header, .search-block.widget-search-multiple .widget-header .header-label { font-size: 28px; } } .search-block.widget-search-multiple .widget-content { padding-bottom: 10px; } .search-block.widget-search-multiple .f-mileage { display: none; } @media (min-width: 1600px) { .search-block.widget-search-multiple .f-mileage { display: block; } } .search-block.widget-search-multiple .f-category { display: none; } @media (min-width: 1366px) { .search-block.widget-search-multiple .f-category { display: block; } } .search-block.widget-search-multiple .f-powerKW { display: none; } @media (min-width: 1920px) { .search-block.widget-search-multiple .f-powerKW { display: block; } } .search-block.widget-search-multiple .search-control { margin: 9px 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .search-block.widget-search-multiple .search-control { margin: 7px 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .search-block.widget-search-multiple .search-control { margin: 8px 0; } } @media (min-width: 1366px) { .search-block.widget-search-multiple .search-control { margin: 8px 0; } } @media (min-width: 1600px) { .search-block.widget-search-multiple .search-control { margin: 9px 0; } } .search-block.widget-search-multiple .search-control-submit { margin-bottom: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .search-block.widget-search-multiple .widget-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-block.widget-search-multiple .search-control { width: 100%; margin-left: 1% !important; } .search-block.widget-search-multiple .row-slider-line { display: none; } .search-block.widget-search-multiple .f-mileage, .search-block.widget-search-multiple .f-category, .search-block.widget-search-multiple .f-powerKW, .search-block.widget-search-multiple .f-body, .search-block.widget-search-multiple .f-year { display: block !important; } .search-block.widget-search-multiple .f-hasmwst, .search-block.widget-search-multiple .f-hasvideo { display: none; } .search-block.widget-search-multiple .f-mainoptions { width: 100%; margin-left: 0; } .search-block.widget-search-multiple .f-mainoptions + .search-control, .search-block.widget-search-multiple .f-mainoptions + .search-control + .search-control + .search-control + .search-control { margin-left: 0; } .search-block.widget-search-multiple .f-mainoptions + .search-control + .search-control, .search-block.widget-search-multiple .f-mainoptions + .search-control + .search-control + .search-control { margin-left: 1%; } .search-block.widget-search-multiple .checkboxes { -webkit-columns: 3; -moz-columns: 3; -ms-columns: 3; -o-columns: 3; columns: 3; } .search-block.widget-search-multiple .checkboxes .check { white-space: nowrap; overflow: hidden; } .search-block.widget-search-multiple .checkboxes .label-checkbox { text-overflow: ellipsis; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .search-block.widget-search-multiple { padding-bottom: 15px; } .search-block.widget-search-multiple .widget-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-block.widget-search-multiple .f-mileage, .search-block.widget-search-multiple .f-category, .search-block.widget-search-multiple .f-powerKW, .search-block.widget-search-multiple .f-body, .search-block.widget-search-multiple .f-year { display: block !important; } .search-block.widget-search-multiple .search-control { width: 100% !important; margin-left: 0 !important; } .search-block.widget-search-multiple .row-slider-line { display: block !important; margin-bottom: 0; } .search-block.widget-search-multiple label { min-height: 0; line-height: 1; margin-bottom: 5px; } } @media (max-width: 767px) { .search-block.widget-search-multiple { padding-bottom: 15px; } .search-block.widget-search-multiple .widget-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-block.widget-search-multiple .f-mileage, .search-block.widget-search-multiple .f-category, .search-block.widget-search-multiple .f-powerKW, .search-block.widget-search-multiple .f-body, .search-block.widget-search-multiple .f-year { display: block !important; } .search-block.widget-search-multiple .search-control { width: 100% !important; margin-left: 0 !important; } .search-block.widget-search-multiple .row-slider-line { display: block !important; margin-bottom: 0; } .search-block.widget-search-multiple label { min-height: 0; line-height: 1; margin-bottom: 5px; } .search-block.widget-search-multiple .checkboxes { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .search-block.widget-search-multiple .checkboxes { -webkit-columns: 1; -moz-columns: 1; -ms-columns: 1; -o-columns: 1; columns: 1; } } @media (max-width: 480px) { .search-block.widget-search-multiple .checkboxes { -webkit-columns: 1; -moz-columns: 1; -ms-columns: 1; -o-columns: 1; columns: 1; } } .search-block label.check { display: block; line-height: 1.4; } .search-block label.check.value-0 { color: #363636; } .search-block label.check.value-0:hover, .search-block label.check.value-0:hover input[type="checkbox"] { cursor: default; } .search-block label.check.value-0 input[type="checkbox"], .search-block label.check.value-0 input[type="checkbox"]:active { opacity: 0.5; } .search-block .label-checkbox { margin-left: 5px; display: inline-block; } .search-block .label-checkbox, .search-block .label-checkbox:before { vertical-align: middle; } .search-block .has_video .label-checkbox:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62d"; font-style: normal; font-size: notset; margin: 0 5px 0 0; } .search-block .filter-results { margin-left: 5px; } .search-block.search-dynamic .search-control-submit a > span { position: relative; } .search-block.search-dynamic .search-control-submit a > span:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64a"; font-style: normal; font-size: notset; margin: notset; } .search-block.search-dynamic .search-control-submit a > span:after { position: absolute; right: -5px; top: 0; transform: translateX(100%); } .search-block.search-dynamic [data-context="dynamic-counter"] + span { margin-left: 5px; } .search-block .slider-value { white-space: nowrap; } .search-block .slider-value .slider-value > input[class*="-max"] { float: right; } [id^="asearch-"] .slider input { width: 47% !important; text-align: center; } [id^="asearch-"] .slider input:first-child { margin-right: 6%; } [id^="asearch-"] [class*="icon-"] { display: none; } [id^="asearch-"] .submit-contact { margin-top: 0; } [id^="asearch-"] .submit-contact [class*="icon-"] { display: inline-block; background-image: url("../../libraries/img/icons/glyphicons-halflings-white.png"); } .search-block [class*="big-body-"] { width: 90px; height: 90px; background: #ffffff; border-radius: 50%; border: 2px solid #00305e; position: relative; } .search-block [class*="big-body-"]:before { content: ""; display: inline-block; width: 112px; height: 91px; position: absolute; top: 50%; left: 50%; margin-left: -56px; margin-top: -45.5px; background: url('../img/sprites-body-11.png'); } .search-block .search-carousel-link { text-align: center; } .search-block .search-carousel-link .icon { margin: auto; } .search-block .search-carousel-link > span { display: block; } .search-block.search-by-stock { position: static; width: 100%; padding-bottom: 15px; padding-top: 10px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .search-block.search-by-stock { position: absolute; width: 32.5%; right: 10px; bottom: 25px; padding: 0 !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .search-block.search-by-stock { width: 100%; position: static; padding-bottom: 15px !important; } } @media (max-width: 767px) { .search-block.search-by-stock { width: 100%; position: static; padding-bottom: 15px !important; } } @media (min-width: 1200px) { .search-block.search-by-stock { width: 100%; } } .search-block.search-by-stock .widget-content { padding: 0 22.5px; } .search-block .search-text-label, .search-block .element-wrapper, .search-block .submit-wrapper { display: inline-block; vertical-align: middle; margin-left: 2%; } .search-block .search-text-label { width: 27%; margin-left: 0; } .search-block .element-wrapper { width: 54%; } .search-block .element-wrapper input { margin: 0; width: 100%; } .search-block .submit-wrapper { width: 15%; } .search-block .submit-wrapper button { width: 100%; margin: 0 !important; text-align: center; padding: 0 3px; height: 31px; font-size: 0; } .search-block .submit-wrapper button:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-style: normal; font-size: notset; margin: notset; } .search-block .submit-wrapper button:before { font-size: 20px; } @media (max-width: 1199px) { .search-block .search-text-label { width: 32%; } .search-block .element-wrapper { width: 49%; } } @media (min-width: 1200px) { .search-block .search-text-label { width: 34%; } .search-block .element-wrapper { width: 47%; } } @media (min-width: 1500px) { .search-block .search-text-label { width: 28%; } .search-block .element-wrapper { width: 53%; } } .search-block .search-columns.cols-8 .search-column { width: 11.625%; margin-left: 1%; } .search-block .search-columns.cols-8 .search-column:nth-child(8n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-8 .search-column { width: 100%; margin-left: 0; } } .search-block .search-columns.cols-7 .search-column { width: 13.42857143%; margin-left: 1%; } .search-block .search-columns.cols-7 .search-column:nth-child(7n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-7 .search-column { width: 100%; margin-left: 0; } } .search-block .search-columns.cols-6 .search-column { width: 15.83333333%; margin-left: 1%; } .search-block .search-columns.cols-6 .search-column:nth-child(6n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-6 .search-column { width: 100%; margin-left: 0; } } .search-block .search-columns.cols-5 .search-column { width: 19.2%; margin-left: 1%; } .search-block .search-columns.cols-5 .search-column:nth-child(5n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-5 .search-column { width: 100%; margin-left: 0; } } .search-block .search-columns.cols-4 .search-column { width: 24.25%; margin-left: 1%; } .search-block .search-columns.cols-4 .search-column:nth-child(4n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-4 .search-column { width: 100%; margin-left: 0; } } .search-block .search-columns.cols-3 .search-column { width: 32.66666667%; margin-left: 1%; } .search-block .search-columns.cols-3 .search-column:nth-child(3n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-3 .search-column { width: 100%; margin-left: 0; } } .search-block .search-columns.cols-2 .search-column { width: 49.5%; margin-left: 1%; } .search-block .search-columns.cols-2 .search-column:nth-child(2n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-2 .search-column { width: 100%; margin-left: 0; } } .search-block .search-columns.cols-1 .search-column { width: 100%; margin-left: 1%; } .search-block .search-columns.cols-1 .search-column:nth-child(1n + 1) { margin-left: 0; border-width: 0; } @media (max-width: 979px) { .search-block .search-columns.cols-1 .search-column { width: 100%; margin-left: 0; } } .search-block .search-column { display: inline-block; vertical-align: top; } .search-block .search-column .row-slider-line { display: none; } .search-block .search-column .range { display: inline-block; *zoom: 1; display: block; font-size: 0; } .search-block .search-column .range:before, .search-block .search-column .range:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .search-block .search-column .range > * { font-size: 15px; } .search-block .search-column .range .row-slider { margin: 0; font-size: 0; } .search-block .search-column .range .row-slider > * { font-size: 15px; } .search-block .search-column .range .row-slider > label { text-align: right; } .search-block .search-column .range input { height: 32px; } @media (max-width: 767px) { .search-block .search-column .range .row-slider > label { text-align: left; } } .widget-news .blog-comments input[type="text"], .widget-news .blog-comments input[type="email"], .widget-news .blog-comments input[type="number"], .widget-news .blog-comments input[type="tel"], .widget-news .blog-comments input[type="phone"], .widget-news .blog-comments textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 0; display: inline-block; *zoom: 1; padding-left: 5px; padding-right: 5px; } .widget-news .blog-comments input[type="text"]:before, .widget-news .blog-comments input[type="email"]:before, .widget-news .blog-comments input[type="number"]:before, .widget-news .blog-comments input[type="tel"]:before, .widget-news .blog-comments input[type="phone"]:before, .widget-news .blog-comments textarea:before, .widget-news .blog-comments input[type="text"]:after, .widget-news .blog-comments input[type="email"]:after, .widget-news .blog-comments input[type="number"]:after, .widget-news .blog-comments input[type="tel"]:after, .widget-news .blog-comments input[type="phone"]:after, .widget-news .blog-comments textarea:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-news .blog-comments input[type="submit"], .widget-news .blog-comments label { margin: 15px 0 0; display: block; } .widget-news .blog-comments textarea { height: 152px; } .widget-news.news-list .blog-post-body { display: inline-block; *zoom: 1; } .widget-news.news-list .blog-post-body:before, .widget-news.news-list .blog-post-body:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-news.news-list .widget-news-item .title { margin-bottom: 10px; } .widget-news.news-list.news-simple { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-news.news-list.news-simple .widget-content { display: inline-block; *zoom: 1; } .widget-news.news-list.news-simple .widget-content:before, .widget-news.news-list.news-simple .widget-content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-news.news-list.news-simple .widget-content .widget-news-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px; font-size: 15px; border-bottom: 1px solid #cccccc; } .widget-news.news-list.news-simple .widget-content .widget-news-item:first-child { padding: 0 0 10px; } .widget-news.news-list.news-simple .widget-content .widget-news-item p { display: inline; } .widget-news.news-list.news-simple .widget-content .widget-news-item a { text-decoration: none; } .widget-news.news-list.news-simple .widget-content .widget-news-item a:after { display: inline-block; vertical-align: middle; font-family: "icomoonicheck"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-size: 32px; line-height: 18px; } .widget-news.news-list.news-simple .widget-content .widget-news-item a:hover { text-decoration: none; } .widget-news.news-list.news-simple .widget-content .widget-news-item .readmore a { margin-left: 10px; } .widget-news.news-list.news-simple .widget-content .widget-news-item .readmore a:after { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-size: 13px; color: #00305e; } .widget-news.news-list.news-simple .widget-content .widget-news-item:before { display: inline-block; vertical-align: middle; font-family: "icomoonicheck"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-size: 24px; line-height: 18px; color: #00305e; letter-spacing: -5px; } .widget-news.news-list.news-simple .widget-content .widget-news-item .title a { text-transform: uppercase; } .widget-news.news-details p + ul, .widget-news.news-details p + ol { padding-top: 0; margin-top: 6px; } .widget-news.news-details ul + p, .widget-news.news-details ol + p { margin-top: 8px; } .widget-news.news-details ul { margin-left: 20px; overflow: hidden; padding: 10px 0 10px 0; } .widget-news.news-details ul li { list-style-type: none; padding: 0 0 0 10px; } .widget-news.news-details ul li:first-child { padding-top: 0; } .widget-news.news-details ul li:last-child { padding-bottom: 0; } .widget-news.news-details ul li:before { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-size: 10px; color: #00305e; position: relative; left: -2px; margin-left: -10px; line-height: 9px; } .widget-news.news-details ol { margin-left: 0; overflow: hidden; padding: 10px 0 10px 20px; } .widget-news.news-details ol li { padding: 0 0 0 10px; } .widget-news.news-details .widget-header { text-align: left; } .widget-news.news-details .widget-header:before { background: none; } .widget-news.news-details .widget-header .header-label { padding-left: 0; width: 84%; } .widget-news.news-details .widget-header .header-append { float: right; margin-top: -6px; color: #1a1a1a; } .widget-news.news-details .featered-img { position: relative; width: 100%; height: auto; line-height: 0; } .widget-news.news-details .featered-img img.img-prev { width: 100%; height: 100%; z-index: 1; padding: 0; border: 0; } .widget-news.news-details .featered-img .above { position: absolute; top: 0; left: 0; } .widget-news.news-details .featered-img iframe { z-index: -1; } .widget-news.news-details .featered-img .video-trigger { display: block; cursor: pointer; border: none; width: 100%; height: 100%; z-index: 2; } .widget-news.news-details .featered-img .video-trigger:before, .widget-news.news-details .featered-img .video-trigger:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-news.news-details .featered-img .video-trigger:before { background: #1f1f1f; background: rgba(31, 31, 31, 0.9); border-radius: 9px; width: 60px; height: 40px; *margin: -30px 0 0 -42px; } .widget-news.news-details .featered-img .video-trigger:after { width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #fff; *margin: -12px 0 0 -11; } .widget-news.news-details .featered-img .video-trigger:hover:before, .widget-news.news-details .featered-img .video-trigger:focus:before { background: #cc181e; } .widget-news.news-details .featered-img .video-wrapper { display: none; z-index: 1; } .widget-news.news-details .featered-img.fixed-height-1 { height: 0; overflow: hidden; padding-bottom: 56.25%; /* 16:9 */ } .widget-news.news-details .featered-img.fixed-height-1 .img-prev { position: absolute; height: auto; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-news.news-details .featered-img.fixed-height-1 .video-wrapper { padding-bottom: 56.25%; background: #000; } .widget-news.news-details.featured-stretch-0 .featered-img img { width: auto; } .widget-news.news-details .blog-post-information .blog-post-date-container { float: right; } .widget-news.news-details .blog-post-information [class*="icon-"] { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); } .widget-news.news-details .blog-post-content { margin: 15px 0; } .widget-news.news-details .blog-post-content > :first-child { margin-top: 0; } .widget-news.news-details .blog-post-content > :last-child { margin-bottom: 0; } .widget-news.news-details .blog-post-content img { border: 0 solid transparent; padding: 0; background: transparent; } .widget-news.news-details .blog-post-content img.noborder { border: none; padding: 0; background: none; } .widget-news.news-details .blog-post-content.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-news.news-details .blog-post-content.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-news.news-details .blog-comments { margin-top: 15px; border-top: 1px dashed #ccc; } .widget-news.news-details .blog-comments [class*="blog-comments-"]:first-child label { margin-top: 0; } .widget-news.news-details .blog-comment-container { margin-top: 15px; border-top: 1px dashed #ccc; } .widget-news.news-details .blog-comment-container .icon-user { background-image: url("../../libraries/img/icons/glyphicons-halflings-orange.png"); } .widget-news.news-details .blog-comment-list .blog-comment-name { margin-bottom: 5px; } .widget-news.news-details .blog-comment-list .blog-comment-date { float: right; } .widget-news.news-details .blog-comment-list .blog-comment { border: 1px solid #ccc; padding: 10px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .widget-news.news-details .blog-comment-list .blog-comment + .blog-comment { margin-top: 15px; } .widget-news.news-details .blog-comment-list .blog-comment [class*="icon-"] { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); } .widget-news.news-details h1, .widget-news.news-details h2, .widget-news.news-details h3, .widget-news.news-details h4, .widget-news.news-details h5, .widget-news.news-details h6 { margin: 32px 0; } .widget-news.news-details h4 { color: #00305e; text-transform: none; font-size: 24px; font-weight: 400; text-align: justify; margin: 10px 0; } .widget-news.news-details .news-pagination { padding-top: 15px; border-top: 1px dashed #ccc; text-align: center; } .widget-news.news-details .news-pagination .icons-tv-left-open:before { position: relative; right: 1px; } .widget-news.news-details .news-pagination select { position: relative; top: -1px; padding: 0; } .widget-news.news-details .news-pagination .icons-tv-left-open, .widget-news.news-details .news-pagination .icons-tv-right-open { position: relative; top: -2px; cursor: pointer; width: 16px; border: 2px solid #999; text-align: center; -webkit-border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; } .widget-news.news-details .news-pagination .icons-tv-left-open:hover, .widget-news.news-details .news-pagination .icons-tv-right-open:hover { color: #1968bb; border: 2px solid #1968bb; } .widget-news.news-details .news-pagination .icons-tv-left-open:before, .widget-news.news-details .news-pagination .icons-tv-right-open:before { position: relative; } .widget-news.news-details .news-pagination .icons-tv-left-open:before { right: 1px; } .widget-news.news-details .blog-post-information { display: none; } .widget-news.news-details .widget-content { line-height: 1.9; } .widget-news.news-photobased .widget-header { margin-top: 20px; text-align: center; } .widget-news.news-photobased .post-meta { text-align: center; position: relative; margin: 15px 0 25px; } .widget-news.news-photobased .post-meta:before { content: ''; position: absolute; width: 100%; height: 1px; background: #cccccc; top: 50%; left: 0; z-index: -1; } .widget-news.news-photobased .post-date { font-size: 18px; padding: 10px 20px; background: #ffffff; } .widget-news.news-list.news-common .widget-content { padding: 0; line-height: 1.9; } .widget-news.news-list.news-common .widget-content .widget-news-item { border-top: 1px solid #cccccc; padding-top: 18px; margin-top: 18px; border-bottom: none; padding-bottom: 0; margin-bottom: 0; position: relative; } .widget-news.news-list.news-common .widget-content .widget-news-item:before { display: none; } .widget-news.news-list.news-common .widget-content .widget-news-item:first-child { border-top: none; padding-top: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .title:before { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-size: 13px; color: #00305e; display: none; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a { font-weight: 400; font-size: 18px; line-height: 1.4; height: 50.4px; overflow: hidden; color: #1a1a1a; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a:hover { color: #00305e; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a:focus { color: #00305e; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a:focus { color: #00305e; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a:visited { color: notset; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description { margin-bottom: 5px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description > :first-child { margin-top: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description > :last-child { margin-bottom: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p + ul, .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p + ol { padding-top: 0; margin-top: 6px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul + p, .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ol + p { margin-top: 8px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul { margin-left: 20px; overflow: hidden; padding: 10px 0 10px 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul li { list-style-type: none; padding: 0 0 0 10px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul li:first-child { padding-top: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul li:last-child { padding-bottom: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul li:before { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-size: 10px; color: #00305e; position: relative; left: -2px; margin-left: -10px; line-height: 9px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ol { margin-left: 0; overflow: hidden; padding: 10px 0 10px 20px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ol li { padding: 0 0 0 10px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul { padding-left: 32px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description img { border: 0 solid transparent; padding: 0; background: transparent; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description img.noborder { border: none; padding: 0; background: none; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore { position: absolute; right: 0; bottom: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore .icons-arrow-right { display: none; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a { margin-left: 0; display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a [class^="\icons-tv-"] { display: none; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:focus { outline: none; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:hover, .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a.on { outline: none; cursor: pointer; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a.off, .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:after { display: inline-block; vertical-align: middle; font-family: "icomoonicheck"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; position: absolute; line-height: 1.65em; } .widget-news.news-list.news-common .widget-content .widget-news-item a:after { display: none; } .widget-news.news-list.news-common .news-pagination { text-align: center; margin-top: 15px; } .widget-news.news-list.news-common .news-pagination select { margin: 0 5px; } .widget-news.news-list.news-common .news-pagination .page-prev, .widget-news.news-list.news-common .news-pagination .page-next { background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 15px; width: 26px; vertical-align: middle; } .widget-news.news-list.news-common .news-pagination .page-prev:before, .widget-news.news-list.news-common .news-pagination .page-next:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-news.news-list.news-common .news-pagination .page-prev:before, .widget-news.news-list.news-common .news-pagination .page-next:before { line-height: 34px; font-size: 13px; } .widget-news.news-list.news-common .news-pagination .page-prev:hover, .widget-news.news-list.news-common .news-pagination .page-next:hover, .widget-news.news-list.news-common .news-pagination .page-prev:focus, .widget-news.news-list.news-common .news-pagination .page-next:focus, .widget-news.news-list.news-common .news-pagination .page-prev:active, .widget-news.news-list.news-common .news-pagination .page-next:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .widget-news.news-list.news-common .news-pagination .page-prev:before, .widget-news.news-list.news-common .news-pagination .page-next:before { font-size: 15px; } .widget-news.news-list.news-common .news-pagination .page-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .widget-news.news-list.news-common .news-pagination .page-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .widget-news.news-simple .ui-widget-content { padding: 15px; } .widget-news.news-simple .ui-widget-content .widget-news-item a { margin-top: 5px; display: block; } .widget-news.news-simple .news-more { text-align: right; display: block; margin-top: 10px; } .widget-news.news-simple .news-more:after { display: inline-block; vertical-align: middle; font-family: "icomoonicheck"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-size: 32px; line-height: 15px; } .widget-news .blog-post-information { color: #999999; } .widget-news .widget-content { padding: 0; } .widget-news.news-list.news-common .widget-header { margin: 0 0 30px; } .widget-news.news-list.news-common .widget-content { position: relative; margin-bottom: 40px; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-news.news-list.news-common .widget-content { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } .widget-news.news-list.news-common .widget-content .widget-news-item { display: inline-block; vertical-align: top; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: none; } .widget-news.news-list.news-common .widget-content .widget-news-item, .widget-news.news-list.news-common .widget-content .widget-news-item:first-child { margin-bottom: 20px; margin-top: 0; padding-top: 20px; } .widget-news.news-list.news-common .widget-content .widget-news-item > .title { height: 58px; overflow: hidden; } .widget-news.news-list.news-common .widget-content .widget-news-item > .title, .widget-news.news-list.news-common .widget-content .widget-news-item > .blog-post-body, .widget-news.news-list.news-common .widget-content .widget-news-item > .blog-post-information { margin-left: 15px; margin-right: 15px; } .widget-news.news-list.news-common .widget-content .widget-news-item:first-child, .widget-news.news-list.news-common .widget-content .widget-news-item:nth-child(4n+1) { margin-left: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description { line-height: 1.6; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p { margin: 5px 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p:first-child { margin-top: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p:last-child { margin-bottom: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description img { height: auto !important; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description img { width: 100% !important; margin: 0 0 10px !important; float: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-date { position: absolute; top: 88px; left: 17px; background: rgba(255, 255, 255, 0.8); padding: 0 10px; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore { position: relative; display: block; text-align: center; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a { margin-bottom: 10px; } .widget-news.news-list.news-common .widget-content .news-pagination { position: absolute; top: 100%; left: 0; right: 0; margin: 20px 0 0; } .widget-contact.phones2 .phone { line-height: 24px; } .dw-contacts-line { font-size: 13px; color: #ffffff; } .dw-contacts-line > span { display: inline-block; margin-left: 20px; } .dw-contact { display: inline-block; *zoom: 1; display: block; padding: 0 53px 0 0; position: relative; top: 36px; } .dw-contact:before, .dw-contact:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .dw-contact .phone { font-size: 14px; color: #ffffff; } .dw-contact .phone > a { color: #ffffff; text-decoration: none; } .dw-contact .address { color: #00305e; font-size: 12px; line-height: 2; } .dw-contact > div { height: 26px; margin: 0 auto; text-align: right; } .widget-contactus .ui-widget-header.form-header { background: #cccccc; padding: 10px; text-transform: uppercase; color: #ffffff; } .widget-contactus .ui-widget-header.form-header h1, .widget-contactus .ui-widget-header.form-header h2, .widget-contactus .ui-widget-header.form-header h3, .widget-contactus .ui-widget-header.form-header h4, .widget-contactus .ui-widget-header.form-header h5, .widget-contactus .ui-widget-header.form-header h6 { color: #ffffff; text-transform: uppercase; font-weight: 400; font-size: inherit; margin: 0; line-height: 16px; } .widget-contactus .ui-widget-header.form-header + .ui-widget-content { padding: 10px; } .contact-us-simple-two-columns { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; margin: 20px 0; padding: 20px; } .contact-us-simple-two-columns .widget-content { padding: 20px; } .contact-us-simple-two-columns label { margin-top: 10px; min-height: 20px !important; display: inline-block; } .contact-us-simple-two-columns .button.submit { margin-top: 15px; } .contact-us-simple-two-columns .heading { display: none; } .contact-us-simple-two-columns .field-label { display: block; } .contact-us-simple-two-columns .field-holder { display: block; min-height: 30px; } .contact-us-simple-two-columns .field-holder input, .contact-us-simple-two-columns .field-holder textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; } .contact-us-simple-two-columns .field-holder textarea { min-height: 154px; } .contact-us-simple-two-columns .field-holder .select2-container { margin-top: 0; } .contact-panels-container { margin-top: 36px; width: 100%; *zoom: 1; } .contact-panels-container:before, .contact-panels-container:after { display: table; content: ""; line-height: 0; } .contact-panels-container:after { clear: both; } .contact-panels-container .contact-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 1px 1px 4px rgba(26, 26, 26, 0.2); -webkit-box-shadow: 1px 1px 4px rgba(26, 26, 26, 0.2); box-shadow: 1px 1px 4px rgba(26, 26, 26, 0.2); padding: 15px; } .contact-panels-container .contact-panel.col-left { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-panels-container .contact-panel.col-left:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-panels-container .contact-panel.col-center { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-panels-container .contact-panel.col-center:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-panels-container .contact-panel.col-right { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-panels-container .contact-panel.col-right:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-panels-container .contact-panel > :first-child { margin-top: 0; } .contact-panels-container .contact-panel > :last-child { margin-bottom: 0; } .contact-panels-container .contact-panel .heading { margin: 0 0 15px; font-size: 32px; color: #00305e; } .contact-panels-container .location { display: none; } .contact-panels-container [itemprop="name"], .contact-panels-container [itemprop="streetAddress"], .contact-panels-container .work-period, .contact-panels-container .city-info, .contact-panels-container .region-info, .contact-panels-container .phone-info { display: block !important; padding: 5px 0; border-top: 1px solid #cccccc; } .contact-panels-container .phones-info { padding-top: 4px; } .contact-panels-container p > :first-child, .contact-panels-container .work-period:first-child { margin-top: 0; padding-top: 0; border-top: none; } .contact-panels-container .work-period { display: inline-block; *zoom: 1; border-top: 1px solid #cccccc; } .contact-panels-container .work-period:before, .contact-panels-container .work-period:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .contact-panels-container .work-period:first-child { border-top: none; } .contact-panels-container .work-period .period-name { float: left; } .contact-panels-container .work-period .period-value { float: right; } .contact-panels-container.address-workhours .contact-panel.col-left, .contact-panels-container.address-workhours .contact-panel.col-center { float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-panels-container.address-workhours .contact-panel.col-left:first-child, .contact-panels-container.address-workhours .contact-panel.col-center:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .dealerships-list .contact-item { text-align: center; float: left; } .dealerships-list[data-count="1"] .contact-item { width: 100%; } .dealerships-list[data-count="2"] .contact-item { width: 50%; } .dealerships-list[data-count="3"] .contact-item { width: 33.33%; } .dealerships-list[data-count="4"] .contact-item { width: 25%; } .dealerships-list .dealerships-carousel { position: relative; } .dealerships-list .dealerships-carousel-controls { position: absolute; right: 0; left: 0; top: 50%; *margin-top: -8px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dealerships-list .dealerships-carousel-controls .button-prev, .dealerships-list .dealerships-carousel-controls .button-next { color: #ffffff; font-size: 0; } .dealerships-list .dealerships-carousel-controls .button-prev:before, .dealerships-list .dealerships-carousel-controls .button-next:before { font-size: 15px; } .dealerships-list .dealerships-carousel-controls .button-prev:hover, .dealerships-list .dealerships-carousel-controls .button-next:hover, .dealerships-list .dealerships-carousel-controls .button-prev:focus, .dealerships-list .dealerships-carousel-controls .button-next:focus { outline: none; color: #cccccc; cursor: pointer; } .dealerships-list .dealerships-carousel-controls .button-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .dealerships-list .dealerships-carousel-controls .button-next { float: right; } .dealerships-list .dealerships-carousel-controls .button-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .dealerships-list .dealerships-carousel-inner { margin: 0 40px; } .dealerships-list .dealerships-carousel-inner, .dealerships-list .dealerships-carousel-scroller { *zoom: 1; } .dealerships-list .dealerships-carousel-inner:before, .dealerships-list .dealerships-carousel-scroller:before, .dealerships-list .dealerships-carousel-inner:after, .dealerships-list .dealerships-carousel-scroller:after { content: " "; display: block; clear: both; } .dealerships-list .contact-subitem.phone { display: block; } .contact-buttons { padding: 15px 0 0; width: 100%; *zoom: 1; } .contact-buttons:before, .contact-buttons:after { display: table; content: ""; line-height: 0; } .contact-buttons:after { clear: both; } .contact-buttons .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-buttons .column:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-buttons .column .contact { background: none; border-radius: 0; margin-bottom: 15px; display: block; text-align: left; padding: 5px 5px 5px 60px; position: relative; } .contact-buttons .column .contact.phone:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e942"; font-style: normal; font-size: notset; margin: notset; } .contact-buttons .column .contact.fax:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67f"; font-style: normal; font-size: notset; margin: notset; } .contact-buttons .column .contact.email:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: notset; margin: notset; } .contact-buttons .column .contact.address:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: notset; margin: notset; } .contact-buttons .column .contact.address:before { top: 0; margin: 0; } .contact-buttons .column .contact.workwours:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e646"; font-style: normal; font-size: notset; margin: notset; } .contact-buttons .column .contact.workwours:before { top: 0; margin: 0; } .contact-buttons .column .contact:before { font-size: 24px; position: absolute; left: 10px; top: 50%; margin-top: -18px; color: #999999; } .contact-buttons .column.dealership-extraspace .contact:not(:last-child) { margin-bottom: 19px; } .contact-buttons .column.dealership-extraspace > * { padding-bottom: 7px; } .contact-buttons .column.dealership-extraspace h3 { margin-top: 0 !important; } .contact-buttons .column.dealership-extraspace .contact strong { display: block; margin: 0 0 5px; } .contact-buttons .column.dealership-extraspace .contact strong + br { display: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .contact-buttons .column.dealership-image { width: 100%; } .contact-buttons .column.dealership-image ~ .column { float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-buttons .column.dealership-image ~ .column:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-buttons .column.dealership-image + .column { margin-left: 0; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .contact-buttons .column.dealership-image { width: 100%; } .contact-buttons .column.dealership-image ~ .column { float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-buttons .column.dealership-image ~ .column:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-buttons .column.dealership-image + .column { margin-left: 0; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .contact-buttons .column { float: none; width: 100%; margin-left: 0; } } .contact-buttons .dealership-image img { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact-buttons.columns-2 .column { float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-buttons.columns-2 .column:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-buttons.columns-2 .column .contact { margin-bottom: 10px; line-height: 1.6; padding: 3px 5px 3px 60px; } @media (min-width: 1600px) { .contact-buttons.columns-2 .column .contact { padding: 5px 5px 5px 60px; margin-bottom: 17px; line-height: 1.9; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .contact-buttons.columns-2 .column.dealership-image { width: 60%; } .contact-buttons.columns-2 .column.dealership-contacts { width: 38%; margin-left: 2%; } } .contact-buttons.columns-4 .column { float: left; width: 23.40425532%; *width: 23.35106383%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-buttons.columns-4 .column:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-buttons-wrapper { margin: 0 0 30px; } .contact-buttons-wrapper .action-button { margin-top: 0; padding-left: 15px; margin-top: 10px; } .contact-buttons-wrapper .action-button:before { vertical-align: middle; margin: 0 10px 0 0; } .contact-buttons-wrapper a:not(:last-child) { margin-right: 5px; } @media (max-width: 767px) { .contact-buttons-wrapper .action-button { display: block; margin-right: 0; } .contact-buttons-wrapper a:not(:last-child) { margin-right: 0; } } .hiddenElement, .location[itemprop="location"] { display: none; } .highlight { color: #00305e !important; } .divider-empty-p { display: none; } .widget-inventory .widget-header > span, .widget-inventory .widget-header > h1, .widget-inventory .widget-header > h2, .widget-inventory .widget-header > h3 { display: block; } .widget-inventory .widget-header .total-found { color: #00305e; } @media (max-width: 767px) { .widget-inventory .widget-header .header-append { position: static; margin: 10px 0 0; } } .widget-inventory > .widget-content { padding: 0; } .widget-inventory .inventory-header { padding: 10px 0; font-size: 15px; color: #363636; } .widget-inventory .inventory-header > [class^="span"], .widget-inventory .inventory-header [class*=" span"] { height: 24px; min-height: 24px; } .widget-inventory .inventory-header [class*="inventory-header-"] { display: inline-block; width: 50%; vertical-align: middle; float: none; min-height: 1px; margin-left: 0; height: auto; } @media (max-width: 767px) { .widget-inventory .inventory-header [class*="inventory-header-"] { width: 100%; } } .widget-inventory .inventory-header .found-text { text-transform: capitalize; text-align: right; } .widget-inventory .inventory-header .total-found { font-weight: bold; color: #00305e; } .widget-inventory .inventory-header .dropdown { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -o-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); z-index: 2; } .widget-inventory .inventory-header .header-pagination { text-align: right; color: #363636; float: right; } .widget-inventory .inventory-header .header-pagination .page-prev, .widget-inventory .inventory-header .header-pagination .page-next { background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; vertical-align: middle; } .widget-inventory .inventory-header .header-pagination .page-prev:before, .widget-inventory .inventory-header .header-pagination .page-next:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-inventory .inventory-header .header-pagination .page-prev:before, .widget-inventory .inventory-header .header-pagination .page-next:before { line-height: 34px; font-size: 13px; } .widget-inventory .inventory-header .header-pagination .page-prev:hover, .widget-inventory .inventory-header .header-pagination .page-next:hover, .widget-inventory .inventory-header .header-pagination .page-prev:focus, .widget-inventory .inventory-header .header-pagination .page-next:focus, .widget-inventory .inventory-header .header-pagination .page-prev:active, .widget-inventory .inventory-header .header-pagination .page-next:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .widget-inventory .inventory-header .header-pagination .page-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory .inventory-header .header-pagination .page-next { margin: 0 0 0 5px; } .widget-inventory .inventory-header .header-pagination .page-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory .inventory-header .header-pagination select { padding: 6px 5px 5px 3px; min-height: unset !important; } .widget-inventory .inventory-header .header-pagination .inline-label { padding: 0 10px; } @media (max-width: 767px) { .widget-inventory .inventory-header .header-pagination { display: inline-block; float: none; margin: 10px 0 0; } .widget-inventory .inventory-header .header-pagination .inline-label { padding-left: 0; } } .widget-inventory.inventory-placeholder .found-text { display: none; } .widget-inventory.inventory-nodata { margin-bottom: 0 !important; } .widget-inventory.inventory-nodata .widget-content { display: none; } .widget-inventory .header-pagination:empty { display: none; } .widget-inventory.inventory-light .widget-header { font-size: 32px; } .widget-inventory.inventory-light .inventory-items .widget-inventory-item:first-child { border-width: 1px 0 2px; } .widget-inventory.inventory-light .widget-inventory-item { padding: 30px 0 30px; border-width: 0 0 2px; border-style: solid; border-color: #f5f5f5; margin-bottom: 0; width: 100%; *zoom: 1; } .widget-inventory.inventory-light .widget-inventory-item:before, .widget-inventory.inventory-light .widget-inventory-item:after { display: table; content: ""; line-height: 0; } .widget-inventory.inventory-light .widget-inventory-item:after { clear: both; } .widget-inventory.inventory-light .widget-inventory-item .item-title h2 { margin: 0 0 18px; } .widget-inventory.inventory-light .widget-inventory-item .item-title a { font-size: 24px; font-weight: 400; color: #999999; } .widget-inventory.inventory-light .widget-inventory-item .item-title a:hover { color: #00305e; } .widget-inventory.inventory-light .widget-inventory-item .row-fluid { position: relative; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore { padding: 12px 24px !important; font-size: 12px !important; float: right; position: absolute; right: 0; bottom: 0; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo { margin-top: 14px; float: left; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img a { display: block; text-align: center; position: relative; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .photo { position: absolute; left: 0; top: 0; margin: 0 auto; max-height: 100%; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .exp { position: relative; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video-conference { position: absolute; left: 0; right: auto; bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: rgba(26, 26, 26, 0.8); padding: 5px 10px; z-index: 110; text-align: center; color: #ffffff; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video-conference:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-style: normal; font-size: 46px; margin: notset; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video-conference:before { display: block; color: #ffffff; line-height: 1; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video-conference .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; height: auto; white-space: nowrap; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video { display: block; background: rgba(26, 26, 26, 0.8); padding: 10px; position: absolute; right: 0; left: auto; top: 0; bottom: auto; border: none; cursor: pointer; z-index: 110; text-align: center; color: #ffffff; height: auto !important; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video i { font-style: normal; display: inline-block; font-size: 46px; width: 46px; height: 46px !important; line-height: 100%; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video:hover i, .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video:focus i { color: #ffffff; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count { background: linear-gradient(to bottom right, rgba(26, 26, 26, 0.8) 0%, transparent 50%); color: #ffffff; position: absolute; z-index: 100; padding: 7px 18px 15px 5px; top: 0; right: auto; left: 0; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count .icon { margin: -2px 2px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count .icon:before { font-weight: 400; } .widget-inventory.inventory-light .widget-inventory-item .inventory-item-left { overflow: hidden; float: left; width: 40.42553191%; *width: 40.37234043%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-inventory.inventory-light .widget-inventory-item .inventory-item-left:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-inventory.inventory-light .widget-inventory-item .inventory-item-right { position: relative; float: left; width: 57.44680851%; *width: 57.39361702%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-inventory.inventory-light .widget-inventory-item .inventory-item-right:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-inventory.inventory-light .center { padding-top: 15px; } .widget-inventory.inventory-light .center .button { background: #363636; width: 24px; height: 34px; z-index: 10; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 13px; width: auto; padding: 0 5px; } .widget-inventory.inventory-light .center .button:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-inventory.inventory-light .center .button:before { line-height: auto; font-size: 13px; } .widget-inventory.inventory-light .center .button:hover, .widget-inventory.inventory-light .center .button:focus, .widget-inventory.inventory-light .center .button:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .widget-inventory.inventory-light .center .button.button-prev:before { font-size: 32px; display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61a"; } .widget-inventory.inventory-light .center .button.button-next:after { font-size: 32px; display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; } .widget-inventory .video { display: block; background: rgba(26, 26, 26, 0.8); padding: 10px; position: absolute; right: 0; left: auto; top: 0; bottom: auto; border: none; cursor: pointer; z-index: 110; text-align: center; color: #ffffff; height: auto !important; } .widget-inventory .video i { font-style: normal; display: inline-block; font-size: 46px; width: 46px; height: 46px !important; line-height: 100%; } .widget-inventory .video:hover i, .widget-inventory .video:focus i { color: #ffffff; } .widget-inventory .video .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; } .widget-content .widget-inventory-item { padding: 10px; border: 1px solid #999999; margin-bottom: 10px; } .widget-content .widget-inventory-item span9 { padding-top: 0; } .widget-content .widget-inventory-item .text-right { float: right; } .widget-content .widget-inventory-item .item-info { display: inline-block; *zoom: 1; width: 100%; } .widget-content .widget-inventory-item .item-info:before, .widget-content .widget-inventory-item .item-info:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-content .widget-inventory-item .vehicle-img { min-height: 76px; position: relative; border: 0 solid transparent; padding: 0; background: transparent; } .widget-content .widget-inventory-item .vehicle-img.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-content .widget-inventory-item .vehicle-img.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-content .widget-inventory-item .vehicle-img div { cursor: pointer; position: absolute; background: #000; padding: 3px 5px; color: #fff; -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); } .widget-content .widget-inventory-item .vehicle-img .photo { right: 2px; bottom: 2px; } .widget-content .widget-inventory-item .vehicle-img .video { right: 51px; bottom: 2px; padding-right: 0; } .widget-content .widget-inventory-item h2 { font-size: 1em; } .widget-content .widget-inventory-item .market-txt, .widget-content .widget-inventory-item .old-price { color: #999999; font-size: .9em; text-transform: capitalize; font-weight: normal; padding: 1px 0; padding-right: 3px; } .widget-content .widget-inventory-item .icons-price { width: 27px; } .widget-content .widget-inventory-item .inventory-row { margin: 0; padding: 0; font-size: 0.9em; min-height: 10px !important; } .widget-content .widget-inventory-item .inventory-row > div { padding: 1px 5px !important; line-height: 140% !important; min-height: 10px !important; } .widget-content .widget-inventory-item .inventory-row > div .icons-co2 { height: 15px; } .widget-content .widget-inventory-item .title { margin-bottom: 2px; } .widget-content .widget-inventory-item .title .span10 { width: 80.97872340425532%; *width: 80.92553191489361%; } .widget-content .widget-inventory-item .title .span2 { width: 15.893617021276595%; *width: 15.840425531914894%; } .widget-content .widget-inventory-item .notification { font-size: .6em; padding: 2px 5px; position: relative; top: -2px; } .widget-content .value .call { content: ""; display: inline-block; width: 21px; height: 14px; background: url('../img/sprites.png') no-repeat no-repeat; background-position: -140px -156px; margin-left: 5px; cursor: pointer; } .widget-content .widget-inventory-item .value .call { background-position: -140px -172px; } .widget-content .widget-inventory-item .value-null { font-size: 18px; } .widget-content .sb.pre [class*="icons-tv-"] { left: 7px; } .widget-content .financing-mobile { display: none; } .smart-filter { margin: 0; z-index: 150; padding: 18px 0; background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; } .smart-filter a { min-height: 25px; display: inline-block; } .smart-filter a .value { color: #1a1a1a; } .smart-filter a:hover { text-decoration: none; } .smart-filter a:hover .value { color: #00305e; } .smart-filter a:hover .quantity { color: #1a1a1a; } .smart-filter a .quantity { color: #1a1a1a; } .smart-filter.flow-cols div [class*="span"] { min-height: 1px; } .smart-filter.flow-cols > ul { font-size: 0; } .smart-filter.flow-cols > ul > li { display: inline-block; vertical-align: top; width: 19.9%; } .smart-filter.flow-cols > ul > li li { list-style: none; padding: 0 10px; min-height: 20px !important; line-height: 167%; } .smart-filter.flow-cols > ul > li ul { font-size: 13px; } .smart-filter.flow-rows ul { display: block; margin-left: 18px; } .smart-filter.flow-rows ul li { display: inline-block; list-style: none; } .smart-filter.count-2 > ul > li { width: 50%; } .smart-filter.count-3 > ul > li { width: 33%; } .smart-filter.count-4 > ul > li { width: 25%; } .smart-filter.count-5 > ul > li { width: 20%; } .smart-filter.count-6 > ul > li { width: 16.4%; } .smart-filter.count-7 > ul > li { width: 14%; } .smart-filter.count-8 > ul > li { width: 12.4%; } .smart-filter.placement-bottom { margin: 15px 0 0; } @media (max-width: 767px) { .smart-filter { max-height: none; } .smart-filter > ul > li { width: 100% !important; } } .widget-last-added.dots-controlled .carousel-inner, .section-related.dots-controlled .carousel-inner { padding: 0; } .widget-last-added.dots-controlled .carousel-controls, .section-related.dots-controlled .carousel-controls { display: none; } .widget-last-added.dots-controlled .slick-list, .section-related.dots-controlled .slick-list { margin-bottom: 35px; } .widget-last-added.dots-controlled .slick-dots, .section-related.dots-controlled .slick-dots { -webkit-transform: translate(-50%, 50px); -moz-transform: translate(-50%, 50px); -o-transform: translate(-50%, 50px); -ms-transform: translate(-50%, 50px); transform: translate(-50%, 50px); } .widget-last-added > .isa-header, .section-related > .isa-header { margin: 20px 0 15px; } .widget-last-added > .isa-header + .widget-content, .section-related > .isa-header + .widget-content { background: none; zoom: 1; background: transparent\0/; -ms-filter: none\0/ !important; filter: none\0/ !important; *filter: none !important; position: relative; padding: 0; margin: 0 -5px; } .widget-last-added > .widget-content, .section-related > .widget-content { white-space: nowrap; } .widget-last-added > .widget-content > .lastadded-item-holder, .section-related > .widget-content > .lastadded-item-holder { margin: 0 0 20px !important; } .widget-last-added > .widget-content > .lastadded-item-holder, .section-related > .widget-content > .lastadded-item-holder, .widget-last-added > .widget-content > .lastadded-item-holder:first-child, .section-related > .widget-content > .lastadded-item-holder:first-child { width: 23.5%; } @media (max-width: 979px) { .widget-last-added > .widget-content > .lastadded-item-holder, .section-related > .widget-content > .lastadded-item-holder, .widget-last-added > .widget-content > .lastadded-item-holder:first-child, .section-related > .widget-content > .lastadded-item-holder:first-child { width: 49%; } } @media (max-width: 767px) { .widget-last-added > .widget-content > .lastadded-item-holder, .section-related > .widget-content > .lastadded-item-holder, .widget-last-added > .widget-content > .lastadded-item-holder:first-child, .section-related > .widget-content > .lastadded-item-holder:first-child { width: 100%; } } @media (max-width: 979px) { .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(4n+1), .section-related > .widget-content > .lastadded-item-holder:nth-child(4n+1) { margin-left: 1%; } } @media (max-width: 979px) { .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(-n+4), .section-related > .widget-content > .lastadded-item-holder:nth-child(-n+4) { margin-left: 1%; } } @media (max-width: 979px) { .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(2n+1), .section-related > .widget-content > .lastadded-item-holder:nth-child(2n+1) { margin-left: 0; } } @media (max-width: 979px) { .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(-n+2), .section-related > .widget-content > .lastadded-item-holder:nth-child(-n+2) { margin-top: 0; } } .widget-last-added > div:last-child:not(.symfio-link-global):not(.symfio-link-context), .section-related > div:last-child:not(.symfio-link-global):not(.symfio-link-context) { padding-bottom: 0; } .widget-last-added .symfio-link-global, .section-related .symfio-link-global, .widget-last-added .symfio-link-context, .section-related .symfio-link-context { background: url(/images/frontend/fabric/bell-tex.png), linear-gradient(34deg, #3366cc, #6699ff); margin-top: 30px; color: #ffffff; } .widget-last-added .lastadded-item-holder, .section-related .lastadded-item-holder { float: left; width: 25%; margin: 0 5px; font-size: 0.95em; display: block; white-space: normal; vertical-align: top; border-width: 0; border-style: solid; border-color: #f5f5f5; position: relative; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; } .widget-last-added .lastadded-item-holder:first-child, .section-related .lastadded-item-holder:first-child { width: 25%; margin: 0 5px; border-width: 0; border-style: solid; border-color: #f5f5f5; } .widget-last-added .lastadded-item-holder img, .section-related .lastadded-item-holder img { -webkit-transition: -webkit-transform 8s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: -moz-transform 8s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: -o-transform 8s cubic-bezier(0.23, 1, 0.32, 1); transition: -webkit-transform 8s cubic-bezier(0.23, 1, 0.32, 1),-moz-transform 8s cubic-bezier(0.23, 1, 0.32, 1),-o-transform 8s cubic-bezier(0.23, 1, 0.32, 1),transform 8s cubic-bezier(0.23, 1, 0.32, 1); } .widget-last-added .lastadded-item-holder:hover .item-title a, .section-related .lastadded-item-holder:hover .item-title a { color: text_color_highlight; } .widget-last-added .lastadded-item-holder.tuv-approved .widget-last-added-item .vehicle-preview, .section-related .lastadded-item-holder.tuv-approved .widget-last-added-item .vehicle-preview { display: block; position: relative; } .widget-last-added .lastadded-item-holder.tuv-approved .widget-last-added-item .vehicle-preview:before, .section-related .lastadded-item-holder.tuv-approved .widget-last-added-item .vehicle-preview:before { content: ""; display: inline-block; width: 35px; height: 35px; position: absolute; right: 5px; top: 5px; background: url(../../../images/frontend/icons/tuv-gepruft-medium.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .widget-last-added .lastadded-item-holder.tuv-approved.has-video .widget-last-added-item .vehicle-preview:before, .section-related .lastadded-item-holder.tuv-approved.has-video .widget-last-added-item .vehicle-preview:before { right: 0; top: 40px; } .widget-last-added .lastadded-item-holder .emissions-data, .section-related .lastadded-item-holder .emissions-data { background: none; z-index: 10; bottom: 7px; left: 0; font-size: 11px; padding: 0 5px 0 15px; *zoom: 1; } .widget-last-added .lastadded-item-holder .emissions-data:before, .section-related .lastadded-item-holder .emissions-data:before, .widget-last-added .lastadded-item-holder .emissions-data:after, .section-related .lastadded-item-holder .emissions-data:after { content: " "; display: block; clear: both; } .widget-last-added .lastadded-item-holder .emissions-data > *, .section-related .lastadded-item-holder .emissions-data > * { float: left; } .widget-last-added .lastadded-item-holder .emissions-data > *:nth-child(2n), .section-related .lastadded-item-holder .emissions-data > *:nth-child(2n) { margin-left: 10px; } .widget-last-added .lastadded-item-holder .emissions-data > *:nth-child(2n+1), .section-related .lastadded-item-holder .emissions-data > *:nth-child(2n+1) { clear: left; } .widget-last-added .lastadded-item-holder .emissions-data > * .icon, .section-related .lastadded-item-holder .emissions-data > * .icon { display: none; } .widget-last-added .lastadded-item-holder .emissions-data .row-fuel .param-label, .section-related .lastadded-item-holder .emissions-data .row-fuel .param-label, .widget-last-added .lastadded-item-holder .emissions-data .row-fuelConsumptionCombined .param-label, .section-related .lastadded-item-holder .emissions-data .row-fuelConsumptionCombined .param-label, .widget-last-added .lastadded-item-holder .emissions-data .row-emissionCO2 .param-label, .section-related .lastadded-item-holder .emissions-data .row-emissionCO2 .param-label { display: none; } .widget-last-added .lastadded-item-holder .emissions-data [class*="param-"], .section-related .lastadded-item-holder .emissions-data [class*="param-"] { display: inline; } .widget-last-added .lastadded-item-holder .emissions-data [class*="row-"], .section-related .lastadded-item-holder .emissions-data [class*="row-"] { line-height: 1; } .widget-last-added .lastadded-item-holder .image-count ~ .emissions-data, .section-related .lastadded-item-holder .image-count ~ .emissions-data { text-align: right; bottom: 40px; padding: 0 10px; } .widget-last-added .widget-last-added-item, .section-related .widget-last-added-item { border: 1px solid #cccccc; background: transparent; padding: 0; background: #f5f5f5; border-width: 0 0 1px; overflow: hidden; position: relative; padding-bottom: 66%; height: 0; } .widget-last-added .widget-last-added-item.locked span:before, .section-related .widget-last-added-item.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-last-added .widget-last-added-item.locked span:before, .section-related .widget-last-added-item.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-last-added .widget-last-added-item > div, .section-related .widget-last-added-item > div { bottom: 1px; line-height: 26px; cursor: pointer; position: absolute; background: rgba(0, 48, 94, 0.8); padding: 0px 10px; color: #fff; } .widget-last-added .widget-last-added-item > a:first-child, .section-related .widget-last-added-item > a:first-child, .widget-last-added .widget-last-added-item > .image-count + a, .section-related .widget-last-added-item > .image-count + a { display: block; overflow: hidden; text-align: center; vertical-align: middle; } .widget-last-added .widget-last-added-item > a:first-child img, .section-related .widget-last-added-item > a:first-child img, .widget-last-added .widget-last-added-item > .image-count + a img, .section-related .widget-last-added-item > .image-count + a img { width: 100%; } .widget-last-added .widget-last-added-item > .price, .section-related .widget-last-added-item > .price { right: 0; bottom: 0; left: 0; font-size: 1.62em; text-align: right; cursor: default; position: absolute; background: rgba(0, 48, 94, 0.8); padding: 5px 15px; color: #fff; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .widget-last-added .widget-last-added-item > .price .price, .section-related .widget-last-added-item > .price .price { position: relative; background: none; padding: 0; } .widget-last-added .widget-last-added-item .video, .section-related .widget-last-added-item .video { display: block; background: rgba(26, 26, 26, 0.8); padding: 10px; position: absolute; right: 0; left: auto; top: 0; bottom: auto; border: none; cursor: pointer; z-index: 110; text-align: center; color: #ffffff; height: auto !important; } .widget-last-added .widget-last-added-item .video i, .section-related .widget-last-added-item .video i { font-style: normal; display: inline-block; font-size: 16px; width: 16px; height: 16px !important; line-height: 100%; } .widget-last-added .widget-last-added-item .video:hover i, .section-related .widget-last-added-item .video:hover i, .widget-last-added .widget-last-added-item .video:focus i, .section-related .widget-last-added-item .video:focus i { color: #ffffff; } .widget-last-added .widget-last-added-item .video .desc, .section-related .widget-last-added-item .video .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; } .widget-last-added .widget-last-added-item .image-count, .section-related .widget-last-added-item .image-count { background: linear-gradient(to bottom right, rgba(26, 26, 26, 0.8) 0%, transparent 50%); color: #ffffff; position: absolute; z-index: 100; padding: 7px 18px 15px 5px; top: 0; left: 0; right: auto; } .widget-last-added .widget-last-added-item .image-count .icon, .section-related .widget-last-added-item .image-count .icon { margin: -2px 2px 0 0; } .widget-last-added .widget-last-added-item .image-count .icon:before, .section-related .widget-last-added-item .image-count .icon:before { font-weight: 400; } .widget-last-added .item-title, .section-related .item-title { font-size: 15px; line-height: 1.3; text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 10px; font-weight: 500; border-bottom: none; word-break: break-word; } .widget-last-added .item-title, .section-related .item-title, .widget-last-added .item-title span, .section-related .item-title span, .widget-last-added .item-title a, .section-related .item-title a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center; width: 100%; line-height: 25px; } .widget-last-added .item-title span, .section-related .item-title span { height: 39px; overflow: hidden; padding: 0; } .widget-last-added .item-title a, .section-related .item-title a { color: #1a1a1a; } .widget-last-added .item-title a:hover, .section-related .item-title a:hover { color: #00305e; } .widget-last-added .item-title a:focus, .section-related .item-title a:focus { color: #00305e; } .widget-last-added .item-title a:focus, .section-related .item-title a:focus { color: #00305e; } .widget-last-added .item-title a:visited, .section-related .item-title a:visited { color: notset; } .widget-last-added .sublabel, .section-related .sublabel { margin-right: 5px; } .widget-last-added .fin-label, .section-related .fin-label { margin-left: 5px; } .lt-ie8 .widget-inventory.inventory-placeholder .found-text { display: none; } .lt-ie8 .widget-inventory.inventory-nodata { margin-bottom: 0 !important; } .lt-ie8 .widget-inventory.inventory-nodata .widget-content { display: none; } .lt-ie8 .widget-inventory .header-pagination:empty { display: none; } .lt-ie8 .widget-inventory.inventory-light .widget-inventory-item .item-subinfo { display: inline-block; } .lt-ie8 .smart-filter > ul { display: inline-block; *zoom: 1; text-align: left; } .lt-ie8 .smart-filter > ul:before, .lt-ie8 .smart-filter > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .lt-ie8 .smart-filter > ul > li { display: inline-block !important; float: left; } .widget.widget-inventory .widget-content .status, .lastadded-item-holder .widget-last-added-item .status { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 3px 2px 3px 2px; text-align: center; background: rgba(0, 48, 94, 0.8); color: #ffffff; } .widget.widget-inventory .widget-content .status > span, .lastadded-item-holder .widget-last-added-item .status > span { padding: 0 15px; } .widget.widget-inventory .widget-content .status > span > span, .lastadded-item-holder .widget-last-added-item .status > span > span { font-size: 32px; } .widget.widget-inventory .widget-content .status.inventory, .lastadded-item-holder .widget-last-added-item .status.inventory { display: none; } .widget.widget-inventory .widget-content .status .icon, .lastadded-item-holder .widget-last-added-item .status .icon { vertical-align: middle; } .widget.widget-inventory .widget-content .status .icon:hover, .lastadded-item-holder .widget-last-added-item .status .icon:hover { opacity: 0.6; } .widget-inventory.inventory-table { margin: 0 0 15px; } .widget-inventory.inventory-table .inventory-item-left, .widget-inventory.inventory-table .inventory-item-center, .widget-inventory.inventory-table .inventory-item-main-info, .widget-inventory.inventory-table .inventory-item-right { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-inventory.inventory-table .inventory-item-main-info { width: calc(20% + 62% + 1%); } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left { width: 35%; margin: 0; padding: 0; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .vehicle-img { min-height: 100px; position: relative; border: 0 solid transparent; padding: 0; background: transparent; margin: 5px 0 30px; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .vehicle-img.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .vehicle-img.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .image-count { background: linear-gradient(to bottom right, rgba(26, 26, 26, 0.8) 0%, transparent 50%); color: #ffffff; position: absolute; z-index: 100; padding: 7px 18px 15px 5px; top: 0; right: auto; left: 0; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .image-count .icon { margin: -2px 2px 0 0; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .image-count .icon:before { font-weight: 400; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .video-label { display: block; background: rgba(236, 40, 42, 0.9); padding: 5px 0; width: 42px; position: absolute; right: 2px; top: 34px; bottom: auto; border: none; cursor: pointer; z-index: 110; text-align: center; color: #1a1a1a; height: auto !important; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .video-label.imageless-vehicle { top: 1px; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .video-label:before { display: none !important; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .video-label i { font-style: normal; display: inline-block; font-size: 18px; width: 18px; height: 18px !important; line-height: 100%; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .video-label:hover i, .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .video-label:focus i { color: #1a1a1a; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left .video-label .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: bold; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left img { width: 100%; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-center { width: 60%; margin: 0 0 0 1%; padding: 0; } @media (max-width: 767px) { .widget-inventory.inventory-table .inventory-item-main-info { width: 100%; } .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-left, .widget-inventory.inventory-table .inventory-item-main-info .inventory-item-center { width: 100%; } } .widget-inventory.inventory-table .inventory-item-right { width: 16%; margin: 0 0 0 1%; padding: 0; text-align: right; } .widget-inventory.inventory-table .widget-inventory-item { padding: 10px 0; margin: 30px 0 0; border-width: 1px; border-style: solid; border-color: transparent; background: #ffffff; } .widget-inventory.inventory-table .widget-inventory-item:first-child { padding: 10px 0; margin: 0; border-width: 1px; } .widget-inventory.inventory-table .widget-inventory-item .item-title { margin: 0 0 10px; } .widget-inventory.inventory-table .widget-inventory-item .item-title a { font-size: 22px; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; text-transform: none; color: #1a1a1a; } .widget-inventory.inventory-table .widget-inventory-item .item-title a:hover { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .item-title a:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .item-title a:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .item-title a:visited { color: notset; } .widget-inventory.inventory-table .widget-inventory-item .item-title a span { font-weight: 500; vertical-align: baseline; } .widget-inventory.inventory-table .widget-inventory-item .options-block { display: none; } .widget-inventory.inventory-table .widget-inventory-item .options-block.shown { display: block; } .widget-inventory.inventory-table .widget-inventory-item .options-block:before { content: ""; display: block; width: 0; height: 0; border-style: solid; margin-left: 265px; border-width: 0 12px 12px 12px; border-color: transparent transparent #f5f5f5 transparent; } .widget-inventory.inventory-table .widget-inventory-item .options-block .details-header { cursor: unset; background: #f5f5f5; margin-top: 0; padding: 3px 10px 3px 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .widget-inventory.inventory-table .widget-inventory-item .options-block .details-header .title, .widget-inventory.inventory-table .widget-inventory-item .options-block .details-header h2 { cursor: unset; color: #363636; } .widget-inventory.inventory-table .widget-inventory-item .options-block .tab-options { background: #ffffff; padding-bottom: 5px; border: 1px solid #f5f5f5; width: 100%; border-radius: 3px; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list { padding: 0 5px 0 15px; width: 100%; *zoom: 1; width: auto; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list:before, .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list:after { display: table; content: ""; line-height: 0; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list:after { clear: both; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item { height: 30px; padding-right: 10px; box-sizing: border-box; word-break: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item:first-letter { text-transform: capitalize; } @media (min-width: 1200px) { .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item { float: left; width: 23.40425532%; *width: 23.35106383%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item:nth-child(4n+1) { margin-left: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item { padding-right: 5px; float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item:nth-child(3n+1) { margin-left: 0; } } @media (max-width: 767px) { .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item { padding-right: 5px; float: left !important; width: 48.93617021% !important; *width: 48.88297872% !important; margin-left: 2.12765957% !important; *margin-left: 2.0212766% !important; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item:first-child { margin-left: 0 !important; margin-left: 0% !important; *margin-left: -0.10638298% !important; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item:nth-child(2n+1) { margin-left: 0 !important; } } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item .icon-checkmark { display: none; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item span { font-size: 15px; width: 100%; } .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item span, .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item i { vertical-align: middle; } @media (min-width: 768px) and (max-width: 1180px) { .widget-inventory.inventory-table .widget-inventory-item .options-block .options-list .options-list-item { display: inline-block; width: 33%; max-height: 30px; margin-left: 0; } } .widget-inventory.inventory-table .widget-inventory-item .options-block .close-options-list { float: right; cursor: pointer; font-size: 16px; color: #363636; position: relative; } .widget-inventory.inventory-table .widget-inventory-item .options-block .close-options-list:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e630"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .options-block .close-options-list:before { position: absolute; right: 0px; top: 4px; } .widget-inventory.inventory-table .widget-inventory-item .item-params { padding: 5px 0; margin: 0 0 10px; border-width: 0; border-style: solid; border-color: #cccccc; font-style: italic; } .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param { margin: 0 0 0 10px; padding: 0 0 0 10px; border-width: 0 0 0 1px; border-style: solid; border-color: #999999; color: #363636; display: inline-block; } @media (max-width: 1024px) { .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param { margin: 0 0 0 5px; padding: 0 0 0 5px; } } @media (max-width: 1024px) { .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param:before { margin: 0 2px 0 0; font-size: 13px; } } .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param:first-child { margin: 0; padding: 0; border-width: 0; border-style: solid; border-color: #999999; } .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param.row-engine { display: none; } .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param.row-fuel { display: none; } @media (min-width: 1600px) { .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param.row-fuel { display: inline; } } .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param.row-power { display: none; } @media (min-width: 1366px) { .widget-inventory.inventory-table .widget-inventory-item .item-params .item-param.row-power { display: inline; } } .widget-inventory.inventory-table .widget-inventory-item .button-readmore { padding: 10px 20px !important; white-space: nowrap; } .widget-inventory.inventory-table .widget-inventory-item .price { font-weight: 400; } .widget-inventory.inventory-table .widget-inventory-item .price .value { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .price .value .desc { position: relative; font-size: 8px; margin: 0 0 0 5px; color: #1a1a1a; display: block; } .widget-inventory.inventory-table .widget-inventory-item .price .value.nomwst { display: block; margin-right: 0; } .widget-inventory.inventory-table .widget-inventory-item .price .value.nomwst .desc, .widget-inventory.inventory-table .widget-inventory-item .price .value.nomwst > span { display: block; margin-left: 0; } .widget-inventory.inventory-table .widget-inventory-item .price .value.nomwst .desc { line-height: 11.2px; position: relative; margin: -5px 0 10px; } .widget-inventory.inventory-table .widget-inventory-item .price .row-old .value, .widget-inventory.inventory-table .widget-inventory-item .price .row-diff .value { font-size: 16.8px; color: #999999; } .widget-inventory.inventory-table .widget-inventory-item .price .row-old .value { text-decoration: line-through; } .widget-inventory.inventory-table .widget-inventory-item .price .row-diff { border-bottom: 1px solid #999999; } .widget-inventory.inventory-table .widget-inventory-item .price .row-dealer .value, .widget-inventory.inventory-table .widget-inventory-item .price .row-current .value { font-size: 28px; } .widget-inventory.inventory-table .widget-inventory-item .price .row-dealer .desc, .widget-inventory.inventory-table .widget-inventory-item .price .row-current .desc { margin: -5px 0 10px; } .widget-inventory.inventory-table .widget-inventory-item .price .row-current-no-tax .value { font-size: 21px; } .widget-inventory.inventory-table .widget-inventory-item .price .row-current-no-tax .desc { margin: 5px 0; } .widget-inventory.inventory-table .widget-inventory-item .price .row-current-no-tax.vat-reclaimable { position: relative; } .widget-inventory.inventory-table .widget-inventory-item .price .row-current-no-tax.vat-reclaimable .desc { right: 0; } .widget-inventory.inventory-table .widget-inventory-item .price .row-current-no-tax.vat-reclaimable .value { display: block; margin: -10px 0 5px; } .widget-inventory.inventory-table .widget-inventory-item .price .row-producer-price .value { margin: 0; color: #1a1a1a; } .widget-inventory.inventory-table .widget-inventory-item .price .row-producer-price .value .price-holder { font-weight: 400; } .widget-inventory.inventory-table .widget-inventory-item .price .row-producer-price .value .desc { position: relative; float: none; } .widget-inventory.inventory-table .widget-inventory-item .price .row-buyers-profit .value { margin: 0; color: #1a1a1a; } .widget-inventory.inventory-table .widget-inventory-item .price .row-buyers-profit .value .price-holder { font-weight: 500; font-size: 24px; } .widget-inventory.inventory-table .widget-inventory-item .price .row-buyers-profit .value .desc { position: relative; float: none; } .widget-inventory.inventory-table .widget-inventory-item .price .row-producer-price .value .desc, .widget-inventory.inventory-table .widget-inventory-item .price .row-buyers-profit .value .desc { margin: 0; display: block; } .widget-inventory.inventory-table .widget-inventory-item .price .row-dealer + .row-current .value { font-size: 21px; } .widget-inventory.inventory-table .widget-inventory-item .price .row-dealer + .row-current .desc { line-height: 1; margin: -5px 0 5px; } .widget-inventory.inventory-table .widget-inventory-item .price.price-vat-reclaimable .value, .widget-inventory.inventory-table .widget-inventory-item .price.price-vat-reclaimable .value .nomwst { margin-right: 0; } .widget-inventory.inventory-table .widget-inventory-item .price.price-vat-reclaimable .row-current .desc { display: none; } .widget-inventory.inventory-table .widget-inventory-item .price.price-vat-reclaimable .row-current .nomwst .desc { display: block; } .widget-inventory.inventory-table .widget-inventory-item .price.price-financing { color: #00305e; float: right; } .widget-inventory.inventory-table .widget-inventory-item .row-financing:not(:only-child) .price-financing { border-bottom: 1px solid #999999; padding-bottom: 5px; } .widget-inventory.inventory-table .widget-inventory-item .prices-envelope .row-financing > .value-null { display: inline-block; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-main .inventory-item-left { overflow: hidden; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary { height: 40px; border-width: 0 0 1px; border-style: solid; border-color: #f5f5f5; margin-bottom: 5px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .item-title-wrapper, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls { display: inline-block; vertical-align: middle; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .item-title-wrapper { width: calc(100% - 240px); } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .item-title-wrapper .item-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls { float: right; width: 230px; position: relative; z-index: 130; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .vehicle-age { float: left; position: relative; margin: 5px 0; padding: 2px 7px 2px 7px; color: #363636; border-radius: 2px; min-width: 140px; box-sizing: border-box; text-align: center; background: #f5f5f5; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls a { color: #999999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; float: right; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls a:hover { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls a:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls a:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls a:visited { color: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .favourite:not(.control-favourite) { position: relative; display: inline-block; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .favourite:not(.control-favourite):before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e652"; font-style: normal; font-size: 24px; margin: 0 10px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .favourite:not(.control-favourite).active::before { content: "\e651"; color: #388e3c; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .favourite:not(.control-favourite)[data-bookmark='remove_bookmark']:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e630"; font-style: normal; font-size: 33px; margin: -5px 5px 0 -5px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .share-vehicle-toggler:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e655"; font-style: normal; font-size: 21px; margin: 2px 10px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator { display: none; z-index: 10; position: absolute; -webkit-transform: translate(70px, 40px); -moz-transform: translate(70px, 40px); -o-transform: translate(70px, 40px); -ms-transform: translate(70px, 40px); transform: translate(70px, 40px); width: 140px; padding: 10px 12px; background: #f5f5f5; border: 1px solid #f5f5f5; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator { right: 0; -webkit-transform: translate(0, 40px); -moz-transform: translate(0, 40px); -o-transform: translate(0, 40px); -ms-transform: translate(0, 40px); transform: translate(0, 40px); } } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator > span { display: block; margin: 0 0 5px 5px; color: #1a1a1a; font-size: 15px; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; font-weight: 500; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator:before, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator:after { content: ""; position: absolute; display: block; width: 0; height: 0; border-style: solid; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator:before { top: -12px; right: 42px; border-width: 0 12px 12px 12px; border-color: transparent transparent #cccccc transparent; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator:after { top: -11px; right: 43px; border-width: 0 11px 11px 11px; border-color: transparent transparent #f5f5f5 transparent; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; font-size: 13px; width: auto; height: auto; line-height: 1.4; text-shadow: none; border: none; box-shadow: none; border-radius: 0; padding: 3px 0; float: left; border-bottom: 1px solid #cccccc; width: 100%; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button:hover { background: #f5f5f5; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .pict, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .button-text { vertical-align: middle; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .pict { height: auto; margin: 0 5px 0 0; color: #ffffff; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .pict:before { font-size: 14px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-facebook .pict { background: #3B5998; padding-top: 4px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-facebook .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-twitter .pict { background: #55ACEE; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-twitter .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-googleplus .pict { background: #DC4E41; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-googleplus .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-whatsapp .pict { background: #25D366; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-whatsapp .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-pdf .pict { background: #363636; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button.button-pdf .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62b"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .button-text { display: inline-block; font-weight: 400; color: #1a1a1a; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .button-text:hover { color: #363636; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .button-text:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .button-text:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .bookmark-button .button-text:visited { color: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-social, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-functional, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-contactlink { display: inline-block; vertical-align: middle; width: 100%; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-contactlink .bookmark-button { background: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-social a { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-social a .pict { width: 18px; height: 18px; margin-left: 5px; padding: 4px; border-radius: 50%; display: inline-block; text-align: center; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-social .bookmark-button { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-social .buttons-title { display: none; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-functional { border-width: 1px; border-style: solid; border-color: #cccccc; margin: 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-functional a { border-bottom: none; padding-bottom: 4px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div .buttons-functional a .pict { width: 18px; height: 18px; margin-left: 5px; padding: 4px; border-radius: 50%; display: inline-block; text-align: center; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls .social-aggregator div + .tab-info { padding-top: 15px; } @media (max-width: 767px) { .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .item-title-wrapper { padding-bottom: 10px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls { text-align: justify; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary { height: 80px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .vehicle-controls, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .item-title-wrapper { width: 100%; float: left; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-primary .item-title-wrapper { height: 1.6em; } } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-main { position: relative; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary { margin: 10px 0 0; padding: 10px 0 0; border-width: 1px 0 0; border-style: solid; border-color: #f5f5f5; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-center { vertical-align: middle; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-right { vertical-align: top; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .image-count, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .video-label { display: block; font-size: 18px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .video-label, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .video-label:visited { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left { width: 100%; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left > * { vertical-align: middle; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; float: right; margin: 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo [class^="\icons-tv-"] { display: none; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:focus { outline: none; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.on { outline: none; cursor: pointer; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.off, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo [class^="\icons-tv-"] { display: none; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:focus { outline: none; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.on { outline: none; cursor: pointer; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.off, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control { margin: 5px 10px 5px 0 !important; display: inline-block; font-size: 15px; cursor: pointer; padding: 3px 10px; border-radius: 3px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.disabled { cursor: default; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.short-info, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #363636; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.short-info:hover, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite:hover { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.short-info:focus, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.short-info:focus, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite:focus { color: #00305e; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.short-info:visited, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite:visited { color: notset; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control:before { display: inline-block; vertical-align: middle; font-family: "icomoonicheck"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 18px; margin: 0 2px 2px 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.question { padding-left: 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.question:before { content: "\e65b"; margin-right: 4px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.short-info:before { content: "\e67a"; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.test-drive:before { content: "\e98d"; margin-right: 5px; font-size: 13px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite { position: relative; display: inline-block; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e652"; font-style: normal; font-size: 18px; margin: 0 2px 2px 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.favourite.active:before { content: "\e651"; color: #388e3c; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.control-favourite:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e670" !important; font-style: normal !important; font-size: 18px !important; margin: 0 2px 2px 0 !important; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .item-secondary-control.control-favourite:before { color: #00305e !important; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left > :first-child { margin: 0; } @media (max-width: 767px) { .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .short-info, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .favourite, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .options-block { display: none !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left { width: 100%; *zoom: 1; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left:before, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left:after { display: table; content: ""; line-height: 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left:after { clear: both; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .question, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .test-drive { margin: 5px 0 !important; float: left !important; width: 48.93617021% !important; *width: 48.88297872% !important; margin-left: 2.12765957% !important; *margin-left: 2.0212766% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .question:first-child, .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .test-drive:first-child { margin-left: 0 !important; margin-left: 0% !important; *margin-left: -0.10638298% !important; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left .moreinfo { width: 100%; box-sizing: border-box; text-align: center; margin: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-inventory.inventory-table .widget-inventory-item .item-info { max-height: 105px; overflow: hidden; position: relative; margin-bottom: 5px; } } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emission-param, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .param-label, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .param-value, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emissions-title { display: inline-block; color: #363636; font-size: 13px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emission-param a, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .param-label a, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .param-value a, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emissions-title a { color: #ff0000; margin-left: 5px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emission-param { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 2px 1% 0 0; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emission-param:after { content: ";"; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emission-param > * { font-size: 13px; } } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .col-2 .emission-param { width: 49%; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .col-2 .emission-param:nth-child(2n) { margin: 0; padding: 0; border-right: none; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .col-3 .emission-param { width: 32%; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .col-3 .emission-param:nth-child(3n) { margin: 0; padding: 0; border-right: none; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .col-4 .emission-param { width: 23.5%; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .col-4 .emission-param:nth-child(3n) { margin: 0; padding: 0; border-right: none; } @media (max-width: 979px) { .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emission-param { display: inline-block; width: auto; } } @media (max-width: 1024px) { .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions .emissions-content { font-size: 13px; } } @media (max-width: 767px) { .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-emissions { white-space: unset; } } .widget-inventory.inventory-table .widget-inventory-item .financing-title { font-weight: 500; } .widget-inventory.inventory-table .widget-inventory-item .financing-title, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .fin-field { display: inline-block; vertical-align: bottom; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing { position: relative; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .fin-field { margin: 0 0 0 10px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .monthlyRate .fin-value { color: #00305e; font-size: 20px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .monthlyRate .fin-label { color: #00305e; padding: 0; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .monthsCount .fin-value, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .monthsCount .fin-label { color: #363636; font-size: 17px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .show-details { display: inline-block; visibility: hidden; position: absolute; top: 9px; right: -20px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .show-details:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e637"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .show-details:before { color: #4d4d4d; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .fin-label, .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .fin-value { display: inline-block; vertical-align: middle; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .fin-value { line-height: 21px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .fin-label { padding-left: 5px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing .sublabel { font-size: 15px; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing > :first-child > :last-child:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e637"; font-style: normal; font-size: notset; margin: notset; } .widget-inventory.inventory-table .widget-inventory-item .item-subinfo-financing > :first-child > :last-child:after { color: #4d4d4d; margin: 0 0 0 10px; } .widget-inventory.inventory-table .widget-inventory-item .row-odometer:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e662"; font-style: normal; font-size: 0 5px 0 0; margin: 0 5px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .row-year:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e646"; font-style: normal; font-size: 0 5px 0 0; margin: 0 5px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .row-fuel:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e676"; font-style: normal; font-size: 0 5px 0 0; margin: 0 5px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .row-transmission:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67b"; font-style: normal; font-size: 0 5px 0 0; margin: 0 5px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .row-power:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e677"; font-style: normal; font-size: 0 5px 0 0; margin: 0 5px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .row-engine:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64c"; font-style: normal; font-size: 0 5px 0 0; margin: 0 5px 0 0; } .widget-inventory.inventory-table .widget-inventory-item .image-count:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 0 5px 0 0; margin: 0 5px 0 0; } .widget-inventory.inventory-table .widget-inventory-item.tuv-approved .vehicle-img { display: block; position: relative; } .widget-inventory.inventory-table .widget-inventory-item.tuv-approved .vehicle-img:before { content: ""; display: inline-block; width: 35px; height: 35px; position: absolute; right: 5px; top: 35px; background: url(../../../images/frontend/icons/tuv-gepruft-medium.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .widget-inventory.inventory-table .widget-inventory-item.tuv-approved.has-video .vehicle-img:before { top: 65px; } .widget-inventory.inventory-table .pagination-bottom { padding: 15px 0; text-align: center; } .widget-inventory.inventory-table .pagination-bottom .button { background: #363636; width: 24px; height: 34px; z-index: 10; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 13px; width: auto; padding: 0 5px; line-height: 28px; } .widget-inventory.inventory-table .pagination-bottom .button:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-inventory.inventory-table .pagination-bottom .button:before { line-height: auto; font-size: 13px; } .widget-inventory.inventory-table .pagination-bottom .button:hover, .widget-inventory.inventory-table .pagination-bottom .button:focus, .widget-inventory.inventory-table .pagination-bottom .button:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .widget-inventory.inventory-table .pagination-bottom .button.button-prev:before { font-size: 18px; display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61a"; } .widget-inventory.inventory-table .pagination-bottom .button.button-next:after { font-size: 18px; display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; } .widget-inventory.inventory-table .pagination-bottom .button:not(:first-child) { margin-left: 10px; } @media (max-width: 767px) { .widget-inventory.inventory-table .pagination-bottom { text-align: left; } .widget-inventory.inventory-table .pagination-bottom .button { margin-top: 5px; } } .widget-inventory.inventory-table .disclaimers { margin: 15px 0 0; } .widget-inventory.inventory-table .disclaimer-specs, .widget-inventory.inventory-table .disclaimer-emissions, .widget-inventory.inventory-table .disclaimer-financing { margin: 5px 0 0; font-size: 13px; color: #363636; } .widget-inventory.inventory-table .disclaimer-specs:first-child, .widget-inventory.inventory-table .disclaimer-emissions:first-child, .widget-inventory.inventory-table .disclaimer-financing:first-child { margin: 0; } .widget-inventory.inventory-table .disclaimer-specs .external-link, .widget-inventory.inventory-table .disclaimer-emissions .external-link, .widget-inventory.inventory-table .disclaimer-financing .external-link { text-decoration: underline; text-underline-offset: 2px; } .widget-inventory.inventory-table .carseal-header { display: none; } @media (max-width: 979px) { .widget-inventory.inventory-table .widget-inventory-item { padding: 10px; } } @media (max-width: 767px) { .widget-inventory.inventory-table .inventory-item-left, .widget-inventory.inventory-table .inventory-item-center { display: block; width: 100%; margin: 0; } .widget-inventory.inventory-table .inventory-item-left .vehicle-img { margin-bottom: 0 !important; } .widget-inventory.inventory-table .inventory-item-right { width: 100%; margin: 0; margin-top: 10px; text-align: left; } .widget-inventory.inventory-table .inventory-item-right .price { background: #f5f5f5; padding: 5px 10px; float: left; width: 100%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .widget-inventory.inventory-table .widget-inventory-item { padding: 10px; } .widget-inventory.inventory-table .widget-inventory-item .location-label { display: none; } .widget-inventory.inventory-table .widget-inventory-item .item-params { position: relative; margin-top: 0; text-align: center; } .widget-inventory.inventory-table .widget-inventory-item .item-param { white-space: nowrap; } .widget-inventory.inventory-table .widget-inventory-item .age-status { position: static; left: 0; bottom: 100%; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; opacity: 0.7; margin-bottom: 5px; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary { padding-top: 0; border-top: none; margin-top: 0; } .widget-inventory.inventory-table .widget-inventory-item .inventory-item-secondary .inventory-item-left > * { display: inline-block; margin: 10px 20px !important; } .widget-inventory.inventory-table .car-seal { margin: 10px 0; } .widget-inventory.inventory-table .button-nextbutton-next { text-align: left; } } @media (max-width: 767px) and (max-width: 979px) { .widget-inventory.inventory-table .inventory-item-right { margin: 10px 0 15px; } } @supports (display: contents) { @media (max-width: 767px) { .widget-inventory-item { display: flex; flex-direction: column; } .widget-inventory-item .inventory-item-main, .widget-inventory-item .inventory-item-secondary, .widget-inventory-item .inventory-item-main .inventory-item-center { display: contents; } .widget-inventory-item .inventory-item-main .inventory-item-left { order: 20; } .widget-inventory-item .item-title { order: 10; } .widget-inventory-item .item-params { order: 40; } .widget-inventory-item .item-info { order: 50; } .widget-inventory-item .car-seal { order: 60; } .widget-inventory-item .location { order: 70; } .widget-inventory-item .inventory-item-main .inventory-item-right { order: 30; } .widget-inventory-item .inventory-item-secondary .inventory-item-left { order: 45; } .widget-inventory-item .inventory-item-secondary .inventory-item-center { order: 80; } .widget-inventory-item .inventory-item-secondary .inventory-item-right { order: 90; } } } .widget-inventory.inventory-table.viewtiles .widget-content .inventory-items { font-size: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-inventory.inventory-table.viewtiles .widget-content .inventory-items > * { font-size: 18px; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item { display: inline-block; vertical-align: top; width: 24.25%; margin: 15px 1% 0 0; padding: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .age-status { position: relative; text-align: center; transform: unset; left: unset; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-main .inventory-item-center, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-main .inventory-item-right, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-secondary > * { margin-left: 0; padding-left: 10px; padding-right: 10px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item { width: 32.5%; margin: 15px 1% 0 0 !important; min-height: 685px; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(4n) { margin-right: 1% !important; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(3n) { margin: 15px 0 0 !important; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(1), .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(2), .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(3) { margin-top: 0 !important; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(4) { margin: 15px 1% 0 0 !important; } } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(4n) { margin-right: 0; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(1), .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(2), .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(3), .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item:nth-child(4) { margin-top: 0; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-center, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-right { width: 100%; display: block; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .item-title { margin: 10px 0; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .prices-envelope { float: left; width: 55%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .prices-envelope { width: 60%; } } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .price { text-align: left; float: none; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .price .row-current .value { font-size: 30px; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .price .value .price-holder, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .row-current { line-height: 0.7; padding-bottom: 10px; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img { overflow: hidden; border: none; padding: 0; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img .image-count { background: linear-gradient(to bottom right, rgba(26, 26, 26, 0.8) 0%, transparent 50%); color: #ffffff; position: absolute; z-index: 100; padding: 7px 18px 15px 5px; top: 0; right: auto; left: 0; font-size: 32px; padding: 5px 15px; bottom: 0; right: 0; background: rgba(26, 26, 26, 0.8); } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img .image-count .icon { margin: -2px 2px 0 0; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img .image-count .icon:before { font-weight: 400; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img .image-count .icon { display: none; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img .photo { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.5s linear; -moz-transition: -moz-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; transition: -webkit-transform 0.5s linear,-moz-transform 0.5s linear,-o-transform 0.5s linear,transform 0.5s linear; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img > a:hover .photo, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img > a:focus .photo { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-left .vehicle-img a { display: block; height: 0; overflow: hidden; padding-bottom: 66%; background: #444; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-center > .item-info, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .financing-title, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .item-subinfo { display: none; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .item-subinfo-financing { display: block; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .item-params { min-height: 205px; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .item-title { overflow: hidden; max-height: 40px; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-secondary { border: none; margin: 0; padding: 0; display: inline-block; *zoom: 1; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-secondary:before, .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .inventory-item-secondary:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .button-readmore { padding: 5px 5px 5px 10px !important; white-space: nowrap; display: inline-block; margin: 0; } @media (min-width: 1366px) { .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .button-readmore { padding: 5px 15px !important; } } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .details-row:before { display: none; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item .param-type { padding-left: 0; padding-right: 0; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item.item-financing .inventory-item-secondary { width: 100%; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item.item-financing .inventory-item-secondary .inventory-item-center { float: left; width: 55%; } .widget-inventory.inventory-table.viewtiles .widget-content div.widget-inventory-item.item-financing .inventory-item-secondary .inventory-item-right { float: right; width: 45%; } .widget-inventory.inventory-table.viewtiles .widget-content .car-seal { padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #c5c9ca; } .widget-inventory .car-seal { margin-top: 10px; } .widget-inventory .car-seal img { max-height: 20px; } .widget-inventory .car-seal:empty { display: none; } .widget-inventory .price-financing .fin-value + .fin-label, .widget-inventory .price-financing .sublabel + .label-inner { padding: 0 0 0 5px; } .widget-inventory .price-financing .fin-field { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-inventory .price-financing .monthlyRate .label-inner { font-size: 24px; } .inventory-mailshare-form { background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; float: left; padding: 15px 30px; margin-bottom: 30px; width: 60%; } .inventory-mailshare-form .widget-content { padding: 0 !important; } .inventory-mailshare-form .form-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .inventory-mailshare-form .form-wrapper .control-group { width: auto; } .inventory-mailshare-form .form-wrapper .control-group:nth-child(1) { -webkit-flex: 1 1 20%; -moz-flex: 1 1 20%; -ms-flex: 1 1 20%; flex: 1 1 20%; } .inventory-mailshare-form .form-wrapper .control-group:nth-child(2) { -webkit-flex: 1 1 70%; -moz-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; } .inventory-mailshare-form .form-wrapper .control-group:nth-child(3) { -webkit-flex: 1 1 10%; -moz-flex: 1 1 10%; -ms-flex: 1 1 10%; flex: 1 1 10%; } .inventory-mailshare-form .form-wrapper .control-group .submit:active { background: #363636; border-color: #363636; } .inventory-mailshare-form .form-wrapper .control-group .submit:focus { background: #00305e; border-color: #00305e; } @media (max-width: 767px) { .inventory-mailshare-form { width: auto; padding: 10px; } .inventory-mailshare-form .form-wrapper { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inventory-mailshare-form .form-wrapper .control-group { -webkit-flex: 1 1 100% !important; -moz-flex: 1 1 100% !important; -ms-flex: 1 1 100% !important; flex: 1 1 100% !important; margin: 5px 0; } .inventory-mailshare-form .form-wrapper .control-group h3, .inventory-mailshare-form .form-wrapper .control-group h4 { margin: 0; } } #order-modal-form .modal-title, #test-drive-modal-form .modal-title { font-size: 24px; } #order-modal-form .widget-forms.subscribe, #test-drive-modal-form .widget-forms.subscribe { text-align: left; width: 100%; margin: 0; } #order-modal-form .widget-forms.subscribe .widget-content, #test-drive-modal-form .widget-forms.subscribe .widget-content { padding: 0; } #order-modal-form .widget-forms.subscribe .form-wrapper, #test-drive-modal-form .widget-forms.subscribe .form-wrapper { font-size: 0; } #order-modal-form .widget-forms.subscribe .control-group:first-child label, #test-drive-modal-form .widget-forms.subscribe .control-group:first-child label { margin-top: 10px; } #order-modal-form .widget-forms.subscribe .control-group.type-input, #test-drive-modal-form .widget-forms.subscribe .control-group.type-input { width: 49%; margin-left: 2%; } #order-modal-form .widget-forms.subscribe .control-group.type-input label, #test-drive-modal-form .widget-forms.subscribe .control-group.type-input label { margin-top: 0; } #order-modal-form .widget-forms.subscribe .control-group.type-input:first-child, #test-drive-modal-form .widget-forms.subscribe .control-group.type-input:first-child { margin-left: 0; } #order-modal-form .widget-forms.subscribe .control-group.type-input:nth-child(2n+1), #test-drive-modal-form .widget-forms.subscribe .control-group.type-input:nth-child(2n+1) { margin-left: 0; } #order-modal-form .widget-forms.subscribe .control-group.type-textarea, #test-drive-modal-form .widget-forms.subscribe .control-group.type-textarea { width: 100%; margin-left: 0; margin-bottom: 10px; } #order-modal-form .widget-forms.subscribe .control-group.submit-group, #test-drive-modal-form .widget-forms.subscribe .control-group.submit-group { margin-left: 0; } #order-modal-form .widget-forms.subscribe .control-group.submit-group .submit, #test-drive-modal-form .widget-forms.subscribe .control-group.submit-group .submit { width: auto; height: auto; } #order-modal-form .widget-forms.subscribe [name='datepicker'], #test-drive-modal-form .widget-forms.subscribe [name='datepicker'] { min-height: 40px; } #order-modal-form .widget-forms.subscribe textarea, #test-drive-modal-form .widget-forms.subscribe textarea { min-height: 100px; } #order-modal-form .widget-forms.subscribe .submit-contact, #test-drive-modal-form .widget-forms.subscribe .submit-contact, #order-modal-form .widget-forms.subscribe form .submit-contact, #test-drive-modal-form .widget-forms.subscribe form .submit-contact { background-color: #00305e; border: transparent !important; } #order-modal-form .widget-forms.subscribe .submit-contact:hover, #test-drive-modal-form .widget-forms.subscribe .submit-contact:hover, #order-modal-form .widget-forms.subscribe form .submit-contact:hover, #test-drive-modal-form .widget-forms.subscribe form .submit-contact:hover, #order-modal-form .widget-forms.subscribe .submit-contact:focus, #test-drive-modal-form .widget-forms.subscribe .submit-contact:focus, #order-modal-form .widget-forms.subscribe form .submit-contact:focus, #test-drive-modal-form .widget-forms.subscribe form .submit-contact:focus, #order-modal-form .widget-forms.subscribe .submit-contact:visited, #test-drive-modal-form .widget-forms.subscribe .submit-contact:visited, #order-modal-form .widget-forms.subscribe form .submit-contact:visited, #test-drive-modal-form .widget-forms.subscribe form .submit-contact:visited { background-color: #999999; } @media (max-width: 767px) { #order-modal-form .modal-title, #test-drive-modal-form .modal-title { font-size: 18px; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { #order-modal-form .modal-body, #test-drive-modal-form .modal-body { height: calc(100vh - 80px); } } #order-modal-form.contact-target, #test-drive-modal-form.contact-target { width: 660px; } @media (min-width: 1200px) { #order-modal-form.contact-target, #test-drive-modal-form.contact-target { margin-left: -330px; } } #order-modal-form.contact-target .widget-forms.subscribe .control-group.type-input, #test-drive-modal-form.contact-target .widget-forms.subscribe .control-group.type-input { width: 32%; margin-left: 2%; } #order-modal-form.contact-target .widget-forms.subscribe .control-group.type-input:nth-child(3n+1), #test-drive-modal-form.contact-target .widget-forms.subscribe .control-group.type-input:nth-child(3n+1) { margin-left: 0; } /************************************ bookmarks *************************************/ .widget-bookmarks:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e674"; font-style: normal; font-size: notset; margin: 0 3px 0 0; } .widget-bookmarks:before { vertical-align: bottom; color: #1a1a1a; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .widget-bookmarks:hover:before { color: #00305e; } .widget-bookmarks > a { color: #1a1a1a; } .widget-bookmarks > a:hover { color: #00305e; } .widget-bookmarks > a:focus { color: #00305e; } .widget-bookmarks > a:focus { color: #00305e; } .widget-bookmarks > a:visited { color: notset; } .bookmark-action-message { top: 0; z-index: 1700; position: fixed; padding-left: 60px; padding-right: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px 0 15px; text-align: center; color: #ffffff; background-color: #3d842f; font-size: 18px; font-weight: 400; opacity: 0; -webkit-box-shadow: 0 0 2px #1a1a1a; -moz-box-shadow: 0 0 2px #1a1a1a; box-shadow: 0 0 2px #1a1a1a; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } @media (max-width: 979px) { .bookmark-action-message { padding-left: 10px; padding-right: 10px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .bookmark-action-message { padding-left: 10px; padding-right: 10px; } } .bookmark-action-message > .inner { min-width: 720px; max-width: 1470px; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .bookmark-action-message > .inner { min-width: 240px; max-width: 100%; } } .bookmark-action-message > .inner .offset-null { margin: 0 !important; padding: 0 !important; } .bookmark-action-message a { color: #ffffff; text-decoration: underline; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .bookmark-action-message a:hover, .bookmark-action-message a:focus, .bookmark-action-message a:active, .bookmark-action-message a:visited { color: #ffffff; } .bookmark-action-message:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62f"; font-style: normal; font-size: notset; margin: 0 5px 0 0; } /* Widget details */ .widget-details > .widget-header { margin: 10px 0 0; font-size: 0; padding: 0 !important; } .widget-details > .widget-header .block-primary { width: 64.9%; width: calc(65%); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; position: relative; top: -5px; text-transform: none; } .widget-details > .widget-header .block-primary .vehicle-title { display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50%; } .widget-details > .widget-header .block-primary .marketing-text { display: inline; color: #f5f5f5; text-transform: lowercase; margin-left: 10px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .widget-details > .widget-header .block-side { font-size: 12px; width: 35%; display: inline-block; white-space: nowrap; text-align: right; text-transform: none; } .widget-details > .widget-header .block-side .sb { margin-top: -2px; margin-left: 5px; } .widget-details > .widget-header .block-side .icons-tv-print { font-size: 14px; } .widget-details > .widget-header .block-side a { text-align: center; vertical-align: top; text-decoration: none; color: #ffffff; } .widget-details > .widget-header .block-side a:hover, .widget-details > .widget-header .block-side a:focus { color: #f5f5f5; } .widget-details > .widget-header .block-side a span { font-size: 15px; padding: 0 0 0 7px; } .widget-details > .widget-header .block-side a.sendto { display: inline-block; margin-top: 1px; } .widget-details > .widget-header .block-side a.sendto span { vertical-align: top; } .widget-details > .widget-header .block-side .social-holder { position: relative; display: inline; } .widget-details > .widget-header .block-side label { margin-right: 10px; } .widget-details > .widget-header .block-side label input[type="checkbox"] { margin-top: -1px; } .widget-details > .widget-header .block-side #bookmarkme { font-size: 15px; padding: 0 5px; } .widget-details > .widget-header .widget-button { cursor: pointer; display: inline-block; border: none; line-height: 21px; padding: 0 5px 0 0; text-shadow: none; margin-top: -2px; /*.shadow(0 0 1px #666 inset);*/ -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .widget-details > .widget-header .widget-button span { position: relative; top: -1px; } .widget-details.tuv-approved .vehicle-photo > a:after { content: ""; display: inline-block; width: 65px; height: 65px; position: absolute; right: 10px; top: 85px; background: url(../../../images/frontend/icons/tuv-gepruft-medium.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .widget-details.tuv-approved.has-video .vehicle-photo > a:after { right: 5px; top: 125px; } .widget-details .widget-content { position: relative; margin: 10px 0 0; padding: 0; } .widget-details .widget-content .vehicleinfo { min-height: 150px; position: relative; } .widget-details .widget-content .vehicleinfo .control-toggle { font-size: 15px; font-weight: normal; color: #00305e; cursor: pointer; } .widget-details .widget-content .vehicleinfo .control-toggle.pull-right { margin-top: 5px; } .widget-details .widget-content .vehicleinfo .control-toggle .icon { color: #00305e; font-size: 18px; } .widget-details .widget-content .details-information [class*="sample"] { width: 8px; height: 8px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; border: 1px solid #f5f5f5; padding: 0; background: transparent; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .widget-details .widget-content .details-information [class*="sample"].locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-details .widget-content .details-information [class*="sample"].locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-details .widget-content .details-information [class*="sample"]:after { content: ""; display: block; height: 8px; } .widget-details .widget-content .details-information.tab-description .details-content { max-height: 300px; } .widget-details .widget-content .details-information.tab-description .details-content p + ul, .widget-details .widget-content .details-information.tab-description .details-content p + ol { padding-top: 0; margin-top: 6px; } .widget-details .widget-content .details-information.tab-description .details-content ul + p, .widget-details .widget-content .details-information.tab-description .details-content ol + p { margin-top: 8px; } .widget-details .widget-content .details-information.tab-description .details-content ul { margin-left: 20px; overflow: hidden; padding: 10px 0 10px 0; } .widget-details .widget-content .details-information.tab-description .details-content ul li { list-style-type: none; padding: 0 0 0 10px; } .widget-details .widget-content .details-information.tab-description .details-content ul li:first-child { padding-top: 0; } .widget-details .widget-content .details-information.tab-description .details-content ul li:last-child { padding-bottom: 0; } .widget-details .widget-content .details-information.tab-description .details-content ul li:before { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-size: 10px; color: #00305e; position: relative; left: -2px; margin-left: -10px; line-height: 9px; } .widget-details .widget-content .details-information.tab-description .details-content ol { margin-left: 0; overflow: hidden; padding: 10px 0 10px 20px; } .widget-details .widget-content .details-information.tab-description .details-content ol li { padding: 0 0 0 10px; } .widget-details .widget-content .details-information.tab-description .details-content ul { margin-left: 10px; } .widget-details .widget-content .details-information.tab-emissions .desc { font-size: 13px; padding-top: 10px; } .widget-details .widget-content .status-description { background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; padding: 10px; margin-bottom: 15px; position: relative; } .widget-details .widget-content .status-description:before { content: "!"; display: inline-block; left: 10px; font-size: 22px; font-weight: 700; border: 3px solid #999999; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; top: 50%; vertical-align: middle; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks { display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-label, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons { display: table-cell; vertical-align: top; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-label { min-width: 80px; display: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li { display: inline-block; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32%; margin-left: 2%; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a { display: inline-block; color: #ffffff !important; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; display: block; font-size: 18px; font-weight: 400; position: relative; margin: 0 0 10px; padding: 10px 20px 9px; text-align: center; background: #f5f5f5; color: #1a1a1a !important; border: 1px solid #cccccc; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:focus { outline: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.on { outline: none; cursor: pointer; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.off, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:focus { outline: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.on { outline: none; cursor: pointer; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.off, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.on { border: 1px solid #999999; background: #999999; color: #ffffff !important; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:hover:before, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.on:before { background: transparent; color: #ffffff; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:before { display: block; margin: 0; background: transparent; color: #1a1a1a; width: auto; height: auto; text-align: center; border-radius: 0; padding: 0; position: relative; top: 0; left: 0; font-size: 32px; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li:first-child { margin-left: 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li:nth-child(3n+1) { margin-left: 0; } .widget-details .widget-content .bookmarks-financing-wrapper { display: table; margin-bottom: 10px; width: 100%; } .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper { display: table-cell; background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; padding: 10px; vertical-align: top; } .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper .form-title, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .form-title { font-size: 24px; text-transform: uppercase; padding: 0 0 3px 0; } .widget-details .widget-content .bookmarks-financing-wrapper .spacer { width: 10px; } .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper { width: 50%; padding: 10px 10px 0; } .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper:only-child .actions-bookmarks > ul > li { width: 19.2%; margin-left: 1% !important; } .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper:only-child .actions-bookmarks > ul > li:first-child { margin-left: 0 !important; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper { width: 50%; position: relative; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .half { display: inline-block; vertical-align: top; width: 48.5%; margin-left: 3%; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .half:nth-child(2n+1) { margin-left: 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-field { display: inline-block; *zoom: 1; display: block; border-bottom: 1px dotted #999999; padding: 1px 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-field:before, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-field:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-field:last-child { border: none; padding-bottom: 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-value { float: right; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-value .sublabel { padding-right: 4px; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-label { padding: 0; float: left; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .jump-to-calc { display: inline-block; position: absolute; right: 10px; top: 10px; font-size: 18px; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .jump-to-calc:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e620"; font-style: normal; font-size: notset; margin: notset; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .jump-to-calc:before { color: #4d4d4d; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .show-details { display: inline-block; visibility: hidden; position: absolute; top: 50%; left: 5px; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile { display: none; } @media (max-width: 767px) { .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile { display: block; width: 100%; box-sizing: border-box; display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; font-size: 18px; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:focus { outline: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.on { outline: none; cursor: pointer; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.off, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:focus { outline: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.on { outline: none; cursor: pointer; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.off, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: 15px; margin: 0 5px 0 0; } } .widget-details .widget-content .financing-calculator-wrapper { background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; padding: 15px; } .widget-details .widget-content .financing-calculator-wrapper.contains-sliderbased { padding: 30px; border-radius: 10px; } @media (max-width: 767px) { .widget-details .widget-content .financing-calculator-wrapper.contains-sliderbased { padding: 10px; } } .widget-details .widget-content .financing-calculator-wrapper .widget-forms { padding: 0 !important; margin: 0 !important; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased.loading { height: 0; overflow: hidden; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .widget-header { margin-bottom: 30px; font-size: notset; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .widget-content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased form { width: 100%; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group { display: table-row; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group > [class*="input-"] { display: table-cell; padding-bottom: 20px; vertical-align: middle; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group > :not(:first-child) { padding-left: 15px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group input[type="text"], .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group select { width: 100%; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group .input-label { width: 30%; white-space: nowrap; font-size: 18px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group .input-label label { display: block; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group .input-range { width: 70%; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group .input-text { width: 20%; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .submit-holder, .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .reset-holder { display: inline-block; width: auto; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .submit-holder .button, .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .reset-holder .button { width: auto; border-radius: 4px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .submit-holder a:not(:hover):not(:focus) { background: #00305e; border-color: #00305e; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .reset { background: #999999; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .ui-slider { height: 17px; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .ui-slider.dragging .ui-slider-range { -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; animation: animate-stripes 3s linear infinite; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .ui-slider-range { background-size: 30px 30px; background-color: #999999; background-image: 8121991; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .ui-slider-range-min { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .ui-slider-range-max { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .ui-slider-handle { width: 20px; height: 30px; margin-top: -15px; background-color: #00305e; cursor: ew-resize; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .input-append input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .input-append .add-on { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .select2-choice { border-radius: 4px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .form-wrapper { padding-right: 30px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions { padding-left: 30px; border-left: 1px solid #cccccc; font-size: 18px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .info-value { color: #ffffff; padding-left: 10px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .info-effInterestRate .info-value { color: #00305e; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .info-label, .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .info-value { padding-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .widget-content { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .form-wrapper { padding-right: 0; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; padding-left: 0; border-left: none; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .fields { font-size: 0; display: block; margin-bottom: 10px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .info-group { display: inline-block; font-size: 15px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .info-group:not(:last-child) { padding-right: 10px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions .info-value { padding-left: 0; } } @media (max-width: 767px) { .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .widget-content { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .widget-content .form-wrapper { padding: 0; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .financing-conditions { margin-bottom: 25px; padding: 0 0 15px; border-left: none; border-bottom: 1px solid #cccccc; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .widget-header { word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group:not(.reset-holder):not(.submit-holder) { display: block; width: 100%; padding: 0 0 10px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group:not(.reset-holder):not(.submit-holder) > [class*="input-"] { display: block; width: 100%; padding: 0 0 10px; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group:not(.reset-holder):not(.submit-holder) > [class*="input-"] .input-append, .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group:not(.reset-holder):not(.submit-holder) > [class*="input-"] .input-prepend { display: block; } .widget-details .widget-content .financing-calculator-wrapper .widget-forms.simple-form-vehicle-financing-sliderbased .control-group:not(.reset-holder):not(.submit-holder) > [class*="input-"] [type="text"] { width: calc(100% - 10px*3) !important; } } .widget-details .widget-content .financing-calculator-wrapper .widget-header { font-size: 24px; padding: 0px 0 10px !important; } .widget-details .widget-content .financing-calculator-wrapper .widget-content { padding: 0; margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-5 .control-group { width: 19.2%; margin: 0 1% 0 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-5 .control-group.submit-holder { margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-6 .control-group { width: 15.83%; margin: 0 1% 0 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-6 .control-group.submit-holder { margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-7 .control-group { width: 13%; margin: 0 1% 0 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-7 .control-group.submit-holder { width: 14%; margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-7 .control-group.group-initialPaymentFixed { width: 15%; } .widget-details .widget-content .financing-calculator-wrapper .groups-8 .control-group { width: 11.14%; margin: 0 1% 0 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-8 .control-group.reset-holder { margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-8 .control-group.group-initialPaymentFixed { width: 15%; } .widget-details .widget-content .financing-calculator-wrapper .groups-9 .control-group { width: 19.2%; margin: 0 1% 0 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-9 .control-group.submit-holder, .widget-details .widget-content .financing-calculator-wrapper .groups-9 .control-group.reset-holder { width: 29.3%; } .widget-details .widget-content .financing-calculator-wrapper .groups-9 .control-group.reset-holder { margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-9 > div:not(.control-group):first-child + .control-group + .control-group + .control-group + .control-group + .control-group, .widget-details .widget-content .financing-calculator-wrapper .groups-9 > div:not(.control-group):first-child + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group, .widget-details .widget-content .financing-calculator-wrapper .groups-9 > .control-group:first-child ~ .control-group:nth-child(5n) { margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .groups-10 .control-group { width: 19.2%; margin: 0 1% 0 0; } @media (max-width: 979px) { .widget-details .widget-content .financing-calculator-wrapper .groups-10 .control-group { width: 49%; } } @media (max-width: 767px) { .widget-details .widget-content .financing-calculator-wrapper .groups-10 .control-group { width: 100%; } .widget-details .widget-content .financing-calculator-wrapper .groups-10 .control-group .input-text .input-append { width: 100%; } .widget-details .widget-content .financing-calculator-wrapper .groups-10 .control-group .input-text .input-append input { width: 91% !important; } } .widget-details .widget-content .financing-calculator-wrapper .groups-10 > div:not(.control-group):first-child + .control-group + .control-group + .control-group + .control-group + .control-group, .widget-details .widget-content .financing-calculator-wrapper .groups-10 > div:not(.control-group):first-child + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group, .widget-details .widget-content .financing-calculator-wrapper .groups-10 > .control-group:first-child ~ .control-group:nth-child(5n) { margin: 0; } @media (max-width: 979px) { .widget-details .widget-content .financing-calculator-wrapper .groups-10 > div:not(.control-group):first-child + .control-group + .control-group + .control-group + .control-group + .control-group, .widget-details .widget-content .financing-calculator-wrapper .groups-10 > div:not(.control-group):first-child + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group + .control-group, .widget-details .widget-content .financing-calculator-wrapper .groups-10 > .control-group:first-child ~ .control-group:nth-child(5n) { margin: 0 1% 0 0; } } .widget-details .widget-content .financing-calculator-wrapper .control-group { display: inline-block; } .widget-details .widget-content .financing-calculator-wrapper .control-group select { width: 100%; } .widget-details .widget-content .financing-calculator-wrapper .control-group .select2-container { margin: 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .select2-choice { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset { width: 100%; text-align: center; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:before { display: none !important; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:focus { outline: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.on { outline: none; cursor: pointer; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:focus { outline: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.on { outline: none; cursor: pointer; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper input[type="text"], .widget-details .widget-content .financing-calculator-wrapper input[type="email"], .widget-details .widget-content .financing-calculator-wrapper input[type="phone"], .widget-details .widget-content .financing-calculator-wrapper input[type="tel"], .widget-details .widget-content .financing-calculator-wrapper input[type="number"], .widget-details .widget-content .financing-calculator-wrapper input[type="password"], .widget-details .widget-content .financing-calculator-wrapper textarea, .widget-details .widget-content .financing-calculator-wrapper select { font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; border: 1px solid #cccccc; min-height: 40px; padding: 0 5px; background: #ffffff; color: #1a1a1a; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details .widget-content .financing-calculator-wrapper input[type="text"]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="email"]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="phone"]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="tel"]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="number"]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="password"]:focus, .widget-details .widget-content .financing-calculator-wrapper textarea:focus, .widget-details .widget-content .financing-calculator-wrapper select:focus { border: 1px solid #363636; background: #ffffff; outline: none; color: #363636; } .widget-details .widget-content .financing-calculator-wrapper input[type="text"][readonly], .widget-details .widget-content .financing-calculator-wrapper input[type="email"][readonly], .widget-details .widget-content .financing-calculator-wrapper input[type="phone"][readonly], .widget-details .widget-content .financing-calculator-wrapper input[type="tel"][readonly], .widget-details .widget-content .financing-calculator-wrapper input[type="number"][readonly], .widget-details .widget-content .financing-calculator-wrapper input[type="password"][readonly], .widget-details .widget-content .financing-calculator-wrapper textarea[readonly], .widget-details .widget-content .financing-calculator-wrapper select[readonly] { border: 1px solid #cccccc; background: #f5f5f5; color: #363636; } .widget-details .widget-content .financing-calculator-wrapper input[type="text"][readonly]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="email"][readonly]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="phone"][readonly]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="tel"][readonly]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="number"][readonly]:focus, .widget-details .widget-content .financing-calculator-wrapper input[type="password"][readonly]:focus, .widget-details .widget-content .financing-calculator-wrapper textarea[readonly]:focus, .widget-details .widget-content .financing-calculator-wrapper select[readonly]:focus { outline: none; border: 1px solid #cccccc; background: #f5f5f5; color: #363636; } .widget-details .widget-content .related-proposals .title { margin: 25px 0; font-size: 20px; font-weight: 600; text-transform: uppercase; text-align: center; } .widget-details .widget-content .related-proposals .widget-inventory-item .title { margin-bottom: 10px; margin-top: 0px; } .widget-details .widget-content .related-proposals .widget-inventory-item .vehicle-img { min-height: 86px; } .widget-details .widget-content .related-proposals .widget-inventory-item:last-child { margin-bottom: 0; } .widget-details .widget-content .i-want { padding: 10px 25%; } .widget-details .widget-content .i-want .related-proposals { display: none; } .widget-details .widget-content .i-want.show-related { padding: 10px; } .widget-details .widget-content .i-want.show-related form, .widget-details .widget-content .i-want.show-related .related-proposals { display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details .widget-content .i-want.show-related form { padding-right: 30px; padding-left: 30px; width: 71%; border-width: 0 2px 0 0; border-style: dotted; border-color: #f5f5f5; } .widget-details .widget-content .i-want.show-related .related-proposals { padding: 0 10px 10px 30px; margin-top: 0; width: 29%; } .widget-details .widget-content .i-want.show-related .related-proposals .title { margin: 15px 0 0; } .widget-details .widget-content .i-want.show-related .related-proposals .widget-added-item { float: none; } .widget-details .widget-content .i-want.show-related .related-proposals .title { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } .widget-details .widget-content .i-want.show-related .related-proposals [class*="label-"] .text { top: 9px; left: 17px; } .widget-details .widget-content .tabs-expanded .details-information .details-header, .widget-details .widget-content .tabs-expanded .details-information .title { cursor: default; } .widget-details .widget-content .tabs-expanded .details-information .details-content { max-height: none; overflow: hidden; } .widget-details .widget-content .tabs-expanded .details-information .control-toggle { visibility: hidden; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content { max-height: none; word-break: break-word; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content p + ul, .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content p + ol { padding-top: 0; margin-top: 6px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul + p, .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ol + p { margin-top: 8px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul { margin-left: 20px; overflow: hidden; padding: 10px 0 10px 0; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul li { list-style-type: none; padding: 0 0 0 10px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul li:first-child { padding-top: 0; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul li:last-child { padding-bottom: 0; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul li:before { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-size: 10px; color: #00305e; position: relative; left: -2px; margin-left: -10px; line-height: 9px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ol { margin-left: 0; overflow: hidden; padding: 10px 0 10px 20px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ol li { padding: 0 0 0 10px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul { display: inline; display: contents; } @media (min-width: 1200px) { .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; -webkit-column-gap: 4%; -moz-column-gap: 4%; -ms-column-gap: 4%; -o-column-gap: 4%; column-gap: 4%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } .widget-details .widget-content .carousel-controls.visible { margin-top: -34px; } .widget-details .widget-content .carousel-controls.hidden { display: none; } .widget-details .widget-content .carousel-controls .buttons { float: right; } .widget-details .widget-content .carousel-controls .next-person, .widget-details .widget-content .carousel-controls .prev-person { display: inline-block; width: 5px; height: 9px; background: url('../img/sprites.png') no-repeat no-repeat; cursor: pointer; } .widget-details .widget-content .carousel-controls .next-person:hover, .widget-details .widget-content .carousel-controls .prev-person:hover { opacity: 0.7; } .widget-details .widget-content .carousel-controls .prev-person { background-position: -85px -87px; } .widget-details .widget-content .carousel-controls .next-person { background-position: -66px -87px; margin-left: 12px; } .widget-details .widget-content .responsible-block { position: relative; width: 100%; border-width: 0; border-style: solid; border-color: #f5f5f5; margin: 0 0 15px; padding: 0 0 8px; } .widget-details .widget-content .responsible-block .carousel-holder { overflow: hidden; white-space: nowrap; position: relative; } .widget-details .widget-content .responsible-block .person { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px dotted #f5f5f5; padding: 7px; width: 49%; margin: 0 5px; float: left; overflow: hidden; text-align: left; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .responsible-block .person:hover { -moz-box-shadow: 0 0 3px #ffffff inset; -webkit-box-shadow: 0 0 3px #ffffff inset; box-shadow: 0 0 3px #ffffff inset; border: 2px dotted #f5f5f5; } .widget-details .widget-content .responsible-block .person .photo { border: 1px solid #f5f5f5; padding: 0; background: transparent; height: 120px; width: 120px; margin: 0 auto; } .widget-details .widget-content .responsible-block .person .photo.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-details .widget-content .responsible-block .person .photo.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-details .widget-content .responsible-block .person .photo > span { display: block; height: 120px; overflow: hidden; } .widget-details .widget-content .responsible-block .person .info { margin-top: 8px; min-height: 51px; line-height: 1.4 !important; } .widget-details .widget-content .responsible-block .person .name { color: #f5f5f5; } .widget-details .widget-content .responsible-block.showFirst .person { width: 49%; } .widget-details .widget-content .disclaimer, .widget-details .widget-content .disclaimer-financing { color: #363636; font-size: 13px; margin: 10px 0 0; text-align: justify; } .widget-details .widget-content .disclaimer p, .widget-details .widget-content .disclaimer-financing p { margin: 0; color: #1a1a1a; font: inherit; text-align: justify; } .widget-details.step2 .widget-header { font-size: 24px; padding: 10px 15px; } .widget-details.step2 .step2-content-holder { float: left; width: 82.9787234%; *width: 82.92553191%; margin-left: 2.12765957%; *margin-left: 2.0212766%; margin-left: 10.63829787%; *margin-left: 10.53191489%; } .widget-details.step2 .step2-content-holder:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-details.step2 .step2-content-holder:first-child { margin-left: 0; margin-left: 8.5106383%; *margin-left: 8.40425532%; } .widget-details.step2 .submit-status { width: 100%; *zoom: 1; } .widget-details.step2 .submit-status:before, .widget-details.step2 .submit-status:after { display: table; content: ""; line-height: 0; } .widget-details.step2 .submit-status:after { clear: both; } .widget-details.step2 .submit-status .vehicle-img-holder { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-details.step2 .submit-status .vehicle-img-holder:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-details.step2 .submit-status .submit-notification { float: left; width: 65.95744681%; *width: 65.90425532%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-details.step2 .submit-status .submit-notification:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-details.step2 .block-title { font-size: 32px; font-weight: normal; padding-bottom: 12px; padding-top: 4.5px; margin-bottom: 12px; border-bottom: 1px solid #cccccc; line-height: normal; color: #00305e; } .widget-details.step2 .icon { width: 16px; height: 16px; display: inline-block; } .widget-details.step2 .icon.checkmark { position: relative; margin-top: 1px; } .widget-details.step2 .icon.email { position: relative; margin: 2px 5px 0 0; } .widget-details.step2 .vehicle-img { border: 1px solid #cccccc; padding: 0; background: transparent; overflow: hidden; } .widget-details.step2 .vehicle-img.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-details.step2 .vehicle-img.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-details.step2 .vehicle-img a { display: block; overflow: hidden; } .widget-details.step2 .subscribe-related { margin-top: 15px; } .widget-details.step2 .subscribe-related .related-text { display: inline-block; margin-bottom: 0; } .widget-details.step2 .subscribe-related a { margin: 0 0 0 15px; } .widget-details.step2 .subscribe-related .submit-contact { padding: 5px 19px; } .widget-details.step2 .subscribe-related .submit-contact:before { display: inline-block; vertical-align: middle; font-family: 'icomoonicheck'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-size: 18px; margin-right: 7.5px; } .widget-details.step2 .subscribe-related, .widget-details.step2 .submit-status { background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; } .widget-details.step2 .widget-inventory-item:first-child { padding-top: 0; } .details-information.tab-network { background: #f5f5f5; padding: 10px 15px 15px; margin: 0 0 12px; position: relative; } .details-information.tab-network .details-header { border-color: #cccccc; } .details-information.tab-network .details-header .title { color: red !important; font-size: 24px; } .details-information.tab-network .details-content { margin: 0 !important; } .details-information.tab-network .dealer-price { position: absolute; right: 15px; top: 20px; margin: 0; font-size: 24px; } .details-information.tab-network .dealer-price .desc { font-size: 15px; margin: 0 5px 0 0; } .details-information.tab-network .dealer-price .price-holder { color: #00305e; } .details-information.tab-network .partner-description { margin: 0 0 15px; } .details-information.tab-network .documents { font-size: 0; } .details-information.tab-network .documents .doc { display: inline-block; vertical-align: top; margin-left: 2%; width: 10.75%; font-size: 15px; } .details-information.tab-network .documents .doc:nth-child(8n + 1) { margin-left: 0; } .details-information.tab-network .documents .doc a { display: block; text-align: center; } .details-information.tab-network .documents .doc a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\eade"; font-style: normal; font-size: 30px; margin: 0; } .details-information.tab-network .documents .doc a:before { display: block; color: #1a1a1a; } .details-information.tab-network .documents .doc .filename { display: block; word-break: break-word; max-height: 2.5em; overflow: hidden; } .details-information.tab-network .documents .type-xls a:before, .details-information.tab-network .documents .type-xlsx a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\eadd"; font-style: normal; font-size: notset; margin: notset; } .details-information.tab-network .documents .type-pdf a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\eada"; font-style: normal; font-size: notset; margin: notset; } .details-information.tab-network .documents .type-doc a:before, .details-information.tab-network .documents .type-docx a:before, .details-information.tab-network .documents .type-rtf a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\eadc"; font-style: normal; font-size: notset; margin: notset; } .details-information.tab-network .documents .type-jpg a:before, .details-information.tab-network .documents .type-jpeg a:before, .details-information.tab-network .documents .type-png a:before, .details-information.tab-network .documents .type-gif a:before, .details-information.tab-network .documents .type-svg a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: notset; margin: notset; } .details-information.tab-network .network-images { font-size: 0; } .details-information.tab-network .network-images .item { display: inline-block; vertical-align: top; margin-left: 2%; width: 23.5%; font-size: 15px; } .details-information.tab-network .network-images .item:nth-child(4n + 1) { margin-left: 0; } .details-information.tab-network .network-images .item:last-child .aligner[data-more]:before { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background: rgba(26, 26, 26, 0.7); } .details-information.tab-network .network-images .item:last-child .aligner[data-more]:after { content: attr(data-more); display: block; position: absolute; width: 100%; text-align: center; left: 0; top: 50%; font-size: 24px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .details-information.tab-network .network-images .item-link { display: block; overflow: hidden; position: relative; padding-bottom: 66%; height: 0; background: transparent; border: 0 solid transparent; } .details-information.tab-network .network-images .aligner { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; box-sizing: border-box; margin: 0; } .details-information.tab-network .network-images .aligner img { min-width: 100%; } .details-information.tab-network .partner-actions { text-align: left; font-size: 0; } .details-information.tab-network .partner-actions .partner-action { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; margin: 15px 0 0 15px; font-size: 15px; color: #ffffff; background: #00305e; border: 1px solid #00305e; } .details-information.tab-network .partner-actions .partner-action [class^="\icons-tv-"] { display: none; } .details-information.tab-network .partner-actions .partner-action:focus { outline: none; } .details-information.tab-network .partner-actions .partner-action:hover, .details-information.tab-network .partner-actions .partner-action.on { outline: none; cursor: pointer; } .details-information.tab-network .partner-actions .partner-action.off, .details-information.tab-network .partner-actions .partner-action.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .details-information.tab-network .partner-actions .partner-action:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .details-information.tab-network .partner-actions .partner-action:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .details-information.tab-network .partner-actions .partner-action:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .details-information.tab-network .partner-actions .partner-action:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .details-information.tab-network .partner-actions .partner-action:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .details-information.tab-network .partner-actions .partner-action [class^="\icons-tv-"] { display: none; } .details-information.tab-network .partner-actions .partner-action:focus { outline: none; } .details-information.tab-network .partner-actions .partner-action:hover, .details-information.tab-network .partner-actions .partner-action.on { outline: none; cursor: pointer; } .details-information.tab-network .partner-actions .partner-action.off, .details-information.tab-network .partner-actions .partner-action.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .details-information.tab-network .partner-actions .partner-action:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .details-information.tab-network .partner-actions .partner-action:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .details-information.tab-network .partner-actions .partner-action:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .details-information.tab-network .partner-actions .partner-action:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .details-information.tab-network .partner-actions .partner-action:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .details-information.tab-network .partner-actions .partner-action.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action:hover, .details-information.tab-network .partner-actions .partner-action:focus { color: #ffffff; background: #3c8624; border: 1px solid #3c8624; } .details-information.tab-network .partner-actions .partner-action:before { vertical-align: middle; margin: 0 10px 0 0; font-size: 18px; } .details-information.tab-network .partner-actions .partner-action:first-child { margin: 15px 0 0 0; } .details-information.tab-network .partner-actions .download:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62b"; font-style: normal; font-size: notset; margin: notset; } .details-information.tab-network .partner-actions .reserve:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .details-information.tab-network .partner-actions .towebsite { float: right; color: #ffffff; background: #3c8624; border: 1px solid #3c8624; } .details-information.tab-network .partner-actions .towebsite:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62c"; font-style: normal; font-size: notset; margin: notset; } .details-information.tab-network .partner-actions .towebsite:hover, .details-information.tab-network .partner-actions .towebsite:focus { color: #ffffff; background: #00305e; border: 1px solid #00305e; } .details-information.tab-network .partner-actions:only-child .partner-action { margin-top: 0; } .details-information.tab-network .dealer-price + .partner-actions .partner-action { margin-top: 0; } .details-information { display: inline-block; *zoom: 1; display: block; } .details-information:before, .details-information:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .details-information:first-child { margin-top: 0; } .details-information .details-header { display: inline-block; *zoom: 1; font-size: 1.3em; border-width: 0 0 1px; border-style: solid; border-color: transparent; margin: 15px 0 10px; padding: 0; cursor: pointer; display: block; } .details-information .details-header:before, .details-information .details-header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .details-information .details-header .title { cursor: pointer; display: inline; font-size: 18px; font-weight: 500; color: #1a1a1a; text-transform: none; } .details-information .details-header .title h2 { font-size: inherit; font-weight: inherit; display: inherit; color: inherit; text-transform: inherit; } .details-information .details-header .title .hint { text-transform: none; font-weight: 400; color: #999999; font-size: 15px; } .details-information .details-header .title .hint:before { content: '('; padding-left: 10px; } .details-information .details-header .title .hint:after { content: ')'; } .details-information .details-content { *zoom: 1; margin: 0 0 12px; max-height: 150px; color: #1a1a1a; display: block; } .details-information .details-content:before, .details-information .details-content:after { content: " "; display: block; clear: both; } @media (min-width: 768px) and (max-width: 1180px) { .details-information .details-content { max-height: none; } } .details-information h3 { color: #363636; font-weight: 500; } .details-information h3:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-style: normal; font-size: notset; margin: 0 5px 0 0s; } .details-information h3:before { font-weight: 400; color: #00305e; vertical-align: middle; } #mailshare-modal .heading { font-weight: bold; } #mailshare-modal .vphoto { border: 0 solid transparent; padding: 0; background: transparent; } #mailshare-modal .vphoto.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } #mailshare-modal .vphoto.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } #mailshare-modal .modal-footer { text-align: center; } #mailshare-modal .input-block-level { padding: 0 5px; } #mailshare-modal .block-summary { margin-bottom: 15px; width: 100%; *zoom: 1; } #mailshare-modal .block-summary:before, #mailshare-modal .block-summary:after { display: table; content: ""; line-height: 0; } #mailshare-modal .block-summary:after { clear: both; } #mailshare-modal .block-summary .summary-photo { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-summary .summary-photo:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .block-summary .summary-info { float: left; width: 65.95744681%; *width: 65.90425532%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-summary .summary-info:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .block-form .form-row { width: 100%; *zoom: 1; } #mailshare-modal .block-form .form-row:before, #mailshare-modal .block-form .form-row:after { display: table; content: ""; line-height: 0; } #mailshare-modal .block-form .form-row:after { clear: both; } #mailshare-modal .block-form .form-row .label { float: left; width: 14.89361702%; *width: 14.84042553%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-form .form-row .label:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .block-form .form-row .field { float: left; width: 82.9787234%; *width: 82.92553191%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-form .form-row .field:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .permalink a { word-break: break-all; } @media (max-width: 767px) { #mailshare-modal .summary-photo { display: none; } #mailshare-modal .summary-info { width: 100% !important; margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #mailshare-modal .block-form .form-row .label, #mailshare-modal .block-form .form-row .field { float: left; width: 100%; *width: 99.94680851%; margin-left: 2.12765957%; *margin-left: 2.0212766%; margin: 0; } #mailshare-modal .block-form .form-row .label:first-child, #mailshare-modal .block-form .form-row .field:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } } .specs-tabs { border: none !important; -webkit-columns: 3; -moz-columns: 3; -ms-columns: 3; -o-columns: 3; columns: 3; } @media (min-width: 1366px) { .specs-tabs { -webkit-columns: 3; -moz-columns: 3; -ms-columns: 3; -o-columns: 3; columns: 3; } } @media (min-width: 1600px) { .specs-tabs { -webkit-columns: 4; -moz-columns: 4; -ms-columns: 4; -o-columns: 4; columns: 4; } } .specs-tabs h6 { margin: 0; text-transform: none; font-weight: 400; padding: 0 5px; font-size: 18px; } .specs-tabs h6:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-style: normal; font-size: notset; margin: 0 5px 0 0; } .specs-tabs h6:before { color: #00305e; } .specs-tabs li { float: none !important; border-width: 1px 0 !important; border-style: solid !important; border-color: #cccccc !important; } .specs-tabs a { background: none !important; border: none !important; padding: 0 !important; line-height: 1.9 !important; } .specs-tabs a:hover, .specs-tabs a:focus { color: #1a1a1a !important; background: #f5f5f5 !important; } .specs-tabs li.active a { color: #1a1a1a !important; background: #f5f5f5 !important; } .specs-tabs li.active a:hover, .specs-tabs li.active a:focus { color: #00305e !important; background: none !important; } .specs-tabs + .tab-content { overflow: inherit; } .specs-tabs + .tab-content .tab-pane { border: none; padding: 5px 0 0; } .specs-tabs + .tab-content .tab-header { border-bottom: 1px solid #cccccc; margin: 5px 0 10px; } .specs-tabs + .tab-content .tab-header span:first-child { text-transform: uppercase; color: #00305e; padding: 0 5px 0 0; } .specs-tabs + .tab-content .tab-header span:last-child { color: #999999; } .specs-tabs + .tab-content .tab-header span:last-child:before { content: '('; } .specs-tabs + .tab-content .tab-header span:last-child:after { content: ')'; } .specs-tabs + .tab-content > h2 { margin: 15px 0 5px; font-size: 0; } .specs-tabs + .tab-content .instructtag { margin: 15px 0 5px; font-size: 32px; text-transform: uppercase; color: #00305e; font-weight: 500; } .specs-tabs + .tab-content .instructtag:before { content: ''; } .specs-tabs + .tab-content .instructtag:after { content: ''; } .specs-tabs + .tab-content > .block-content { display: inline-block; *zoom: 1; display: block; } .specs-tabs + .tab-content > .block-content:before, .specs-tabs + .tab-content > .block-content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .specs-tabs + .tab-content > .block-content > .nav-tabs, .specs-tabs + .tab-content > .block-content > .tab-content { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .specs-tabs + .tab-content > .block-content > .nav-tabs { width: 60%; border-right: 1px solid #cccccc; -webkit-columns: 1; -moz-columns: 1; -ms-columns: 1; -o-columns: 1; columns: 1; } @media (min-width: 1366px) { .specs-tabs + .tab-content > .block-content > .nav-tabs { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; } } @media (min-width: 1600px) { .specs-tabs + .tab-content > .block-content > .nav-tabs { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; } } .specs-tabs + .tab-content > .block-content > .nav-tabs:before, .specs-tabs + .tab-content > .block-content > .nav-tabs:after { position: absolute; top: 15px; right: 0; } .specs-tabs + .tab-content > .block-content > .nav-tabs:before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 10px 7px 0; border-color: transparent #cccccc transparent transparent; } .specs-tabs + .tab-content > .block-content > .nav-tabs:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 10px 7px 0; border-color: transparent #ffffff transparent transparent; right: -2px; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li { border: none !important; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li a h6 { display: inline-block; vertical-align: middle; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-style: normal; font-size: notset; margin: notset; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li a:hover, .specs-tabs + .tab-content > .block-content > .nav-tabs > li a:focus, .specs-tabs + .tab-content > .block-content > .nav-tabs > li a:active { background: none; color: #00305e; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li a:before { color: #00305e; vertical-align: middle; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li.active a { background: none !important; color: #00305e !important; } .specs-tabs + .tab-content > .block-content > .tab-content { width: 38%; margin-left: 2%; } .specs-tabs + .tab-content > .block-content .details-row { background: none !important; border-width: 0 0 1px !important; border-style: dotted !important; border-color: #cccccc !important; } .specs-tabs + .tab-content > .block-content .details-row .info-cell { width: 50%; } .specs-tabs + .tab-content > .block-content .details-row .info-cell.param-value { font-weight: 400; } .specs-tabs + .tab-content > .block-content .details-row .param-value { padding-right: 0; } .specs-tabs + .tab-content > .block-content .details-row .param-type { padding-left: 0; color: #999999; } .param-stock { word-break: break-all; } .widget-details.big-images .buttons-holder .bookmark-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; font-size: 18px; width: auto; height: auto; line-height: 1.4; text-shadow: none; border: none; box-shadow: none; border-radius: 0; padding: 5px 10px; margin: 0 5px 0 0; color: 18px; text-transform: none; } .widget-details.big-images .buttons-holder .bookmark-button:last-child { margin: 0; } .widget-details.big-images .buttons-holder .bookmark-button:hover { opacity: 0.7; } .widget-details.big-images .buttons-holder .bookmark-button .pict, .widget-details.big-images .buttons-holder .bookmark-button .button-text { display: inline-block; vertical-align: middle; } .widget-details.big-images .buttons-holder .bookmark-button .pict { height: auto; margin: 0 5px 0 0; } .widget-details.big-images .buttons-holder .bookmark-button .pict:before { font-size: 24px; } .widget-details.big-images .buttons-holder .bookmark-button.button-facebook .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .buttons-holder .bookmark-button.button-twitter .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .buttons-holder .bookmark-button.button-googleplus .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .buttons-holder .bookmark-button.button-favourites .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e651"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .buttons-holder .bookmark-button.button-pdf .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62b"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .buttons-holder .bookmark-button.button-sendmail .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .buttons-holder .bookmark-button.button-contactlink .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63c"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .buttons-holder .bookmark-button .button-text { display: inline-block; font-weight: 400; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.big-images .buttons-holder .bookmark-button .button-text { display: none; } } .widget-details.big-images .buttons-holder .bookmark-button.button-favourites { display: none; } .widget-details.big-images .buttons-holder .buttons-social, .widget-details.big-images .buttons-holder .buttons-functional, .widget-details.big-images .buttons-holder .buttons-contactlink { display: inline-block; vertical-align: middle; } .widget-details.big-images .buttons-holder .buttons-contactlink .bookmark-button { background: #00305e; } .widget-details.big-images .buttons-holder .buttons-social { border-width: 0 1px 0 0; border-style: solid; border-color: #cccccc; margin: 0 5px 0 0; padding: 0 5px 0 0; } .widget-details.big-images .buttons-holder .buttons-social .pict { margin: 0; padding: 0; } .widget-details.big-images .buttons-holder .buttons-social .button-text { display: none; } .widget-details.big-images .buttons-holder .buttons-social .bookmark-button { background: #ffffff; border: 1px solid #ffffff; color: #ffffff; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-details.big-images .buttons-holder .buttons-social .bookmark-button:hover, .widget-details.big-images .buttons-holder .buttons-social .bookmark-button:focus { background: #00305e; border-color: #00305e; color: #ffffff; } .widget-details.big-images .buttons-holder .buttons-social .buttons-title { display: none; } .widget-details.big-images .buttons-holder .buttons-functional { border-width: 1px; border-style: solid; border-color: #cccccc; margin: 0; padding: 0; } .widget-details.big-images .buttons-holder .buttons-functional a { border: 1px solid #363636; color: #ffffff; background: #ffffff; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-details.big-images .buttons-holder .buttons-functional a:hover, .widget-details.big-images .buttons-holder .buttons-functional a:focus { border: 1px solid #00305e; color: #ffffff; background: #00305e; } .widget-details.big-images .buttons-holder + .tab-info { padding-top: 15px; } .widget-details.big-images .widget-content .top-images { font-size: 0; margin-bottom: 10px; } .widget-details.big-images .widget-content .top-images .big-image, .widget-details.big-images .widget-content .top-images .smaller-images { display: inline-block; width: 49.9%; vertical-align: top; } .widget-details.big-images .widget-content .top-images .big-image.single { margin-left: 25%; } .widget-details.big-images .widget-content .top-images [class*="big-image-"] a { position: relative; text-align: center; overflow: hidden; outline: none; } .widget-details.big-images .widget-content .top-images [class*="big-image-"] .photo { position: absolute; left: 0; top: 0; margin: 0 auto; max-height: 100%; } .widget-details.big-images .widget-content .top-images [class*="big-image-"] .exp { position: relative; } .widget-details.big-images .widget-content .top-images .big-image-1 { position: relative; overflow: hidden; /*.label, */ } .widget-details.big-images .widget-content .top-images .big-image-1 a { position: relative; text-align: center; overflow: hidden; outline: none; } .widget-details.big-images .widget-content .top-images .big-image-1 a img { width: 100%; } .widget-details.big-images .widget-content .top-images .big-image-1 .video-conference { position: absolute; left: 0; right: auto; bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: rgba(26, 26, 26, 0.8); padding: 5px 10px; z-index: 110; text-align: center; color: #ffffff; } .widget-details.big-images .widget-content .top-images .big-image-1 .video-conference:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-style: normal; font-size: 46px; margin: notset; } .widget-details.big-images .widget-content .top-images .big-image-1 .video-conference:before { display: block; color: #ffffff; line-height: 1; } .widget-details.big-images .widget-content .top-images .big-image-1 .video-conference .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; height: auto; white-space: nowrap; } .widget-details.big-images .widget-content .top-images .big-image-1 .video { display: block; background: rgba(26, 26, 26, 0.8); padding: 10px; position: absolute; right: 0; left: auto; top: 0; bottom: auto; border: none; cursor: pointer; z-index: 110; text-align: center; color: #ffffff; height: auto !important; } .widget-details.big-images .widget-content .top-images .big-image-1 .video i { font-style: normal; display: inline-block; font-size: 46px; width: 46px; height: 46px !important; line-height: 100%; } .widget-details.big-images .widget-content .top-images .big-image-1 .video:hover i, .widget-details.big-images .widget-content .top-images .big-image-1 .video:focus i { color: #ffffff; } .widget-details.big-images .widget-content .top-images .big-image-1 .video .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; } .widget-details.big-images .widget-content .top-images .big-image-1 .status, .widget-details.big-images .widget-content .top-images .big-image-1 .price, .widget-details.big-images .widget-content .top-images .big-image-1 .image-count { display: inline-block; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: content-box !important; -moz-background-clip: content-box !important; background-clip: content-box !important; background: rgba(26, 26, 26, 0.8); position: absolute; bottom: 0; border: none; } .widget-details.big-images .widget-content .top-images .big-image-1 .status > span, .widget-details.big-images .widget-content .top-images .big-image-1 .price > span, .widget-details.big-images .widget-content .top-images .big-image-1 .image-count > span { padding: 5px 15px; display: block; text-align: center; } .widget-details.big-images .widget-content .top-images .big-image-1 .status > span > span, .widget-details.big-images .widget-content .top-images .big-image-1 .price > span > span, .widget-details.big-images .widget-content .top-images .big-image-1 .image-count > span > span { font-size: 20px; } .widget-details.big-images .widget-content .top-images .big-image-1 .status .icon, .widget-details.big-images .widget-content .top-images .big-image-1 .price .icon, .widget-details.big-images .widget-content .top-images .big-image-1 .image-count .icon { background-image: none; color: #ffffff; font-size: 24px; } .widget-details.big-images .widget-content .top-images .big-image-1 .status .icon:before, .widget-details.big-images .widget-content .top-images .big-image-1 .price .icon:before, .widget-details.big-images .widget-content .top-images .big-image-1 .image-count .icon:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e637"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count { width: 12%; left: 0; padding: 0 0 0 0; color: #ffffff; font-size: 20px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count:hover { cursor: pointer; } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count:hover, .widget-details.big-images .widget-content .top-images .big-image-1 .image-count:focus { background: rgba(26, 26, 26, 0.9); } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count span { height: auto; } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count > span { padding: 5px 5px 5px 10px; text-align: left; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count > span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e645"; font-style: normal; font-size: 24px; margin: 0 5px 0 0; } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count > span:before, .widget-details.big-images .widget-content .top-images .big-image-1 .image-count > span > span { vertical-align: middle; line-height: 24px; } .widget-details.big-images .widget-content .top-images .big-image-1 .image-count > span > span { font-size: 24px; display: inline-block; } .widget-details.big-images .widget-content .top-images .big-image-1 .status { width: 44%; left: 12%; padding: 0 1px 0 1px; } .widget-details.big-images .widget-content .top-images .big-image-1 .status, .widget-details.big-images .widget-content .top-images .big-image-1 .status .icon { color: #f5f5f5; } .widget-details.big-images .widget-content .top-images .big-image-1 .status > span > span { font-size: 14px; line-height: 28px; } .widget-details.big-images .widget-content .top-images .big-image-1 .status.inventory { display: none; } .widget-details.big-images .widget-content .top-images .big-image-1 .status .icon { vertical-align: middle; } .widget-details.big-images .widget-content .top-images .big-image-1 .status .icon:hover { opacity: 0.6; } .widget-details.big-images .widget-content .top-images .big-image-1 .price { width: 44%; padding: 0 0 0 0; color: #ffffff; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .icon { vertical-align: middle; position: absolute; top: 50%; margin-left: 6px; margin-top: -9px; font-size: 24px; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .icon:hover { opacity: 0.6; } .widget-details.big-images .widget-content .top-images .smaller-images { position: relative; } .widget-details.big-images .widget-content .top-images .smaller-images [class*="big-image-"] { display: inline-block; margin-left: 2%; vertical-align: top; width: 48%; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-details.big-images .widget-content .top-images a { border: 0 solid transparent; padding: 0; background: transparent; display: block; } .widget-details.big-images .widget-content .top-images a.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .widget-content .top-images a.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-details.big-images .widget-content .top-images a span { display: block; height: 140px; overflow: hidden; position: relative; } .widget-details.big-images .widget-content .top-images a img { max-width: 100%; max-height: 100%; } .widget-details.big-images .widget-content .top-images .marketing-text, .widget-details.big-images .widget-content .top-images .price { position: absolute; z-index: 30; background: #cccccc; font-size: 12px; display: block; } .widget-details.big-images .widget-content .top-images .price { padding: 3px; bottom: 0; right: 0; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details.big-images .widget-content .top-images .price > span { padding: 5px 15px; display: block; } .widget-details.big-images .widget-content .top-images .price > span > div { display: inline; font-size: 12px; color: #999999; } .widget-details.big-images .widget-content .top-images .price > span > div:empty { margin-right: 0; } .widget-details.big-images .widget-content .top-images .price > span > span { font-size: 20px; } .widget-details.big-images .widget-content .top-images .marketing-text { color: #999999; width: 100%; padding: 3px; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details.big-images .widget-content .top-images .marketing-text > span { padding: 5px; display: block; } .widget-details.big-images .widget-content .top-images .marketing-text > span:empty { padding: 0; } .widget-details.big-images .widget-content .top-images.count-4 a span { height: auto; text-align: center; } .widget-details.big-images .widget-content .top-images.count-4 .big-image { width: 39.2%; } .widget-details.big-images .widget-content .top-images.count-4 .smaller-images { width: 19.5%; padding-left: 1%; padding-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details.big-images .widget-content .top-images.count-4 .smaller-images [class*="big-image-"] { width: 100%; margin-left: 0; } .widget-details.big-images .widget-content .top-images.count-4 .big-image-3 { margin-top: 3px; } .widget-details.big-images .widget-content .top-images.count-3 a span { height: auto; } .widget-details.big-images .widget-content .top-images.count-3 .smaller-images [class*="big-image-"] { margin-left: 2%; width: 98%; } .widget-details.big-images .widget-content .top-images.count-2 a span { height: auto; } .widget-details.big-images .widget-content .top-images.count-2 .smaller-images [class*="big-image-"] { margin-left: 2%; width: 98%; } .widget-details.big-images .widget-content .top-images.count-1 { text-align: center; } .widget-details.big-images .widget-content .bottom-images { font-size: 0; margin-top: 1px; } .widget-details.big-images .widget-content .bottom-images [class*="big-image-"] { width: 24%; margin-left: 1.24%; display: inline-block; vertical-align: top; margin-top: 6px; } .widget-details.big-images .widget-content .bottom-images [class*="big-image-"]:nth-child(4n+1) { margin-left: 0; } .widget-details.big-images .widget-content .bottom-images a { margin-top: 5px; border: 0 solid transparent; padding: 0; background: transparent; display: block; } .widget-details.big-images .widget-content .bottom-images a.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .widget-content .bottom-images a.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-details.big-images .widget-content .bottom-images a span { overflow: hidden; display: block; height: 144px; position: relative; } .widget-details.big-images .widget-content .bottom-images a span img { width: 100%; } .widget-details.big-images.tuv-approved .big-image-1 a:after { content: ""; display: inline-block; width: 75px; height: 75px; position: absolute; right: 10px; top: 10px; background: url(../../../images/frontend/icons/tuv-gepruft-medium.png) no-repeat; } .widget-details.big-images.tuv-approved.has-video .big-image-1 a:after { width: 66px; height: 66px; right: 0; top: 85px; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .widget-details.big-images .section-sellers .widget-header { padding: 0; } .widget-details.big-images .section-sellers .person { padding: 0 !important; } .widget-details.big-images .section-sellers .person:before { display: none !important; } .widget-details.big-images .widget.widget-userlist .widget-header { display: block !important; font-size: 32px; padding: 5px 0; } .widget-details.big-images .section-contactinfo { margin: 20px 0; } .widget-details.big-images .contactinfo-inner { font-size: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; background: #363636; margin: 20px 0 10px; } .widget-details.big-images .contactinfo-inner > * { display: inline-block; vertical-align: top; font-size: 15px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.big-images .contactinfo-inner > * { font-size: 13px; } } .widget-details.big-images .contactinfo-inner .seller-wrapper { padding: 0 20px 0 0; background: #f5f5f5; width: 76%; } .widget-details.big-images .contactinfo-inner .widget { margin: 0 !important; } .widget-details.big-images .contactinfo-inner .location-wrapper { padding: 20px; position: relative; width: 24%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.big-images .contactinfo-inner .location-wrapper { padding: 10px; } } .widget-details.big-images .contactinfo-inner .location-wrapper:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #f5f5f5 transparent transparent; position: absolute; right: 100%; top: 50%; margin: -10px -1px 0 0; } .widget-details.big-images .widget.widget-userlist.userlist-default { padding: 20px 0 20px 20px; } .widget-details.big-images .widget.widget-userlist.userlist-default .widget-content { margin: 20px 0 0; } .widget-details.big-images .widget.widget-userlist.userlist-default .responsible-block { border: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .responsible-holder { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .widget-details.big-images .widget.widget-userlist.userlist-default .person { margin: 0; padding: 0; width: 100%; border: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person:before { display: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person img { min-height: 100%; min-width: 100%; } .widget-details.big-images .widget.widget-userlist.userlist-default .person:first-child { border: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .info .name { margin: 10px 0; font-size: 32px; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .info > [class*="contact-"] { margin: 0 0 5px; font-size: 24px; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .info .contact-contactphone .contact-label:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65d"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .info .contact-contactmobilephone .contact-label:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65d"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .info .contact-contactfax .contact-label:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67f"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .info .contact-label { width: auto; padding-right: 5px; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .info .contact-label .text, .widget-details.big-images .widget.widget-userlist.userlist-default .person .info .contact-label .delimiter { display: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .instruction-wrapper { bottom: 0; left: 188px; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction { width: auto; height: auto; background-position: 0 0; display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction [class^="\icons-tv-"] { display: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:focus { outline: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover, .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.on { outline: none; cursor: pointer; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.off, .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction [class^="\icons-tv-"] { display: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:focus { outline: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover, .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.on { outline: none; cursor: pointer; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.off, .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.big-images .widget.widget-userlist.userlist-default .person .scancode-instruction.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls { bottom: 100%; top: auto; margin: 0 0 15px; left: auto; right: 0; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls a { margin: 0; font-size: 25px; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls a:before { color: #999999; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls .user-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls .user-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .contact-master .widget-header { background: #f5f5f5; padding: 10px !important; margin: 0 !important; font-size: 24px; font-weight: 500; } .widget-details.big-images .section-related .title { margin: 40px 0 20px; font-weight: 500; font-size: 24px; text-transform: uppercase; } .widget-details.big-images .section-related .widget-content { margin: 0; padding: 0; } .widget-details.big-images .section-related .widget-content > .lastadded-item-holder { margin: 0; margin: 0 0 0 10px; width: calc((100% - 10px*3)/4); } .widget-details.big-images .section-related .widget-content > .lastadded-item-holder:first-child { margin: 0; } .widget-details.big-images .section-related .widget-content > .lastadded-item-holder:nth-child(4n+1) { margin-left: 0; } .widget-details.big-images .section-related .widget-content > .lastadded-item-holder:nth-child(n+5) { margin-top: 10px; } .widget-details.big-images .section-related .lastadded-item-holder .status { padding-top: 0; padding-bottom: 0; } .widget-details.big-images .section-related .lastadded-item-holder .status { right: auto; } .widget-details.big-images .section-related .carousel-wrapper { position: relative; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.big-images .gallery-top { margin-bottom: 10px; } } .widget-details.big-images .gallery-top .gallery-photoswipe { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: calc((100% - 3 * 10px) / 2 + 10px); position: relative; } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price { bottom: unset !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price { bottom: 51.1% !important; } } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status { position: absolute; bottom: 0; left: 0; text-align: center; padding: 5px 15px; background: rgba(0, 0, 0, 0.75); color: #ffffff; font-size: 18px; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.inventory { display: none; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price { position: absolute; bottom: 0; right: 0; text-align: center; padding: 5px 15px; background: rgba(0, 0, 0, 0.75); color: #ffffff; font-size: 24px; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price .icon { background-image: none; color: #ffffff; font-size: 24px; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price .icon:before { font-family: icomoonio; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e637"; font-style: normal; font-size: notset; margin: notset; top: 15px; position: absolute; } .widget-details.big-images .gallery-top .gallery-photoswipe figure { margin: 0; width: 50%; width: calc((100% - 2 * 10px) / 2); background: transparent; } .widget-details.big-images .gallery-top .gallery-photoswipe figure img { width: 100%; } .widget-details.big-images .gallery-top .gallery-photoswipe figure a { display: block; } .widget-details.big-images .gallery-top .gallery-photoswipe figure:nth-child(n+4) { margin-top: 10px; } .widget-details.big-images .gallery-top .gallery-photoswipe figure:nth-child(n+2) { margin-left: 10px; } .widget-details.big-images .gallery-top .gallery-photoswipe figure:nth-child(n+6) { display: none; } .widget-details.big-images .gallery-top .gallery-photoswipe figure:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; width: calc((100% - 3 * 10px) / 2 + 10px); overflow: hidden; } .widget-details.big-images .gallery-top .gallery-photoswipe figure:not(:first-child) a { padding-bottom: 66%; height: 0; overflow: hidden; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-1 { padding: 0; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-1 figure { position: relative; width: 40%; margin-right: auto; margin-left: auto; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-2 { padding: 0; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-2 figure { position: relative; width: 50%; width: calc((100% - 10px) / 2); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-2 figure:not(:first-child) { margin-left: 10px; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 { padding: 0; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure { position: relative; width: 33.33%; width: calc((100% - 10px * 2) / 3); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:not(:first-child) { margin-left: 10px; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-details.big-images .gallery-top .gallery-photoswipe { padding-left: 0; } .widget-details.big-images .gallery-top .gallery-photoswipe figure { width: calc((100% - 10px) / 2); } .widget-details.big-images .gallery-top .gallery-photoswipe figure:first-child { width: 100% !important; margin: 0 0 10px !important; position: static; } .widget-details.big-images .gallery-top .gallery-photoswipe figure:nth-child(2n) { margin-left: 0; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-2 figure:nth-child(n+2) { width: 100%; margin-left: 0; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure { margin-left: 0 !important; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(n+2) { width: calc((100% - 10px) / 2); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(3) { margin-left: 10px !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 { padding-left: 50%; padding-left: calc((100% - 2 * 10px) * 0.66 + 10px); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:first-child { position: absolute; width: 66%; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(n+2) { width: calc(100% - 10px * ( 1 / 0.66)); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(3) { margin-top: 10px; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 { padding-left: 50%; padding-left: calc((100% - 2 * 10px) * 0.66 + 10px); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:first-child { position: absolute; width: 66%; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(n+2) { width: calc(100% - 10px * ( 1 / 0.66)); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(3) { margin-top: 10px; } } .widget-details.big-images .gallery-bottom .gallery-photoswipe { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding-top: 20px; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure { margin: 0; width: 25%; width: calc((100% - 3 * 10px) / 4); margin-left: calc(10px); background: transparent; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure img { width: 100%; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure a { display: block; padding-bottom: 66%; height: 0; overflow: hidden; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure:nth-child(n+5) { margin-top: 10px; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure:nth-child(4n+1) { margin-left: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.big-images .gallery-bottom .gallery-photoswipe figure { margin: 0 0 0 10px !important; width: calc((100% - 2 * 10px) / 3); } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure:nth-child(n+4) { margin-top: 10px !important; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure:nth-child(3n+1) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget-details.big-images .gallery-bottom .gallery-photoswipe figure { margin: 0 0 0 10px !important; width: calc((100% - 1 * 10px) / 2); } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure:nth-child(n+3) { margin-top: 10px !important; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure:nth-child(2n+1) { margin-left: 0 !important; } } @media (min-width: 768px) and (max-width: 979px) and (orientation: portrait) { .widget-details.big-images .widget-content .top-images .big-image-1 .price > span { position: relative; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .icon { top: 0; right: 0; margin-left: 0; margin-top: 0; } } .ie9 .block-side { display: none; } .lt-ie8 .widget-details .isa-header { background: #cccccc !important; zoom: 1 !important; background: transparent\0/ !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ffcccccc)\0/ !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ffcccccc)\0/ !important; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ffcccccc) !important; } .lt-ie8 .widget-details .top-images { display: inline-block; *zoom: 1; } .lt-ie8 .widget-details .top-images:before, .lt-ie8 .widget-details .top-images:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .lt-ie8 .widget-details .top-images .big-image, .lt-ie8 .widget-details .top-images .smaller-images { width: 49.9%; float: left; } .lt-ie8 .widget-details .top-images .smaller-images { display: inline-block; *zoom: 1; } .lt-ie8 .widget-details .top-images .smaller-images:before, .lt-ie8 .widget-details .top-images .smaller-images:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .lt-ie8 .widget-details .top-images .smaller-images [class*="big-image-"] { float: left; } .lt-ie8 .widget-details .top-images .smaller-images .big-image-4, .lt-ie8 .widget-details .top-images .smaller-images .big-image-5 { margin-top: 10px; } .lt-ie8 .widget-details .top-images .big-image-1 .status, .lt-ie8 .widget-details .top-images .big-image-1 .price { background: #cccccc !important; zoom: 1 !important; background: transparent\0/ !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ffcccccc)\0/ !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ffcccccc)\0/ !important; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ffcccccc) !important; margin: 0 3px 3px 0; } .lt-ie8 .widget-details .bottom-images { display: inline-block; *zoom: 1; } .lt-ie8 .widget-details .bottom-images:before, .lt-ie8 .widget-details .bottom-images:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .lt-ie8 .widget-details .bottom-images [class*="big-image-"] { float: left; } .lt-ie8 .widget-details .details-information .details-content { overflow-x: hidden; } .lt-ie8 .widget-details .details-information .details-content .details-row > [class*="span"]:first-child { *width: 14.840425531914894%; } .lt-ie8 .widget-details .tabs-expanded .details-information .details-content { max-height: none; } @-webkit-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } @-moz-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } } .widget-details.sections-premium { position: relative; } .widget-details.sections-premium .symfio-link-global, .widget-details.sections-premium .symfio-link-context { margin-top: 10px; } .widget-details.sections-premium .symfio-link-global + .section-requestform, .widget-details.sections-premium .symfio-link-context + .section-requestform { margin-top: 20px; } .widget-details.sections-premium .widget-header .block-primary { font-size: 32px; } .widget-details.sections-premium .widget-header .block-primary .marketing-text { font-size: 24px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .widget-header .block-primary { font-size: 22px; width: 59.9%; width: calc(60%); } .widget-details.sections-premium .widget-header .marketing-text { font-size: 18px; } } @media (max-width: 767px) { .widget-details.sections-premium .widget-header .block-primary { width: 100%; font-size: 24px; } } @media (min-width: 1500px) { .widget-details.sections-premium .details-information.tab-info .param-type { float: left; width: 14.89361702%; *width: 14.84042553%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-details.sections-premium .details-information.tab-info .param-type:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-details.sections-premium .details-information.tab-info .param-value { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-details.sections-premium .details-information.tab-info .param-value:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-details.sections-premium .details-information.tab-options .param-type { float: left; width: 23.40425532%; *width: 23.35106383%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-details.sections-premium .details-information.tab-options .param-type:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-details.sections-premium .details-information.tab-options .param-value { float: left; width: 74.46808511%; *width: 74.41489362%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-details.sections-premium .details-information.tab-options .param-value:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .widget-details.sections-premium .details-information .datde-specs .attribute { width: 29.97692308%; } .widget-details.sections-premium .details-information .datde-specs .value { width: 67.56808511%; } .widget-details.sections-premium .details-information .datde-specs .spec-entry:nth-last-child(1):nth-child(odd) .attribute { width: 11.6%; } } .widget-details.sections-premium .widget-content { margin-top: 20px; } .widget-details.sections-premium .widget-content .block-bar { z-index: 60; background: #f5f5f5; opacity: 0; position: absolute; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; max-height: 0; overflow: hidden; } .widget-details.sections-premium .widget-content .block-bar.sticked { opacity: 1; left: 0 !important; width: 100% !important; top: 0 !important; padding: 0 60px; z-index: 1030; box-sizing: border-box; max-height: 1000px; border-bottom: 1px solid #ffffff; padding-left: 0; padding-right: 0; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .block-bar.sticked { padding-left: 60px; padding-right: 60px; } } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .block-bar.sticked .block-inner { display: flex; flex-wrap: wrap; } .widget-details.sections-premium .widget-content .block-bar.sticked .block-inner .side-left { width: 49%; order: 1; } .widget-details.sections-premium .widget-content .block-bar.sticked .block-inner .side-left a { padding: 9px; } .widget-details.sections-premium .widget-content .block-bar.sticked .block-inner .side-center { width: 100%; order: 3; padding-bottom: 5px; } .widget-details.sections-premium .widget-content .block-bar.sticked .block-inner .side-center .price .row-current { padding: 0; } .widget-details.sections-premium .widget-content .block-bar.sticked .block-inner .side-right { width: 49%; order: 2; } .widget-details.sections-premium .widget-content .block-bar.sticked .block-inner .side-right a { padding: 10px; } } .widget-details.sections-premium .widget-content .block-bar .block-inner { font-size: 0; } .widget-details.sections-premium .widget-content .block-bar .side-left, .widget-details.sections-premium .widget-content .block-bar .side-center, .widget-details.sections-premium .widget-content .block-bar .side-right { display: inline-block; font-size: 15px; } .widget-details.sections-premium .widget-content .block-bar .side-left { width: 37%; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .block-bar .side-left { width: 36%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .widget-content .block-bar .side-left { width: 37%; } .widget-details.sections-premium .widget-content .block-bar .side-left [class*="row-"] + [class*="row-"], .widget-details.sections-premium .widget-content .block-bar .side-left .fin-field { margin-left: 15px; } } .widget-details.sections-premium .widget-content .block-bar .side-center { text-align: center; width: 48%; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .block-bar .side-center { width: 44%; padding-top: 12px; padding-bottom: 12px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .widget-content .block-bar .side-center { width: 48%; padding-top: 8px; padding-bottom: 8px; } } .widget-details.sections-premium .widget-content .block-bar .side-center .producer-price { display: none; } .widget-details.sections-premium .widget-content .block-bar .side-center .price-holder, .widget-details.sections-premium .widget-content .block-bar .side-center .label-inner { font-size: 24px; } .widget-details.sections-premium .widget-content .block-bar .side-center .label-inner { color: #00305e; } .widget-details.sections-premium .widget-content .block-bar .side-center .sublabel, .widget-details.sections-premium .widget-content .block-bar .side-center .fin-label, .widget-details.sections-premium .widget-content .block-bar .side-center .desc { font-size: 13px; color: #999999; } @media (max-width: 979px) { .widget-details.sections-premium .widget-content .block-bar .side-center .fin-label { display: block; } } .widget-details.sections-premium .widget-content .block-bar .side-center .desc { margin-left: 5px; } .widget-details.sections-premium .widget-content .block-bar .side-center .prices-envelope, .widget-details.sections-premium .widget-content .block-bar .side-center .fin-field { display: inline-block; vertical-align: middle; } @media (max-width: 979px) { .widget-details.sections-premium .widget-content .block-bar .side-center .prices-envelope, .widget-details.sections-premium .widget-content .block-bar .side-center .fin-field { line-height: 1; } } .widget-details.sections-premium .widget-content .block-bar .side-center [class*="row-"] { display: inline-block; vertical-align: middle; } .widget-details.sections-premium .widget-content .block-bar .side-center [class*="row-"] + [class*="row-"] { margin-left: 30px; } .widget-details.sections-premium .widget-content .block-bar .side-center [class*="row-"] + [class*="row-"] .hide-netto { margin-left: -30px; } .widget-details.sections-premium .widget-content .block-bar .side-center .row-old, .widget-details.sections-premium .widget-content .block-bar .side-center .row-diff, .widget-details.sections-premium .widget-content .block-bar .side-center .value-null { display: none; } .widget-details.sections-premium .widget-content .block-bar .side-center .monthlyRate ~ .monthlyRate { display: none; } .widget-details.sections-premium .widget-content .block-bar .side-center .fin-field { margin-left: 30px; } .widget-details.sections-premium .widget-content .block-bar .side-center .fin-field .sublabel, .widget-details.sections-premium .widget-content .block-bar .side-center .fin-field .label-inner { padding-right: 5px; } .widget-details.sections-premium .widget-content .block-bar .side-center .price-holder { color: #00305e; } .widget-details.sections-premium .widget-content .block-bar .side-right { text-align: right; width: 15%; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .block-bar .side-right { width: 20%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .widget-content .block-bar .side-right { display: inline-block; } } .widget-details.sections-premium .widget-content .block-bar .buttons-title { display: none; } .widget-details.sections-premium .widget-content .block-bar .buttons-functional, .widget-details.sections-premium .widget-content .block-bar .buttons-social { display: inline-block; vertical-align: middle; } .widget-details.sections-premium .widget-content .block-bar .buttons-functional { margin-left: -1px; display: none; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .block-bar .buttons-functional { display: inline-block; } } .widget-details.sections-premium .widget-content .block-bar .bookmark-button { display: inline-block; vertical-align: middle; border-color: #ffffff; border-style: solid; border-width: 0 1px 0 0; padding: 20px 10px; color: #1a1a1a; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button:hover { color: #1a1a1a; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button:focus { color: #00305e; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button:focus { color: #00305e; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button:visited { color: notset; } @media (min-width: 1500px) { .widget-details.sections-premium .widget-content .block-bar .bookmark-button { padding: 20px; } } .widget-details.sections-premium .widget-content .block-bar .bookmark-button:hover, .widget-details.sections-premium .widget-content .block-bar .bookmark-button:focus { background: #ffffff; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button:first-child { border-width: 0 1px; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-facebook .pict { color: #3b5998; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-facebook .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-twitter .pict { color: #0084b4; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-twitter .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-googleplus .pict { color: #d34836; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-googleplus .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-whatsapp .pict { color: #25D366; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-whatsapp .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-pdf .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62b"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button.button-sendmail .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .block-bar .bookmark-button .button-text { display: none; } .widget-details.sections-premium .widget-content .block-bar .bar-menu { margin: 0; color: #cccccc; font-size: 13px; } @media (min-width: 1366px) { .widget-details.sections-premium .widget-content .block-bar .bar-menu { font-size: 15px; } } .widget-details.sections-premium .widget-content .block-bar .bar-menu li { padding: 0; display: inline-block; list-style: none; } .widget-details.sections-premium .widget-content .block-bar .bar-menu li:first-child a { border-width: 0 1px; } .widget-details.sections-premium .widget-content .block-bar .bar-menu li.contacts a:before, .widget-details.sections-premium .widget-content .block-bar .bar-menu li.send-request a:before { display: none; } @media (min-width: 1366px) { .widget-details.sections-premium .widget-content .block-bar .bar-menu li.contacts a:before, .widget-details.sections-premium .widget-content .block-bar .bar-menu li.send-request a:before { display: inline-block; } } .widget-details.sections-premium .widget-content .block-bar .bar-menu li.contacts a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e942"; font-style: normal; font-size: notset; margin: notset; } @media (min-width: 768px) { .widget-details.sections-premium .widget-content .block-bar .bar-menu li.contacts a:before { margin: 0 2px 0 0; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } } .widget-details.sections-premium .widget-content .block-bar .bar-menu li.send-request a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: notset; margin: notset; } @media (min-width: 768px) { .widget-details.sections-premium .widget-content .block-bar .bar-menu li.send-request a:before { margin: 0 5px 0 0; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -o-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .widget-content .block-bar .bar-menu li.photos, .widget-details.sections-premium .widget-content .block-bar .bar-menu li.video { display: none; } } .widget-details.sections-premium .widget-content .block-bar .bar-menu a { display: inline-block; vertical-align: middle; padding: 20px 10px; border-style: solid; border-color: #ffffff; border-width: 0 1px 0 0; color: #1a1a1a; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .widget-details.sections-premium .widget-content .block-bar .bar-menu a:hover { color: #00305e; } .widget-details.sections-premium .widget-content .block-bar .bar-menu a:focus { color: #00305e; } .widget-details.sections-premium .widget-content .block-bar .bar-menu a:focus { color: #00305e; } .widget-details.sections-premium .widget-content .block-bar .bar-menu a:visited { color: notset; } @media (min-width: 1500px) { .widget-details.sections-premium .widget-content .block-bar .bar-menu a { padding: 20px; } } .widget-details.sections-premium .widget-content .block-bar .bar-menu a:hover, .widget-details.sections-premium .widget-content .block-bar .bar-menu a:focus { background: #ffffff; } .widget-details.sections-premium .widget-content .block-bar .bar-menu a:empty, .widget-details.sections-premium .widget-content .block-bar .bar-menu a:empty:before, .widget-details.sections-premium .widget-content .block-bar .bar-menu a:empty:after { display: none; } @media (max-width: 1199px) { .widget-details.sections-premium .widget-content .block-bar .bar-menu a { padding-left: 7px; padding-right: 7px; } } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .block-bar .bar-menu a { padding: 18px 5px; } } .widget-details.sections-premium .widget-content .section-photospecs { margin: 0 0 20px; width: 100%; *zoom: 1; padding-bottom: 130px; } .widget-details.sections-premium .widget-content .section-photospecs:before, .widget-details.sections-premium .widget-content .section-photospecs:after { display: table; content: ""; line-height: 0; } .widget-details.sections-premium .widget-content .section-photospecs:after { clear: both; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .section-photospecs { margin: 0 0 30px; } } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .section-photospecs { padding-bottom: 0; } } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .section-photospecs .section-1 { float: left; width: calc((100% - 30px) / 2); } } .widget-details.sections-premium .widget-content .section-photospecs .section-1 .call-to-action { position: relative; margin: 72px 0 0; padding: 15px; } @media (max-width: 1199px) { .widget-details.sections-premium .widget-content .section-photospecs .section-1 .call-to-action { margin: 20px 0; } } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .eyecatcher-form { padding: 15px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .eyecatcher-form .widget-header { padding: 0 0 7px !important; font-size: 24px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .eyecatcher-form .contactagreementpersonaldata, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .eyecatcher-form .contactagreementmarketing { font-size: 10px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .eyecatcher-form .contactagreementpersonaldata { margin: 10px 0; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .section-photospecs .section-2 { float: left; width: calc((100% - 30px) / 2); margin-left: 30px; } } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-0.form-1 .colform-col-left { position: relative; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-1.form-1 { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; font-size: 0; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-1.form-1 > * { font-size: 15px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-1.form-1 .price-financing-wrapper, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-1.form-1 .eyecatcher-form { display: inline-block; vertical-align: top; width: calc((100% - 30px) / 2); } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-1.form-1 .price-financing-wrapper, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-1.form-1 .eyecatcher-form { width: 100%; margin: 0 !important; } } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper.financing-1.form-1 .eyecatcher-form { margin-left: 30px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price:not(.producer-price) { position: relative; margin: 0 0 11px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price:not(.producer-price) { margin: 15px 0; } } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price:not(.producer-price):after { content: ''; position: absolute; bottom: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 97px 20px; border-color: transparent transparent transparent #00305e; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price:not(.producer-price) .row-current { padding: 10px 10px 10px 15px; background: #00305e; margin-left: 0; -moz-box-shadow: -5px 5px 15px rgba(13, 37, 60, 0.3); -webkit-box-shadow: -5px 5px 15px rgba(13, 37, 60, 0.3); box-shadow: -5px 5px 15px rgba(13, 37, 60, 0.3); } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price:not(.producer-price) .row-current, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price:not(.producer-price) .row-current .price-holder { color: #ffffff; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price:not(.producer-price) .row-current .desc { display: block; margin-bottom: 1px; font-size: 15px; white-space: nowrap; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-current-no-tax, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-producer-price { font-size: 18px; margin: 10px 0 0; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-current-no-tax { color: #1a1a1a; margin: 10px 0 0; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-current-no-tax .price-holder { margin-left: 0; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-current-no-tax .value:not(.hide-netto) .desc.netto { padding-left: 10px; font-size: 15px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-current-no-tax .hide-netto { display: block; padding: 0 10px 10px 20px; margin: -23px 0 0 0; color: #ffffff; background: #00305e; -moz-box-shadow: -5px 10px 10px rgba(26, 26, 26, 0.3); -webkit-box-shadow: -5px 10px 10px rgba(26, 26, 26, 0.3); box-shadow: -5px 10px 10px rgba(26, 26, 26, 0.3); } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-current-no-tax .hide-netto .desc { font-size: 15px; white-space: nowrap; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-current-no-tax.vat-reclaimable { right: 0; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-producer-price .price-holder { text-decoration: line-through; margin-left: 0.5em; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .row-buyers-profit .price-holder { font-weight: 500; margin-left: 0.5em; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope > .price ~ :last-child { margin: 0 0 15px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .prices-envelope .call { display: none; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .symfio-link-compact, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .symfio-link-compact-options { width: calc(100% - 45px); min-width: 200px; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .disclaimer-financing { color: #363636; font-size: 10px; margin: 15px 0 0; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .disclaimer-financing div { position: relative; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .disclaimer-financing div:after { position: absolute; left: 50%; bottom: 0; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .disclaimer-financing div:hover:after, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .disclaimer-financing div:focus:after { display: none; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .disclaimer-financing div:hover p, .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .disclaimer-financing div:focus p { max-height: 500px; } } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .eyecatcher-form .widget-content { margin-top: 0; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .colform .colform-section .colform-row:not(.row-checkbox) > * { margin: 0; width: 100% !important; line-height: 2.2em; } .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .colform .colform-section .colform-row:not(:first-child) { margin: 10px 0 0; } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .section-photospecs .section-2 .financing-form-wrapper .colform .colform-section .colform-row:not(:first-child) { margin: 0 0 15px; } } .widget-details.sections-premium .widget-content .section-photospecs .price-financing .fin-value + .fin-label, .widget-details.sections-premium .widget-content .section-photospecs .price-financing .sublabel + .label-inner { padding: 0 0 0 5px; } .widget-details.sections-premium .widget-content .section-photospecs .price-financing .fin-field { font-size: 10px; line-height: 18px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-details.sections-premium .widget-content .section-photospecs .price-financing .fin-field:last-child { bottom: 1px; } .widget-details.sections-premium .widget-content .section-photospecs .price-financing .monthlyRate { line-height: 1.4; top: 5px; line-height: 25px; } .widget-details.sections-premium .widget-content .section-photospecs .price-financing .monthlyRate .label-inner { font-size: 24px; font-size: 1.5rem; line-height: 16px; } .widget-details.sections-premium .widget-content .section-photospecs .price-financing .monthlyRate .sublabel, .widget-details.sections-premium .widget-content .section-photospecs .price-financing .monthlyRate .fin-label { font-size: 15px; } .widget-details.sections-premium .widget-content .section-photospecs .call-to-action { position: absolute; left: 0; right: 0; } @media (min-width: 1500px) { .widget-details.sections-premium .widget-content .section-photospecs { padding-bottom: 0; } .widget-details.sections-premium .widget-content .section-photospecs .call-to-action { position: relative; } } .widget-details.sections-premium .widget-content .vehicle-photo { border: 0 solid transparent; padding: 0; background: transparent; overflow: hidden; position: relative; } .widget-details.sections-premium .widget-content .vehicle-photo.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .vehicle-photo.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-details.sections-premium .widget-content .vehicle-photo .car-current, .widget-details.sections-premium .widget-content .vehicle-photo .nophoto-wrapper { display: block; height: 0; padding-bottom: 66%; text-align: center; } .widget-details.sections-premium .widget-content .vehicle-photo .car-current img, .widget-details.sections-premium .widget-content .vehicle-photo .nophoto-wrapper img { width: 100%; } .widget-details.sections-premium .widget-content .vehicle-photo .video-conference { position: absolute; left: 0; right: auto; bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: rgba(26, 26, 26, 0.8); padding: 5px 10px; z-index: 110; text-align: center; color: #ffffff; } .widget-details.sections-premium .widget-content .vehicle-photo .video-conference:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-style: normal; font-size: 35px; margin: notset; } .widget-details.sections-premium .widget-content .vehicle-photo .video-conference:before { display: block; color: #ffffff; line-height: 1; } .widget-details.sections-premium .widget-content .vehicle-photo .video-conference .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; height: auto; white-space: nowrap; } .widget-details.sections-premium .widget-content .vehicle-photo .video { display: block; background: rgba(26, 26, 26, 0.8); padding: 10px; position: absolute; right: 0; left: auto; top: 0; bottom: auto; border: none; cursor: pointer; z-index: 110; text-align: center; color: #ffffff; height: auto !important; } .widget-details.sections-premium .widget-content .vehicle-photo .video i { font-style: normal; display: inline-block; font-size: 46px; width: 46px; height: 46px !important; line-height: 100%; } .widget-details.sections-premium .widget-content .vehicle-photo .video:hover i, .widget-details.sections-premium .widget-content .vehicle-photo .video:focus i { color: #ffffff; } .widget-details.sections-premium .widget-content .vehicle-photo .video .desc { font-size: 15px; display: block; text-transform: uppercase; font-weight: 500; } .widget-details.sections-premium .widget-content .vehicle-photo .car-photos { display: block; cursor: pointer; background: linear-gradient(to bottom right, rgba(26, 26, 26, 0.8) 0%, transparent 50%); color: #ffffff; position: absolute; z-index: 100; padding: 7px 18px 15px 5px; top: 0; right: auto; left: 0; background: rgba(26, 26, 26, 0.8); padding: 5px 10px; } .widget-details.sections-premium .widget-content .vehicle-photo .car-photos .icon { margin: -2px 2px 0 0; } .widget-details.sections-premium .widget-content .vehicle-photo .car-photos .icon:before { font-weight: 400; } .widget-details.sections-premium .widget-content .vehicle-photo .car-photos .icon { background: none; width: 100%; font-size: 35px; margin: 10px 0; height: auto; display: block; width: auto; } .widget-details.sections-premium .widget-content .vehicle-photo .car-photos .icon:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e645"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .vehicle-photo .video-conference, .widget-details.sections-premium .widget-content .vehicle-photo .video, .widget-details.sections-premium .widget-content .vehicle-photo .car-photos { position: relative; top: 0; bottom: 0; right: 0; left: 0; } .widget-details.sections-premium .widget-content .vehicle-photo .labels-top { position: absolute; top: 0; right: 0; text-align: center; } .widget-details.sections-premium .widget-content .vehicle-photo.hasphotos:not(.sold) { cursor: pointer; } .widget-details.sections-premium .widget-content .vehicle-photo.hasphotos:not(.sold) .enlarge { border-radius: 50%; bottom: 45%; height: 60px; left: 50%; margin-left: -30px; padding: 15px; width: 60px; visibility: hidden; position: absolute; cursor: pointer; background: rgba(26, 26, 26, 0.7); color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details.sections-premium .widget-content .vehicle-photo.hasphotos:not(.sold) .enlarge .icon:before { font-size: 30px !important; } .widget-details.sections-premium .widget-content .vehicle-photo.hasphotos:not(.sold) .enlarge .icon { width: auto; height: auto; line-height: 1; } .widget-details.sections-premium .widget-content .vehicle-photo:hover .enlarge { visibility: visible; } .widget-details.sections-premium .widget-content .vehicle-photo .label-hot, .widget-details.sections-premium .widget-content .vehicle-photo .label-new, .widget-details.sections-premium .widget-content .vehicle-photo .label-sale, .widget-details.sections-premium .widget-content .vehicle-photo .label-used, .widget-details.sections-premium .widget-content .vehicle-photo .label-custom { position: absolute; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: -28.87005769px; top: 110.55129855px; width: 200px; height: 38px; text-align: center; color: #363636; font: 400 20px/38px 'Oxanium', Verdana, Helvetica, Sans-serif; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); text-shadow: notset; box-shadow: notset; z-index: 1; border: none; } .widget-details.sections-premium .widget-content .vehicle-photo .status { padding: 10px 30px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(26, 26, 26, 0.7); text-align: center; position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .widget-details.sections-premium .widget-content .vehicle-photo .status > span > span { font-size: 32px; color: #ffffff; } .widget-details.sections-premium .widget-content .vehicle-photo .status.inventory { display: none; } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .vehicle-photo .status.sold { padding: 10px 15px; left: 0; } .widget-details.sections-premium .widget-content .vehicle-photo .status.sold > span > span { font-size: 13px; } } .widget-details.sections-premium .widget-content .vehicle-photo .status .icon { background-image: none; } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .vehicle-photo .status { align-items: flex-start; top: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .widget-details.sections-premium .widget-content .vehicle-photo .status > span > span { position: relative; top: 30px; font-size: 24px; } } .widget-details.sections-premium .widget-content .vehicle-photo .status-description { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(26, 26, 26, 0.7); text-align: center; position: absolute; width: 100%; border: none; border-bottom: 1px solid #ffffff; font-size: 13px; padding: 10px 10px 10px 50px; color: #ffffff; } .widget-details.sections-premium .widget-content .vehicle-photo .status-description a:hover, .widget-details.sections-premium .widget-content .vehicle-photo .status-description a:focus { color: #1a1a1a; } .widget-details.sections-premium .widget-content .vehicle-photo .status-description:before { color: #00305e; border-color: #00305e; width: 25px; height: 25px; line-height: 25px; font-size: 20px; } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .vehicle-photo .status-description { margin: 0; padding: 10px; position: absolute; left: auto; right: auto; bottom: 0; background: inherit; border: none; color: #f5f5f5; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .widget-details.sections-premium .widget-content .vehicle-photo .status-description a { color: #00305e !important; } .widget-details.sections-premium .widget-content .vehicle-photo .status-description a:hover { color: #1a1a1a !important; } .widget-details.sections-premium .widget-content .vehicle-photo .status-description a:focus { color: #00305e !important; } .widget-details.sections-premium .widget-content .vehicle-photo .status-description a:focus { color: #00305e !important; } .widget-details.sections-premium .widget-content .vehicle-photo .status-description a:visited { color: notset !important; } } .widget-details.sections-premium .widget-content .vehicle-carousel { margin: 15px 0 0; } .widget-details.sections-premium .widget-content .vehicle-carousel .vehicle-carousel-scroller-holder { *zoom: 1; } .widget-details.sections-premium .widget-content .vehicle-carousel .vehicle-carousel-scroller-holder:before, .widget-details.sections-premium .widget-content .vehicle-carousel .vehicle-carousel-scroller-holder:after { content: " "; display: block; clear: both; } .widget-details.sections-premium .widget-content .vehicle-carousel .vehicle-carousel-scroller .lb_cars { display: block; padding-bottom: 75%; height: 0; overflow: hidden; padding-left: 2px; padding-right: 2px; } .widget-details.sections-premium .widget-content .vehicle-carousel .vehicle-carousel-scroller .carousel-col { display: block; float: left; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-2 .carousel-col { width: 50%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-3 .carousel-col { width: 33.33%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-4 .carousel-col { width: 25%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-5 .carousel-col { width: 20%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-6 .carousel-col { width: 16.66%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-7 .carousel-col { width: 14.28%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-8 .carousel-col { width: 12.5%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-9 .carousel-col { width: 11.11%; } .widget-details.sections-premium .widget-content .vehicle-carousel.cols-10 .carousel-col { width: 10%; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel { position: relative; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-scroller-holder { width: 86%; margin: 0 auto; text-align: center; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-scroller-holder .caroufredsel_wrapper { display: inline-block !important; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls { position: absolute; left: 0; right: 0; top: 50%; margin-top: -18px; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next { background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; position: absolute; top: 0; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev:before, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev:before, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next:before { line-height: 34px; font-size: 13px; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev:hover, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next:hover, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev:focus, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next:focus, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev:active, .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev { left: 0; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next { right: 0; margin: 0 0 0 5px; } .widget-details.sections-premium .widget-content .vehicle-carousel.apply-carousel .vehicle-carousel-controls .link-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder { position: absolute; right: 0; top: -70px; border-width: 0; border-style: solid; border-color: #cccccc; padding: 0; margin: 0; text-align: right; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; font-size: 15px; line-height: 1.4; text-shadow: none; border: none; box-shadow: none; margin: 0 5px 0 0; color: 15px; text-align: center; font-weight: 400; text-transform: none; -webkit-border-radius: 30px; -webkit-background-clip: padding-box; -moz-border-radius: 30px; -moz-background-clip: padding; border-radius: 30px; background-clip: padding-box; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button .pict, .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button .button-text { display: inline-block; vertical-align: middle; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button .pict { height: auto; margin: 0 5px 0 0; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button .pict:before { font-weight: 400; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-facebook .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-twitter .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-googleplus .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-whatsapp .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-favourites .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e651"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-pdf .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62b"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-sendmail .pict { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-sendmail .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button.button-contactlink .pict:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63c"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget-content .buttons-holder .bookmark-button .button-text { display: inline-block; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-social, .widget-details.sections-premium .widget-content .buttons-holder .buttons-functional, .widget-details.sections-premium .widget-content .buttons-holder .buttons-contactlink { display: inline-block; vertical-align: middle; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .widget-content .buttons-holder .buttons-functional { display: none; } } .widget-details.sections-premium .widget-content .buttons-holder .buttons-contactlink .bookmark-button { background: #00305e; } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .buttons-holder .buttons-social { border: none; } } .widget-details.sections-premium .widget-content .buttons-holder .buttons-social .pict { margin: 0; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-social .button-text { display: none; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-social .bookmark-button { padding: 5px 10px; background: #ffffff; border: 1px solid #cccccc; color: #363636; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-social .bookmark-button:hover, .widget-details.sections-premium .widget-content .buttons-holder .buttons-social .bookmark-button:focus { color: #00305e; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-social .buttons-title { display: none; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-functional { margin: 0; padding: 0; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-functional a { background: #ffffff; border-width: 1px; border-style: solid; border-color: #cccccc; color: #363636; font-size: 15px; padding: 5px 20px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-functional a:last-child { margin-right: 0; } .widget-details.sections-premium .widget-content .buttons-holder .buttons-functional a:hover, .widget-details.sections-premium .widget-content .buttons-holder .buttons-functional a:focus { color: #00305e; } .widget-details.sections-premium .widget-content .buttons-holder + .tab-info { padding-top: 15px; } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .buttons-holder { position: relative; top: -20px; } } .widget-details.sections-premium .widget-content .content-holder .financing-form-wrapper.financing-0.form-1 .colform-col-left { position: relative; } .widget-details.sections-premium .widget-content .content-holder .financing-form-wrapper.financing-1.form-1 { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; font-size: 0; } .widget-details.sections-premium .widget-content .content-holder .financing-form-wrapper.financing-1.form-1 > * { font-size: 15px; } .widget-details.sections-premium .widget-content .content-holder .financing-form-wrapper.financing-1.form-1 .price-financing-wrapper, .widget-details.sections-premium .widget-content .content-holder .financing-form-wrapper.financing-1.form-1 .eyecatcher-form { display: inline-block; vertical-align: top; width: calc((100% - 30px) / 2); } .widget-details.sections-premium .widget-content .content-holder .financing-form-wrapper.financing-1.form-1 .eyecatcher-form { margin-left: 30px; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) { position: relative; margin: 0 0 11px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) { margin: 15px 0; } } .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price):after { display: none; content: ''; position: absolute; bottom: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 97px 20px; border-color: transparent transparent transparent #00305e; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) .row-current { padding: 10px 10px 10px 15px; margin-left: 0; } @media (max-width: 979px) { .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) .row-current { padding: 10px 10px 0 15px; } } .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) .row-current, .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) .row-current .price-holder { color: #00305e; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) .row-current .desc { display: inline-block; margin-bottom: 1px; font-size: 15px; white-space: nowrap; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) .row-current .desc { display: inline-block; } } @media (max-width: 979px) { .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price:not(.producer-price) .row-current .desc { display: block; } } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax, .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-producer-price { font-size: 18px; margin: 10px 0 0; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax { color: #1a1a1a; margin: 10px 0 0; } @media (max-width: 979px) { .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax { display: block; margin: 0; } } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax .price-holder { margin-left: 0; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax .value:not(.hide-netto) .desc.netto { padding-left: 10px; font-size: 15px; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax .hide-netto { display: block; padding: 0 10px 10px 0; color: #ffffff; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax .hide-netto { padding: 0 0 4px 0; } } @media (max-width: 979px) { .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax .hide-netto { padding: 0 0 4px 0; } } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax .hide-netto .desc { font-size: 15px; white-space: nowrap; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-current-no-tax.vat-reclaimable { right: 0; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-producer-price .price-holder { text-decoration: line-through; margin-left: 0.5em; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .row-buyers-profit .price-holder { font-weight: 500; margin-left: 0.5em; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope > .price ~ :last-child { margin: 0 0 15px; } .widget-details.sections-premium .widget-content .content-holder .prices-envelope .call { display: none; } .widget-details.sections-premium .widget-content .content-holder .symfio-link-compact, .widget-details.sections-premium .widget-content .content-holder .symfio-link-compact-options { width: calc(100% - 45px); min-width: 200px; } .widget-details.sections-premium .widget-content .content-holder .disclaimer-financing { color: #363636; font-size: 10px; margin: 15px 0 0; } @media (min-width: 1200px) { .widget-details.sections-premium .widget-content .content-holder .disclaimer-financing div { position: relative; } .widget-details.sections-premium .widget-content .content-holder .disclaimer-financing div:after { position: absolute; left: 50%; bottom: 0; } .widget-details.sections-premium .widget-content .content-holder .disclaimer-financing div:hover:after, .widget-details.sections-premium .widget-content .content-holder .disclaimer-financing div:focus:after { display: none; } .widget-details.sections-premium .widget-content .content-holder .disclaimer-financing div:hover p, .widget-details.sections-premium .widget-content .content-holder .disclaimer-financing div:focus p { max-height: 500px; } } .widget-details.sections-premium .widget-content .content-holder .eyecatcher-form .widget-content { margin-top: 0; } .widget-details.sections-premium .widget-content .content-holder .colform .colform-section .colform-row:not(.row-checkbox) > * { margin: 0; width: 100% !important; line-height: 2.2em; } .widget-details.sections-premium .widget-content .content-holder .colform .colform-section .colform-row:not(:first-child) { margin: 10px 0 0; } @media (max-width: 767px) { .widget-details.sections-premium .widget-content .content-holder .colform .colform-section .colform-row:not(:first-child) { margin: 0 0 15px; } } .widget-details.sections-premium .call-to-action { background: #f5f5f5; color: #363636; padding: 10px; margin: 20px 0 0; font-size: 0; } @media (min-width: 1200px) { .widget-details.sections-premium .call-to-action { margin: 30px 0 0; } } @media (min-width: 1500px) { .widget-details.sections-premium .call-to-action { margin: 30px 0 0; padding: 21px 15px 22px; } } .widget-details.sections-premium .call-to-action .messages, .widget-details.sections-premium .call-to-action .dealership-contacts { display: inline-block; vertical-align: middle; width: 49%; font-size: 15px; } .widget-details.sections-premium .call-to-action .dealership-contacts { margin-left: 2%; } .widget-details.sections-premium .call-to-action .question { margin: 0; font-size: 18px; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; font-weight: 500; } .widget-details.sections-premium .call-to-action .answer { font-size: 15px; margin: 10px 0 0; } .widget-details.sections-premium .call-to-action .phone, .widget-details.sections-premium .call-to-action .address { display: block; margin: 0; position: relative; padding-left: 35px; } .widget-details.sections-premium .call-to-action .phone:before, .widget-details.sections-premium .call-to-action .address:before { font-size: 24px; vertical-align: middle; float: left; color: #cccccc; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget-details.sections-premium .call-to-action .phone:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e942"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .call-to-action .phone .value { display: block; font-size: 18px; color: #1a1a1a; } .widget-details.sections-premium .call-to-action .phone .value:hover { color: #363636; } .widget-details.sections-premium .call-to-action .phone .value:focus { color: #00305e; } .widget-details.sections-premium .call-to-action .phone .value:focus { color: #00305e; } .widget-details.sections-premium .call-to-action .phone .value:visited { color: notset; } .widget-details.sections-premium .call-to-action .address { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #cccccc; } .widget-details.sections-premium .call-to-action .address:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .call-to-action .address .value { display: block; font-size: 15px; } .widget-details.sections-premium .call-to-action .action-button { font-size: 15px; } .widget-details.sections-premium .section-2 .row-old, .widget-details.sections-premium .section-2 .row-diff { display: inline-block; margin-bottom: 5px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .section-2 .row-old, .widget-details.sections-premium .section-2 .row-diff { text-align: center; } } .widget-details.sections-premium .section-2 .row-old .value, .widget-details.sections-premium .section-2 .row-diff .value { font-size: 24px; } .widget-details.sections-premium .section-2 .row-old .value { text-decoration: line-through; color: #999999; } .widget-details.sections-premium .section-2 .row-diff { margin-left: 10px; } .widget-details.sections-premium .section-2 .row-diff .value { font-weight: 500; } .widget-details.sections-premium .section-2 .prices-envelope { margin: 0; *zoom: 1; } .widget-details.sections-premium .section-2 .prices-envelope:before, .widget-details.sections-premium .section-2 .prices-envelope:after { content: " "; display: block; clear: both; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .section-2 .prices-envelope { display: block; text-align: center; width: calc(100% - 20px); margin-bottom: 40px; } } .widget-details.sections-premium .section-2 .prices-envelope > .price { display: inline-block; } @media (max-width: 1199px) { .widget-details.sections-premium .section-2 .prices-envelope > .price { width: 90%; } } .widget-details.sections-premium .section-2 .prices-envelope .row-current .price-holder { display: block; margin: 0 0 5px; font-size: 50px; font-weight: 500; line-height: 1; color: #1a1a1a; } .widget-details.sections-premium .section-2 .value-null { display: inline-block; background: none; background: #00305e; color: #ffffff !important; font-size: 53px; font-weight: 500; text-transform: uppercase; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; height: 97px; display: flex; justify-content: center; align-items: center; padding: 0 10px; } .widget-details.sections-premium .section-2 .call:before { font-size: 40px; position: relative; top: -5px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .section-2 .financing-summary { text-align: left; } } .widget-details.sections-premium .section-2 .financing-summary .form-title { font-size: 18px; padding: 5px 0; font-weight: 500; color: #1a1a1a; margin: 35px 0 5px; } .widget-details.sections-premium .section-2 .financing-summary .fin-field { display: inline-block; *zoom: 1; display: block; padding: 1px 0; line-height: 1.6; } .widget-details.sections-premium .section-2 .financing-summary .fin-field:before, .widget-details.sections-premium .section-2 .financing-summary .fin-field:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-details.sections-premium .section-2 .financing-summary .fin-field:last-child { border: none; padding-bottom: 0; } .widget-details.sections-premium .section-2 .financing-summary .fin-value { float: right; font-weight: 500; } .widget-details.sections-premium .section-2 .financing-summary .fin-value .sublabel { padding-right: 4px; } .widget-details.sections-premium .section-2 .financing-summary .fin-label { display: block; padding: 0; float: left; color: #363636; } .widget-details.sections-premium .section-2 .financing-summary .monthlyRate .fin-value { font-size: 24px !important; color: #00305e; line-height: 1; } .widget-details.sections-premium .section-2 .financing-summary .effInterestRate .fin-value { display: block; width: auto; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .section-2 { display: inline-block; *zoom: 1; display: block; width: 100%; } .widget-details.sections-premium .section-2:before, .widget-details.sections-premium .section-2:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } } @media (max-width: 767px) { .widget-details.sections-premium { margin-top: 0; } .widget-details.sections-premium .buttons-holder { position: relative; text-align: left; top: 0; } .widget-details.sections-premium .buttons-holder > [class*="buttons-"] { padding-bottom: 10px; } .widget-details.sections-premium .buttons-holder .buttons-social { margin-right: 0; padding-right: 2px; } .widget-details.sections-premium .buttons-holder .bookmark-button .pict { margin-right: 0; } .widget-details.sections-premium .buttons-holder .bookmark-button .button-text { display: none; } .widget-details.sections-premium .financing-form-wrapper { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget-details.sections-premium .financing-form-wrapper.financing-1.form-1 .price-financing-wrapper, .widget-details.sections-premium .financing-form-wrapper.financing-1.form-1 .eyecatcher-form { width: 100%; margin-left: 0; box-sizing: border-box; } .widget-details.sections-premium .financing-form-wrapper.financing-1.form-1 .eyecatcher-form { margin-top: 15px; } .widget-details.sections-premium .block-bar .side-left { width: 42%; } .widget-details.sections-premium .block-bar .side-center { width: 58%; } .widget-details.sections-premium .block-bar .side-center .fin-field { display: none; } .widget-details.sections-premium .block-bar .side-right { display: none; } .widget-details.sections-premium .block-bar .bar-menu li > a { font-size: 0; } .widget-details.sections-premium .block-bar .bar-menu li > a:before { display: inline-block !important; margin: 0 5px; font-size: 15px; } .widget-details.sections-premium .block-bar .bar-menu li.photos a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e645"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .block-bar .bar-menu li.video a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea9d"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .block-bar .bar-menu li.send-request a:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .section-photospecs { padding-bottom: 0; } .widget-details.sections-premium .section-photospecs .call-to-action { position: relative !important; } .widget-details.sections-premium .section-photospecs .call-to-action .messages, .widget-details.sections-premium .section-photospecs .call-to-action .dealership-contacts { width: 100%; margin: 0; } .widget-details.sections-premium .section-photospecs .call-to-action .dealership-contacts { margin-top: 10px; } } @media (max-width: 767px) and (max-width: 767px) { .widget-details.sections-premium .block-bar .bar-menu li > a:before { font-size: 18px; } } .widget-details.sections-premium .carseals { margin-top: 10px; } .widget-details.sections-premium .carseals:empty { display: none; } .widget-details.sections-premium .carseals img { height: 25px; max-height: 25px; } .widget-details.sections-premium .section-contactinfo { margin: 45px 0 50px; } .widget-details.sections-premium .section-contactinfo .contactinfo-inner { font-size: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; background: #f5f5f5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; } @media (max-width: 979px) { .widget-details.sections-premium .section-contactinfo .contactinfo-inner { flex-direction: column; } } .widget-details.sections-premium .section-contactinfo .contactinfo-inner > * { display: inline-block; vertical-align: top; font-size: 15px; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .section-contactinfo .contactinfo-inner > * { font-size: 13px; } } @media (max-width: 979px) { .widget-details.sections-premium .section-contactinfo .contactinfo-inner > * { width: 100%; } } .widget-details.sections-premium .section-contactinfo .contactinfo-inner .seller-wrapper { padding: 0 20px 0 0; } .widget-details.sections-premium .section-contactinfo .contactinfo-inner .location-wrapper { padding: 20px; position: relative; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .section-contactinfo .contactinfo-inner .location-wrapper { padding: 10px; } } .widget-details.sections-premium .section-contactinfo .contactinfo-inner .location-wrapper:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #f5f5f5 transparent transparent; position: absolute; right: 100%; top: 50%; z-index: 99; margin: -10px -1px 0 0; } @media (max-width: 767px) { .widget-details.sections-premium .section-contactinfo .contactinfo-inner .location-wrapper:before { display: none; } } .widget-details.sections-premium .section-contactinfo.sellers-0 .seller-wrapper { display: none; } .cms-edit-mode .widget-details.sections-premium .section-contactinfo.sellers-0 .seller-wrapper { display: inline-block; } .widget-details.sections-premium .section-contactinfo.sellers-0 .map-wrapper { width: 75%; } .widget-details.sections-premium .section-contactinfo.sellers-0 .location-wrapper { width: 25%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .section-contactinfo.sellers-0 .map-wrapper { width: 65%; } .widget-details.sections-premium .section-contactinfo.sellers-0 .location-wrapper { width: 35%; } } .widget-details.sections-premium .section-contactinfo + .symfio-link-eyecatcher { margin: 0 0 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; } @media (max-width: 767px) { .widget-details.sections-premium .section-contactinfo .contactinfo-inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget-details.sections-premium .section-contactinfo .contactinfo-inner .seller-wrapper, .widget-details.sections-premium .section-contactinfo .contactinfo-inner .map-wrapper, .widget-details.sections-premium .section-contactinfo .contactinfo-inner .location-wrapper { width: 100%; padding: 0; } .widget-details.sections-premium .section-contactinfo .contactinfo-inner .location-wrapper { padding-bottom: 10px; } .widget-details.sections-premium .section-contactinfo .contactinfo-inner .location-wrapper .row-siteinfo:not(.type-photo) { padding-left: 10px; padding-right: 10px; } } .widget-details.sections-premium .widget.widget-userlist.userlist-default .widget-header { display: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .widget-content { margin: 20px 0 0; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .responsible-block { border: none; margin: 0 0 0 10px; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .responsible-holder { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person { margin: 0; padding: 0; width: 100%; background: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person:before { display: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .photo-cont, .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info { display: block; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .photo { width: 45%; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person:first-child { border: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info { text-align: center; margin: 0; width: auto; padding: 0; margin-left: 0; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info a { color: #00305e; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info a:hover { color: #1a1a1a; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info a:focus { color: #00305e; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info a:focus { color: #00305e; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info a:visited { color: notset; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info .name { margin: 10px 0; font-size: 24px; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info > :before { color: #999999; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info .contact-label { width: auto; padding-right: 5px; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info .contact-label .text, .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .info .contact-label .delimiter { display: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .instruction-wrapper { left: 65px; right: auto; bottom: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .instruction-wrapper { right: 0; left: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction { width: auto; height: auto; background-position: 0 0; display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction [class^="\icons-tv-"] { display: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:focus { outline: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover, .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.on { outline: none; cursor: pointer; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.off, .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction [class^="\icons-tv-"] { display: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:focus { outline: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover, .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.on { outline: none; cursor: pointer; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.off, .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .scancode-instruction.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-details.sections-premium .widget.widget-userlist.userlist-default .person .person-data { padding-bottom: 45px; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls { top: 40px; bottom: auto; -webkit-transform: translateY(135%); -moz-transform: translateY(135%); -o-transform: translateY(135%); -ms-transform: translateY(135%); transform: translateY(135%); right: 30px; left: 30px; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls a { margin: 0; font-size: 25px; color: #999999; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls a:hover { color: #00305e; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls a:focus { color: #00305e; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls a:focus { color: #00305e; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls a:visited { color: notset; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls .user-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls .user-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel.col1 .person:nth-child(1) ~ .person, .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel.col2 .person:nth-child(2) ~ .person, .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel.col3 .person:nth-child(3) ~ .person, .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel.col4 .person:nth-child(4) ~ .person, .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel.col5 .person:nth-child(5) ~ .person, .widget-details.sections-premium .widget.widget-userlist.userlist-default.userlist-carousel.col6 .person:nth-child(6) ~ .person { border-top: none; } @media (max-width: 767px) { .widget-details.sections-premium .widget.widget-userlist.userlist-default .responsible-block { margin: 0 0 10px; } } .widget-details.sections-premium .widget-maps [id*="map_canvas_"] { height: 100% !important; } .widget-details.sections-premium .map-wrapper .infoBox { display: none; } .widget-details.sections-premium .map-wrapper, .widget-details.sections-premium .map-wrapper .cms-block, .widget-details.sections-premium .map-wrapper .widget-maps:not([style*="display: none;"]) { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: -ms-flex !important; display: flex !important; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .map-wrapper, .widget-details.sections-premium .map-wrapper .cms-block, .widget-details.sections-premium .map-wrapper .widget-maps:not([style*="display: none;"]) { min-height: 380px !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-details.sections-premium .map-wrapper [id^="map_canvas"] { min-height: 380px !important; } } .widget-details.sections-premium .section-requestform .widget-forms { padding: 15px; } .widget-details.sections-premium .section-requestform .widget-forms .widget-header { padding: 0 0 15px; } .widget-details.sections-premium .section-requestform .widget-forms input[type="text"], .widget-details.sections-premium .section-requestform .widget-forms input[type="email"], .widget-details.sections-premium .section-requestform .widget-forms input[type="phone"], .widget-details.sections-premium .section-requestform .widget-forms input[type="tel"], .widget-details.sections-premium .section-requestform .widget-forms input[type="number"], .widget-details.sections-premium .section-requestform .widget-forms input[type="password"], .widget-details.sections-premium .section-requestform .widget-forms textarea, .widget-details.sections-premium .section-requestform .widget-forms select { border: 1px solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .widget-details.sections-premium .section-requestform .widget-forms .colform-tabs-middle + div { font-size: 13px; padding: 15px 0; } @media (min-width: 768px) { .widget-details.sections-premium .section-requestform .widget-forms { padding: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .widget-details.sections-premium .section-requestform .widget-forms .submit { margin: 0 0 15px; padding: 7px 60px 5px; font-size: 18px; } } .widget-details.sections-premium .financing-calculator-wrapper { margin: 30px 0 0; } .widget-details.sections-premium .section-otherspecs { margin: 20px 0 10px; } .widget-details.sections-premium .section-promo .promo-text { overflow: hidden; max-height: 200px; position: relative; margin: 20px 0; box-sizing: border-box; transition: all 1s ease; } .widget-details.sections-premium .section-promo .promo-text:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e611"; font-style: normal; font-size: notset; margin: notset; } .widget-details.sections-premium .section-promo .promo-text:hover { max-height: 2500px; } .widget-details.sections-premium .section-promo .promo-text:hover:before, .widget-details.sections-premium .section-promo .promo-text:hover:after { opacity: 0; transition: all 1s ease; } .widget-details.sections-premium .section-promo .promo-text:before { top: 0; left: 0; content: ''; width: 100%; height: 100%; min-height: 200px; position: absolute; transition: all 1s ease; background: linear-gradient(0deg, #ffffff, transparent, transparent); } .widget-details.sections-premium .section-promo .promo-text:after { top: 0; left: 50%; display: flex; height: 100%; min-height: 200px; font-weight: 600; position: absolute; align-items: flex-end; transition: all 1s ease; transform: translateX(-50%); } .widget-details.sections-premium .emissions-options { display: inline-block; *zoom: 1; } .widget-details.sections-premium .emissions-options:before, .widget-details.sections-premium .emissions-options:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-details.sections-premium .emissions-options > * { float: left; } .widget-details.sections-premium .emissions-options .section-emissions { width: 48.33%; border: 1px solid #f5f5f5; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .emissions-options .section-emissions { width: 100%; margin: 10px 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .emissions-options .section-emissions .details-information { border: none; padding: 0; } } .widget-details.sections-premium .emissions-options .section-emissions .details-information .details-row { background: none !important; border: none !important; } .widget-details.sections-premium .emissions-options .section-emissions .details-information .desc { font-size: 10px; color: #363636; } .widget-details.sections-premium .emissions-options .section-emissions .details-information .desc a { text-decoration: underline; text-underline-offset: 2px; } .widget-details.sections-premium .emissions-options .section-emissions .details-information .details-content { margin: 0; } .widget-details.sections-premium .emissions-options .section-emissions .details-information .info-cell:first-child { padding-left: 0; } .widget-details.sections-premium .emissions-options .section-emissions .details-information .info-cell:last-child { padding-right: 0; } .widget-details.sections-premium .emissions-options .section-emissions .maindata, .widget-details.sections-premium .emissions-options .section-emissions .sticker { font-size: 15px; display: inline-block; vertical-align: top; } .widget-details.sections-premium .emissions-options .section-emissions .maindata { width: 74%; } .widget-details.sections-premium .emissions-options .section-emissions .maindata:only-child { width: 100%; } .widget-details.sections-premium .emissions-options .section-emissions .maindata .details-header { margin: 0 0 10px; } .widget-details.sections-premium .emissions-options .section-emissions .maindata .info-table { min-width: 200px; } .widget-details.sections-premium .emissions-options .section-emissions .sticker { width: 23%; margin-right: 2%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .emissions-options .section-emissions .maindata, .widget-details.sections-premium .emissions-options .section-emissions .sticker { display: block; margin-left: 0; width: 100%; } .widget-details.sections-premium .emissions-options .section-emissions .maindata { padding: 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 767px) { .widget-details.sections-premium .emissions-options .section-emissions .maindata, .widget-details.sections-premium .emissions-options .section-emissions .sticker { display: block; margin-left: 0; width: 100%; } .widget-details.sections-premium .emissions-options .section-emissions .maindata { padding: 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .widget-details.sections-premium .emissions-options .section-emissions figure { display: block; margin: 0; } .widget-details.sections-premium .emissions-options .section-emissions figcaption { margin-bottom: 10px; font-size: 10px; } .widget-details.sections-premium .emissions-options .section-emissions img { height: 110px; } .widget-details.sections-premium .emissions-options .section-emissions .info-table { display: inline-block; *zoom: 1; } .widget-details.sections-premium .emissions-options .section-emissions .info-table:before, .widget-details.sections-premium .emissions-options .section-emissions .info-table:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-details.sections-premium .emissions-options .section-options { width: 51.66%; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget-details.sections-premium .emissions-options .section-options { width: 100%; padding-right: 0; } } .widget-details.sections-premium .emissions-options .section-options .details-header { margin-top: 10px; } .widget-details.sections-premium .emissions-options .section-options .info-cell { padding: 5px 0; } .widget-details.sections-premium .emissions-options > [class*="section-"]:only-child { width: 100%; padding: 0; } .widget-details.sections-premium .emissions-options.has-wltp { display: grid; grid-template-columns: repeat(12, 1fr); } .widget-details.sections-premium .emissions-options.has-wltp .section-options { order: 10; width: 100%; margin-right: 0; grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 4; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost { order: 30; width: 100%; grid-column-end: 13; grid-column-start: 8; grid-row-start: 2; grid-row-end: 3; margin-top: 30px; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost .maindata { width: 100%; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost .sticker, .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost .sticker figure { width: 100%; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost .sticker figure { display: flex; text-align: left; flex-direction: row-reverse; justify-content: flex-start; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost .sticker figure .emission-sticker-image { width: 35%; height: auto; margin: 15px 0; text-align: left; padding-right: 10px; } .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row:nth-child(even), .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row:nth-child(even), .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row:nth-child(even), .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row:nth-child(even) { background: #f5f5f5 !important; } .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row:nth-child(even) .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row:nth-child(even) .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row:nth-child(even) .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row:nth-child(even) .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row:nth-child(even) > .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row:nth-child(even) > .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row:nth-child(even) > .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row:nth-child(even) > .info-cell { border-width: 0; word-break: break-word; } .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row > .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row > .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row > .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row > .emission-cell, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row > .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row > .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row > .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row > .info-cell { border-style: solid; box-sizing: border-box; border-color: #f5f5f5; padding: 5px 10px; border-width: 1px 1px 1px 1px; } .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row > .emission-cell:not(:first-child), .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row > .emission-cell:not(:first-child), .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row > .emission-cell:not(:first-child), .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row > .emission-cell:not(:first-child), .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row > .info-cell:not(:first-child), .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row > .info-cell:not(:first-child), .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row > .info-cell:not(:first-child), .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row > .info-cell:not(:first-child) { border-style: solid; border-color: #f5f5f5; border-width: 1px 1px 1px 0; } .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row .info-cell, .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row .info-cell { width: 50%; } .widget-details.sections-premium .emissions-options.has-wltp .emission-table .emission-row .info-cell.param-value, .widget-details.sections-premium .emissions-options.has-wltp .info-table .emission-row .info-cell.param-value, .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row .info-cell.param-value, .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row .info-cell.param-value { margin-left: 0; } .widget-details.sections-premium .emissions-options.has-wltp .emission-table .details-row, .widget-details.sections-premium .emissions-options.has-wltp .info-table .details-row { display: flex !important; align-items: stretch; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-nedc { width: 100%; grid-column-start: 8; grid-column-end: 13; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-nedc .desc { color: #363636; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp { order: 20; width: 100%; grid-row-start: 1; grid-row-end: 2; grid-column-start: 8; grid-column-end: 13; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp .emission-table thead .emission-row .emission-cell { border-style: solid; padding: 5px; box-sizing: border-box; background: #f5f5f5; border-color: #f5f5f5; border-width: 1px 1px 1px 1px; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp .emission-table thead .emission-row .emission-cell:not(:first-child) { border-left-color: #ffffff; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp .carbon-class-sticker { text-align: left; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp .carbon-class-sticker .carbon-class-image { width: 35%; height: auto; margin: 15px 0 15px 5px; text-align: left; } @media (max-width: 979px) { .widget-details.sections-premium .emissions-options.has-wltp .section-options { grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-nedc, .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost, .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp { grid-column-start: 1; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-cost { grid-row-start: 3; grid-row-end: 4; } .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp { grid-row-start: 2; grid-row-end: 3; } } @media (max-width: 767px) { .widget-details.sections-premium .emissions-options.has-wltp .emissions-wltp .emission-table thead .emission-row .emission-cell { word-break: break-all; font-size: 12px; } } @media (max-width: 767px) { .widget-details.sections-premium .emissions-options { display: block; } .widget-details.sections-premium .emissions-options .section-emissions, .widget-details.sections-premium .emissions-options .section-options { width: 100%; padding: 5px 0; } .widget-details.sections-premium .emissions-options .section-emissions { padding: 5px 10px; } .widget-details.sections-premium .emissions-options .section-emissions .info-table { display: block; } .widget-details.sections-premium .emissions-options .section-emissions .details-information { padding: 0; border: none; } } .widget-details.sections-premium .location-wrapper .widget.widget-siteinfo.siteinfo-default { margin-top: 0; } .widget-details.sections-premium .contact-master { background: none; border: none; padding: 0; } .widget-details.sections-premium .section-related .title { margin: 40px 0 20px; font-weight: 400; font-size: 32px; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; } .widget-details.sections-premium .section-related .widget-content { margin: 0; padding: 0; display: inline-block; *zoom: 1; display: block; } .widget-details.sections-premium .section-related .widget-content:before, .widget-details.sections-premium .section-related .widget-content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget-details.sections-premium .section-related .lastadded-item-holder { width: calc((100% - 10px*4)/2); } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-details.sections-premium .section-related .lastadded-item-holder { width: calc(100% - 20px); } } .widget-details.sections-premium .section-related .lastadded-item-holder .status { padding-top: 0; padding-bottom: 0; } .widget-details.sections-premium .section-related .lastadded-item-holder .status { right: auto; } .widget-details.sections-premium .section-related .carousel-wrapper { position: relative; } a[href="#tab-photos"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e645"; font-style: normal; font-size: notset; margin: 0 5px 0 0; } a[href="#tab-video"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62d"; font-style: normal; font-size: notset; margin: 0 5px 0 0; } a[href="#tab-map"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: notset; margin: 0 5px 0 0; } a[href="#tab-sellers"]:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e657"; font-style: normal; font-size: notset; margin: 0 5px 0 0; } body label { line-height: 40px; } .subscribe .control-group { display: inline-block; width: 32.5%; margin-left: 1.7%; font-size: 15px; vertical-align: top; } .subscribe .control-group:first-child { margin-left: 0; } .subscribe .control-group.submit-group { width: 24.3%; } .subscribe .control-group.submit-group a.submit { display: block; } .subscribe .control-group.agree { margin-left: 0; width: 100%; font-size: 13px; } .subscribe .widget-content { padding: 0; margin-top: 0; font-size: 1px; } .subscribe .widget-content p { font-size: 13px; } .subscribe .widget-content p:last-child { margin-bottom: 0; } .subscribe .widget-content label { margin-top: 10px; display: block; min-height: 18px; line-height: 1.9; } .subscribe .widget-content label.label-agree { line-height: 1.4; } .subscribe input[type="text"], .subscribe input[type="email"] { width: 100%; } .subscribe .control-group:first-child label { margin-top: 0; } .subscribe .button { margin: 0; } .subscribe .info-wrapper { margin-top: 15px; } .subscribe.subscribe-on-inventory { width: 100%; text-align: left; background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; } .subscribe.subscribe-on-inventory .control-group { width: 39.5%; margin-left: 1.7%; } .subscribe.subscribe-on-inventory .control-group:first-child { margin-left: 0; } .subscribe.subscribe-on-inventory .control-group.submit-group { width: 17.3%; } .subscribe.subscribe-on-inventory .widget-header { display: block; margin: 0 15px; border-bottom: 1px solid #f5f5f5; } .form-login { background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; margin: 6px 0 0 !important; } .form-login .widget-header { padding: 15px !important; border-bottom: 1px solid #ffffff; } .form-login .widget-content { padding: 15px 15px 25px; } .form-login .form-row + .form-row { margin-top: 15px; } .form-login .form-row label { display: block; } .form-login .form-row input { width: 100%; } .form-login .submit-holder { position: relative; } .form-login .submit-holder:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; } /* Inline form */ .form-inline { width: 100%; *zoom: 1; } .form-inline:before, .form-inline:after { display: table; content: ""; line-height: 0; } .form-inline:after { clear: both; } .form-inline .widget-content { padding: 15px 0 0; } .form-inline .form-holder .side-desc { float: left; width: 65.95744681%; *width: 65.90425532%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .form-inline .form-holder .side-desc:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .form-inline .form-holder .no-side-desc { float: left; width: 100%; *width: 99.94680851%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .form-inline .form-holder .no-side-desc:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .form-inline .form-aside { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .form-inline .form-aside:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .inline-form-description .widget-content { font-size: 11px; padding: 18px; } .inline-form-description .widget-content > :first-child { margin-top: 0; } .inline-form-description .widget-content * { line-height: 1.4 !important; } .inline-form-description .widget-content ol, .inline-form-description .widget-content ul { margin-left: 18px; } .inline-form-description .widget-content li { margin: 8px 0; } .i-want { padding: 10px 57px; line-height: 35px !important; margin-top: 10px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; } .i-want > div.widget-content { padding: 0; } .i-want.step2 { padding: 10px; margin-top: 0px; line-height: 15px !important; } .i-want.step2 + .i-want { margin-top: 15px; } .i-want.step2 .subscribe { padding-left: 10px; } .i-want.step2 .title { font-size: 32px; font-weight: normal; padding-bottom: 15px; padding-top: 5px; margin-bottom: 15px; border-bottom: 1px solid #cccccc; line-height: normal; color: #00305e; } .i-want.step2 .title .header-label { text-transform: uppercase; } .i-want.step2 .title .checkmark { position: relative; margin-top: 1px; } .i-want.step2 .title .email { position: relative; margin: 2px 5px 0 0; } .i-want.step2 .vehicle-img { border: 1px solid #ccc; padding: 3px; overflow: hidden; } .i-want.step2 .vehicle-img a { display: block; overflow: hidden; } .i-want.step2 .submit-contact { margin-top: 0; } .i-want.step2 .submit-status > div > p { margin-bottom: 0; line-height: 19px; } .i-want.step2.subscribe p { margin: 0; display: inline-block; vertical-align: baseline; } .i-want.step2.subscribe #submit-contact { margin: 0 0 0 15px; padding: 5px 19px; vertical-align: baseline; } .i-want input { padding: 5px 10px; margin: 0 5px 1px; } .i-want input[type="checkbox"], .i-want input[type="radio"] { padding: 0; margin: 0; } .i-want textarea { padding: 5px 10px; } .i-want input[type="text"].text-like { border: 0; background: 0; box-shadow: none !important; color: #999999; font-size: 12.6px; font-style: italic; display: inline; width: auto; padding: 6px 2px 4px; } .i-want input[id*="_contactPhone1"] { width: 40px !important; } .i-want input[id*="_contactPhone2"] { width: 30px !important; } .i-want input[id*="_contactPhone3"] { width: 50px !important; } .i-want [id$="_vehicleEngine"] { width: 170px !important; } .i-want .location-info { display: none; } .i-want h2 { font-size: 24px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #ffffff; margin-bottom: 8px; } .i-want h2.show-responsibles { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; margin-bottom: 0; } .i-want .contact-dealer { border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; padding-bottom: 15px; } .i-want .contact-dealer #trade_in_form_contactPhone1 { width: 48px; } .i-want .contact-dealer #trade_in_form_contactPhone2 { width: 43px; } .i-want .contact-dealer #trade_in_form_contactPhone3 { width: 56px; } .i-want .contact-dealer [id^="offer-desired-price"] { width: 90px; } .i-want .contact-dealer #mileage-max { width: 100px; } .i-want #testdrive-date { width: 105px; } .i-want #testdrive-time { width: 80px; } .i-want .select-form { line-height: 25px; } .i-want .select-form [class^="input-for-"] { line-height: 35px; } .i-want .select-form input[type="checkbox"] { display: none; } .i-want .select-form .nohide { display: inline !important; margin-left: 0; } .i-want .select-form label a, .i-want .select-form label b { text-decoration: none; cursor: pointer; color: #00305e; font-weight: 700; } .i-want .select-form .select2-container:first-child { margin-top: 1px; } .i-want .select-form .semantic-row { width: 100%; *zoom: 1; } .i-want .select-form .semantic-row:before, .i-want .select-form .semantic-row:after { display: table; content: ""; line-height: 0; } .i-want .select-form .semantic-row:after { clear: both; } .i-want .select-form .semantic-row .span-cell { float: left; width: 40.42553191%; *width: 40.37234043%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .i-want .select-form .semantic-row .span-cell:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .i-want .select-form .semantic-row .span-cell input, .i-want .select-form .semantic-row .span-cell .select2-container { margin-left: 0; width: 100% !important; } .i-want [class^="input-for"] { border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 10px; margin-top: 5px; position: relative; } .i-want [class^="input-for"] .sub-title { background: none repeat scroll 0 0 #FFFFFF; border-width: 0 1px 1px; border-style: solid; border-color: #DADADA; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; color: #333; font-size: 11px; line-height: 12px; padding: 4px 7px; position: absolute; right: 0; top: 0; } .i-want #submit-contact + span { margin-left: 20px; position: relative; top: 6px; } .i-want .select2-container { vertical-align: middle; margin: 0 5px 0; } .form-block .i-want { margin-top: 0; } .form-block .ui-widget-content .form-aside { color: #f5f5f5; } .form-block .ui-widget-content .form-aside ul, .form-block .ui-widget-content .form-aside ol { margin: 1em 0 1em 2.5em; padding: 0; } .form-block .ui-widget-content .form-aside li { margin: 0.3em 0; } .form-block .ui-widget-content .form-bottom { color: #999999; margin-left: 0; } .form-block .ui-widget-content .form-bottom > :last-child { margin-bottom: 0; } .form-block .ui-widget-content .notification { line-height: 1.9; color: #999999; } .form-block .ui-widget-content .buttons { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(204, 204, 204, 0.3); } .form-block .ui-widget-content .buttons .button { background: #363636; width: 24px; height: 34px; z-index: 10; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 13px; width: auto; padding: 0 5px; margin: 0 5px; font-size: 15px; } .form-block .ui-widget-content .buttons .button:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .form-block .ui-widget-content .buttons .button:before { line-height: auto; font-size: 13px; } .form-block .ui-widget-content .buttons .button:hover, .form-block .ui-widget-content .buttons .button:focus, .form-block .ui-widget-content .buttons .button:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .tab-form .colform-columns { width: 100%; *zoom: 1; } .tab-form .colform-columns:before, .tab-form .colform-columns:after { display: table; content: ""; line-height: 0; } .tab-form .colform-columns:after { clear: both; } .tab-form .colform-col-left, .tab-form .colform-col-right { float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .tab-form .colform-col-left:first-child, .tab-form .colform-col-right:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .tab-form .colform-row.row-checkbox.label-right label { padding-left: 5px; } .tab-form .colform-row.row-checkbox.label-left label { padding-right: 5px; } .contact-us-simple-two-columns .colform-col-left .colform-row:first-child label, .contact-us-simple-two-columns .colform-col-right .colform-row:first-child label { margin-top: 0; } .contact-simple .control-group.type-checkbox { *zoom: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .contact-simple .control-group.type-checkbox:before, .contact-simple .control-group.type-checkbox:after { content: " "; display: block; clear: both; } .contact-simple .control-group.type-checkbox .input-label { font-size: 13px; width: calc(100% - 24px); } .contact-simple .control-group.type-checkbox .input-text { width: 24px; height: 24px; } .contact-simple .control-group { display: inline-block; *zoom: 1; display: block; } .contact-simple .control-group:before, .contact-simple .control-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } body .modal .contact-simple .button { margin-top: 15px; } .contact-simple .type-hidden { display: none; } .ui-widget-content .select2-container, .widget-content .select2-container { padding: 0px; border: none; } .ui-widget-content .select2-container.select2-dropdown-open .select2-choice, .widget-content .select2-container.select2-dropdown-open .select2-choice { background: #363636; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ui-widget-content .select2-container.select2-dropdown-open .select2-choice span:last-child, .widget-content .select2-container.select2-dropdown-open .select2-choice span:last-child { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .ui-widget-content .select2-container.select2-dropdown-open.select2-drop-above .select2-choice, .widget-content .select2-container.select2-dropdown-open.select2-drop-above .select2-choice, .ui-widget-content .select2-container.select2-dropdown-open.select2-drop-above .select2-choices, .widget-content .select2-container.select2-dropdown-open.select2-drop-above .select2-choices { border: none; position: relative; top: 1px; } .ui-widget-content .select2-container .select2-choice, .widget-content .select2-container .select2-choice { border: 1px solid #cccccc; text-decoration: none; background: #ffffff; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; line-height: 40px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .ui-widget-content .select2-container .select2-choice span, .widget-content .select2-container .select2-choice span { color: #1a1a1a; text-shadow: none; } .ui-widget-content .select2-container .select2-choice span:last-child, .widget-content .select2-container .select2-choice span:last-child { background: #ffffff; height: 100%; width: 32px; margin: 0; border: 0; text-align: center; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .ui-widget-content .select2-container .select2-choice span:last-child b, .widget-content .select2-container .select2-choice span:last-child b { font-size: 9px; color: #1a1a1a; display: inline-block; background: none !important; } .ui-widget-content .select2-container .select2-choice span:last-child b:before, .widget-content .select2-container .select2-choice span:last-child b:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-widget-content .select2-container .select2-choice span:last-child b:before, .widget-content .select2-container .select2-choice span:last-child b:before { content: "\e75c"; } .ui-widget-content .select2-container .select2-choice .select2-search-choice-close, .widget-content .select2-container .select2-choice .select2-search-choice-close { margin: 0 10px 0 0; top: 14px; } .ui-widget-content .select2-container .select2-choice.select2-default > .select2-chosen, .widget-content .select2-container .select2-choice.select2-default > .select2-chosen { color: #363636; } .ui-widget-content .select2-container.select2-container-active .select2-choice, .widget-content .select2-container.select2-container-active .select2-choice { background: #ffffff; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .ui-widget-content .select2-container.select2-container-active.select2-dropdown-open .select2-choice, .widget-content .select2-container.select2-container-active.select2-dropdown-open .select2-choice { border: 1px solid #cccccc; border-bottom: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .ui-widget-content .select2-container.select2-container-active.select2-dropdown-open.select2-drop-above .select2-choice, .widget-content .select2-container.select2-container-active.select2-dropdown-open.select2-drop-above .select2-choice { border: 1px solid #cccccc; border-top: none; } .ui-widget-content .select2-container.select2-container-active.select2-drop-above, .widget-content .select2-container.select2-container-active.select2-drop-above { padding-top: 0; } .ui-widget-content .select2-container.select2-container-active.select2-drop-above .select2-choice, .widget-content .select2-container.select2-container-active.select2-drop-above .select2-choice { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-right: 0px; padding-bottom: 0px; padding-top: 0px; border-bottom: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .ui-widget-content .select2-container.select2-container-active.select2-drop-above .select2-choice div, .widget-content .select2-container.select2-container-active.select2-drop-above .select2-choice div { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } body .select2-drop { padding-left: 3px; padding-top: 5px; background: #ffffff; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } body .select2-drop.select2-drop-active { border: 1px solid #cccccc; border-top: none; } body .select2-drop.select2-drop-above { padding-top: 0px; padding-bottom: 3px; margin-left: 0px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #cccccc; border-bottom: none; margin-bottom: -1px; } body .select2-drop.select2-drop-above .select2-results { margin-bottom: 0; box-shadow: none; padding-top: 2px; } body .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #cccccc; } body .select2-drop .select2-results { color: #1a1a1a; } body .select2-drop .select2-results .select2-result { font-size: 1em; margin-right: 4px; color: #1a1a1a; } body .select2-drop .select2-results .select2-highlighted { background: #363636; color: #ffffff; } body .select2-drop .select2-results .select2-no-results { background: none; font-size: 0.85em; } body .select2-drop .select2-search { padding-left: 0; } body .select2-drop .select2-search .select2-input { background: #ffffff; border: 1px solid #cccccc; color: #1a1a1a; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body .select2-drop .select2-search .select2-input:focus { background: #ffffff; border: 1px solid #cccccc; color: #1a1a1a; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ui-widget-content .select2-container:first-child { margin-top: 10px; } body .select2-container { margin-bottom: 10px; } .select2-container:last-child { margin-bottom: 0; } .nh .buttons { margin-top: 15px; text-align: center; } .nh .buttons a { background: #363636; width: 24px; height: 34px; z-index: 10; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 13px; width: auto; padding: 0 5px; } .nh .buttons a:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nh .buttons a:before { line-height: auto; font-size: 13px; } .nh .buttons a:hover, .nh .buttons a:focus, .nh .buttons a:active { background: #808080; color: #ffffff; border: 1px solid #808080; } label.required:after { content: " *"; color: #FF0000; } .required:after { color: #ffffff; } .table { display: table; } .t-row { display: table-row; } .t-cell { display: table-cell; } .row-email { background: none; } .lt-ie9 .subscribe .control-group input, .ie9 .subscribe .control-group input { line-height: 30px; } .widget.widget-forms.target-request { padding: 15px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #1a1a1a; width: 45%; margin: 0 auto 30px; } .widget.widget-forms.target-request .widget-header { padding-bottom: 0; } .widget.widget-forms.target-request .widget-content { font-size: 0; padding: 0; } .widget.widget-forms.target-request .control-group { font-size: 15px; margin-top: 10px; } .widget.widget-forms.target-request .control-group.type-input { display: inline-block; vertical-align: middle; width: 48.75%; } .widget.widget-forms.target-request .control-group.type-input:first-child { margin-right: 2.5%; } .widget.widget-forms.target-request .type-textarea textarea { width: 100%; } .widget.widget-forms.target-request .type-checkbox .label-agree > span { padding-left: 10px; } .widget.widget-forms.target-request .submit { margin-top: 0; } .widget.widget-forms.target-request .control-group.type-checkbox label { line-height: 1.4; } @media (max-width: 767px) { .widget.widget-forms.target-request { width: 100%; box-sizing: border-box; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-forms.target-request .control-group.type-input { width: 100% !important; margin-right: 0 !important; } } .form-description .widget-header:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63b"; font-style: normal; font-size: 32px; margin: 0 10px 0 0; } .form-description .widget-header:before { vertical-align: middle; color: #00305e; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #modal_isa_frontend_block_form { top: 5%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #video-conference-modal-form { top: 2%; } } @media (max-width: 767px) { #video-conference-modal-form .modal-body .control-group { display: block; width: 100%; margin-left: 0; } #video-conference-modal-form .modal-body .control-group.submit-group { position: fixed; bottom: 5px; left: 0; width: 100%; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 768px) { #video-conference-modal-form .modal-body { background-image: url(/images/frontend/attractional/video_conference_modal_bg.jpg); background-position: 200% 100%; background-repeat: no-repeat; background-size: contain; overflow-x: hidden; } #video-conference-modal-form .modal-body .form-instruction { width: 43%; margin-bottom: 10px !important; } #video-conference-modal-form .modal-body .form-wrapper { width: 62%; } #video-conference-modal-form .modal-body .form-wrapper .control-group:nth-child(1), #video-conference-modal-form .modal-body .form-wrapper .control-group:nth-child(2) { width: 40%; } #video-conference-modal-form .modal-body .form-wrapper .control-group:nth-child(3), #video-conference-modal-form .modal-body .form-wrapper .control-group:nth-child(4), #video-conference-modal-form .modal-body .form-wrapper .control-group:nth-child(5) { width: 28%; } #video-conference-modal-form .modal-body .form-wrapper .control-group:nth-child(3), #video-conference-modal-form .modal-body .form-wrapper .control-group.submit-group { margin-left: 0; } #video-conference-modal-form .modal-body .form-wrapper .control-group:nth-child(6) { width: 94%; margin: 10px 0 15px 0; } #video-conference-modal-form .modal-body .form-wrapper .control-group .control-label { margin-top: 0; } #video-conference-modal-form .modal-body .form-wrapper .control-group.submit-group { width: auto; } #video-conference-modal-form .modal-body .form-wrapper .control-group .submit { display: block; margin: 15px 0 5px; } } #video-modal { display: none; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 5vh; width: 90vw; height: 50.625vw; max-height: 90vh; margin-left: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #video-modal { height: inherit; } } #video-modal .modal-body { max-height: none; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; padding: 0; } #video-modal .modal-footer { display: none; } #video-modal .video-wrapper { height: 100%; width: 100%; padding: 0; position: absolute; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #video-modal .video-wrapper { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } #video-modal .video-wrapper__playback { position: relative; width: 75%; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #video-modal .video-wrapper__playback { width: 100%; } } #video-modal .video-wrapper__sidebar { width: 25%; max-width: 400px; background: #ffffff; border-left: 1px solid #f5f5f5; padding: 20px; overflow-y: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #video-modal .video-wrapper__sidebar { width: 100%; } } #video-modal .video-wrapper__sidebar ul { margin: 0; padding: 0; border: none; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #video-modal .video-wrapper__sidebar ul { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } } #video-modal .video-wrapper__sidebar ul .playlist-item { list-style: none; padding: 0 0 20px; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #video-modal .video-wrapper__sidebar ul .playlist-item { padding: 0; } } #video-modal .video-wrapper__sidebar ul .playlist-item > a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border: none; padding: 0; text-transform: none; } #video-modal .video-wrapper__sidebar ul .playlist-item__thumbnail { width: 50%; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } #video-modal .video-wrapper__sidebar ul .playlist-item__metadata { width: 50%; padding: 0 0 0 10px; } #video-modal .video-wrapper__sidebar ul .playlist-item__metadata h5 { font-weight: 500; font-size: 18px; } #video-modal .video-wrapper__sidebar ul .playlist-item__metadata h5, #video-modal .video-wrapper__sidebar ul .playlist-item__metadata p { margin: 0; } #video-modal.in { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: -ms-flex !important; display: flex !important; } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { #order-modal-form .modal-body, #test-drive-modal-form .modal-body { height: calc(100vh - 50px) !important; max-height: calc(100vh - 50px) !important; } } #order-modal-form .widget-forms.subscribe, #test-drive-modal-form .widget-forms.subscribe { text-align: left; width: 100%; margin: 0; } #order-modal-form .widget-forms.subscribe .widget-content, #test-drive-modal-form .widget-forms.subscribe .widget-content { padding: 0; } #order-modal-form .widget-forms.subscribe .form-wrapper, #test-drive-modal-form .widget-forms.subscribe .form-wrapper { font-size: 0; } #order-modal-form .widget-forms.subscribe .control-group:first-child label, #test-drive-modal-form .widget-forms.subscribe .control-group:first-child label { margin-top: 10px; } #order-modal-form .widget-forms.subscribe .control-group.type-input, #test-drive-modal-form .widget-forms.subscribe .control-group.type-input { width: 49%; margin-left: 2%; } #order-modal-form .widget-forms.subscribe .control-group.type-input label, #test-drive-modal-form .widget-forms.subscribe .control-group.type-input label { margin-top: 0; font-weight: 500; } #order-modal-form .widget-forms.subscribe .control-group.type-input:first-child, #test-drive-modal-form .widget-forms.subscribe .control-group.type-input:first-child { margin-left: 0; } #order-modal-form .widget-forms.subscribe .control-group.type-input:nth-child(2n+1), #test-drive-modal-form .widget-forms.subscribe .control-group.type-input:nth-child(2n+1) { margin-left: 0; } #order-modal-form .widget-forms.subscribe .control-group.type-textarea, #test-drive-modal-form .widget-forms.subscribe .control-group.type-textarea { width: 100%; margin-left: 0; margin-bottom: 10px; } #order-modal-form .widget-forms.subscribe .control-group.submit-group, #test-drive-modal-form .widget-forms.subscribe .control-group.submit-group { width: auto; margin-left: 0; } #order-modal-form .widget-forms.subscribe .control-group.submit-group .submit, #test-drive-modal-form .widget-forms.subscribe .control-group.submit-group .submit { margin: 5px 0 10px; } #order-modal-form .widget-forms.subscribe [name='datepicker'], #test-drive-modal-form .widget-forms.subscribe [name='datepicker'] { min-height: 40px; } #order-modal-form .widget-forms.subscribe textarea, #test-drive-modal-form .widget-forms.subscribe textarea { min-height: 100px; } #order-modal-form.contact-target, #test-drive-modal-form.contact-target { width: 660px; } @media (min-width: 1200px) { #order-modal-form.contact-target, #test-drive-modal-form.contact-target { margin-left: -330px; } } #order-modal-form.contact-target .widget-forms.subscribe .control-group.type-input, #test-drive-modal-form.contact-target .widget-forms.subscribe .control-group.type-input { width: 32%; margin-left: 2%; } #order-modal-form.contact-target .widget-forms.subscribe .control-group.type-input:nth-child(3n+1), #test-drive-modal-form.contact-target .widget-forms.subscribe .control-group.type-input:nth-child(3n+1) { margin-left: 0; } #mailshare-modal .heading { font-weight: bold; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; font-size: 18px; } #mailshare-modal .vphoto { border: 0 solid transparent; padding: 0; background: transparent; } #mailshare-modal .vphoto.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } #mailshare-modal .vphoto.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } #mailshare-modal .modal-footer { text-align: center; } #mailshare-modal .input-block-level { padding: 0 5px; } #mailshare-modal .block-summary { margin-bottom: 15px; width: 100%; *zoom: 1; } #mailshare-modal .block-summary:before, #mailshare-modal .block-summary:after { display: table; content: ""; line-height: 0; } #mailshare-modal .block-summary:after { clear: both; } #mailshare-modal .block-summary .summary-photo { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-summary .summary-photo:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .block-summary .summary-info { float: left; width: 65.95744681%; *width: 65.90425532%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-summary .summary-info:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .block-form .form-row { width: 100%; *zoom: 1; } #mailshare-modal .block-form .form-row:before, #mailshare-modal .block-form .form-row:after { display: table; content: ""; line-height: 0; } #mailshare-modal .block-form .form-row:after { clear: both; } #mailshare-modal .block-form .form-row .label { float: left; width: 14.89361702%; *width: 14.84042553%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-form .form-row .label:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .block-form .form-row .field { float: left; width: 82.9787234%; *width: 82.92553191%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } #mailshare-modal .block-form .form-row .field:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } #mailshare-modal .permalink a { word-break: break-all; } .widget-forms.tab-form.desc-empty .form-instruction { display: none; } .colform .colform-tabs .colform-tabs-left, .colform .colform-tabs .colform-tabs-right { width: 49%; display: inline-block; vertical-align: top; } .colform .colform-tabs .colform-tabs-left { margin: 0; } .colform .colform-tabs .colform-tabs-right { margin: 0 0 0 2%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .colform .colform-tabs .colform-tabs-left, .colform .colform-tabs .colform-tabs-right { display: inline-block; width: 100%; margin: 0; } } @media (max-width: 767px) { .colform .colform-tabs .colform-tabs-left, .colform .colform-tabs .colform-tabs-right { display: inline-block; width: 100%; margin: 0; } } .colform .colform-section { display: block; width: 100%; vertical-align: top; margin: 0 0 0 0; } .colform .colform-section:first-child { margin: 0; } .colform .colform-section .colform-section-header { color: #00305e; border-style: solid; border-width: 0 0 1px; border-color: #cccccc; padding: 0 0 5px; margin: 0 0 10px; text-transform: uppercase; font-weight: 500; } .colform .colform-section .colform-section-header a { color: #1a1a1a; } @media (max-width: 767px) { .colform .colform-section .colform-section-header.header-custom { padding-right: 20px; } } .colform .colform-section .colform-columns .colform-col-left, .colform .colform-section .colform-columns .colform-col-right { width: 48%; display: inline-block; } .colform .colform-section .colform-columns .colform-col-left:only-child, .colform .colform-section .colform-columns .colform-col-right:only-child { width: 100%; margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .colform .colform-section .colform-columns .colform-col-left, .colform .colform-section .colform-columns .colform-col-right { width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .colform .colform-section .colform-columns .colform-col-left .colform-row .form-element-holder > div label, .colform .colform-section .colform-columns .colform-col-right .colform-row .form-element-holder > div label { display: inline-block !important; } } .colform .colform-section .colform-columns .colform-col-left { margin: 0; } .colform .colform-section .colform-columns .colform-col-right { margin: 0 0 0 4%; } .colform .colform-section .colform-row { margin: 0 0 15px; } .colform .colform-section .colform-row > * { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .colform .colform-section .colform-row label { width: 30%; line-height: 1.4; margin: 0; padding: 0; } .colform .colform-section .colform-row label.required:after { content: "*"; color: red !important; display: inline-block; } .colform .colform-section .colform-row .form-element-holder { width: 70%; } .colform .colform-section .colform-row .required:not(:only-of-type) { margin-right: 20px; padding-left: 5px; } .colform .colform-section .colform-row .required:not(:only-of-type):after { display: none; } .colform .colform-section .colform-row input[type="text"], .colform .colform-section .colform-row input[type="search"], .colform .colform-section .colform-row input[type="email"], .colform .colform-section .colform-row input[type="phone"], .colform .colform-section .colform-row input[type="tel"], .colform .colform-section .colform-row input[type="number"] { width: 100%; margin: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .colform .colform-section .colform-row input[type="text"], .colform .colform-section .colform-row input[type="search"], .colform .colform-section .colform-row input[type="email"], .colform .colform-section .colform-row input[type="phone"], .colform .colform-section .colform-row input[type="tel"], .colform .colform-section .colform-row input[type="number"] { width: 100% !important; } } @media (max-width: 979px) { .colform .colform-section .colform-row input[type="text"], .colform .colform-section .colform-row input[type="search"], .colform .colform-section .colform-row input[type="email"], .colform .colform-section .colform-row input[type="phone"], .colform .colform-section .colform-row input[type="tel"], .colform .colform-section .colform-row input[type="number"] { width: 100% !important; } } .colform .colform-section .colform-row input[type="text"], .colform .colform-section .colform-row input[type="search"], .colform .colform-section .colform-row input[type="email"], .colform .colform-section .colform-row input[type="phone"], .colform .colform-section .colform-row input[type="tel"], .colform .colform-section .colform-row input[type="number"], .colform .colform-section .colform-row textarea { width: 100%; margin: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .colform .colform-section .colform-row input[type="text"], .colform .colform-section .colform-row input[type="search"], .colform .colform-section .colform-row input[type="email"], .colform .colform-section .colform-row input[type="phone"], .colform .colform-section .colform-row input[type="tel"], .colform .colform-section .colform-row input[type="number"], .colform .colform-section .colform-row textarea { width: 100% !important; } } @media (max-width: 979px) { .colform .colform-section .colform-row input[type="text"], .colform .colform-section .colform-row input[type="search"], .colform .colform-section .colform-row input[type="email"], .colform .colform-section .colform-row input[type="phone"], .colform .colform-section .colform-row input[type="tel"], .colform .colform-section .colform-row input[type="number"], .colform .colform-section .colform-row textarea { width: 100% !important; } } .colform .colform-section .colform-row .select2-container { width: 100%; margin: 0; } .colform .colform-section .colform-row.row-checkbox.contactagreementpersonaldata, .colform .colform-section .colform-row.row-checkbox.contactagreementmarketing { font-size: 13px; line-height: 1.4; } .colform .colform-section .colform-row.row-checkbox label { width: calc(100% - 24px); line-height: 1.4; } .colform .colform-section .colform-row.row-checkbox .form-element-holder { width: 24px; } .colform .colform-section .colform-row.row-hidden { display: none; } @media (max-width: 767px) { .colform .colform-section .colform-row:not(.row-checkbox):not(.row-radio):not(.row-hidden) label, .colform .colform-section .colform-row:not(.row-checkbox):not(.row-radio):not(.row-hidden) .form-element-holder { display: block; width: 100% ; margin-left: 0; margin-right: 0; } .colform .colform-section .colform-row:not(.row-checkbox):not(.row-radio):not(.row-hidden) label { line-height: 30px; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .colform .colform-section .colform-row:not(.row-checkbox):not(.row-radio):not(.row-hidden) label, .colform .colform-section .colform-row:not(.row-checkbox):not(.row-radio):not(.row-hidden) .form-element-holder { display: inline-block; } .colform .colform-section .colform-row:not(.row-checkbox):not(.row-radio):not(.row-hidden) label { width: 30%; } } .colform .colform-section.button-holder { display: block; width: 100%; vertical-align: top; margin: 0; } .colform .colform-section[data-collapsed] .colform-section-body { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; max-height: 1500px; overflow: hidden; } .colform .colform-section.section-collapsed .colform-section-header { position: relative; } .colform .colform-section.section-collapsed .colform-section-header:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e620"; font-style: normal; font-size: notset; margin: notset; } .colform .colform-section.section-collapsed .colform-section-header:before { position: absolute; right: 0; top: 2px; } .colform .colform-section.section-collapsed .colform-section-body { max-height: 0; } .colform .row-repeated label[class*="label-"] { vertical-align: top; line-height: 40px; } .colform .row-repeated input [type="text"], .colform .row-repeated input[type="email"], .colform .row-repeated input[type="phone"], .colform .row-repeated input[type="tel"], .colform .row-repeated input[type="number"], .colform .row-repeated input[type="password"] { width: 100%; } .colform .row-repeated .repeated-fields > div { display: inline-block; width: 48%; } .colform .row-repeated .repeated-fields label { display: none; } .colform .row-repeated .repeated-fields > div + div { margin: 0 0 0 4%; } .contact-master { padding: 15px; background: none; border-color: #cccccc; border-style: solid; border-width: 1px; } .contact-master .colform .colform-section { display: block; width: 100%; vertical-align: top; margin: 0 0 0 0; } .contact-master .colform .colform-section:first-child { margin: 0; } .contact-us-simple-two-columns .colform .colform-section .colform-row .field-label { width: 100%; } .contact-us-simple-two-columns .colform .colform-section .colform-row:not(.row-checkbox) .form-element-holder { width: 100%; } .contact-us-simple-two-columns .colform .colform-section .colform-row.row-checkbox { padding-top: 10px; } .contact-us-simple-two-columns .colform .colform-section .colform-row:last-child { margin: 0; } .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-left, .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-right { width: 49%; } .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-left { margin: 0; } .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-right { margin: 0 0 0 2%; } @media (max-width: 767px) { .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-left, .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-right { width: 100%; margin-left: 0; } .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-right { margin-top: 15px; } } #modal_actions_bookmarks { width: 800px; margin-left: -400px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #modal_actions_bookmarks { margin-left: 0; } } @media (max-width: 979px) { #modal_actions_bookmarks { margin-left: 0; } } #modal_actions_bookmarks .modal-body { padding: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #modal_actions_bookmarks .modal-body { max-height: 500px; } } #modal_actions_bookmarks .modal-body-inner { display: table; width: 100%; } #modal_actions_bookmarks .form-togglers, #modal_actions_bookmarks .form-container { display: table-cell; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 22.5px; } #modal_actions_bookmarks .form-togglers { width: 30%; margin-left: 2%; background: #f5f5f5; } #modal_actions_bookmarks .form-togglers li { display: block; list-style: none; } #modal_actions_bookmarks .form-togglers li a { display: inline-block; color: #ffffff !important; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; display: block; font-size: 18px; font-weight: 400; position: relative; margin: 0 0 10px; padding: 10px 20px 9px; text-align: center; background: #f5f5f5; color: #1a1a1a !important; border: 1px solid #cccccc; padding-left: 40px; text-align: left; } #modal_actions_bookmarks .form-togglers li a [class^="\icons-tv-"] { display: none; } #modal_actions_bookmarks .form-togglers li a:focus { outline: none; } #modal_actions_bookmarks .form-togglers li a:hover, #modal_actions_bookmarks .form-togglers li a.on { outline: none; cursor: pointer; } #modal_actions_bookmarks .form-togglers li a.off, #modal_actions_bookmarks .form-togglers li a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #modal_actions_bookmarks .form-togglers li a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } #modal_actions_bookmarks .form-togglers li a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } #modal_actions_bookmarks .form-togglers li a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } #modal_actions_bookmarks .form-togglers li a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } #modal_actions_bookmarks .form-togglers li a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } #modal_actions_bookmarks .form-togglers li a [class^="\icons-tv-"] { display: none; } #modal_actions_bookmarks .form-togglers li a:focus { outline: none; } #modal_actions_bookmarks .form-togglers li a:hover, #modal_actions_bookmarks .form-togglers li a.on { outline: none; cursor: pointer; } #modal_actions_bookmarks .form-togglers li a.off, #modal_actions_bookmarks .form-togglers li a.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #modal_actions_bookmarks .form-togglers li a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } #modal_actions_bookmarks .form-togglers li a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } #modal_actions_bookmarks .form-togglers li a:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } #modal_actions_bookmarks .form-togglers li a:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } #modal_actions_bookmarks .form-togglers li a:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } #modal_actions_bookmarks .form-togglers li a.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a:hover, #modal_actions_bookmarks .form-togglers li a.on { border: 1px solid #999999; background: #999999; color: #ffffff !important; } #modal_actions_bookmarks .form-togglers li a:hover:before, #modal_actions_bookmarks .form-togglers li a.on:before { background: transparent; color: #ffffff; } #modal_actions_bookmarks .form-togglers li a:before { display: block; margin: 0; background: transparent; color: #1a1a1a; width: auto; height: auto; text-align: center; border-radius: 0; padding: 0; position: relative; top: 0; left: 0; font-size: 32px; position: absolute; top: 50%; left: 10px; margin: -12px 5px 0 0; font-size: 18px; } #modal_actions_bookmarks .form-togglers li > a:before { font-size: 15px; } #modal_actions_bookmarks .form-container { width: 68%; } #modal_actions_bookmarks .tab-form { padding: 0; border: none; } #modal_actions_bookmarks .tab-form .widget-header { display: none; } #modal_actions_bookmarks .tab-form .widget-content { background: none; padding: 0; margin: 0; } #modal_actions_bookmarks .colform .colform-tabs .colform-tabs-left, #modal_actions_bookmarks .colform .colform-tabs .colform-tabs-right { width: 100%; display: block; margin: 0; } #modal_actions_bookmarks .colform .colform-section { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; max-height: 0; overflow: hidden; } #modal_actions_bookmarks .colform .section-contacts, #modal_actions_bookmarks .colform .section-permissions { max-height: 2000px; } #modal_actions_bookmarks input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #modal_actions_bookmarks.action-offer .colform .colform-section.section-offer, #modal_actions_bookmarks.action-monitoring .colform .colform-section.section-monitoring, #modal_actions_bookmarks.action-testdrive .colform .colform-section.section-testdrive, #modal_actions_bookmarks.action-tradein .colform .colform-section.section-tradein, #modal_actions_bookmarks.action-contact .colform .colform-section.section-question, #modal_actions_bookmarks.action-financing .colform .colform-section.section-financing { max-height: 2000px; } #modal_actions_bookmarks .colform-row:not(.row-checkbox) .label-prepend { width: 40%; } #modal_actions_bookmarks .colform-row:not(.row-checkbox) .form-element-holder { width: 60%; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #modal_actions_bookmarks .colform-row:not(.row-checkbox) .form-element-holder { width: auto; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #modal_actions_bookmarks .input-append input { width: calc(100vw - 20px - 30px) !important; } } @media (max-width: 767px) { #modal_actions_bookmarks { margin-left: 20px; width: calc(100% - 10px * 4); } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { #modal_actions_bookmarks .modal-body-inner { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #modal_actions_bookmarks .form-container { width: 100%; padding: 10px; } #modal_actions_bookmarks .form-togglers { width: 100%; margin: 0 -5px -10px; padding: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #modal_actions_bookmarks .form-togglers li { display: inline-block; width: calc(50% - 10px); padding: 5px; } #modal_actions_bookmarks .form-togglers .form-toggler { padding-left: 10px; padding-right: 10px; margin: 0; } #modal_actions_bookmarks .form-togglers .form-toggler:before { display: none; } } .contact-us-simple-two-columns .colform .colform-section .colform-row .field-label, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-row .field-label { width: 100%; } .contact-us-simple-two-columns .colform .colform-section .colform-row:not(.row-checkbox) .form-element-holder, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-row:not(.row-checkbox) .form-element-holder { width: 100%; } .contact-us-simple-two-columns .colform .colform-section .colform-row.row-checkbox, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-row.row-checkbox { padding-top: 10px; } .contact-us-simple-two-columns .colform .colform-section .colform-row:last-child, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-row:last-child { margin: 0; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .contact-us-simple-two-columns .section-service .row-checkbox, .form-contact-us-simplest-two-columns-proposition .section-service .row-checkbox { width: 49%; margin-left: 2%; } .contact-us-simple-two-columns .section-service .row-checkbox:nth-child(3n+1), .form-contact-us-simplest-two-columns-proposition .section-service .row-checkbox:nth-child(3n+1) { margin-left: 2%; } .contact-us-simple-two-columns .section-service .row-checkbox:nth-child(2n+1), .form-contact-us-simplest-two-columns-proposition .section-service .row-checkbox:nth-child(2n+1) { margin-left: 0; } } @media (min-width: 1200px) { .contact-us-simple-two-columns .contactagreement, .form-contact-us-simplest-two-columns-proposition .contactagreement { padding-bottom: 20px; position: relative; } .contact-us-simple-two-columns .contactagreement:after, .form-contact-us-simplest-two-columns-proposition .contactagreement:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e611"; font-style: normal; font-size: notset; margin: notset; } .contact-us-simple-two-columns .contactagreement:after, .form-contact-us-simplest-two-columns-proposition .contactagreement:after { position: absolute; left: 50%; bottom: 0; } .contact-us-simple-two-columns .contactagreement label, .form-contact-us-simplest-two-columns-proposition .contactagreement label { max-height: 42px; overflow: hidden; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .contact-us-simple-two-columns .contactagreement:hover:after, .form-contact-us-simplest-two-columns-proposition .contactagreement:hover:after, .contact-us-simple-two-columns .contactagreement:focus:after, .form-contact-us-simplest-two-columns-proposition .contactagreement:focus:after { display: none; } .contact-us-simple-two-columns .contactagreement:hover label, .form-contact-us-simplest-two-columns-proposition .contactagreement:hover label, .contact-us-simple-two-columns .contactagreement:focus label, .form-contact-us-simplest-two-columns-proposition .contactagreement:focus label { max-height: 500px; } } .service-form { padding: 0 0 20px; } .service-form .section-service .row-checkbox { width: 32%; display: inline-block; margin-left: 2%; } .service-form .section-service .row-checkbox:nth-child(3n+1) { margin-left: 0; } .service-form .section-info .colform-row.row-checkbox label { width: 30% !important; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .service-form .section-service .row-checkbox { width: 49%; margin-left: 2%; } .service-form .section-service .row-checkbox:nth-child(3n+1) { margin-left: 2%; } .service-form .section-service .row-checkbox:nth-child(2n+1) { margin-left: 0; } } .service-locations > .service { display: inline-block; vertical-align: top; width: 49%; margin: 5px 0 0 2%; position: relative; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .service-locations > .service:nth-child(-n+2) { margin-top: 0; } .service-locations > .service:nth-child(2n+1) { margin-left: 0; } .service-locations > .service:first-child { display: none; } .service-locations > .service:nth-child(-n+3) { margin-top: 0; } .service-locations > .service:nth-child(2n+1) { margin-left: 2%; } .service-locations > .service:nth-child(2n) { margin-left: 0; } .service-locations > .service.disabled { zoom: 1; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } .service-locations > .service.disabled:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .service-locations > .service .form-element-holder { display: inline-block; width: 8% !important; vertical-align: middle; } .service-locations > .service label { display: inline-block; width: 92% !important; vertical-align: middle; } .service-locations > .service .location-makes { display: block; font-size: 10px; color: #999999; } @media (max-width: 767px) { .service-locations > .service { width: calc(100% - 10px * 2) !important; line-height: 1.4 !important; margin: 0; } .service-locations > .service:nth-child(2n+1) { margin-left: 0; } .service-locations > .service label { display: inline-block !important; width: calc(100% - 10px * 3) !important; } .service-locations > .service .form-element-holder { display: inline-block !important; width: 20px !important; vertical-align: top; } .service-locations > .service .location-makes { margin-left: 6px; display: block; } } [class*='form-trade-in'] .vehicle-options .form-element-holder { display: inline-block; vertical-align: top; position: relative; } [class*='form-trade-in'] .vehicle-options .form-element-holder > div input[type='radio'] { display: inline-block; margin-right: 10px; } [class*='form-trade-in'] .vehicle-options .form-element-holder > div input[type='radio']:first-child, [class*='form-trade-in'] .vehicle-options .form-element-holder > div input[type='radio']:first-child + label { display: none !important; } [class*='form-trade-in'] .vehicle-options .form-element-holder > div input[type='radio'] + label { position: relative; display: inline-block; width: 15%; max-width: 50px; } [class*='form-trade-in'] .vehicle-info .colform-section-body .row-checkbox { width: 32%; display: inline-block; margin-left: 2%; } [class*='form-trade-in'] .vehicle-info .colform-section-body .row-checkbox:nth-child(3n+1) { margin-left: 0; } [class*='form-trade-in'] .row-file { margin: 0 0 25px !important; } [class*='form-trade-in'] .row-file > div { width: 100%; } [class*='form-trade-in'] .row-file.filevideo .preview, [class*='form-trade-in'] .row-file.filevideo .preview:before { width: 100%; text-align: center; color: #999999; } [class*='form-trade-in'] .row-file.filevideo .preview:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62d"; font-style: normal; font-size: 60px; margin: notset; } [class*='form-trade-in'] .row-file .fileinput-button { display: inline-block !important; color: #ffffff !important; padding: 10px 20px 9px !important; box-shadow: none !important; margin-top: 13px !important; text-decoration: none !important !important; background: #00305e !important; border: 1px solid #00305e !important; line-height: 1.4 !important; -webkit-transition: all 400ms !important; -moz-transition: all 400ms !important; -ms-transition: all 400ms !important; -o-transition: all 400ms !important; transition: all 400ms !important; -webkit-border-radius: 0 0 0 0 !important; -moz-border-radius: 0 0 0 0 !important; border-radius: 0 0 0 0 !important; text-shadow: none !important; white-space: nowrap !important; overflow: hidden !important; position: relative !important; } [class*='form-trade-in'] .row-file .fileinput-button [class^="\icons-tv-"] { display: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:focus { outline: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover, [class*='form-trade-in'] .row-file .fileinput-button.on { outline: none !important; cursor: pointer !important; } [class*='form-trade-in'] .row-file .fileinput-button.off, [class*='form-trade-in'] .row-file .fileinput-button.off:hover { background: #00305e !important; color: #ffffff !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:before { content: '' !important; display: block !important; position: absolute !important; background: rgba(255, 255, 255, 0.5) !important; width: 120px !important; height: 100% !important; left: 0 !important; top: 0 !important; opacity: .5 !important; filter: blur(30px) !important; transform: translateX(-100px) skewX(-15deg) !important; } [class*='form-trade-in'] .row-file .fileinput-button:after { content: '' !important; display: block !important; position: absolute !important; background: rgba(255, 255, 255, 0.2) !important; width: 60px !important; height: 100% !important; left: 30px !important; top: 0 !important; opacity: 0 !important; filter: blur(5px) !important; transform: translateX(-100px) skewX(-15deg) !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover { transition: all 0.25s ease-in !important; background: #00305e !important; border: 1px solid #00305e !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover:before { transform: translateX(500px) skewX(-15deg) !important; opacity: 0.6 !important; transition: .9s !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover:after { transform: translateX(500px) skewX(-15deg) !important; opacity: 1 !important; transition: .9s !important; } [class*='form-trade-in'] .row-file .fileinput-button [class^="\icons-tv-"] { display: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:focus { outline: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover, [class*='form-trade-in'] .row-file .fileinput-button.on { outline: none !important; cursor: pointer !important; } [class*='form-trade-in'] .row-file .fileinput-button.off, [class*='form-trade-in'] .row-file .fileinput-button.off:hover { background: #00305e !important; color: #ffffff !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:before { content: '' !important; display: block !important; position: absolute !important; background: rgba(255, 255, 255, 0.5) !important; width: 120px !important; height: 100% !important; left: 0 !important; top: 0 !important; opacity: .5 !important; filter: blur(30px) !important; transform: translateX(-100px) skewX(-15deg) !important; } [class*='form-trade-in'] .row-file .fileinput-button:after { content: '' !important; display: block !important; position: absolute !important; background: rgba(255, 255, 255, 0.2) !important; width: 60px !important; height: 100% !important; left: 30px !important; top: 0 !important; opacity: 0 !important; filter: blur(5px) !important; transform: translateX(-100px) skewX(-15deg) !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover { transition: all 0.25s ease-in !important; background: #00305e !important; border: 1px solid #00305e !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover:before { transform: translateX(500px) skewX(-15deg) !important; opacity: 0.6 !important; transition: .9s !important; } [class*='form-trade-in'] .row-file .fileinput-button:hover:after { transform: translateX(500px) skewX(-15deg) !important; opacity: 1 !important; transition: .9s !important; } [class*='form-trade-in'] .row-file .fileinput-button.switch-map:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e656" !important; font-style: normal !important; font-size: 15px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.employees:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e971" !important; font-style: normal !important; font-size: 15px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.gallery:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e62e" !important; font-style: normal !important; font-size: 15px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.servicetermin:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e64d" !important; font-style: normal !important; font-size: 15px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.testdrive:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e9b1" !important; font-style: normal !important; font-size: 15px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e668"; font-style: normal; font-size: notset; margin: 0 0.5em 0 0; } [class*='form-trade-in'] .row-file .upload-summary { display: block; width: 100%; } [class*='form-trade-in'] .row-file .upload-summary .files { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } [class*='form-trade-in'] .row-file .upload-summary .files tr { position: relative; width: 30%; } [class*='form-trade-in'] .row-file .upload-summary .files tr:not(:nth-child(3n+1)) { margin-left: 5%; } [class*='form-trade-in'] .row-file .upload-summary .files tr:nth-child(-n+3) { margin-bottom: 5%; } [class*='form-trade-in'] .row-file .upload-summary .files tr:hover .cell-controls, [class*='form-trade-in'] .row-file .upload-summary .files tr:focus .cell-controls { opacity: 1; pointer-events: initial; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-preview { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; height: 0; padding-bottom: 100%; background: #f5f5f5; overflow: hidden; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-preview .preview { position: absolute; display: block; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-preview .preview canvas { width: 100% !important; height: auto !important; filter: blur(5px); } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-name { position: absolute; bottom: 0; left: 0; right: 0; padding: 25px 10px 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNiwgMjYsIDI2KSIgc3RvcC1vcGFjaXR5PSIwLjYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==); background-image: -webkit-linear-gradient(bottom, rgba(26, 26, 26, 0.6) 0%, transparent 100%); background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, 0.6) 0%, transparent 100%); background-image: -o-linear-gradient(bottom, rgba(26, 26, 26, 0.6) 0%, transparent 100%); background-image: linear-gradient(to top, rgba(26, 26, 26, 0.6) 0%, transparent 100%); } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-name p { margin: 0; color: #ffffff; font-size: 13px; word-break: break-all; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-progress { position: absolute; display: block; top: 50%; width: calc(100% - 10px*2); right: 10px; left: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-progress .size { color: #ffffff; text-shadow: 0 0 2px rgba(26, 26, 26, 0.6); } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls { opacity: 0; position: absolute; top: 5px; right: 5px; pointer-events: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls button { background: none; border: none; padding: 0; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls button:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e630"; font-style: normal; font-size: notset; margin: notset; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls button:before { font-size: 24px; text-shadow: 0 0 2px rgba(26, 26, 26, 0.6); -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -o-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls button:hover:before, [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls button:focus:before { color: #00305e; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls button span { display: none; } .colform .colform-section .colform-row.contactagreementphone { position: relative; margin-top: 40px; } .colform .colform-section .colform-row.contactagreementphone .agreement-title { font-weight: bold; position: absolute; bottom: 100%; left: 0; margin: 10px 0; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .colform .colform-section .colform-row.contactagreementphone .agreement-title { margin: 0; } } .form-subrow { float: left; width: 50%; white-space: nowrap; } .form-subrow label { display: inline-block; padding-left: 5px !important; white-space: normal; overflow: hidden; width: 85% !important; vertical-align: middle; width: calc(100% - 20px) !important; text-overflow: ellipsis; } .colform .colform-section .colform-row.vehicleoptions label { vertical-align: top; } .feedback-master .colform .colform-section [id*="_feedbackSatisfied_"] { display: none; } .feedback-master .colform .colform-section [id*="_feedbackSatisfied_"] + label { font-size: 0; margin: 0 10px 0 0; } .feedback-master .colform .colform-section [id*="_feedbackSatisfied_"] + label:before { font-size: 19px; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #ffffff; border-radius: 0; zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .feedback-master .colform .colform-section [id*="_feedbackSatisfied_"]:checked + label:before { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } @media (max-width: 767px) { .feedback-master .colform .colform-section [id*="_feedbackSatisfied_"] + label { width: auto !important; display: inline-block !important; margin-right: 10px !important; } } .feedback-master .colform .colform-section [id$="feedbackSatisfied_1"] + label:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64f"; font-style: normal; font-size: notset; margin: notset; } .feedback-master .colform .colform-section [id$="feedbackSatisfied_1"] + label:before { background: #3d842f; } .feedback-master .colform .colform-section [id$="feedbackSatisfied_0"] + label:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e650"; font-style: normal; font-size: notset; margin: notset; } .feedback-master .colform .colform-section [id$="feedbackSatisfied_0"] + label:before { background: red; } .feedback-master .colform .colform-section [id$="feedbackSatisfied_placeholder"] + label { display: none; } .widget-forms.form-contact-us-simplest-two-columns, .widget-forms.form-contact-us-simplest1-two-columns { padding: 10px 15px 5px; } .widget-forms.form-contact-us-simplest-two-columns > .widget-content, .widget-forms.form-contact-us-simplest1-two-columns > .widget-content { margin: 0; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-section-header, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-section-header { display: none; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-row:not(:first-child), .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-row:not(:first-child) { margin: 10px 0 0; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-row:not(.row-checkbox) label, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-row:not(.row-checkbox) label { line-height: 40px; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-row:not(.row-checkbox) label, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-row:not(.row-checkbox) label, .widget-forms.form-contact-us-simplest-two-columns .colform .colform-row:not(.row-checkbox) .form-element-holder, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-row:not(.row-checkbox) .form-element-holder { display: block; width: 100%; } .widget-forms.form-contact-us-simplest-two-columns .colform .row-checkbox label, .widget-forms.form-contact-us-simplest1-two-columns .colform .row-checkbox label { width: calc(100% - 20px); } .widget-forms.form-contact-us-simplest-two-columns .colform .row-checkbox .form-element-holder, .widget-forms.form-contact-us-simplest1-two-columns .colform .row-checkbox .form-element-holder { width: 20px; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-columns, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-columns { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-columns:before, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-columns:before, .widget-forms.form-contact-us-simplest-two-columns .colform .colform-columns:after, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-columns:after { display: none; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-right, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-right, .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-right .colform-row, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-right .colform-row, .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-right .form-element-holder, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-right .form-element-holder { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-right .colform-row, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-right .colform-row { margin: 0; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-right .form-element-holder, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-right .form-element-holder { position: relative; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-right textarea, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-right textarea { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-middle .colform-row:first-child, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-middle .colform-row:first-child { margin-top: 15px; } .widget-forms.form-contact-us-simplest-two-columns .submit, .widget-forms.form-contact-us-simplest1-two-columns .submit { background: #3d842f !important; border: 1px solid #3d842f !important; } .widget-forms.form-contact-us-simplest-two-columns .submit.off, .widget-forms.form-contact-us-simplest1-two-columns .submit.off, .widget-forms.form-contact-us-simplest-two-columns .submit.off:hover, .widget-forms.form-contact-us-simplest1-two-columns .submit.off:hover { background: #3d842f !important; } @media (max-width: 767px) { .widget-forms.form-contact-us-simplest-two-columns, .widget-forms.form-contact-us-simplest1-two-columns { margin-bottom: 20px; } .widget-forms.form-contact-us-simplest-two-columns .colform-row.row-checkbox, .widget-forms.form-contact-us-simplest1-two-columns .colform-row.row-checkbox { margin-bottom: 0; } .widget-forms.form-contact-us-simplest-two-columns .colform-row.row-checkbox label, .widget-forms.form-contact-us-simplest1-two-columns .colform-row.row-checkbox label { line-height: 1.4; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-columns, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-columns { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-col-right textarea, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-col-right textarea { position: relative; min-height: 11em; } } .eyecatcher-form { background: #f5f5f5; padding: 10px 10px; } .eyecatcher-form .widget-header { padding-top: 0; } .eyecatcher-form .colform-section-header { display: none; } .eyecatcher-form textarea[id$="_comments"] { min-height: 130px; } .eyecatcher-form a.submit { border-color: #3d842f; background: #3d842f; } .form-contract input[type=email] { width: 100% !important; } .modal-form form[action*="preset=contact_us_callback"], .simple-form-contact-us-callback form { position: relative; } .modal-form form[action*="preset=contact_us_callback"] label, .simple-form-contact-us-callback form label { margin: 10px 0 3px !important; line-height: 1.4; display: block; } .modal-form form[action*="preset=contact_us_callback"] .control-group:first-child label, .simple-form-contact-us-callback form .control-group:first-child label { margin: 0 0 3px !important; } .modal-form form[action*="preset=contact_us_callback"] .helper-text, .simple-form-contact-us-callback form .helper-text { font-size: 15px; background: #f5f5f5; padding: 10px 15px; border-radius: 10px; position: relative; } .modal-form form[action*="preset=contact_us_callback"] .helper-text:after, .simple-form-contact-us-callback form .helper-text:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #f5f5f5 transparent; -webkit-transform: rotate(360deg); position: absolute; bottom: 100%; right: 40px; } .modal-form form[action*="preset=contact_us_callback"] .reset-holder, .simple-form-contact-us-callback form .reset-holder { display: none; } .modal-form form[action*="preset=contact_us_callback"] .helper-block, .simple-form-contact-us-callback form .helper-block { display: inline-block; width: 250px; position: absolute; top: 0; right: 0; } @media (max-width: 767px) { .modal-form form[action*="preset=contact_us_callback"] .helper-block, .simple-form-contact-us-callback form .helper-block { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementPersonaldata, .simple-form-contact-us-callback form .group-contactAgreementPersonaldata, .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementMarketing, .simple-form-contact-us-callback form .group-contactAgreementMarketing { margin: 40px 0 0; } .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementPersonaldata .input-text, .simple-form-contact-us-callback form .group-contactAgreementPersonaldata .input-text, .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementMarketing .input-text, .simple-form-contact-us-callback form .group-contactAgreementMarketing .input-text { margin-left: 0; width: 4%; } .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementPersonaldata .input-label, .simple-form-contact-us-callback form .group-contactAgreementPersonaldata .input-label, .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementMarketing .input-label, .simple-form-contact-us-callback form .group-contactAgreementMarketing .input-label { width: 96%; } } @media (max-width: 767px) { .modal-form form[action*="preset=contact_us_callback"] .helper-block, .simple-form-contact-us-callback form .helper-block { display: none; } .modal-form form[action*="preset=contact_us_callback"] textarea, .simple-form-contact-us-callback form textarea { min-height: 125px; } .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementPersonaldata, .simple-form-contact-us-callback form .group-contactAgreementPersonaldata, .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementMarketing, .simple-form-contact-us-callback form .group-contactAgreementMarketing { margin: 10px 0 0; } .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementPersonaldata .input-text, .simple-form-contact-us-callback form .group-contactAgreementPersonaldata .input-text, .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementMarketing .input-text, .simple-form-contact-us-callback form .group-contactAgreementMarketing .input-text { width: 7%; } .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementPersonaldata .input-label, .simple-form-contact-us-callback form .group-contactAgreementPersonaldata .input-label, .modal-form form[action*="preset=contact_us_callback"] .group-contactAgreementMarketing .input-label, .simple-form-contact-us-callback form .group-contactAgreementMarketing .input-label { width: 93%; } } /* Widget text */ .widget-text h2 { font-size: 1.8em; text-transform: uppercase; margin-top: 2px; } .widget-text .widget-content { color: #1a1a1a; line-height: 1.9; padding: 0; } .widget-text .widget-content * { line-height: 1.9; } .widget-text .widget-content p + p { margin-top: -1em; } .widget-text .widget-content p:first-child, .widget-text .widget-content p:first-of-type { margin-top: 0; } .widget-text .widget-content p:last-child, .widget-text .widget-content p:last-of-type { margin-bottom: 0; } .widget-text .widget-content .modal * { line-height: 1; } .widget-text .widget-content .widget-forms * { line-height: 1; } .widget-text .widget-content .widget-forms * textarea { padding: 5px; } .widget-text .widget-content p + ul, .widget-text .widget-content p + ol { padding-top: 0; margin-top: 6px; } .widget-text .widget-content ul + p, .widget-text .widget-content ol + p { margin-top: 8px; } .widget-text .widget-content ul { margin-left: 20px; overflow: hidden; padding: 10px 0 10px 0; } .widget-text .widget-content ul li { list-style-type: none; padding: 0 0 0 10px; } .widget-text .widget-content ul li:first-child { padding-top: 0; } .widget-text .widget-content ul li:last-child { padding-bottom: 0; } .widget-text .widget-content ul li:before { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-size: 10px; color: #00305e; position: relative; left: -2px; margin-left: -10px; line-height: 9px; } .widget-text .widget-content ol { margin-left: 0; overflow: hidden; padding: 10px 0 10px 20px; } .widget-text .widget-content ol li { padding: 0 0 0 10px; } .widget-text .widget-content hr { border-width: 0 0 1px 0; border-color: #cccccc; border-style: solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-text .widget-content h2, .widget-text .widget-content h3, .widget-text .widget-content h4 { text-transform: none; } .widget-text .widget-content h2 { font-size: 24px; font-weight: 400; } .widget-text .widget-content h3 { font-size: 18px; font-weight: 400; margin: 10px 0; } .widget-text .widget-content h4 { font-size: 18px; } .widget-text .widget-content h5 { font-size: 18px; } .widget-text .widget-content img { border: 0 solid transparent; padding: 0; background: transparent; } .widget-text .widget-content img.noborder { border: none; padding: 0; background: none; } .widget-text .widget-content.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-text .widget-content .select2-container > a > span { line-height: 26px; } .widget-text .widget-content hr.separator { background: url(../img/shadow1.png) center top no-repeat; padding: 20px 0 0; margin: 25px 0; border: none; } .widget-text .widget-content .more_info:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .more_info:before { position: relative; top: 1px; } .widget-text .container-content { padding: 10px; border: 1px solid #ccc; margin: 0 5px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .widget-text .container-content .images { position: relative; } .widget-text .container-content .images img { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #ccc; padding: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-text .container-content .images .title { line-height: 25px; background: #000; padding: 0px 10px; color: #fff; -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; position: absolute; bottom: 2px; left: 2px; width: 70%; } .widget-text .widget-text-item { border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-top: 15px; display: inline-block; *zoom: 1; display: block; } .widget-text .widget-text-item:before, .widget-text .widget-text-item:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-text .widget-text-item:last-child { border: none; padding: 0; } .widget-text .widget-text-item:first-child { margin-top: 0; } .widget-text .widget-text-item .contact-block h4 { margin-bottom: 5px; } .widget-text .widget-text-item .offset-top { margin-top: 10px; } .widget-text .photo { margin: 0 1.5em 1.5em 0; border: 0 solid transparent; padding: 0; background: transparent; height: 112px; } .widget-text .photo.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .widget-text .photo.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .widget-text p { line-height: 1.2; } .widget-text .histoti-block { *zoom: 1; } .widget-text .histoti-block:before, .widget-text .histoti-block:after { content: " "; display: block; clear: both; } .widget-text .histoti-block:not(:first-child) { padding-top: 30px; margin-top: 30px; border-top: 1px solid #cccccc; } .widget-text .histoti-block .histoti-img:last-child { float: right; } .widget-text .histoti-block .histoti-img:first-child { float: left; } .widget-text .histoti-block .histoti-text { width: calc(100% - 350px); } .widget-text .histoti-block .histoti-text h3 { margin-top: 0; } .widget-text .histoti-block .histoti-text:last-child { float: right; } .widget-text .histoti-block .histoti-text:first-child { float: left; } div.widget-video { margin-top: 20px; } div.widget-video .ui-widget-header { color: #1a1a1a; text-align: center; } div.widget-video ul.videos { margin: 0; } div.widget-video .video-item { list-style-type: none; display: block; border: 1px solid #cccccc; position: relative; margin-top: 18px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } div.widget-video .video-item:first-child { margin-top: 0; } div.widget-video .video-item:before { content: ""; display: inline-block; width: 55px; height: 36px; background: url('../img/sprites.png') no-repeat 0 -305px; position: absolute; top: 50%; left: 50%; margin-left: -27.5px; margin-top: -18px; z-index: 1; } div.widget-video .video-item:hover { cursor: pointer; } div.widget-video .video-item:hover img.video-preview { opacity: 1; } div.widget-video .video-item img.video-preview { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; opacity: 0.6; border-top: none; padding: 0; background: none; } .timeline .timeline-panel { font-size: 0; } .timeline .timeline-panel > * { font-size: 15px; display: inline-block; vertical-align: middle; } .timeline .timeline-panel:not(:first-child) { border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 20px; } .timeline .timeline-panel .year-middle { font-size: 24px; line-height: 1; margin: 0; width: 23%; margin: 0 2% 0 0; text-align: center; } .timeline .timeline-panel .center-panel { width: 75%; } .timeline .timeline-panel .center-panel p:first-child { margin-top: 0; } .timeline .timeline-panel .center-panel p:last-child { margin-bottom: 0; } .jobs { border-collapse: collapse; } .jobs td { padding: 10px 0; border-bottom: 1px solid #cccccc; } .jobs td + td { padding-left: 30px; } [id^="map_canvas"] { margin: 0; } [id^="map_canvas"] h1 { color: #999999; font-size: 24px; } [id^="map_canvas"] img { border: none; background: none; padding: 0; } .widget-maps { position: relative; } .widget-maps img[src$="close.png"] { margin: 0 !important; } .widget-maps .gmnoprint img { max-width: none; } .widget-maps .infoBox .marker-logo { max-width: 100%; } .widget-maps .logo-holder { text-align: center; } .widget-maps .static-logo { background: none; width: 100%; height: 48px; display: inline-block; max-width: 80%; background-position: center center; background-size: contain; background-repeat: no-repeat; } .widget-maps [id^="infoboxContent"] [class*="infobox-column"] { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 45%; } .widget-maps [id^="infoboxContent"] .infobox-column2 { width: 56%; border-left: 1px dotted #363636; margin-left: 2%; padding-left: 3%; } .widget-maps [id^="infoboxContent"] .phones { padding-top: 10px; } .widget-maps .infoBox { opacity: 1 !important; background: rgba(26, 26, 26, 0.85) !important; border: 1px solid #1a1a1a !important; padding: 5px !important; color: #ffffff !important; } .widget-maps .infoBox [id^="infoboxContent"] .logo-holder, .widget-maps .infoBox [id^="infoboxContent"] .address { width: 36%; display: inline-block; vertical-align: middle; } .widget-maps .infoBox [id^="infoboxContent"] [class*="infobox-column"] .address { width: 100%; } .widget-maps .infoBox a { color: #ffffff; } .widget-maps .infoBox a:hover, .widget-maps .infoBox a:focus, .widget-maps .infoBox a:active { color: #ffffff; } .widget-maps .infoBox a[href="tel:null"] { display: none; } .widget-maps .map-info { position: absolute; left: 75px; bottom: 57px; background: rgba(26, 26, 26, 0.75); padding: 10px; font-size: 16px; color: #ffffff; } @media (min-width: 1200px) { .widget-maps .map-info { bottom: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-maps .map-info { bottom: 71px; } } .widget-maps .map-additional-info { margin: 30px 0; } .widget-maps .map-additional-info .app-maps { background: #00305e; padding: 15px 25px 15px 65px; font-size: 18px; color: #ffffff; } .widget-maps .map-additional-info .app-maps:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4gICAgPHBhdGggZD0iTTQzLjQxIDIyLjU5bC0xOC0xOGMtLjc4LS43OC0yLjA1LS43OC0yLjgyIDBsLTE4IDE4Yy0uNzguNzgtLjc4IDIuMDUgMCAyLjgzbDE4IDE3Ljk5di4wMWMuNzguNzggMi4wNS43OCAyLjgzIDBsMTgtMThjLjc4LS43OS43OC0yLjA1LS4wMS0yLjgzem0tMTUuNDEgNi40MXYtNWgtOHY2aC00di04YzAtMS4xMS44OS0yIDItMmgxMHYtNWw3IDctNyA3eiIgZmlsbD0iI2ZmZiIvPiAgICA8cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 1em; border-radius: 1em; content: ""; position: absolute; display: block; width: 42px; height: 42px; bottom: -9px; margin-top: -11px; left: 13px; } @media (min-width: 1200px) { .widget-maps .map-additional-info { margin: 0; display: block; position: absolute; left: 300px; bottom: 9px; } .widget-maps .map-additional-info .app-maps { padding: 12px 25px 11px 65px; background: rgba(26, 26, 26, 0.75); } .widget-maps .map-additional-info .app-maps:before { bottom: -8px; transform: scale(0.7); } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget-maps .map-additional-info { margin: 15px auto; width: 100%; max-width: 355px; } .widget-maps .map-additional-info .app-maps { display: block; text-align: center; padding: 15px 0; } .widget-maps .map-additional-info .app-maps:before { bottom: 6px; left: calc((100% - 330px)/2); } } .widget-maps .distance .value { font-weight: 500; font-size: 18px; color: #ffffff; } .widget-maps a.button { position: absolute !important; top: 10px; right: 10px; z-index: 10; display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; margin: 0; } .widget-maps a.button [class^="\icons-tv-"] { display: none; } .widget-maps a.button:focus { outline: none; } .widget-maps a.button:hover, .widget-maps a.button.on { outline: none; cursor: pointer; } .widget-maps a.button.off, .widget-maps a.button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-maps a.button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-maps a.button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-maps a.button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-maps a.button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-maps a.button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-maps a.button [class^="\icons-tv-"] { display: none; } .widget-maps a.button:focus { outline: none; } .widget-maps a.button:hover, .widget-maps a.button.on { outline: none; cursor: pointer; } .widget-maps a.button.off, .widget-maps a.button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-maps a.button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-maps a.button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-maps a.button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-maps a.button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-maps a.button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-maps a.button.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps a.button.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps a.button.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps a.button.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps a.button.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps a.button:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 24px; margin: 0 5px 0 0; } .widget-maps a.button:before { vertical-align: middle; } .widget-maps .show-path > div > p > a:hover { color: #00305e !important; } .widget-maps #js-location-input { display: none; position: absolute; top: 10px; right: 10px; z-index: 10; width: 50%; } .widget-maps #js-location-input #pac-input { max-width: 100%; } .widget-maps #js-location-input .add-on { cursor: pointer; min-width: auto; background: #fff; display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; margin: 0; padding: 0 10px; position: absolute; top: 0; right: 0; z-index: 10; } .widget-maps #js-location-input .add-on [class^="\icons-tv-"] { display: none; } .widget-maps #js-location-input .add-on:focus { outline: none; } .widget-maps #js-location-input .add-on:hover, .widget-maps #js-location-input .add-on.on { outline: none; cursor: pointer; } .widget-maps #js-location-input .add-on.off, .widget-maps #js-location-input .add-on.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-maps #js-location-input .add-on:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-maps #js-location-input .add-on:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-maps #js-location-input .add-on:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-maps #js-location-input .add-on:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-maps #js-location-input .add-on:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-maps #js-location-input .add-on [class^="\icons-tv-"] { display: none; } .widget-maps #js-location-input .add-on:focus { outline: none; } .widget-maps #js-location-input .add-on:hover, .widget-maps #js-location-input .add-on.on { outline: none; cursor: pointer; } .widget-maps #js-location-input .add-on.off, .widget-maps #js-location-input .add-on.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-maps #js-location-input .add-on:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget-maps #js-location-input .add-on:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget-maps #js-location-input .add-on:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget-maps #js-location-input .add-on:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget-maps #js-location-input .add-on:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget-maps #js-location-input .add-on.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e660"; font-style: normal; font-size: 24px; margin: 0 5px 0 0; } .widget-maps #js-location-input .add-on:before { margin: 0; line-height: 40px; } .widget-maps .map-iframe { width: 100%; height: 100%; border: none; background: #e5e3df; } .widget-maps [id^="static_map_canvas"] .infoBox { position: absolute; left: 0; bottom: 0; } .modal-fullscreen { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: fixed; z-index: 2000; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #f5f5f5; background-color: rgba(0, 0, 0, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modal-fullscreen[aria-hidden="true"] { z-index: -1; } .modal-fullscreen[aria-hidden="false"] { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .modal-fullscreen .modal-inner { display: table; table-layout: fixed; height: 100%; width: 100%; } .modal-fullscreen .modal-aligner { display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 20px 0; } .modal-fullscreen .nav-control { background: none; border: 0; cursor: pointer; outline: none; position: absolute; top: 0; width: 75px; height: 100%; padding: 0; z-index: 3; color: #00305e; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal-fullscreen .nav-control:hover, .modal-fullscreen .nav-control:focus, .modal-fullscreen .nav-control:active { color: #ffffff; } .modal-fullscreen .nav-control span { font-size: 60px; } .modal-fullscreen .prev { left: 0; text-align: left; } .modal-fullscreen .prev span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .modal-fullscreen .next { right: 0; text-align: right; } .modal-fullscreen .next span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .modal-fullscreen .close { position: absolute; font-size: 30px; top: 20px; right: 20px; color: #1a1a1a; z-index: 20; opacity: 1; font-weight: 400; text-shadow: none; background: #00305e; padding: 10px 5px 5px; } .modal-fullscreen .close:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e630"; font-style: normal; font-size: notset; margin: notset; } .modal-fullscreen .close:hover, .modal-fullscreen .close:focus { background: #ffffff; opacity: 1; } .modal-fullscreen .modal-content { background-color: transparent; height: 100%; max-width: 100%; max-height: 730px; position: relative; overflow: hidden; border-radius: 2px; margin-left: auto; margin-right: auto; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; -o-transition: max-height 0.5s; transition: max-height 0.5s; } @media (min-width: 1920px) { .modal-fullscreen .modal-content { max-height: 910px; } } .modal-fullscreen .slideshow-images li { display: block; position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; z-index: 1; background-color: transparent; } .modal-fullscreen .slideshow-images li.active { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .modal-fullscreen .slideshow-images .img-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; } .modal-fullscreen .slideshow-images img { cursor: pointer; width: auto; height: 100%; } .modal-fullscreen .modal-bottom { text-align: center; } .modal-fullscreen .modal-captions { overflow: hidden; padding-bottom: 0; z-index: 4; padding: 25px 15px 15px; border-radius: 0; position: absolute; right: 0; bottom: 0; left: 0; background-color: transparent; background-image: 8121991; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); color: #ffffff; text-align: center; } .modal-fullscreen .modal-captions:hover .slideshow-caption-aligner, .modal-fullscreen .modal-captions.shown .slideshow-caption-aligner { top: 0; } .modal-fullscreen .modal-captions .title { text-align: left; text-transform: uppercase; } .modal-fullscreen .modal-captions .count { margin: 0 20px 0 0; } .modal-fullscreen .modal-captions-inner { overflow: hidden; margin-bottom: 25px; } .modal-fullscreen .slideshow-caption-row { font-size: 24px; } .modal-fullscreen .show-thumbs { color: #00305e; } .modal-fullscreen .slideshow-caption-aligner { position: relative; width: 1095px; top: 0; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: top 0.2s; -moz-transition: top 0.2s; -o-transition: top 0.2s; transition: top 0.2s; } .modal-fullscreen .slideshow-caption-aligner.collapsed { top: 90px; } .modal-fullscreen .captions-left, .modal-fullscreen .captions-right { display: inline-block; vertical-align: middle; } .modal-fullscreen .captions-left { width: 70%; } .modal-fullscreen .captions-right { width: 28%; margin-left: 2%; text-align: right; } .modal-fullscreen .thumbnails-viewport { position: relative; overflow: hidden; height: 90px; margin-top: 10px; } .modal-fullscreen .thumbnails-viewport li { float: left; background: #1a1a1a; list-style-type: none; margin: 0 0 0 10px; padding: 0; width: 120px; } .modal-fullscreen .thumbnails-viewport a { position: relative; display: inline-block; vertical-align: bottom; overflow: hidden; background-color: transparent; height: 67px; border: 2px solid #ffffff; width: 100%; zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal-fullscreen .thumbnails-viewport a.active { cursor: default; -webkit-box-shadow: 0 0 10px 2px rgba(255, 170, 145, 0.15); -moz-box-shadow: 0 0 10px 2px rgba(255, 170, 145, 0.15); box-shadow: 0 0 10px 2px rgba(255, 170, 145, 0.15); } .modal-fullscreen .thumbnails-viewport a:hover, .modal-fullscreen .thumbnails-viewport a:focus, .modal-fullscreen .thumbnails-viewport a.active { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .modal-fullscreen .thumbnails-viewport img { width: 100%; } .modal-fullscreen .thumbnails-viewport .carousel-scrollbar { background: #999999; height: 12px; margin-top: 10px; line-height: 0; } .modal-fullscreen .thumbnails-viewport .carousel-scrollbar .ui-slider-handle { width: 111px; height: 100%; background: #363636; border: 1px solid #ffffff; top: 0; margin: 0; opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal-fullscreen .thumbnails-viewport .carousel-scrollbar .ui-slider-handle:hover, .modal-fullscreen .thumbnails-viewport .carousel-scrollbar .ui-slider-handle:focus { background: #1a1a1a; } .modal-fullscreen .show-thumbs:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e615"; font-style: normal; font-size: notset; margin: notset; } body.modal-open { overflow: hidden !important; } .modalbox-holder { position: fixed; top: -2000px; left: 50%; z-index: 1060; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; background: #363636; color: #f5f5f5; -moz-box-shadow: 0 0 28px rgba(26, 26, 26, 0.2); -webkit-box-shadow: 0 0 28px rgba(26, 26, 26, 0.2); box-shadow: 0 0 28px rgba(26, 26, 26, 0.2); } .modalbox-holder * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modalbox-holder *:selection { color: transparent; } .modalbox-holder a { outline: none; } .modalbox-holder > .mb-box { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modalbox-holder > .mb-box > .mb-container { min-width: 120px; min-height: 90px; background: #1a1a1a; font-size: 0; overflow: hidden; } .modalbox-holder > .mb-box > .mb-container > .mb-main-area { height: 100%; } .modalbox-holder > .mb-box > .mb-container > .mb-main-area > .mb-left, .modalbox-holder > .mb-box > .mb-container > .mb-main-area > .mb-right, .modalbox-holder > .mb-box > .mb-container > .mb-main-area > .mb-middle-wrapper { display: inline-block; vertical-align: top; height: 100%; } .modalbox-holder > .mb-box > .mb-container > .mb-main-area > .mb-left, .modalbox-holder > .mb-box > .mb-container > .mb-main-area > .mb-right { width: 15%; width: -webkit-calc(130px); width: -moz-calc(130px); width: calc(130px); padding: 5px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modalbox-holder > .mb-box > .mb-container > .mb-main-area .mb-middle-wrapper { width: 69.9%; width: -webkit-calc(100% - 2 * 130px); width: -moz-calc(100% - 2 * 130px); width: calc(100% - 2 * 130px); } .modalbox-holder > .mb-box .mb-outer-close { width: 20px; height: 20px; position: absolute; top: 0; right: 0; cursor: pointer; } .modalbox-holder > .mb-box .mb-outer-close:before { width: 16px; height: 16px; content: "×"; display: inline-block; top: 0; margin: 10px 0 0 2px; font-size: 25px; line-height: 1px; color: #f5f5f5; } .modalbox-holder > .mb-box .mb-outer-close:hover { opacity: 0.7; } .modalbox-holder > .mb-box .mb-outer-close span { display: block; line-height: 0; } .modalbox-holder .mb-thumb { margin: 15px 0px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .modalbox-holder .mb-thumb:first-child { margin-top: 0; } .modalbox-holder .mb-thumb:last-child { margin-bottom: 0; } .modalbox-holder .mb-thumb img { width: 100%; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .modalbox-holder .mb-thumb img:hover { opacity: 0.7; cursor: pointer; } .modalbox-holder .mb-thumb span { display: block; position: relative; } .modalbox-holder .mb-thumb .active { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ffffff; background: #ffffff; } .modalbox-holder .mb-thumb .active img { opacity: 0.7; } .modalbox-holder .mb-thumb .active:hover { border: 3px solid #999999; } .modalbox-holder .mb-thumb .active:hover img { opacity: 0.5; } .modalbox-holder .mb-thumb.locked span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .modalbox-holder .mb-thumb.locked span:before { background: #cccccc; color: #ffffff; position: absolute; height: 20px; width: 20px; top: auto; bottom: 0; left: auto; right: 0; font-size: 12px; line-height: 20px; z-index: 1; text-align: center; } .modalbox-holder .mb-column-top, .modalbox-holder .mb-column-bottom { height: 5%; height: -webkit-calc(20px); height: -moz-calc(20px); height: calc(20px); margin: calc('5px') calc('0'); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .modalbox-holder .mb-column-top [class*="mb-trigger"], .modalbox-holder .mb-column-bottom [class*="mb-trigger"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #cccccc; height: 60%; height: -webkit-calc(100%); height: -moz-calc(100%); height: calc(100%); -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .modalbox-holder .mb-column-top [class*="mb-trigger"]:before, .modalbox-holder .mb-column-bottom [class*="mb-trigger"]:before { color: #363636; } .modalbox-holder .mb-column-top [class*="mb-trigger"]:hover, .modalbox-holder .mb-column-bottom [class*="mb-trigger"]:hover { background: #1a1a1a; border: 1px solid #f5f5f5; } .modalbox-holder .mb-column-top [class*="mb-trigger"]:hover:before, .modalbox-holder .mb-column-bottom [class*="mb-trigger"]:hover:before { color: #ffffff; } .modalbox-holder .mb-column-middle { height: 90%; height: -webkit-calc(100% - 2 * 20px); height: -moz-calc(100% - 2 * 20px); height: calc(100% - 2 * 20px); position: relative; overflow: hidden; padding: 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modalbox-holder .mb-column-middle > .mb-container { height: 100%; overflow: hidden; } .modalbox-holder .mb-column-middle > .mb-container .mCSB_container { margin-right: 20px; } .modalbox-holder .mb-column-middle > .mb-container .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .modalbox-holder [class^="mb-trigger-"] { display: block; height: 100%; cursor: pointer; position: relative; } .modalbox-holder [class^="mb-trigger-"]:before { content: ""; display: inline-block; width: 9px; height: 5px; background: url('../img/sprites.png') no-repeat; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -4px; } .modalbox-holder .mb-trigger-top:before { background-position: -13px -89px; } .modalbox-holder .mb-trigger-bottom:before { background-position: -38px -89px; } .modalbox-holder .mb-main-image { position: relative; cursor: pointer; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .modalbox-holder .mb-main-image .mb-inner-controls { position: absolute; top: 0; width: 100%; height: 100%; z-index: 110; } .modalbox-holder .mb-main-image .mb-inner-controls > a { display: block; width: 0%; height: 100%; background: rgba(0, 0, 0, 0.3); cursor: pointer; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; position: relative; } .modalbox-holder .mb-main-image .mb-inner-controls > a:before { content: ""; display: inline-block; width: 5px; height: 9px; background: url('../img/sprites.png') no-repeat; position: absolute; top: 50%; left: 50%; color: #999999; opacity: 0.01; } .modalbox-holder .mb-main-image .mb-inner-controls > a.mb-prev:before { background-position: -85px -87px; margin: -4px 0 0 -3px; } .modalbox-holder .mb-main-image .mb-inner-controls > a.mb-next:before { background-position: -66px -87px; margin: -4px 0 0 -2px; } .modalbox-holder .mb-main-image .mb-inner-controls .mb-prev { float: left; } .modalbox-holder .mb-main-image .mb-inner-controls .mb-next { float: right; } .modalbox-holder .mb-main-image:hover .mb-inner-controls > a { width: 45px; } .modalbox-holder .mb-main-image:hover .mb-inner-controls > a:before { opacity: 1; } .modalbox-holder .mb-image-container { width: 100%; } .modalbox-holder.revealed { opacity: 1; } .modalbox-holder.fade { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .modalbox-holder .mb-outer-bottom { color: #cccccc; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 0; } .modalbox-holder .mb-outer-bottom > div { display: inline-block; font-size: 15px; height: 100%; vertical-align: middle; max-height: 47px; overflow: hidden; } .modalbox-holder .mb-outer-bottom > div .mb-title { display: block; text-transform: uppercase; color: #ffffff; } .modalbox-holder .mb-outer-bottom > div .mb-title .mb-description { margin-top: 10px; } .modalbox-holder .mb-outer-bottom > div .mb-description { display: none; } .modalbox-holder .mb-outer-bottom > div:first-child { width: 70%; } .modalbox-holder .mb-outer-bottom > div:last-child { width: 30%; text-align: right; white-space: nowrap; } .modalbox-holder .mb-outer-bottom > div a { padding: 0; position: relative; background: #363636; width: 24px; height: 34px; z-index: 10; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; font-size: 13px; width: auto; height: auto; line-height: 30px !important; padding: 0 5px; } .modalbox-holder .mb-outer-bottom > div a:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .modalbox-holder .mb-outer-bottom > div a:before { line-height: auto; font-size: 13px; } .modalbox-holder .mb-outer-bottom > div a:hover, .modalbox-holder .mb-outer-bottom > div a:focus, .modalbox-holder .mb-outer-bottom > div a:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .modalbox-holder .mb-outer-bottom > div a + a { margin-left: 10px; } .modalbox-holder .mb-outer-bottom > div a.mb-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .modalbox-holder .mb-outer-bottom > div a.mb-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .modalbox-holder .mb-outer-bottom .image-count { display: inline-block; vertical-align: middle; margin: 0 15px 0 0; } .modalbox-holder .mb-outer-bottom .image-count > span { color: #ffffff; } .modalbox-holder.locked .mb-main-container { position: relative; } .modalbox-holder.locked .mb-main-container .mb-main-bottom:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e640"; font-style: normal; font-size: notset; margin: notset; } .modalbox-holder.locked .mb-main-container .mb-main-bottom:before { background: #cccccc; color: #ffffff; position: absolute; height: 40px; width: 40px; top: auto; bottom: 0; left: auto; right: 0; font-size: 24px; line-height: 40px; z-index: 100; text-align: center; } .modalbox-holder .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #cccccc; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .modalbox-holder.in { height: 100% !important; width: 100% !important; left: 0 !important; top: 0 !important; } .modalbox-holder.in > .mb-box { padding: 30px 0 0; } .modalbox-holder.in > .mb-box > .mb-container { height: auto !important; } .modalbox-holder.in > .mb-box > .mb-container > .mb-main-area > .mb-left, .modalbox-holder.in > .mb-box > .mb-container > .mb-main-area > .mb-right { display: none; } .modalbox-holder.in > .mb-box > .mb-container > .mb-main-area .mb-middle-wrapper { width: 100%; } .modalbox-holder.in > .mb-box .mb-outer-close { width: 30px; height: 30px; text-align: center; line-height: 34px; } .modalbox-holder.in > .mb-box .mb-outer-close:before { margin: 0; } .modalbox-holder.in .mb-outer-bottom > div { width: 100% !important; text-align: center !important; max-height: 200px; } .modalbox-holder.in .mb-outer-bottom > div:first-child { padding: 0 10px; box-sizing: border-box; } .modalbox-holder.in .mb-outer-bottom > div .image-count { display: block; margin: 10px 0; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .modalbox-holder.in { height: 100% !important; width: 100% !important; left: 0 !important; top: 0 !important; } .modalbox-holder.in > .mb-box { padding: 30px 0 0; } .modalbox-holder.in > .mb-box > .mb-container { height: auto !important; } .modalbox-holder.in > .mb-box > .mb-container > .mb-main-area > .mb-left, .modalbox-holder.in > .mb-box > .mb-container > .mb-main-area > .mb-right { display: none; } .modalbox-holder.in > .mb-box > .mb-container > .mb-main-area .mb-middle-wrapper { width: 100%; } .modalbox-holder.in > .mb-box .mb-outer-close { width: 30px; height: 30px; text-align: center; line-height: 34px; } .modalbox-holder.in > .mb-box .mb-outer-close:before { margin: 0; } .modalbox-holder.in .mb-outer-bottom > div:first-child { position: absolute; top: 0; line-height: 30px; width: calc(100% - 30px); padding: 0 10px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .modalbox-holder.in .mb-outer-bottom > div:last-child { position: absolute; top: 40px; right: 10px; text-align: right; max-height: 200px; } .modalbox-holder.in .mb-outer-bottom > div .image-count { display: block; margin: 0 0 10px; } .modalbox-holder .mb-main-container { width: 66%; } } .mb-open { overflow: hidden; } .zoomContainer { z-index: 9999; } .zoomLens { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #333; } .has-zoom { position: relative; z-index: 100; } .isapb-wrapper { background: #ffffff; -moz-box-shadow: 1px 1px 4px rgba(26, 26, 26, 0.2); -webkit-box-shadow: 1px 1px 4px rgba(26, 26, 26, 0.2); box-shadow: 1px 1px 4px rgba(26, 26, 26, 0.2); margin: auto; position: fixed; z-index: 9999; padding: 18px; cursor: pointer; } .isapb-wrapper > div { position: relative; } .isapb-wrapper > div img { position: absolute; } .isapb-wrapper > div .isapb-close { background: #ffffff; height: 30px; width: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 0; top: 0; padding-left: 14px; cursor: pointer; color: #00305e; z-index: 999; } .isapb-wrapper > div .isapb-close span { font-size: 20px; font-weight: 500; display: inline-block; margin-top: -5px; } .isapb-wrapper > div .isapb-close:hover { color: #00305e; } .isapb-wrapper .isapb-controls { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -20px; visibility: hidden; } .isapb-wrapper .isapb-controls [id^="isapb-arrow-"] { padding: 10px; position: absolute; cursor: pointer; color: #ffffff; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; background: rgba(0, 0, 0, 0.01); } .isapb-wrapper .isapb-controls [id^="isapb-arrow-"] span { width: auto; display: block; padding: 10px; background: #00305e; } .isapb-wrapper .isapb-controls #isapb-arrow-left { left: 8px; } .isapb-wrapper .isapb-controls #isapb-arrow-right { right: 8px; } .isapb-wrapper .isapb-bottombar { height: 40px; text-transform: uppercase; background: #00305e; margin-top: 14px; color: #ffffff; } .isapb-wrapper .isapb-bottombar .isapb-bottombar-title { font-size: 12px; text-transform: uppercase; width: 60%; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; } .isapb-wrapper .isapb-bottombar .isapb-bottombar-title p { margin: 15px 0 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .isapb-wrapper .isapb-bottombar .isapb-bottombar-count { width: 30%; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; text-align: right; margin-right: 10px; } .isapb-wrapper .isapb-bottombar .isapb-bottombar-count > p { font-size: 11px; margin-top: 15px; } .isapb-wrapper:hover .isapb-controls { visibility: visible; } .isapb-wrapper [class^="isapb-panel-"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.01); height: 100%; position: absolute !important; top: 0; width: 50%; } .isapb-wrapper .isapb-panel-right { right: 0; } .isapb-wrapper .isapb-panel-left { left: 0; } .breadcrumbs-wrapper { float: left; margin-right: 0; width: 55%; } @media (max-width: 979px) { .breadcrumbs-wrapper { width: 78%; } } .breadcrumbs-wrapper .breadcrumbs { font-size: 15px; padding: 0; margin: auto 0; } @media (min-width: 768px) { .breadcrumbs-wrapper .breadcrumbs { white-space: nowrap; } } .breadcrumbs-wrapper .breadcrumbs li { float: left; list-style: none; color: #1a1a1a; } .breadcrumbs-wrapper .breadcrumbs li.separator { margin: 0 10px; color: #1a1a1a; } .breadcrumbs-wrapper .breadcrumbs li.separator .separator-icon { font-size: 15px; color: #1a1a1a; } .breadcrumbs-wrapper .breadcrumbs li.separator .separator-icon:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; font-style: normal; font-size: notset; margin: notset; } .breadcrumbs-wrapper .breadcrumbs li.descr { margin-right: 10px; } .breadcrumbs-wrapper .breadcrumbs li.descr b { color: #1a1a1a; font-size: 18px; font-weight: normal; display: inline-block; margin-top: -3px; } .breadcrumbs-wrapper .breadcrumbs li.go-back { margin-right: 15px; } .breadcrumbs-wrapper .breadcrumbs li.go-back a { text-decoration: none; } .breadcrumbs-wrapper .breadcrumbs li.go-back a span:last-child { text-decoration: none; } .breadcrumbs-wrapper .breadcrumbs li a { color: #1a1a1a; } .breadcrumbs-wrapper .breadcrumbs li a:hover { color: #00305e; } @media (max-width: 767px) { .breadcrumbs-wrapper .breadcrumbs li { display: inline-block; float: inherit; } } .navigation { position: relative; margin: 0; padding: 15px 10px; *zoom: 1; } .navigation:before, .navigation:after { content: " "; display: block; clear: both; } .navigation .navigation-wrapper { float: right; margin-left: 5%; width: 40%; font-size: 15px; white-space: nowrap; overflow: hidden; text-align: right; } @media (max-width: 979px) { .navigation .navigation-wrapper { width: 22%; margin-left: 0; } } .navigation .navigation-wrapper .nav-link { background-position: left center; background-repeat: no-repeat; text-decoration: none; text-align: center; display: inline-block; width: 27%; overflow: hidden; text-overflow: ellipsis; position: relative; color: #1a1a1a; vertical-align: middle; } .navigation .navigation-wrapper .nav-link:hover { color: #00305e; } .navigation .navigation-wrapper .nav-link span { /*color: #11519C;*/ line-height: 14px; display: none; } .navigation .navigation-wrapper .nav-link:before { height: 12px; width: 10px; margin-top: 0; position: absolute; display: inline-block; vertical-align: middle; font-family: "icomoonicheck"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; } .navigation .navigation-wrapper .nav-link.nav-next { padding-right: 10px; } .navigation .navigation-wrapper .nav-link.nav-next:before { content: "\e617"; right: 0; } .navigation .navigation-wrapper .nav-link.nav-prev { padding-left: 10px; } .navigation .navigation-wrapper .nav-link.nav-prev:before { content: "\e61a"; margin-left: -15px; } .navigation .navigation-wrapper .list-info { padding: 0 2em; color: #363636; } .navigation .navigation-wrapper .list-info strong { color: #1a1a1a; font-weight: normal; } @media (max-width: 767px) { .breadcrumbs-wrapper, .navigation-wrapper { width: 100% !important; margin: 0; text-align: left !important; } .navigation-wrapper { display: none; } .breadcrumbs-wrapper { width: 100%; } .breadcrumbs-wrapper .breadcrumbs { font-size: 13px; } .breadcrumbs-wrapper .breadcrumbs .go-back, .breadcrumbs-wrapper .breadcrumbs .decr { margin-right: 5px !important; } .breadcrumbs-wrapper .breadcrumbs b { font-size: 13px !important; } .breadcrumbs-wrapper .breadcrumbs li.separator { margin: 0 5px; } .navigation .navigation-wrapper .list-info { padding-left: 0; } } body #cc-notification { position: fixed !important; z-index: 99999998 !important; left: 0 !important; right: notset !important; top: notset !important; bottom: notset !important; width: 100% !important; background: rgba(26, 26, 26, 0.75) !important; background-color: rgba(26, 26, 26, 0.75) !important; color: #ffffff !important; border-width: 0 0 1px !important; border-style: solid !important; border-color: #999999 !important; font-family: 'Oxanium', Verdana, Helvetica, Sans-serif !important; font-size: #cccccc !important; } body #cc-notification.at-bottom { position: relative !important; } body #cc-notification #cc-notification-permissions { display: none; } body #cc-notification #cc-notification-permissions ul { margin: 0 0 26px !important; padding: 0 !important; list-style: none !important; float: left !important; } body #cc-notification #cc-notification-permissions li { margin: 0 0 10px 30px !important; padding: 6px 0 0 !important; list-style: none !important; width: auto !important; color: #ffffff !important; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } body #cc-notification #cc-notification-permissions li label { font-size: 15px !important; line-height: 1.3em; color: #ffffff !important; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } body #cc-notification #cc-notification-permissions li input { float: left !important; margin-left: -30px !important; margin-top: 0 !important; } body #cc-notification #cc-notification-permissions li strong { color: #00305e !important; display: block !important; font-size: 15px; letter-spacing: -0.05em; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } body #cc-notification #cc-notification-permissions li a.cc-learnmore-link { -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } body #cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive { color: #666 !important; } body #cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive label { color: #666 !important; } body #cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive strong { color: #1D658E !important; } body #cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link { color: #666 !important; } body #cc-notification ul.cc-notification-buttons { position: absolute !important; right: 0 !important; top: 5px !important; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body #cc-notification ul.cc-notification-buttons li { margin: 0 !important; padding: 0 !important; list-style: none !important; } body #cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites { background-color: #00305e !important; } body #cc-notification #cc-notification-wrapper { padding: 20px 32px 0 !important; } body #cc-notification a:hover { text-decoration: underline !important; color: #B2F7FF !important; } body #cc-notification .cookie-header { margin-right: 320px !important; } body #cc-notification .cookie-header a { letter-spacing: -0.05em; font-size: 15px; } body #cc-notification h3 { margin-top: 10px !important; } body #cc-notification.cc-mobile { position: relative !important; border-bottom: 0 !important; } body #cc-notification.cc-mobile #cc-notification-wrapper { margin-right: 0 !important; } body #cc-notification.cc-mobile ul.cc-notification-buttons { padding-top: 1px !important; position: relative !important; right: 0 !important; top: 0 !important; width: auto !important; clear: both; } body #cc-notification.cc-mobile #cc-notification-permissions li { width: auto !important; } body #cc-notification.cc-mobile .cookie-header { margin-right: 0 !important; } body #cc-notification.cc-bottom { bottom: 0 !important; } body #cc-notification.cc-top { top: auto !important; bottom: 0 !important; } body #cc-notification.cc-push { top: 0 !important; } body #cc-tag { position: fixed !important; z-index: 999999999 !important; bottom: 0 !important; right: 10% !important; display: none; } body #cc-tag a { padding: 0 12px !important; text-decoration: none !important; } body #cc-tag a span { font-size: 12pt !important; } body #cc-tag.cc-tag-bottom-left { right: auto !important; left: 10% !important; } body #cc-tag.cc-tag-horizontal-right { right: 0 !important; bottom: 20% !important; } body #cc-tag.cc-tag-horizontal-left { left: 0 !important; right: auto !important; bottom: 20% !important; } body #cc-tag.cc-tag-vertical-right { right: 0 !important; bottom: 20% !important; } body #cc-tag.cc-tag-vertical-left { left: 0 !important; right: auto !important; bottom: 20% !important; } body .cc-clear { clear: both !important; } body #cc-notification .cc-logo, body #cc-tag .cc-logo, body #cc-modal .cc-logo, body #cc-settingsmodal .cc-logo { background-image: none; width: 142px; height: 32px; position: absolute; right: 32px; bottom: 20px; background-color: transparent; background-position: center center; background-repeat: no-repeat; padding: 5px; } body .cc-logo span { display: none; } body #cc-notification.cc-dark ul.cc-notification-buttons li a, body #cc-notification.cc-dark ul.cc-notification-buttons li a:visited, body #cc-notification.cc-light ul.cc-notification-buttons li a, body #cc-notification.cc-light ul.cc-notification-buttons li a:visited { background-color: #00305e !important; color: #ffffff !important; } body #cc-notification.cc-dark ul.cc-notification-buttons li a:hover, body #cc-notification.cc-dark ul.cc-notification-buttons li a:active, body #cc-notification.cc-dark ul.cc-notification-buttons li #cc-approve-button-allsites:hover, body #cc-notification.cc-dark ul.cc-notification-buttons li #cc-approve-button-allsites:active, body #cc-notification.cc-light ul.cc-notification-buttons li a:hover, body #cc-notification.cc-light ul.cc-notification-buttons li a:active, body #cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:hover, body #cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:active { background-color: #3c8624 !important; color: #ffffff !important; } body #cc-notification ul.cc-notification-buttons li a, body #cc-notification ul.cc-notification-buttons li a:visited { float: right !important; margin-top: 8px !important; margin-bottom: 6px !important; display: block; padding: 8px 16px !important; background-color: #00305e !important; color: #ffffff !important; margin-right: 12px !important; text-decoration: none !important; font-size: 12pt !important; font-weight: 400; letter-spacing: -0.05em; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; -moz-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s; -webkit-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s; } body #cc-notification.cc-mobile ul.cc-notification-buttons li a, body #cc-notification.cc-mobile ul.cc-notification-buttons li a:visited { float: none !important; } body #cc-notification a, body #cc-notification a:visited { text-decoration: none !important; color: #00305e !important; font-size: 11pt; } body #cc-notification .cookie-header, body #cc-notification h3, body #cc-notification p { color: #F5F5F5 !important; margin: 0 !important; text-align: center !important; font-size: 11pt; width: auto !important; } body #cc-notification .cookie-header span, body #cc-notification .cookie-header { font-size: 15px; letter-spacing: -0.05em; margin-bottom: 20px !important; font-weight: 400 !important; } body #cc-notification .cookie-header { padding: 0 11% 0 5% !important; } body #cc-notification.cc-notification-afterload ul.cc-notification-buttons { top: auto !important; bottom: 5px !important; } body #cc-notification ul.cc-notification-buttons li a:hover, body #cc-notification ul.cc-notification-buttons li a:active, body #cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover, body #cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active { text-decoration: none !important; background-color: #f5f5f5 !important; box-shadow: 1px 2px 10px #000; -moz-box-shadow: 1px 2px 10px #000; -webkit-box-shadow: 1px 2px 10px #000; } body #cc-tag a, body #cc-tag a:visited { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 12pt !important; background-color: #1d1d1d !important; background-repeat: no-repeat; background-position: 6px 7px; color: #F5F5F5 !important; padding: 8px 12px 8px 12px !important; text-decoration: none !important; display: block; border-top: 3px solid #666 !important; border-right: 3px solid #666 !important; border-left: 3px solid #666 !important; border-radius: 3px 3px 0 0 !important; -moz-border-radius: 3px 3px 0 0 !important; -webkit-border-radius: 3px 3px 0 0 !important; box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; transition: color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; -moz-transition: color 0.2s ease-in-out 0s, -moz-box-shadow 0.2s ease-in-out 0s; -webkit-transition: color 0.2s ease-in-out 0s, -webkit-box-shadow 0.2s ease-in-out 0s; } body #cc-tag.cc-tag-horizontal-right a, body #cc-tag.cc-tag-horizontal-right a:visited { -webkit-transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg) !important; -o-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; margin-right: -82px !important; padding: 8px 12px 60px 12px !important; } body #cc-tag.cc-tag-horizontal-left a, body #cc-tag.cc-tag-horizontal-left a:visited { -webkit-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important; -o-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; margin-left: -82px !important; padding: 8px 12px 60px 12px !important; } body #cc-tag.cc-tag-vertical-right a, body #cc-tag.cc-tag-vertical-right a:visited { -webkit-transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg) !important; -o-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; margin-right: -82px !important; padding: 8px 12px 60px 12px !important; } body #cc-tag.cc-tag-vertical-left a, body #cc-tag.cc-tag-vertical-left a:visited { -webkit-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important; -o-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; margin-left: -82px !important; padding: 8px 12px 60px 12px !important; } body #cc-tag a:hover, body #cc-tag a:active { border-top: 3px solid #F1D600 !important; border-right: 3px solid #F1D600 !important; border-left: 3px solid #F1D600 !important; box-shadow: 2px 2px 7px #000; -moz-box-shadow: 2px 2px 7px #000; -webkit-box-shadow: 2px 2px 7px #000; } @media (max-width: 767px) { body #cc-notification ul.cc-notification-buttons { position: relative !important; } body #cc-notification ul.cc-notification-buttons li { text-align: center; } body #cc-notification ul.cc-notification-buttons li a, body #cc-notification ul.cc-notification-buttons li a:visited { display: inline-block; float: none !important; margin-top: 0 !important; } body #cc-notification .cookie-header span, body #cc-notification .cookie-header { margin-bottom: 0 !important; } } #cc-modal, #cc-settingsmodal, #cc-tag, #cc-notification, #cc-modal div, #cc-modal span, #cc-modal iframe, #cc-modal h1, #cc-modal .cookie-header, #cc-modal h3, #cc-modal h4, #cc-modal h5, #cc-modal h6, #cc-modal p, #cc-modal pre, #cc-modal a, #cc-modal code, #cc-modal em, #cc-modal img, #cc-modal s, #cc-modal small, #cc-modal strong, #cc-modal b, #cc-modal u, #cc-modal i, #cc-modal dl, #cc-modal dt, #cc-modal dd, #cc-modal ol, #cc-modal ul, #cc-modal li, #cc-modal form, #cc-modal label, #cc-settingsmodal div, #cc-settingsmodal span, #cc-settingsmodal iframe, #cc-settingsmodal h1, #cc-settingsmodal .cookie-header, #cc-settingsmodal h3, #cc-settingsmodal h4, #cc-settingsmodal h5, #cc-settingsmodal h6, #cc-settingsmodal p, #cc-settingsmodal pre, #cc-settingsmodal a, #cc-settingsmodal code, #cc-settingsmodal em, #cc-settingsmodal img, #cc-settingsmodal s, #cc-settingsmodal small, #cc-settingsmodal strong, #cc-settingsmodal b, #cc-settingsmodal u, #cc-settingsmodal i, #cc-settingsmodal dl, #cc-settingsmodal dt, #cc-settingsmodal dd, #cc-settingsmodal ol, #cc-settingsmodal ul, #cc-settingsmodal li, #cc-settingsmodal form, #cc-settingsmodal label, #cc-tag div, #cc-tag span, #cc-tag iframe, #cc-tag h1, #cc-tag .cookie-header, #cc-tag h3, #cc-tag h4, #cc-tag h5, #cc-tag h6, #cc-tag p, #cc-tag pre, #cc-tag a, #cc-tag code, #cc-tag em, #cc-tag img, #cc-tag s, #cc-tag small, #cc-tag strong, #cc-tag b, #cc-tag u, #cc-tag i, #cc-tag dl, #cc-tag dt, #cc-tag dd, #cc-tag ol, #cc-tag ul, #cc-tag li, #cc-tag form, #cc-tag label, #cc-notification div, #cc-notification span, #cc-notification iframe, #cc-notification h1, #cc-notification .cookie-header, #cc-notification h3, #cc-notification h4, #cc-notification h5, #cc-notification h6, #cc-notification p, #cc-notification pre, #cc-notification a, #cc-notification code, #cc-notification em, #cc-notification img, #cc-notification s, #cc-notification small, #cc-notification strong, #cc-notification b, #cc-notification u, #cc-notification i, #cc-notification dl, #cc-notification dt, #cc-notification dd, #cc-notification ol, #cc-notification ul, #cc-notification li, #cc-notification form, #cc-notification label { font-family: 'Oxanium', Verdana, Helvetica, Sans-serif; } .widget.widget-userlist .widget-header { display: block; } .widget.widget-userlist .widget-header:empty { display: none !important; } .widget.widget-userlist .widget-content { padding: 0; } .widget.widget-userlist .responsible-block { position: relative; width: 100%; margin: 0; padding: 0; *zoom: 1; } .widget.widget-userlist .responsible-block:before, .widget.widget-userlist .responsible-block:after { content: " "; display: block; clear: both; } .widget.widget-userlist .responsible-block .responsible-inner { overflow: hidden; white-space: nowrap; position: relative; } .widget.widget-userlist .responsible-block .person { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; border-width: 0 0 0 0; border-style: solid; border-color: transparent; padding: 0 0 20px 0; float: left; overflow: visible; margin-bottom: 15px; height: auto; position: relative; } .widget.widget-userlist .responsible-block .person:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-width: 0 0 0 0; border-style: solid; border-color: transparent; } .widget.widget-userlist .responsible-block .person:hover .photo img { transform: scale(1.15); } .widget.widget-userlist .responsible-block .person .photo { height: auto; width: 100%; text-align: center; box-sizing: border-box; } .widget.widget-userlist .responsible-block .person .photo > span { display: block; height: auto; overflow: hidden; } .widget.widget-userlist .responsible-block .person .photo img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .widget.widget-userlist .responsible-block .person .info { margin-top: 0; min-height: 51px; line-height: 1.4 !important; } .widget.widget-userlist .responsible-block .person .info > [class*="contact-"]:before { vertical-align: middle; color: #363636; } .widget.widget-userlist .responsible-block .person .info a { color: #1a1a1a; } .widget.widget-userlist .responsible-block .person .info a:hover { color: #00305e; } .widget.widget-userlist .responsible-block .person .info a:focus { color: #00305e; } .widget.widget-userlist .responsible-block .person .info a:focus { color: #00305e; } .widget.widget-userlist .responsible-block .person .info a:visited { color: notset; } .widget.widget-userlist .responsible-block .person .name { text-transform: none; color: #1a1a1a; font-weight: 600; margin: 10px 0 5px; font-size: 18px; } .widget.widget-userlist .responsible-block .person .contact-positionstring { margin-bottom: 5px; color: #1a1a1a; } .widget.widget-userlist .responsible-block .person .contact-positionstring:after { display: none; } .widget.widget-userlist .responsible-block .person .contact-contactphone .contact-label, .widget.widget-userlist .responsible-block .person .contact-contactmobilephone .contact-label, .widget.widget-userlist .responsible-block .person .contact-contactfax .contact-label, .widget.widget-userlist .responsible-block .person .contact-email .contact-label, .widget.widget-userlist .responsible-block .person .contact-positionstring .contact-label { display: none; } .widget.widget-userlist .responsible-block .person .contact-contactphone:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e942"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .contact-contactmobilephone:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .contact-contactfax:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67f"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .contact-email { margin-top: 5px; } .widget.widget-userlist .responsible-block .person .contact-email:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .form-togglers .button { display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; margin-right: 15px; margin: 15px 15px 0 0; padding: 0 30px; } .widget.widget-userlist .responsible-block .person .form-togglers .button [class^="\icons-tv-"] { display: none; } .widget.widget-userlist .responsible-block .person .form-togglers .button:focus { outline: none; } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover, .widget.widget-userlist .responsible-block .person .form-togglers .button.on { outline: none; cursor: pointer; } .widget.widget-userlist .responsible-block .person .form-togglers .button.off, .widget.widget-userlist .responsible-block .person .form-togglers .button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget-userlist .responsible-block .person .form-togglers .button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget.widget-userlist .responsible-block .person .form-togglers .button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget.widget-userlist .responsible-block .person .form-togglers .button [class^="\icons-tv-"] { display: none; } .widget.widget-userlist .responsible-block .person .form-togglers .button:focus { outline: none; } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover, .widget.widget-userlist .responsible-block .person .form-togglers .button.on { outline: none; cursor: pointer; } .widget.widget-userlist .responsible-block .person .form-togglers .button.off, .widget.widget-userlist .responsible-block .person .form-togglers .button.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget-userlist .responsible-block .person .form-togglers .button:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .widget.widget-userlist .responsible-block .person .form-togglers .button:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .widget.widget-userlist .responsible-block .person .form-togglers .button:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .widget.widget-userlist .responsible-block .person .form-togglers .button.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .form-togglers .button.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .form-togglers .button.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .form-togglers .button.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .person .form-togglers .button.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .widget.widget-userlist.userlist-carousel .carousel-controls.controls-external { display: none; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls { position: absolute; z-index: 10; top: auto; right: 0; bottom: 5px; left: 0; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev { margin: 0 0 0 10px; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61f"; font-style: normal; font-size: notset; margin: notset; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next { margin: 0 10px 0 0; float: right; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e622"; font-style: normal; font-size: notset; margin: notset; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next { font-size: 30px; opacity: 1; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; color: #00305e; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev:hover, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next:hover, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev:focus, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next:focus { color: #00305e; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev:not(.disabled), .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next:not(.disabled) { cursor: pointer; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev.disabled, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next.disabled { opacity: 0.5; } .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev.disabled, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next.disabled, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev.disabled:hover, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next.disabled:hover, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev.disabled:focus, .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next.disabled:focus { color: #999999; } .widget.widget-userlist.col8 .person { width: 13.42857143%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col8 .person:nth-child(7n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(7) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col8 .person:nth-child(7n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(-n + 7) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col8 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col8 .person:nth-child(7n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(-n + 7) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person { width: 11.625%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col8 .person:nth-child(8n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(8) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(7) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col8 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col8 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col8 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col8 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col8 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col8 .person { width: 100%; } } .widget.widget-userlist.col7 .person { width: 15.83333333%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col7 .person:nth-child(6n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col7 .person:nth-child(6n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(-n + 6) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col7 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col7 .person:nth-child(6n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(-n + 6) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person { width: 13.42857143%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col7 .person:nth-child(7n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(7) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col7 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col7 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col7 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col7 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col7 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col7 .person { width: 100%; } } .widget.widget-userlist.col6 .person { width: 19.2%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col6 .person:nth-child(5n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col6 .person:nth-child(5n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(-n + 5) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col6 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col6 .person:nth-child(5n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(-n + 5) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person { width: 15.83333333%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col6 .person:nth-child(6n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col6 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col6 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col6 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col6 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col6 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col6 .person { width: 100%; } } .widget.widget-userlist.col5 .person { width: 24.25%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col5 .person:nth-child(4n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col5 .person:nth-child(4n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(-n + 4) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col5 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col5 .person:nth-child(4n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(-n + 4) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person { width: 19.2%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col5 .person:nth-child(5n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col5 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col5 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col5 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col5 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col5 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col5 .person { width: 100%; } } .widget.widget-userlist.col4 .person { width: 32.66666667%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col4 .person:nth-child(3n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col4 .person:nth-child(3n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(-n + 3) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col4 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col4 .person:nth-child(3n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(-n + 3) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person { width: 24.25%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col4 .person:nth-child(4n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col4 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col4 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col4 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col4 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col4 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col4 .person { width: 100%; } } .widget.widget-userlist.col3 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col3 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col3 .person:nth-child(2n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(-n + 2) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col3 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col3 .person:nth-child(2n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(-n + 2) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person { width: 32.66666667%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col3 .person:nth-child(3n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col3 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col3 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col3 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col3 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col3 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col3 .person { width: 100%; } } .widget.widget-userlist.col2 .person { width: 100%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col2 .person:nth-child(1n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col2 .person:nth-child(1n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col2 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col2 .person:nth-child(1n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col2 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col2 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col2 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col2 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col2 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col2 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col2 .person { width: 100%; } } .widget.widget-userlist.col1 .person { width: 100%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col1 .person:nth-child(1n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:first-child { border-width: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col1 .person:nth-child(1n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col1 .person:nth-child(2n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:first-child { border-width: 0; } } @media (min-width: 1500px) { .widget.widget-userlist.col1 .person:nth-child(1n + 1) { margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person { width: 100%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col1 .person:nth-child(1n + 1) { margin-left: 0; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; border-width: 0 0 0 0; } .widget.widget-userlist.col1 .person:first-child { border-width: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .widget.widget-userlist.col1 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col1 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col1 .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col1 .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col1 .person { width: 100%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .widget.widget-userlist.user-page.col4 .person { width: 33.33% !important; margin-top: 0 !important; margin-left: 0; } .widget.widget-userlist.user-page.col4 .person:nth-child(4n+1) { border-width: 0 0 0 0 !important; } .widget.widget-userlist.user-page.col4 .person:nth-child(3n+1) { border-width: 0 0 0 0 !important; margin: 0 !important; } .widget.widget-userlist.user-page.col4 .person:nth-child(1), .widget.widget-userlist.user-page.col4 .person:nth-child(2), .widget.widget-userlist.user-page.col4 .person:nth-child(3) { margin-top: 0 !important; margin-bottom: 15px !important; border-width: 0 0 0 0 !important; } .widget.widget-userlist.user-page.col4 .person:first-child { border-width: 0 !important; } } .widget.widget-userlist.col300 .person { width: 300px; margin-left: 15px; } .widget.widget-userlist.col250 .person { width: 250px; margin-left: 15px; } .widget.widget-userlist.col200 .person { width: 200px; margin-left: 15px; } .widget.widget-userlist.col150 .person { width: 150px; margin-left: 15px; } .widget.widget-userlist.col100 .person { width: 100px; margin-left: 15px; } .widget.widget-userlist.col50 .person { width: 50px; margin-left: 15px; } .widget.widget-userlist.ul-photo-top .responsible-block .person { text-align: left; } .widget.widget-userlist.ul-photo-top .responsible-block .person .photo { margin: 0; } .widget.widget-userlist.ul-photo-left .responsible-block .person { white-space: nowrap; } .widget.widget-userlist.ul-photo-left .responsible-block .person .photo-cont, .widget.widget-userlist.ul-photo-left .responsible-block .person .info { display: inline-block; vertical-align: top; } .widget.widget-userlist.ul-photo-left .responsible-block .person .info { padding-left: 15px; width: calc(100% - 115%); } .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-label { width: 75px; display: inline-block; padding-right: 10px; } .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactphone a, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactmobilephone a, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactfax a { color: #1a1a1a; } .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactphone a:hover, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactmobilephone a:hover, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactfax a:hover { color: #00305e; } .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactphone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactmobilephone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactfax a:focus { color: #00305e; } .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactphone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactmobilephone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactfax a:focus { color: #00305e; } .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactphone a:visited, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactmobilephone a:visited, .widget.widget-userlist.ul-photo-left .responsible-block .person .contact-contactfax a:visited { color: notset; } .page-userlist .widget.widget-userlist .responsible-holder, .widget.widget-userlist.user-page .responsible-holder { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 979px) { .page-userlist .widget.widget-userlist .responsible-holder, .widget.widget-userlist.user-page .responsible-holder { margin: 0 -5px; } .page-userlist .widget.widget-userlist .person, .widget.widget-userlist.user-page .person { -webkit-flex-basis: calc((100% - 10px * 3) / 3); -moz-flex-basis: calc((100% - 10px * 3) / 3); -ms-flex-basis: calc((100% - 10px * 3) / 3); flex-basis: calc((100% - 10px * 3) / 3); width: auto; margin: 5px !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .page-userlist .widget.widget-userlist .responsible-holder, .widget.widget-userlist.user-page .responsible-holder { margin: 0 -5px; } .page-userlist .widget.widget-userlist .person, .widget.widget-userlist.user-page .person { -webkit-flex-basis: calc((100% - 10px * 2) / 2); -moz-flex-basis: calc((100% - 10px * 2) / 2); -ms-flex-basis: calc((100% - 10px * 2) / 2); flex-basis: calc((100% - 10px * 2) / 2); width: auto; margin: 5px !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .page-userlist .widget.widget-userlist .responsible-holder, .widget.widget-userlist.user-page .responsible-holder { margin: 0 -5px; } .page-userlist .widget.widget-userlist .person, .widget.widget-userlist.user-page .person { -webkit-flex-basis: calc((100% - 10px * 2) / 2); -moz-flex-basis: calc((100% - 10px * 2) / 2); -ms-flex-basis: calc((100% - 10px * 2) / 2); flex-basis: calc((100% - 10px * 2) / 2); width: auto; margin: 5px !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .page-userlist .widget.widget-userlist .responsible-holder, .widget.widget-userlist.user-page .responsible-holder { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .page-userlist .widget.widget-userlist .person, .widget.widget-userlist.user-page .person { width: calc(100% - 10px); margin-left: 0; } } .userlist-pages { margin-bottom: 10px; } @media (max-width: 767px) { .widget-userlist.userlist-page .responsible-block .person { padding: 0 0 45px 0; } .widget-userlist.userlist-page .responsible-block .person .person-data { font-size: 0; display: flex; flex-direction: column; width: 100%; margin-bottom: 15px; } .widget-userlist.userlist-page .responsible-block .person .person-data .photo-cont { width: 100%; } .widget-userlist.userlist-page .responsible-block .person .person-data .info { width: 100%; font-size: 20px; } .widget-userlist.userlist-page .responsible-block .person .person-data .info .name { font-size: 30px; } .widget-userlist.userlist-page .responsible-block .person .photo-cont, .widget-userlist.userlist-page .responsible-block .person .info { display: inline-block; vertical-align: top; font-size: 10px; box-sizing: border-box; } .widget-userlist.userlist-page .responsible-block .person .contact-positionstring:after { display: none; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-userlist.userlist-page .responsible-block .person .info { width: 61%; } .widget-userlist.userlist-page .responsible-block .person .photo-cont { width: 39%; } .widget-userlist.userlist-page .responsible-block .person .scancode { left: 0; } .widget-userlist.userlist-page .responsible-block .person .scancode .scancode-instruction { width: 100%; box-sizing: border-box; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget-userlist.userlist-page .responsible-block .person { padding-bottom: 10px; } .widget-userlist.userlist-page .responsible-block .person .info { width: 75%; } .widget-userlist.userlist-page .responsible-block .person .photo-cont { width: 25%; } .widget-userlist.userlist-page .responsible-block .person .scancode { left: calc(25% + 10px); } .widget-userlist.userlist-page .responsible-block .person .scancode .scancode-instruction { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin: 0; } } .userlist-page.widget.widget-userlist .widget-header { display: block; margin-top: 30px; } .userlist-page .scancode { left: 10px; } .userlist-page .info { padding: 0 10px; } .userlist-page .responsible-holder { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .person-data { position: relative; } .person .info { margin-bottom: 50px; } .no-vcard .person .info { margin-bottom: 0; } .scancode { position: absolute; z-index: 100; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .scancode.code-show .scancode-wrapper { width: 370px; -webkit-box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.30000000000000004); -moz-box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.30000000000000004); box-shadow: 0 0 4px 2px rgba(204, 204, 204, 0.30000000000000004); left: 0; } .scancode .scancode-instruction { width: auto; display: inline-block; color: #ffffff !important; padding: 10px 20px 9px; box-shadow: none; margin-top: 13px; text-decoration: none !important; background: #00305e; border: 1px solid #00305e; line-height: 1.4; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; text-shadow: none; white-space: nowrap; overflow: hidden; position: relative; font-size: 18px; font-weight: 400; padding: 0px 15px; line-height: 1.8; } .scancode .scancode-instruction [class^="\icons-tv-"] { display: none; } .scancode .scancode-instruction:focus { outline: none; } .scancode .scancode-instruction:hover, .scancode .scancode-instruction.on { outline: none; cursor: pointer; } .scancode .scancode-instruction.off, .scancode .scancode-instruction.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .scancode .scancode-instruction:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .scancode .scancode-instruction:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .scancode .scancode-instruction:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .scancode .scancode-instruction:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .scancode .scancode-instruction:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .scancode .scancode-instruction [class^="\icons-tv-"] { display: none; } .scancode .scancode-instruction:focus { outline: none; } .scancode .scancode-instruction:hover, .scancode .scancode-instruction.on { outline: none; cursor: pointer; } .scancode .scancode-instruction.off, .scancode .scancode-instruction.off:hover { background: #00305e; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .scancode .scancode-instruction:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 120px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .scancode .scancode-instruction:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 60px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .scancode .scancode-instruction:hover { transition: all 0.25s ease-in; background: #00305e !important; border: 1px solid #00305e !important; } .scancode .scancode-instruction:hover:before { transform: translateX(500px) skewX(-15deg); opacity: 0.6; transition: .9s; } .scancode .scancode-instruction:hover:after { transform: translateX(500px) skewX(-15deg); opacity: 1; transition: .9s; } .scancode .scancode-instruction.switch-map:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e656"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .scancode .scancode-instruction.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .scancode .scancode-instruction.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .scancode .scancode-instruction.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .scancode .scancode-instruction.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 15px; margin: 0 10px 0 0; } .popover.scancode-outside { background-color: transparent; border: none; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .popover.scancode-outside .popover-content { padding: 0; } .widget-details .widget.widget-userlist .scancode { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding: 0 65px; } .widget-details .widget.widget-userlist .scancode .scancode-wrapper { left: 50%; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .widget-details .widget.widget-userlist .scancode.code-show .scancode-wrapper { -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .widget-details .widget.widget-userlist .instruction-wrapper { position: absolute; bottom: 9px; right: 65px; } .widget-details .widget.widget-userlist .scancode-instruction { font-size: 0; margin: 0; padding: 0; border: none; } .widget-details .widget.widget-userlist .scancode-instruction:before { content: "\e65d"; display: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-field { font-size: 13px; padding: 2px 0; } @media (min-width: 1500px) { .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-field { font-size: inherit; padding: 1px 0; } } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-label { max-width: 65%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 1366px) { .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .fin-label { max-width: none; white-space: normal; overflow: inherit; text-overflow: inherit; } } .widget.widget-userlist-workinghours .widget-content li { list-style: none; } .widget.widget-userlist-workinghours .widget-content div.person + ul, .widget.widget-userlist-workinghours .widget-content div.person ~ div { padding: 0 15px 5px; } .widget.widget-userlist-workinghours .widget-content div.person { width: 100%; margin-bottom: 0; padding-bottom: 0; } .widget.widget-userlist-workinghours .widget-content div.person .person-data { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #e1e1e1; } .widget.widget-userlist-workinghours .widget-content div.person .person-data .photo-cont { width: 35%; } .widget.widget-userlist-workinghours .widget-content div.person .person-data .info { width: 65%; padding: 0 30px; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.widget-userlist-workinghours .widget-content div.person .person-data .contact-positionstring:after { display: none; } .widget.widget-userlist-workinghours .widget-content .responsible-block { float: left; } .widget.widget-userlist-workinghours .widget-content [data-id="user_work_time"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 5px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget.widget-userlist-workinghours .widget-content [data-id="user_work_time"] li { padding: 3px 10px; text-align: center; margin: 0; background: #e1e1e1; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget.widget-userlist-workinghours .widget-content [data-id="user_work_time"] li:hover, .widget.widget-userlist-workinghours .widget-content [data-id="user_work_time"] li:focus, .widget.widget-userlist-workinghours .widget-content [data-id="user_work_time"] li.active { background: #00305e; color: #ffffff; cursor: pointer; } .widget.widget-userlist-workinghours .widget-content .widget-forms { padding: 25px 0 10px; } .widget.widget-userlist-workinghours .widget-content .widget-forms .widget-header { display: none; } .widget.widget-userlist-workinghours .widget-content .widget-forms .widget-content { padding: 0; } .widget.widget-userlist-workinghours .widget-content .widget-forms .widget-content .form-instruction { padding: 0 0 15px; } .widget.widget-userlist-workinghours .widget-content .widget-forms .widget-content .colform-tabs-right { width: 100%; margin: 0; } .widget-language-chooser.language-chooser-flags-default .widget-content { padding: 0; line-height: 1.4; text-align: center; } .widget-language-chooser.language-chooser-flags-default .lang-link { margin-left: 15px; } .widget-language-chooser.language-chooser-flags-default .lang-link:first-child { margin-left: 0; } .widget-language-chooser.language-chooser-flags-default .lang-link .lang-label { padding-left: 5px; color: #cccccc; } .widget-language-chooser.language-chooser-flags-default .lang-link.current .lang-label { color: #cccccc; } .widget-language-chooser.language-chooser-flags-default .lang-link { border-style: solid; border-color: #1a1a1a; margin-left: 10px; padding-right: 10px; } .widget-language-chooser.language-chooser-flags-default .lang-link:not(:first-child) { border-width: 0 1px 0 0; } .widget-language-chooser.language-chooser-flags-default .lang-link:first-child { padding-left: 10px; border-width: 0 1px; } .widget-language-chooser.language-chooser-default { line-height: 1.9; color: #ffffff; margin: 0; position: relative; } .widget-language-chooser.language-chooser-default .widget-content { padding: 0; } .widget-language-chooser.language-chooser-default .dropdown-wrapper { position: relative; display: inline-block; } .widget-language-chooser.language-chooser-default .lang-link { color: inherit; display: inline-block; margin: 0; padding-right: 12px; position: relative; cursor: pointer; line-height: 40px; } .widget-language-chooser.language-chooser-default .lang-link:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e635"; font-style: normal; font-size: notset; margin: notset; } .widget-language-chooser.language-chooser-default .lang-link:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e615"; font-style: normal; font-size: notset; margin: notset; } .widget-language-chooser.language-chooser-default .lang-link:before { position: absolute; font-size: 12px; left: -17px; line-height: 12px; top: 50%; margin-top: -5px; } .widget-language-chooser.language-chooser-default .lang-link:after { position: absolute; font-size: 12px; line-height: 12px; top: 50%; margin-top: -5px; } .widget-language-chooser.language-chooser-default .lang-link:last-child { margin: 0; } .widget-language-chooser.language-chooser-default .lang-link:hover, .widget-language-chooser.language-chooser-default .lang-link.active { color: #ffffff; } .widget-language-chooser.language-chooser-default .lang-link:hover span, .widget-language-chooser.language-chooser-default .lang-link.active span { border-bottom: none; font-size: 13px; } .widget-language-chooser.language-chooser-default .lang-dropdown { background: #ffffff; color: #363636; padding: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); *margin-left: -35px; z-index: 9999; display: none; } .widget-language-chooser.language-chooser-default .lang-dropdown.show { display: block; } .widget-language-chooser.language-chooser-default .lang-dropdown li { list-style-type: none; white-space: nowrap; } .widget-language-chooser.language-chooser-default .lang-dropdown li:first-child a { border-top: none; } .widget-language-chooser.language-chooser-default .lang-dropdown a { display: block; padding: 5px 15px; text-align: left; color: #363636; background: transparent; border-top: 1px solid #cccccc; } .widget-language-chooser.language-chooser-default .lang-dropdown a:hover { color: #ffffff; } .widget-language-chooser.language-chooser-default .lang-dropdown a:focus { color: #00305e; } .widget-language-chooser.language-chooser-default .lang-dropdown a:focus { color: #00305e; } .widget-language-chooser.language-chooser-default .lang-dropdown a:visited { color: notset; } .widget-language-chooser.language-chooser-default .lang-dropdown a:hover, .widget-language-chooser.language-chooser-default .lang-dropdown a:focus { background: #cccccc; cursor: pointer; } .widget-language-chooser.language-chooser-default .lang-dropdown a:active { background: #1a1a1a; } .widget-language-chooser.language-chooser-default.show-flags .lang-dropdown { margin-left: -10px; } .widget-language-chooser.language-chooser-default.show-flags .lang-link:before { display: none; } .widget-language-chooser.language-chooser-default.show-flags .lang-link:hover [class*="flag-"], .widget-language-chooser.language-chooser-default.show-flags .lang-link.active [class*="flag-"] { border: none; } .widget-language-chooser.language-chooser-default.show-flags [class*="flag-"] { margin-right: 5px; width: 11px; } .widget.widget-leads-manadgement .widget-content { padding: 15px 15px 0; } .widget-banner { position: relative; } .slider-wrapper { position: relative; } .nivo-control { opacity: .75; } .nivo-control.active { opacity: 1; } .nivo-controlNav.nivo-thumbs-enabled img { border: 1px solid #ffffff; width: 90px !important; } .slideshow-holder { height: auto; position: relative; } .slideshow-holder .nivoSlider { width: 100%; height: auto; } .slideshow-holder .nivoSlider img { min-width: 100%; } .slideshow-holder .nivoSlider.video-slide .nivo-caption, .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger { display: block; cursor: pointer; border: none; } .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger:before, .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger:before { background: #1f1f1f; background: rgba(31, 31, 31, 0.9); border-radius: 15px; border-radius: 18px/15px; width: 85px; height: 60px; *margin: -30px 0 0 -42px; } .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger:after { width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 22px; border-color: transparent transparent transparent #fff; *margin: -12px 0 0 -11; } .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger:hover:before, .slideshow-holder .nivoSlider.video-slide .nivo-caption .video-trigger:focus:before { background: #cc181e; } .slideshow-holder .nivoSlider.video-slide .nivo-caption iframe { width: 100%; height: 100%; } .slideshow-holder .nivoSlider.video-slide .nivo-caption #player { visibility: hidden; } .slideshow-holder .nivoSlider.video-slide .nivo-caption.playing #player { visibility: visible; } .slideshow-holder .nivoSlider.video-slide .nivo-caption.playing .video-trigger { display: none !important; } .slideshow-holder .nivo-controlNav { position: absolute; top: auto; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; text-align: center; z-index: 1000; padding: 5px !important; visibility: visible !important; } @media (max-width: 767px) { .slideshow-holder .nivo-controlNav { left: 0; width: 100%; transform: none; } } .slideshow-holder .nivo-caption { bottom: 50%; left: 0; right: auto; color: #ffffff; font-size: 1em; background: none; text-align: center; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .slideshow-holder .nivo-caption h2 { font-size: 32px; font-weight: 400; margin-bottom: 10px; } .slideshow-holder .nivo-caption .phrase1, .slideshow-holder .nivo-caption .phrase2 { font-weight: 300; } .slideshow-holder .nivo-caption .phrase1 { font-size: 22px; margin-bottom: 10px; } .slideshow-holder .nivo-caption .phrase2 { font-size: 24px; } .slideshow-holder .nivo-caption * { text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); } .nivoSlider .nivo-caption { background: none; top: 0; bottom: 0; } .nivo-controlNav-wrapper { position: absolute; right: 0; left: 0; bottom: 0; top: auto; z-index: 20; } .outerControlNav { position: relative; top: -49px; left: -68px; margin-left: -2.6%; z-index: 100; } .outerControlNav .nivo-prevNav-outer, .outerControlNav .nivo-nextNav-outer { background: #363636; width: 24px; height: 34px; z-index: 10; font-size: 13px; color: #ffffff; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 34px !important; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: 1px solid #363636; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { line-height: 34px; font-size: 13px; } .outerControlNav .nivo-prevNav-outer:hover, .outerControlNav .nivo-nextNav-outer:hover, .outerControlNav .nivo-prevNav-outer:focus, .outerControlNav .nivo-nextNav-outer:focus, .outerControlNav .nivo-prevNav-outer:active, .outerControlNav .nivo-nextNav-outer:active { background: #808080; color: #ffffff; border: 1px solid #808080; } .outerControlNav .nivo-prevNav-outer:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: notset; margin: notset; } .outerControlNav .nivo-nextNav-outer:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .nivo-directionNav .nivo-prevNav, .nivo-directionNav .nivo-nextNav, .nivo-directionNav .nivo-prevNav:visited, .nivo-directionNav .nivo-nextNav:visited { color: #ffffff; } .nivo-directionNav .nivo-prevNav:hover, .nivo-directionNav .nivo-nextNav:hover, .nivo-directionNav .nivo-prevNav:focus, .nivo-directionNav .nivo-nextNav:focus, .nivo-directionNav .nivo-prevNav:active, .nivo-directionNav .nivo-nextNav:active { color: #00305e; } .gallery { *zoom: 1; } .gallery:before, .gallery:after { content: " "; display: block; clear: both; } .gallery > * { display: block; float: left; margin-left: 10px; margin-bottom: 10px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery > * img { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 !important; margin: 0 !important; border: none !important; } .gallery > * h6, .gallery > * .h { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); line-height: 1.4; font-size: 12px; padding: 5% 20px; margin: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery > *:hover h6, .gallery > *:hover .h { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .gallery a { overflow: hidden; } .gallery.previews-300 > * { width: 300px; height: 0; padding-bottom: 225px; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #cccccc; } .gallery.previews-300 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-250 > * { width: 250px; height: 0; padding-bottom: 187.5px; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #cccccc; } .gallery.previews-250 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-225 > * { width: 225px; height: 0; padding-bottom: 168.75px; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #cccccc; } .gallery.previews-225 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-200 > * { width: 200px; height: 0; padding-bottom: 150px; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #cccccc; } .gallery.previews-200 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-100 > * { width: 100px; height: 0; padding-bottom: 75px; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #cccccc; } .gallery.previews-100 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-50 > * { width: 50px; height: 0; padding-bottom: 37.5px; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #cccccc; } .gallery.previews-50 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-150 > * { width: 150px; height: 0; padding-bottom: 112.5px; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #cccccc; } .gallery.previews-150 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-8 > * { width: 10.256410256410255%; padding-bottom: 7.692307692307692%; height: 0; margin-left: 2.564102564102564%; position: relative; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #f5f5f5; } .gallery.previews-8 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-8 > *:first-child { margin-left: 0; } .gallery.previews-8 > *:nth-child(8n + 1) { margin-left: 0; } .gallery.previews-7 > * { width: 12.087912087912088%; padding-bottom: 9.065934065934066%; height: 0; margin-left: 2.564102564102564%; position: relative; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #f5f5f5; } .gallery.previews-7 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-7 > *:first-child { margin-left: 0; } .gallery.previews-7 > *:nth-child(7n + 1) { margin-left: 0; } .gallery.previews-6 > * { width: 14.52991452991453%; padding-bottom: 10.897435897435898%; height: 0; margin-left: 2.564102564102564%; position: relative; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #f5f5f5; } .gallery.previews-6 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-6 > *:first-child { margin-left: 0; } .gallery.previews-6 > *:nth-child(6n + 1) { margin-left: 0; } .gallery.previews-5 > * { width: 17.94871794871795%; padding-bottom: 13.461538461538462%; height: 0; margin-left: 2.564102564102564%; position: relative; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #f5f5f5; } .gallery.previews-5 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-5 > *:first-child { margin-left: 0; } .gallery.previews-5 > *:nth-child(5n + 1) { margin-left: 0; } .gallery.previews-4 > * { width: 23.076923076923077%; padding-bottom: 17.307692307692307%; height: 0; margin-left: 2.564102564102564%; position: relative; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #f5f5f5; } .gallery.previews-4 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-4 > *:first-child { margin-left: 0; } .gallery.previews-4 > *:nth-child(4n + 1) { margin-left: 0; } .gallery.previews-3 > * { width: 31.623931623931625%; padding-bottom: 23.71794871794872%; height: 0; margin-left: 2.564102564102564%; position: relative; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #f5f5f5; } .gallery.previews-3 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-3 > *:first-child { margin-left: 0; } .gallery.previews-3 > *:nth-child(3n + 1) { margin-left: 0; } .gallery.previews-2 > * { width: 48.717948717948715%; padding-bottom: 36.53846153846153%; height: 0; margin-left: 2.564102564102564%; position: relative; background: #f5f5f5; border: 1px solid #ffffff; box-shadow: 0 0 0 1px #f5f5f5; } .gallery.previews-2 > * > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto !important; } .gallery.previews-2 > *:first-child { margin-left: 0; } .gallery.previews-2 > *:nth-child(2n + 1) { margin-left: 0; } .gallery[class^="previews-"] > *:before, .gallery[class*=" previews-"] > *:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.6); zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; z-index: 5; } .gallery[class^="previews-"] > *:after, .gallery[class*=" previews-"] > *:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64a"; font-style: normal; font-size: 32px; margin: notset; } .gallery[class^="previews-"] > *:after, .gallery[class*=" previews-"] > *:after { position: absolute; top: 50%; left: 50%; *margin: -20px 0 0 -20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #1a1a1a; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; line-height: 1; z-index: 10; } .gallery[class^="previews-"] > *:hover:before, .gallery[class*=" previews-"] > *:hover:before, .gallery[class^="previews-"] > *:focus:before, .gallery[class*=" previews-"] > *:focus:before, .gallery[class^="previews-"] > *:hover:after, .gallery[class*=" previews-"] > *:hover:after, .gallery[class^="previews-"] > *:focus:after, .gallery[class*=" previews-"] > *:focus:after { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .gallery[class^="previews-"] > *, .gallery[class*=" previews-"] > * { width: 31.623931623931625%; padding-bottom: 23.71794871794872%; margin-left: 2.564102564102564% !important; } .gallery[class^="previews-"] > *:nth-child(3n+1), .gallery[class*=" previews-"] > *:nth-child(3n+1) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .gallery[class^="previews-"] > *, .gallery[class*=" previews-"] > * { width: 48.717948717948715%; padding-bottom: 36.53846153846153%; margin-left: 2.564102564102564%; } .gallery[class^="previews-"] > *:nth-child(2n+1), .gallery[class*=" previews-"] > *:nth-child(2n+1) { margin-left: 0; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .gallery[class^="previews-"] > *, .gallery[class*=" previews-"] > * { width: 100%; padding-bottom: 75%; margin-left: 0; } } .gallery .single-photo { display: block; float: left; *zoom: 1; } .gallery .single-photo:before, .gallery .single-photo:after { content: " "; display: block; clear: both; } .gallery .single-photo > a { display: none; } .gallery .single-photo > a:first-child { display: block; } .widget-text .gallery_row { *zoom: 1; } .widget-text .gallery_row:before, .widget-text .gallery_row:after { content: " "; display: block; clear: both; } .widget-text .gallery_row > div { float: left; } .widget-text .gallery_row > div .single-photo { width: 100%; padding-bottom: 66%; } .widget-text .gallery_row[class*="items-"] > div { margin-left: 1%; } .widget-text .gallery_row[class*="items-"] > div:first-child { margin-left: 0; } .widget-text .gallery_row.items-1 > div { width: 100%; margin: 0; } .widget-text .gallery_row.items-2 > div { width: 49.5%; } .widget-text .gallery_row.items-2 > div:nth-child(2n+1) { margin-left: 0; } .widget-text .gallery_row.items-3 > div { width: 32.66%; } .widget-text .gallery_row.items-3 > div:nth-child(3n+1) { margin-left: 0; } .widget-text .gallery_row.items-4 > div { width: 24%; } .widget-text .gallery_row.items-4 > div:nth-child(4n+1) { margin-left: 0; } .widget-text .gallery_row.items-5 > div { width: 19.2%; } .widget-text .gallery_row.items-5 > div:nth-child(5n+1) { margin-left: 0; } .widget-text .gallery_row.items-6 > div { width: 15.83%; } .widget-text .gallery_row.items-6 > div:nth-child(6n+1) { margin-left: 0; } .widget-text .gallery_row.items-7 > div { width: 13.42%; } .widget-text .gallery_row.items-7 > div:nth-child(7n+1) { margin-left: 0; } .widget-text .gallery_row.items-8 > div { width: 11.62%; } .widget-text .gallery_row.items-8 > div:nth-child(8n+1) { margin-left: 0; } .widget-text .gallery_row + p { margin: 0; } .widget-presentation { display: inline-block; *zoom: 1; position: relative; } .widget-presentation:before, .widget-presentation:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-presentation .slider-wrapper { width: 45%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; height: 300px; background: #cccccc; -webkit-flex: initial; -moz-flex: initial; -ms-flex: initial; flex: initial; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; text-align: center; } .widget-presentation .slider-wrapper > * { max-width: 100%; max-height: 100%; border: none; padding: 0; margin: auto; } .widget-presentation .slider-wrapper > * img { border: none; padding: 0; max-height: 100%; } .widget-presentation .thumbdesc-wrapper { float: left; width: 55%; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; height: 300px; } .widget-presentation .thumbdesc-wrapper .description-wrapper { overflow: auto; height: calc(100% - 70px); } .widget-presentation .jThumbnailScroller { margin: 30px auto 0; background: none; border-radius: 0; border: none; padding: 0; width: calc(100% - 10px); height: 60px; position: absolute; bottom: 0; } .widget-presentation .jThumbnailScroller .jTscrollerContainer .jTscroller a { margin: 0; padding: 0; border-radius: 0; border: none; margin-left: 5px; cursor: pointer; } .widget-presentation .jThumbnailScroller .jTscrollerContainer .jTscroller a:first-child { margin-left: 0; } .widget-presentation .jThumbnailScroller .jTscrollerContainer .jTscroller a img { height: 60px; } .widget-presentation .jThumbnailScroller .jTscrollerPrevButton { margin: auto; top: 0; bottom: 0; left: 5px; } .widget-presentation .jThumbnailScroller .jTscrollerNextButton { margin: auto; top: 0; bottom: 0; right: 5px; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; /* fixes issue with non-standard aspecy ratio */ object-fit: contain; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #cccccc; } .pswp__error-msg a { color: #cccccc; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*