/* CSS Resets */ /* Global reset *******************************************************************************/ html, body, object, iframe, blockquote, pre, img, dl, dt, dd, ul, li, ol, fieldset, form, legend { margin: 0; padding: 0; outline: 0; } /* =HTML5 display definitions *******************************************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } [hidden] { display: none; } figure { margin: 0; } /* Tags reset *******************************************************************************/ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { text-decoration: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } a:hover, a:active, label:focus, label:active, input[type="submit"], input[type="submit"]:active, textarea, textarea:active { outline: none; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } p { margin: 0; } ul, li { list-style: none; } /* Normalizing form elements *******************************************************************************/ fieldset { border: none; } textarea, button, input, select { font-size: 100%; padding: 0; margin: 0; vertical-align: baseline; } textarea { overflow: auto; resize: none; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 30px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1em 0; } /* Normalize file input width */ input[type="file"] { width: 100%; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; margin: 2px 4px 0 1px; vertical-align: top; float: left; } input[type="button"], input[type="submit"], button { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button[disabled], input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="url"]:focus, input[type="search"]:focus { outline-color: transparent; outline-style: none; } /* ie7 fixes *******************************************************************************/ .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie7 textarea, .ie7 button, .ie7 input, .ie7 select { vertical-align: middle; } .ie7 input[type="button"], .ie7 input[type="submit"], .ie7 button { overflow: visible; } .ie7 input[type="radio"], .ie7 input[type="checkbox"] { width: 13px; height: 13px; } .ie7 audio, .ie7 canvas, .ie7 video { display: inline; zoom: 1; } /* Normalizing Tags *******************************************************************************/ small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; } /* Special Classes *******************************************************************************/ .clearfix:before, .clearfix:after, .f-row:before, .f-row:after { content: ""; display: table; } .clearfix:after, .f-row:after { clear: both; } .clearfix, .f-row { zoom: 1; } /* My classes ******************************************************************************/ .clear { clear: both; } .bold { font-weight: bold; } .l_float { float: left; } .r_float { float: right; } .ie9 * { filter: none; } /* ==================================================================================================================== */ /* ! The 1140px Grid V2 */ /* ==================================================================================================================== */ .row { width: 100%; max-width: 1280px; margin: 0 auto; overflow: hidden; padding: 15px 40px ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven { margin-right: 4%; float: left; min-height: 1px; } .row .one { width: 4.75%; } .row .two { width: 13.0%; } .row .three { width: 22.05%; } .row .four { width: 30.65%; } .row .five { width: 39.45%; } .row .six { width: 48%; } .row .seven { width: 56.75%; } .row .eight { width: 65.3%; } .row .nine { width: 73.9%; } .row .ten { width: 82.7%; } .row .eleven { width: 91.35%; } .row .twelve { width: 100%; float: left; } .last { margin-right: 0px; } img, object, embed { max-width: 100%; } img { height: auto; } /* Smaller screens */ @media only screen and (max-width: 1023px) { body { font-size: 0.8em; line-height: 1.5em; } } /* Mobile */ @media handheld, only screen and (max-width: 479px) { body { font-size: 16px; -webkit-text-size-adjust: none; } .row, body { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .row > .one, .row > .two, .row > .three, .row > .four, .row > .five, .row > .six, .row > .seven, .row > .eight, .row > .nine, .row > .ten, .row > .eleven, .row > .twelve { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 5px; padding-right: 5px; } } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } ul { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #858484; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } .button { display: inline-block; vertical-align: top; background: #fe0000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjE4MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fe0000 0%, #bf1814 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0000), color-stop(100%, #bf1814)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fe0000 0%, #bf1814 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fe0000 0%, #bf1814 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fe0000 0%, #bf1814 100%); /* IE10+ */ background: linear-gradient(to bottom, #fe0000 0%, #bf1814 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#bf1814', GradientType=0); /* IE6-8 */ border-style: none; font-size: 13px; line-height: 30px; height: 30px; color: #fff; min-width: 80px; text-align: center; } .link { display: inline-block; vertical-align: top; background: url(../images/arrow2.jpg) no-repeat 0 50%; padding: 0 0 0 13px; color: #666; font-weight: bold; } .form-list { width: 100%; overflow: hidden; } .form-list li { width: 100%; vertical-align: top; margin: 0 0 6px; } .form-list li .field { float: right; width: 48%; } .form-list li .field:first-child { float: left; } .form-list li .field .text { width: 99%; } .form-list li:after { content: ""; display: block; clear: both; } .form-list .bottom { padding: 20px 0 0; } .form-list .bottom a { display: inline-block; vertical-align: top; color: #818181; font-size: 12px; line-height: 17px; margin: 13px 35px 0 0; } .form-list-page { width: 500px; } .form-list-page.no-size { width: 100%; } .form-list-page.full { width: 100%; } .form-list-page .row:nth-child(1) label { padding: 0px 0 0 0; } .form-list-page .row.radio label { padding: 0px 0 0 0; } .form-list-page .checkbox { float: none; padding: 0; margin: 0; } .form-list-page label { padding: 5px 0 0 0; } .form-list-page .row { padding: 0 0 10px 0; } .form-list-page input { margin: 0; } .form-list-page input[type="checkbox"], .form-list-page input[type="radio"] { margin: 2px 2px 0 0; } .form-list-page textarea { height: 80px; } .form-list-page .button { padding: 0 25px; } .form-list-page select { margin: 0; width: 50%; } .form-list-page select.full { width: 100%; } .one-row .form-list li { width: 23.5%; margin-right: 10px; float: left; } .one-row .form-list li:nth-child(1) { width: 100%; } .one-row .form-list li:nth-last-child(1) { margin: 0; } .one-row .form-list li .button { width: 100%; } .one-row .form-list.smaller li { width: 32%; } .one-row .form-list.smaller li:nth-child(1) { width: 100%; } .section { position: relative; } .section .select-box { position: absolute; top: 50%; width: 80%; margin-left: 10%; z-index: 200; } .section .select-box select { width: 100%; } .section .input-box { position: absolute; top: 50%; width: 100%; z-index: 200; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section .input-box .row { padding: 0; } .section .input-box .button { min-width: 0; width: 100%; } .section .input-box .text { height: 30px; } .search-form-wrapper { position: absolute; top: 0; width: 100%; z-index: 1000; } .search-form-wrapper .search-form { padding: 20px; background: #fff; width: 300px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-form-wrapper .search-form .row { padding: 0; } .search-form-wrapper .search-form .row .six, .search-form-wrapper .search-form .row .twelve { padding: 0; } .search-form-wrapper .search-form .row .text { height: 30px; } .search-form-wrapper .search-form .row select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-form-wrapper .search-form .row .button { width: 100%; } .search-form-wrapper .search-form .row label { float: left; margin-right: 10px; } .search-form-wrapper .search-form hr { display: block; clear: both; } label { float: left; font-size: 13px; line-height: 18px; color: #666; margin: 0 12px 0 2px; } select { padding: 5px 0; padding: 5px; line-height: 1; border: 0; border-radius: 0; height: 30px; border: solid 1px #ccc ; outline: none; } .header { padding: 0 0px 3px; position: relative; z-index: 2; } .header .row { padding: 0px 40px; overflow: inherit; } .header .row.sub-nav-wrapper { padding-top: 5px; } .header .header-box { clear: both; border-bottom: 4px solid #f00; padding: 0 0px 9px 0px; -webkit-box-shadow: 0 1px 3px #494949; -moz-box-shadow: 0 1px 3px #494949; box-shadow: 0 1px 3px #494949; color: 0 1px 3px #494949; } .header .header-box .logo { float: left; background: url(/images/logo.png) no-repeat; width: 220px; height: 23px; text-indent: -9999px; overflow: hidden; margin: 52px 0 0; } .header .header-box .logo a { display: block; height: 100%; } .header .header-box .actions { float: right; clear: right; margin: 0 0 30px; position: relative; } .header .header-box .actions li { float: right; font-size: 13px; line-height: 21px; } .header .header-box .actions li a { color: #c9c9c9; display: inline-block; vertical-align: top; padding: 4px 20px 5px; } .header .header-box .actions li a.lang { background: url(/images/arrow1.png) no-repeat 100% 50%; padding-right: 21px; } .header .header-box .actions li a.lang:hover { color: #444; } .header .header-box .actions li ul { position: absolute; left: 0; top: 100%; width: 100%; background: #fff; text-align: center; display: none; margin: 0; z-index: 1000; } .header .header-box .actions li ul li { width: 100%; float: none; margin: 0; font-size: 13px; line-height: 33px; border-bottom: 1px solid #dedede; } .header .header-box .actions li ul li:hover { background: none; } .header .header-box .actions li ul li a { display: block; padding: 0; text-align: center; } .header .header-box .actions li ul li a:hover { color: #444; } .header .header-box .actions li:hover ul { display: block; } .header .header-box .nav { float: right; clear: right; overflow: hidden; text-align: right; font-size: 0; line-height: 0; } .header .header-box .nav li { display: inline-block; vertical-align: top; font-size: 13px; line-height: 21px; text-transform: uppercase; margin: 0 0 0 21px; } .header .header-box .nav li a { color: #858484; } .header .header-box .nav li a:hover { color: #444; text-decoration: none; } .header .search { float: right; overflow: hidden; height: 30px; width: auto; } .header .search .button { float: right; background: url(/images/bg-search-btn.jpg) no-repeat; width: 34px; height: 30px; text-indent: -9999px; overflow: hidden; border-style: none; padding: 0; margin: 0 0 0 6px; min-width: 34px; } .header .search .text { float: right; background: #fff; color: #c9c9c9; font-size: 13px; line-height: 17px; border: 1px solid #d6d6d6; width: 224px; padding: 8px 9px 6px; } .header .sub-nav { float: left; margin: 0 0 0 -20px; padding: 0; overflow: visible; } .header .sub-nav.de .company { margin: 0 0 0 -30px; } .header .sub-nav.de .franchise { margin: 0 0 0 -45px; } .header .sub-nav.en .company { margin: 0 0 0 -50px; } .header .sub-nav.en .franchise { margin: 0 0 0 -45px; } .header .sub-nav li { float: left; text-transform: uppercase; margin: -7px 0 0; position: relative; } .header .sub-nav li ul { position: absolute; left: 0; top: 100%; width: 200px; background: #fff; text-align: center; display: none; margin: 0; z-index: 1000; } .header .sub-nav li ul li { width: 100%; float: none; margin: 0; font-size: 13px; line-height: 33px; border-bottom: 1px solid #dedede; } .header .sub-nav li ul li:hover { background: none; } .header .sub-nav li ul li a { display: block; padding: 0; text-align: center; } .header .sub-nav li a { color: #8b8b8b; display: block; padding: 10px 20px; } .header .sub-nav li a:hover { color: #000; text-decoration: none; } .header .sub-nav li:hover { background: url(/images/arrow3.png) no-repeat 50% 0; } .header .sub-nav li:hover ul { display: block; } .footer { padding: 17px 40px 17px 40px; overflow: hidden; } .footer .nine { width: 75.9%; margin-right: 0; } .footer .three { float: right; } .footer .two { min-height: 157px; width: auto; margin-right: 3%; } .footer .two.last { margin-right: 0; } .footer .picture-holder img { margin-top: 6px; } .footer-nav { height: 1%; overflow: hidden; padding: 0 0 10px; } .footer-nav > li { display: inline-block; vertical-align: top; width: 16%; } .footer h3 { font-weight: bold; font-size: 13px; line-height: 18px; color: #444; margin: 10px 0 15px; } .footer-nav ul li { vertical-align: top; width: 100%; font-size: 13px; line-height: 19px; margin: 0 0 5px; } .footer-nav a { color: #858484; } .copy { width: 100%; overflow: hidden; padding: 20px 40px 0; margin: 0 -40px; border-top: 1px solid #dedede; } .footer-nav ul { margin: 0; } .google-maps { height: 400px; } .google-maps img { max-width: none; } .mapinfobox { z-index: 999; width: 350px; } .mapinfobox img { width: 132px; height: 99px; margin-bottom: 0; } .mapinfobox .title { font-weight: bold; padding-bottom: 5px; } .mapinfobox .info { height: 100px; margin-bottom: 10px; } .mapinfobox a.infolink { /* background: url("https://www.engelvoelkers.com/img/arrow_red.gif") left center no-repeat; */ display: inline-block; color: #525152; /* padding-left: 12px; */ } .mapinfobox a.infolink:hover { color: #F00; } .locationsearch .error { color: #F00; } @media screen and (max-width: 479px) { overflow: none !important; padding: 40px 10px 20px 10px; clear: both; width: 100%; } .search-form-wrapper { position: absolute; z-index: 1000; } .search-form-wrapper .search-form { margin-top: 40px; padding: 30px 20px 30px 20px; background: #fff; width: 264px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-form-wrapper .search-form h3 { font-size: 24px; color: #444; } .search-form-wrapper .search-form h3, .search-form-wrapper .search-form input[type=text] { height: 30px; margin: 0 0 20px 0; } .search-form-wrapper .search-form input[type=text] { font-size: 12px; } .search-form-wrapper .search-form label { margin: 0 0 5px 0; padding-left: 5px; } .search-form-wrapper .search-form label.last { margin: 0 0 20px 0; } .search-form-wrapper .search-form select { font-size: 12px; color: #444; height: 30px; -webkit-appearance: none; border: 1px solid #cecece; margin: 0 0 20px 0; background: url('/images/select_button.png') no-repeat right center, url('/images/select_bg.png') repeat-x; max-width: 100%; padding-right: 30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#F0F0F0', GradientType=0); } .search-form-wrapper .search-form button { height: 35px; width: 100%; font-size: 12px; color: white; font-size: 18px; } .search-form-wrapper .search-form hr { margin: 20px 0 20px 0; } .banner { width: 100%; overflow: hidden; position: relative; z-index: 0; } .banner img { max-width: 100%; width: 100%; height: auto; } .banner .tabs-area { position: absolute; left: 50%; top: 159px; width: 600px; margin: 0 0 0 -300px; -webkit-box-shadow: 4px 4px 4px #aaaaaa; -moz-box-shadow: 4px 4px 4px #aaaaaa; box-shadow: 4px 4px 4px #aaaaaa; color: 4px 4px 4px #aaaaaa; } .banner .tabs-area .tabset .active { border-bottom: 1px solid #fff; color: #000; background: none; } .banner .tabs-area .tab-content { background: #fff; } .tabs-area { border: 1px solid #dedede; background: #fff; overflow: hidden; } .tabs-area .tabset { width: 100%; overflow: hidden; } .tabs-area .tabset li { float: left; width: 199px; text-align: center; text-transform: uppercase; font-size: 13px; line-height: 34px; -webkit-box-shadow: 4px 0 4px #d8d8d8; -moz-box-shadow: 4px 0 4px #d8d8d8; box-shadow: 4px 0 4px #d8d8d8; color: 4px 0 4px #d8d8d8; } .tabs-area .tabset li a { display: block; color: #8b8b8b; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .tabs-area .tabset li a:first-child { border-left: none; } .tabs-area .tabset li:nth-last-child(1) { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: none; } .tabs-area .tabset.four-tabs li { width: 25%; } .tabs-area .tabset.three-tabs li { width: 33.3%; } .tabs-area .tabset .active { border-bottom: 1px solid #f0f0f0; color: #000; background: #f0f0f0; } .tabs-area .tab-content { padding: 30px 23px 18px; display: none; background: #f0f0f0; } .tabs-area .tab-content h3 { font: 24px/29px Verdana, Arial, Helvetica, sans-serif; color: #444; margin: 0 0 17px; } .tabs-area .tab-content .form-list select { float: right; width: 176px; padding: 5px; font-size: 12px; color: #444; height: 30px; -webkit-appearance: none; border: 1px solid #cecece; margin: 0 0 20px 0; background: url('/images/select_button.png') no-repeat right center, url('/images/select_bg.png') repeat-x; max-width: 100%; padding-right: 30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#F0F0F0', GradientType=0); } .tabs-area .tab-content .form-list .text { float: left; width: 300px; height: 30px; } .tabs-area .tab-content .form-list .button { float: right; width: 176px; } .tabs-area .tab-content.active { display: block; } html, body { min-height: 100%; } body { font: 13px/18px Verdana, Arial, Helvetica, sans-serif; color: #666; } .main { border-bottom: solid 4px red; -webkit-box-shadow: 0px 3px 3px -3px #a9a9a9; -moz-box-shadow: 0px 3px 3px -3px #a9a9a9; box-shadow: 0px 3px 3px -3px #a9a9a9; color: 0px 3px 3px -3px #a9a9a9; } .banner .image-wrapper-homepage { max-height: 890px; overflow: none; } .banner .image-wrapper-page { max-height: 500px; overflow: none; } .right > .six { width: 45.8%; margin-right: 8.4%; } .right > .six.last { margin-right: 0; } .tab-content .row { padding: 0; } .tab-content .row > .six { width: 45.8%; margin-right: 8.4%; } .tab-content .row > .six.last { margin-right: 0; } .left ul.bullet { list-style-type: disc; padding-left: 20px; } .left ul.bullet li { list-style: disc; } img.full { width: 100%; } .section { width: 100%; overflow: hidden; border-top: 1px solid #dedede; padding: 6px 0 20px 0; } .section .section { border: none; padding: 0; } .section.no-line { border: none; } .section.contact { padding: 6px 0 17px 0; } .section.contact.no-line { border: none; } .section.contact .link-holder { padding: 15px 0 0 0; } .section.contact .link-holder .more { margin: 7px 0 0 0; } .section.contact h4 { padding-bottom: 0; } .section .tower { margin-bottom: 150px; } .section.side { padding-bottom: 18px ; } .section.side img { margin-right: 0; } .section.side img.full { margin-bottom: 5px; } .section img { float: left; margin: 0 15px 10px 0; } .section img.full { width: 100%; max-width: 100%; float: none; } .section img.right { float: right; margin: 0 0 10px 15px; } .section dt { margin: 0; float: left; min-width: 62px; font-weight: bold; } .section dd { margin: 0; } .section p { margin: 0 0 5px; } .section .paging { text-align: center; } .no-padding { padding: 0; } .right.three .section img { width: 100%; } .right .button { width: 100%; font-size: 16px; font-weight: normal; } .left a { color: #666; } .left .resorts { padding: 0; } .left .resorts .city-list.small a { font-size: 12px; font-weight: normal; } .left .resorts .city-list li.active > a { color: #ff0000; } .left .resorts .city-list li.active .city-sublist { display: block; } .left .resorts .city-sublist { padding: 0 0 0 12px; display: none; } .left .resorts .city-sublist a { margin: 0; } .left .resorts .button { float: right; background: url(/images/bg-search-btn.jpg) no-repeat; width: 34px; height: 30px; text-indent: -9999px; overflow: hidden; border-style: none; padding: 0; margin: 0 0 0 6px; min-width: 34px; } .left .resorts .link { display: inline-block; padding-left: 12px; background: url('/images/arrow2.jpg') left center no-repeat; color: #858484; margin: 7px 0 7px 0; } .left .section.agent { background-color: #EFEFEF; padding: 0; margin-bottom: 10px; } .left .section.agent img { margin-bottom: 0px; } .left .resort-list { background: #EFEFEF; margin-bottom: 10px; } .left .resort-list .eight { margin: 0; } .left .resort-list .four { width: 34.5%; text-align: center; } .left .resort-list .four .left { float: left; margin-left: 15px; } .left .resort-list .four .right { float: right; margin-right: 15px; } .left .resort-list .resort-logo { text-align: center; margin: 90px 0 32% 0; width: 100%; } .left .resort-list .resort-logo img { max-width: 253px; } h2 { color: #444; font-size: 12px; line-height: 21px; font-weight: bold; margin: 0 0 5px; } .red { color: #f00; } h3 { font-size: 24px; line-height: 29px; color: #444; font-weight: normal; margin: 0 0 10px; } h4 { color: #666; font-size: 13px; line-height: 18px; padding: 10px 0 17px; font-weight: bold; } .link-holder { overflow: none; padding: 0; } .link-holder .top, .link-holder .more { float: right; color: #666; } .link-holder .top:hover, .link-holder .more:hover { text-decoration: none; } .link-holder .top:hover span, .link-holder .more:hover span { text-decoration: underline; } .sub-box { width: 100%; overflow: hidden; } .sub-box p { display: block; margin-top: -5px; } .sub-box a { color: #444; } address { font-style: normal; } .social-networks { float: left; overflow: hidden; } .social-networks li { float: left; margin: 0 14px 0 0; } .social-networks li a { display: block; overflow: hidden; text-indent: -9999px; } .social-networks .mail { background: url(/images/bg-mail.jpg) no-repeat; width: 20px; height: 17px; } .social-networks .facebook { background: url(/images/bg-facebook.jpg) no-repeat; width: 18px; height: 17px; } .social-networks .twitter { background: url(/images/bg-twitter.jpg) no-repeat; width: 18px; height: 17px; } .social-networks .youtube { background: url(/images/bg-youtube.jpg) no-repeat; width: 18px; height: 17px; } .exclusive .link-holder { padding: 0; } .exclusive dl dt { min-width: 100px; } .tabs-area .tab-content .h-list h3 { margin: 0; } .table-page { width: 100%; } .table-page th { text-align: left; } .gallery #image-container { border: solid 1px #cccccc; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery #image-container img { padding: 2px; margin: 0; width: 100%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery .slides-wrapper { width: 100%; overflow: hidden; } .gallery .slides-wrapper .slides { width: 2000px; display: inline-block; } .gallery .slides-wrapper .slides li { border: solid 1px #cccccc; float: left; margin-right: 5px; opacity: 0.5; } .gallery .slides-wrapper .slides li.active { border: solid 1px #000; opacity: 1; } .gallery .slides-wrapper .slides li:nth-child(2) { margin-left: 30px; } .gallery .slides-wrapper .slides li.arrow-left { width: 20px; height: 83px; position: absolute; left: 0; margin: 0; opacity: 1; z-index: 500; cursor: pointer; } .gallery .slides-wrapper .slides li.arrow-left a { width: 20px; height: 83px; display: inline-block; background: url("/images/bg-prev.png") center no-repeat, #ffffff; } .gallery .slides-wrapper .slides li.arrow-left a:hover { text-decoration: none; } .gallery .slides-wrapper .slides li.arrow-right { width: 20px; height: 83px; position: absolute; right: 0; margin: 0; opacity: 1; z-index: 501; cursor: pointer; } .gallery .slides-wrapper .slides li.arrow-right a { width: 20px; height: 83px; display: inline-block; background: url("/images/bg-next.png") center no-repeat, #ffffff; } .gallery .slides-wrapper .slides li.arrow-right a:hover { text-decoration: none; } .gallery .slides-wrapper .slides li img { width: 100px; padding: 2px; margin: 0; cursor: pointer; } @media screen and (min-width: 960px) and (max-width: 1024px) { } @media screen and (min-width: 768px) and (max-width: 960px) { .right .six { width: auto !important; float: none; margin: 0px !important; } .right .six .section img { width: 100%; max-width: 100%; height: auto; } .left .section.agent { background-color: #EFEFEF; margin-bottom: 10px; } .footer { padding: 15px 10px; } .footer .footer-nav { margin: 0; width: 100%; } .footer .two { width: 30%; } .footer .three { width: 100%; text-align: center; } .banner.have-search { display: block; } .banner.have-search .search-form-wrapper { clear: both; } .banner.have-search .search-form-wrapper .row { padding: 0; } .banner.have-search .search-form-wrapper .search-form { padding: 10px 20px; margin: 0; } } @media screen and (min-width: 480px) and (max-width: 767px) { .header .row, .row { padding-left: 10px; padding-right: 10px; } .right .six { width: auto !important; float: none; margin: 0px !important; } .right .six .section img { width: 100%; max-width: 100%; height: auto; } .form-list-page { width: 100%; } .footer { padding: 5px 0; } .footer .footer-nav { margin: 0; width: 100%; } .footer .two { width: 30%; } .footer .three { width: 100%; text-align: center; } .banner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner.have-search { display: block; } .banner.have-search .search-form-wrapper { position: relative; clear: both; } .banner.have-search .search-form-wrapper .search-form { width: 100%; margin: 0; padding: 0 5px; } .banner .image-wrapper-page { display: block; position: relative; } .banner .image-wrapper-page img { display: none; } .banner .image-wrapper-homepage img { display: none; } } @media screen and (max-width: 479px) { .right .six { width: auto !important; float: none; margin: 0px !important; } .right .six .section img { width: 100%; max-width: 100%; height: auto; } .header .row { padding: 0; } .header .header-box { padding: 0 10px; } .header .header-box .logo { width: 200px; background: url(/images/logo.png) no-repeat; background-size: 200px; } .header .header-box .nav { position: absolute; top: 90px; left: 0px; width: 100%; background: #fff; } .header .header-box .nav li { display: none; padding: 0 0 10px 0; width: 100%; margin: 0; } .header .header-box .nav li a { padding-right: 10px; } .header .header-box .nav li:nth-child(1) { display: block; } .header .header-box .nav.active { -webkit-box-shadow: 0 4px 4px #4f4f4f; -moz-box-shadow: 0 4px 4px #4f4f4f; box-shadow: 0 4px 4px #4f4f4f; color: 0 4px 4px #4f4f4f; background: #fff; } .header .header-box .nav.active li { display: block; } .header .sub-nav { position: absolute; top: 90px; left: 10px; } .header .sub-nav.de ul { width: 100%; } .header .sub-nav.de .company { margin: 0 0 0 0px; } .header .sub-nav.de .franchise { margin: 0 0 0 0px; } .header .sub-nav.en ul { width: 100%; } .header .sub-nav.en .company { margin: 0 0 0 0px; } .header .sub-nav.en .franchise { margin: 0 0 0 0px; } .header .sub-nav li { width: 100%; background: #fff; display: none; } .header .sub-nav li:hover { background: none; } .header .sub-nav li:nth-child(1) { display: block; } .header .sub-nav li:hover { background: #fff; } .header .sub-nav li:hover ul { display: none; } .header .sub-nav.active { -webkit-box-shadow: 0 4px 4px #4f4f4f; -moz-box-shadow: 0 4px 4px #4f4f4f; box-shadow: 0 4px 4px #4f4f4f; color: 0 4px 4px #4f4f4f; } .header .sub-nav.active li { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header .sub-nav.active li ul { position: relative; display: block; text-align: right; } .header .sub-nav.active li ul li { text-align: right; } .header .sub-nav.active li ul li a { text-align: right; padding-right: 10px ; } .header .search { display: none; } .banner { overflow: none !important; padding: 40px 10px 20px 10px; clear: both; width: 100%; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner.have-search { display: block; } .banner.have-search .search-form-wrapper { position: relative; clear: both; } .banner.have-search .search-form-wrapper .search-form { width: 100%; margin: 0; padding: 0 5px; } .banner .image-wrapper-page { display: block; position: relative; } .banner .image-wrapper-page img { display: none; } .banner .image-wrapper-homepage img { display: none; } .banner .tabs-area { width: 100%; position: relative; left: 0; top: 0; display: inline-block; clear: both; margin: 0; } .banner .tabs-area .tabset { width: 100%; } .banner .tabs-area .tabset li { width: 33.333%; display: inline-block; } .banner .tabs-area .tabset li a { padding: 0 0px; } .banner .tabs-area .tab-content .text, .banner .tabs-area .tab-content .button, .banner .tabs-area .tab-content select { width: 100%; } .banner:after { clear: both; content: ""; } .form-list-page { width: 100%; } .resort-list { background: #EFEFEF; margin-bottom: 10px; } .resort-list .eight { margin: 0; padding: 0 !important; } .resort-list .four { width: 100% !important; padding: 0 !important; text-align: center; } .resort-list .four img { display: inline-block; } .resort-list .four img:after { clear: both; content: ""; } .resort-list .resort-logo { text-align: center; margin: 10px 0 10px 0 !important; width: 100%; } .resort-list .resort-logo img { max-width: 253px; } .footer { padding: 5px 0; } .footer .footer-nav { margin: 0; width: 100%; } .footer .two { width: 30%; } .footer .three { width: 100%; text-align: center; } } #dvinci_content .row { padding: 0; margin: 0; width: 100%; } #dvinci_content .row label { display: block; width: 100%; } #dvinci_content .row .w100s { width: 100%; } #dvinci_content .row select { height: 100px; } #dvinci_content .row #tree1 { height: 30px; } #dvinci_content .text_right { float: right; } #dvinci_content .text_right a { color: #666; } #dvinci_content .text_right a:hover { text-decoration: none; } #dvinci_content .text_right a:hover span { text-decoration: underline; } #dvinci_content a { color: #666; }