/* lato-regular - latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local(''), url('../../libraries/font/google-fonts/lato/lato-v22-latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/lato/lato-v22-latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-italic - latin-ext */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local(''), url('../../libraries/font/google-fonts/lato/lato-v22-latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/lato/lato-v22-latin-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700 - latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local(''), url('../../libraries/font/google-fonts/lato/lato-v22-latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/lato/lato-v22-latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* cormorant-garamond-regular - latin-ext */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; src: local(''), url('../../libraries/font/google-fonts/cormorant_garamond/cormorant-garamond-v14-latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/cormorant_garamond/cormorant-garamond-v14-latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* cormorant-garamond-700 - latin-ext */ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; src: local(''), url('../../libraries/font/google-fonts/cormorant_garamond/cormorant-garamond-v14-latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../libraries/font/google-fonts/cormorant_garamond/cormorant-garamond-v14-latin-ext-700.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: 16px !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: 400; 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-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: 400; font-style: normal; } [class^="icon-e-"], [class*=" icon-e-"] { font-family: 'icomoonicheck'; speak: none; font-style: normal; font-weight: 400; 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-googleplus:before { content: "\ea8c"; } .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-calendar2:before { content: "\e00d"; } .icon-e-newspaper2:before { content: "\e009"; } .icon-e-key3:before { content: "\e02c"; } .icon-e-clock2:before { content: "\e055"; } .icon-e-tools-2:before { content: "\e034"; } .icon-e-envelope:before { content: "\e028"; } .icon-e-genius:before { content: "\e046"; } .icon-e-trophy:before { content: "\e023"; } .icon-e-recycle:before { content: "\e03e"; } .icon-e-ribbon:before { content: "\e01e"; } .icon-e-attachment:before { content: "\e02e"; } .icon-e-heart3:before { content: "\e04a"; } .icon-e-printer:before { content: "\e013"; } .icon-e-global:before { content: "\e052"; } .icon-e-chat2:before { content: "\e049"; } .icon-e-refresh:before { content: "\e05a"; } .icon-e-lifesaver:before { content: "\e054"; } .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-googleplus { content: "\ea8c"; } .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: #181b1c; color: #f6f6f6; border: none; position: absolute; right: auto; z-index: 9999; display: none; padding: 0; -moz-box-shadow: 0px 2px 3px 0px rgba(24, 27, 28, 0.4); -webkit-box-shadow: 0px 2px 3px 0px rgba(24, 27, 28, 0.4); box-shadow: 0px 2px 3px 0px rgba(24, 27, 28, 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 #333333; padding: 10px 20px; color: #f6f6f6; -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; font-size: 16px; background-color: transparent; } .dropdown-menu > li > a:hover { color: #846c1a; } .dropdown-menu > li > a:focus { color: #846c1a; } .dropdown-menu > li > a:focus { color: #846c1a; } .dropdown-menu > li > a:visited { color: notset; } .dropdown-menu > li > a .item-label { background: transparent; border-radius: 0; padding: 0; color: #f6f6f6; -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; } .dropdown-menu > li > a .item-label:hover { color: #846c1a; } .dropdown-menu > li > a .item-label:focus { color: #846c1a; } .dropdown-menu > li > a .item-label:focus { color: #846c1a; } .dropdown-menu > li > a .item-label:visited { color: notset; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active { background-color: transparent; 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; } .dropdown-menu > li:first-child > a { border-top: none; } .dropdown-menu > li.divider { height: 1px; margin: 0; border-top: none; border-bottom: none; background: #333333; } .dropdown-menu > li.divider + li > a { border-top: none; } body .dropdown-menu { background: #181b1c; color: #f6f6f6; border: none; position: absolute; right: auto; z-index: 9999; display: none; padding: 0; -moz-box-shadow: 0px 2px 3px 0px rgba(24, 27, 28, 0.4); -webkit-box-shadow: 0px 2px 3px 0px rgba(24, 27, 28, 0.4); box-shadow: 0px 2px 3px 0px rgba(24, 27, 28, 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 #333333; padding: 10px 20px; color: #f6f6f6; -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; font-size: 16px; background-color: transparent; } body .dropdown-menu > li > a:hover { color: #846c1a; } body .dropdown-menu > li > a:focus { color: #846c1a; } body .dropdown-menu > li > a:focus { color: #846c1a; } body .dropdown-menu > li > a:visited { color: notset; } body .dropdown-menu > li > a .item-label { background: transparent; border-radius: 0; padding: 0; color: #f6f6f6; -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 .dropdown-menu > li > a .item-label:hover { color: #846c1a; } body .dropdown-menu > li > a .item-label:focus { color: #846c1a; } body .dropdown-menu > li > a .item-label:focus { color: #846c1a; } body .dropdown-menu > li > a .item-label:visited { color: notset; } body .dropdown-menu > li > a:hover, body .dropdown-menu > li > a:focus, body .dropdown-menu > li > a:active { background-color: transparent; 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; } body .dropdown-menu > li:first-child > a { border-top: none; } body .dropdown-menu > li.divider { height: 1px; margin: 0; border-top: none; border-bottom: none; background: #333333; } body .dropdown-menu > li.divider + li > a { border-top: none; } .prevnext-button-prev { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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 { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; } .action-button [class^="\icons-tv-"] { display: none; } .action-button:before, .action-button:after { font-weight: 400; } .action-button:focus { outline: none; } .action-button:hover, .action-button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .action-button.off, .action-button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .action-button.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .action-button.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .action-button.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .action-button.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .secondary-button { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; color: #181b1c !important; border: 1px solid #181b1c; } .secondary-button [class^="\icons-tv-"] { display: none; } .secondary-button:before, .secondary-button:after { font-weight: 400; } .secondary-button:focus { outline: none; } .secondary-button:hover, .secondary-button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .secondary-button.off, .secondary-button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .secondary-button [class^="\icons-tv-"] { display: none; } .secondary-button:before, .secondary-button:after { font-weight: 400; } .secondary-button:focus { outline: none; } .secondary-button:hover, .secondary-button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .secondary-button.off, .secondary-button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .secondary-button.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .secondary-button.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .secondary-button.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .secondary-button.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .secondary-button, .secondary-button:hover, .secondary-button:focus, .secondary-button:active { background: transparent; } .secondary-button:hover, .secondary-button:focus, .secondary-button:active { color: #333333 !important; border: 1px solid #333333; } .action-button-2, .tertiary-button { color: #181b1c !important; font-family: 'Lato', sans-serif; font-weight: 700; border-bottom: 2px solid #181b1c; } div.tooltip { z-index: 2030; } div.tooltip.top { margin-top: -20px !important; } div.tooltip.top .tooltip-arrow { border-top-color: #333333; } div.tooltip.right { margin-right: -20px !important; } div.tooltip.right .tooltip-arrow { border-right-color: #333333; } div.tooltip.bottom { margin-bottom: -20px !important; } div.tooltip.bottom .tooltip-arrow { border-bottom-color: #333333; } div.tooltip.left { margin-left: -20px !important; } div.tooltip.left .tooltip-arrow { border-left-color: #333333; } div.tooltip .tooltip-inner { color: #ffffff; background-color: #333333; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .details-row { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; min-height: 10px !important; background: none !important; border-top: 1px solid #f6f6f6 !important; } .details-row .info-cell { padding: 3px 10px 3px 0; min-height: 20px !important; line-height: 140%; } .details-row .info-cell.param-type { color: #333333; font-weight: normal; } .details-row .info-cell.param-value { color: #181b1c; font-weight: 400; } .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; } } .datde-specs { width: 100%; *zoom: 1; } .datde-specs:before, .datde-specs:after { display: table; content: ""; line-height: 0; } .datde-specs:after { clear: both; } .datde-specs .spec-entry { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; border-top: 1px solid #f6f6f6; } .datde-specs .spec-entry:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } @media (max-width: 767px) { .datde-specs .spec-entry { width: 100% !important; padding: 0 !important; border-top: none !important; border-bottom: none !important; } .datde-specs .spec-entry .attribute, .datde-specs .spec-entry .value { font-size: 13px !important; } .datde-specs .spec-entry .value { margin-left: 0 !important; padding-left: 1% !important; } } .datde-specs .spec-entry .attribute, .datde-specs .spec-entry .value { display: inline-block; vertical-align: middle; box-sizing: border-box; font-size: 16px; padding: 3px 10px 3px 0; min-height: 20px !important; line-height: 140%; float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .datde-specs .spec-entry .attribute:first-child, .datde-specs .spec-entry .value:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .datde-specs .spec-entry .attribute { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; } .datde-specs .spec-entry .value { color: #181b1c; font-weight: 400; padding-left: 1.4%; } .datde-specs .spec-entry:nth-child(2n) { padding-left: 2.32765957%; margin-left: 0; box-sizing: border-box; width: calc(100% - 48.93617%); } .datde-specs .spec-entry:nth-child(2n+1) { margin-left: 0; } .datde-specs .spec-entry:last-child, .datde-specs .spec-entry:nth-last-child(2) { border-bottom: 1px solid #f6f6f6; } .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; left: -6px; bottom: 50px; width: 120px; height: 24px; text-align: center; color: #ffffff; font: 400 12px/24px 'Lato', sans-serif; text-shadow: notset; z-index: 2; text-transform: uppercase; letter-spacing: 2px; -moz-box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); -webkit-box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); } .label-hot span, .label-new span, .label-sale span, .label-used span, .label-custom span { position: relative; display: block; width: 100%; background: #846c1a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0NmMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODQ2YzFhIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #846c1a), color-stop(100%, #846c1a)); background: -webkit-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -o-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -ms-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: linear-gradient(to bottom, #846c1a 0%, #846c1a 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846c1a', endColorstr='#846c1a', GradientType=0); z-index: 2; } .label-hot:before, .label-new:before, .label-sale:before, .label-used:before, .label-custom:before, .label-hot:after, .label-new:after, .label-sale:after, .label-used:after, .label-custom:after { content: ''; position: absolute; display: block; height: 0px; width: 0px; border-style: solid; } .label-hot:before, .label-new:before, .label-sale:before, .label-used:before, .label-custom:before { top: -3px; left: 0; border-width: 3px 6px 0 0; border-color: transparent #9d8022 transparent transparent; } .label-hot:after, .label-new:after, .label-sale:after, .label-used:after, .label-custom:after { top: 0; left: 120px; border-width: 0 0 24px 12px; border-color: transparent transparent transparent #846c1a; filter: drop-shadow(0px 0px 4px rgba(24, 27, 28, 0.5)); z-index: 1; } .label-hot.partner, .label-new.partner, .label-sale.partner, .label-used.partner, .label-custom.partner { background: #846c1a; color: #fff; } .ui-widget-content .mCSB_horizontal .mCSB_container { margin-bottom: 0; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight { background: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft:before, body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonRight:before { font-family: "tv"; -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: 38px; font-size: 16px; font-weight: 700; } 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: #846c1a; color: #ffffff; border: 1px solid #846c1a; } body .mCustomScrollBox .mCSB_scrollTools .mCSB_buttonLeft { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; 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: -38px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } 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_scrollTools { height: 38px; opacity: 1; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger { margin-left: 0; height: 15px; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #333333; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail { height: 15px; } body .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft + .mCSB_draggerContainer { padding-right: 0; position: relative; left: -10px; visibility: hidden; z-index: -1; } 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: 38px; width: 96.3%; margin-left: 2%; } .custom-controls a { position: absolute; top: 80px; background: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; background: none; border: none; } .custom-controls a:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom-controls a:before { line-height: 38px; font-size: 16px; font-weight: 700; } .custom-controls a:hover, .custom-controls a:focus, .custom-controls a:active { background: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .custom-controls a:hover { background: none; border: none; } .custom-controls a.scroll-left { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; 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 { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; 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; } 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: 'Lato', 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: #846c1a; 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: #54595f; border: 1px solid #eeeeee; font-weight: 400; background: #ffffff; font-size: 16px; } 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 #eeeeee; } 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: #846c1a; } body .ui-multiselect span.ui-icon { background: #846c1a; -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: #181b1c; } body .ui-multiselect-header ul li a:hover span:last-child, body .ui-multiselect-header ul li a:active span:last-child { color: #846c1a; } 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: 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: #eeeeee; } .ui-slider.ui-slider-horizontal { height: 5px; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; } .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: #54595f; } .ui-slider .ui-slider-handle { background: #54595f; border: none; cursor: default; position: absolute; height: 15px; width: 15px; margin: -7.5px 0 0 -7.5px; z-index: 2; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; } .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; } body .datetimepicker [class^="icon-"], body .datetimepicker [class*=" icon-"] { background-image: url("../../libraries/img/icons/glyphicons-halflings.png"); } body .datetimepicker table tr th:hover { color: #54595f; } body .datetimepicker table tr td.day.active { background-image: none; background-color: #846c1a; color: #ffffff; } body .datetimepicker table tr td.day.active:hover { background: #846c1a; } 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: #846c1a !important; background-color: #846c1a !important; } body .modal { color: #181b1c; 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: #333333; } body .modal .modal-header .title, body .modal .modal-footer .title { font-size: 30px; font-weight: 700; line-height: 30px; } body .modal .modal-header { background: #f6f6f6; border-bottom: 0 solid #eeeeee; padding: 10px 15px 10px 15px; font-family: 'Cormorant Garamond', serif; text-transform: none; z-index: 1; position: relative; -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: #333333; background: #f6f6f6; 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: #54595f; outline: none; } @media (max-width: 767px) { body .modal .modal-header .close { top: 3px; } } body .modal .modal-footer { background: #f6f6f6; border-top: 1px solid #eeeeee; -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: 767px; } body .modal label { color: #181b1c; } 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; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin-top: 0; width: auto; } body .modal .button [class^="\icons-tv-"] { display: none; } body .modal .button:before, body .modal .button:after { font-weight: 400; } body .modal .button:focus { outline: none; } body .modal .button:hover, body .modal .button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } body .modal .button.off, body .modal .button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body .modal .button [class^="\icons-tv-"] { display: none; } body .modal .button:before, body .modal .button:after { font-weight: 400; } body .modal .button:focus { outline: none; } body .modal .button:hover, body .modal .button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } body .modal .button.off, body .modal .button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } 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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } body .modal .button.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } body .modal .button.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } body .modal .button.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } body .modal .button.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } body .modal .button:before { font-size: 23px; line-height: 0; margin-right: 5px; } body .modal .button:before, body .modal .button span { vertical-align: middle; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (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 { max-height: 500px; } 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: 23px; } 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.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; } .widget-highlight { background: #ffffff; border: none; color: #181b1c; padding: 15px; } .widget-highlight .widget-header { padding-top: 0; } 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: #846c1a; } 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: bold; 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 #eeeeee; font-family: 'Cormorant Garamond', serif; font-size: 16px; } body .nav-tabs > li { margin-bottom: -1px; } body .nav-tabs > li > a { padding-top: 5px; padding-bottom: 5px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; color: #ffffff; background-color: #54595f; text-transform: uppercase; } body .nav-tabs > li > a:hover, body .nav-tabs > li > a:focus { border-color: #eeeeee; } body .nav-tabs > .active > a, body .nav-tabs > .active > a:hover, body .nav-tabs > .active > a:focus { color: #ffffff; background-color: #846c1a; border: 1px solid #eeeeee; border-bottom-color: transparent; cursor: default; } body .tab-pane { border-color: #eeeeee; border-style: solid; border-width: 0 1px 1px; padding: 10px; } body .nav-tab > li > a, body .nav-pills > li > a { padding-right: 10px; padding-left: 10px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #54595f !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #54595f !important; } input::-moz-placeholder, textarea::-moz-placeholder { color: #54595f !important; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #54595f !important; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #eeeeee !important; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: #eeeeee !important; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #eeeeee !important; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #eeeeee !important; } .ie9 .placeholder, .lt-ie9 .placeholder { color: #54595f !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%; } ::selection, ::-moz-selection { background: #846c1a; } .image-count-label { position: absolute; right: 15px; bottom: 21px; left: auto; z-index: 100; height: 25px; color: #ffffff; font-size: 16px; text-transform: uppercase; line-height: 1; display: flex; align-items: center; justify-content: center; } .image-count-label .icon { margin: 0 .1em 0 0; background: none; font-weight: 400; } .image-count-label .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; } .image-count-label .icon:before { line-height: 1.2; font-size: 19px; } .image-count-label .image-count { margin-right: .1em; } .pac-container { z-index: 1060 !important; } .oper-status-notify { position: fixed; top: 20%; left: 50%; padding: 6px; transform: translateX(-50%); background: #846c1a; 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: 1000; } .oper-status-notify.off { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0; } .oper-status-notify .spinner { width: 20px; height: 20px; position: relative; margin: 0 10px 0 0; display: none; } .oper-status-notify .spinner .spinner-container { position: absolute; width: 100%; height: 100%; } .oper-status-notify .container1 > div, .oper-status-notify .container2 > div, .oper-status-notify .container3 > div { width: 6px; height: 6px; background-color: #ffffff; border-radius: 100%; position: absolute; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .oper-status-notify .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .oper-status-notify .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .oper-status-notify .circle1 { top: 0; left: 0; } .oper-status-notify .circle2 { top: 0; right: 0; } .oper-status-notify .circle3 { right: 0; bottom: 0; } .oper-status-notify .circle4 { left: 0; bottom: 0; } .oper-status-notify .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .oper-status-notify .container3 .circle1 { -webkit-animation-delay: -1s; animation-delay: -1s; } .oper-status-notify .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .oper-status-notify .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .oper-status-notify .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .oper-status-notify .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .oper-status-notify .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .oper-status-notify .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .oper-status-notify .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .oper-status-notify .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .oper-status-notify .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .oper-status-notify.loading .spinner, .oper-status-notify .content { display: inline-block; vertical-align: middle; } .input-append, .input-prepend { display: inline-block; margin-bottom: 0.7; vertical-align: middle; font-size: 0; white-space: nowrap; } .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: 16px; } .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: #eeeeee; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; min-width: 16px; font-size: 16px; font-weight: normal; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #f6f6f6; border-width: 1px; border-style: solid; border-color: #eeeeee; height: 32px; line-height: 32px; -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: 276px; 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.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; } .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 { border-top: 1px solid #f6f6f6; padding: 1px 0; display: inline-block; width: 100%; } .popover.financing-popover .fin-field:first-child { border-top: none; } .popover.financing-popover .fin-group + .fin-group { border-top: 1px solid #f6f6f6; } .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: bold; } .popover.financing-popover .financing-disclaimer { font-size: 16px; 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-instruction:before { content: "\e65d\e623"; font-family: 'icomoonicheck'; font-size: 23px; letter-spacing: -5px; margin-right: 10px; } .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; } .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: 220px; } .scancode.code-show .scancode-wrapper { 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: 400px; } .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: 14px; max-height: 400px; width: 135px; display: block; padding-left: 15px; white-space: normal; text-align: center; color: #000000; padding-top: 9.9px; } .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: #181b1c; margin-right: 45px; } .popover.price-popover .popover-content .price .value .desc { position: relative; font-size: 14px; margin: 0 0 0 5px; color: #54595f; 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: 19.6px; 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: #181b1c; } .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 #54595f; } .popover.price-popover .popover-content .price .row-current .value { font-size: 28px; } .popover.price-popover .popover-content .price .row-current .desc { line-height: 39.2px; } .popover.price-popover .popover-content .price .row-current-no-tax .value { font-size: 16.8px; } .popover.price-popover .popover-content .price .row-current-no-tax .desc { line-height: 23.52px; } .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: #181b1c; } .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: #181b1c; } .popover.price-popover .popover-content .price .row-buyers-profit .value .price-holder { font-weight: 700; font-size: 30px; } .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.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: #846c1a; float: right; } .popover.price-popover .popover-content .row-financing:not(:only-child) .price-financing { border-bottom: 1px solid #54595f; padding-bottom: 5px; } .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; vertical-align: top; } .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 #846c1a; -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: #846c1a; } .carousel-controls .button-prev:before, .carousel-controls .button-next:before { color: #ffffff; font-size: 40px; font-weight: 700; 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: #333333; border-color: #333333; } .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; } #save-to-website .save-instruction { 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; margin: 20px 0 10px; } #save-to-website .this-website { text-align: right; } #save-to-website .process { text-align: center; } #save-to-website .that-website { text-align: left; } #save-to-website .that-website > .aligner { display: inline-block; font-size: 20px; text-align: center; } #save-to-website .benefits-list { margin-top: 30px; } #save-to-website .benefits-list.autosize { text-align: center; } #save-to-website .benefits-list.autosize > ol, #save-to-website .benefits-list.autosize > ul { display: inline-block; text-align: left; } #save-to-website .howto h3, #save-to-website .howto .h { font-size: 30px; text-align: center; } .flipcard { position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: right center; -moz-transform-origin: right center; -o-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .flipcard > .front, .flipcard > .back { overflow: hidden; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .flipcard > .front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .flipcard > .back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); position: absolute; top: 0; left: 0; } .flipcard:hover > .front, .flipcard:focus > .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .flipcard:hover > .back, .flipcard:focus > .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .symfio-link-global { display: inline-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; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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: 62px; } .symfio-link-global .icon:before { content: ''; display: inline-block; position: absolute; width: 62px; height: 62px; padding: 7px 10px; background-image: url(../../../images/frontend/icons/caratana_banner_icon.png); background-size: contain; color: #f6f6f6; font-size: 32px; line-height: 42px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .symfio-link-global .text { margin: 0 60px 0 20px; } .symfio-link-global .text h4 { margin: 0 0 5px; font-size: 30px; font-family: 'Cormorant Garamond', serif; font-weight: 700; } .symfio-link-global .text p { margin: 0; } .symfio-link-global a { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin-top: 0; min-width: 120px; text-align: center; } .symfio-link-global a [class^="\icons-tv-"] { display: none; } .symfio-link-global a:before, .symfio-link-global a:after { font-weight: 400; } .symfio-link-global a:focus { outline: none; } .symfio-link-global a:hover, .symfio-link-global a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .symfio-link-global a.off, .symfio-link-global a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .symfio-link-global a [class^="\icons-tv-"] { display: none; } .symfio-link-global a:before, .symfio-link-global a:after { font-weight: 400; } .symfio-link-global a:focus { outline: none; } .symfio-link-global a:hover, .symfio-link-global a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .symfio-link-global a.off, .symfio-link-global a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .symfio-link-global a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .symfio-link-global a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .symfio-link-global a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .symfio-link-global a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; 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: inline-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; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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: 62px; } .symfio-link-context .icn:before { content: ''; display: inline-block; width: 62px; height: 62px; background-image: url(../../../images/frontend/icons/caratana_banner_icon.png); background-size: contain; color: #f6f6f6; font-size: 32px; line-height: 42px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .symfio-link-context .text { margin: 0 60px 0 20px; } .symfio-link-context .text h4 { margin: 0 0 5px; font-size: 30px; font-family: 'Cormorant Garamond', serif; font-weight: 700; } .symfio-link-context .text p { margin: 0; } .symfio-link-context a { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin: 5px; min-width: 120px; text-align: center; } .symfio-link-context a [class^="\icons-tv-"] { display: none; } .symfio-link-context a:before, .symfio-link-context a:after { font-weight: 400; } .symfio-link-context a:focus { outline: none; } .symfio-link-context a:hover, .symfio-link-context a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .symfio-link-context a.off, .symfio-link-context a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .symfio-link-context a [class^="\icons-tv-"] { display: none; } .symfio-link-context a:before, .symfio-link-context a:after { font-weight: 400; } .symfio-link-context a:focus { outline: none; } .symfio-link-context a:hover, .symfio-link-context a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .symfio-link-context a.off, .symfio-link-context a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .symfio-link-context a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .symfio-link-context a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .symfio-link-context a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .symfio-link-context a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; 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: 1180px) { .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: 1180px) 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%; } } .slideshow-holder { height: auto; } .slideshow-holder .nivo-controlNav { bottom: 0; right: 0; left: 0; position: absolute; text-align: center; z-index: 10000; padding: 5px !important; visibility: visible !important; } .slideshow-holder .nivo-controlNav-wrapper .nivo-controlNav a { background: transparent; border: 1px solid #ffffff; border-radius: 50%; width: 10px; height: 10px; vertical-align: middle; box-shadow: 0 0 3px #181b1c; position: relative; margin: 6px; } .slideshow-holder .nivo-controlNav-wrapper .nivo-controlNav a.active { background: #ffffff; border: 1px solid #846c1a; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .slideshow-holder .nivo-controlNav-wrapper .nivo-controlNav a.active:before { content: ""; display: block; width: 10px; height: 10px; background: #846c1a; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; margin: auto; border-radius: 50%; } .slideshow-holder .nivo-caption { top: auto; 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: 1180px; 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: #846c1a; 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 #eeeeee; padding-right: 15px; } .slideshow-holder .nivo-caption .caption-content .caption-heading { font-size: 40px; text-transform: uppercase; color: #846c1a; } .slideshow-holder .nivo-caption .caption-content .caption-text { font-size: 16px; } .slideshow-holder .nivo-caption .caption-content:hover:after, .slideshow-holder .nivo-caption .caption-content:focus:after { color: #54595f; } .outerControlNav { position: relative; top: -53px; left: -76px; margin-left: -2.6%; z-index: 100; display: none; } .outerControlNav .nivo-prevNav-outer, .outerControlNav .nivo-nextNav-outer { background: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { line-height: 38px; font-size: 16px; font-weight: 700; } .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: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .outerControlNav .nivo-prevNav-outer { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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 { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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: 10px 10px 0; } .custom-menuitem.item-vehicle-info-default .title { padding-left: 5px; font-weight: 700; text-transform: uppercase; font-size: 40px; } .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: #333333; } .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: #846c1a; background: none; } .custom-menuitem.item-vehicle-info-default .price { font-size: 20px; padding-left: 5px; color: #181b1c; cursor: default; } .custom-menuitem.item-vehicle-info-default .price [class*="price-value"], .custom-menuitem.item-vehicle-info-default .price [class*="price-currency"] { font-weight: 700; } .custom-menuitem.item-vehicle-info-default .preview { margin: 0 0 10px; text-align: center; } .custom-menuitem.item-vehicle-info-default .preview a:hover, .custom-menuitem.item-vehicle-info-default .preview:focus { background: none; } .custom-menuitem.item-vehicle-info-default .text { text-align: right; font-weight: 700; } .custom-menuitem.item-vehicle-info-default .actions { font-size: 16px; } .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: #333333; } .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 { background: #eeeeee; color: #181b1c; } .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: #846c1a; } .jqueryuimenu-block { list-style: none; display: inline-block; *zoom: 1; padding: 0; font-family: 'Cormorant Garamond', serif; vertical-align: top; } .jqueryuimenu-block:before, .jqueryuimenu-block:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } @media (max-width: 1199px) { .jqueryuimenu-block { 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; } } .jqueryuimenu-block:focus { outline: none; } .jqueryuimenu-block a:visited { color: #ffffff; } .jqueryuimenu-block .ui-menu-divider { display: block; width: auto; padding: 0; margin: 0 0 0 0; border-color: rgba(238, 238, 238, 0.3); border-style: dashed; border-width: 1px 0 0; } .jqueryuimenu-block > li { float: left; position: relative; list-style: none; font-size: 16px; padding: 0; border-width: 0 0 0 1px; border-style: solid; border-color: transparent; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } @media (min-width: 1200px) { .jqueryuimenu-block > li { font-size: 23px; } } @media (max-width: 1199px) { .jqueryuimenu-block > li { float: none; } } @media (max-width: 767px) { .jqueryuimenu-block > li { float: none; } } .jqueryuimenu-block > li:last-child { border-right: 1px solid transparent; } .jqueryuimenu-block > li.separator { display: none; } .jqueryuimenu-block > li > a { color: #ffffff; text-decoration: none; display: block; padding: 9px 15px 9px; text-transform: none; font-weight: 400; -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; border-width: 3px 0 3px 0; border-style: solid; border-color: transparent; line-height: inherit; text-shadow: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .jqueryuimenu-block > li > a { padding: 10px 0 10px 5px; font-size: 14px; } } @media (min-width: 1500px) { .jqueryuimenu-block > li > a { font-size: 23px; padding: 10px 20px 10px 20px; } } .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: #ffffff !important; background: #181b1c; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 3px 0 3px 0; border-style: solid; border-bottom-color: #846c1a; } .jqueryuimenu-block > li > a .item-label { padding-right: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .jqueryuimenu-block > li > a .item-label { padding-right: 10px; } } @media (max-width: 1199px) { .jqueryuimenu-block > li > a { font-size: 23px; 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: #ffffff; } .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; border-left: 1px solid #ffffff; 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: 767px) { .jqueryuimenu-block > li > a { font-size: 23px; padding-left: 10px; border-bottom-width: 1px; border-bottom-color: #ffffff; } .jqueryuimenu-block > li > a .ui-icon, .jqueryuimenu-block > li > a .ui-icon:before { display: inline-block; } } .jqueryuimenu-block > li.active > a { color: #ffffff; background: transparent; border-width: 3px 0 3px 0; border-style: solid; border-bottom-color: #846c1a; text-shadow: none; } .jqueryuimenu-block > li.active > a:hover { color: #ffffff; background: #181b1c; border-width: 3px 0 3px 0; border-style: solid; border-color: transparent; text-shadow: none; } .jqueryuimenu-block > li ul { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; max-width: 380px; z-index: 1100; left: 0 !important; top: 100% !important; font-family: 'Lato', sans-serif; display: none !important; border: none; border-top: 0; padding: 0 0 0 0; text-align: left; -webkit-box-shadow: 0px 0px 2px 0px rgba(24, 27, 28, 0.15000000000000002); -moz-box-shadow: 0px 0px 2px 0px rgba(24, 27, 28, 0.15000000000000002); box-shadow: 0px 0px 2px 0px rgba(24, 27, 28, 0.15000000000000002); } @media (min-width: 1200px) { .jqueryuimenu-block > li ul { display: none !important; position: absolute !important; background: #333333; zoom: 1; background: transparent\0/; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff333333, endColorstr=#ff333333)\0/; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff333333, endColorstr=#ff333333)\0/; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff333333, endColorstr=#ff333333); } } .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; padding: 0; list-style: none; padding: 0 0 0 0; border-width: 0 0 1px; border-style: solid; border-color: #54595f; font-size: 16px; } @media (max-width: 767px) { .jqueryuimenu-block > li ul li { font-size: 14px; } } @media (max-width: 1199px) { .jqueryuimenu-block > li ul li { font-size: 14px; border-color: #ffffff; } } @media (min-width: 1200px) { .jqueryuimenu-block > li ul li a:visited { color: #f6f6f6; } } .jqueryuimenu-block > li ul li:last-child { border-width: 0; } .jqueryuimenu-block > li ul li ul { left: 100% !important; left: calc(100%) !important; top: 0 !important; z-index: 1100; margin-top: 0; min-width: 250px; } @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: 0 !important; padding-left: 15px; } } .jqueryuimenu-block > li ul li a, .jqueryuimenu-block > li ul li span.parent { white-space: nowrap; padding: 0 15px; display: block; color: #f6f6f6; background: none; text-transform: none; } .jqueryuimenu-block > li ul li a:hover, .jqueryuimenu-block > li ul li span.parent:hover, .jqueryuimenu-block > li ul li a:focus, .jqueryuimenu-block > li ul li span.parent:focus { text-decoration: none; color: #846c1a; background: none; } .jqueryuimenu-block > li ul li a:hover .item-label, .jqueryuimenu-block > li ul li span.parent:hover .item-label, .jqueryuimenu-block > li ul li a:focus .item-label, .jqueryuimenu-block > li ul li span.parent:focus .item-label { border-top-color: transparent; } .jqueryuimenu-block > li ul li a:hover .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent:hover .ui-menu-icon, .jqueryuimenu-block > li ul li a:focus .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent:focus .ui-menu-icon { color: #846c1a; } .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; bottom: 7px; } .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: 16px; margin: 0 5px 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; } @media (min-width: 1200px) { .jqueryuimenu-block > li ul li a .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon { color: #f6f6f6; } } .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 a[aria-haspopup="true"], .jqueryuimenu-block > li ul li span.parent[aria-haspopup="true"] { padding-right: 20px; } .jqueryuimenu-block > li ul li a .item-label, .jqueryuimenu-block > li ul li span.parent .item-label { display: block; padding: 7px 0; border-top: 1px solid transparent; } @media (max-width: 1199px) { .jqueryuimenu-block > li ul li a, .jqueryuimenu-block > li ul li span.parent { padding: 0 0 0 15px; } .jqueryuimenu-block > li ul li a, .jqueryuimenu-block > li ul li span.parent, .jqueryuimenu-block > li ul li a:hover, .jqueryuimenu-block > li ul li span.parent:hover, .jqueryuimenu-block > li ul li a:focus, .jqueryuimenu-block > li ul li span.parent:focus { color: #181b1c; } } .jqueryuimenu-block > li ul li > span { white-space: nowrap; padding: 5px 6px; display: block; cursor: default; } .jqueryuimenu-block > li ul li > span.parent { padding-right: 25px; } @media (max-width: 1199px) { .jqueryuimenu-block > li ul li > span.parent { padding-right: 0; } } .jqueryuimenu-block > li ul li > span:hover { text-decoration: none; color: #846c1a; } .jqueryuimenu-block > li ul li:first-child a { border-top: 1px solid transparent; } .jqueryuimenu-block > li ul li:first-child a .item-label { border-top: none; } .jqueryuimenu-block > li ul li:hover > ul { display: block !important; } .jqueryuimenu-block > li ul li.item-default { position: relative; } .jqueryuimenu-block > li ul li.active a, .jqueryuimenu-block > li ul li.active span.parent { font-weight: 700; color: #ffffff; } @media (max-width: 1199px) { .jqueryuimenu-block > li ul li:first-child a .item-label, .jqueryuimenu-block > li ul li:first-child span.parent .item-label { border-top: none; } .jqueryuimenu-block > li ul li a, .jqueryuimenu-block > li ul li span.parent { position: relative; } .jqueryuimenu-block > li ul li a .ui-menu-icon, .jqueryuimenu-block > li ul li span.parent .ui-menu-icon { width: 40px; height: 100%; top: 0; right: 0; margin: 0; border-left: 1px solid #ffffff; font-size: 11px; line-height: 1; } .jqueryuimenu-block > li ul li a .ui-menu-icon:after, .jqueryuimenu-block > li ul 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) { .jqueryuimenu-block > li ul.submenu-default { position: static; max-width: none; } } @media (max-width: 767px) { .jqueryuimenu-block > li ul.submenu-default { position: static; max-width: none; } } .jqueryuimenu-block > li > ul { min-width: 250px; } .jqueryuimenu-block > li:hover > ul { display: block !important; } .jqueryuimenu-block > li:hover > ul[style*="display: none"] { display: block !important; } .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; } .jqueryuimenu-block li.highlight > a, .jqueryuimenu-block li.highlight > a:visited { color: #f00 !important; } footer .heading-item { color: #ffffff; font-size: 16px; margin-bottom: 10px; } .linkmenu-block { margin: 0; padding: 0; list-style: none; text-align: left; } .linkmenu-block li { display: inline-block; font-size: 16px; line-height: 1.4; padding: 0; margin: 0 0 0 15px; } @media (max-width: 979px) { .linkmenu-block li { margin: 0 0 0 5px; font-size: 14px; } } .linkmenu-block li.separator { display: none; } .linkmenu-block li a { color: #ffffff; border-width: 0; border-style: solid; border-color: #ffffff; padding: 0; margin: 0; text-decoration: none; display: inline-block; } .linkmenu-block li a:visited { color: #ffffff; } .linkmenu-block li a:hover, .linkmenu-block li a:focus { color: #846c1a; text-decoration: none; } .linkmenu-block li.active a { text-decoration: underline; text-underline-offset: 2px; } .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; } ul.jqueryuimenu-block.page-menu { z-index: 100; position: relative; background: transparent; } 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: #eeeeee; 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: 400px; } 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: 1px 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 1px !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 1px !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 1px !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 1px !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 1px !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: 1px 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 1px !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 1px !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 1px !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 1px !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: 1px 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 1px !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 1px !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 1px !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: 1px 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 1px !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 1px !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: 1px 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 1px !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: #f6f6f6; 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; -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: #181b1c; } .jqueryuimenu-block.menu-togglable > li.item-selected > a { background: #ffffff; color: #181b1c !important; } .jqueryuimenu-block.menu-togglable > li.item-selected > a li.item-selected > a { color: #846c1a; background: none; } } @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) { .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: #f6f6f6; 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; -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: #181b1c; } .jqueryuimenu-block.menu-togglable > li.item-selected > a { background: #ffffff; color: #181b1c !important; } .jqueryuimenu-block.menu-togglable > li.item-selected > a li.item-selected > a { color: #846c1a; background: none; } } @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 (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; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; position: relative; font-size: 0; height: 30px; width: 30px; margin-top: 0; background: none !important; border: none !important; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:before, .jqueryuimenu-toggler:after { font-weight: 400; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:before, .jqueryuimenu-toggler:after { font-weight: 400; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler span { position: absolute; left: 50%; top: 50%; left: 10px !important; } .jqueryuimenu-toggler span, .jqueryuimenu-toggler span:before, .jqueryuimenu-toggler span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 21px; background: #ffffff; position: absolute; display: block; content: ''; left: 0; } .jqueryuimenu-toggler span:before { top: -6px; } .jqueryuimenu-toggler span:after { bottom: -6px; } } @media (max-width: 767px) { .jqueryuimenu-toggler { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; position: relative; font-size: 0; height: 30px; width: 30px; margin-top: 0; background: none !important; border: none !important; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:before, .jqueryuimenu-toggler:after { font-weight: 400; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .jqueryuimenu-toggler [class^="\icons-tv-"] { display: none; } .jqueryuimenu-toggler:before, .jqueryuimenu-toggler:after { font-weight: 400; } .jqueryuimenu-toggler:focus { outline: none; } .jqueryuimenu-toggler:hover, .jqueryuimenu-toggler.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .jqueryuimenu-toggler.off, .jqueryuimenu-toggler.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .jqueryuimenu-toggler span { position: absolute; left: 50%; top: 50%; left: 10px !important; } .jqueryuimenu-toggler span, .jqueryuimenu-toggler span:before, .jqueryuimenu-toggler span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 21px; background: #ffffff; position: absolute; display: block; content: ''; left: 0; } .jqueryuimenu-toggler span:before { top: -6px; } .jqueryuimenu-toggler span:after { bottom: -6px; } } .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: 12px; 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: #846c1a; } .search-block .caroufredsel_wrapper + a, .search-block .caroufredsel_wrapper + a + a { margin-top: -19px !important; position: absolute !important; top: 50%; background: none !important; border: none !important; } .search-block .caroufredsel_wrapper + a { float: left; background: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; font-size: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; left: 0; } .search-block .caroufredsel_wrapper + a:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search-block .caroufredsel_wrapper + a:before { line-height: 38px; font-size: 16px; font-weight: 700; } .search-block .caroufredsel_wrapper + a:hover, .search-block .caroufredsel_wrapper + a:focus, .search-block .caroufredsel_wrapper + a:active { background: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .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: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; font-size: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; right: 0; } .search-block .caroufredsel_wrapper + a + a:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search-block .caroufredsel_wrapper + a + a:before { line-height: 38px; font-size: 16px; font-weight: 700; } .search-block .caroufredsel_wrapper + a + a:hover, .search-block .caroufredsel_wrapper + a + a:focus, .search-block .caroufredsel_wrapper + a + a:active { background: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .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: 1180px) 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: 1180px) 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; } } .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; } .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 .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 label.check { display: block; line-height: 1.4; } .search-block label.check.value-0 { color: #a1a4a7; } .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.7; } .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 [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 #846c1a; 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 { width: 100%; bottom: 22.5px; } .search-block.search-by-stock .widget-content { padding: 5px 15px 15px; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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: 16px; } .search-block .search-column .range .row-slider { margin: 0; font-size: 0; } .search-block .search-column .range .row-slider > * { font-size: 16px; } .search-block .search-column .range .row-slider > label { text-align: right; } .search-block .search-column .range input { height: 32px; } .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; display: block; } .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: 16px; border-bottom: 1px solid #eeeeee; } .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: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: 14px; color: #846c1a; } .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: 30px; line-height: 23px; color: #846c1a; letter-spacing: -5px; } .widget-news.news-list.news-simple .widget-content .widget-news-item .title a { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; color: #181b1c; -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; } .widget-news.news-list.news-simple .widget-content .widget-news-item .title a:hover { color: #846c1a; } .widget-news.news-list.news-simple .widget-content .widget-news-item .title a:focus { color: #846c1a; } .widget-news.news-list.news-simple .widget-content .widget-news-item .title a:focus { color: #846c1a; } .widget-news.news-list.news-simple .widget-content .widget-news-item .title a:visited { color: notset; } .widget-news.news-list.news-simple .widget-content .news-more { color: #181b1c; -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; } .widget-news.news-list.news-simple .widget-content .news-more:hover { color: #846c1a; } .widget-news.news-list.news-simple .widget-content .news-more:focus { color: #846c1a; } .widget-news.news-list.news-simple .widget-content .news-more:focus { color: #846c1a; } .widget-news.news-list.news-simple .widget-content .news-more:visited { color: notset; } .widget-news.news-details p + ul, .widget-news.news-details p + ol { padding-top: 0; margin-top: 7.2px; } .widget-news.news-details ul + p, .widget-news.news-details ol + p { margin-top: 9.6px; } .widget-news.news-details ul { overflow: hidden; padding: 7px 0 7px 0; } .widget-news.news-details ul li { list-style: none; padding: 0 0 0 10px; } .widget-news.news-details ul li: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-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 { font-size: 26.5px; color: inherit; position: relative; top: 4px; left: -4px; color: #846c1a; margin-left: -13px; line-height: 0; } @media (max-width: 767px) { .widget-news.news-details ul { margin-left: 0; } } .widget-news.news-details ol { margin-left: 0; overflow: hidden; padding: 7px 0 7px 14px; } .widget-news.news-details ol li { padding: 4.8px 0 4.8px 12px; } .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; } .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 #eeeeee; padding: 0; background: #f6f6f6; } .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: #eeeeee; 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: 40px 0; } .widget-news.news-details h4 { color: #846c1a; text-transform: none; font-size: 30px; font-weight: 400; text-align: justify; margin: 12px 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: #eeeeee; top: 50%; left: 0; z-index: -1; } .widget-news.news-photobased .post-date { font-size: 23px; 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 #333333; padding-top: 15px; margin-top: 15px; 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; } .widget-news.news-list.news-common .widget-content .widget-news-item .title { font-size: 23px; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a { color: #181b1c; -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; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a:hover { color: #846c1a; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a:focus { color: #846c1a; } .widget-news.news-list.news-common .widget-content .widget-news-item .title a:focus { color: #846c1a; } .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 .featered-img { position: relative; width: 100%; height: auto; background: #eee; border: 1px solid #c2c2c2; line-height: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .featered-img img.img-prev { width: calc(100% - 2px) !important; height: calc(100% - 2px); margin: 1px!important; z-index: 1; padding: 0; border: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .featered-img .above { position: absolute; top: 0; left: 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .featered-img iframe { z-index: -1; } .widget-news.news-list.news-common .widget-content .widget-news-item .featered-img .video-trigger { display: block; cursor: pointer; border: none; width: 100%; height: 100%; z-index: 2; } .widget-news.news-list.news-common .widget-content .widget-news-item .featered-img .video-trigger:before, .widget-news.news-list.news-common .widget-content .widget-news-item .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-list.news-common .widget-content .widget-news-item .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-list.news-common .widget-content .widget-news-item .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-list.news-common .widget-content .widget-news-item .featered-img .video-trigger:hover:before, .widget-news.news-list.news-common .widget-content .widget-news-item .featered-img .video-trigger:focus:before { background: #cc181e; } .widget-news.news-list.news-common .widget-content .widget-news-item .featered-img .video-wrapper { z-index: 1; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); padding: 0; margin: 1px; } .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: 7.2px; } .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: 9.6px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul { overflow: hidden; padding: 7px 0 7px 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul li { list-style: none; padding: 0 0 0 10px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul li: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-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 { font-size: 26.5px; color: inherit; position: relative; top: 4px; left: -4px; color: #846c1a; margin-left: -13px; line-height: 0; } @media (max-width: 767px) { .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul { margin-left: 0; } } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ol { margin-left: 0; overflow: hidden; padding: 7px 0 7px 14px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ol li { padding: 4.8px 0 4.8px 12px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description ul { padding-left: 40px; } .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description img { border: 0 solid #eeeeee; padding: 0; background: #f6f6f6; } .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: #eeeeee; 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; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; } .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:before, .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; 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: #181b1c; 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 [class^="\icons-tv-"] { display: none; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:before, .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; 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: #181b1c; 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.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: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore 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: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore 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: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore 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: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore 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: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-news.news-list.news-common .widget-content .widget-news-item .readmore a:after { line-height: inherit; } .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: #f6f6f6; width: 30px; height: 38px; z-index: 10; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; font-size: 16px; 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: "tv"; -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: 38px; font-size: 16px; font-weight: 700; } .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: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .widget-news.news-list.news-common .news-pagination .page-prev:before, .widget-news.news-list.news-common .news-pagination .page-next:before { font-size: 16px; } .widget-news.news-list.news-common .news-pagination .page-prev { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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 { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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 .ui-widget-content .widget-news-item:first-child a { margin-top: 0; } .widget-news.news-simple .news-more { text-align: right; display: block; margin-top: 10px; } .widget-news .blog-post-information { color: #54595f; } .widget-news .blog-post-information .icon-calendar { background-image: url("../../libraries/img/icons/glyphicons-halflings-grey.png"); } .widget-news .widget-content { padding: 0; } .page-newslist .widget-news.news-list.news-common .widget-content { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; position: relative; margin-bottom: 50px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .page-newslist .widget-news.news-list.news-common .widget-content { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item { display: inline-block; vertical-align: top; background: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: none; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item, .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item:first-child { margin-bottom: 20px; margin-top: 0; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item > .title { height: 58px; overflow: hidden; line-height: 1.4; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item > .title, .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item > .blog-post-body, .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item > .blog-post-information { margin-left: 15px; margin-right: 15px; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item:first-child, .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item:nth-child(4n+1) { margin-left: 0; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description { line-height: 1.6; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p { margin: 5px 0; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p:first-child { margin-top: 0; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-description p:last-child { margin-bottom: 0; } .page-newslist .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; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item .blog-post-date { position: absolute; top: 102px; left: 17px; background: rgba(255, 255, 255, 0.8); padding: 0 10px; z-index: 1; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item .readmore { position: relative; display: block; text-align: center; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item.flip-item { padding: 0; background: none; } .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item.flip-item > .flipcard > .front, .page-newslist .widget-news.news-list.news-common .widget-content .widget-news-item.flip-item > .flipcard > .back { padding: 20px 10px; background: #f6f6f6; } .page-newslist .widget-news.news-list.news-common .widget-content .news-pagination { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .widget-contact.phones2 .phone { line-height: 24px; } .dw-contacts-line { font-size: 14px; color: #ffffff; } .dw-contacts-line > span { display: inline-block; margin-left: 20px; } .dw-contact { display: inline-block; *zoom: 1; display: block; padding: 0; position: relative; } .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: #846c1a; 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: #eeeeee; 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; margin: 15px 0 0; padding: 0 0 20px !important; } .contact-us-simple-two-columns .widget-header { margin: 0; border-color: #f6f6f6; font-family: 'Cormorant Garamond', serif; } .contact-us-simple-two-columns .widget-content { padding: 15px; } .contact-us-simple-two-columns label { margin-top: 10px; min-height: 18px !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%; min-height: 30px; -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(24, 27, 28, 0.2); -webkit-box-shadow: 1px 1px 4px rgba(24, 27, 28, 0.2); box-shadow: 1px 1px 4px rgba(24, 27, 28, 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: 40px; color: #846c1a; } .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 #eeeeee; } .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 #eeeeee; } .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: 16px; } .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: #eeeeee; 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; text-align: center; 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: 1px solid #eeeeee; 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.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:before { font-size: 20px; position: absolute; left: 10px; top: 50%; margin-top: -18px; color: #846c1a; } .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: 5px 0; } .contact-buttons .column.dealership-extraspace .contact strong + br { display: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .contact-buttons .column.dealership-image { width: 100%; margin-bottom: 10px; } .contact-buttons .column.dealership-contacts { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; margin-left: 0; } .contact-buttons .column.dealership-contacts:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-buttons .column.dealership-extraspace { float: left; width: 65.95744681%; *width: 65.90425532%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-buttons .column.dealership-extraspace:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } .contact-buttons .column.dealership-service { float: left; width: 31.91489362%; *width: 31.86170213%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .contact-buttons .column.dealership-service:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .contact-buttons .column.dealership-contacts, .contact-buttons .column.dealership-extraspace, .contact-buttons .column.dealership-service { width: 100%; margin-left: 0; } } .contact-buttons .row-contact { border-top: 1px solid #f6f6f6; padding: 5px 45px 5px 0; } .contact-buttons .row-contact, .contact-buttons .row-contact * { font-size: 30px; vertical-align: middle; } .contact-buttons .row-contact:first-child { border-top: none; } .contact-buttons .contact-modal-toggle { margin-top: 25px; } .contacts--container { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px; padding: 20px 30px; background: #181b1c; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .contacts--container { padding: 10px 20px; } } .contacts--col { -webkit-flex-basis: 24%; -moz-flex-basis: 24%; -ms-flex-basis: 24%; flex-basis: 24%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) { .contacts--col { -webkit-flex-basis: 49%; -moz-flex-basis: 49%; -ms-flex-basis: 49%; flex-basis: 49%; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .contacts--col { -webkit-flex-basis: 49%; -moz-flex-basis: 49%; -ms-flex-basis: 49%; flex-basis: 49%; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .contacts--col { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } } .contacts--elem { 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; } .contacts--elem:before { position: absolute; display: inline-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; width: 60px; height: 60px; background: transparent; color: #f6f6f6; border: 1px solid #f6f6f6; font-size: 32px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contacts--elem__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; } .contacts--elem__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; } .contacts--elem__mail: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; } .contacts--elem__workhours: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; } .contacts--elem p { margin-left: 80px; color: #f6f6f6; } .contacts--elem p a { color: #f6f6f6 !important; -webkit-transition: color 0.2s ease-in !important; -moz-transition: color 0.2s ease-in !important; -o-transition: color 0.2s ease-in !important; transition: color 0.2s ease-in !important; } .contacts--elem p a:hover { color: #ffffff !important; } .contacts--elem p a:focus { color: #846c1a !important; } .contacts--elem p a:focus { color: #846c1a !important; } .contacts--elem p a:visited { color: notset !important; } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .contacts--elem:before { width: 50px; height: 50px; font-size: 26px; } .contacts--elem p { margin-left: 65px; font-size: 14px; } } .hiddenElement, .location[itemprop="location"] { display: none; } .highlight { color: #846c1a !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: #846c1a; } @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: 5px 0; color: #333333; } .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; } .widget-inventory .inventory-header .found-text { text-transform: capitalize; text-align: right; } .widget-inventory .inventory-header .total-found { font-weight: bold; color: #ffffff; } .widget-inventory .inventory-header .dropdown { display: inline-block; } .widget-inventory .inventory-header .dropdown-menu { min-width: 235px; } .widget-inventory .inventory-header .header-pagination { text-align: right; color: #333333; float: right; } .widget-inventory .inventory-header .header-pagination .page-prev, .widget-inventory .inventory-header .header-pagination .page-next { background: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; vertical-align: middle; } .widget-inventory .inventory-header .header-pagination .page-prev:before, .widget-inventory .inventory-header .header-pagination .page-next:before { font-family: "tv"; -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: 38px; font-size: 16px; font-weight: 700; } .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: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .widget-inventory .inventory-header .header-pagination .page-prev { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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 { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; 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; } .widget-inventory .inventory-header .header-pagination .inline-label { padding: 0 10px; } @media (max-width: 767px) { .widget-inventory .inventory-header .header-pagination { display: inline-block; } } @media (max-width: 767px) { .widget-inventory .inventory-header .inline-label:first-child { 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: 40px; } .widget-inventory.inventory-light .widget-inventory-item { padding: 30px 0 30px; border-width: 0; 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 { display: block; } .widget-inventory.inventory-light .widget-inventory-item .item-title .item-heading { margin: 0 0 15px; } .widget-inventory.inventory-light .widget-inventory-item .item-title a { font-size: 30px; font-weight: 400; color: #181b1c; } .widget-inventory.inventory-light .widget-inventory-item .item-title a:hover { color: #846c1a; } .widget-inventory.inventory-light .widget-inventory-item .item-title + .inventory-item-left { margin-left: 0; } .widget-inventory.inventory-light .widget-inventory-item .row-fluid { position: relative; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; color: #181b1c !important; border: 1px solid #181b1c; margin-top: 7px; float: right; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore [class^="\icons-tv-"] { display: none; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:before, .widget-inventory.inventory-light .widget-inventory-item .button-readmore:after { font-weight: 400; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:focus { outline: none; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:hover, .widget-inventory.inventory-light .widget-inventory-item .button-readmore.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.off, .widget-inventory.inventory-light .widget-inventory-item .button-readmore.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore [class^="\icons-tv-"] { display: none; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:before, .widget-inventory.inventory-light .widget-inventory-item .button-readmore:after { font-weight: 400; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:focus { outline: none; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:hover, .widget-inventory.inventory-light .widget-inventory-item .button-readmore.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.off, .widget-inventory.inventory-light .widget-inventory-item .button-readmore.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.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: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore, .widget-inventory.inventory-light .widget-inventory-item .button-readmore:hover, .widget-inventory.inventory-light .widget-inventory-item .button-readmore:focus, .widget-inventory.inventory-light .widget-inventory-item .button-readmore:active { background: transparent; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:hover, .widget-inventory.inventory-light .widget-inventory-item .button-readmore:focus, .widget-inventory.inventory-light .widget-inventory-item .button-readmore:active { color: #333333 !important; border: 1px solid #333333; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore:after { display: none; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo { margin-top: 10px; float: left; } .widget-inventory.inventory-light .widget-inventory-item .price { font-size: 17px; font-weight: 400; color: #54595f; } .widget-inventory.inventory-light .widget-inventory-item .price .value { color: #181b1c; font-size: 26.5px; font-weight: 700; } .widget-inventory.inventory-light .widget-inventory-item .price .value .desc { position: relative; font-size: 12px; color: #54595f; vertical-align: top; top: -5px; font-weight: 400; } .widget-inventory.inventory-light .widget-inventory-item .price .value.nomwst { display: block; } .widget-inventory.inventory-light .widget-inventory-item .price .value.nomwst .desc, .widget-inventory.inventory-light .widget-inventory-item .price .value.nomwst > span { display: block; margin-left: 0; } .widget-inventory.inventory-light .widget-inventory-item .price .value.nomwst .desc { display: block; } .widget-inventory.inventory-light .widget-inventory-item .price .row-old, .widget-inventory.inventory-light .widget-inventory-item .price .row-diff { font-size: 16px; } .widget-inventory.inventory-light .widget-inventory-item .price .row-old .value, .widget-inventory.inventory-light .widget-inventory-item .price .row-diff .value { font-size: 16px; color: #54595f; font-weight: 400; } .widget-inventory.inventory-light .widget-inventory-item .price .row-old .price-holder { text-decoration: line-through; } .widget-inventory.inventory-light .widget-inventory-item .price [class*="row-"] { text-align: left; } .widget-inventory.inventory-light .widget-inventory-item .price .row-dealer .value .desc { color: #846c1a; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing { position: relative; float: left; margin-left: 20px; padding: 0 0 5px 15px; border-left: 1px solid #eeeeee; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .monthlyRate { font-size: 26.5px; -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -o-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px); } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .monthlyRate .fin-value { color: #846c1a; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .monthlyRate .fin-label { color: #846c1a; padding-left: 5px; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .monthsCount .fin-value, .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .monthsCount .fin-label { color: #181b1c; font-size: 12px; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .show-details { display: inline-block; visibility: hidden; position: absolute; top: 9px; right: -20px; } .widget-inventory.inventory-light .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-light .widget-inventory-item .item-subinfo-financing .show-details:before { color: #a1a4a7; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .fin-label, .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .sublabel { font-size: 16px; } .widget-inventory.inventory-light .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-light .widget-inventory-item .item-subinfo-financing > :first-child > :last-child:after { color: #a1a4a7; margin: 0 0 0 5px; } .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 .exp { position: relative; display: none; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .label-custom { top: 20px; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video { position: absolute; display: block; right: 15px; bottom: 12px; border: none; padding: 0; background: none; color: #ffffff; text-align: center; cursor: pointer; z-index: 110; line-height: 0; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; right: 65px; bottom: 19px; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .video i { font-style: normal; display: inline-block; font-size: 21px; width: 21px; height: 21px !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 { display: none; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count { position: absolute; right: 15px; bottom: 21px; left: auto; z-index: 100; height: 25px; color: #ffffff; font-size: 16px; text-transform: uppercase; line-height: 1; display: flex; align-items: center; justify-content: center; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count .icon { margin: 0 .1em 0 0; background: none; font-weight: 400; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count .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-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count .icon:before { line-height: 1.2; font-size: 19px; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .image-count .image-count { margin-right: .1em; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .carseals { position: absolute; bottom: 1px; left: 1px; z-index: 1; background: rgba(255, 255, 255, 0.9); width: 50%; min-height: 32px; padding: 6px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .carseals > a, .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .carseals > span { display: inline-block; vertical-align: middle; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .carseals > a:hover, .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .carseals > a:focus { opacity: 0.7; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .carseals img { max-height: 20px; margin: 0 5px; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .carseals:empty { display: none; } .widget-inventory.inventory-light .widget-inventory-item .inventory-item-left { 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 { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; padding: 15px 0; } .widget-inventory.inventory-light .center .button { color: #181b1c !important; font-family: 'Lato', sans-serif; font-weight: 700; border-bottom: 2px solid #181b1c; } .widget-inventory.inventory-light .center .button.button-prev:before { 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 { display: inline-block; vertical-align: middle; font-family: icomoonicheck; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e617"; } .widget-inventory.inventory-light .center .button:not(:first-child) { margin-left: 10px; } @media (max-width: 767px) { .widget-inventory.inventory-light .center { text-align: left; } .widget-inventory.inventory-light .center .button { margin-top: 5px; } } .widget-inventory.inventory-light .disclaimers { margin: 10px 0 0; } .widget-inventory.inventory-light .disclaimer-specs, .widget-inventory.inventory-light .disclaimer-emissions, .widget-inventory.inventory-light .disclaimer-financing { margin: 5px 0 0; font-size: 14px; color: #54595f; } .widget-inventory.inventory-light .disclaimer-specs:first-child, .widget-inventory.inventory-light .disclaimer-emissions:first-child, .widget-inventory.inventory-light .disclaimer-financing:first-child { margin: 0; } .widget-inventory.inventory-light .disclaimer-specs a, .widget-inventory.inventory-light .disclaimer-emissions a, .widget-inventory.inventory-light .disclaimer-financing a { text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 767px) { .widget-inventory.inventory-light .widget-inventory-item .inventory-item-left, .widget-inventory.inventory-light .widget-inventory-item .inventory-item-right { float: none; margin-left: 0; margin-top: 20px; width: 100%; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img a { height: auto; padding-bottom: 0; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .exp { display: none; } .widget-inventory.inventory-light .widget-inventory-item .vehicle-img .photo { position: static; width: 100%; height: auto !important; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo, .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing { float: none; } .widget-inventory.inventory-light .widget-inventory-item .button-readmore { position: static; float: none; width: 100%; box-sizing: border-box; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing { margin-left: 10px; } .widget-inventory.inventory-light .widget-inventory-item .submit-contact { text-align: center; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing { margin: 0; padding-left: 0; border-left: none; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .fin-field { display: inline-block; vertical-align: baseline; } .widget-inventory.inventory-light .widget-inventory-item .item-subinfo-financing .fin-field:not(:first-child) { margin-left: 20px; } .widget-inventory.inventory-light .info-cell { float: left; width: 48.93617021%; *width: 48.88297872%; margin-left: 2.12765957%; *margin-left: 2.0212766%; } .widget-inventory.inventory-light .info-cell:first-child { margin-left: 0; margin-left: 0%; *margin-left: -0.10638298%; } @supports (display: contents) { .widget-inventory-item { 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; } .widget-inventory-item .inventory-item-left, .widget-inventory-item .inventory-item-right { display: contents; } .widget-inventory-item .item-title { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } .widget-inventory-item .vehicle-img { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } .widget-inventory-item .item-info { -webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3; } .widget-inventory-item .item-subinfo { -webkit-order: 4; -moz-order: 4; -ms-order: 4; order: 4; } .widget-inventory-item .item-subinfo-financing { -webkit-order: 5; -moz-order: 5; -ms-order: 5; order: 5; } .widget-inventory-item .submit-contact { -webkit-order: 6; -moz-order: 6; -ms-order: 6; order: 6; } } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget-inventory.inventory-light .widget-inventory-item .submit-contact { max-width: 50%; } .widget-inventory.inventory-light .widget-inventory-item .item-info { margin-top: 10px; } .widget-inventory.inventory-light .details-row, .widget-inventory.inventory-light .info-cell { display: inline-block !important; width: auto !important; margin-left: 0 !important; vertical-align: middle; float: none; padding: 0; } .widget-inventory.inventory-light .details-row:not(:last-child):after { content: ''; display: inline-block; vertical-align: middle; border-right: 1px solid #54595f; margin-right: 10px; padding-right: 10px; height: 14px; width: 1px; } .widget-inventory.inventory-light .param-type { padding-right: 5px; } } .widget-inventory .video { position: absolute; display: block; right: 15px; bottom: 12px; border: none; padding: 0; background: none; color: #ffffff; text-align: center; cursor: pointer; z-index: 110; line-height: 0; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; } .widget-inventory .video i { font-style: normal; display: inline-block; font-size: 40px; width: 40px; height: 40px !important; line-height: 100%; } .widget-inventory .video:hover i, .widget-inventory .video:focus i { color: #ffffff; } .widget-inventory .video .desc { display: none; } .widget-inventory .video ~ .panorama { margin: 76px 0 0; width: 66px !important; box-sizing: border-box; padding: 5px; } .widget-inventory .video ~ .panorama .desc { text-align: center; font-size: 11px; } .widget-inventory .panorama { position: absolute; display: block; right: 15px; bottom: 12px; border: none; padding: 0; background: none; color: #ffffff; text-align: center; cursor: pointer; z-index: 110; line-height: 0; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; position: absolute !important; } .widget-inventory .panorama i { font-style: normal; display: inline-block; font-size: 40px; width: 40px; height: 40px !important; line-height: 100%; } .widget-inventory .panorama:hover i, .widget-inventory .panorama:focus i { color: #ffffff; } .widget-inventory .panorama .desc { display: none; } .widget-inventory .panorama:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e648"; font-style: normal; font-size: 46px; margin: 10px 0 -10px; } .widget-inventory .panorama:before { line-height: 40%; } .widget-inventory .panorama .desc { margin-top: -5px; } .widget-content .widget-inventory-item { padding: 10px; border: 1px solid #54595f; 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 { color: #333333; 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; } @media (max-width: 767px) { .widget-content .widget-inventory-item .item-info .details-row { height: 32.4px; } } .widget-content .widget-inventory-item .vehicle-img { min-height: 76px; position: relative; border: 0 solid #eeeeee; padding: 0; background: #f6f6f6; } .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: #eeeeee; 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 .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 .market-txt, .widget-content .widget-inventory-item .old-price { color: #54595f; font-size: .9em; text-transform: capitalize; font-style: italic; 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 { cursor: pointer; } .widget-content .value .call:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67e"; font-style: normal; font-size: 23px; margin: 0 5px 0 0; } .widget-content .value .call:before { color: #ffffff; } .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: #ffffff; border: none; color: #181b1c; max-height: 150px; } .smart-filter a .value { color: #333333; } .smart-filter a:hover { text-decoration: none; } .smart-filter a:hover .value { color: #846c1a; } .smart-filter a:hover .quantity { color: #846c1a; } .smart-filter a .quantity { color: #846c1a; } .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: 16px; } .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; } @media (max-width: 767px) { .smart-filter { max-height: none; } .smart-filter > ul > li { width: 100% !important; } } .widget-last-added > .isa-header + .widget-content, .section-related > .isa-header + .widget-content { background: none; padding: 0; position: relative; } .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: 15px 0 0 1% !important; width: 24%; border-width: 0 1px 1px 0; border-style: solid; border-color: #eeeeee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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 { margin: 0; } .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(4n+1), .section-related > .widget-content > .lastadded-item-holder:nth-child(4n+1) { border-left-width: 0; } .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(-n+4), .section-related > .widget-content > .lastadded-item-holder:nth-child(-n+4) { border-top-width: 0; } .widget-last-added > .widget-content > .lastadded-item-holder:after, .section-related > .widget-content > .lastadded-item-holder:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-width: 0 0 4px; border-style: solid; border-color: transparent; pointer-events: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-last-added > .widget-content > .lastadded-item-holder:hover:after, .section-related > .widget-content > .lastadded-item-holder:hover:after { border-color: #846c1a; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .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%; border-right-width: 0; } .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(4n+1), .section-related > .widget-content > .lastadded-item-holder:nth-child(4n+1) { border-left-width: 0; } .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(-n+4), .section-related > .widget-content > .lastadded-item-holder:nth-child(-n+4) { border-top-width: 0; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .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: 50%; border-right-width: 0; } .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(4n+1), .section-related > .widget-content > .lastadded-item-holder:nth-child(4n+1) { border-left-width: 0; } .widget-last-added > .widget-content > .lastadded-item-holder:nth-child(-n+4), .section-related > .widget-content > .lastadded-item-holder:nth-child(-n+4) { border-top-width: 0; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .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%; margin-right: 0; margin-left: 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 { margin: 20px 0 0; background: #f6f6f6; } .widget-last-added .lastadded-item-holder, .section-related .lastadded-item-holder { flex-direction: column; display: flex !important; box-shadow: 0px 0px 7px 1px #d9d9d9; background: #eeeeee !important; } .widget-last-added .item-title, .section-related .item-title { top: 0; left: 0; order: 30; width: 100%; font-size: 20px; line-height: 1.1; text-transform: none; display: block; text-align: left !important; margin: 0; position: inherit; padding: 12px 5px; font-family: 'Cormorant Garamond', serif; background: #eeeeee; font-weight: normal; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-last-added .item-title span, .section-related .item-title span { display: block; height: 42px; overflow: hidden; } .widget-last-added .item-title a, .section-related .item-title a { vertical-align: top; text-align: left; color: #181b1c; -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; } .widget-last-added .item-title a:hover, .section-related .item-title a:hover { color: #333333; } .widget-last-added .item-title a:focus, .section-related .item-title a:focus { color: #846c1a; } .widget-last-added .item-title a:focus, .section-related .item-title a:focus { color: #846c1a; } .widget-last-added .item-title a:visited, .section-related .item-title a:visited { color: notset; } .widget-last-added .item-title a:before, .section-related .item-title a:before { vertical-align: middle; color: #846c1a; } .widget-last-added .item-title a > span, .section-related .item-title a > span { display: block; height: auto; } @media (max-width: 1199px) { .widget-last-added .item-title a, .section-related .item-title a { word-break: break-all; } .widget-last-added .item-title > span, .section-related .item-title > span { height: 41.6px; } } .widget-last-added .lastadded-item-holder, .section-related .lastadded-item-holder { float: left; width: 25%; margin: 0 10px; font-size: 0.95em; display: block; white-space: normal; vertical-align: top; border-width: 0; border-style: solid; border-color: #54595f; position: relative; background: #ffffff; -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.tuv-approved .widget-last-added-item .vehicle-preview, .section-related .lastadded-item-holder.tuv-approved .widget-last-added-item .vehicle-preview { display: block; } .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: 19px; height: 19px; position: absolute; right: 15px; bottom: 14px; 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: 50px; } .widget-last-added .lastadded-item-holder .emissions-data, .section-related .lastadded-item-holder .emissions-data { order: 40; background: none; z-index: 10; right: 0; left: 0; position: inherit; font-size: 12px !important; bottom: 0 !important; box-sizing: border-box; padding: 5px; color: #54595f; background: #eeeeee; *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 { display: contents; } .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(132, 108, 26, 0.8); padding: 0px 10px; color: #fff; } .widget-last-added .widget-last-added-item > a.vehicle-preview, .section-related .widget-last-added-item > a.vehicle-preview { order: 10; display: block; overflow: hidden; text-align: center; vertical-align: middle; } .widget-last-added .widget-last-added-item > a.vehicle-preview img, .section-related .widget-last-added-item > a.vehicle-preview img { aspect-ratio: 1.42857143; object-fit: cover; height: 100%; width: 100%; } .widget-last-added .widget-last-added-item > .price, .section-related .widget-last-added-item > .price { order: 20; font-size: 23px; /* convert to em */ cursor: default; position: inherit; box-sizing: border-box; padding: 5px 15px; color: #ffffff; background: #54595f; text-shadow: 0 0 3px #54595f; border-top: 1px solid #846c1a; pointer-events: none; text-align: right; width: 100%; } .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 > .price .prices-envelope, .section-related .widget-last-added-item > .price .prices-envelope { padding-right: 25px; } .widget-last-added .widget-last-added-item .video, .section-related .widget-last-added-item .video { position: absolute; display: block; right: 15px; bottom: 12px; border: none; padding: 0; background: none; color: #ffffff; text-align: center; cursor: pointer; z-index: 110; line-height: 0; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; right: 0 !important; bottom: 0 !important; top: 12px !important; right: 15px !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: 26.5px; width: 26.5px; height: 26.5px !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 { display: none; } .widget-last-added .widget-last-added-item .video ~ .panorama, .section-related .widget-last-added-item .video ~ .panorama { margin: 28px 0 0; } .widget-last-added .widget-last-added-item .panorama, .section-related .widget-last-added-item .panorama { position: absolute; display: block; right: 15px; bottom: 12px; border: none; padding: 0; background: none; color: #ffffff; text-align: center; cursor: pointer; z-index: 110; line-height: 0; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; padding-bottom: 3px; } .widget-last-added .widget-last-added-item .panorama i, .section-related .widget-last-added-item .panorama i { font-style: normal; display: inline-block; font-size: 26.5px; width: 26.5px; height: 26.5px !important; line-height: 100%; } .widget-last-added .widget-last-added-item .panorama:hover i, .section-related .widget-last-added-item .panorama:hover i, .widget-last-added .widget-last-added-item .panorama:focus i, .section-related .widget-last-added-item .panorama:focus i { color: #ffffff; } .widget-last-added .widget-last-added-item .panorama .desc, .section-related .widget-last-added-item .panorama .desc { display: none; } .widget-last-added .widget-last-added-item .panorama:before, .section-related .widget-last-added-item .panorama:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e648"; font-style: normal; font-size: 26.5px; margin: -8px 0 0; } .widget-last-added .widget-last-added-item .panorama:before, .section-related .widget-last-added-item .panorama:before { padding: 5px 0 0; } .widget-last-added .widget-last-added-item .image-count, .section-related .widget-last-added-item .image-count { position: absolute; right: 15px; bottom: 21px; left: auto; z-index: 100; height: 25px; color: #ffffff; font-size: 16px; text-transform: uppercase; line-height: 1; display: flex; align-items: center; justify-content: center; left: 3px; right: auto; } .widget-last-added .widget-last-added-item .image-count .icon, .section-related .widget-last-added-item .image-count .icon { margin: 0 .1em 0 0; background: none; font-weight: 400; } .widget-last-added .widget-last-added-item .image-count .icon:before, .section-related .widget-last-added-item .image-count .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-last-added .widget-last-added-item .image-count .icon:before, .section-related .widget-last-added-item .image-count .icon:before { line-height: 1.2; font-size: 19px; } .widget-last-added .widget-last-added-item .image-count .image-count, .section-related .widget-last-added-item .image-count .image-count { margin-right: .1em; } .widget-last-added .more-vehicles a, .section-related .more-vehicles a { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin: 0; } .widget-last-added .more-vehicles a [class^="\icons-tv-"], .section-related .more-vehicles a [class^="\icons-tv-"] { display: none; } .widget-last-added .more-vehicles a:before, .section-related .more-vehicles a:before, .widget-last-added .more-vehicles a:after, .section-related .more-vehicles a:after { font-weight: 400; } .widget-last-added .more-vehicles a:focus, .section-related .more-vehicles a:focus { outline: none; } .widget-last-added .more-vehicles a:hover, .section-related .more-vehicles a:hover, .widget-last-added .more-vehicles a.on, .section-related .more-vehicles a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-last-added .more-vehicles a.off, .section-related .more-vehicles a.off, .widget-last-added .more-vehicles a.off:hover, .section-related .more-vehicles a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-last-added .more-vehicles a [class^="\icons-tv-"], .section-related .more-vehicles a [class^="\icons-tv-"] { display: none; } .widget-last-added .more-vehicles a:before, .section-related .more-vehicles a:before, .widget-last-added .more-vehicles a:after, .section-related .more-vehicles a:after { font-weight: 400; } .widget-last-added .more-vehicles a:focus, .section-related .more-vehicles a:focus { outline: none; } .widget-last-added .more-vehicles a:hover, .section-related .more-vehicles a:hover, .widget-last-added .more-vehicles a.on, .section-related .more-vehicles a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-last-added .more-vehicles a.off, .section-related .more-vehicles a.off, .widget-last-added .more-vehicles a.off:hover, .section-related .more-vehicles a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-last-added .more-vehicles a.switch-map:before, .section-related .more-vehicles 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: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.employees:before, .section-related .more-vehicles 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: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.gallery:before, .section-related .more-vehicles 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: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.servicetermin:before, .section-related .more-vehicles 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: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.testdrive:before, .section-related .more-vehicles 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: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.write-us:before, .section-related .more-vehicles a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.whatsapp:before, .section-related .more-vehicles a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.snapchat:before, .section-related .more-vehicles a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-last-added .more-vehicles a.wechat:before, .section-related .more-vehicles a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .section-related .widget-inventory.clmn-3 .lastadded-item-holder:nth-last-child(-n+3):first-child, .section-related .widget-inventory.clmn-3 .lastadded-item-holder:nth-last-child(-n+3):first-child ~ .lastadded-item-holder { width: 32.33%; } .section-related .widget-inventory.clmn-4 .lastadded-item-holder:nth-last-child(-n+4):first-child, .section-related .widget-inventory.clmn-4 .lastadded-item-holder:nth-last-child(-n+4):first-child ~ .lastadded-item-holder { width: 24%; margin: 0 0.5%; } .section-related .widget-inventory.clmn-5 .lastadded-item-holder:nth-last-child(-n+5):first-child, .section-related .widget-inventory.clmn-5 .lastadded-item-holder:nth-last-child(-n+5):first-child ~ .lastadded-item-holder { width: 19%; } .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; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; left: -6px; bottom: 50px; width: 120px; height: 24px; text-align: center; color: #ffffff; font: 400 12px/24px 'Lato', sans-serif; text-shadow: notset; z-index: 2; text-transform: uppercase; letter-spacing: 2px; -moz-box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); -webkit-box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); top: 60px; } .widget.widget-inventory .widget-content .status span, .lastadded-item-holder .widget-last-added-item .status span { position: relative; display: block; width: 100%; background: #846c1a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0NmMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODQ2YzFhIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #846c1a), color-stop(100%, #846c1a)); background: -webkit-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -o-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -ms-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: linear-gradient(to bottom, #846c1a 0%, #846c1a 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846c1a', endColorstr='#846c1a', GradientType=0); z-index: 2; } .widget.widget-inventory .widget-content .status:before, .lastadded-item-holder .widget-last-added-item .status:before, .widget.widget-inventory .widget-content .status:after, .lastadded-item-holder .widget-last-added-item .status:after { content: ''; position: absolute; display: block; height: 0px; width: 0px; border-style: solid; } .widget.widget-inventory .widget-content .status:before, .lastadded-item-holder .widget-last-added-item .status:before { top: -3px; left: 0; border-width: 3px 6px 0 0; border-color: transparent #9d8022 transparent transparent; } .widget.widget-inventory .widget-content .status:after, .lastadded-item-holder .widget-last-added-item .status:after { top: 0; left: 120px; border-width: 0 0 24px 12px; border-color: transparent transparent transparent #846c1a; filter: drop-shadow(0px 0px 4px rgba(24, 27, 28, 0.5)); z-index: 1; } .widget.widget-inventory .widget-content .status span, .lastadded-item-holder .widget-last-added-item .status span { background: #54595f; } .widget.widget-inventory .widget-content .status:before, .lastadded-item-holder .widget-last-added-item .status:before { border-color: transparent #181b1c transparent transparent; } .widget.widget-inventory .widget-content .status:after, .lastadded-item-holder .widget-last-added-item .status:after { border-color: transparent transparent transparent #54595f; } .widget.widget-inventory .widget-content .status.sold, .lastadded-item-holder .widget-last-added-item .status.sold { top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #00000090; backdrop-filter: blur(2px); } .widget.widget-inventory .widget-content .status.sold:before, .lastadded-item-holder .widget-last-added-item .status.sold:before, .widget.widget-inventory .widget-content .status.sold:after, .lastadded-item-holder .widget-last-added-item .status.sold:after { display: none; } .widget.widget-inventory .widget-content .status.sold > span, .lastadded-item-holder .widget-last-added-item .status.sold > span, .widget.widget-inventory .widget-content .status.sold > span > span, .lastadded-item-holder .widget-last-added-item .status.sold > span > span { font-size: 40px; background: transparent; } .slide-show.inventory-slideshow { position: relative; } .slide-show.inventory-slideshow .nivoSlider { position: static; } .slide-show.inventory-slideshow .nivo-caption { text-align: left; padding: 0 50px 25px; font-family: 'Cormorant Garamond', serif; margin: 0; bottom: 0; } .slide-show.inventory-slideshow .nivo-caption .button-readmore { display: inline-block !important; } .slide-show.inventory-slideshow .nivo-caption .button-readmore:after { display: none; } .slide-show.inventory-slideshow .nivo-caption .price .price-holder { font-size: 44px; } .slide-show.inventory-slideshow .nivo-caption .row-current-no-tax, .slide-show.inventory-slideshow .nivo-caption .price .desc { display: none; } .slide-show.inventory-slideshow .nivo-caption .item-info { display: inline-block; *zoom: 1; display: block; white-space: nowrap; position: absolute; bottom: 10px; right: 50%; left: auto; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .slide-show.inventory-slideshow .nivo-caption .item-info:before, .slide-show.inventory-slideshow .nivo-caption .item-info:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .slide-show.inventory-slideshow .nivo-caption .details-row { display: none; width: auto; float: left; border: none !important; white-space: nowrap; padding: 5px 15px !important; background: rgba(24, 27, 28, 0.8) !important; } .slide-show.inventory-slideshow .nivo-caption .details-row.row-fuelConsumptionCombined, .slide-show.inventory-slideshow .nivo-caption .details-row.row-emissionCO2 { display: inline-block; padding: 0 !important; background: none !important; } .slide-show.inventory-slideshow .nivo-caption .details-row.row-fuelConsumptionCombined > *, .slide-show.inventory-slideshow .nivo-caption .details-row.row-emissionCO2 > * { font-size: 16px; padding: 0; color: #ffffff; } .slide-show.inventory-slideshow .nivo-caption .details-row.row-emissionCO2 { margin-left: 20px; } .slide-show.inventory-slideshow .widget-inventory-item { 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; text-align: center; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; position: relative; z-index: 5; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .vehicle-img > [class*="label-"] { display: none; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; display: inline-block !important; background: #cc181e; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video [class^="\icons-tv-"] { display: none; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:before, .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:after { font-weight: 400; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:focus { outline: none; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:hover, .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.off, .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video [class^="\icons-tv-"] { display: none; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:before, .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:after { font-weight: 400; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:focus { outline: none; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video:hover, .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.off, .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.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: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.employees:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e971"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.gallery:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e62e"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.servicetermin:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.testdrive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video .desc { float: left; text-transform: uppercase; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-left .video [class*="icon"] { display: inline-block; font-size: 30px; font-style: normal; padding-left: 10px; float: right; } .slide-show.inventory-slideshow .widget-inventory-item .inventory-item-right { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } .slide-show.inventory-slideshow .widget-inventory-item .item-title { margin-bottom: 30px; } .slide-show.inventory-slideshow .widget-inventory-item .item-title, .slide-show.inventory-slideshow .widget-inventory-item .item-title a, .slide-show.inventory-slideshow .widget-inventory-item .item-title a > span, .slide-show.inventory-slideshow .widget-inventory-item .item-title a > span > span { display: block; } .slide-show.inventory-slideshow .widget-inventory-item .item-title .title-primary > span, .slide-show.inventory-slideshow .widget-inventory-item .item-title .title-secondary > span { padding: 12px 15px; background: rgba(24, 27, 28, 0.5); line-height: 2.2; } .slide-show.inventory-slideshow .widget-inventory-item .item-title .title-primary > span:not(*:root), .slide-show.inventory-slideshow .widget-inventory-item .item-title .title-secondary > span:not(*:root) { padding: 12px 15px; } .slide-show.inventory-slideshow .widget-inventory-item .item-title .title-secondary { font-size: 20px; } .slide-show.inventory-slideshow .widget-inventory-item .item-title a { line-height: 2.1; padding-bottom: 7px !important; padding-top: 7px !important; } .slide-show.inventory-slideshow .widget-inventory-item .item-title a:not(*:root) { line-height: 2; padding-bottom: 10px !important; padding-top: 10px !important; } .slide-show.inventory-slideshow .widget-inventory-item .item-subinfo { margin-bottom: 20px; } .slide-show.inventory-slideshow .widget-inventory-item .item-subinfo > .price { display: inline-block; *zoom: 1; } .slide-show.inventory-slideshow .widget-inventory-item .item-subinfo > .price:before, .slide-show.inventory-slideshow .widget-inventory-item .item-subinfo > .price:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .slide-show.inventory-slideshow .widget-inventory-item .item-subinfo > .price { padding: 10px 15px; background: rgba(24, 27, 28, 0.5); } /* Widget details */ .widget-details > .widget-header { margin: 15px 0 0; font-size: 0; } .widget-details > .widget-header .block-primary { width: calc(100% - 330px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; position: relative; top: -5px; } .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: #f6f6f6; text-transform: lowercase; margin-left: 10px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .widget-details > .widget-header .block-side { font-size: 12px; width: 330px; 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; display: none; } .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: #333333; } .widget-details > .widget-header .block-side a:hover, .widget-details > .widget-header .block-side a:focus { color: #846c1a; } .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; display: none; /*.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.sendto { display: inline-block; } .widget-details > .widget-header .widget-button span { position: relative; top: -1px; } .widget-details .widget-content { margin: 10px 0 0; padding: 0; display: inline-block; *zoom: 1; display: block; } .widget-details .widget-content:before, .widget-details .widget-content:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .widget-details .widget-content .vehicleinfo { min-height: 150px; position: relative; margin-top: 25px; display: grid; grid-template-columns: repeat(6, 1fr); } .widget-details .widget-content .vehicleinfo .control-toggle { font-size: 16px; font-weight: normal; color: #846c1a; cursor: pointer; } .widget-details .widget-content .vehicleinfo .control-toggle.pull-right { margin-top: 5px; } .widget-details .widget-content .vehicleinfo .control-toggle .icon { color: #846c1a; font-size: 23px; } .widget-details .widget-content .vehicleinfo .details-information { grid-column-start: 1; grid-column-end: 7; } .widget-details .widget-content .vehicleinfo .details-information.tab-info { grid-row-start: 1; grid-row-end: 2; } .widget-details .widget-content .vehicleinfo .details-information.tab-options { grid-row-start: 2; grid-row-end: 3; } .widget-details .widget-content .vehicleinfo .details-information.tab-description { grid-column-end: 5; grid-row-start: 3; grid-row-end: 8; } .widget-details .widget-content .vehicleinfo .details-information.tab-emissions { grid-column-start: 5; grid-column-end: 7; grid-row-start: 4; grid-row-end: 5; } .widget-details .widget-content .vehicleinfo .details-information.tab-emissions .details-content .details-row { display: flex; align-items: stretch; } .widget-details .widget-content .vehicleinfo .details-information.tab-emissions .details-content .details-row .info-cell { color: #181b1c; } .widget-details .widget-content .vehicleinfo .details-information.tab-emissions .details-content .details-row > .info-cell { margin: 0; width: 100%; padding: 3px 5px; box-sizing: border-box; border: 1px solid #ffffff; } .widget-details .widget-content .vehicleinfo .details-information.tab-emissions .details-content .details-row > .info-cell:nth-child(even) { background: #ffffff; border: 1px solid #f6f6f6; } .widget-details .widget-content .vehicleinfo .details-information .vehicledata-disclaimer { grid-row-start: 6; grid-row-end: 7; } @media (max-width: 979px) { .widget-details .widget-content .vehicleinfo .details-information.tab-emissions { grid-column-start: 1; grid-row-start: 5; grid-row-end: 6; } .widget-details .widget-content .vehicleinfo .details-information.tab-description { grid-column-end: 7; grid-row-end: 4; } } .widget-details .widget-content .vehicleinfo .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 #f6f6f6; padding: 0; background: #f6f6f6; vertical-align: baseline; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .widget-details .widget-content .vehicleinfo .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 .vehicleinfo .details-information [class*="sample"].locked span:before { background: #eeeeee; 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 .vehicleinfo .details-information [class*="sample"]:after { content: ""; display: block; height: 8px; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content { max-height: 300px; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content p + ul, .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content p + ol { padding-top: 0; margin-top: 7.2px; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul + p, .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ol + p { margin-top: 9.6px; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul { overflow: hidden; padding: 7px 0 7px 0; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul li { list-style: none; padding: 0 0 0 10px; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul li: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-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul li:first-child { padding-top: 0; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul li:last-child { padding-bottom: 0; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul li:before { font-size: 26.5px; color: inherit; position: relative; top: 4px; left: -4px; color: #846c1a; margin-left: -13px; line-height: 0; } @media (max-width: 767px) { .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ul { margin-left: 0; } } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ol { margin-left: 0; overflow: hidden; padding: 7px 0 7px 14px; } .widget-details .widget-content .vehicleinfo .details-information.tab-description .details-content ol li { padding: 4.8px 0 4.8px 12px; } .widget-details .widget-content .vehicleinfo .details-information.tab-emissions .desc { font-size: 16px; padding-top: 10px; } .widget-details .widget-content .vehicleinfo + .symfio-link-eyecatcher { margin: 35px 0 50px; } .widget-details .widget-content .promo-text { overflow: hidden; max-height: 200px; position: relative; margin: 20px 0; box-sizing: border-box; transition: all 1s ease; } .widget-details .widget-content .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 .widget-content .promo-text:hover { max-height: 2500px; } .widget-details .widget-content .promo-text:hover:before, .widget-details .widget-content .promo-text:hover:after { opacity: 0; transition: all 1s ease; } .widget-details .widget-content .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 .widget-content .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 .widget-content .status-description { background: #ffffff; border: none; color: #181b1c; padding: 10px 10px 10px 56px; margin-bottom: 10px; position: relative; } .widget-details .widget-content .status-description:before { content: "!"; display: inline-block; position: absolute; left: 10px; font-size: 22px; font-weight: 700; border: 3px solid #181b1c; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; top: 50%; vertical-align: middle; margin-top: -17px; } .widget-details .widget-content .status-description a { text-decoration: underline; text-underline-offset: 2px; } .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; margin-top: 13px; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; display: block; font-size: 16px; font-weight: 400; line-height: 1.4; position: relative; margin: 0 0 10px; padding: 0.6em 2.6em 0.7em 2.6em; padding-right: 0; padding-left: 0; text-align: center; background: #73777c; border: 2px solid #73777c; letter-spacing: 0; text-transform: none; } .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:before, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; 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: #181b1c; 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 [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:before, .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; 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: #181b1c; 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.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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons li a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; 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: 2px solid #333333; background: #333333; color: notset; } .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: #ffffff; width: auto; height: auto; text-align: center; border-radius: 0; padding: 0; position: relative; top: 0; left: 0; font-size: 20px; } .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 .actions-bookmarks .actions-bookmarks-buttons.bookmarks-3 li { width: 32%; margin-left: 2%; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-3 li:first-child { margin-left: 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-3 li { width: 23.5%; margin-left: 2%; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-3 li:first-child { margin-left: 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li { width: 49%; margin-left: 2%; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li a:before { margin-left: 7px; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li:nth-child(2n+1) { margin-left: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li a { font-size: 16px; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li:last-child a { margin-bottom: 0 !important; } } @media (max-width: 767px) { .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li:last-child a { margin-bottom: 0 !important; } } @media (min-width: 1025px) and (max-width: 1499px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), (max-width: 768px) { .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li { width: 49%; margin-left: 2%; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li:nth-child(2n+1) { margin-left: 0; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li a { text-align: left; } .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li a:before { display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 7px; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-details .widget-content .actions-bookmarks .actions-bookmarks-buttons.bookmarks-6 li { width: 100%; margin-left: 0%; text-align: center; } } .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: #ffffff; border: none; color: #181b1c; 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: 30px; font-family: 'Cormorant Garamond', serif; font-weight: 700; 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; } @media (max-width: 1199px) { .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper:only-child .actions-bookmarks > ul > li { width: 49%; margin-left: 2% !important; } .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper:only-child .actions-bookmarks > ul > li:nth-child(2n+1) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper:only-child .actions-bookmarks > ul > li { width: 100%; margin-left: 0% !important; } } @media (max-width: 767px) { .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper { width: auto; } } .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; 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; color: #54595f; font-weight: 700; } .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: 23px; } .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: #54595f; } .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; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; font-size: 23px; } .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:before, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; 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: #181b1c; 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 [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:before, .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; 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: #181b1c; 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.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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .financing-mobile.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; 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: 16px; margin: 0 5px 0 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper, .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper { display: block; width: 100%; margin: 0; padding: 10px; box-sizing: border-box; } .widget-details .widget-content .bookmarks-financing-wrapper .spacer { height: 10px; } } @media (max-width: 767px) { .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper, .widget-details .widget-content .bookmarks-financing-wrapper .actions-bookmarks-wrapper { display: block; width: 100%; margin: 0; padding: 10px; box-sizing: border-box; } .widget-details .widget-content .bookmarks-financing-wrapper .spacer { height: 10px; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-details .widget-content .bookmarks-financing-wrapper .financing-summary-wrapper .half { width: 100%; margin-left: 0; } } .widget-details .widget-content .financing-calculator-wrapper { background: #ffffff; border: none; color: #181b1c; padding: 15px; margin: 0 0 25px; } .widget-details .widget-content .financing-calculator-wrapper .widget-header { font-size: 30px; font-weight: 700; 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; } .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; } .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 { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; width: 100%; text-align: center; margin: 0; padding-top: 1px; padding-bottom: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit [class^="\icons-tv-"], .widget-details .widget-content .financing-calculator-wrapper .control-group .reset [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:after, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:after { font-weight: 400; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:focus, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:focus { outline: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.on, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.off, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off, .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.off:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit [class^="\icons-tv-"], .widget-details .widget-content .financing-calculator-wrapper .control-group .reset [class^="\icons-tv-"] { display: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:after, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:after { font-weight: 400; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:focus, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:focus { outline: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.on, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.off, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off, .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.off:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.switch-map:before, .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: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.employees:before, .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: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.gallery:before, .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: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.servicetermin:before, .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: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.testdrive:before, .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: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.write-us:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.whatsapp:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.snapchat:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-details .widget-content .financing-calculator-wrapper .control-group .submit.wechat:before, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .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 { background: #54595f; } .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:hover, .widget-details .widget-content .financing-calculator-wrapper .control-group .reset:focus { background: #333333; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget-details .widget-content .financing-calculator-wrapper [class*="groups-"] .control-group { width: 49%; margin-right: 1% !important; } .widget-details .widget-content .financing-calculator-wrapper [class*="groups-"] .control-group:nth-child(2n) { margin-right: 0 !important; } .widget-details .widget-content .financing-calculator-wrapper [class*="groups-"] .control-group:nth-child(-n+2) { margin-top: 0; } } @media (max-width: 767px) { .widget-details .widget-content .financing-calculator-wrapper [class*="groups-"] .control-group { width: 100%; margin: 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: 'Lato', sans-serif; border: 1px solid #eeeeee; min-height: 32px; padding: 0 5px; background: #ffffff; color: #181b1c; -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 #333333; background: #ffffff; outline: none; color: #333333; } .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 #eeeeee; background: #f6f6f6; color: #333333; } .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 #eeeeee; background: #f6f6f6; color: #333333; } .widget-details .widget-content .financing-calculator-wrapper [readonly] + .add-on { border-color: #eeeeee; } .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 3px 0 0; border-style: dotted; border-color: #f6f6f6; } .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: 7.2px; } .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: 9.6px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul { overflow: hidden; padding: 7px 0 7px 0; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul li { list-style: none; padding: 0 0 0 10px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul li: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-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 { font-size: 26.5px; color: inherit; position: relative; top: 4px; left: -4px; color: #846c1a; margin-left: -13px; line-height: 0; } @media (max-width: 767px) { .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ul { margin-left: 0; } } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ol { margin-left: 0; overflow: hidden; padding: 7px 0 7px 14px; } .widget-details .widget-content .tabs-expanded .details-information.tab-description .details-content ol li { padding: 4.8px 0 4.8px 12px; } .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 .widget.widget-userlist.userlist-carousel .userlist-carousel-controls > * { background: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; display: inline-block !important; } .widget-details .widget-content .widget.widget-userlist.userlist-carousel .userlist-carousel-controls > *:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget-details .widget-content .widget.widget-userlist.userlist-carousel .userlist-carousel-controls > *:before { line-height: 38px; font-size: 16px; font-weight: 700; } .widget-details .widget-content .widget.widget-userlist.userlist-carousel .userlist-carousel-controls > *:hover, .widget-details .widget-content .widget.widget-userlist.userlist-carousel .userlist-carousel-controls > *:focus, .widget-details .widget-content .widget.widget-userlist.userlist-carousel .userlist-carousel-controls > *:active { background: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .widget-details .widget-content .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-next { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin: 0 0 0 10px; } .widget-details .widget-content .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: "\e60f"; font-style: normal; font-size: notset; margin: notset; } .widget-details .widget-content .widget.widget-userlist.userlist-carousel .userlist-carousel-controls .user-prev { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin: 0; } .widget-details .widget-content .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: "\e612"; font-style: normal; font-size: notset; margin: notset; } .widget-details .widget-content .widget.widget-userlist .responsible-block .person:before { display: none; } .widget-details .widget-content .disclaimer, .widget-details .widget-content .disclaimer-financing { color: #54595f; font-size: 14px; margin: 10px 0 0; text-align: justify; } .widget-details .widget-content .disclaimer p, .widget-details .widget-content .disclaimer-financing p { margin: 0; color: inherit; font: inherit; text-align: justify; } .widget-details.step2 .widget-header { font-size: 30px; 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: 40px; font-weight: normal; padding-bottom: 12px; padding-top: 4.5px; margin-bottom: 12px; border-bottom: 1px solid #eeeeee; line-height: normal; color: #846c1a; } .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 #eeeeee; padding: 0; background: #f6f6f6; 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: #eeeeee; 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: #ffffff; border: none; color: #181b1c; -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; } .widget-details .carseals img { max-height: 30px; margin: 10px 10px 0 0; } .details-information.tab-network { background: #ffffff; padding: 10px 15px 15px; margin: 0 0 12px; position: relative; } .details-information.tab-network .details-header { border-color: #eeeeee; } .details-information.tab-network .details-header .title { color: red !important; font-size: notset; } .details-information.tab-network .details-content { margin: 0 !important; } .details-information.tab-network .dealer-price { position: absolute; right: 15px; top: 15px; margin: 0; font-size: 23px; } .details-information.tab-network .dealer-price .desc { font-size: 16px; margin: 0 5px 0 0; } .details-information.tab-network .dealer-price .price-holder { color: #846c1a; } .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: 16px; } .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: 24px; margin: 0 0 10px; } .details-information.tab-network .documents .doc a:before { display: block; color: #333333; } .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: 16px; } .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(24, 27, 28, 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: 76%; height: 0; background: #f6f6f6; border: 0 solid #eeeeee; } .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; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin: 15px 0 0 15px; font-size: notset; color: #ffffff; background: #333333; border: #333333; } .details-information.tab-network .partner-actions .partner-action [class^="\icons-tv-"] { display: none; } .details-information.tab-network .partner-actions .partner-action:before, .details-information.tab-network .partner-actions .partner-action:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .details-information.tab-network .partner-actions .partner-action.off, .details-information.tab-network .partner-actions .partner-action.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .details-information.tab-network .partner-actions .partner-action [class^="\icons-tv-"] { display: none; } .details-information.tab-network .partner-actions .partner-action:before, .details-information.tab-network .partner-actions .partner-action:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .details-information.tab-network .partner-actions .partner-action.off, .details-information.tab-network .partner-actions .partner-action.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .details-information.tab-network .partner-actions .partner-action.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; 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: #181b1c; border: #181b1c; } .details-information.tab-network .partner-actions .partner-action:before { vertical-align: middle; margin: 0 10px 0 0; font-size: notset; } .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: #181b1c; border: #181b1c; } .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: #333333; border: #333333; } .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: 30px 0 5px; 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: 30px; font-family: 'Cormorant Garamond', serif; font-weight: 700; color: #181b1c; 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: #54595f; font-size: 16px; } .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: #181b1c; display: block; } .details-information .details-content:before, .details-information .details-content:after { content: " "; display: block; clear: both; } #mailshare-modal .heading { font-weight: bold; font-family: 'Cormorant Garamond', serif; font-size: 23px; } #mailshare-modal .vphoto { border: 0 solid #eeeeee; padding: 0; background: #f6f6f6; } #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: #eeeeee; 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; } .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: 23px; } .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: #846c1a; } .specs-tabs li { float: none !important; border-width: 1px 0 !important; border-style: solid !important; border-color: #eeeeee !important; } .specs-tabs > li > a { color: #54595f !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: #181b1c !important; background: #f6f6f6 !important; } .specs-tabs li.active a { color: #181b1c !important; background: #f6f6f6 !important; } .specs-tabs li.active a:hover, .specs-tabs li.active a:focus { color: #846c1a !important; background: none !important; outline: none; } .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 #eeeeee; margin: 5px 0 10px; } .specs-tabs + .tab-content .tab-header span:first-child { text-transform: uppercase; color: #846c1a; padding: 0 5px 0 0; } .specs-tabs + .tab-content .tab-header span:last-child { color: #54595f; } .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: 40px; text-transform: uppercase; color: #846c1a; font-weight: 700; } .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 #eeeeee; -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 #eeeeee 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: #846c1a; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li a:before { color: #846c1a; vertical-align: middle; } .specs-tabs + .tab-content > .block-content > .nav-tabs > li.active a { background: none !important; color: #846c1a !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: #eeeeee !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: #54595f; } .param-stock { word-break: break-all; } .widget-details.big-images .buttons-holder { position: absolute; right: 0; top: 14px; border-width: 0; border-style: solid; border-color: #eeeeee; padding: 0; margin: 0; text-align: right; } @media (max-width: 767px) { .widget-details.big-images .buttons-holder { position: initial; text-align: left; } } .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: 16px; 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: 16px; font-weight: 400; text-transform: none; } .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-weight: 400; } .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: "\ea8c"; font-style: normal; font-size: notset; margin: notset; } .widget-details.big-images .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.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-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-sendmail { margin-right: 0; } .widget-details.big-images .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.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-text { display: inline-block; } .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; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget-details.big-images .buttons-holder .buttons-functional { display: none; } } .widget-details.big-images .buttons-holder .buttons-contactlink .bookmark-button { background: #846c1a; } @media (max-width: 767px) { .widget-details.big-images .buttons-holder .buttons-social { border: none; } } .widget-details.big-images .buttons-holder .buttons-social .pict { margin: 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: #333333; -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 { color: #846c1a; } .widget-details.big-images .buttons-holder .buttons-social .buttons-title { display: none; } .widget-details.big-images .buttons-holder .buttons-functional { margin: 0; padding: 0; } .widget-details.big-images .buttons-holder .buttons-functional a { background: #ffffff; border-width: 1px; border-style: solid; border-color: #ffffff; color: #333333; font-size: 16px; -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 { color: #846c1a; } .widget-details.big-images .buttons-holder + .tab-info { padding-top: 15px; } .widget-details.big-images .widget-content .content-main { 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; } .widget-details.big-images .widget-content .content-main .top-images { -webkit-order: 10; -moz-order: 10; -ms-order: 10; order: 10; } .widget-details.big-images .widget-content .content-main .bookmarks-financing-wrapper { -webkit-order: 20; -moz-order: 20; -ms-order: 20; order: 20; } .widget-details.big-images .widget-content .content-main .vehicleinfo { -webkit-order: 30; -moz-order: 30; -ms-order: 30; order: 30; } .widget-details.big-images .widget-content .content-main .promo-text { -webkit-order: 35; -moz-order: 35; -ms-order: 35; order: 35; } .widget-details.big-images .widget-content .content-main .financing-calculator-wrapper { -webkit-order: 40; -moz-order: 40; -ms-order: 40; order: 40; } .widget-details.big-images .widget-content .content-main .symfio-link-eyecatcher { -webkit-order: 55; -moz-order: 55; -ms-order: 55; order: 55; } .widget-details.big-images .widget-content .content-main .contactinfo-inner { -webkit-order: 50; -moz-order: 50; -ms-order: 50; order: 50; } .widget-details.big-images .widget-content .content-main .contactinfo-inner ~ a + div { -webkit-order: 60; -moz-order: 60; -ms-order: 60; order: 60; } .widget-details.big-images .widget-content .content-main .bottom-images { -webkit-order: 70; -moz-order: 70; -ms-order: 70; order: 70; } .widget-details.big-images .widget-content .content-main .disclaimer { -webkit-order: 80; -moz-order: 80; -ms-order: 80; order: 80; } .widget-details.big-images .widget-content .content-main .disclaimer-financing { -webkit-order: 90; -moz-order: 90; -ms-order: 90; order: 90; } .widget-details.big-images .widget-content .content-main .section-related { -webkit-order: 100; -moz-order: 100; -ms-order: 100; order: 100; } .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 .video-conference { position: absolute; left: auto; right: calc(40px + 10px); top: 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: none; 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: 40px; 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: 14px; display: block; text-transform: uppercase; font-weight: 700; height: auto; white-space: nowrap; } .widget-details.big-images .widget-content .top-images .big-image-1 .video { position: absolute; display: block; right: 15px; bottom: 12px; border: none; padding: 0; background: none; color: #ffffff; text-align: center; cursor: pointer; z-index: 110; line-height: 0; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; } .widget-details.big-images .widget-content .top-images .big-image-1 .video i { font-style: normal; display: inline-block; font-size: 40px; width: 40px; height: 40px !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 { display: none; } .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(24, 27, 28, 0.8); color: #ffffff; 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: #f6f6f6; font-size: 30px; } .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: 3px 0 1px 2px; font-size: 20px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .widget-details.big-images .widget-content .top-images .big-image-1 .image-count { width: 15%; } } @media (max-width: 767px) { .widget-details.big-images .widget-content .top-images .big-image-1 .image-count { width: 20%; } } .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(24, 27, 28, 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: 30px; 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: 23px; display: inline-block; } .widget-details.big-images .widget-content .top-images .big-image-1 .status { width: 36%; left: 12%; padding: 3px 1px 1px 1px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .widget-details.big-images .widget-content .top-images .big-image-1 .status { width: 41%; left: 15%; } } .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: #846c1a; } .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: 52%; padding: 3px 2px 1px 0; display: table; } .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: -6px; font-size: 30px; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .icon:hover { opacity: 0.6; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .widget-details.big-images .widget-content .top-images .big-image-1 .price { table-layout: fixed; } } .widget-details.big-images .widget-content .top-images .big-image-1 .price .row-current { text-align: center; font-size: 20px; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .row-current:not(:only-child), .widget-details.big-images .widget-content .top-images .big-image-1 .price .row-current + .row-current-no-tax { display: table-cell; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .row-current + .row-current-no-tax { border-left: 1px solid #eeeeee; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .row-dealer { text-align: center; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .row-dealer + .row-current { border-left: 1px solid #eeeeee; } .widget-details.big-images .widget-content .top-images .big-image-1 .price .row-current-no-tax { text-align: center; font-size: 16px; } .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 #eeeeee; padding: 0; background: #f6f6f6; 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: #eeeeee; 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: #eeeeee; 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: #54595f; } .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: #54595f; 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 { border: 0 solid #eeeeee; padding: 0; background: #f6f6f6; 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: #eeeeee; 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; position: relative; } .widget-details.big-images .widget-content .bottom-images a span img { width: 100%; } .widget-details.big-images .widget-content .top-images.flex-images { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .widget-details.big-images .widget-content .top-images.flex-images.status-sold .photo { cursor: default; } .widget-details.big-images .widget-content .top-images.flex-images > * { float: left; width: 50%; -webkit-flex: 1 1 50%; -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; 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 (max-width: 767px) { .widget-details.big-images .widget-content .top-images.flex-images { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget-details.big-images .widget-content .top-images.flex-images > * { width: 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .widget-details.big-images .widget-content .top-images.flex-images .image-main .image-count { padding: 0 0 3px 3px; } .widget-details.big-images .widget-content .top-images.flex-images .image-main .price { padding: 0 3px 3px 0; } .widget-details.big-images .widget-content .top-images.flex-images .image-main .status { padding: 0 1px 3px 1px; } .widget-details.big-images .widget-content .top-images.flex-images .images-secondary > li { float: left; display: block; width: 33.33%; -webkit-flex: 0 1 33.33%; -moz-flex: 0 1 33.33%; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; } .widget-details.big-images .widget-content .top-images.flex-images a.photo { width: 100%; border: none; padding: 0px; background: none; display: block; position: relative; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; -webkit-box-shadow: 0 0 0 3px #ffffff inset; -moz-box-shadow: 0 0 0 3px #ffffff inset; box-shadow: 0 0 0 3px #ffffff inset; } .widget-details.big-images .widget-content .top-images.flex-images a.photo:before { content: ''; display: inline-block; height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0; right: 0; background: #ffffff; } .widget-details.big-images .widget-content .top-images.flex-images a.photo > img { width: 100%; position: relative; z-index: -1; } .widget-details.big-images .widget-content .top-images.flex-images a.photo span { height: auto; z-index: -1; height: 0; padding-bottom: 75%; } .widget-details.big-images .widget-content .top-images.flex-images a.photo span img { width: 100%; max-height: none; } .widget-details.big-images .widget-content .top-images.flex-images a.photo.locked: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.flex-images a.photo.locked:before { background: #eeeeee; 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.flex-images a.photo.locked:before { bottom: 3px; right: 3px; } .widget-details.big-images .widget-content .top-images.flex-images.images-6 > .big-image-1, .widget-details.big-images .widget-content .top-images.flex-images.images-7 > .big-image-1 { -webkit-flex: 1 1 30%; -moz-flex: 1 1 30%; -ms-flex: 1 1 30%; flex: 1 1 30%; } .widget-details.big-images .widget-content .top-images.flex-images.images-5 .images-secondary > li { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .widget-details.big-images .widget-content .top-images.flex-images.images-4 { display: block; position: relative; } .widget-details.big-images .widget-content .top-images.flex-images.images-4:after { content: ''; clear: both; display: table; } .widget-details.big-images .widget-content .top-images.flex-images.images-4 .big-image-1 { width: 40%; } .widget-details.big-images .widget-content .top-images.flex-images.images-4 .images-secondary { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 100%; width: 60%; position: absolute; right: 0; left: 40%; top: 0; bottom: 0; } .widget-details.big-images .widget-content .top-images.flex-images.images-4 .images-secondary > li { overflow: hidden; -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .widget-details.big-images .widget-content .top-images.flex-images.images-4 .images-secondary > li:nth-child(3) { -webkit-flex: 0 1 100%; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 66.66%; } .widget-details.big-images .widget-content .top-images.flex-images.images-4 .images-secondary > li:nth-child(1), .widget-details.big-images .widget-content .top-images.flex-images.images-4 .images-secondary > li:nth-child(2) { width: 33.33%; } .widget-details.big-images .widget-content .top-images.flex-images.images-3 { display: block; position: relative; } .widget-details.big-images .widget-content .top-images.flex-images.images-3:after { content: ''; clear: both; display: table; } .widget-details.big-images .widget-content .top-images.flex-images.images-3 .big-image-1 { width: 66.66%; } .widget-details.big-images .widget-content .top-images.flex-images.images-3 .images-secondary { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 100%; width: 33.33%; position: absolute; right: 0; left: 66.66%; top: 0; bottom: 0; } .widget-details.big-images .widget-content .top-images.flex-images.images-3 .images-secondary > li { width: 100%; overflow: hidden; -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .widget-details.big-images .widget-content .top-images.flex-images.images-2 .images-secondary > li { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .widget-details.big-images .widget-content .top-images.flex-images.images-0, .widget-details.big-images .widget-content .top-images.flex-images.images-1 { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .widget-details.big-images .widget-content .top-images.flex-images.images-0 .big-image-1, .widget-details.big-images .widget-content .top-images.flex-images.images-1 .big-image-1 { -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .widget-details.big-images .widget-content .top-images.flex-images.images-0 .images-secondary, .widget-details.big-images .widget-content .top-images.flex-images.images-1 .images-secondary { display: none; } .widget-details.big-images .widget-content .top-images.flex-images.images-0 { width: 50%; margin-left: auto; margin-right: auto; } .widget-details.big-images .widget-content .top-images.flex-images.images-0 > * { width: 100%; -webkit-flex-grow: 1 !important; -moz-flex-grow: 1 !important; -ms-flex-grow: 1 !important; flex-grow: 1 !important; } .widget-details.big-images .widget-content .top-images.flex-images.images-0 a.photo:hover { cursor: default; } .widget-details.big-images .widget-content .top-images.flex-images .status-description { margin: 3px 0 3px 3px; box-sizing: border-box; } .widget-details.big-images .widget-content .top-images.flex-images .status-description:before { display: none; } .widget-details.big-images .widget-content .top-images.flex-images .status-description span { width: 100%; font-size: 40px; text-align: center; padding: 0 15%; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } .widget-details.big-images .widget-content .top-images.flex-images .status-description span:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e63b"; font-style: normal; font-size: 60px; margin: 0 auto 10px; } .widget-details.big-images .widget-content .top-images.flex-images .status-description span:before { display: block; color: #846c1a; } .widget-details.big-images .widget-content .top-images.flex-images .status-description a { text-decoration: underline; text-underline-offset: 2px; display: inline; background: none; border: none; padding: 0; } .widget-details.big-images .widget-content .image-disclaimer { font-size: 30px; margin: -5px 0 10px; background: #ffffff; border: none; color: #181b1c; padding: 10px; } .widget-details.big-images .widget-content .image-disclaimer:before { content: '!'; display: inline-block; border: 2px solid #333333; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; margin: 0 10px 0 0; font-size: 24px; vertical-align: middle; } .widget-details.big-images .widget-content .vehicledata-disclaimer { font-size: 14px; color: #54595f; margin: 0 0 10px; } .widget-details.big-images.tuv-approved .gallery-top figure:first-child a:after, .widget-details.big-images.tuv-approved .big-image-1 a:after { content: ""; display: inline-block; width: 40px; height: 40px; position: absolute; right: 20px; bottom: 60px; background: url(../../../images/frontend/icons/tuv-gepruft-medium.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .widget-details.big-images.tuv-approved.has-video .gallery-top figure:first-child a:after, .widget-details.big-images.tuv-approved.has-video .big-image-1 a:after { right: 75px; } .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-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: #333333; margin: 20px 0 45px; } .widget-details.big-images .contactinfo-inner > * { display: inline-block; vertical-align: top; font-size: 16px; 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: 1180px), (max-width: 979px) { .widget-details.big-images .contactinfo-inner > * { font-size: 14px; } } .widget-details.big-images .contactinfo-inner .seller-wrapper { padding: 0 20px 0 0; background: #ffffff; width: 36%; } @media (max-width: 767px) { .widget-details.big-images .contactinfo-inner .seller-wrapper { width: 100%; } } .widget-details.big-images .contactinfo-inner .widget { margin: 0 !important; } .widget-details.big-images .contactinfo-inner .location-wrapper { padding: 20px; position: relative; width: 34%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (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 #333333 transparent transparent; position: absolute; right: 100%; top: 50%; margin: -10px -1px 0 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget-details.big-images .contactinfo-inner .location-wrapper:before { display: none; } } @media (max-width: 767px) { .widget-details.big-images .contactinfo-inner .location-wrapper:before { display: none; } } .widget-details.big-images .contactinfo-inner .widget-maps [id^="map_canvas_"] { height: auto !important; } .widget-details.big-images .contactinfo-inner .map-wrapper .infoBox { display: none; } .widget-details.big-images .contactinfo-inner .map-wrapper, .widget-details.big-images .contactinfo-inner .map-wrapper .cms-block, .widget-details.big-images .contactinfo-inner .map-wrapper .widget-maps { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -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: 1180px), (max-width: 979px) { .widget-details.big-images .contactinfo-inner .map-wrapper, .widget-details.big-images .contactinfo-inner .map-wrapper .cms-block, .widget-details.big-images .contactinfo-inner .map-wrapper .widget-maps { min-height: 380px !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .widget-details.big-images .contactinfo-inner .map-wrapper [id^="map_canvas"] { min-height: 380px !important; } } @supports (display: flex) { .seller-wrapper { flex-shrink: 1; padding: 0; } .seller-wrapper .widget { min-width: 350px; } .seller-wrapper .person-data { padding-bottom: 65px; } .map-wrapper { width: auto; flex-basis: 350px; flex-grow: 1; } .location-wrapper { flex-shrink: 0; width: auto; flex-basis: 350px; flex-grow: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget-details.big-images .contactinfo-inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget-details.big-images .contactinfo-inner .seller-wrapper, .widget-details.big-images .contactinfo-inner .map-wrapper, .widget-details.big-images .contactinfo-inner .location-wrapper { width: 100%; padding: 0; } .widget-details.big-images .contactinfo-inner .location-wrapper { padding-bottom: 10px; } .widget-details.big-images .contactinfo-inner .location-wrapper .row-siteinfo:not(.type-photo) { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .widget-details.big-images .contactinfo-inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .widget-details.big-images .contactinfo-inner .seller-wrapper, .widget-details.big-images .contactinfo-inner .map-wrapper, .widget-details.big-images .contactinfo-inner .location-wrapper { width: 100%; padding: 0; } .widget-details.big-images .contactinfo-inner .location-wrapper { padding-bottom: 10px; } .widget-details.big-images .contactinfo-inner .location-wrapper .row-siteinfo:not(.type-photo) { padding-left: 10px; padding-right: 10px; } } .widget-details.big-images .widget.widget-userlist.userlist-default { padding: 10px 20px; } .widget-details.big-images .widget.widget-userlist.userlist-default .widget-header { font-size: 30px; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .userlist-carousel-controls { top: auto; right: auto; bottom: 2%; left: calc((100% - 74px) / 2); } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .person { padding: 0; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .person .person-data { text-align: center; } .widget-details.big-images .widget.widget-userlist.userlist-default.userlist-carousel .person .person-data .name { font-size: 23px; margin-top: 15px; } @media (max-width: 767px) { .widget-details.big-images .widget.widget-userlist.userlist-default { padding: 0; } .widget-details.big-images .widget.widget-userlist.userlist-default .widget-header { padding: 20px 15px 5px; font-size: 30px; } } .widget-details.big-images .widget-forms.form-contact-us-simplest-two-columns, .widget-details.big-images .widget-forms.form-contact-us-simplest1-two-columns { padding: 15px; margin: 45px 0 35px; } .widget-details.big-images .widget-forms.form-contact-us-simplest-two-columns .widget-header, .widget-details.big-images .widget-forms.form-contact-us-simplest1-two-columns .widget-header { padding: 0 0 15px; } .widget-details.big-images .widget-forms.form-contact-us-simplest-two-columns .submit, .widget-details.big-images .widget-forms.form-contact-us-simplest1-two-columns .submit { margin-top: 15px; padding: 10px 20px; } @media (min-width: 768px) { .widget-details.big-images .widget-forms.form-contact-us-simplest-two-columns, .widget-details.big-images .widget-forms.form-contact-us-simplest1-two-columns { padding: 30px 40px 35px; border-color: #eeeeee; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } } .widget-details.big-images .section-related .title { text-align: left !important; margin: 20px 0; font-size: 40px; } .widget-details.big-images .section-related .widget-content { margin: 0; padding: 0; } .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: 1180px), (max-width: 979px) { .widget-details.big-images .gallery-top { margin-bottom: 10px; } } .widget-details.big-images .gallery-top .photoswipe-limit-toggler { display: none; } .widget-details.big-images .gallery-top .gallery-photoswipe { margin-bottom: 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; padding-left: calc((100% - 3 * 10px) / 2 + 10px); position: relative; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .label-custom { top: 30px; bottom: auto; } @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.sold, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price.sold { bottom: 0 !important; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.sold + .price, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price.sold + .price { display: none; } } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video-conference { position: absolute; left: auto; right: calc(40px + 10px); top: 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: none; padding: 5px 10px; z-index: 110; text-align: center; color: #ffffff; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .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: 40px; margin: notset; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video-conference:before { display: block; color: #ffffff; line-height: 1; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video-conference .desc { font-size: 14px; display: block; text-transform: uppercase; font-weight: 700; height: auto; white-space: nowrap; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video { position: absolute; display: block; right: 15px; bottom: 12px; border: none; padding: 0; background: none; color: #ffffff; text-align: center; cursor: pointer; z-index: 110; line-height: 0; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video i { font-style: normal; display: inline-block; font-size: 40px; width: 40px; height: 40px !important; line-height: 100%; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video:hover i, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video:focus i { color: #ffffff; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .video .desc { display: none; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status { 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; left: -6px; bottom: 50px; width: 120px; height: 24px; text-align: center; color: #ffffff; font: 400 12px/24px 'Lato', sans-serif; text-shadow: notset; z-index: 2; text-transform: uppercase; letter-spacing: 2px; -moz-box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); -webkit-box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); box-shadow: 0px 0px 4px rgba(24, 27, 28, 0.5); top: 60px; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status span { position: relative; display: block; width: 100%; background: #846c1a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0NmMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODQ2YzFhIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+); background: -moz-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #846c1a), color-stop(100%, #846c1a)); background: -webkit-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -o-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: -ms-linear-gradient(top, #846c1a 0%, #846c1a 100%); background: linear-gradient(to bottom, #846c1a 0%, #846c1a 100%); *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#846c1a', endColorstr='#846c1a', GradientType=0); z-index: 2; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status:before, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status:after { content: ''; position: absolute; display: block; height: 0px; width: 0px; border-style: solid; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status:before { top: -3px; left: 0; border-width: 3px 6px 0 0; border-color: transparent #9d8022 transparent transparent; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status:after { top: 0; left: 120px; border-width: 0 0 24px 12px; border-color: transparent transparent transparent #846c1a; filter: drop-shadow(0px 0px 4px rgba(24, 27, 28, 0.5)); z-index: 1; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status span { background: #54595f; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status:before { border-color: transparent #181b1c transparent transparent; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status:after { border-color: transparent transparent transparent #54595f; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.sold { top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #00000090; backdrop-filter: blur(2px); } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.sold:before, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.sold:after { display: none; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.sold > span, .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.sold > span > span { font-size: 40px; background: transparent; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .status.sold ~ .price { z-index: 50; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price { position: absolute; left: 0; bottom: 0; width: 180px; color: #ffffff; -webkit-background-clip: content-box !important; -moz-background-clip: content-box !important; background-clip: content-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price > span { padding: 15px 20px; display: block; text-align: center; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price > span > span { font-size: 30px; font-weight: 700; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price .icon { background-image: none; width: 0; height: 0; color: #ffffff; font-size: 23px; } .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price .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 .gallery-top .gallery-photoswipe .details-gallery-overlays .price .icon:before { position: absolute; display: inline-block; top: 33%; right: -20px; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-size: 23px; margin: notset; } @media (max-width: 767px) { .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price { width: 60%; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget-details.big-images .gallery-top .gallery-photoswipe .details-gallery-overlays .price { bottom: 0 !important; } } .widget-details.big-images .gallery-top .gallery-photoswipe figure { margin: 0; width: 50%; width: calc((100% - 2 * 10px) / 2); background: #f6f6f6; } .widget-details.big-images .gallery-top .gallery-photoswipe figure img { width: 100%; object-fit: cover; aspect-ratio: 1.42857143; } .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); } .widget-details.big-images .gallery-top .gallery-photoswipe figure:first-child:before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent 70%, rgba(24, 27, 28, 0.5) 100%); pointer-events: none; } .widget-details.big-images .gallery-top .gallery-photoswipe figure:not(:first-child) a { padding-bottom: 76%; height: 0; } .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: 1180px) and (orientation: portrait) { .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 { padding-left: 50%; padding-left: calc((100% - 2 * 10px) * 0.76 + 10px); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:first-child { position: absolute; width: 76%; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(n+2) { width: calc(100% - 10px * ( 1 / 0.76)); } .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.76 + 10px); } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:first-child { position: absolute; width: 76%; } .widget-details.big-images .gallery-top .gallery-photoswipe.images-3 figure:nth-child(n+2) { width: calc(100% - 10px * ( 1 / 0.76)); } .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: 45px; } .widget-details.big-images .gallery-bottom .gallery-photoswipe figure { margin: 0; width: 25%; width: calc((100% - 3 * 10px) / 4); margin-left: calc(10px); background: #f6f6f6; } .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: 76%; height: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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: 1180px) 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; } } .widget-details.big-images .emissions-wrapper { font-size: 0; } @media (max-width: 767px) { .widget-details.big-images .emissions-wrapper { margin-bottom: 20px; } } .widget-details.big-images .emissions-wrapper .maindata, .widget-details.big-images .emissions-wrapper .sticker { font-size: 16px; display: inline-block; vertical-align: middle; } .widget-details.big-images .emissions-wrapper .maindata { width: 80%; } .widget-details.big-images .emissions-wrapper .maindata:only-child { width: 100%; } .widget-details.big-images .emissions-wrapper .sticker { width: 18%; margin-left: 2%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget-details.big-images .emissions-wrapper .maindata, .widget-details.big-images .emissions-wrapper .sticker { display: block; margin-left: 0; width: 100%; } } @media (max-width: 767px) { .widget-details.big-images .emissions-wrapper .maindata, .widget-details.big-images .emissions-wrapper .sticker { display: block; margin-left: 0; width: 100%; } } .widget-details.big-images .emissions-wrapper figure { display: block; margin: 0; } .widget-details.big-images .emissions-wrapper figcaption { margin-bottom: 10px; font-size: 12px; } .widget-details.big-images .emissions-wrapper img { height: 110px; } .widget-details.big-images .emissions-wrapper.nedc, .widget-details.big-images .emissions-wrapper.wltp, .widget-details.big-images .emissions-wrapper.emission-tax { grid-column-start: 5; grid-column-end: 7; } .widget-details.big-images .emissions-wrapper.nedc .maindata, .widget-details.big-images .emissions-wrapper.wltp .maindata, .widget-details.big-images .emissions-wrapper.emission-tax .maindata, .widget-details.big-images .emissions-wrapper.nedc .sticker, .widget-details.big-images .emissions-wrapper.wltp .sticker, .widget-details.big-images .emissions-wrapper.emission-tax .sticker { width: 100%; margin-left: 0; } .widget-details.big-images .emissions-wrapper.nedc .maindata .details-row:nth-child(even), .widget-details.big-images .emissions-wrapper.wltp .maindata .details-row:nth-child(even), .widget-details.big-images .emissions-wrapper.emission-tax .maindata .details-row:nth-child(even), .widget-details.big-images .emissions-wrapper.nedc .sticker .details-row:nth-child(even), .widget-details.big-images .emissions-wrapper.wltp .sticker .details-row:nth-child(even), .widget-details.big-images .emissions-wrapper.emission-tax .sticker .details-row:nth-child(even) { background: #ffffff !important; } .widget-details.big-images .emissions-wrapper.nedc .maindata .details-row > .info-cell, .widget-details.big-images .emissions-wrapper.wltp .maindata .details-row > .info-cell, .widget-details.big-images .emissions-wrapper.emission-tax .maindata .details-row > .info-cell, .widget-details.big-images .emissions-wrapper.nedc .sticker .details-row > .info-cell, .widget-details.big-images .emissions-wrapper.wltp .sticker .details-row > .info-cell, .widget-details.big-images .emissions-wrapper.emission-tax .sticker .details-row > .info-cell { box-sizing: border-box; display: block; margin: 0; } .widget-details.big-images .emissions-wrapper.nedc .maindata .details-row > .info-cell.param-type, .widget-details.big-images .emissions-wrapper.wltp .maindata .details-row > .info-cell.param-type, .widget-details.big-images .emissions-wrapper.emission-tax .maindata .details-row > .info-cell.param-type, .widget-details.big-images .emissions-wrapper.nedc .sticker .details-row > .info-cell.param-type, .widget-details.big-images .emissions-wrapper.wltp .sticker .details-row > .info-cell.param-type, .widget-details.big-images .emissions-wrapper.emission-tax .sticker .details-row > .info-cell.param-type { width: 65%; } .widget-details.big-images .emissions-wrapper.nedc .maindata .details-row > .info-cell.param-value, .widget-details.big-images .emissions-wrapper.wltp .maindata .details-row > .info-cell.param-value, .widget-details.big-images .emissions-wrapper.emission-tax .maindata .details-row > .info-cell.param-value, .widget-details.big-images .emissions-wrapper.nedc .sticker .details-row > .info-cell.param-value, .widget-details.big-images .emissions-wrapper.wltp .sticker .details-row > .info-cell.param-value, .widget-details.big-images .emissions-wrapper.emission-tax .sticker .details-row > .info-cell.param-value { width: 35%; padding-left: 20px; } .widget-details.big-images .emissions-wrapper.nedc { grid-row-start: 5; grid-row-end: 6; } .widget-details.big-images .emissions-wrapper.wltp { grid-row-start: 3; grid-row-end: 4; } .widget-details.big-images .emissions-wrapper.wltp thead .emission-cell { text-align: left; background: #ffffff; padding: 5px 10px; border: 1px solid #ffffff; } .widget-details.big-images .emissions-wrapper.wltp thead .emission-cell:not(:first-child) { border-left: 1px solid #f6f6f6; } .widget-details.big-images .emissions-wrapper.wltp tbody .emission-row .emission-cell { padding: 5px 10px; border: 1px solid #ffffff; } .widget-details.big-images .emissions-wrapper.wltp tbody .emission-row:nth-child(even) .emission-cell { background: #f6f6f6; } .widget-details.big-images .emissions-wrapper.wltp tbody .emission-row:nth-child(even) .emission-cell:not(:first-child) { border-left: 1px solid #f6f6f6; } .widget-details.big-images .emissions-wrapper.wltp .carbon-class-wrapper { margin: 10px 0; justify-content: flex-end; } .widget-details.big-images .emissions-wrapper.wltp .carbon-class-wrapper .carbon-class-sticker { width: 35%; } @media (max-width: 979px) { .widget-details.big-images .emissions-wrapper.nedc, .widget-details.big-images .emissions-wrapper.wltp, .widget-details.big-images .emissions-wrapper.emission-tax { grid-column-start: 1; } .widget-details.big-images .emissions-wrapper.nedc { grid-row-start: 6; grid-row-end: 7; } .widget-details.big-images .emissions-wrapper.wltp { grid-row-start: 4; grid-row-end: 5; } } @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: #eeeeee !important; zoom: 1 !important; background: transparent\0/ !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffeeeeee)\0/ !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffeeeeee)\0/ !important; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffeeeeee) !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: #eeeeee !important; zoom: 1 !important; background: transparent\0/ !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffeeeeee)\0/ !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffeeeeee)\0/ !important; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffeeeeee) !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; } body label { line-height: 32px; } .subscribe .control-group { display: inline-block; width: 32.5%; margin-left: 1.7%; font-size: 16px; 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: 14px; } .subscribe .widget-content { padding: 0; margin-top: 0; font-size: 1px; } .subscribe .widget-content p { font-size: 14px; } .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: #ffffff; border: none; color: #181b1c; } .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 #f6f6f6; } .form-login { background: #ffffff; border: none; color: #181b1c; 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: #ffffff; border: none; color: #181b1c; } .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: 40px; font-weight: normal; padding-bottom: 15px; padding-top: 5px; margin-bottom: 15px; border-bottom: 1px solid #eeeeee; line-height: normal; color: #846c1a; } .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: #54595f; 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: 30px; 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 #f6f6f6; 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: #846c1a; 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 #eeeeee; 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: #f6f6f6; } .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: #54595f; 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: #54595f; } .form-block .ui-widget-content .buttons { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(238, 238, 238, 0.3); } .form-block .ui-widget-content .buttons .button { background: #f6f6f6; width: 30px; height: 38px; z-index: 10; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; width: auto; padding: 0 5px; margin: 0 5px; font-size: 16px; } .form-block .ui-widget-content .buttons .button:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .form-block .ui-widget-content .buttons .button:before { line-height: auto; font-size: 16px; font-weight: 700; } .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: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .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: 14px; 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: #333333; -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 #eeeeee; 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: 32px; line-height: 32px; -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: #181b1c; 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: #181b1c; 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: 10px; } .ui-widget-content .select2-container .select2-choice.select2-default > .select2-chosen, .widget-content .select2-container .select2-choice.select2-default > .select2-chosen { color: #54595f; } .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 #eeeeee; 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 #eeeeee; 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 #eeeeee; 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 #eeeeee; 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 #eeeeee; } body .select2-drop .select2-results { color: #181b1c; } body .select2-drop .select2-results .select2-result { font-size: 1em; margin-right: 4px; color: #181b1c; } body .select2-drop .select2-results .select2-highlighted { background: #333333; 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 #eeeeee; color: #181b1c; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body .select2-drop .select2-search .select2-input:focus { background: #ffffff; border: 1px solid #eeeeee; color: #181b1c; -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: #f6f6f6; width: 30px; height: 38px; z-index: 10; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; font-size: 16px; width: auto; padding: 0 5px; } .nh .buttons a:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nh .buttons a:before { line-height: auto; font-size: 16px; font-weight: 700; } .nh .buttons a:hover, .nh .buttons a:focus, .nh .buttons a:active { background: #846c1a; color: #ffffff; border: 1px solid #846c1a; } 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: #ffffff; border: none; color: #181b1c; 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: 16px; 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; } @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; } .widget.widget-forms.target-request .control-group.type-checkbox label { line-height: 1.4; } } .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: #846c1a; } @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: 180% 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; } } .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: 1180px) 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: #846c1a; border-style: solid; border-width: 0 0 1px; border-color: #eeeeee; padding: 0 0 5px; margin: 0 0 10px; text-transform: uppercase; font-weight: 700; } .colform .colform-section .colform-section-header a { color: #181b1c; } @media (max-width: 767px) { .colform .colform-section .colform-section-header.header-custom { padding-right: 20px; } } .colform .colform-section.section-permissions .colform-section-header { margin-bottom: 30px; } .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 { 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; } .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; } .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: 14px; 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 .select2-choice.select2-default .select2-chosen { color: #54595f; } .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: 800px; 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: 20px; margin: -7px 0 0 0; } .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; } .contact-master { padding: 15px; background: none; border-color: #eeeeee; 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, .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; } .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-left, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-columns .colform-col-left, .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-right, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-columns .colform-col-right { width: 49%; } .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-left, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-columns .colform-col-left { margin: 0; } .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-right, .form-contact-us-simplest-two-columns-proposition .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, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-columns .colform-col-left, .contact-us-simple-two-columns .colform .colform-section .colform-columns .colform-col-right, .form-contact-us-simplest-two-columns-proposition .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, .form-contact-us-simplest-two-columns-proposition .colform .colform-section .colform-columns .colform-col-right { margin-top: 15px; } } #modal_actions_bookmarks { width: 800px; } #modal_actions_bookmarks .modal-body { padding: 0; } #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: #f6f6f6; } #modal_actions_bookmarks .form-togglers li { display: block; list-style: none; } #modal_actions_bookmarks .form-togglers li a { display: inline-block; margin-top: 13px; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; display: block; font-size: 16px; font-weight: 400; line-height: 1.4; position: relative; margin: 0 0 10px; padding: 0.6em 2.6em 0.7em 2.6em; padding-right: 0; padding-left: 0; text-align: center; background: #73777c; border: 2px solid #73777c; letter-spacing: 0; text-transform: none; 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:before, #modal_actions_bookmarks .form-togglers li a:after { font-weight: 400; } #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 { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } #modal_actions_bookmarks .form-togglers li a.off, #modal_actions_bookmarks .form-togglers li a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #modal_actions_bookmarks .form-togglers li a [class^="\icons-tv-"] { display: none; } #modal_actions_bookmarks .form-togglers li a:before, #modal_actions_bookmarks .form-togglers li a:after { font-weight: 400; } #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 { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } #modal_actions_bookmarks .form-togglers li a.off, #modal_actions_bookmarks .form-togglers li a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } #modal_actions_bookmarks .form-togglers li a:hover, #modal_actions_bookmarks .form-togglers li a.on { border: 2px solid #333333; background: #333333; color: notset; } #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: #ffffff; width: auto; height: auto; text-align: center; border-radius: 0; padding: 0; position: relative; top: 0; left: 0; font-size: 20px; position: absolute; top: 50%; left: 10px; margin: -12px 5px 0 0; font-size: 23px; } #modal_actions_bookmarks .form-container { width: 68%; } #modal_actions_bookmarks .tab-form { padding: 0; border: none; background: 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: 600px; } #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: 600px; } #modal_actions_bookmarks .colform-row:not(.row-checkbox) .label-prepend { width: 40%; } @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; } } .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; } .service-locations > .service label { width: 47% !important; } .service-locations > .service .location-makes { display: block; font-size: 12px; color: #54595f; margin-left: 8%; } [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: #54595f; } [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; margin-top: 13px !important; padding: 0.6em 2.6em 0.7em 2.6em !important; color: #ffffff !important; white-space: nowrap !important; border: #181b1c !important; font-family: 'Cormorant Garamond', serif !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1.9 !important; text-decoration: none !important !important; background: #181b1c !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 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; text-shadow: none !important; box-shadow: none !important; } [class*='form-trade-in'] .row-file .fileinput-button [class^="\icons-tv-"] { display: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:before, [class*='form-trade-in'] .row-file .fileinput-button:after { font-weight: 400 !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 { background: #333333 !important; color: #ffffff !important; border: #333333 !important; 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: #181b1c !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 [class^="\icons-tv-"] { display: none !important; } [class*='form-trade-in'] .row-file .fileinput-button:before, [class*='form-trade-in'] .row-file .fileinput-button:after { font-weight: 400 !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 { background: #333333 !important; color: #ffffff !important; border: #333333 !important; 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: #181b1c !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.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: 16px !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: 16px !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: 16px !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: 16px !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: 16px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.write-us:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e65a" !important; font-style: normal !important; font-size: 16px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.whatsapp:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\ea93" !important; font-style: normal !important; font-size: 16px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.snapchat:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e907" !important; font-style: normal !important; font-size: 16px !important; margin: 0 10px 0 0 !important; } [class*='form-trade-in'] .row-file .fileinput-button.wechat:before { font-family: icomoonicheck !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; content: "\e908" !important; font-style: normal !important; font-size: 16px !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: #f6f6f6; 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/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNCwgMjcsIDI4KSIgc3RvcC1vcGFjaXR5PSIwLjYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==); background-image: -webkit-linear-gradient(bottom, rgba(24, 27, 28, 0.6) 0%, transparent 100%); background-image: -moz-linear-gradient(bottom, rgba(24, 27, 28, 0.6) 0%, transparent 100%); background-image: -o-linear-gradient(bottom, rgba(24, 27, 28, 0.6) 0%, transparent 100%); background-image: linear-gradient(to top, rgba(24, 27, 28, 0.6) 0%, transparent 100%); } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-name p { margin: 0; color: #ffffff; font-size: 14px; 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(24, 27, 28, 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: 30px; text-shadow: 0 0 2px rgba(24, 27, 28, 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: #846c1a; } [class*='form-trade-in'] .row-file .upload-summary .files tr .cell-controls button span { display: none; } .colform .colform-section .colform-row.contactagreement { font-size: 14px; } .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; } } .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: #846c1a; } .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; } .form-contract input[type=email] { width: 100% !important; } .modal-form form[action*="preset=contact_us_callback"], .simple-form-contact-us-callback form { position: relative; padding: 0 0 15px; } .modal-form form[action*="preset=contact_us_callback"] label, .simple-form-contact-us-callback form label { display: block; margin: 10px 0 3px !important; line-height: 1.4; } .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: 16px; background: #f6f6f6; 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 #f6f6f6 transparent; -webkit-transform: rotate(360deg); position: absolute; bottom: 100%; right: 40px; } .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: 1180px), (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% !important; } } .widget-forms.form-contact-us-simplest-two-columns, .widget-forms.form-contact-us-simplest1-two-columns { background: #ffffff; border: none; color: #181b1c; position: relative; background: radial-gradient(circle at top left, rgba(246, 246, 246, 0.5) 20%, #f6f6f6 40%), url(../img/bg_contact_details.jpg); background-position: center left; background-repeat: no-repeat; background-size: cover; padding: 10px 15px 5px; border: 1px solid #f6f6f6; } .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: 32px; } .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: 10px; } .widget-forms.form-contact-us-simplest-two-columns .colform .colform-tabs-middle, .widget-forms.form-contact-us-simplest1-two-columns .colform .colform-tabs-middle { padding-bottom: 20px; } @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: #f6f6f6; border: none; padding: 15px; } .eyecatcher-form .widget-header { padding-top: 0; } .eyecatcher-form .colform-section-header { display: none; } .eyecatcher-form textarea[id$="_comments"] { min-height: 130px; } /* Widget text */ .widget-text .widget-content { color: #181b1c; line-height: 1.9; padding: 0; } .widget-text .widget-content * { line-height: 1.9; } .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: 7.2px; } .widget-text .widget-content ul + p, .widget-text .widget-content ol + p { margin-top: 9.6px; } .widget-text .widget-content ul { overflow: hidden; padding: 7px 0 7px 0; } .widget-text .widget-content ul li { list-style: none; padding: 0 0 0 10px; } .widget-text .widget-content ul li: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 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 { font-size: 26.5px; color: inherit; position: relative; top: 4px; left: -4px; color: #846c1a; margin-left: -13px; line-height: 0; } @media (max-width: 767px) { .widget-text .widget-content ul { margin-left: 0; } } .widget-text .widget-content ol { margin-left: 0; overflow: hidden; padding: 7px 0 7px 14px; } .widget-text .widget-content ol li { padding: 4.8px 0 4.8px 12px; } .widget-text .widget-content img { border: 0 solid #eeeeee; padding: 0; background: #f6f6f6; } .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: #eeeeee; 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 hr { border-width: 0 0 1px 0; border-color: #eeeeee; border-style: solid; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-text .widget-content h1, .widget-text .widget-content h2 { font-size: 40px; line-height: 1.2em !important; } .widget-text .widget-content h1, .widget-text .widget-content h2, .widget-text .widget-content h3 { font-weight: 700; text-transform: none; } .widget-text .widget-content h1, .widget-text .widget-content h2, .widget-text .widget-content h3, .widget-text .widget-content h4 { font-family: 'Cormorant Garamond', serif; } .widget-text .widget-content h1 + h5, .widget-text .widget-content h2 + h5, .widget-text .widget-content h3 + h5, .widget-text .widget-content h4 + h5, .widget-text .widget-content h1 .h5, .widget-text .widget-content h2 .h5, .widget-text .widget-content h3 .h5, .widget-text .widget-content h4 .h5 { margin: 0; } .widget-text .widget-content h3, .widget-text .widget-content h4 { margin: 10px 0; } .widget-text .widget-content h3 { font-size: 30px; } .widget-text .widget-content h5, .widget-text .widget-content .h5 { color: #846c1a; font-size: 0.76em; font-weight: 700; text-transform: uppercase; line-height: 1 !important; letter-spacing: 2px; } .widget-text .widget-content .select2-container > a > span { line-height: 26px; } .widget-text .widget-content > p:first-child { margin-top: 0; } .widget-text .widget-content > p:last-child { margin-bottom: 0; } .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 { font-weight: 700; } .widget-text .widget-content .more_info: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; } .widget-text .widget-content .more_info:before { position: relative; top: 1px; color: #846c1a; } .widget-text .widget-content .cross-site-link, .widget-text .widget-content .cross-site-link--header, .widget-text .widget-content .cross-site-link--container { z-index: 1020; } .widget-text .widget-content .cross-site-link--container { position: fixed; top: 0; right: 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; height: 100vh; filter: drop-shadow(0 0 10px rgba(24, 27, 28, 0.4)); pointer-events: none; color: #181b1c; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .widget-text .widget-content .cross-site-link--container { display: none; } } .widget-text .widget-content .cross-site-link--header { position: relative; writing-mode: vertical-lr; padding: 30px 0 35px; color: #181b1c; background-color: #f6f6f6; pointer-events: all; -webkit-flex-basis: 400px; -moz-flex-basis: 400px; -ms-flex-basis: 400px; flex-basis: 400px; -webkit-border-radius: 5px 0 0 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px 0 0 5px; -moz-background-clip: padding; border-radius: 5px 0 0 5px; background-clip: padding-box; } .widget-text .widget-content .cross-site-link--header__whatsapp { -webkit-transform: translateY(-52.5%); -moz-transform: translateY(-52.5%); -o-transform: translateY(-52.5%); -ms-transform: translateY(-52.5%); transform: translateY(-52.5%); } .widget-text .widget-content .cross-site-link--header__dealership { -webkit-transform: translateY(52.5%); -moz-transform: translateY(52.5%); -o-transform: translateY(52.5%); -ms-transform: translateY(52.5%); transform: translateY(52.5%); } .widget-text .widget-content .cross-site-link--header h3 { font-size: 23px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .widget-text .widget-content .cross-site-link--header:hover + .cross-site-link--block, .widget-text .widget-content .cross-site-link--header:focus + .cross-site-link--block { margin-right: 0; } _:-ms-lang(x), .widget-text .widget-content .cross-site-link--header { writing-mode: initial; padding: 0 30px; -webkit-transform: rotate(270deg) translateX(50%); -moz-transform: rotate(270deg) translateX(50%); -o-transform: rotate(270deg) translateX(50%); -ms-transform: rotate(270deg) translateX(50%); transform: rotate(270deg) translateX(50%); -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -o-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-border-radius: 5px 5px 0 0; -webkit-background-clip: padding-box; -moz-border-radius: 5px 5px 0 0; -moz-background-clip: padding; border-radius: 5px 5px 0 0; background-clip: padding-box; } _:-ms-lang(x), .widget-text .widget-content .cross-site-link--header h3 { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .widget-text .widget-content .cross-site-link--block { position: relative; overflow: hidden; 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-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; width: 420px; min-width: 420px; height: 100vh; margin-right: -420px; padding: 0 30px; background: #f6f6f6; pointer-events: all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: margin 0.75s linear; -moz-transition: margin 0.75s linear; -o-transition: margin 0.75s linear; transition: margin 0.75s linear; } .widget-text .widget-content .cross-site-link--block__whatsapp:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 485px; margin: notset; } .widget-text .widget-content .cross-site-link--block__whatsapp:after { position: absolute; bottom: 0; right: -25%; line-height: 0.5; color: #eeeeee; mix-blend-mode: darken; pointer-events: none; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } _:-ms-lang(x), .widget-text .widget-content .cross-site-link--block__whatsapp:after { display: none; } .widget-text .widget-content .cross-site-link--block__dealership:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e635"; font-style: normal; font-size: 485px; margin: notset; } .widget-text .widget-content .cross-site-link--block__dealership:after { position: absolute; bottom: 0; right: -25%; line-height: 0.5; color: #eeeeee; mix-blend-mode: darken; pointer-events: none; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } _:-ms-lang(x), .widget-text .widget-content .cross-site-link--block__dealership:after { display: none; } .widget-text .widget-content .cross-site-link--block:hover, .widget-text .widget-content .cross-site-link--block:focus { margin-right: 0; } .widget-text .widget-content .cross-site-link--block img { background: none; border: none; display: block; margin: 15px auto 5px; } .widget-text .widget-content .cross-site-link--block ol { margin-top: 0; } .widget-text .widget-content .cross-site-link--block ol li { padding: 0; line-height: 1.4; } .widget-text .widget-content .cross-site-link--block ol li:not(:last-child) { padding-bottom: 17px; margin-bottom: 15px; border-bottom: 1px solid #eeeeee; } .widget-text .widget-content .cross-site-link--block ol li .secondary-button:not(:last-child) { margin-right: 10px; } _:-ms-lang(x), .widget-text .widget-content .cross-site-link--block { display: block; } .widget-text .widget-content .cross-site-link--text { padding-top: 30px; line-height: 1.4; z-index: 1; } .widget-text .widget-content .purchase-categories--container { counter-reset: section; } .widget-text .widget-content .purchase-categories--block > div > h2, .widget-text .widget-content .purchase-categories--block > div > h3, .widget-text .widget-content .purchase-categories--block > div > h4, .widget-text .widget-content .purchase-categories--block > div > h5, .widget-text .widget-content .purchase-categories--block > div > h6, .widget-text .widget-content .purchase-categories--block > div > .h { color: #846c1a; counter-increment: section; } @media (min-width: 768px) { .widget-text .widget-content .purchase-categories--block > div > h2, .widget-text .widget-content .purchase-categories--block > div > h3, .widget-text .widget-content .purchase-categories--block > div > h4, .widget-text .widget-content .purchase-categories--block > div > h5, .widget-text .widget-content .purchase-categories--block > div > h6, .widget-text .widget-content .purchase-categories--block > div > .h, .widget-text .widget-content .purchase-categories--block > div > h2:before, .widget-text .widget-content .purchase-categories--block > div > h3:before, .widget-text .widget-content .purchase-categories--block > div > h4:before, .widget-text .widget-content .purchase-categories--block > div > h5:before, .widget-text .widget-content .purchase-categories--block > div > h6:before, .widget-text .widget-content .purchase-categories--block > div > .h:before { font-size: 40px; } } .widget-text .widget-content .purchase-categories--block > div > h2:before, .widget-text .widget-content .purchase-categories--block > div > h3:before, .widget-text .widget-content .purchase-categories--block > div > h4:before, .widget-text .widget-content .purchase-categories--block > div > h5:before, .widget-text .widget-content .purchase-categories--block > div > h6:before, .widget-text .widget-content .purchase-categories--block > div > .h:before { content: counter(section) '. '; } .widget-text .widget-content .purchase-categories--block > div > h2:after, .widget-text .widget-content .purchase-categories--block > div > h3:after, .widget-text .widget-content .purchase-categories--block > div > h4:after, .widget-text .widget-content .purchase-categories--block > div > h5:after, .widget-text .widget-content .purchase-categories--block > div > h6:after, .widget-text .widget-content .purchase-categories--block > div > .h:after { content: ''; display: block; position: absolute; height: 2px; width: 0; background: #eeeeee; -webkit-transition: width 0.5s ease-out; -moz-transition: width 0.5s ease-out; -o-transition: width 0.5s ease-out; transition: width 0.5s ease-out; } .widget-text .widget-content .purchase-categories--block > div > h2.transmission:before, .widget-text .widget-content .purchase-categories--block > div > h3.transmission:before, .widget-text .widget-content .purchase-categories--block > div > h4.transmission:before, .widget-text .widget-content .purchase-categories--block > div > h5.transmission:before, .widget-text .widget-content .purchase-categories--block > div > h6.transmission:before, .widget-text .widget-content .purchase-categories--block > div > .h.transmission:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e67b"; font-style: normal; font-size: 30px; margin: 5px 15px 5px 0; } .widget-text .widget-content .purchase-categories--block > div > h2.engine:before, .widget-text .widget-content .purchase-categories--block > div > h3.engine:before, .widget-text .widget-content .purchase-categories--block > div > h4.engine:before, .widget-text .widget-content .purchase-categories--block > div > h5.engine:before, .widget-text .widget-content .purchase-categories--block > div > h6.engine:before, .widget-text .widget-content .purchase-categories--block > div > .h.engine:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: 30px; margin: 5px 15px 5px 0; } .widget-text .widget-content .purchase-categories--block > div > h2.accident:before, .widget-text .widget-content .purchase-categories--block > div > h3.accident:before, .widget-text .widget-content .purchase-categories--block > div > h4.accident:before, .widget-text .widget-content .purchase-categories--block > div > h5.accident:before, .widget-text .widget-content .purchase-categories--block > div > h6.accident:before, .widget-text .widget-content .purchase-categories--block > div > .h.accident:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b0"; font-style: normal; font-size: 30px; margin: 5px 15px 5px 0; } .widget-text .widget-content .purchase-categories--block > div:hover h2:after, .widget-text .widget-content .purchase-categories--block > div:hover h3:after, .widget-text .widget-content .purchase-categories--block > div:hover h4:after, .widget-text .widget-content .purchase-categories--block > div:hover h5:after, .widget-text .widget-content .purchase-categories--block > div:hover h6:after, .widget-text .widget-content .purchase-categories--block > div:hover .h:after { width: 80%; } @media (max-width: 767px) { .widget-text .widget-content .purchase-categories--block > div { margin-bottom: 30px; } } .widget-text .widget-content .purchase-categories--roaster { padding: 20px 0; } .widget-text .widget-content .purchase-categories--roaster-item { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin: 0 0 25px; min-height: 50px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .widget-text .widget-content .purchase-categories--roaster-item:before { display: inline-flex !important; position: absolute; width: 60px; height: 60px; padding: 7px 10px; font-size: 32px; background: transparent; color: #846c1a; border: 1px solid #846c1a; -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; } .widget-text .widget-content .purchase-categories--roaster-item div { width: calc(100% - (60px + 10px*2)); margin-left: calc(60px + 10px*2); } .widget-text .widget-content .purchase-categories--roaster-item div h3, .widget-text .widget-content .purchase-categories--roaster-item div h4, .widget-text .widget-content .purchase-categories--roaster-item div h5, .widget-text .widget-content .purchase-categories--roaster-item div h6, .widget-text .widget-content .purchase-categories--roaster-item div .h { margin: 0; font-size: 23px; } .widget-text .widget-content .purchase-categories--roaster-item div h3 a, .widget-text .widget-content .purchase-categories--roaster-item div h4 a, .widget-text .widget-content .purchase-categories--roaster-item div h5 a, .widget-text .widget-content .purchase-categories--roaster-item div h6 a, .widget-text .widget-content .purchase-categories--roaster-item div .h a { display: block; font-weight: 400; line-height: 1; color: #181b1c; -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; } .widget-text .widget-content .purchase-categories--roaster-item div h3 a:hover, .widget-text .widget-content .purchase-categories--roaster-item div h4 a:hover, .widget-text .widget-content .purchase-categories--roaster-item div h5 a:hover, .widget-text .widget-content .purchase-categories--roaster-item div h6 a:hover, .widget-text .widget-content .purchase-categories--roaster-item div .h a:hover { color: #846c1a; } .widget-text .widget-content .purchase-categories--roaster-item div h3 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div h4 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div h5 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div h6 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div .h a:focus { color: #846c1a; } .widget-text .widget-content .purchase-categories--roaster-item div h3 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div h4 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div h5 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div h6 a:focus, .widget-text .widget-content .purchase-categories--roaster-item div .h a:focus { color: #846c1a; } .widget-text .widget-content .purchase-categories--roaster-item div h3 a:visited, .widget-text .widget-content .purchase-categories--roaster-item div h4 a:visited, .widget-text .widget-content .purchase-categories--roaster-item div h5 a:visited, .widget-text .widget-content .purchase-categories--roaster-item div h6 a:visited, .widget-text .widget-content .purchase-categories--roaster-item div .h a:visited { color: notset; } .widget-text .widget-content .purchase-categories--roaster-item div p { margin: 10px 0 0; } .widget-text .widget-content .purchase-categories--roaster-item__check: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: notset; } .widget-text .widget-content .purchase-categories--roaster-item__pencil:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__statistics:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e673"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__warranty:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e022"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__thumbsup: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; } .widget-text .widget-content .purchase-categories--roaster-item__clock: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; } .widget-text .widget-content .purchase-categories--roaster-item__exclusive:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e023"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__assistance:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e049"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__exchange:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e03e"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__rental:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e05a"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__spares:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e054"; font-style: normal; font-size: notset; margin: notset; } .widget-text .widget-content .purchase-categories--roaster-item__financing:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e015"; font-style: normal; font-size: notset; margin: notset; } @media (min-width: 1500px) { .widget-text .widget-content .purchase-categories--roaster-item div h3, .widget-text .widget-content .purchase-categories--roaster-item div h4, .widget-text .widget-content .purchase-categories--roaster-item div h5, .widget-text .widget-content .purchase-categories--roaster-item div h6, .widget-text .widget-content .purchase-categories--roaster-item div .h { font-size: 30px; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget-text .widget-content .purchase-categories--roaster-item { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 0 10px; padding: 15px 10px; border: 1px solid #f6f6f6; } .widget-text .widget-content .purchase-categories--roaster-item:before { position: relative; } .widget-text .widget-content .purchase-categories--roaster-item div { margin: 0; width: 100%; } .widget-text .widget-content .purchase-categories--roaster-item div h3, .widget-text .widget-content .purchase-categories--roaster-item div h4, .widget-text .widget-content .purchase-categories--roaster-item div h5, .widget-text .widget-content .purchase-categories--roaster-item div h6, .widget-text .widget-content .purchase-categories--roaster-item div .h, .widget-text .widget-content .purchase-categories--roaster-item div p { text-align: center; } .widget-text .widget-content .purchase-categories--roaster-item div h3, .widget-text .widget-content .purchase-categories--roaster-item div h4, .widget-text .widget-content .purchase-categories--roaster-item div h5, .widget-text .widget-content .purchase-categories--roaster-item div h6, .widget-text .widget-content .purchase-categories--roaster-item div .h { font-size: 23px; margin: 5px 0 0; } } .widget-text .widget-content .business-features__row { margin-left: 0; margin-right: 0; padding: 1.5em 1em 3em; text-align: center; background: #ffffff; } @media (min-width: 1200px) { .widget-text .widget-content .business-features__row { margin-left: -60px; margin-right: -60px; padding: 3.5em 2em 4em; } } .widget-text .widget-content .business-features__row h3 { margin-top: 0; } .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 #eeeeee; padding: 0; background: #f6f6f6; 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: #eeeeee; 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; } div.widget-video { margin-top: 20px; } div.widget-video .ui-widget-header { color: #181b1c; text-align: center; } div.widget-video ul.videos { margin: 0; } div.widget-video .video-item { list-style: none; display: block; border: 1px solid #eeeeee; 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; } [id^="map_canvas"] { margin: 0; } [id^="map_canvas"] h1 { color: #54595f; font-size: 30px; } [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 #ffffff; margin-left: 2%; padding-left: 3%; } .widget-maps [id^="infoboxContent"] .phones { padding-top: 10px; } .widget-maps .infoBox { opacity: 1 !important; background: rgba(255, 255, 255, 0.9) !important; border: 1px solid #ffffff !important; padding: 5px !important; color: #333333 !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: #333333; } .widget-maps .infoBox a:hover, .widget-maps .infoBox a:focus, .widget-maps .infoBox a:active { color: #333333; } .widget-maps .infoBox a[href="tel:null"] { display: none; } .widget-maps .map-info { position: absolute; left: 75px; bottom: 57px; background: rgba(255, 255, 255, 0.8); color: #54595f; padding: 10px; font-size: 16px; } @media (min-width: 1200px) { .widget-maps .map-info { bottom: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (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: #846c1a; 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: 260px; bottom: 9px; } .widget-maps .map-additional-info .app-maps { padding: 12px 25px 11px 65px; background: rgba(255, 255, 255, 0.8); color: #54595f; } .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: 1180px), (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: 700; font-size: 18px; color: #181b1c; } .widget-maps a.button { position: absolute; top: 10px; right: 10px; z-index: 10; display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin: 0; } .widget-maps a.button [class^="\icons-tv-"] { display: none; } .widget-maps a.button:before, .widget-maps a.button:after { font-weight: 400; } .widget-maps a.button:focus { outline: none; } .widget-maps a.button:hover, .widget-maps a.button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-maps a.button.off, .widget-maps a.button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-maps a.button [class^="\icons-tv-"] { display: none; } .widget-maps a.button:before, .widget-maps a.button:after { font-weight: 400; } .widget-maps a.button:focus { outline: none; } .widget-maps a.button:hover, .widget-maps a.button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-maps a.button.off, .widget-maps a.button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .widget-maps a.button.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-maps a.button.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-maps a.button.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-maps a.button.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; 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: 30px; margin: 0 5px 0 0; } .widget-maps a.button:before { vertical-align: middle; } .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; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; 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:before, .widget-maps #js-location-input .add-on:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-maps #js-location-input .add-on.off, .widget-maps #js-location-input .add-on.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget-maps #js-location-input .add-on [class^="\icons-tv-"] { display: none; } .widget-maps #js-location-input .add-on:before, .widget-maps #js-location-input .add-on:after { font-weight: 400; } .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 { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget-maps #js-location-input .add-on.off, .widget-maps #js-location-input .add-on.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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: 16px; 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: 16px; 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: 16px; 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: 16px; 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: 16px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget-maps #js-location-input .add-on.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; 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: 30px; margin: 0 5px 0 0; } .widget-maps #js-location-input .add-on:before { margin: 0; line-height: 32px; } .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; } .siteinfo-default { color: #ffffff; } .siteinfo-default .row-siteinfo { margin: 10px 0 0; } .siteinfo-default .row-siteinfo:first-child { margin: 0; } .siteinfo-default .row-siteinfo .label:after { content: ':'; padding-right: 5px; } .siteinfo-default .type-photo img { width: 100%; } .siteinfo-default .type-name { font-family: 'Cormorant Garamond', serif; font-size: 30px; font-weight: 700; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .siteinfo-default .type-name { font-size: 23px; } } .siteinfo-default .type-email a { text-decoration: underline; color: #ffffff; -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; } .siteinfo-default .type-email a:hover { color: #ffffff; } .siteinfo-default .type-email a:focus { color: #846c1a; } .siteinfo-default .type-email a:focus { color: #846c1a; } .siteinfo-default .type-email a:visited { color: notset; } .siteinfo-default .type-email a:hover, .siteinfo-default .type-email a:focus { text-decoration: none; } .siteinfo-default .type-workinghours .label { display: block; margin: 0 0 10px; font-weight: 700; text-transform: uppercase; } .siteinfo-default .type-workinghours .day-group { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .siteinfo-default .type-workinghours .day-group:nth-child(2n+1) { border-left: none; padding-right: 10px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .siteinfo-default .type-workinghours .day-group:nth-child(2n+1) { padding-right: 5px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .siteinfo-default .type-workinghours .day-group:nth-child(2n) { padding-left: 5px; } } .siteinfo-default .type-button a { margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; background: #846c1a; display: inline-block; } .siteinfo-default .type-button a [class^="\icons-tv-"] { display: none; } .siteinfo-default .type-button a:before, .siteinfo-default .type-button a:after { font-weight: 400; } .siteinfo-default .type-button a:focus { outline: none; } .siteinfo-default .type-button a:hover, .siteinfo-default .type-button a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .siteinfo-default .type-button a.off, .siteinfo-default .type-button a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .siteinfo-default .type-button a [class^="\icons-tv-"] { display: none; } .siteinfo-default .type-button a:before, .siteinfo-default .type-button a:after { font-weight: 400; } .siteinfo-default .type-button a:focus { outline: none; } .siteinfo-default .type-button a:hover, .siteinfo-default .type-button a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .siteinfo-default .type-button a.off, .siteinfo-default .type-button a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .siteinfo-default .type-button 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: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button 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: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button 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: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button 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: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button 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: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .siteinfo-default .type-button a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .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: 1px solid #eeeeee; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; background: #ffffff; color: #181b1c; -moz-box-shadow: 0 0 28px rgba(255, 255, 255, 0.6); -webkit-box-shadow: 0 0 28px rgba(255, 255, 255, 0.6); box-shadow: 0 0 28px rgba(255, 255, 255, 0.6); } .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: #f6f6f6; 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: #181b1c; } .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: 3px solid #ffffff; background: #ffffff; } .modalbox-holder .mb-thumb .active img { opacity: 0.7; } .modalbox-holder .mb-thumb .active:hover { border: 3px solid #54595f; } .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: #eeeeee; 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"] { background: #eeeeee; -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; height: 60%; height: -webkit-calc(100%); height: -moz-calc(100%); height: calc(100%); } .modalbox-holder .mb-column-top [class*="mb-trigger"]:hover, .modalbox-holder .mb-column-bottom [class*="mb-trigger"]:hover { background: #846c1a; } .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: #54595f; 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: #333333; 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: 16px; height: 100%; vertical-align: middle; max-height: 47px; overflow: hidden; } .modalbox-holder .mb-outer-bottom > div .mb-title { display: block; color: #181b1c; font-family: 'Cormorant Garamond', serif; font-size: 23px; } .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; } .modalbox-holder .mb-outer-bottom > div .mb-prev, .modalbox-holder .mb-outer-bottom > div .mb-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 #846c1a; -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: #846c1a; } .modalbox-holder .mb-outer-bottom > div .mb-prev:before, .modalbox-holder .mb-outer-bottom > div .mb-next:before { color: #ffffff; font-size: 40px; font-weight: 700; width: 30px; height: 30px; line-height: 30px; } .modalbox-holder .mb-outer-bottom > div .mb-prev:hover, .modalbox-holder .mb-outer-bottom > div .mb-next:hover, .modalbox-holder .mb-outer-bottom > div .mb-prev:focus, .modalbox-holder .mb-outer-bottom > div .mb-next:focus { outline: none; cursor: pointer; background: #333333; border-color: #333333; } .modalbox-holder .mb-outer-bottom > div .mb-prev:hover:before, .modalbox-holder .mb-outer-bottom > div .mb-next:hover:before, .modalbox-holder .mb-outer-bottom > div .mb-prev:focus:before, .modalbox-holder .mb-outer-bottom > div .mb-next:focus:before { color: #ffffff; } .modalbox-holder .mb-outer-bottom > div .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: 16px; margin: notset; } .modalbox-holder .mb-outer-bottom > div .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: 16px; margin: notset; } .modalbox-holder .mb-outer-bottom > div a { vertical-align: middle; } .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: #846c1a; } .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: #eeeeee; 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: #333333; } .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; } .breadcrumbs-wrapper { float: left; margin-right: 0; width: 55%; } .breadcrumbs-wrapper .breadcrumbs { font-size: 16px; padding: 0; margin: auto 0; white-space: nowrap; } .breadcrumbs-wrapper .breadcrumbs li { float: left; list-style: none; color: #181b1c; font-size: 12px; padding: 0 10px; } .breadcrumbs-wrapper .breadcrumbs li a { position: relative; display: inline-block; vertical-align: top; height: 55px; padding: 0 25px 0 20px; line-height: 55px; color: #181b1c; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; } .breadcrumbs-wrapper .breadcrumbs li a:hover { color: #846c1a; } .breadcrumbs-wrapper .breadcrumbs li a, .breadcrumbs-wrapper .breadcrumbs li a:before, .breadcrumbs-wrapper .breadcrumbs li a:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .breadcrumbs-wrapper .breadcrumbs li a:before, .breadcrumbs-wrapper .breadcrumbs li a:after { position: absolute; top: -1px; width: 0; height: 0; content: ''; border-top: 28px solid #0000; border-bottom: 28px solid #0000; } .breadcrumbs-wrapper .breadcrumbs li a:before { right: -10px; z-index: 3; border-left-color: #eeeeee; border-left-style: solid; border-left-width: 11px; } .breadcrumbs-wrapper .breadcrumbs li a:after { right: -11px; z-index: 2; border-left: 11px solid #ddd; } .breadcrumbs-wrapper .breadcrumbs li:first-child a { border-radius: 0; padding: 0 25px 0 0; } .breadcrumbs-wrapper .breadcrumbs li:last-child a { font-weight: 700; } .breadcrumbs-wrapper .breadcrumbs li:not(:first-child) { margin-left: -5px; } .breadcrumbs-wrapper .breadcrumbs li.descr { display: none; } .breadcrumbs-wrapper .breadcrumbs li.go-back a { text-decoration: none; } .breadcrumbs-wrapper .breadcrumbs li.go-back a span:first-child { color: #54595f; } .breadcrumbs-wrapper .breadcrumbs li.go-back a span:last-child { text-decoration: none; } @media (max-width: 767px) { .breadcrumbs-wrapper .breadcrumbs { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .breadcrumbs-wrapper .breadcrumbs li a { height: 45px; padding: 0 15px 0 10px; line-height: 45px; } .breadcrumbs-wrapper .breadcrumbs li a:before, .breadcrumbs-wrapper .breadcrumbs li a:after { position: absolute; top: -1px; width: 0; height: 0; content: ''; border-top: 23px solid #0000; border-bottom: 23px solid #0000; } .breadcrumbs-wrapper .breadcrumbs li:first-child a { padding: 0 15px 0 0; } .breadcrumbs-wrapper .breadcrumbs li.separator { display: none; } } .navigation { display: inline-block; *zoom: 1; position: relative; display: block; margin: 0; padding: 0; overflow: hidden; } .navigation:before, .navigation:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .navigation .navigation-wrapper { float: right; margin-left: 1%; width: 44%; font-size: 16px; white-space: nowrap; overflow: hidden; text-align: right; } .navigation .navigation-wrapper > *:last-child { padding-right: 0 !important; } .navigation .navigation-wrapper .nav-link, .navigation .navigation-wrapper .list-info { position: relative; display: inline-block; vertical-align: top; overflow: hidden; height: 55px; padding: 0; color: #181b1c; font-size: 12px; line-height: 55px; text-decoration: none; text-align: center; text-overflow: ellipsis; text-transform: uppercase; letter-spacing: .1em; } .navigation .navigation-wrapper .nav-link { max-width: 27%; } .navigation .navigation-wrapper .nav-link:hover { color: #846c1a; } .navigation .navigation-wrapper .nav-link span { display: none; } .navigation .navigation-wrapper .nav-link:before { display: inline-block; margin-top: 0; position: absolute; font-size: 16px; } .navigation .navigation-wrapper .list-info { padding: 0 25px; } @media (max-width: 1199px) { .breadcrumbs-wrapper { width: 65%; } .navigation .navigation-wrapper { width: 34%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .breadcrumbs-wrapper li:not(:last-child):not(:nth-last-child(3)) { display: none; } } @media (max-width: 767px) { .breadcrumbs-wrapper { width: 100%; } .navigation .navigation-wrapper { display: none; } } 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: #28272d !important; background-color: #28272d !important; color: #eeeeee !important; border-width: 1px 0 0 !important; border-style: solid !important; border-color: #54595f !important; font-family: 'Lato', sans-serif !important; font-size: #eeeeee !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: 23px !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: #e20707 !important; display: block !important; font-size: 23px; 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: #e20707 !important; } body #cc-notification #cc-notification-wrapper { padding: 12px 32px !important; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { body #cc-notification #cc-notification-wrapper { padding: 10px 20px !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: 23px; } 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: #333333; background-position: center center; background-repeat: no-repeat; padding: 5px; } body .cc-logo span { display: none; } 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: #846c1a !important; color: #fff !important; margin-right: 12px !important; text-decoration: none !important; font-size: 12pt !important; font-weight: 400; letter-spacing: -0.05em; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !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: #e20707 !important; font-size: 11pt; } @media (max-width: 767px) { body #cc-notification a, body #cc-notification a:visited { font-size: 12px !important; } } 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; } @media (max-width: 767px) { body #cc-notification .cookie-header, body #cc-notification h3, body #cc-notification p { font-size: 12px !important; } } body #cc-notification .cookie-header span, body #cc-notification .cookie-header { font-size: 23px; letter-spacing: -0.05em; font-weight: 400 !important; } @media (max-width: 767px) { body #cc-notification .cookie-header span, body #cc-notification .cookie-header { font-size: 12px !important; } } body #cc-notification .cookie-header { padding: 0 11% 0 5% !important; max-width: 900px; margin: 0 auto !important; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { body #cc-notification .cookie-header { padding: 0 17% 0 5% !important; } } @media (max-width: 767px) { body #cc-notification .cookie-header { padding: 0 !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; color: #111 !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 #846c1a !important; border-right: 3px solid #846c1a !important; border-left: 3px solid #846c1a !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; } } .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 .responsible-holder > .person { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; padding: 0 0 7.5px 0; float: left; overflow: visible; margin-bottom: 15px; -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; height: auto; position: relative; } .widget.widget-userlist .responsible-block .responsible-holder > .person:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget-userlist .responsible-block .responsible-holder > .person .photo { height: auto; width: 100%; text-align: center; box-sizing: border-box; } .widget.widget-userlist .responsible-block .responsible-holder > .person .photo > span { display: block; height: auto; overflow: hidden; } .widget.widget-userlist .responsible-block .responsible-holder > .person .photo img { width: 100%; } .widget.widget-userlist .responsible-block .responsible-holder > .person .info { margin-top: 0; min-height: 51px; padding: 0 10px; line-height: 1.4 !important; } .widget.widget-userlist .responsible-block .responsible-holder > .person .info > [class*="contact-"]:before { vertical-align: middle; color: #333333; } .widget.widget-userlist .responsible-block .responsible-holder > .person .info a { color: #181b1c; -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; } .widget.widget-userlist .responsible-block .responsible-holder > .person .info a:hover { color: #846c1a; } .widget.widget-userlist .responsible-block .responsible-holder > .person .info a:focus { color: #846c1a; } .widget.widget-userlist .responsible-block .responsible-holder > .person .info a:focus { color: #846c1a; } .widget.widget-userlist .responsible-block .responsible-holder > .person .info a:visited { color: notset; } .widget.widget-userlist .responsible-block .responsible-holder > .person .name { text-transform: none; color: #181b1c; font-weight: 400; margin: 10px 0 5px; font-size: 23px; } .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-positionstring { margin-bottom: 5px; color: #181b1c; } .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-positionstring:after { content: ''; display: block; width: 50px; height: 2px; background: #846c1a; margin: 10px 0 10px -10px; } .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-contactphone .contact-label, .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-contactmobilephone .contact-label, .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-contactfax .contact-label, .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-email .contact-label, .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-positionstring .contact-label { display: none; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .person .contact-email { margin-top: 5px; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin: 15px 15px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button [class^="\icons-tv-"] { display: none; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:before, .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:after { font-weight: 400; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:focus { outline: none; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:hover, .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.off, .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button [class^="\icons-tv-"] { display: none; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:before, .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:after { font-weight: 400; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:focus { outline: none; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button:hover, .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.off, .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .responsible-block .responsible-holder > .person .form-togglers .button.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .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 (min-width: 1200px) { .widget.widget-userlist .userlist-modal .name, .widget.widget-userlist .userlist-modal .contact-positionstring { max-width: 300px; } } .widget.widget-userlist .userlist-modal .modal-header { padding: 0; } .widget.widget-userlist .userlist-modal .name { text-transform: none; color: #181b1c; font-weight: 400; margin: 15px 0 0; font-size: 23px; } .widget.widget-userlist .userlist-modal .contact-positionstring { margin-bottom: 5px; color: #181b1c; } .widget.widget-userlist .userlist-modal .contact-positionstring:after { content: ''; display: block; width: 50px; height: 2px; background: #846c1a; margin: 5px 0 10px 0; } .widget.widget-userlist .userlist-modal .contact-label { display: none; } .widget.widget-userlist .userlist-modal .info { position: relative; padding: 0; } .widget.widget-userlist .userlist-modal .info > [class*="contact-"]:before { color: #54595f; } .widget.widget-userlist .userlist-modal .contact-knownlanguages .contact-value, .widget.widget-userlist .userlist-modal .contact-contactphone .contact-value, .widget.widget-userlist .userlist-modal .contact-contactphone2 .contact-value, .widget.widget-userlist .userlist-modal .contact-contactmobilephone .contact-value, .widget.widget-userlist .userlist-modal .contact-contactfax .contact-value, .widget.widget-userlist .userlist-modal .contact-email .contact-value { line-height: 1.9; } .widget.widget-userlist .userlist-modal .contact-knownlanguages:before, .widget.widget-userlist .userlist-modal .contact-contactphone:before, .widget.widget-userlist .userlist-modal .contact-contactphone2:before, .widget.widget-userlist .userlist-modal .contact-contactmobilephone:before, .widget.widget-userlist .userlist-modal .contact-contactfax:before, .widget.widget-userlist .userlist-modal .contact-email:before { color: #333333; font-size: 14px; line-height: 1; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -o-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .widget.widget-userlist .userlist-modal .contact-knownlanguages { margin: 25px 0 0; } .widget.widget-userlist .userlist-modal .contact-knownlanguages:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e658"; font-style: normal; font-size: 14px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .contact-contactphone:before, .widget.widget-userlist .userlist-modal .contact-contactphone2:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e942"; font-style: normal; font-size: 14px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .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: 14px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .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: 14px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .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: 14px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .contact-email .contact-value { color: #181b1c; -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; opacity: 1; } .widget.widget-userlist .userlist-modal .contact-email .contact-value:hover { color: #333333; } .widget.widget-userlist .userlist-modal .contact-email .contact-value:focus { color: #846c1a; } .widget.widget-userlist .userlist-modal .contact-email .contact-value:focus { color: #846c1a; } .widget.widget-userlist .userlist-modal .contact-email .contact-value:visited { color: notset; } .widget.widget-userlist .userlist-modal .contact-email:before { -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -o-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .widget.widget-userlist .userlist-modal .instruction-wrapper { display: none; } .widget.widget-userlist .userlist-modal .instruction-wrapper a { display: inline-block; margin-top: 13px; padding: 0.6em 2.6em 0.7em 2.6em; color: #ffffff !important; white-space: nowrap; border: #181b1c; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 16px; line-height: 1.9; text-decoration: none !important; background: #181b1c; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; box-shadow: none; margin-top: 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper a [class^="\icons-tv-"] { display: none; } .widget.widget-userlist .userlist-modal .instruction-wrapper a:before, .widget.widget-userlist .userlist-modal .instruction-wrapper a:after { font-weight: 400; } .widget.widget-userlist .userlist-modal .instruction-wrapper a:focus { outline: none; } .widget.widget-userlist .userlist-modal .instruction-wrapper a:hover, .widget.widget-userlist .userlist-modal .instruction-wrapper a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget.widget-userlist .userlist-modal .instruction-wrapper a.off, .widget.widget-userlist .userlist-modal .instruction-wrapper a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget-userlist .userlist-modal .instruction-wrapper a [class^="\icons-tv-"] { display: none; } .widget.widget-userlist .userlist-modal .instruction-wrapper a:before, .widget.widget-userlist .userlist-modal .instruction-wrapper a:after { font-weight: 400; } .widget.widget-userlist .userlist-modal .instruction-wrapper a:focus { outline: none; } .widget.widget-userlist .userlist-modal .instruction-wrapper a:hover, .widget.widget-userlist .userlist-modal .instruction-wrapper a.on { background: #333333; color: #ffffff !important; border: #333333; outline: none; cursor: pointer; } .widget.widget-userlist .userlist-modal .instruction-wrapper a.off, .widget.widget-userlist .userlist-modal .instruction-wrapper a.off:hover { background: #181b1c; color: #ffffff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget-userlist .userlist-modal .instruction-wrapper 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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper 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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper 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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper 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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper 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: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper a.write-us:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper a.whatsapp:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea93"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper a.snapchat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } .widget.widget-userlist .userlist-modal .instruction-wrapper a.wechat:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e908"; font-style: normal; font-size: 16px; margin: 0 10px 0 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .widget.widget-userlist .userlist-modal .instruction-wrapper { display: block; } } .widget.widget-userlist .userlist-modal .scancode-wrapper { position: absolute; bottom: 10px; right: 10px; } .widget.widget-userlist .userlist-modal .scancode-wrapper > img { width: 210px; height: 210px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .widget.widget-userlist .userlist-modal .scancode-wrapper { display: none; } } .widget.widget-userlist .userlist-modal .scancode-wrapper .scancode-pointer-text { display: none; } .widget.widget-userlist .userlist-modal .scancode-wrapper .scancode-pointer-image { display: none; } @media (min-width: 1920px) { .widget.widget-userlist .userlist-modal .scancode-wrapper .scancode-pointer-image { display: inline; } } .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: #846c1a; } .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: #846c1a; } .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: #54595f; } .widget.widget-userlist.col8 .responsible-holder > .person { width: 13.42857143%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(7n + 1) { margin-left: 0; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(7) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(7n + 1) { margin-left: 1%; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(-n + 7) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col8 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(7n + 1) { margin-left: 1%; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(-n + 7) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col8 .responsible-holder > .person { width: 11.625%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(8n + 1) { margin-left: 0; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(8) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(7) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col8 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col8 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col8 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col8 .responsible-holder > .person { width: 100%; } } .widget.widget-userlist.col7 .responsible-holder > .person { width: 15.83333333%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(6n + 1) { margin-left: 0; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(6n + 1) { margin-left: 1%; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(-n + 6) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col7 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(6n + 1) { margin-left: 1%; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(-n + 6) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col7 .responsible-holder > .person { width: 13.42857143%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(7n + 1) { margin-left: 0; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(7) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col7 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col7 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col7 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col7 .responsible-holder > .person { width: 100%; } } .widget.widget-userlist.col6 .responsible-holder > .person { width: 19.2%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(5n + 1) { margin-left: 0; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(5n + 1) { margin-left: 1%; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(-n + 5) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col6 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(5n + 1) { margin-left: 1%; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(-n + 5) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col6 .responsible-holder > .person { width: 15.83333333%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(6n + 1) { margin-left: 0; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(6) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col6 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col6 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col6 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col6 .responsible-holder > .person { width: 100%; } } .widget.widget-userlist.col5 .responsible-holder > .person { width: 24.25%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(4n + 1) { margin-left: 0; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(4n + 1) { margin-left: 1%; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(-n + 4) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col5 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(4n + 1) { margin-left: 1%; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(-n + 4) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col5 .responsible-holder > .person { width: 19.2%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(5n + 1) { margin-left: 0; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(5) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col5 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col5 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col5 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col5 .responsible-holder > .person { width: 100%; } } .widget.widget-userlist.col4 .responsible-holder > .person { width: 32.66666667%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(3n + 1) { margin-left: 0; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(3n + 1) { margin-left: 1%; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(-n + 3) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col4 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(3n + 1) { margin-left: 1%; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(-n + 3) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col4 .responsible-holder > .person { width: 24.25%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(4n + 1) { margin-left: 0; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(4) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col4 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col4 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col4 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col4 .responsible-holder > .person { width: 100%; } } .widget.widget-userlist.col3 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 1%; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(-n + 2) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col3 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 1%; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(-n + 2) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col3 .responsible-holder > .person { width: 32.66666667%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(3n + 1) { margin-left: 0; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(3) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col3 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col3 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col3 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col3 .responsible-holder > .person { width: 100%; } } .widget.widget-userlist.col2 .responsible-holder > .person { width: 100%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(1n + 1) { margin-left: 0; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(1n + 1) { margin-left: 1%; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col2 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(1n + 1) { margin-left: 1%; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col2 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col2 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col2 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col2 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col2 .responsible-holder > .person { width: 100%; } } .widget.widget-userlist.col1 .responsible-holder > .person { width: 100%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(1n + 1) { margin-left: 0; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(1n + 1) { margin-left: 1%; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col1 .responsible-holder > .person { width: 49.5%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(2n + 1) { margin-left: 0; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(2) { margin-top: 0; margin-bottom: 15px; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media (min-width: 1500px) { .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(1n + 1) { margin-left: 1%; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(-n + 1) { margin-top: 0; margin-left: 1%; } .widget.widget-userlist.col1 .responsible-holder > .person { width: 100%; margin-left: 1%; margin-top: 0; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(1n + 1) { margin-left: 0; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(1) { margin-top: 0; margin-bottom: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait) { .widget.widget-userlist.col1 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (min-aspect-ratio: 13/9) { .widget.widget-userlist.col1 .responsible-holder > .person { width: 48.5%; margin: 1%; } .widget.widget-userlist.col1 .responsible-holder > .person:nth-child(3) { margin-left: 0 !important; } } @media (max-width: 767px) and (max-aspect-ratio: 13/9) { .widget.widget-userlist.col1 .responsible-holder > .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 .responsible-holder > .person { width: 33.33% !important; margin-top: 0 !important; margin-left: 0; } .widget.widget-userlist.user-page.col4 .responsible-holder > .person:nth-child(3n+1) { margin: 0 !important; } .widget.widget-userlist.user-page.col4 .responsible-holder > .person:nth-child(1), .widget.widget-userlist.user-page.col4 .responsible-holder > .person:nth-child(2), .widget.widget-userlist.user-page.col4 .responsible-holder > .person:nth-child(3) { margin-top: 0 !important; margin-bottom: 15px !important; } } .widget.widget-userlist.col300 .responsible-holder > .person { width: 300px; margin-left: 15px; } .widget.widget-userlist.col250 .responsible-holder > .person { width: 250px; margin-left: 15px; } .widget.widget-userlist.col200 .responsible-holder > .person { width: 200px; margin-left: 15px; } .widget.widget-userlist.col150 .responsible-holder > .person { width: 150px; margin-left: 15px; } .widget.widget-userlist.col100 .responsible-holder > .person { width: 100px; margin-left: 15px; } .widget.widget-userlist.col50 .responsible-holder > .person { width: 50px; margin-left: 15px; } .widget.widget-userlist.ul-photo-top .responsible-block .responsible-holder > .person { text-align: left; } .widget.widget-userlist.ul-photo-top .responsible-block .responsible-holder > .person .photo { margin: 0; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person { white-space: nowrap; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .photo-cont, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .info { display: inline-block; vertical-align: top; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .info { padding-left: 15px; width: calc(100% - 115%); } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-label { width: 75px; display: inline-block; padding-right: 10px; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactphone a, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactmobilephone a, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactfax a { color: #181b1c; -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; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactphone a:hover, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactmobilephone a:hover, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactfax a:hover { color: #846c1a; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactphone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactmobilephone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactfax a:focus { color: #846c1a; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactphone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactmobilephone a:focus, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactfax a:focus { color: #846c1a; } .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactphone a:visited, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .person .contact-contactmobilephone a:visited, .widget.widget-userlist.ul-photo-left .responsible-block .responsible-holder > .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: 1180px), (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 .responsible-holder > .person, .widget.widget-userlist.user-page .responsible-holder > .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: 1180px) 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 .responsible-holder > .person, .widget.widget-userlist.user-page .responsible-holder > .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 .responsible-holder > .person, .widget.widget-userlist.user-page .responsible-holder > .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 .responsible-holder > .person, .widget.widget-userlist.user-page .responsible-holder > .person { width: calc(100% - 10px); margin-left: 0; } } .userlist-pages { margin-bottom: 10px; } .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 10px 5px; } .widget.widget-userlist-workinghours .widget-content .responsible-block { float: left; } .widget.widget-userlist-workinghours .widget-content [data-id="user_work_time"] { 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.widget-userlist-workinghours .widget-content [data-id="user_work_time"] li { padding: 3px 10px; margin: 5px 5px 0 0; background: #f2f2f2; -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: #846c1a; color: #ffffff; cursor: pointer; } .widget.widget-userlist-workinghours .widget-content .widget-forms { padding: 15px 0 10px; } .widget.widget-userlist-workinghours .widget-content .widget-forms .widget-header { display: none; } .widget.widget-userlist-workinghours .widget-content .widget-forms .colform-tabs-right { width: 100%; margin: 0; } .lang-lbl + span { font-size: 16px; } .lang-lbl + span, .lang-lbl + span ul { display: inline-block !important; vertical-align: top; text-transform: uppercase; } .lang-lbl + span ul { font-size: 0; } .lang-lbl + span ul li { font-size: 16px; display: inline-block; list-style: none; list-style-image: url("data:0"); border-left: 1px solid #333333; padding-left: 5px; margin-left: 5px; text-transform: uppercase; } .lang-lbl + span .icon-flag { display: none; } .widget-quicklinks .hotline .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e910"; font-style: normal; font-size: notset; margin: notset; } .widget-quicklinks .inventory .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e662"; font-style: normal; font-size: notset; margin: notset; } .widget-quicklinks .search .quicklink: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; } .widget-quicklinks .order .quicklink:after { 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-quicklinks .subscribe .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65a"; font-style: normal; font-size: notset; margin: notset; } .widget-quicklinks .callback .quicklink:after { 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-quicklinks .feedback .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64e"; font-style: normal; font-size: notset; margin: notset; } .widget-quicklinks .facebook .quicklink:after { 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-quicklinks .languages .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64b"; font-style: normal; font-size: notset; margin: notset; } .widget-quicklinks .googleplus .quicklink:after { 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; } .widget-quicklinks .testdrive .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9b1"; font-style: normal; font-size: notset; margin: notset; } .widget-quicklinks .service .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e64d"; font-style: normal; font-size: notset; margin: notset; } .widget-quicklinks.quick-links-corner { background: none; } .widget-quicklinks.quick-links-corner:before, .widget-quicklinks.quick-links-corner:after { display: none; } .widget-quicklinks.quick-links-corner .item { text-shadow: 0 0 1px #333333; max-width: none; } .widget-quicklinks.quick-links-corner .item .quicklink { display: block; padding: 0; position: relative; color: #ffffff; } .widget-quicklinks.quick-links-corner .item .quicklink:before { content: ''; display: block; border-width: 0 0 75px 125px; border-style: solid; border-color: transparent transparent #846c1a transparent; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .widget-quicklinks.quick-links-corner .item .quicklink:hover, .widget-quicklinks.quick-links-corner .item .quicklink:focus { background: none !important; color: #ffffff; } .widget-quicklinks.quick-links-corner .item .quicklink:hover:before, .widget-quicklinks.quick-links-corner .item .quicklink:focus:before { border-color: transparent transparent #846c1a transparent; } .widget-quicklinks.quick-links-corner .item .quicklink .txt { position: absolute; text-align: right; right: 0; left: 0; z-index: 50; bottom: 10px; font-size: 16px; padding: 0 10px 0 0; } @media (max-width: 767px) { .widget-quicklinks.quick-links-corner { right: 20px !important; bottom: 20px !important; } .widget-quicklinks.quick-links-corner .item .quicklink { display: block; width: 60px; height: 60px; text-align: center; } .widget-quicklinks.quick-links-corner .item .quicklink:after { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: 30px; margin: notset; } .widget-quicklinks.quick-links-corner .item .quicklink, .widget-quicklinks.quick-links-corner .item .quicklink:hover { background: #846c1a !important; } .widget-quicklinks.quick-links-corner .item .quicklink:after { display: block; line-height: 60px; } .widget-quicklinks.quick-links-corner .item .quicklink:before, .widget-quicklinks.quick-links-corner .item .quicklink .txt { display: none; } } .quicklinks-default.placement-right { position: fixed; overflow: hidden; z-index: 995; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); *margin-top: -150px; max-height: 80%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .quicklinks-default.placement-right { display: none; } } .quicklinks-default.placement-rightbottom { position: fixed; overflow: hidden; z-index: 995; right: 0; bottom: 60px; max-height: 100%; } @media (min-width: 1600px) { .quicklinks-default.placement-rightbottom { bottom: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape) { .quicklinks-default.placement-rightbottom { bottom: 0; } } @media (max-width: 767px) { .quicklinks-default.placement-rightbottom { left: 0; right: 0; bottom: 0; } } .quicklinks-default.placement-inline .quicklink { color: #ffffff; -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; } .quicklinks-default.placement-inline .quicklink:before { font-size: 30px; } .quicklinks-default.placement-inline .quicklink:hover { color: #846c1a; } .quicklinks-default.placement-inline .quicklink:focus { color: #846c1a; } .quicklinks-default.placement-inline .quicklink:focus { color: #846c1a; } .quicklinks-default.placement-inline .quicklink:visited { color: notset; } .quicklinks-default.placement-inline .quicklink .txt { display: none; } .quicklinks-default .widget-header:empty { display: none; } .quicklinks-default .widget-content { padding: 0; } .quicklinks-default .item { list-style: none; text-align: right; } .quicklinks-default .item:not(:first-child) .quicklink.style-default { border-top: 1px solid #54595f; } .quicklinks-default .quicklink.style-default { padding: 5px 10px 5px 5px; background: #333333; white-space: nowrap; color: #ffffff; } .quicklinks-default .quicklink.style-default, .quicklinks-default .quicklink.style-default:after, .quicklinks-default .quicklink.style-default .txt { display: inline-block; vertical-align: middle; font-size: 0; } .quicklinks-default .quicklink.style-default:after { padding: 5px 5px 5px 10px; font-size: 23px; } .quicklinks-default .quicklink.style-default .txt { max-width: 0; *width: 0; overflow: hidden; text-align: left; font-size: 16px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .quicklinks-default .quicklink.style-default:hover, .quicklinks-default .quicklink.style-default:focus, .quicklinks-default .quicklink.style-default:active { background: #54595f; color: #ffffff; } .quicklinks-default .quicklink.style-default:hover .txt, .quicklinks-default .quicklink.style-default:focus .txt, .quicklinks-default .quicklink.style-default:active .txt { *width: auto; max-width: 300px; } .quicklinks-default .quicklink.style-circle { display: block; width: 182px; height: 182px; } .quicklinks-default .quicklink.style-circle:before, .quicklinks-default .quicklink.style-circle:after { content: ''; display: block; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .quicklinks-default .quicklink.style-circle:before { width: 182px; height: 182px; top: 0; left: 0; border: 2px solid rgba(132, 108, 26, 0.55); opacity: 0.6875; border-radius: 50%; background: transparent; -webkit-animation: circle-outer-animation 2.2s infinite ease-in-out !important; -moz-animation: circle-outer-animation 2.2s infinite ease-in-out !important; -ms-animation: circle-outer-animation 2.2s infinite ease-in-out !important; -o-animation: circle-outer-animation 2.2s infinite ease-in-out !important; animation: circle-outer-animation 2.2s infinite ease-in-out !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .quicklinks-default .quicklink.style-circle:after { width: 112px; height: 112px; top: 35px; left: 35px; border: 1px solid transparent; opacity: 1 !important; border-radius: 50%; background: rgba(132, 108, 26, 0.55); -webkit-animation: circle-middle-animation 2.3s infinite ease-in-out !important; -moz-animation: circle-middle-animation 2.3s infinite ease-in-out !important; -ms-animation: circle-middle-animation 2.3s infinite ease-in-out !important; -o-animation: circle-middle-animation 2.3s infinite ease-in-out !important; animation: circle-middle-animation 2.3s infinite ease-in-out !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .quicklinks-default .quicklink.style-circle.callback, .quicklinks-default .quicklink.style-circle[data-target="callback"] { display: block; } .quicklinks-default .quicklink.style-circle.callback .txt, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt { display: block; position: absolute; width: 70px; height: 70px; line-height: 70px; top: 56px; left: 56px; background: #846c1a; color: #ffffff; font-size: 0; text-align: center; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out!important; -moz-animation: cbh-circle-img-anim 0s infinite ease-in-out!important; -ms-animation: cbh-circle-img-anim 0s infinite ease-in-out!important; -o-animation: cbh-circle-img-anim 0s infinite ease-in-out!important; animation: cbh-circle-img-anim 0s infinite ease-in-out!important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .quicklinks-default .quicklink.style-circle.callback .txt:before, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e65b"; font-style: normal; font-size: 35px; margin: notset; } .quicklinks-default .quicklink.style-circle.callback .txt:before, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:before { opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-animation: icon-animation 10s infinite ease-in-out !important; -moz-animation: icon-animation 10s infinite ease-in-out!important; -ms-animation: icon-animation 10s infinite ease-in-out!important; -o-animation: icon-animation 10s infinite ease-in-out!important; animation: icon-animation 10s infinite ease-in-out !important; } .quicklinks-default .quicklink.style-circle.callback .txt:after, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:after { content: attr(data-text); font-size: 16px; line-height: 1.4; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-animation: text-animation 10s infinite ease-in-out !important; -moz-animation: text-animation 10s infinite ease-in-out!important; -ms-animation: text-animation 10s infinite ease-in-out!important; -o-animation: text-animation 10s infinite ease-in-out!important; animation: text-animation 10s infinite ease-in-out !important; } @media (max-width: 767px) { .quicklinks-default .quicklink.style-circle.callback:before, .quicklinks-default .quicklink.style-circle[data-target="callback"]:before, .quicklinks-default .quicklink.style-circle.callback:after, .quicklinks-default .quicklink.style-circle[data-target="callback"]:after { display: none; } .quicklinks-default .quicklink.style-circle.callback, .quicklinks-default .quicklink.style-circle[data-target="callback"], .quicklinks-default .quicklink.style-circle.callback .txt, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt { width: 100%; height: 30px; } .quicklinks-default .quicklink.style-circle.callback, .quicklinks-default .quicklink.style-circle[data-target="callback"], .quicklinks-default .quicklink.style-circle.callback .txt, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt, .quicklinks-default .quicklink.style-circle.callback:before, .quicklinks-default .quicklink.style-circle[data-target="callback"]:before, .quicklinks-default .quicklink.style-circle.callback .txt:before, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:before, .quicklinks-default .quicklink.style-circle.callback:after, .quicklinks-default .quicklink.style-circle[data-target="callback"]:after, .quicklinks-default .quicklink.style-circle.callback .txt:after, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:after { -webkit-animation: none !important; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important; } .quicklinks-default .quicklink.style-circle.callback .txt, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt { border-radius: 0; font-size: 16px; line-height: 1.4; vertical-align: middle; -webkit-animation: none !important; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important; } .quicklinks-default .quicklink.style-circle.callback .txt, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt, .quicklinks-default .quicklink.style-circle.callback .txt:before, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:before, .quicklinks-default .quicklink.style-circle.callback .txt:after, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:after { position: static; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .quicklinks-default .quicklink.style-circle.callback .txt:before, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:before { font-size: 20px; line-height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } .quicklinks-default .quicklink.style-circle.callback .txt:after, .quicklinks-default .quicklink.style-circle[data-target="callback"] .txt:after { display: none; } } .quicklinks-default .quicklink.style-circle:hover:before, .quicklinks-default .quicklink.style-circle:focus:before, .quicklinks-default .quicklink.style-circle.active:before { border: 2px solid rgba(157, 128, 34, 0.55); } .quicklinks-default .quicklink.style-circle:hover:after, .quicklinks-default .quicklink.style-circle:focus:after, .quicklinks-default .quicklink.style-circle.active:after { background: rgba(157, 128, 34, 0.55); } .quicklinks-default .quicklink.style-circle:hover.callback .txt, .quicklinks-default .quicklink.style-circle:focus.callback .txt, .quicklinks-default .quicklink.style-circle.active.callback .txt, .quicklinks-default .quicklink.style-circle:hover[data-target="callback"] .txt, .quicklinks-default .quicklink.style-circle:focus[data-target="callback"] .txt, .quicklinks-default .quicklink.style-circle.active[data-target="callback"] .txt { background: #9d8022; } .quicklinks-default .quicklink.style-circle:hover.callback .txt:before, .quicklinks-default .quicklink.style-circle:focus.callback .txt:before, .quicklinks-default .quicklink.style-circle.active.callback .txt:before, .quicklinks-default .quicklink.style-circle:hover[data-target="callback"] .txt:before, .quicklinks-default .quicklink.style-circle:focus[data-target="callback"] .txt:before, .quicklinks-default .quicklink.style-circle.active[data-target="callback"] .txt:before { opacity: 0; } .quicklinks-default .quicklink.style-circle:hover.callback .txt:after, .quicklinks-default .quicklink.style-circle:focus.callback .txt:after, .quicklinks-default .quicklink.style-circle.active.callback .txt:after, .quicklinks-default .quicklink.style-circle:hover[data-target="callback"] .txt:after, .quicklinks-default .quicklink.style-circle:focus[data-target="callback"] .txt:after, .quicklinks-default .quicklink.style-circle.active[data-target="callback"] .txt:after { opacity: 1; } @-moz-keyframes circle-outer-animation { 0% { -moz-transform: rotate(0deg) scale(0.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: 0.1; } 30% { -moz-transform: rotate(0deg) scale(0.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: 0.5; } 100% { -moz-transform: rotate(0deg) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: 0.1; } } @-webkit-keyframes circle-outer-animation { 0% { -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); -webkit-opacity: 0.1; } 30% { -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); -webkit-opacity: 0.5; } 100% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); -webkit-opacity: 0.1; } } @-o-keyframes circle-outer-animation { 0% { -o-transform: rotate(0deg) kscale(0.5) skew(1deg); -o-opacity: 0.1; } 30% { -o-transform: rotate(0deg) scale(0.7) skew(1deg); -o-opacity: 0.5; } 100% { -o-transform: rotate(0deg) scale(1) skew(1deg); -o-opacity: 0.1; } } @keyframes circle-outer-animation { 0% { transform: rotate(0deg) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.1; } } @-moz-keyframes circle-middle-animation { 0% { -moz-transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } 50% { -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg); opacity: 0.2; } 100% { -moz-transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } } @-webkit-keyframes circle-middle-animation { 0% { -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } 50% { -webkit-transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.2; } 100% { -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } } @-o-keyframes circle-middle-animation { 0% { -o-transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } 50% { -o-transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.2; } 100% { -o-transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } } @keyframes circle-middle-animation { 0% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0deg) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0deg) scale(0.7) skew(1deg); opacity: 0.2; } } @-moz-keyframes icon-animation { 0% { -webkit-opacity: 0.5; } 3% { -webkit-opacity: 1; } 47% { -webkit-opacity: 1; } 53% { -webkit-opacity: 0; } 97% { -webkit-opacity: 0; } 100% { -webkit-opacity: 0.5; } } @-webkit-keyframes icon-animation { 0% { -webkit-opacity: 0.5; } 3% { -webkit-opacity: 1; } 47% { -webkit-opacity: 1; } 53% { -webkit-opacity: 0; } 97% { -webkit-opacity: 0; } 100% { -webkit-opacity: 0.5; } } @-o-keyframes icon-animation { 0% { -webkit-opacity: 0.5; } 3% { -webkit-opacity: 1; } 47% { -webkit-opacity: 1; } 53% { -webkit-opacity: 0; } 97% { -webkit-opacity: 0; } 100% { -webkit-opacity: 0.5; } } @keyframes icon-animation { 0% { opacity: 0.5; } 3% { opacity: 1; } 47% { opacity: 1; } 53% { opacity: 0; } 97% { opacity: 0; } 100% { opacity: 0.5; } } @-moz-keyframes text-animation { 0% { -webkit-opacity: 0.5; } 3% { -webkit-opacity: 0; } 47% { -webkit-opacity: 0; } 53% { -webkit-opacity: 1; } 97% { -webkit-opacity: 1; } 100% { -webkit-opacity: 0.5; } } @-webkit-keyframes text-animation { 0% { -webkit-opacity: 0.5; } 3% { -webkit-opacity: 0; } 47% { -webkit-opacity: 0; } 53% { -webkit-opacity: 1; } 97% { -webkit-opacity: 1; } 100% { -webkit-opacity: 0.5; } } @-o-keyframes text-animation { 0% { -webkit-opacity: 0.5; } 3% { -webkit-opacity: 0; } 47% { -webkit-opacity: 0; } 53% { -webkit-opacity: 1; } 97% { -webkit-opacity: 1; } 100% { -webkit-opacity: 0.5; } } @keyframes text-animation { 0% { opacity: 0.5; } 3% { opacity: 0; } 47% { opacity: 0; } 53% { opacity: 1; } 97% { opacity: 1; } 100% { opacity: 0.5; } } .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; } @media only screen and (min-device-width: 768px) and (max-device-width: 1180px), (max-width: 979px) { .slideshow-holder .nivo-directionNav { display: none; } } .slideshow-holder .nivo-directionNav .nivo-prevNav, .slideshow-holder .nivo-directionNav .nivo-nextNav { background: none; text-indent: 0; font-size: 0; color: #ffffff; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .slideshow-holder .nivo-directionNav .nivo-prevNav:hover, .slideshow-holder .nivo-directionNav .nivo-nextNav:hover, .slideshow-holder .nivo-directionNav .nivo-prevNav:focus, .slideshow-holder .nivo-directionNav .nivo-nextNav:focus { opacity: 1; color: #ffffff; } .slideshow-holder .nivo-directionNav .nivo-prevNav:before, .slideshow-holder .nivo-directionNav .nivo-nextNav:before { line-height: 40px; position: absolute; top: 50%; left: 50%; *margin: -12px 0 0 -8px; -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 .nivo-directionNav .nivo-prevNav { left: 20px; border-width: 4px 4px 4px 0; } .slideshow-holder .nivo-directionNav .nivo-prevNav:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-style: normal; font-size: 40px; margin: notset; } .slideshow-holder .nivo-directionNav .nivo-nextNav { right: 20px; border-width: 4px 0 4px 4px; } .slideshow-holder .nivo-directionNav .nivo-nextNav:before { font-family: icomoonicheck; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-style: normal; font-size: 40px; margin: notset; } .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-wrapper { position: absolute; right: 0; top: auto; left: 0; bottom: 0; } .slideshow-holder .nivo-controlNav { position: absolute; top: 50%; *margin-top: -32px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); bottom: auto; text-align: center; z-index: 1000; visibility: visible !important; display: inline-block; right: 20%; left: 20%; padding: 0 0 5px !important; } @media (max-width: 767px) { .slideshow-holder .nivo-controlNav { display: none; } } .slideshow-holder .nivo-caption { bottom: auto; left: 0; bottom: 40px; right: auto; color: #ffffff; background: none; text-align: left; font-size: 40px; -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 > .inner { margin: 40px 0 0 60px; } .slideshow-holder .nivo-caption .slide-header, .slideshow-holder .nivo-caption .slide-text { display: block; } .slideshow-holder .nivo-caption .slide-header > span, .slideshow-holder .nivo-caption .slide-text > span { -webkit-transition: 0.7s all ease-in-out; -moz-transition: 0.7s all ease-in-out; -o-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; display: inline-block; text-shadow: 0 1px 3px #333333; } .slideshow-holder .nivo-caption .slide-text { margin-top: 10px; } .slideshow-holder .nivo-caption .slide-text > span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slideshow-holder .nivo-caption .slide-header { font-size: 32px; } .slideshow-holder .nivo-caption .slide-header > span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .slideshow-holder .nivo-caption h2 { font-size: 40px; text-transform: uppercase; font-weight: 400; margin-bottom: 10px; margin: 0; } .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 .button-readmore { border: #181b1c; } .slideshow-holder .nivo-caption .button-readmore:hover, .slideshow-holder .nivo-caption .button-readmore:focus, .slideshow-holder .nivo-caption .button-readmore:active { border: #333333; } .slideshow-holder .nivo-caption.changed .slide-header > span, .slideshow-holder .nivo-caption.changed .slide-text > span { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .outerControlNav { position: relative; top: -53px; left: -76px; margin-left: -2.6%; z-index: 100; } .outerControlNav .nivo-prevNav-outer, .outerControlNav .nivo-nextNav-outer { background: #f6f6f6; width: 30px; height: 38px; z-index: 10; font-size: 16px; color: #181b1c; margin-top: 0; text-align: center; display: inline-block; cursor: pointer; line-height: 38px !important; border: 1px solid #f6f6f6; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { font-family: "tv"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .outerControlNav .nivo-prevNav-outer:before, .outerControlNav .nivo-nextNav-outer:before { line-height: 38px; font-size: 16px; font-weight: 700; } .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: #846c1a; color: #ffffff; border: 1px solid #846c1a; } .outerControlNav .nivo-prevNav-outer { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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 { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .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; } .fixed-height .nivoSlider { height: 0 !important; } .fixed-height .nivoSlider > img, .fixed-height .nivoSlider .nivo-slice > img { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px #181b1c; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px #181b1c; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px #181b1c; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px #181b1c; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px #181b1c; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px #181b1c; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px #181b1c; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px transparent; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px transparent; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px transparent; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px transparent; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px transparent; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px transparent; } .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: #f6f6f6; border: 1px solid #eeeeee; box-shadow: 0 0 0 1px transparent; } .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 .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: #eeeeee; -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: 2000; -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 */ /*