.form-group:after, .attraction-top:after, #header:after, .home-header:after, .region-wrap:after, .clearfix:after { content: ''; display: table; clear: both; } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.ttf?tdv0ge') format('truetype'), url('../fonts/icomoon.woff?tdv0ge') format('woff'), url('../fonts/icomoon.svg?tdv0ge#icomoon') format('svg'); font-weight: normal; font-style: normal; } html,body{ /*height: 100%;*/ } body{ min-width:320px; font: 14px/18px 'Open Sans', Arial, Helvetica, sans-serif; color: #262626; background: #fff; margin: 0; letter-spacing: 0.5px; -ms-text-size-adjust: none; -webkit-text-size-adjust:none; -ms-word-wrap: break-word; word-wrap: break-word; } *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .text-right{text-align:right;} .text-left{text-align:left;} .text-center{text-align:center;} .pull-left{float: left;} .pull-right{float: right;} .display-block{display: block !important;} button.display-block{width: 100%;} .pointer{cursor: pointer;} .m0{margin: 0 !important;} .mb0{margin-bottom: 0 !important;} .mb5{margin-bottom: 5px !important;} .mb10{margin-bottom: 10px !important;} .mb15{margin-bottom: 15px !important;} .mb20{margin-bottom: 20px !important;} .mb25{margin-bottom: 25px !important;} .hidden{display: none !important;} /* text styles */ .text-muted{ color: #999; } .text-gray{ color: #666; } .text-green{ color: #22d926; } .text-red{ color: #ff5b5b !important; } .text-orange{ color: #ff7441; } .text-black{ color: #000; } .text-dark{ color: #333; } .text-blue{ color: #008ec0; } .text-md{ font-size: 16px; line-height: 20px; } .text-sm{ font-size: 12px; line-height: 15px; } .text-lg{ font-size: 24px; line-height: 28px; } .text-ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; } .nowrap{ white-space: nowrap; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none; } p{ margin: 0 0 20px; } p:last-child{ margin: 0; } ol, ul{ list-style: none; padding: 0; margin: 0; } ol{counter-reset:section;} ol>li{ counter-increment:section; position:relative; } ol>li:before{ float:left; vertical-align:top; content:"" counter(section) " -"; padding:0 3px 0 0; } table{ border-collapse:collapse; border-spacing:0; } img{ vertical-align:top; border-style:none; max-width: 100%; height: auto; } a{ color:#008ec0; text-decoration: none; transition: all 0.2s ease; } a:hover{ text-decoration: underline; } .layout-fix{ display:table; } .layout-fix:after{ content: ". ."; display: block; font-size:0; height: 0; word-spacing: 99in; } .float-box{ float: left; width: 100%; } .ta { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ta-arrow-right:before { content: "\e900"; } .ta-marker:before { content: "\e901"; } .ta-pencil:before { content: "\e902"; } .ta-phone:before { content: "\e903"; } .ta-purse:before { content: "\e904"; } .ta-rain:before { content: "\e905"; } .ta-search:before { content: "\e906"; } .ta-star:before { content: "\e907"; } .ta-tag:before { content: "\e908"; } .ta-user:before { content: "\e909"; } .ta-clock:before { content: "\e90a"; } .ta-desktop:before { content: "\e90b"; } .ta-heart:before { content: "\e90c"; } .ta-kite:before { content: "\e90d"; } .ta-smile-positive:before { content: "\e90e"; } .ta-smile-negative:before { content: "\e90f"; } .ta-smile-neutral:before { content: "\e910"; } .ta-description:before{ content: "\f0f6"; font-family: FontAwesome; } .ta-kite-alt:before { content: "\e911"; } .input-loading, .loading{ position: relative; } .loading:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.75); z-index: 4; } .input-loading:after, .loading:after{ content: ''; position: absolute; z-index: 5; left: 50%; top: 100px; opacity: .9; background: #fff; border-radius: 50%; border: 5px solid; border-color: #00b7e5 transparent; box-shadow: 0 0 15px #2187e7; width: 40px; height: 40px; margin: 0 0 0 -20px; -webkit-animation: spinoff .6s infinite linear; animation: spinoff .6s infinite linear; } .input-loading:after{ width: 18px; height: 18px; border-width: 2px; right: 5px; top: auto; bottom: 6px; left: auto; margin: 0; -webkit-animation: spinoff2 .6s infinite linear; animation: spinoff2 .6s infinite linear; } @-webkit-keyframes spinoff { 0% { -webkit-transform: rotate(0deg) scale(1); } 50%{ -webkit-transform: rotate(180deg) scale(1.2); } 100% { -webkit-transform: rotate(359deg) scale(1); } } @keyframes spinoff { 0% { transform: rotate(0deg) scale(1); } 50%{ transform: rotate(180deg) scale(1.2); } 100% { transform: rotate(359deg) scale(1); } } @-webkit-keyframes spinoff2 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes spinoff2 { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* forms */ .row{ margin: 0 -15px; } .form-group{ margin: 0 0 15px; } input[type=text], input[type=submit], input[type=button], input[type=password], input[type=file], textarea{ -webkit-appearance:none; } input[type="number"]{ -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button{ display: none; } button, input, textarea, select{ font: 100% 'Open Sans', Arial, Helvetica, sans-serif; color: #343f52; outline: none; } ::-moz-placeholder{ color: #999; opacity: 1; } :-ms-input-placeholder { color: #999; } ::-webkit-input-placeholder { color: #999; } :focus::-moz-placeholder{ opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-webkit-input-placeholder { opacity: 0; } input[type="number"]{ -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button { display: none; } button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{ padding:0; border:0; } .form-text{ font-size: 18px; line-height: 22px; display: inline-block; vertical-align: top; margin: 5px 10px 0 0; } label{ display: inline-block; vertical-align: top; font-weight: bold; font-size: 14px; line-height: 18px; margin: 0 0 5px; } .label-left{ float: left; width: 160px; margin: 0; font-size: 16px; line-height: 20px; } .controls{ margin: 0 0 0 170px; } .label-info{ font-weight: normal; color: #666; } label .required{ color: #f00; } /*label.required:after{*/ /*content: ' *';*/ /*color: #f00;*/ /*}*/ .select2-container--default .select2-selection--single, .form-control{ box-shadow: none; background: #fff; font-size: 14px; line-height: 20px; font-weight: 400; width: 100%; margin: 0; color: #262626; height: 30px; padding: 4px 9px; border: 1px solid transparent; transition: all 0.2s ease; outline: none !important; } .select2-container--default .select2-selection--single:-ms-input-placeholder, .form-control:-ms-input-placeholder{ color: #999; } .top-search .select2-container--default .select2-selection--single, .top-search .form-control{ height: 44px; font-size: 15px; line-height: 22px; padding: 10px 9px; } .top-search .select2-container--default .select2-selection--single{ padding: 6px 9px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 50%; margin: -13px 0 0; } .select2-container--default .select2-results>.select2-results__options{ max-height: 300px; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #262626; line-height: 22px; font-size: 14px; padding: 4px 11px 4px 1px; } .select2-container{ width: 100% !important; } .select2-container .icon-holder{ display: inline-block; vertical-align: middle; width: 40px; text-align: center; margin: 0 0 0 -6px; float: left; } .top-search .select2-container .icon-holder{ width: auto; margin: -2px 4px -2px 0; } .select2-container .ta{ font-weight: bold; font-size: 26px; vertical-align: top; } .select2-container .ta:before{ vertical-align: top; } .select2-results__option{ font-size: 14px; line-height: 20px; padding: 12px 6px 12px 12px; } .select2-container--default.select2-container--open .select2-selection--single{ } .select2-dropdown{ border: none; border-top: 2px solid #008ec0 !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background: #f3f3f3; color: #262626; } .select2-container--default .select2-results__option[aria-selected=true]{ color: #e0146b; background: none; } .input-text{ vertical-align: middle; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 3px 0 0; } .top-search .select2-container .input-text{ padding: 0; } .form-control:focus{ /*border-color: #ddd;*/ } .form-control[disabled]{ opacity: 0.5; } /* custom select */ select.form-control{ -webkit-appearance:none; -moz-appearance:none; appearance:none; text-overflow: ''; background: #fff url('../images/arrow-down.svg') no-repeat right 5px top 50%; } select.form-control::-ms-expand{ display: none; } select.form-control{ padding: 4px 20px 4px 7px; } textarea.form-control{ height: auto; overflow: auto; vertical-align: top; resize: vertical; } .form-container{ max-width: 500px; } .alt-form .form-control{ border: 1px solid #ccc; font-weight: 400; } .form-control.input-lg{ height: 40px; padding: 9px; } /* form errors */ .has-error .form-control{ border-color: #fd4057; } .has-error label{ color: #fd4057; } .checkbox .help-block:empty, .help-block:empty{ height: 0; opacity: 0; } .error-text{ display: block; font-size: 12px; line-height: 15px; margin: 0; text-align: left; color: #fd4057; } .alert, .errorSummary, .success-message, .error-message{ font-size: 14px; line-height: 18px; color: #3c763d; border: 1px solid #d6e9c6; background: #dff0d8; margin: 0 0 20px; padding: 9px 15px; } .errorSummary ul, .alert ul, .error-message ul{ list-style: disc inside; margin: 0 0 0 15px; } .errorSummary, .alert-danger, .alert-error{ color: #a94442; border-color: #ebccd1; background: #f2dede; } .errorSummary:empty{ display: none; } /* checkbox / radio button */ input[type="checkbox"], input[type="radio"]{ margin: 0; padding: 0; width: 16px; height: 15px; } .checkbox, .radio{ display: block; margin: 10px 0; font-weight: normal; } .checkbox + .checkbox, .radio + .radio { /*margin-top: -5px;*/ } .checkbox label, .radio label{ font-weight: normal; display: inline-block; vertical-align: top; margin: 0; text-transform: none; font-size: 14px; min-height: 18px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{ float: left; margin: 1px 0 0 -20px; position: absolute; visibility: hidden; } .radio-inline, .checkbox-inline{ margin: 11px 10px 0 0; display: inline-block; padding: 0 0 0 20px; font-weight: normal; } .radio-group, .checkbox-group{ margin: 10px 0 5px; } .radio label span, .checkbox label span{ display: block; padding: 0 0 0 22px; position: relative; } .radio label span:before, .checkbox label span:before{ content: ''; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid #7f7f7f; transition: all 0.2s ease; } .radio label span:before{ border-radius: 50%; } .radio input[type='radio']:checked + span:before, .checkbox input[type='checkbox']:checked + span:before{ background: #008ec0; border-color: #008ec0; } /* input file */ .btn-file{ overflow: hidden; position: relative; white-space: nowrap; display: inline-block; vertical-align: top; cursor: pointer; } .btn-file input[type="file"]{ cursor: pointer; font-size: 160px; right: 0; opacity: 0; position: absolute; top: 0; } .file-name{ display: inline-block; vertical-align: top; padding: 15px 0 0 5px; } /* yes/no checkbox and slide radio */ .custom-check{ margin: 0; cursor: pointer; display: inline-block; vertical-align: top; } .custom-select, .custom-check span{ display: inline-block; vertical-align: top; position: relative; width: 100px; height: 46px; border-radius: 3px; transition: all 0.5s ease 0s; background: #aaa; border: 3px solid #aaa; white-space: nowrap; font-size: 0; } .custom-select .pointer, .custom-check span:before{ content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #0f67f4; border-radius: 3px; transition: all 0.5s ease 0s; margin: 0 0 0 50%; } .custom-check input[type='checkbox']:checked+span:before{ margin: 0; } .custom-select label input, .custom-check input[type='checkbox']{ opacity: 0; position: absolute; } .custom-check span i{ font-style: normal; color: #fff; font-weight: bold; font-size: 16px; line-height: 20px; padding: 10px 11px; display: inline-block; vertical-align: top; position: relative; z-index: 5; width: 50%; text-align: center; } .custom-select{ width: auto; } .custom-select.has-error{ border-color: #ef320c; } .custom-select label{ cursor: pointer; display: inline-block; vertical-align: top; position: relative; z-index: 5; margin: 0; } .custom-select label span{ font-weight: bold; font-size: 16px; line-height: 20px; padding: 10px 11px; display: inline-block; vertical-align: top; color: #fff; } .custom-select label input[type='radio']:checked+span{ color: #fff; } .custom-select .pointer{ margin: 0; width: auto; transition: none; } .custom-select.trans .pointer{ transition: all 0.5s ease 0s; } /* buttons */ .btn{ display: inline-block; vertical-align: top; font: 14px/18px 'Open Sans', Arial, Helvetica, sans-serif; padding: 6px 10px; background: #008ec0; margin: 0; cursor: pointer; text-align: center; color: #fff; text-decoration: none; border: none; border-radius: 3px; transition: all 0.3s ease; position: relative; overflow: hidden; z-index: 1; } .btn:hover{ background: #047197; text-decoration: none; } .btn-pink{ background: #e0146b; } .btn-pink:hover{ background: #b31256; } .btn-red{ background: #e90022; } .btn-red:hover{ background: #a9021a; } .btn:before{ content: ''; position: absolute; bottom: 0; top: 0; width: 100%; left: 100%; background: url('../images/ajax_loader.gif') no-repeat 50% 50%; transition: all 0.4s ease; } .btn.active:before{ left: 0; } .btn.active{ color: transparent; pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .btn+.btn:not(.display-block){ margin-left: 6px; } .lobby-main-bottom:last-child .btn, .btn-gray{ background: #ddd; } .lobby-main-bottom:last-child .btn:hover, .btn-gray:hover{ background: #ccc; } .lobby-main-bottom .btn{ border: solid #ddd; border-width: 1px 0; background: #fff; } .lobby-main-bottom .btn:hover{ background: #eee; } .btn-fb{ background: #46629e; color: #fff; font-size: 16px; line-height: 22px; padding: 9px 15px; width: 100%; } .btn-fb:hover{ background: #254487; } .btn-fb i{ margin: 1px 5px 0 0; font-size: 20px; vertical-align: top; } .btn-block{ display: block; width: 100%; } .btn-lg{ font-size: 16px; line-height: 22px; padding: 9px 15px; } .btn-xl{ font-size: 24px; line-height: 28px; padding: 16px 30px; } /* */ .button-box{ display: table; width: 100%; } .button-box>div{ display: table-cell; vertical-align: middle; } .button-box>div+div{ padding: 0 0 0 15px; } .button-box .narrow{ width: 1px; } .button-box .btn{ white-space: nowrap; } /* table */ .table{ width: 100%; border: 1px solid #eee; margin: 0 0 20px; color: #666; } .table th{ padding: 5px 10px; background: #eee; height: 40px; color: #020001; text-align: left; vertical-align: middle; border: 1px solid #ccc; } .table th a{ text-decoration: none; color: #020001; } .table td{ padding: 5px 10px; border: 1px solid #ccc; vertical-align: middle; height: 40px; } .table tr:nth-child(even) td{ background: #f5f5f5; } .table .cell-actions{ white-space: nowrap; font-size: 18px; width: 1px; } .table .cell-actions a{ color: #0f67f4; } .table td.cell-actions a:hover{ text-decoration: none; color: #666; } .table td.cell-actions a + a{ margin: 0 0 0 5px; } .table a.asc:after{ font-family: fontawesome; content: " \f0d8"; } .table a.desc:after{ font-family: fontawesome; content: " \f0d7"; } /* modal */ .modal-open{ overflow: hidden; margin: 0 17px 0 0; } .modal-open html, .modal-open body{ height: auto; } .btn-close{ background: url('../images/ta-times.svg') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 18px; height: 18px; float: right; border: none; padding: 0; margin: 3px 0 0 10px; cursor: pointer; transition: all 0.3s ease; } .btn-close:hover{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .modal{ height: 100%; left: 0; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 201; padding: 100px 10px 10px; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; transition: all 0.3s ease; } .modal.active{ opacity: 1; visibility: visible; } .modal-dialog{ margin: -150px auto 10px; max-width: 700px; background: #fff; padding: 25px 30px; position: relative; border-radius: 4px; opacity: 0; transition: all 0.3s ease 0.2s; } .modal.active .modal-dialog{ opacity: 1; margin-top: 0; } .modal-sm{ max-width: 420px; } .modal-md{ max-width: 680px; } .modal-lg{ max-width: 880px; } .modal-title{ font: 36px/42px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 15px; } .modal h2{ font-weight: 400; font-size: 18px; line-height: 24px; } .login-links{ overflow: hidden; } .login-links li{ float: left; } .login-links li+li{ float: right; margin: 0 0 0 5px; } .social-box{ /*border-top: 2px solid #d9d9d9;*/ /*margin: 15px -30px -25px;*/ /*padding: 15px 30px;*/ /*text-align: center;*/ } .social-box .btn{ width: 100%; } .or-text{ display: block; margin: 10px 0; position: relative; text-align: center; } .or-text span{ display: inline-block; background: #fff; position: relative; padding: 0 10px; } .or-text:before{ content: ''; position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background: #d9d9d9; } /* container */ .container{ margin: 0 auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } #wrapper{ display: flex; } #home-wrapper{ overflow: hidden; min-height: 100%; } .w1{ width: 100%; overflow: hidden; min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .w2{ -ms-flex-grow: 1; flex-grow: 1; padding: 0 0 40px; } .home-header{ padding: 15px 40px; margin: 0 0 30px; position: relative; z-index: 3; background: linear-gradient(to bottom, rgba(38,38,38,0.3) 0%, rgba(38,38,38,0) 100%); } .logo{ float: left; text-transform: uppercase; color: #fff; font-weight: 400; font-size: 24px; line-height: 1; letter-spacing: 7px; } .logo strong{ font-weight: 700; } .logo:hover{ text-decoration: none; opacity: 0.8; } #header{ padding: 20px 40px; background: #008ec0; margin: 0 0 30px; } .menu-opener{ text-align: center; height: 28px; width: 28px; cursor: pointer; position: relative; z-index: 100; float: right; display: none; margin: -1px 0 -2px; } .menu-opener i{ display: inline-block; vertical-align: top; height: 2px; width: 28px; background: #fff; position: relative; margin: 12px 0 0; transition: all 0.3s ease; } .menu-opener i:before, .menu-opener i:after{ content: ''; position: absolute; width: 28px; height: 2px; background: #fff; top: -12px; left: 0; transition: all 0.3s ease; } .menu-opener i:after{ top: 12px; } .menu-open .menu-opener i{ background: none; } .menu-open .menu-opener i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; } .menu-open .menu-opener i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; } .top-search{ max-width: 400px; /*float: right;*/ margin: -10px auto; /*display: none;*/ } .top-search-holder{ display: table; width: 100%; table-layout: fixed; } .top-search-holder>div{ display: table-cell; vertical-align: top; /*width: 50%;*/ } .top-search-holder .input-group-btn{ white-space: nowrap; width: 44px; } .top-search-holder>div:first-child{ border-right: 2px solid #008ec0; width: 185px; } .top-search-holder .select2-container--default .select2-selection--single, .top-search-holder>div:first-child .form-control{ border-radius: 5px 0 0 5px; } .top-search-holder .btn{ border-radius: 0 5px 5px 0; padding: 10px 5px; height: 44px; width: 44px; font-size: 22px; text-align: center; } .search-opener{ float: right; font-size: 30px; color: #008ec0; cursor: pointer; margin: -4px 40px -1px 0; display: none; } #nav{ float: right; font-size: 15px; line-height: 24px; font-weight: 300; margin: 0 -30px 0 0; } #nav li{ float: left; margin: 0 30px; } #nav a{ color: #fff; text-decoration: none; } #nav a:hover{ /*text-decoration: underline;*/ color: #e0146b; } .breadcrumbs{ margin: -23px 0 40px; overflow: hidden; color: #a6a6a6; font-size: 12px; line-height: 15px; letter-spacing: 0; } .breadcrumbs li{ position: relative; padding: 0 17px 0 23px; margin: 0 23px 0 -23px; float: left; } .breadcrumbs li:before{ content: '>'; position: absolute; left: 0; } .home-intro{ background: url('../images/promo-bg.jpg') no-repeat 50% 70%; -webkit-background-size: cover; background-size: cover; text-align: center; min-height: 500px; margin: 0 0 40px; position: relative; padding: 0 0 30px; } .home-intro:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); } .home-intro .container{ position: relative; z-index: 2; } h1{ font-size: 32px; line-height: 36px; font-weight: 300; margin: 0 0 40px; } h2{ font-size: 24px; line-height: 28px; font-weight: 700; margin: 0 0 20px; } h3{ font-size: 20px; line-height: 24px; font-weight: bold; margin: 0 0 20px; } .home-intro h1{ font-size: 54px; line-height: 1; letter-spacing: 2px; color: #fff; margin: 0 0 50px; } .home-page h2{ font-size: 26px; line-height: 30px; font-weight: 300; text-align: center; margin: 0 0 30px; } .pick-theme{ background: rgba(255, 255, 255, 0.7); border-radius: 3px; display: table; font-size: 15px; line-height: 20px; margin: 0 auto 60px; } .pick-theme>*{ display: table-cell; vertical-align: middle; height: 110px; width: 115px; position: relative; } .pick-theme>div{ padding: 5px; } .pick-theme>*:first-child:after{ /*content: '';*/ position: absolute; right: 0; top: 50%; height: 60px; margin: -30px 0 0; width: 1px; background: #7f7f7f; } .theme-item{ cursor: pointer; margin: 0; } .theme-item input[type='radio']{ position: absolute; visibility: hidden; } .theme-holder{ display: table; height: 100%; width: 100%; transition: all 0.3s ease; } .theme-holder:hover{ color: #e0146b; } .theme-frame{ display: table-cell; vertical-align: middle; padding: 10px 5px; } input[type='radio']:checked + .theme-holder{ background: rgba(0, 142, 192, 0.1); color: #e0146b; } .theme-item:last-child .theme-name{ font-weight: 400; } .theme-icon{ display: block; height: 65px; font-size: 0; margin: 0 0 5px; } .theme-icon:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; } .theme-icon .ta{ font-size: 60px; vertical-align: middle; } .theme-name{ text-transform: lowercase; display: block; font-size: 16px; line-height: 20px; font-weight: 300; } .pick-text{ text-transform: uppercase; font-size: 20px; line-height: 24px; font-weight: 400; display: inline-block; padding: 0 0 10px; position: relative; } .pick-text:after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 60px; height: 2px; background: #008ec0; margin: 0 0 0 -30px; } .pick-text:before{ content: ''; right: -5px; height: 60px; width: 1px; top: 50%; margin: -30px 0 0; background: #7f7f7f; position: absolute; } .discover-block{ max-width: 600px; margin: 0 auto; } .search-box{ display: table; width: 100%; } .discover-block .alert{ margin: 15px 0 0; } .search-box>div{ display: table-cell; vertical-align: top; } .search-box>div:last-child{ width: 1px; } .discover-block .form-control{ height: 56px; font-size: 21px; line-height: 28px; padding: 14px 20px 14px 60px; border-radius: 6px 0 0 6px; } .discover-block .btn{ min-width: 200px; font-size: 21px; line-height: 28px; font-weight: 300; letter-spacing: 2px; padding: 14px 20px; text-transform: uppercase; border-radius: 0 6px 6px 0; } .discover-block .btn .ta{ display: none; } .discover-block .search-holder .ta-search{ position: absolute; left: 13px; top: 13px; font-size: 30px; } .search-holder{ position: relative; } .typeahead.header-search { font-size: 14px; left: 0 !important; } .typeahead.header-search a { padding: 5px 10px; } .typeahead{ position: absolute; left: 41px !important; right: 0; top: 100% !important; background: #fff; text-align: left; font-size: 21px; line-height: 26px; font-weight: 300; max-height: 288px; overflow-y: auto; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); z-index: 4; } #attraction-form .typeahead{ left: 0 !important; } .typeahead a{ color: #262626; display: block; padding: 5px 20px; } .typeahead .active a, .typeahead a:hover{ background: #eee; text-decoration: none; } .autocomplete-box{ position: relative; } .autocomplete-box .typeahead{ left: 0 !important; font-size: 15px; line-height: 20px; } .autocomplete-box .typeahead a{ padding: 5px 10px; } .info-box{ margin: 0 0 50px; } .attractions-list{ font-size: 0; margin: 0 -15px; /*text-align: center;*/ letter-spacing: 0; } .home-page .attractions-list{ padding: 0 25px; margin-bottom: 30px; } .attraction-item{ display: inline-block; vertical-align: top; padding: 0 15px 30px; width: 25%; letter-spacing: 0.5px; } .attraction-box{ display: block; color: #262626; text-decoration: none; text-align: left; border-radius: 3px; overflow: hidden; font-size: 14px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); transition: all 0.2s ease; position: relative; top: 0; } .attraction-box:hover{ text-decoration: none; top: -4px; box-shadow: 0 7px 4px rgba(0, 0, 0, 0.2); } .attraction-item a{ color: #262626; } .attraction-item .visual{ display: block; padding: 64% 0 0; background: #ccc no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; transition: all 0.3s ease; } .attraction-item .visual[style*='no-photo']{ -webkit-background-size: 60px auto; background-size: 60px auto; } .attraction-box:hover .visual{ -webkit-transform: scale(1.025); -ms-transform: scale(1.025); transform: scale(1.025); } .attraction-item .title{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 13px; line-height: 16px; margin: 0 0 5px; font-weight: 400; } .attraction-item .percent{ float: right; font-weight: 300; font-size: 11px; line-height: 16px; padding: 0 0 0 10px; } .attraction-item .percent>*{ display: inline-block; vertical-align: bottom; } .attraction-item .percent strong{ font-weight: 300; font-size: 26px; line-height: 1; letter-spacing: -1px; } .attraction-item .distance{ display: block; overflow: hidden; text-transform: uppercase; color: #7f7f7f; font-size: 11px; line-height: 16px; padding: 8px 0 0; text-overflow: ellipsis; white-space: nowrap; } .attraction-holder{ padding: 10px; background: #fff; position: relative; z-index: 3; display: block; } .attractions-more{ position: relative; padding: 0 40px 0 0; font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; display: block; } .attractions-more .ta-arrow-right{ position: absolute; right: 0; top: 6px; font-size: 30px; color: #e0146b; } .attractions-nav{ text-align: center; font-size: 0; margin: 0 0 20px; } .attractions-nav li{ display: inline-block; vertical-align: top; margin: 0 30px 10px; font-size: 14px; line-height: 18px; /*font-weight: 300;*/ } .attractions-nav a{ cursor: pointer; display: block; padding: 0 4px; color: #262626; border-bottom: 1px solid transparent; } .attractions-nav a:hover{ text-decoration: none; } .attractions-nav .active a{ border-color: #e0146b; font-weight: 400; } .home-text{ font-size: 15px; line-height: 18px; font-weight: 300; margin: 0 auto 35px; max-width: 510px; text-align: center; } .top-link-box{ text-align: center; margin: 0 0 30px; } .top-link-box.bottom{ margin: 30px 0 0; } .top-link{ font-family: FontAwesome; font-size: 24px; line-height: 1; cursor: pointer; color: #008ec0; } .top-link:hover{ text-decoration: none; color: #047197; } .top-link:before{ content: "\f139"; } .region-wrap{ margin: 0 0 40px -0.33%; } .region-item{ float: left; width: 33%; margin: 0 0 0.33% 0.33%; height: 215px; border-radius: 3px; overflow: hidden; text-align: center; position: relative; cursor: pointer; } .region-item .visual{ background: url('../images/west.jpg') no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; transition: all 0.3s ease; } .region-item.select .visual, .region-item:hover .visual{ -webkit-transform: scale(1.025); -ms-transform: scale(1.025); transform: scale(1.025); } .region-item:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(38, 38, 38, 0.3); z-index: 2; transition: all 0.2s ease; } .region-item:hover:before{ background: rgba(38, 38, 38, 0.1); } .region-item.select:before{ background: rgba(38, 38, 38, 0.3); } .region-item.midwest .visual{ background-image: url('../images/midwest.jpg'); } .region-item.northeast .visual{ background-image: url('../images/northeast.jpg'); } .region-item.southwest .visual{ background-image: url('../images/southwest.jpg'); } .region-item.southeast .visual{ background-image: url('../images/southeast.jpg'); } .region-item.southwest, .region-item.southeast{ width: 49.67%; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); } .region-item .title{ color: #fff; font-size: 26px; line-height: 30px; font-weight: 300; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; margin: -15px 0 0; left: 10px; right: 10px; text-transform: uppercase; transition: all 0.3s ease; z-index: 3; } .region-item:hover .title{ font-size: 30px; } .regions-slider{ position: absolute; text-align: center; font-size: 17px; line-height: 21px; top: 0; bottom: 0; left: 10px; right: 10px; color: #fff; padding: 20px 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 3; } .regions-slider li{ padding: 4px 0; } .regions-slider a{ color: #fff; } .region-item.select{ cursor: default; } .region-item.select .title{ opacity: 0; visibility: hidden; } .region-item.select .regions-slider{ opacity: 1; visibility: visible; } .regions-slider .slick-slide{ padding: 4px 0; border: none; outline: none; } .regions-slider .slick-slide:nth-last-child(1):first-child{ margin: 72px 0 0; } .regions-slider .slick-slide:nth-last-child(2):first-child{ margin: 58px 0 0; } .regions-slider .slick-slide:nth-last-child(3):first-child{ margin: 44px 0 0; } .regions-slider .slick-slide:nth-last-child(4):first-child{ margin: 29px 0 0; } .regions-slider .slick-slide:nth-last-child(5):first-child{ margin: 15px 0 0; } .regions-slider .slick-arrow{ font-size: 0; line-height: 0; position: absolute; width: 20px; height: 20px; background: none; border: none; cursor: pointer; padding: 0; z-index: 10; left: 50%; top: 2px; margin: 0 0 0 -10px; } .regions-slider .slick-arrow:before{ content: ''; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid; color: #fff; left: 5px; top: 6px; } .regions-slider .slick-next{ top: auto; bottom: 2px; } .regions-slider .slick-next:before{ top: 7px; border-bottom: none; border-top: 7px solid; } .regions-slider .slick-arrow.slick-disabled{ opacity: 0.5; } .review-box{ background: #008ec0; border-radius: 3px; overflow: hidden; padding: 20px 10px; margin: 0 0 60px; position: relative; /*background: #008ec0 url('../images/map.png') no-repeat 50% 50%;*/ } .review-map{ position: absolute; top: 43px; text-align: center; padding: 0 280px; left: 0; width: 100%; } .review-item{ font-size: 13px; line-height: 16px; color: #fff; height: 115px; display: table; width: 100%; } .review-item>div{ padding: 10px 0; display: table-cell; vertical-align: middle; } .review-item .review-visual{ width: 65px; padding: 10px 15px 10px 0; } .review-left .review-visual{ padding: 10px 0 10px 15px; } .review-visual-holder{ height: 50px; width: 50px; font-size: 0; border-radius: 50%; background: #808080; color: #fff; text-align: center; } .review-visual-holder:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; } .review-visual-holder .ta{ font-size: 30px; vertical-align: middle; } .review-item blockquote{ margin: 0; } .review-item cite{ font-style: italic; font-weight: bold; display: block; } .review-left, .review-right{ float: right; width: 275px; position: relative; z-index: 3; } .review-left{ text-align: right; float: left; } .attraction-slider-wrap{ margin: 0 0 45px; position: relative; padding: 0 340px 0 0; } .attraction-slider-box{ height: 340px; } .attraction-slider{ height: 100%; } .big-map-holder{ position: absolute; right: 0; top: 0; width: 340px; height: 100%; } .big-map-holder>div, .big-map-holder iframe{ position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; } .attraction-slider .slick-track, .attraction-slider .slick-list{ height: 100%; } .attraction-slider .slick-slide{ background: #eee no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; } .attraction-slider .slick-slide[style*='no-photo.svg']{ -webkit-background-size: 100px auto; background-size: 100px auto; } .attraction-slider .slick-dots{ position: absolute; top: 100%; width: 100%; font-size: 0; text-align: center; padding: 10px 0 0; } .attraction-slider .slick-dots li{ display: inline-block; vertical-align: top; margin: 0 5px; line-height: 1; } .attraction-slider .slick-dots button{ text-indent: -9999px; overflow: hidden; border-radius: 50%; width: 10px; height: 10px; background: #afabab; border: none; padding: 0; cursor: pointer; } .attraction-slider .slick-active button{ background: #008ec0; } .attraction-slider .slick-arrow{ border: none; background: none; font-size: 0; position: absolute; color: #fff; opacity: 0.5; z-index: 10; top: 0; bottom: 0; width: 50px; text-align: center; padding: 0; cursor: pointer; transition: all 0.2s ease; } .attraction-slider .slick-arrow:hover{ opacity: 1; } .attraction-slider .slick-arrow:before{ left: 0; top: 50%; margin: -25px 0 0; width: 100%; font-size: 50px; content: "\f104"; position: absolute; font-family: FontAwesome; vertical-align: top; text-shadow: 0 0 4px #000; } .attraction-slider .slick-next{ right: 0; left: auto; } .attraction-slider .slick-next:before{ content: "\f105"; } .attraction-top{ margin: 0 0 25px; display: table; width: 100%; /*table-layout: fixed;*/ } .attraction-info-list{ /*float: left;*/ display: table-cell; vertical-align: bottom; position: relative; } .attraction-info-list ul{ display: table-cell; vertical-align: bottom; padding: 0 10px 0 0; } .attraction-info-list ul:first-child{ width: 380px; } .attraction-info-holder{ display: table; width: 100%; } /*.suggest-list{*/ /*position: absolute;*/ /*left: 380px;*/ /*right: 0;*/ /*bottom: 0;*/ /*}*/ .attraction-info-holder li{ padding: 0 0 0 28px; position: relative; margin: 15px 0 0; } .attraction-info-holder li:first-child{ margin: 0; } .attraction-info-holder .ta{ position: absolute; color: #e0146b; left: 0; top: -1px; font-size: 22px; } .attraction-info-holder .ta-phone{ font-weight: bold; } .timesheets-mobile{ position: relative; padding: 0 0 0 28px; display: none; } .timesheets-mobile:before{ content: "\e90a"; position: absolute; left: 0; font-size: 22px; color: #e0146b; font-family: icomoon; } .timesheets-mobile li{ margin: 0 0 15px; overflow: hidden; } .timesheets-mobile .date{ float: left; width: 140px; padding: 0 10px 0 0; } .timesheets-mobile .time{ display: block; overflow: hidden; } .timesheets-mobile .select{ font-weight: 700; } .timesheets-mobile li:not(.today){ display: none; } .timesheets-mobile.open li{ display: block; } .timesheets-mobile.open .today{ display: none; } .timesheets-close, .timesheets-open{ color: #008ec0; cursor: pointer; } .likes-votes{ /*float: right;*/ text-align: right; /*margin: -10px 0 0;*/ display: table-cell; vertical-align: bottom; width: 1px; padding: 0 0 0 10px; white-space: nowrap; } .likes-votes .rating{ display: block; font-size: 50px; line-height: 1; color: #e0146b; font-weight: 400; margin: -10px 0 0; } .likes-votes .rating i{ font-size: 16px; line-height: 26px; font-style: normal; } .votes-text{ display: block; } .title-holder{ border-bottom: 3px solid #008ec0; margin: 0 0 18px; overflow: hidden; padding: 0 0 14px; } .title-holder h2{ margin: 0; float: left; } .title-holder h3{ margin: 4px 0 0; } .title-holder-aside{ float: right; margin: 0 0 0 10px; } .tag{ display: inline-block; vertical-align: top; padding: 0 0 0 22px; position: relative; text-transform: uppercase; font-size: 12px; line-height: 18px; } .tag .ta{ left: 0; top: 0; position: absolute; font-size: 18px; } .tag.no-icon{ padding: 0 !important; } .title-holder-aside .tag{ margin-top: 5px; } .attraction-main{ display: table; width: 100%; table-layout: fixed; } .attraction-content{ display: table-cell; vertical-align: top; } .attraction-aside{ display: table-cell; vertical-align: top; width: 340px; padding: 0 0 0 40px; } .highlights-list{ font-size: 14px; line-height: 24px; margin: 0 0 20px; } .highlights-list li{ padding: 0 0 0 70px; position: relative; margin: 0 0 25px; } .highlights-list li:before{ content: "\e907"; font-family: icomoon; position: absolute; width: 70px; text-align: center; color: #e0146b; font-size: 30px; line-height: 1; left: 0; top: 50%; margin: -18px 0 0; } .review-form{ margin: 0 0 20px; } .review-form .form-control{ border: 1px solid #ddd; border-radius: 6px; } .review-help{ padding: 5px 0 0; color: #7f7f7f; } .ratings{ margin: -8px -50px 0 0; display: inline-block; vertical-align: top; } .rating-item{ display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; font-weight: 400; margin: 0 50px 10px 0; cursor: pointer; } .rating-item span{ display: block; padding: 10px 0 10px 50px; position: relative; } .rating-item input[type='radio']{ position: absolute; visibility: hidden; } .rating-item .ta{ font-size: 40px; position: absolute; left: 0; top: 0; color: #525252; transition: all 0.2s ease; } .rating-item input:checked+span .ta-smile-positive{ color: #008ec0; } .rating-item input:checked+span .ta-smile-neutral{ color: #ffba00; } .rating-item input:checked+span .ta-smile-negative{ color: #e0146b; } .timesheets li{ margin: 0 0 25px; overflow: hidden; } .timesheets .date{ float: left; font-weight: 700; padding: 0 10px 0 0; } .timesheets .time{ display: block; overflow: hidden; text-align: right; } .nearby-list li{ margin: 0 0 20px; overflow: hidden; } .nearby-list .visual{ background: #eee no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; float: left; width: 58px; height: 58px; font-size: 0; text-align: center; letter-spacing: 0; margin: 0 12px 0 0; } .nearby-list .visual[style*='no-photo']{ -webkit-background-size: 30px auto; background-size: 30px auto; } .nearby-list .visual:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; } .nearby-list .visual img{ vertical-align: middle; } .nearby-list .text-holder{ overflow: hidden; } .nearby-list .title{ display: block; font-size: 13px; line-height: 16px; margin: 0 0 5px; } .nearby-info{ font-weight: 400; font-size: 12px; line-height: 15px; color: #404040; margin: 0 -10px 0 0; } .nearby-info .ta-star{ color: #e0146b; } .nearby-info>span{ display: inline-block; vertical-align: top; margin: 0 10px 2px 0; } .main{ display: table; width: 100%; table-layout: fixed; } .sidebar{ display: table-cell; vertical-align: top; width: 330px; padding: 0 30px 20px 0; } .content{ display: table-cell; vertical-align: top; } .aside-nav{ font-size: 16px; line-height: 22px; font-weight: 300; margin: 0 0 20px; } .aside-nav a{ display: block; padding: 7px 0; color: #262626; } .aside-nav a:hover{ text-decoration: none; color: #008ec0; } .aside-nav .active a{ padding-left: 15px; border-left: 1px solid #008ec0; font-weight: 700; } .aside-map{ position: relative; margin: 0 0 15px; padding: 100% 0 0; } .aside-map>div, .aside-map iframe{ position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; } .map-filter{ display: table; width: 100%; font-size: 12px; line-height: 16px; margin: 0 0 30px; } .map-filter.mobile{ display: none; } .map-filter li{ display: table-cell; vertical-align: top; text-align: center; } .map-filter span, .map-filter a{ display: inline-block; vertical-align: top; padding: 0 4px 2px; color: #7f7f7f; cursor: pointer; border-bottom: 1px solid transparent; } .map-filter span:hover, .map-filter a:hover{ color: #262626; text-decoration: none; } .map-filter .active span, .map-filter .active a{ border-color: #008ec0; color: #262626; } .sidebar h3{ margin: 0 0 10px; } .search-result{ margin: 0 0 10px; color: #008ec0; letter-spacing: 0; font-size: 12px; line-height: 15px; } .search-result a{ font-weight: bold; text-transform: uppercase; } .filter-title{ display: block; font-size: 14px; line-height: 18px; margin: 0 0 10px; } .filter-holder .checkbox{ margin: 3px 0; } .filter-holder .checkbox label{ font-size: 13px; } .filter-holder .checkbox:first-child{ margin-top: 0; } .filter-holder .checkbox:last-child{ margin-bottom: 0; } .filter-holder .checkbox:first-child span{ font-weight: bold; } .filter-holder{ margin: 0 0 20px; overflow-y: auto; } .filter-holder.no-scroll{ overflow-y: visible; } .filter-holder.cities, .filter-holder.subcategories{ max-height: 124px; } .mCSB_container{ margin-right: 10px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #008ec0; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: #008ec0; } .mCustomScrollBox > .mCSB_scrollTools{ width: 6px; } .top-places{ margin: 0 0 30px; } .top-list{ counter-reset:section; text-align: left; } .top-list li{ counter-increment:section; position:relative; padding: 0 0 0 30px; overflow: hidden; margin: 0 0 10px; } .top-list-item{ display: table; width: 100%; table-layout: fixed; } .top-list-item>*{ display: table-cell; vertical-align: middle; } .top-list-right{ width: 100px; padding: 0 0 0 10px; color: #808080; font-size: 10px; line-height: 1; text-transform: uppercase; text-align: right; } .top-list-right strong{ display: block; color: #e0146b; font-size: 12px; font-weight: bold; line-height: 15px; } .top-list-right strong a{ color: inherit; } .top-list li:before{ position: absolute; content:"" counter(section) ""; padding: 1px 2px; color: #fff; background: #1f1f1f; text-align: center; width: 20px; height: 20px; left: 0; top: 50%; margin: -10px 0 0; border-radius: 50%; } .top-list .title{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #008ec0; } .mobile-listing, .listing-top{ margin: 0 0 40px; } .mobile-listing{ display: none; height: 60px; overflow: hidden; position: relative; cursor: pointer; } .mobile-listing:after{ content: ''; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff 100%); height: 30px; left: 0; right: 0; bottom: 0; position: absolute; } .mobile-listing.open{ height: auto !important; } .mobile-listing.open:after{ display: none; } .mobile-listing li, .listing-top li{ position: relative; padding: 0 18px 0 35px; margin: 0 0 20px; } .mobile-listing li{ padding-right: 0; } .mobile-listing li .ta, .listing-top li .ta{ position: absolute; left: 1px; top: 0; color: #e0146b; font-size: 25px; } .mobile-listing li .ta{ top: 1px; } .mobile-listing li .ta-heart, .listing-top li .ta-heart{ font-weight: bold; } .city-box{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e4e4e4; } .city-box .visual{ float: left; width: 144px; height: 144px; text-align: center; font-size: 0; overflow: hidden; border-radius: 3px; position: relative; letter-spacing: 0; background: #ccc no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; } .city-box .visual[style*='no-photo']{ -webkit-background-size: 60px auto; background-size: 60px auto; } .city-box .visual:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*background: rgba(0, 0, 0, 0.3);*/ } .city-box .visual img{ vertical-align: middle; width: auto; max-height: 100%; } .city-box .distance{ position: absolute; left: 0; right: 0; bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; text-transform: uppercase; font-size: 10px; line-height: 12px; letter-spacing: 0; text-align: left; z-index: 3; padding: 10px 5px 5px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.3) 100%); } .city-box .text-holder{ overflow: hidden; padding: 0 0 0 30px; } .city-votes{ float: right; padding: 0 0 0 10px; font-size: 10px; line-height: 12px; text-align: right; text-transform: uppercase; } .city-votes .rating{ color: #e0146b; font-size: 22px; line-height: 1; display: block; font-weight: normal; margin: 0 0 5px; } .city-votes .rating i{ font-size: 10px; font-style: normal; } .city-heading{ position: relative; /*padding: 0 0 0 18px;*/ } .city-box h3{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; line-height: 22px; color: #008ec0; margin: 0 0 10px; } .city-box.groupon h3{ padding-top: 4px; } .city-heading .fa-star, .list-number{ font-size: 22px; line-height: 22px; font-weight: bold; margin: -2px 6px 0 0; float: left; } .city-heading .fa-star{ margin-top: 2px; color: #262626; } .btn-view{ float: right; margin: 0 0 0 10px; text-transform: uppercase; } .city-text{ /*font-size: 12px;*/ /*line-height: 15px;*/ color: #3e3e3e; padding: 0 0 0 18px; position: relative; } .city-text:before{ content: '"'; position: absolute; left: 0; top: -3px; font-size: 30px; line-height: 1; font-weight: 300; } .city-info{ margin: 0 0 5px; overflow: hidden; } .city-info .tag{ font-size: 11px; line-height: 15px; padding: 0 0 0 18px; margin: 0 20px 5px 0; float: left; } .city-info .city-address{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: none; margin: 0 0 5px; } .city-info .tag .ta{ font-size: 13px; } .city-more{ position: absolute; font-size: 12px; line-height: 15px; cursor: pointer; display: none; right: 0; bottom: -1px; } .city-more:after{ content: "\f106"; font-family: FontAwesome; color: #008ec0; margin: 0 0 0 5px; } .less-text .city-more:after{ content: "\f107"; } .city-more em, .city-more i{ font-style: normal; } .city-more em, .less-text .city-more i{ display: none; } .less-text .city-more em{ display: inline; } .tabs{ overflow: hidden; margin: 0 0 0 -50px; font-size: 0; } .tabs li{ display: inline-block; vertical-align: top; font-size: 16px; line-height: 22px; margin: 0 0 10px 50px; } .tabs a{ display: block; padding: 0 5px 3px; color: #3d3d3e; border-bottom: 2px solid transparent; } .tabs a:hover{ text-decoration: none; opacity: 0.8; } .tabs .selected a, .tabs .active a{ opacity: 1; border-color: #008ec0; } .tabs-wrap{ overflow: hidden; } .tabs-wrap .tabs{ float: left; } .summary-top{ font-size: 12px; line-height: 16px; float: right; padding: 4px 0 10px 5px; } .column-list{ font-size: 0; letter-spacing: 0; margin: 0 -15px; } .column-list>li{ display: inline-block; vertical-align: top; width: 25%; padding: 0 15px 30px; font-size: 14px; } .column-list .grey-box{ padding: 10px 15px; margin: 0; } .grey-box{ padding: 30px; color: #262626; border-radius: 3px; overflow: hidden; position: relative; transition: all 0.2s ease; background: #fbfbfb; box-shadow: 0 0 4px rgba(0,0,0,0.2); margin: 0 0 30px; } .grey-box h2{ color: #e0146b; font-size: 18px; line-height: 22px; margin: 0 0 10px; } .grey-box h2 a{ color: #e0146b; } .grey-box ul{ font-size: 12px; line-height: 15px; } .grey-box ul li{ margin: 0 0 5px; } .grey-box ul a{ color: #262626; } .view-all{ margin: 15px -15px -10px; background: #eee; color: #fff; padding: 5px 10px; text-align: center; font-size: 12px; line-height: 15px; font-weight: bold; } .grey-box.top{ margin: 0 0 30px; } .grey-box .cities-list{ font-size: 14px; line-height: 18px; } .cities-list{ float: left; width: 33.33%; } .cities-list li{ position: relative; padding: 0 0 0 15px; margin: 0 0 8px; } .cities-list li:before{ content: ''; position: absolute; left: 0; top: 6px; border-radius: 50%; width: 6px; height: 6px; background: #262626; } .states-list{ margin: 0 -5px -10px; /*text-align: center;*/ } .states-list a{ display: inline-block; vertical-align: top; background: #008ec0; color: #fff; font-size: 12px; line-height: 16px; padding: 7px 8px; margin: 0 5px 10px; text-align: center; border-radius: 15px; min-width: 30px; } .states-list a:hover{ text-decoration: none; background: #262626; } .states-list .active{ background: #00526f; } .grid-sizer{ width: 25%; } .hours-set{ display: table; width: 100%; margin: 0 0 10px; } .hours-set>div{ display: table-cell; vertical-align: top; position: relative; } .hours-set div:first-child{ /*padding: 0 10px 0 0;*/ } .hours-set div+div{ padding: 0 0 0 10px; } .hours-set .time{ width: 100px; } .hours-set .time+.time{ width: 110px; padding-left: 20px; } .hours-set .time+.time:before{ content: ''; position: absolute; height: 1px; width: 6px; background: #262626; top: 50%; left: 7px; } .hours-set .btn-holder{ width: 110px; } .hours-set .btn-holder .btn{ width: 100%; } .description-counter{ text-align: right; font-size: 12px; line-height: 15px; color: #777; } .split-control{ display: table; width: 100%; } .split-control>div{ width: 50%; display: table-cell; vertical-align: top; padding: 0 5px 0 0; } .split-control>div+div{ padding: 0 0 0 5px; } .images-list{ margin: 0 -15px 0 0; font-size: 0; } .image-preview-wrap{ display: inline-block; vertical-align: top; width: 200px; margin: 0 15px 15px 0; } .image-preview{ font-size: 14px; display: inline-block; vertical-align: top; width: 200px; height: 200px; background: #ccc no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; position: relative; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); } .image-preview[style*='no-photo']{ -webkit-background-size: 60px auto; background-size: 60px auto; border-radius: 3px; } .image-preview input[type='file']{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 5; /*visibility: hidden;*/ } .image-preview .btn{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 180px; } .image-preview-wrap .delete-image{ margin: 5px 0 0; } .summary-bottom { text-align: center; font-size: 12px; line-height: 15px; color: #777; text-transform: uppercase; } .summary-bottom a{ color: #777; text-decoration: underline; } .summary-bottom a:hover{ text-decoration: none; } .pagination-wrap{ background: #f9f9f9; text-align: center; padding: 20px 9999px; margin: 20px -9999px 20px; overflow: hidden; } .pagination-wrap .paginate{ padding: 0 5px 0 120px; } .pagination-wrap .yiiPager{ display: inline-block; vertical-align: top; } .pagination-holder{ overflow: hidden; margin: 0 0 20px; } .pagination-holder .summary{ float: right; color: #7f7f7f; font-size: 12px; line-height: 16px; padding: 5px 0; } .paginate{ overflow: hidden; } .showingPan{ text-align: right; color: #7f7f7f; font-size: 12px; line-height: 16px; } .yiiPager{ font-size: 16px; line-height: 20px; overflow: hidden; } .yiiPager li{ float: left; margin: 0 5px 0 0; } .yiiPager a{ display: block; color: #7f7f7f; text-align: center; padding: 2px 4px 2px; min-width: 22px; border-bottom: 2px solid transparent; } .yiiPager a:hover{ color: #262626; text-decoration: none; } .yiiPager .selected a{ border-color: #008ec0; color: #262626; } .yiiPager .previous a:before, .yiiPager .next a:before{ content: "\f104"; font-family: FontAwesome; font-size: 18px; line-height: 1; vertical-align: top; display: inline-block; margin: -1px 0 0; } .yiiPager .next a:before{ content: "\f105"; } .hotels-top{ display: table; width: 100%; table-layout: fixed; } .hotels-top>div{ display: table-cell; vertical-align: top; } .hotels-highlights{ width: 300px; padding: 0 0 0 20px; } .highlights-box{ padding: 10px 15px; color: #262626; border-radius: 3px; overflow: hidden; position: relative; transition: all 0.2s ease; background: #fbfbfb; box-shadow: 0 0 4px rgba(0,0,0,0.2); margin: 0 0 30px; } .highlights-box h2{ color: #e0146b; font-size: 22px; line-height: 26px; margin: 0 0 2px; } .highlights-box .title{ font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; margin: 0 0 10px; display: block; } .highlights-box ul span{ color: #008ec0; } .hotel-wrap .city-box .text-holder{ padding: 0 110px 0 30px; position: relative; } .city-aside{ position: absolute; right: 0; top: 0; width: 100px; height: 100%; text-align: center; } .city-aside .city-votes{ float: none; text-align: center; padding: 0 0 15px; } .city-aside .btn{ width: 100%; } .low-rate-box{ font-size: 12px; line-height: 20px; margin: 0 0 5px; } .low-rate-box strong{ font-size: 16px; color: #008ec0; font-weight: 400; display: inline-block; } #price-container { font-size: 14px; margin: 0 0 10px; text-align: center; position: relative; overflow: hidden; } #min-price { float: left; } #to-price { display: inline-block; vertical-align: top; } #max-price { float: right; } .hotel-stars-box { display: inline-block; } .ui-slider .ui-slider-range { background-color: #008ec0; } #price-range-filter{ padding: 0 0 10px; } #footer{ background: #000; color: #fff; padding: 22px 0 15px; } .footer-logo{ overflow: hidden; margin: 0 0 25px; } .footer-nav a, .footer-box a{ color: #fff; } .create-link{ float: right; } .footer-info{ overflow: hidden; margin: 0 0 10px; font-size: 15px; } .footer-info li{ float: left; padding: 0 40px 0 50px; margin: 0 50px 10px -50px; position: relative; } .footer-info li:before{ content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #008ec0; left: 0; top: 4px; } .footer-nav{ overflow: hidden; margin: 0 -45px 20px 0; } .footer-nav li{ margin: 0 45px 10px 0; float: left; } .footer-box-wrap{ margin: 0 -15px; overflow: hidden; font-size: 0; letter-spacing: 0; } .footer-box{ display: inline-block; vertical-align: top; width: 25%; padding: 0 15px 20px; font-size: 14px; letter-spacing: 0.5px; } .footer-box li{ margin: 0 0 2px; } .footer-box h3{ font-weight: 700; font-size: 16px; line-height: 20px; margin: 0 0 10px; } .copyright{ border-top: 1px solid #fff; padding: 15px 0 0; font-size: 12px; } .ad-center, .ads-horizontal, .ads-vertical{ margin: 0 0 20px; overflow: hidden; text-align: center; } .adsbygoogle{ display: inline-block; vertical-align: top; } .ads-vertical .adPushupAds, .ads-vertical .adsbygoogle{ width: 100%; height: 250px; } .city-box+.ads-horizontal{ margin: 20px 0 0; } .ads-horizontal .adPushupAds, .ads-horizontal .adsbygoogle{ width: 100%; height: 150px; } .ads-horizontal.ads-top{ margin: 10px 0; } /* grid system */ [class^='col-lg'], [class*=' col-lg'], [class^='col-md'], [class*=' col-md'], [class^='col-sm'], [class*=' col-sm']{ padding: 0 15px; } .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%; } [class^='col-xs'], [class*=' col-xs']{ float: left; } @media (min-width: 768px) { [class^='col-sm'], [class*=' col-sm']{ float: left; } .show-xs{ display: none !important; } .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%; } } @media (min-width: 992px) { [class^='col-md'], [class*=' col-md']{ float: left; } .show-sm{ display: none !important; } .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%; } } @media (min-width: 1200px){ [class^='col-lg'], [class*=' col-lg']{ float: left; } .show-md{ display: none !important; } .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%; } } /* media queries */ @media(max-width: 1600px){ .top-search{ float: right; } } @media(max-width: 1199px){ .top-search{ float: none; clear: both; padding: 10px 0 0; } .home-page .attractions-list{ padding: 0; } .review-map{ top: 40px; padding: 0 258px; } .review-item{ height: 85px; } .ratings{ margin-right: -20px; } .rating-item{ margin: 0 20px 10px 0; } .column-list > li{ width: 33.33%; } } @media(max-width: 991px){ .attraction-item{ width: 33.33%; } .footer-box-wrap{ margin: 0 -10px; } .footer-box{ padding: 0 10px 20px; } .footer-info li{ padding: 0 20px 0 30px; margin: 0 30px 10px -30px; } .home-header{ padding: 15px 20px; } #nav li{ margin: 0 0 0 40px; } .review-map{ display: none; } .review-left, .review-right{ width: 48%; } .attraction-slider-box{ height: 290px; } .attraction-slider-wrap{ padding: 0 290px 0 0; } .big-map-holder{ width: 290px; } .attraction-aside{ width: 230px; padding: 0 0 0 20px; } .attractions-list.alt{ max-width: 600px; margin: 0 auto; } .attractions-list.alt .attraction-item{ width: 50%; } .ads-vertical .adsbygoogle{ height: 200px; } .sidebar{ width: 230px; padding-right: 20px; } .city-box .text-holder{ padding: 0 0 0 15px; } .tabs-wrap .tabs{ float: none; } .tabs{ margin: 0 0 0 -20px; } .tabs li{ margin: 0 0 10px 20px; } } @media(max-width: 767px){ #wrapper{ display: block; } .hide-xs{ display: none !important; } .menu-opener{ display: block; } .home-header{ padding: 15px 30px; } #nav{ position: relative; margin: 0; } #nav ul{ position: absolute; background: rgba(255, 255, 255, 0.85); right: -20px; top: 100%; text-align: right; padding: 10px 15px; z-index:10; font-weight: 400; font-size: 16px; white-space: nowrap; margin: 10px 0 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .menu-open #nav ul{ opacity: 1; visibility: visible; } #nav li{ float: none; margin: 0; padding: 3px 0; } #nav a{ color: #262626; } .home-intro h1{ font-size: 26px; margin: 0 0 25px; } .pick-theme{ display: block; overflow: hidden; } .pick-theme > *{ display: block; } .pick-theme > div{ display: block; width: 100%; clear: both; height: auto; } .pick-theme > *:first-child:after{ display: none; } .pick-theme > *:first-child{ border-bottom: 1px solid rgba(38,38,38,0.05); } .pick-theme > *:last-child{ border-top: 1px solid rgba(38,38,38,0.05); } .pick-text{ padding: 0; } .pick-text:before, .pick-text:after{ display: none; } .theme-item{ float: left; width: 25%; } .theme-item:last-child{ float: none; width: 100%; clear: both; text-align: center; height: auto; } .theme-name{ width: 100%; } .discover-block .form-control{ height: 46px; font-size: 16px; line-height: 22px; padding: 11px 10px; } .discover-block .search-holder .ta-search{ display: none; } .discover-block .btn{ height: 46px; width: 46px; min-width: 0; padding: 9px 5px; } .discover-block .btn span{ display: none; } .discover-block .btn .ta{ display: inline-block; font-size: 28px; line-height: 1; } .search-drop{ left: 0; font-size: 16px; } .attractions-nav li{ margin: 0 10px 15px; } .attraction-item{ width: 50%; } .region-wrap{ margin: 0 0 30px; } .region-wrap .region-item{ width: 100%; margin: 0 0 5px; } .logo{ letter-spacing: 0; } .footer-info{ clear: both; margin: 0 -20px 10px 0; font-size: 14px; } .create-link{ margin: 6px 0 0; } .footer-nav{ margin: 0 -20px 20px 0; } .footer-nav li{ margin: 0 20px 10px 0; } .footer-box{ width: 50%; } .region-item{ height: 105px; } .region-item.select{ height: 215px; } .review-box{ background: none; padding: 0; margin: 0; } .review-left{ display: none; } .review-right{ width: 100%; float: none; } .review-item{ height: auto; text-align: center; display: block; color: #262626; margin: 0 0 40px; } .review-item>div{ display: block; } .review-item .review-visual{ width: 50px; padding: 0 0 15px; margin: 0 auto; } .review-item > div{ padding: 0; } h1{ font-size: 24px; line-height: 28px; /*margin: 0 0 10px;*/ text-align: center; } h1 .divider{ display: none; } h1 .title-category{ display: block; font-size: 18px; line-height: 22px; } .attraction-info-holder{ display: block; } .attraction-info-list ul:first-child{ width: 100%; } .attraction-info-list ul{ display: block; } .attraction-info-list li{ margin: 14px 0 0; } .attraction-info-list ul:first-child li:first-child{ margin: 0; } .attraction-aside{ display: none; } #header{ padding: 20px 10px; background: none; color: #262626; } #header .logo{ color: #262626; } #header .menu-opener i:before, #header .menu-opener i:after, #header .menu-opener i{ background: #262626; } .menu-open #header .menu-opener i{ background: none; } #header #nav{ margin: 0 10px 0 0; } #nav ul{ right: -10px; background: rgba(0, 0, 0, 0.8); } #nav a{ color: #fff; } .search-opener{ display: block; } .top-search-open .top-search{ display: block; } .top-search{ clear: both; padding: 15px 0 0; margin: 0 -10px; max-width: none; display: none; } .top-search-holder > div:first-child{ border: none; width: 50%; } .top-search-holder .btn{ border-radius: 0; height: 44px; width: 44px; font-size: 24px; } .top-search .form-control{ height: 44px; padding-top: 11px; padding-bottom: 11px; border-color: #ddd; border-radius: 0 !important; } .top-search .select2-container--default .select2-selection--single{ border-color: #ddd; border-radius: 0; } .breadcrumbs{ display: none; } .timesheets-mobile{ display: block; } .attraction-top{ margin: 0 0 15px; } .suggest-list{ position: static; margin: 14px 0 0; } .likes-votes{ font-size: 12px; line-height: 15px; vertical-align: bottom; padding: 0 0 2px; } .likes-votes .rating{ font-size: 32px; line-height: 32px; } .likes-votes .rating i{ font-size: 18px; line-height: 22px; } .attraction-slider-wrap{ padding: 0; } .attraction-slider-wrap .attraction-slider-box{ padding: 47% 0 0; height: auto; position: relative; } .attraction-slider .slick-dots{ display: none !important; } .attraction-slider{ position: absolute; left: 0; top: 0; width: 100%; } .attraction-slider-wrap .big-map-holder{ position: relative; height: auto; padding: 47% 0 0; width: 100%; } h2{ font-size: 20px; line-height: 24px; letter-spacing: 0; } .title-holder{ padding: 0 0 8px; } .highlights-list li:before{ font-size: 20px; width: 30px; margin: -10px 0 0; } .highlights-list li{ padding: 0 0 0 40px; } .label-left{ float: none; width: auto; margin: 0 0 5px; } .controls{ margin: 0; } .ratings{ margin: 0; } .rating-item{ font-size: 0; line-height: 0; } .rating-item span{ padding: 0; width: 40px; height: 40px; } .sidebar{ display: block; width: auto; padding: 0; } .content{ display: block; } .filter-wrap{ position: relative; margin: 0 -10px 10px; } .filter-box{ display: inline-block; vertical-align: top; margin: 0 10px 10px; /*position: relative;*/ } .filter-holder{ margin: 0; } .filter-drop{ position: absolute; top: 100%; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); text-align: left; z-index: 10; left: 30px; right: 30px; padding: 5px; } .filter-box.open .filter-drop{ opacity: 1; visibility: visible; } .filter-holder .checkbox{ /*margin: 0;*/ } .filter-holder .checkbox label{ display: block; } .filter-holder .checkbox span{ display: block; padding: 5px 10px; cursor: pointer; } .filter-holder .checkbox span:before{ display: none; } .filter-holder .checkbox input:checked + span{ background: #ddd; } .filter-title{ margin: 0; position: relative; padding: 0 12px 0 0; cursor: pointer; } .filter-title:after{ content: ''; right: 0; top: 7px; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; } .open .filter-title:after{ border-top: 0; border-bottom: 4px solid; } .open .filter-title{ color: #008ec0; } .filter-holder, .filter-holder.cities, .filter-holder.subcategories{ max-height: 310px; } .listing-sidebar{ text-align: center; } .tabs{ white-space: nowrap; overflow-x: auto; padding: 0 0 5px; margin: 0 0 5px; } .tabs li{ margin: 0 0 0 20px; font-size: 14px; line-height: 18px; } .tabs li:first-child{ margin: 0; } .city-info{ position: relative; padding: 0 85px 0 0; overflow: visible; } .city-info .tag{ float: none; } .city-info .city-address{ margin: 0; } .hotels-top, .listing-top, .top-places, .less-text .city-text{ display: none; } .city-more, .city-text{ display: block; } .column-list > li{ width: 50%; } .pagination-holder .summary{ display: block; float: none; padding: 0 0 10px; } .pagination-wrap .paginate{ padding: 0; } .yiiPager{ font-size: 16px; } .hours-set>div{ display: block; } .hours-set div+div{ padding: 10px 0 0; } .hours-set .time{ float: left; width: 47%; } .hours-set .time+.time{ width: 53%; } .hours-set .time+.time:before{ margin: 4px 0 0; } .hours-set .btn-holder{ clear: both; width: 100%; } .map-filter.mobile{ display: table; margin: 15px 0; } .listing-top{ display: none; } .mobile-listing{ display: block; } .ads-horizontal .adPushupAds, .ads-horizontal .adsbygoogle{ } .ads-horizontal .adsbygoogle[data-ad-format="auto"]{ height: 255px; } } @media(max-width: 479px){ .theme-icon .ta{ font-size: 45px; } .pick-theme{ /*margin: 0 -15px 50px;*/ margin: 0 0 40px; } .theme-item{ width: 50%; } .attractions-list{ margin: 0 0 30px; } .attractions-list.alt .attraction-item, .attraction-item{ width: 100%; padding: 0 0 15px; } .attraction-item .visual{ padding-top: 50%; } .city-box .visual{ float: none; height: auto; padding: 50% 0 0; display: block; width: auto; margin: 0 0 10px; } .hotel-wrap .city-box .text-holder, .city-box .text-holder{ padding: 0; } .city-box .distance{ text-align: right; } .filter-drop{ left: 0; right: 0; } .column-list > li{ width: 100%; } .city-aside{ position: static; height: auto; width: 100%; } .city-aside .city-votes{ float: left; text-align: left; padding: 0 10px 0 0; } .city-aside .city-votes strong{ display: inline-block; margin: 0; } .low-rate-box{ overflow: hidden; text-align: right; margin: 0; } .city-aside-holder{ overflow: hidden; padding: 0 0 10px; } .grey-box{ padding: 15px; } .grey-box h1{ text-align: left; margin: 0 0 20px; } } .grey-box h3{ margin: 20px 0; } .pink-color{ color: #e0146b; } .not-full-width-groupon{ width: 80%; margin-bottom: 10px; } .review-author{ margin-bottom: 10px; } .review-date{ margin-bottom: 5px; } .review-content{ padding-bottom: 10px; border-bottom: 1px solid grey; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } .alignright { float: right; margin: 0.5em 0 0.5em 1em; }