/* Table of Contents update on Mon Mar 28 2016 18:12:20 GMT+0300 (FLE Daylight Time) I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- 04. Header ----------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. article ---------------------------------- 02. Button ----------------------------------- Button Block ----------------------------- 03. Form Elements ---------------------------- 04. Form ------------------------------------- 05. List ------------------------------------- 06. Logo ------------------------------------- 07. Nav -------------------------------------- 08. Section ---------------------------------- 09. Slider ----------------------------------- 10. Tab -------------------------------------- 11. Widget ----------------------------------- IV. Themes --------------------------------------- 01. base elements ---------------------------- */ .ico-arda { background-image: url(../css/images/sprite.png); background-position: 0 -181px; width: 173px; height: 58px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-next { background-image: url(../css/images/sprite.png); background-position: -224px -64px; width: 9px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-prev { background-image: url(../css/images/sprite.png); background-position: -224px -83px; width: 9px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-auto { background-image: url(../css/images/sprite.png); background-position: -315px -181px; width: 56px; height: 44px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bbb { background-image: url(../css/images/sprite.png); background-position: -237px -58px; width: 173px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bell { background-image: url(../css/images/sprite.png); background-position: -250px -243px; width: 38px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bell-hover, a:hover .ico-bell, button:hover .ico-bell, a.hover .ico-bell, button.hover .ico-bell, .ico-bell.hover { background-image: url(../css/images/sprite.png); background-position: -292px -243px; width: 38px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-briefcase-green { background-image: url(../css/images/sprite.png); background-position: 0 -289px; width: 45px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-briefcase { background-image: url(../css/images/sprite.png); background-position: -433px -181px; width: 38px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-briefcase-hover, a:hover .ico-briefcase, button:hover .ico-briefcase, a.hover .ico-briefcase, button.hover .ico-briefcase, .ico-briefcase.hover { background-image: url(../css/images/sprite.png); background-position: -112px -243px; width: 38px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calc { background-image: url(../css/images/sprite.png); background-position: -49px -289px; width: 27px; height: 37px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar { background-image: url(../css/images/sprite.png); background-position: -334px -243px; width: 28px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-car { background-image: url(../css/images/sprite.png); background-position: -391px -127px; width: 58px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-card { background-image: url(../css/images/sprite.png); background-position: -154px -243px; width: 44px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-card-hover, a:hover .ico-card, button:hover .ico-card, a.hover .ico-card, button.hover .ico-card, .ico-card.hover { background-image: url(../css/images/sprite.png); background-position: -202px -243px; width: 44px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-fandango { background-image: url(../css/images/sprite.png); background-position: 0 -127px; width: 204px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-home-small { background-image: url(../css/images/sprite.png); background-position: -453px -148px; width: 12px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-home { background-image: url(../css/images/sprite.png); background-position: -366px -243px; width: 22px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locker { background-image: url(../css/images/sprite.png); background-position: -112px -289px; width: 28px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locker-hover, a:hover .ico-locker, button:hover .ico-locker, a.hover .ico-locker, button.hover .ico-locker, .ico-locker.hover { background-image: url(../css/images/sprite.png); background-position: -80px -289px; width: 28px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-luggage { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 233px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mail { background-image: url(../css/images/sprite.png); background-position: -392px -243px; width: 22px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mount { background-image: url(../css/images/sprite.png); background-position: -327px -127px; width: 60px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-movie { background-image: url(../css/images/sprite.png); background-position: -414px -58px; width: 54px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pc { background-image: url(../css/images/sprite.png); background-position: -375px -181px; width: 54px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-photo-sm { background-image: url(../css/images/sprite.png); background-position: -56px -243px; width: 52px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-photo { background-image: url(../css/images/sprite.png); background-position: -177px -181px; width: 76px; height: 56px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-restaurant { background-image: url(../css/images/sprite.png); background-position: -257px -181px; width: 54px; height: 48px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(../css/images/sprite.png); background-position: -453px -127px; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-tee { background-image: url(../css/images/sprite.png); background-position: -237px 0; width: 236px; height: 54px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-tickets { background-image: url(../css/images/sprite.png); background-position: 0 -64px; width: 220px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-zoom { background-image: url(../css/images/sprite.png); background-position: 0 -243px; width: 52px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; } /*.logo { background-image: url(../css/images/sprite.png); background-position: -208px -127px; width: 121px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; }*/ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-auto { background-image: url(../css/images/sprite.@2x.png); background-position: -185.5px -120px; background-size: 468px 218.5px; width: 54.5px; height: 42.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bell { background-image: url(../css/images/sprite.@2x.png); background-position: -248.5px -178px; background-size: 468px 218.5px; width: 36.5px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bell-hover, a:hover .ico-bell, button:hover .ico-bell, a.hover .ico-bell, button.hover .ico-bell, .ico-bell.hover { background-image: url(../css/images/sprite.@2x.png); background-position: -287px -178px; background-size: 468px 218.5px; width: 36.5px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-briefcase { background-image: url(../css/images/sprite.@2x.png); background-position: -399.5px -120px; background-size: 468px 218.5px; width: 36.5px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-briefcase-hover, a:hover .ico-briefcase, button:hover .ico-briefcase, a.hover .ico-briefcase, button.hover .ico-briefcase, .ico-briefcase.hover { background-image: url(../css/images/sprite.@2x.png); background-position: -361px -120px; background-size: 468px 218.5px; width: 36.5px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar { background-image: url(../css/images/sprite.@2x.png); background-position: -325.5px -178px; background-size: 468px 218.5px; width: 26.5px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-car { background-image: url(../css/images/sprite.@2x.png); background-position: -302.5px -120px; background-size: 468px 218.5px; width: 56.5px; height: 36.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-card { background-image: url(../css/images/sprite.@2x.png); background-position: -204px -178px; background-size: 468px 218.5px; width: 42.5px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-card-hover, a:hover .ico-card, button:hover .ico-card, a.hover .ico-card, button.hover .ico-card, .ico-card.hover { background-image: url(../css/images/sprite.@2x.png); background-position: -159.5px -178px; background-size: 468px 218.5px; width: 42.5px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-fandango { background-image: url(../css/images/sprite.@2x.png); background-position: -233.5px -54.5px; background-size: 468px 218.5px; width: 202.5px; height: 48.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locker { background-image: url(../css/images/sprite.@2x.png); background-position: -438px -54.5px; background-size: 468px 218.5px; width: 26.5px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locker-hover, a:hover .ico-locker, button:hover .ico-locker, a.hover .ico-locker, button.hover .ico-locker, .ico-locker.hover { background-image: url(../css/images/sprite.@2x.png); background-position: -438px -120px; background-size: 468px 218.5px; width: 26.5px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-luggage { background-image: url(../css/images/sprite.@2x.png); background-position: 0 0; background-size: 468px 218.5px; width: 231.5px; height: 58.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mount { background-image: url(../css/images/sprite.@2x.png); background-position: -242px -120px; background-size: 468px 218.5px; width: 58.5px; height: 38.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-movie { background-image: url(../css/images/sprite.@2x.png); background-position: -76.5px -120px; background-size: 468px 218.5px; width: 52.5px; height: 50.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pc { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -178px; background-size: 468px 218.5px; width: 52.5px; height: 40.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-photo-sm { background-image: url(../css/images/sprite.@2x.png); background-position: -107px -178px; background-size: 468px 218.5px; width: 50.5px; height: 37.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-photo { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -120px; background-size: 468px 218.5px; width: 74.5px; height: 56px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-restaurant { background-image: url(../css/images/sprite.@2x.png); background-position: -131px -120px; background-size: 468px 218.5px; width: 52.5px; height: 46.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-tee { background-image: url(../css/images/sprite.@2x.png); background-position: -233.5px 0; background-size: 468px 218.5px; width: 234.5px; height: 52.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-tickets { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -60.5px; background-size: 468px 218.5px; width: 218.5px; height: 57.5px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-zoom { background-image: url(../css/images/sprite.@2x.png); background-position: -54.5px -178px; background-size: 468px 218.5px; width: 50.5px; height: 40.5px; display: inline-block; vertical-align: middle; font-size: 0; } } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html, body { height: 100%; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } 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"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 960px; background: #fff; font-family: 'HelveticaNeueLTStdRoman', sans-serif; font-weight: 500; font-size: 20px; line-height: 1.3; color: #666; } a { color: inherit; /*text-decoration: underline;*/ } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1 { font-size: 35px; font-weight: 300; color: #fff; font-family: 'HelveticaNeueLTStd', sans-serif; } h2 { font-size: 21px; color: #666; font-weight: 300; font-family: 'HelveticaNeueLTStd', sans-serif; letter-spacing: .04em; } h3 { font-size: 19px; font-weight: 700; color: #1f4a75; font-family: 'HelveticaNeueLTStd', sans-serif; } h4 { font-size: 21px; line-height: 1; color:#206EB3; font-weight: 500; font-family: 'HelveticaNeueLTStd', sans-serif; } h5 { font-size: 18px; line-height: 1; color:#206EB3; font-weight: 300; font-style: italic; font-family: 'HelveticaNeueLTStd', sans-serif; } h6 { font-size: ; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.3em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0;} /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family:'HelveticaNeueLTStd'; src: url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Md_gdi.eot'); src: url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Md_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Md_gdi.woff') format('woff'), url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Md_gdi.ttf') format('truetype'), url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Md_gdi.svg#HelveticaNeueLTStd-Md') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'HelveticaNeueLTStd'; src: url('../fonts/helvetica-neue-lt-std/HelveticaLTStd-Bold_gdi.eot'); src: url('../fonts/helvetica-neue-lt-std/HelveticaLTStd-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue-lt-std/HelveticaLTStd-Bold_gdi.woff') format('woff'), url('../fonts/helvetica-neue-lt-std/HelveticaLTStd-Bold_gdi.ttf') format('truetype'), url('../fonts/helvetica-neue-lt-std/HelveticaLTStd-Bold_gdi.svg#HelveticaLTStd-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'HelveticaNeueLTStd'; src: url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Lt_gdi.eot'); src: url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Lt_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Lt_gdi.woff') format('woff'), url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Lt_gdi.ttf') format('truetype'), url('../fonts/helvetica-neue-lt-std/HelveticaNeueLTStd-Lt_gdi.svg#HelveticaNeueLTStd-Lt') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family: 'HelveticaNeueLTStdRoman'; src: url('../fonts/helvetica-neue-lt-std-roman/helveticaneueltstd-roman-webfont.eot'); src: url('../fonts/helvetica-neue-lt-std-roman/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue-lt-std-roman/helveticaneueltstd-roman-webfont.woff') format('woff'), url('../fonts/helvetica-neue-lt-std-roman/helveticaneueltstd-roman-webfont.ttf') format('truetype'), url('../fonts/helvetica-neue-lt-std-roman/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content { width: 77%; float: right; } .content-primary { width: 74%; } .content-primary p { font-size: 13px; color: #333; margin-bottom: 0; } .content-primary p + .paging { margin-top: 60px; } @media(max-width: 1202px){ .content { width: 76.5%; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background: #01122a; padding-top: 75px; padding-bottom: 45px; } .footer-content { padding-bottom: 47px; } .footer-content h4 { margin-bottom: 35px; } .footer-content:after { content: ''; display: table; clear: both; } .footer .footer-bar h5 { margin-bottom: 20px; } .footer .footer-bar h5 i { margin-right: 11px; margin-top: -5px; } .footer .footer-bar h5 a { display: inline-block; text-decoration: none; opacity: 1; transition: all .3s; } .footer .footer-bar h5 a:hover { opacity: .7; } .footer .footer-bar-inner { float: left; width: 57%; } .footer .footer-bar .copyright { float: right; text-align: right; width: 30%; padding-top: 23px; font-size: 14px; color: #206EB3; line-height: 1.43; padding-right: 4px; } .footer .footer-bar .address { font-size: 17px; color: #fff; line-height: 1.24; } .footer .footer-bar .address a { transition: all .3s; } .footer .footer-bar .address span, .footer .footer-bar .address a:hover { color: #206EB3; } .footer .footer-bar:after { content: ''; display: table; clear: both; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: absolute; top: 0; left: 0; right: 0; z-index: 100; } .header .header-bar { background: #036; padding: 5px 25px 7px 28px; } .header .header-bar .nav-access { float: left; } .header .header-bar .nav-lang { float: right; } .header .header-bar:after { content: ''; display: table; clear: both; } .header .header-content { padding: 25px 30px 23px 25px; } .header .header-content .logo { float: left; } .header .header-content .nav { float: right; } .header .header-content:after { content: ''; display: table; clear: both; } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { position: relative; } .main-bar { background: rgba(53, 122, 223, 0.8); position: absolute; left: 0; right: 0; top: -75px; } .main-bar .main-bar-inner { padding: 17px 44px 17px 0; } .main-bar .main-bar-inner:after { content: ''; display: table; clear: both; } .main-bar .btn { float: left; } .main-bar .list-savings { float: right; } @media(max-width: 1202px){ .main-bar .main-bar-inner { padding-right: 0; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1182px; margin: auto; } .shell:after { content: ''; display: table; clear: both; } @media(max-width: 1202px){ .shell { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { width: 22%; float: left; } .sidebar-primary { width: 24%; } @media(max-width: 1202px){ .sidebar { width: 23%; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { padding-top: 44px; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ article \* ------------------------------------------------------------ */ .article { border: 1px solid #e1e1e1; position: relative; } .article .article-image { position: relative; } .article .article-image img { width: 100%; height: auto; } .article .article-caption { position: absolute; bottom: -25px; left: 0; height: 70px; min-width: 246px; background: #fff; } .article .article-caption-inner { padding: 14px 15px; } .article .article-caption i { vertical-align: middle; } .article .article-caption span { display: inline-block; vertical-align: middle; color: #206EB3; line-height: 1; font-size: 21px; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .article .article-entry { padding: 28px 28px 10px 18px; min-height: 180px; font-size: 15px; line-height: 1.15; color: #333; text-align: justify; } .article .article-actions { padding: 0 20px 13px; } .article .article-actions .btn { width: 176px; line-height: 41px; height: 41px; font-size: 17px; } @media(max-width: 1202px){ .article .article-entry { min-height: 210px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; background: #a2e34a; color: #fff; font-size: 17px; letter-spacing: .06em; text-transform: uppercase; font-family: 'HelveticaNeueLTStd', sans-serif; line-height: 52px; height: 52px; width: 295px; text-align: center; transition: all .3s; } .btn:hover { background: #206EB3; } .btn-small { font-size: 19px; font-weight: 700; line-height: 41px; height: 41px; width: 233px; letter-spacing: 0; } .btn-small:hover { color: #206EB3; background: #fff; } .btn-medium { width: 240px; text-align: center; line-height: 30px; height: 30px; font-size: 11px; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .btn-primary { display: inline-block; text-decoration: none; text-transform: uppercase; font-family: 'HelveticaNeueLTStd', sans-serif; font-size: 15px; letter-spacing: .1em; color: #fff; background:#206EB3; background: #c5d6ea; padding-left: 15px; padding-right: 15px; line-height: 42px; height: 42px; transition: all .3s; } .btn-primary.btn-active { background:#206EB3; } .btn-primary:hover { background: #a2e34a; } .btn-details { display: block; width: 100%; text-decoration: none; line-height: 56px; height: 56px; font-family: 'HelveticaNeueLTStd', sans-serif; font-size: 15px; letter-spacing: .16em; color: #fff; text-transform: uppercase; font-weight: 700; background: #a2e34a; transition: all .3s; } .btn-details:hover { background: #8ec93e; } .btn-blue { display: inline-block; text-decoration: none; text-transform: uppercase; color: #fff; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: .16em; line-height: 45px; height: 47px; width: 230px; text-align: center; background: #036; transition: all .3s; border: 1px solid transparent; } .btn-blue:hover { background:#206EB3; border-color: #036; } .btn-light-blue { background:#206EB3; } .btn-light-blue:hover { background: #036; border-color:#206EB3; } .btn-blue-small { width: auto; min-width: 157px; padding: 0 36px 0 42px; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; } input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; } .field { display: block; width: 100%; background: #fff; border: 1px solid #cecfd0; line-height: 31px; height: 31px; padding: 0 6px; font-size: 11px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; } .field:focus { border-color: #a2e34a; } .form-row-select .form-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 10px; line-height: 1.2; color: #000; display: inline-block; } .form-row-select .selecter-selected { border-radius: 0; font-size: 11px; padding-left: 8px; } .selecter { width: 100%; margin: 0; max-width: 100%; } .selecter-options { max-width: 155px; } .selecter-item { min-height: 37px; } .selecter-selected { line-height: 32px; height: 32px; padding: 0 12px; max-width: 155px; border-radius: 5px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 13px; } .selecter-selected:after { border: none; background: url(../css/images/ico-arrows.png) no-repeat 0 0; width: 11px; height: 13px; right: 10px; } .form-btn { display: inline-block; border-radius: 0; -webkit-appearance: none; line-height: 32px; height: 32px; width: 158px; text-align: center; color: #fff; background:#206EB3; font-size: 11px; letter-spacing: .16em; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; text-transform: uppercase; border: none; transition: all .3s; } .form-btn:hover { background: #a2e34a; } .form-btn-blue { display: inline-block; -webkit-appearance: none; border-radius: 0; border: none; background: #036; text-align: center; line-height: 66px; height: 66px; min-width: 568px; color: #fff; font-size: 15px; letter-spacing: .16em; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; text-transform: uppercase; transition: all .3s; } .form-btn-blue:hover { background:#206EB3; } .field-secondary, .textarea { background: #f1f4f9; border: 1px solid #f1f4f9; color: #ccc; padding: 0 10px; font-size: 16px; display: block; width: 100%; } .field-secondary { line-height: 42px; height: 42px; } .textarea { padding: 5px 10px; min-height: 130px; resize: vertical; } .field-secondary:focus, .textarea:focus { border-color: #036; color: #000; } .form-label-primary { display: inline-block; color: #898c91; font-size: 14px; line-height: 1.75; margin-bottom: 4px; } .form-label-cruize { font-size: 11px; } .form-asterisk { color: #00aeef; } .select-request .selecter { display: block; width: 100%; } .select-request .selecter-selected, .select-request .selecter-options { width: 100%; max-width: 100%; border-radius: 0; border: 1px solid #f1f4f9; background: #f1f4f9; line-height: 42px; color: #747e8d; font-size: 15px; } .select-request .selecter-selected { height: 42px; padding: 0 24px; } .select-request .selecter-item { padding-top: 0; padding-bottom: 0; padding: 0 24px; } .select-request .selecter-selected:after { display: block; width: 8px; height: 8px; border-top: 1px solid black; border-right: 1px solid #000; border-width: 2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); background: none; } .select-request .selecter-item { background: #f1f4f9; border-color: #000; } .select-request .selecter.bottom .selecter-item:last-child { border-bottom: 1px solid #000; } .select-request .selecter.bottom .selecter-options { border-color: #000; border-radius: 0; } .select-request .selecter-item.selected { background: #fff; } .select-request .selecter.bottom.open .selecter-selected, .select-request .selecter.open .selecter-selected, .selecter.focus .selecter-selected { border-radius: 0; background: #f1f4f9; border-color: #000; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form-request { max-width: 350px; background: rgba(225, 231, 241, 0.85); padding: 18px 20px 7px 17px; box-shadow: 0 1px 4px rgba(0,0,0,.45);} .form-request h3 { font-size: 19px; line-height: 1; font-weight: 700; font-family: 'HelveticaNeueLTStd', sans-serif; color: #206EB3; margin: 0 0 8px; padding-left: 2px; } .form-request .form-head p { font-size: 15px; line-height: 1; color: #666; margin-bottom: 32px; font-family: 'HelveticaNeueLTStdRoman', sans-serif; } .form-request .form-body p { font-size: 12px; line-height: 1; color: #333; margin: 0; } .form-request .form-body p span { color: #206EB3; } .form-request h3 + p { margin-top: -4px; } .form-request .form-row + .form-row { margin-top: 7px; } .form-request .form-col { float: left; } .form-request .form-col-size1 { width: 14%; margin-right: 15px; } .form-request .form-col-size2 { width: 29%; } .form-request .form-col-size3 { width: 65%; padding-top: 21px; } .form-request .form-col-size4 { width: 21%; margin-left: 10px; } .form-request .form-col-size4 .form-controls { padding-right: 20px; } .form-request .form-col-size1 .form-label { text-align: center; padding-left: 1px; } .form-request .form-col-1of2 { width: 50%; } .form-request .form-row:after, .form-request .form-controls:after { content: ''; display: table; clear: both; } .form-request .form-controls-primary { padding-top: 3px; } .form-request .form-controls-primary i { float: left; margin-left: 7px; margin-top: 3px; } .form-request .form-controls-primary .field { float: left; width: 73%; } .form-request .form-row-select { padding-top: 4px; } .form-request .form-row-select + .form-row-select { padding-top: 0; margin-top: 0; } .form-request .form-actions { padding-top: 10px; padding-bottom: 5px; } .form-request .form-actions .form-btn { margin-right: 14px; vertical-align: top; margin-top: 5px; } .form-request .form-hint { font-size: 11px; color: #000; margin: 0; } /* .form-request-secondary */ .form-request-secondary { padding-bottom: 33px; } .form-request-secondary .list-radios { margin-bottom: 35px; padding-left: 4px; } /* .form-request-weeks */ .form-request-weeks { padding-bottom: 60px; } .form-request-weeks .selecter-options, .form-request-weeks .selecter-selected { width: 100%; max-width: 100%; } .form-request-weeks .form-row-select .form-label { display: none; } .form-request .required-fields { font-size: 10px; line-height: 1; margin: 0; color: #434344; margin-top: 15px; } .form-request-weeks .required-fields span { color: #4cadca; } .form-request-weeks .form-head p { margin-bottom: 26px; } .form-request-weeks .form-body p ~ .form-controls { margin-top: 17px; } .form-request-weeks .form-body .meta { font-size: 10px; line-height: 1; } .form-request-weeks .form-row + .form-row { margin-top: 24px; } .form-request-weeks .form-actions { padding-top: 43px; } /* form-contact */ .form-contact { max-width: 864px; border: 1px solid #dedede; padding: 28px 46px 50px 50px; } .form-contact .form-head h3 { font-size: 27px; line-height: 1; color:#206EB3; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 17px; } .form-contact .form-row + .form-row { margin-top: 23px; } .form-contact .form-actions { padding-top: 50px; text-align: center; } .form-contact-request { padding-bottom: 30px; } .form-contact-request .form-head { padding-bottom: 35px; } .form-contact-request .form-head h3 { margin-bottom: 0; } .form-contact-request .form-head p { font-size: 18px; color: #333; line-height: 1; margin: 0; } .form-contact-request .form-head h3 + p { margin-top: 17px; } .form-contact-request .form-row:after, .form-contact-request .form-row-inner:after { content: ''; display: table; clear: both; } .form-contact-request .form-row + .form-row { margin-top: 5px; } .form-contact-request .col-1of2:after { content: ''; display: table; clear: both; } .form-contact-request .form-controls-calendar i { float: right; margin-right: 7px; margin-top: 9px; } .form-contact-request .form-controls-calendar .field-secondary { float: left; width: 79%; } .form-contact-request .form-controls-select .form-label-primary { float: left; width: 32%; padding-top: 9px; margin: 0; } .form-contact-request .form-controls-select .form-controls-inner { float: right; width: 68%; } .form-contact-request .form-controls-select .select-request { text-align: center; } .form-contact-request .list-radios-blue { padding-top: 9px; margin-left: -4px; } .form-contact-request .form-actions { padding-top: 59px; } .form-contact-request .form-required { font-size: 14px; line-height: 1; color: #898c91; margin: 0; margin-top: 42px; } /* form-request-cruize */ .form-request-cruize .selecter-options, .form-request-cruize .selecter-selected { width: 100%; max-width: 100%; } .form-request-cruize .form-head p { margin-bottom: 7px; } .form-request-cruize .form-row-select + .form-row-select { margin-top: 3px; } .form-request-cruize .required-fields { font-size: 10px; line-height: 1; margin: 0; color: #434344; margin-top: 0px; margin-bottom: 20px; } .form-request-cruize .required-fields span { color: #4cadca; } .form-request-cruize .form-actions { padding-bottom: 4px; padding-top: 27px; } /* form-request-hotel */ .form-request-hotel { padding: 16px 20px 7px 14px; } .form-request-hotel .selecter-options, .form-request-hotel .selecter-selected { width: 100%; max-width: 100%; } .form-request-hotel .form-head p { margin-bottom: 4px; } .form-request-hotel .form-label { display: block; font-size: 12px; color: #000; margin-top: 3px; margin-bottom: 4px; } .form-request-hotel .form-label-hidden { display: none; } .form-request-hotel .form-row:last-child { margin-top: 6px; } .form-request-hotel .form-row.form-row-calendar { margin-top: 5px; padding-bottom: 3px; } .form-request-hotel .required-fields { margin-top: 0; margin-bottom: 10px; } .form-request-hotel .form-actions { padding-top: 14px; } /* form-advanced */ .form-advanced h3 { font-size: 15px; line-height: 1; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; color: #206EB3; margin: 0 0 7px; } .form-advanced p { margin-top: 24px; margin-bottom: 33px; font-size: 11px; line-height: 1; color: #333; } .form-advanced .form-head p { font-size: 11px; line-height: 1; color: #333; margin-bottom: 20px; margin-top: 0; } .form-advanced .form-head p span { text-decoration: underline; } .form-advanced p + .form-head { border-top: 1px solid #acabab; padding-top: 12px; } .form-advanced p + .form-head p { margin-bottom: 8px; } .form-advanced .form-label-primary { color: #000; font-size: 12px; margin: 0; } .form-advanced .selecter-options, .form-advanced .selecter-selected { width: 100%; max-width: 100%; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* list-savings */ .list-savings { color: #fff; font-size: 16px; padding-top: 10px; } .list-savings li { float: left; letter-spacing: .04em; } .list-savings li + li { margin-left: 45px; } .list-savings li + li:before { display: inline-block; content: '|'; margin-right: 37px; } .list-savings:after { content: ''; display: table; clear: both; } /* list-buttons */ .list-buttons li { float: left; background: #c5d6ea; padding: 6px 0px 6px 7px; } .list-buttons li + li { padding-left: 10px; padding-right: 10px; } .list-buttons li + li .btn-primary { padding-right: 5px; padding-left: 5px; } .list-buttons:after { content: ''; display: table; clear: both; } .list-buttons-primary li { display: inline-block; } .list-buttons-primary li .btn { width: 230px; line-height: 45px; height: 45px; font-size: 14px; } .list-buttons-primary li + li { margin-left: 5px; } .list-buttons-secondary li .btn-primary { padding-right: 28px; padding-left: 28px; } .list-buttons-secondary li + li { padding-left: 5px; padding-right: 5px; } .list-buttons-secondary li + li .btn-primary { padding-left: 25px; padding-right: 15px; } /* list-ticks */ .list-ticks { font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; font-size: 17px; line-height: 41px; color: #666; text-transform: uppercase; } .list-ticks li { position: relative; padding-left: 53px; letter-spacing: -.001em; } .list-ticks li span { color: #206EB3; } .list-ticks li:before { display: inline-block; content: ''; background: url(../css/images/ico-tick.png) no-repeat 0 0; width: 36px; height: 40px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list-ticks li + li { margin-top: 7px; } /* list-links */ .list-links { font-size: 18px; line-height: 2.13; color: #fff; letter-spacing: .025em; } .list-links a { display: inline-block; text-decoration: none; transition: all .3s; } .list-links a:hover { color: #a2e34a; } .list-links-primary { list-style: none; color: #333; font-size: 17px; line-height: 2.14; } .list-links-primary a { display: inline-block; text-decoration: none; } .list-links-primary a:hover { text-decoration: underline; } /* list-partners */ .list-partners li + li { margin-top: 25px; } /* list-radios */ .list-radios li { float: left; font-size: 12px; color: #666; padding-left: 21px; position: relative; } .list-radios li input { overflow: hidden; height: 0; width: 0; opacity: 0; visibility: hidden; position: absolute; top: -20px; } .list-radios li label { display: inline-block; line-height: 22px; } .list-radios li label:before { display: inline-block; content: ''; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 1px solid #cdcdce; position: absolute; left: 0; top: 0; } .list-radios li label:after { width: 12px; height: 12px; border-radius: 50%; background: #a2e34a; position: absolute; top: 4px; left: 4px; z-index: 99; display: none; content: ''; } .list-radios li input[type='radio']:checked + label:after { display: inline-block; } .list-radios li + li { margin-left: 12px; } .list-radios:after { content: ''; display: table; clear: both; } .list-radios-primary li { display: block; float: none; padding-left: 29px; } .list-radios-primary li + li { margin: 0; margin-top: 6px; } .list-radios-dark { display: block; } .list-radios-dark li { font-size: 17px; color: #333; font-weight: 700; padding-left: 25px; } .list-radios-dark li + li { margin-left: 15px; } .list-radios-dark li label:before { width: 18px; height: 18px; background: #f7f7f7; border: 2px solid #b2b2b2; top: 2px; } .list-radios-dark li label:after { background: #000; width: 6px; height: 6px; top: 8px; left: 6px; } .list-radios-dark li input[type='radio']:checked + label:before { background: #d4dae2; } .list-radios-blue li { float: left; } .list-radios-blue li + li { margin-left: 18px; } .list-radios-blue li input { overflow: hidden; height: 0; width: 0; opacity: 0; visibility: hidden; } .list-radios-blue li label { display: inline-block; position: relative; line-height: 26px; } .list-radios-blue li label:after { display: inline-block; content: ''; background: #fff; border: 4px solid #e8ebf0; width: 26px; height: 26px; border-radius: 50%; margin-left: 10px; margin-bottom: -8px; } .list-radios-blue li input[type='radio']:checked + label:after { background: #359cfb; } .list-radios-blue:after { content: ''; display: table; clear: both; } /* list-checkboxes */ .list-checkboxes { color: #000; font-family: 'HelveticaNeueLTStd', sans-serif; font-size: 11px; line-height: 1.27; letter-spacing: .05em; padding-top: 7px; } .list-checkboxes li { float: left; } .list-checkboxes li + li { margin-left: 30px; } .list-checkboxes li input { display: inline-block; vertical-align: middle; } .list-checkboxes li label { display: inline-block; vertical-align: middle; } .list-checkboxes:after { content: ''; display: table; clear: both; } .list-checkboxes-primary { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 11px; line-height: 2.18; } .list-checkboxes-primary label { vertical-align: middle; } .list-checkboxes-primary input { display: inline-block; margin-right: 6px; width: 14px; height: 14px; vertical-align: middle; } /* list-resource */ .list-resource li { margin-bottom: 14px; float: left; } .list-resource li + li { margin-left: 10px; } .list-resource:after { content: ''; display: table; clear: both; } /* list-contact */ .list-contact { font-size: 17px; line-height: 2.12; color: #333; } /* list-contact */ .list-info { font-size: 17px; line-height: 1.5; color: #333; } .list-info strong { min-width: 123px; display: inline-block; } /* list-price */ .list-price { font-size: 17px; line-height: 1.5; color: #333; } .list-price li:after { content: ''; display: table; clear: both; } .list-price .total { border-top: 1px solid #333; padding-top: 10px; margin-top: 4px; } .list-price span { display: inline-block; width: 50%; } .list-price .align-left { float: left; } .list-price .align-right { float: right; text-align: right; } .list-price .total .align-right { color:#206EB3; font-size: 23px; font-weight: 700; font-family: 'HelveticaNeueLTStd', sans-serif; line-height: 1; } /* list-filters */ .list-filters { color: #fff; font-weight: 700; font-family: 'HelveticaNeueLTStd', sans-serif; line-height: 1; font-size: 15px; } .list-filters li { display: block; width: 100%; background:#206EB3; height: 49px; position: relative; transition: all .3s; } .list-filters li a { display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-decoration: none; padding-left: 11px; padding-right: 20px; } .list-filters li:hover { background: #a2e34a; } .list-filters li a:after { display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #ffffff; position: absolute; top: 50%; margin-top: -6px; right: 10px; } .list-filters li span { font-weight: 400; font-family: 'HelveticaNeueLTStdRoman', sans-serif; } .list-filters li + li { margin-top: 8px; } /* list-about */ .list-about { font-size: 14px; line-height: 1.3; color: #333; margin: 0; } .list-about li:after { content: ''; display: table; clear: both; } .list-about li a { color: #0161d2; font-weight: 700; font-family: 'HelveticaNeueLTStd', sans-serif; } .list-about .about-size1 { min-width: 27.5%; float: left; } .list-about .about-size2 { float: left; width: 72.5%; } .list-about + .list-about { margin-top: 21px; } /* list-actions */ .list-actions { font-size: 18px; line-height: 1.36; color: #333; font-style: italic; } /* list-numbers */ .list-numbers { font-size: 18px; line-height: 2.12; color: #333; } .list-numbers a { display: inline-block; color: #206EB3; } .list-numbers li + li { margin-top: 24px; } .list-numbers .input-account-numbers { width: 60px; height: 50px; line-height: 50px; background: #fff; border: 1px solid #c9d4da; border-radius: 6px; font-size: 22px; color: #206EB3; box-shadow: inset -1px 1px 3px rgba(5,5,6,.25);text-align: center; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-right: 19px; } /* list-data */ .list-data .tab-col-size1 { width: 26.5%; } .list-data .tab-col-size2 { width: 37%; text-align: center; } .list-data .tab-col-size3 { width: 36.5%; text-align: right; padding-right: 69px; } .list-data li { font-size: 17px; color: #333; } .list-data li .tab-col { float: left; position: relative; } .list-data .tab-col + .tab-col:before { display: inline-block; content: ''; width: 1px; height: 27px; background: #206EB3; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list-data li + li { margin-top: 12px; } .list-data li:after { content: ''; display: table; clear: both; } /* list-advantages */ .list-advantages { list-style: none; font-size: 18px; line-height: 1.43; color: #666; } .list-advantages strong { font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .list-advantages li { padding-left: 30px; position: relative; } .list-advantages li + li { margin-top: 25px; } .list-advantages li:before { display: inline-block; content: ''; width: 7px; height: 7px; background: #666; border-radius: 50%; position: absolute; top: 9px; left: 16px; } @media(max-width: 1202px){ .list-savings li { letter-spacing: 0; } .list-savings li + li { margin-left: 10px; } .list-savings li + li:before { margin-right: 10px; } .list-ticks { font-size: 16px; } .list-filters { font-size: 13px; } .list-about .about-size1 { width: 35%; } .list-about .about-size2 { width: 65%; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo {} /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav-access { padding-top: 8px; text-transform: uppercase; font-size: 14px; letter-spacing: .1em; color: #fff; font-weight: 700; font-family: 'HelveticaNeueLTStd', sans-serif;} .nav-access a { display: inline-block; text-decoration: none; transition: all .3s; } .nav-access li { float: left; } .nav-access li i { margin-right: 5px; margin-top: -7px; } .nav-access li + li:before { display: inline-block; content: '|'; margin-left: 10px; margin-right: 5px; } .nav-access li:hover a { color: #a9dd4d; } .nav-access ul:after { content: ''; display: table; clear: both; } .nav-access span { color: #a9dd4d; } /* nav-lang */ .nav-lang .lang-label { display: inline-block; color: #fff; font-family: 'HelveticaNeueLTStd', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; float: left; line-height: 32px; margin-right: 5px; padding-top: 1px; letter-spacing: .1em; } .nav-lang .lang-controls { float: left; width: 155px; } .nav-lang:after { content: ''; display: table; clear: both; } /* nav */ .nav { font-size: 15px; text-transform: uppercase; color: #fff; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; padding-top: 10px; } .nav li { float: left; } .nav li i { margin-right: 10px; margin-top: -7px; } .nav li a { display: inline-block; text-decoration: none; transition: all .3s; } .nav li:hover a { color: #a9dd4d; } .nav li + li { margin-left: 47px; } .nav ul:after { content: ''; display: table; clear: both; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section .section-head { padding-top: 40px; padding-bottom: 32px; } .section .section-head h2 { float: left; padding-top: 14px; margin: 0; } .section .section-head .list-buttons { float: right; } /* section-deals */ .section-deals { padding-bottom: 21px; background: #f1f6fc; overflow: hidden; } /* section-features */ .section-features { padding: 100px 0; } .section-features h2 { font-size: 26px; color: #666; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 8px; letter-spacing: 0; } .section-features p { color: #999999; font-size: 20px; line-height: 1.9; } .section-features-secondary { padding-top: 0; padding-bottom: 170px; } .section-features-secondary p { text-align: justify; } /* section-exclusive */ .section-exclusive { padding: 75px 0 415px; background: url(../css/images/temp/section-bg.jpg) no-repeat center bottom; background-size: cover; } .section-exclusive h2 { color: #a2e34a; font-size: 42px; margin: 0; margin-bottom: 17px; text-transform: uppercase; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 300; letter-spacing: 0; } .section-exclusive p { color: #666; letter-spacing: .025em; margin: 0; } .section-exclusive p + p { margin-top: 26px; } /* section-resources */ .section-resources { padding-bottom: 80px; } .section-resources .section-head { padding-top: 56px; padding-bottom: 40px; } .section-resources .section-head h3 { font-size: 28px; line-height: 1; margin: 0 0 6px; color:#206EB3; letter-spacing: 0; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .section-resources .section-head p { font-size: 17px; line-height: 1.59; } .section-resources .resources { max-width: 884px; } /* section-low-rates */ .section-low-rates { padding: 63px 18px 74px 16px; } .section-low-rates .section-image { position: relative; } .section-low-rates .section-image-badge { position: absolute; top: 130px; right: 166px; } /* section-contact */ .section-contact { padding-bottom: 120px; } .section-contact .section-head { padding-top: 76px; padding-bottom: 43px; } .section-contact .section-head h3 { font-size: 28px; line-height: 1; color:#206EB3; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin: 0; } .section-contact .section-body { padding-bottom: 82px; } .section-contact .section-body:after { content: ''; display: table; clear: both; } /* section-checkout */ .section-checkout { padding-bottom: 140px; } .section-checkout .section-head { padding-top: 0; text-align: right; padding-bottom: 30px; padding-right: 18px; } .section-checkout .section-head a { text-decoration: none; display: inline-block; font-size: 17px; color: #333; transition: all .3s; } .section-checkout .section-head a i { margin-right: 5px; } .section-checkout .section-head a:hover { color: #a2e34a; } .section-checkout .section-actions { padding-top: 65px; text-align: center; } .section-checkout .row:last-child { margin-top: 38px; } /* .section-cruise-res */ .section-cruise-res { padding-bottom: 75px; } .section-cruise-res .section-head { padding-top: 12px; padding-bottom: 44px; text-align: right; padding-right: 10px; } .section-cruise-res .section-body { padding-left: 8px; } .section-cruise-res .section-body:after { content: ''; display: table; clear: both; } .section-cruise-res .section-actions { padding-top: 56px; } .section-cruise-res .section-actions p { font-size: 14px; line-height: 1.21; color: #333; margin-bottom: 25px; } .section-cruise-res .section-actions .btn { width: 284px; line-height: 42px; height: 42px; font-size: 15px; } /* section-articles */ .section-articles { padding-bottom: 54px; } .section-articles .shell { padding-right: 6px; } .section-articles .section-head { padding-top: 36px; padding-bottom: 27px; } .section-articles .section-head h3 { font-size: 16px; color: #666; font-family: 'HelveticaNeueLTStdRoman', sans-serif; } .section-articles .section-head h3 sup { font-size: 10px; position: relative; top: -5px; left: -5px; } .section-articles .section-head h3 span { font-family: 'HelveticaNeueLTStd', sans-serif; font-size: 31px; color: #206EB3; font-weight: normal; width: 159px; display: inline-block; } /* section-vacations */ .section-vacations { padding-bottom: 105px; } .section-vacations .section-head { padding-top: 15px; padding-bottom: 20px; } .section-vacations-secondary .section-head { padding-top: 31px; padding-bottom: 26px; } .section-vacations .section-head:after { content: ''; display: table; clear: both; } .section-vacations .section-head .selecter { float: right; width: 313px; } .section-vacations .section-head .selecter-selected, .section-vacations .section-head .selecter-options { width: 100%; max-width: 100%; border-radius: 0; line-height: 36px; height: 36px; } .section-vacations .section-head .selecter-options { height: auto; } .section-vacations .section-actions { padding-top: 50px; } .section-vacations .section-head-inner { float: left; width: 66%; padding-top: 5px; } .section-vacations .section-head-inner p { font-size: 18px; line-height: 1; color: #333; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .section-vacations .section-head-inner p a { display: inline-block; text-decoration: none; } .section-vacations .section-head-inner p a:hover { text-decoration: underline; } .section-vacations .section-head-filter { float: right; } .section-vacations .section-head-filter .form-label { display: inline-block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #000; font-size: 14px; font-weight: 700; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; } .section-vacations .section-head-filter .form-controls { display: inline-block; vertical-align: middle; } .section-vacations .section-head-filter .selecter-selected { line-height: 31px; height: 31px; border-radius: 4px; } .section-vacations .section-head-filter .selecter-options { height: auto; line-height: 31px; } .section-vacations .section-head-filter:after { content: ''; display: table; clear: both; } /* section-hotels-search */ .section-hotels-search .section-head { padding-top: 37px; padding-bottom: 57px; } .section-hotels-search .section-head-inner { padding-top: 2px; } .section-hotels-search .section-head-inner p { line-height: 1.5; } .section-hotels-search .section-head-inner .link-change { display: inline-block; text-decoration: underline; color: #0968c0; font-family: 'HelveticaNeueLTStdRoman', sans-serif; font-weight: 400; } .section-hotels-search .section-head-inner .link-change:hover { text-decoration: none; } /* section-account */ .section-account { padding-top: 45px; padding-bottom: 51px; } .section-account .section-head { padding: 0; } .section-account .section-head h3 { font-size: 27px; line-height: 1; margin: 0; color: #206EB3; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .section-account .section-head p { font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; font-size: 21px; color: #333; margin: 0; } .section-account .section-head h3 + p { margin-top: 12px; } .section-account .section-body { padding-top: 5px; padding-right: 40px; } .section-account .section-body .list-actions { margin-bottom: 38px; } .section-account .section-content { border-left: 1px solid #d5d5d5; padding: 76px 35px 55px; } /* section-tabs */ .section-tabs { padding-bottom: 130px; } /* section-credits */ .section-credits { padding-bottom: 66px; } .section-credits .section-head { padding-top: 0; padding-bottom: 25px; } .section-credits .section-head h3 { margin: 0; font-size: 27px; line-height: 1; color: #206EB3; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 3px; } .section-credits .section-head p { margin: 0; font-size: 17px; line-height: 1.48; color: #666; } .section-credits .section-body h4 { margin: 0; font-size: 21px; line-height: 1; color: #666; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .section-credits .section-body p { margin: 0; font-size: 18px; color: #666; line-height: 1.43; } .section-credits .section-body p strong { display: block; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .section-credits .section-body .list-advantages { margin-bottom: 0; } .section-credits .section-body h4 + .list-advantages { margin-top: 20px; } .section-credits .section-body .list-advantages + p { margin-top: 28px; } .section-credits .section-body p + p { margin-top: 30px; } .section-credits .section-actions { padding-top: 75px; } .section-credits .section-actions .btn { width: 340px; } /* section-tour */ .section-tour { padding-bottom: 113px; } .section-tour .section-head { position: relative; padding-top: 72px; padding-bottom: 42px; } .section-tour .section-head i { float: left; margin-right: 20px; } .section-tour .section-head h3 { margin: 0; color:#206EB3; font-size: 27px; line-height: 1; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 6px; } .section-tour .section-head p { margin: 0; font-size: 18px; color: #333; line-height: 1; } .section-tour .section-head-inner { float: left; padding-top: 5px; } .section-tour .section-body { padding-bottom: 45px; } .section-tour .section-body .col-size2 { padding-left: 6px; } .section-tour .section-body .col-size9 { padding-left: 23px; } .section-tour .section-body .col-size9 + .col-size2 { padding-left: 25px; } .section-tour .section-form { padding-left: 6px; } .section-tour .section-head:after, .section-tour .section-body:after { content: ''; display: table; clear: both; } @media(max-width: 1202px){ .section-low-rates .section-image-badge { top: 20%; right: 12%; } .section-cruise-res .section-body { padding-left: 0; } .section-vacations .section-head-inner { width: 60%; padding-top: 7px; } .section-vacations .section-head-inner p { font-size: 14px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider-intro { position: relative; overflow: hidden; visibility: hidden; opacity: 0; } .slider-intro.shown { overflow: visible; visibility: visible; opacity: 1; } .slider-intro .slide { float: left; width: 100%; background-size: cover; background-position: center; padding-top: 325px; padding-bottom: 402px; text-align: center; position: relative; } .slider-intro .slide:before { display: inline-block; content: ''; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(53,122,223,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#206EB3', endColorstr='#00ffffff',GradientType=0 ); position: absolute; top: 0; left: 0; z-index: 99; } .slider-intro .slide img { display: none; } .slider-intro .slide-callout { border: 2px solid #fff; background: rgba(0, 0, 0, 0.4); padding: 25px 0 27px; position: relative; z-index: 100; } .slider-intro .slide-callout h1 { display: inline-block; margin-top: 0; margin-bottom: 0; margin-right: 100px; vertical-align: middle; } .slider-intro .slide-callout .btn { vertical-align: middle; } .slider-intro .slides { list-style: none outside none; } .slider-intro .slides:after { content: ''; display: table; clear: both; } .slider-intro .flex-control-nav { bottom: 100px; } .slider-intro .flex-control-paging li { margin: 0; } .slider-intro .flex-control-paging li + li { margin-left: 5px; } .slider-intro .flex-control-paging li a { width: 16px; height: 16px; border-radius: 50%; background: #e0dbda; border: 1px solid #fff; box-shadow: none; } .slider-intro .flex-control-paging li .flex-active { background: #a9dd4d; border-color: #a9dd4d; } /* slider-deals */ .slider-deals .slide { float: left; width: 17%; background: #fff; text-align: center; margin: 0 9px; } .slider-deals .slide img { width: 100%; height: auto; } .slider-deals .slide .slider-content-head { min-height: 48px; margin-bottom: 16px; } .slider-deals .slide .slider-content-head h3 { display: inline-block; vertical-align: middle; } .slider-deals .slide p { font-size: 14px; line-height: 1; letter-spacing: .1em; font-style: italic; color: #666; font-family: serif; margin: 0 0 5px; } .slider-deals .slide.slick-current .btn-details { background: #8ec93e; } .slider-deals .slide .price { font-family: 'HelveticaNeueLTStd', sans-serif; font-size: 27px; line-height: 1; letter-spacing: .1em; color: #206EB3; font-style: normal; font-weight: 700; margin-bottom: 30px; } .slider-deals .slide-image { margin-bottom: 24px; } .slider-deals .slides:after { content: ''; display: table; clear: both; } @media(max-width: 1202px){ .slider-deals { margin: 0 -9px; } .slider-intro .slide-callout h1 { margin-right: 10px; } } /* ------------------------------------------------------------ *\ Tab \* ------------------------------------------------------------ */ .tabs { max-width: 1056px; } .tabs-nav li { float: left; width: 24.75%; } .tabs-nav li a { display: block; width: 100%; color: #fff; background:#206EB3; font-size: 15px; line-height: 48px; height: 48px; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; transition: all .3s; } .tabs-nav .current a, .tabs-nav li a:hover { background: #a2e34a; } .tabs-nav li + li { margin-left: .33%; } .tabs-nav ul:after { content: ''; display: table; clear: both; } .tabs-nav ul { list-style: none; } .tab { padding: 0 45px; } .tab { opacity: 0; overflow: hidden; max-height: 0; position: relative; left: -20px; transition: left .5s; } .tab.current { position: relative; left: 0; padding: 27px 47px 25px; opacity: 1; overflow: visible; max-height: 700px; border: 1px solid #d2d2d2; } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widgets h3 { font-size: 17px; line-height: 1; color: #fff; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin: 0; text-transform: uppercase; } .widgets .widget { border: 1px solid #d0d0d0; background: #036; } .widgets .widget-head { padding: 20px; } .widgets .widget-body { padding: 8px 9px 10px 8px; } .widgets .widget-body p { font-size: 15px; line-height: 1; letter-spacing: .025em; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin: 0; color: #333; margin-bottom: 10px; padding-left: 8px; } .widgets .widget-body p span { font-size: 40px; color:#206EB3; } .widgets .widget-actions { padding: 0 12px 13px; } .widgets .widget-actions .btn-clear { display: inline-block; font-size: 15px; line-height: 1; letter-spacing: .025em; color:#206EB3; text-decoration: none; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; transition: all .3s; } .widgets .widget-actions .btn-clear:hover { color: #333; } .widgets .list-radios { margin-bottom: 20px; padding-left: 8px; } .widgets .list-radios li { float: none; font-size: 15px; } .widgets .list-radios li + li { margin: 0; margin-top: 8px; } .widgets .widget-low-rate, .widgets .widget-search .widget-actions, .widgets .widget-search .widget-body { background: #fff; } .widgets .widget-contact .widget-head { text-align: center; } .widgets .widget-contact h3 { font-size: 20px; } .widgets .widget-contact .widget-body { padding: 0 16px 23px; } .widgets .widget-contact .widget-body .btn { display: block; width: 100%; line-height: 47px; height: 47px; font-size: 15px; border: 1px solid transparent ; letter-spacing: .16em; } .widgets .widget-contact .widget-body .btn:hover { border-color:#206EB3; } .widgets .widget-low-rate { text-align: center; padding-top: 19px; border: none; padding-bottom: 20px; } .widgets .widget + .widget { margin-top: 13px; } .widgets .widget-filter { background: #fff; border-color: #777777; } .widgets .widget-filter .widget-head-secondary { color: #fff; padding: 14px 16px 9px; background:#206EB3; border-bottom: 1px solid #999; } .widgets .widget-filter .widget-head-secondary h3 { font-size: 18px; } .widgets .widget-filter .widget-entry { background: #036; color: #fff; font-size: 14px; line-height: 1.42; padding: 10px 15px 13px 16px; } .widgets .widget-filter .widget-body { padding: 16px 16px 25px; } .widgets .widget-filter .widget-body h4 { font-size: 17px; color: #333; margin-bottom: 22px; } .widgets .widget-filter .widget-body .list-checkboxes-primary li + li { margin-top: 8px; } .widgets .widget-filter .widget-body .checkbox .form-label { font-size: 15px; line-height: 1; } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ base elements \* ------------------------------------------------------------ */ .col { float: left; } .col-size1 { width: 43%; padding-top: 17px; } .col-size2 { width: 29%; } .col-size3 { width: 28%; } .col-size4 { width: 48%; padding-right: 88px; } .col-size5 { width: 52%; } .col-size6 { width: 27.2%; } .col-size7 { width: 47%; } .col-size8 { width: 52%; margin-left: 1%; } .col-size9 { width: 26%; } .col-size10 { width: 49%; } .col-size10 + .col-size10 { margin-left: 2%; } .col-1of2 { width: 50%; } .footer-col { float: left; } .footer-col-size1 { width: 22%; } .footer-col-size2 { width: 21%; } .footer-col-size3 { width: 42%; } .footer-col-size4 { width: 15%; } .form-col { float: left; } .form-col-1of3 { width: 33%; } .form-col-1of3 + .form-col-1of3 { margin-left: .5%; } .row + .row { margin-top: 25px; } .row:after, .form-row:after { content: ''; display: table; clear: both; } /* callout */ .callout .callout-inner { background:#206EB3; padding: 38px 28px 38px 51px; } .callout .callout-inner h2 { font-size: 24px; letter-spacing: .04em; font-weight: 700; color: #fff; margin: 0; display: inline-block; vertical-align: middle; text-align: left; padding-top: 8px; } .callout .callout-inner .btn-blue { float: right; } .callout .callout-inner-primary { background: #036; padding-left: 33px; padding-right: 30px; } .callout .callout-inner:after, .callout:after { content: ''; display: table; clear: both; } .callout-primary { background: #f1f6fc; padding-top: 27px; padding-bottom: 18px; } .callout-primary-search { padding-bottom: 28px; } .callout-primary-hotels { padding-top: 65px; padding-bottom: 60px; } .callout-primary h3 { margin: 0; font-size: 18px; line-height: 1.2; color: #666; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 5px; } .callout-primary h4 { margin: 0; color: #206EB3; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; font-size: 30px; margin-bottom: 7px; } .callout-primary h4 + p { padding-top: 12px; } .callout-primary-hotels h4 { text-transform: uppercase; margin-bottom: 11px; } .callout-primary-hotels h4 + p { padding: 0; } .callout-primary p { margin: 0; color: #666; font-size: 18px; margin-bottom: 21px; } .callout-primary-hotels p { margin-bottom: 31px; } .callout-primary .btn-callout { width: 286px; line-height: 42px; height: 42px; } .callout-primary .select { display: inline-block; width: auto; } .callout-primary .selecter-options, .callout-primary .selecter-selected { border-radius: 0; min-width: 314px; min-height: 36px; line-height: 36px; } .callout-primary .callout-primary-inner { margin-top: 57px; background:#206EB3; padding: 31px 15px 32px 25px; } .callout-primary-hotels .callout-primary-inner { margin-top: 12px; } .callout-primary .callout-primary-inner p { font-size: 20px; line-height: 1; letter-spacing: .04em; text-transform: uppercase; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; color: #fff; display: inline-block; margin: 0; margin-right: 5px; } .callout-submission { background:#206EB3; padding-top: 81px; padding-bottom: 108px; } .callout-submission h3 { margin: 0; font-size: 27px; color: #a2e34a; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 18px; text-transform: capitalize; } .callout-submission p { margin: 0; color: #fff; font-size: 18px; line-height: 1; margin-bottom: 40px; } .callout-submission p strong { font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } /* intro */ .intro-primary { min-height: 91px; background: #4584e2; margin-bottom: 75px; } .intro { padding-top: 150px; padding-bottom: 170px; position: relative; background: url(../css/images/temp/intro-bg.png) no-repeat center center; background-size: cover; } .intro:before { display: inline-block; content: ''; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(53,122,223,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#206EB3', endColorstr='#00ffffff',GradientType=0 ); position: absolute; top: 0; left: 0; z-index: 99; } .intro .intro-content { z-index: 100; position: relative; max-width: 390px; margin-left: 27px; position: relative; } .intro .intro-hint { background: #206EB3; padding: 9px 11px 12px; max-width: 350px; } .intro .intro-hint h3 { margin: 0; font-size: 18px; line-height: 1; color: #a2e34a; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 2px; } .intro .intro-hint p { margin: 0; font-size: 11px; color: #fff; margin-bottom: 10px; } .intro .intro-advanced { position: absolute; top: 0; right: 0; bottom: 0; width: 40px; box-shadow: 0 1px 1px rgba(0,0,0,.64); } .intro .intro-advanced .btn-advanced { height: 40px; width: 516px; text-align: center; background: #a2e34a; display: block; text-decoration: none; line-height: 40px; color: #fff; transition: all .3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 258px 258px; -ms-transform-origin: 258px 258px; transform-origin: 258px 258px; position: relative; font-size: 16px; } .intro .intro-advanced .btn-advanced:after { display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ffffff transparent transparent transparent; margin-left: 7px; position: relative; top: 0px; } .intro .intro-advanced .btn-advanced:hover { background: #206EB3; } .intro-vacation { background: url(../css/images/temp/intro-vacation.jpg) no-repeat center center; background-size: cover; } .intro-cruize { background: url(../css/images/temp/intro-cruize.jpg) no-repeat center center; background-size: cover; } .intro-weeks { background: url(../css/images/temp/intro-weeks.jpg) no-repeat center center; background-size: cover; } .intro-now-weeks { background: url(../css/images/temp/intro-now-weeks.jpg) no-repeat center center; background-size: cover; } .intro-now-weeks-search { background: url(../css/images/temp/intro-now-weeks-search.jpg) no-repeat center center; background-size: cover; } .intro-hotel-search { background: url(../css/images/temp/intro-hotel-search.jpg) no-repeat center center; background-size: cover; } .intro-account { background: url(../css/images/temp/intro-account.jpg) no-repeat center center; background-size: cover; } .intro-travel-res { background: url(../css/images/temp/intro-travel-res.jpg) no-repeat center center; background-size: cover; padding: 0; min-height: 380px; } .intro-credits { background: url(../css/images/temp/intro-credits.jpg) no-repeat center center; background-size: cover; padding: 0; min-height: 380px; } .intro-cruise-res { background: url(../css/images/temp/intro-cruise-res.jpg) no-repeat center center; background-size: cover; padding: 0; min-height: 380px; } .intro-concierge { background: url(../css/images/temp/intro-concierge.jpg) no-repeat center center; background-size: cover; padding: 0; min-height: 380px; } .intro-contact { background: url(../css/images/temp/intro-contact.jpg) no-repeat center center; background-size: cover; padding: 0; min-height: 380px; } .intro-tour { background: url(../css/images/temp/intro-tour.jpg) no-repeat center center; background-size: cover; padding: 0; min-height: 380px; } .intro-hotel { background: url(../css/images/temp/intro-hotel.jpg) no-repeat center center; background-size: cover; } .intro-hotel .intro-advanced { width: 225px; right: -185px; background: rgba(255, 255, 255, 0.85); padding: 28px 15px 30px; box-shadow: inset 0 -1px 4px rgba(0,0,0,.45);} /* resources */ .resources { list-style: none; } .resources .resource { border-bottom: 1px solid #666; } .resources .resource-label { width: 25.5%; float: left; padding-top: 11px; padding-bottom: 10px; font-size: 17px; } .resources .resource-body { width: 74.5%; float: left; } .resources .resource:after { content: ''; display: table; clear: both; } .resources .resource + .resource { margin-top: 15px; } /* contact */ .contact h4 { font-size: 17px; line-height: 1; color: #003366; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin: 0 0 10px; } .contact p { font-size: 17px; line-height: 2.12; color: #333; } .contact a { text-decoration: none; font-size: 17px; line-height: 2.12; color: #333; transition: all .3s; } .contact a:hover { color: #036; } .contact + .contact { margin-top: 44px; } /* breadcrumbs */ .breadcrumbs { padding-top: 54px; padding-bottom: 15px; } .breadcrumbs-primary { padding-top: 34px; } .breadcrumbs p { margin: 0; display: inline-block; line-height: 33px; border-radius: 5px; border: 1px solid #c3d1d9; background-color: ffffff; background:linear-gradient(#ffffff, #e0eaef); font-size: 14px; color: #656f80; } .breadcrumbs p a { display: inline-block; height: 100%; padding-left: 13px; padding-right: 10px; vertical-align: middle; text-decoration: none; position: relative; } .breadcrumbs p .current { color: #007ac2; font-weight: 700; font-family: 'HelveticaNeueLTStd', sans-serif; } .breadcrumbs p a:hover { color: #007ac2; } .breadcrumbs p a:after { display: inline-block; content: ''; height: 100%; width: 11px; background: url(../css/images/separator.png) no-repeat 0 0; background-size: 100% 100%; position: absolute; right: -11px; top: 0; bottom: 0; } .breadcrumbs p a:last-child:after { display: none; } .breadcrumbs p i { vertical-align: middle; margin-top: -3px; } /* trip-info */ .trip-info { min-height: 278px; border: 1px solid #ccc; } .trip-info .trip-info-head { padding: 5px 4px; } .trip-info .trip-info-head h3 { background:#206EB3; color: #fff; font-size: 17px; line-height: 1.25; letter-spacing: .16em; padding: 8px 10px 7px; } .trip-info .trip-info-body { padding: 4px 7px 0 13px; } .trip-info-teritary { background: #f1f6fc; } .trip-info-teritary .trip-info-head { background: #fff; } .trip-info-teritary .trip-info-body { padding-bottom: 10px; background: #fff; } .trip-info .trip-info-body .list-price { padding-right: 16px; } .trip-info .trip-info-body p { font-size: 17px; color: #333; margin: 0; } .trip-info .trip-info-body p + p { margin-top: 13px; } .trip-info .trip-info-body p span { color: #1556a2; font-weight: 700; } .trip-info .trip-info-actions { padding: 14px 14px 0; border-top: 1px solid #ccc; } .trip-info .trip-info-actions i { margin-right: 6px; margin-top: -4px; } .trip-info .trip-info-actions p { line-height: 41px; font-size: 17px; color: #333; } .trip-info .trip-info-actions p span { color:#206EB3; } .trip-info .list-radios-dark { margin-bottom: 12px; padding-top: 8px; } .trip-info .checkbox { font-size: 14px; color: #252a2d; } .trip-info .checkbox input { position: relative; bottom: -2px; } .trip-info .checkbox span { color:#206EB3; text-decoration: underline; } .trip-info-secondary { min-height: 146px; } .trip-info-secondary p { line-height: 1; padding-top: 21px; } .trip-info-gray { min-height: 0; background: #f1f6fc; } .trip-info-gray .trip-info-actions { background: #fff; border: 1px solid #d2d2d2; margin: 0 11px 12px; padding: 15px 12px 15px; margin-top: 15px; } .trip-info-gray .trip-info-actions p { line-height: 1.3; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 8px; } .trip-info-gray .trip-info-actions .checkbox { font-size: 16px; color: #333; position: relative; padding-left: 26px; } .trip-info-gray .trip-info-actions .checkbox input { position: absolute; left: 0; top: 2px; } .trip-info-gray .trip-info-body { padding-top: 21px; } /* sort */ .sort { font-size: 16px; line-height: 1; letter-spacing: .025em; color: #333; margin: 0; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .sort a { color: #228ac7; text-decoration: none; display: inline-block; font-weight: 400; font-family: 'HelveticaNeueLTStdRoman', sans-serif; } .sort a:hover { color: #333; } .sort .current { font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; color: #333; } /* results */ .results { list-style: none; border: 1px solid #bbbcbc; } .results .result { padding: 16px 27px 8px 14px; } .results .result-image { float: left; width: 21.5%; text-align: center; } .results .result-image img { width: 100%; height: auto; } .results .result-image .link-details { font-size: 15px; color: #333; display: block; margin-top: 3px; } .results .result-content { float: left; width: 58%; padding: 9px 24px 0 28px; } .results .result-content h4 { margin: 0; margin-bottom: 20px; font-size: 17px; color: #0161d2; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .results .result-content h5 { margin: 0; font-style: normal; margin-bottom: 15px; color: #000; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; font-size: 15px; } .results .result-price { float: left; width: 19.5%; padding-top: 9px; padding-left: 4px; } .results .result-price-inner { text-align: right; padding-right: 6px; padding-bottom: 10px; } .results .result-price-inner small { font-size: 16px; color: #666; display: inline-block; padding-right: 82px; } .results .result-price-inner p { font-size: 52px; line-height: 1; color:#206EB3; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin: 0; } .results .result-price-inner p span { color: #666; font-size: 28px; position: relative; top: -15px; display: inline-block; padding-right: 0; } .results .result-price-inner p sup { font-size: 28px; } .results .result-price-inner span { color: #17c34b; font-size: 18px; line-height: 1; padding-right: 10px; display: block; padding-top: 3px; } .results .result-price .btn { display: block; width: 100%; font-size: 14px; line-height: 45px; height: 45px; letter-spacing: .16em; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .results .result-price .phone { font-size: 14px; color: #333; letter-spacing: .025em; text-align: right; padding-top: 8px; margin: 0; padding-right: 4px; } .results .result-price .phone a { color: #228ac7; font-size: 16px; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .results .result:after { content: ''; display: table; clear: both; } .results .result + .result { border-top: 1px solid #bbbcbc; } /* paging */ .paging { text-align: center; } .paging ul { display: inline-block; background: #efefef; padding: 3px 3px; border-radius: 7px; border: 1px solid #e0e0e0; } .paging li { display: inline-block; font-size: 16px; line-height: 1; letter-spacing: .03em; color: #444; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; } .paging li a { display: inline-block; text-decoration: none; background-color: #f9f9f9; background:linear-gradient(#f9f9f9, #f0f0f0); line-height: 33px; height: 33px; border-radius: 5px; min-width: 35px; box-shadow: 0px 2px 3px 0px rgba(205,205,205,1); transition: all .3s; } .paging li + li { margin-left: 3px; } .paging li .nav-btn { min-width: 49px; } .paging li a:hover { box-shadow: inset 0px 2px 3px 0px rgba(205,205,205,1); } .paging .current a { color: #1c7bb8; box-shadow: none; background: transparent; } /* articles-holder */ .articles-holder + .articles-holder { margin-top: 40px; } .articles-holder .articles-holder-head { background:#206EB3; padding: 7px 20px 7px 11px; margin-bottom: 15px; } .articles-holder .articles-holder-head h3 { font-size: 19px; line-height: 1; color: #fff; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; display: inline-block; vertical-align: top; margin: 0; } .articles-holder .articles-holder-head p { font-size: 15px; line-height: 1; color: #fff; display: inline-block; vertical-align: top; padding-top: 4px; margin: 0; } .articles-holder .articles-holder-head-inner { float: left; padding-top: 9px; } .articles-holder .articles-head-nav { float: right; } .articles-holder .articles-holder-body:after, .articles-holder .articles-holder-head:after { content: ''; display: table; clear: both; } .articles-holder .articles-holder-body .article { width: 32%; float: left; } .articles-holder .articles-holder-body .article + .article { margin-left: 2%; } .articles-head-nav ul { list-style: none; } .articles-head-nav li { float: left; } .articles-head-nav li a { display: inline-block; line-height: 32px; height: 35px; width: 50px; border-radius: 7px; background-color: #fff; background:linear-gradient(#fff, #f2f2f2); text-align: center; box-shadow: 0px 2px 3px 0px rgba(0,0,0,.3); } .articles-head-nav li a:hover { box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,.3); } .articles-head-nav li + li { margin-left: 7px; } /* bar */ .bar { padding-top: 23px; padding-bottom: 16px; } .bar-secondary { padding-bottom: 23px; } .bar-credits { padding-top: 35px; padding-bottom: 46px; } .bar .breadcrumbs { float: left; padding: 0; padding-top: 10px; } .bar-credits .breadcrumbs { padding-top: 0; } .bar .list-buttons { float: right; } /* vacations */ .vacations { list-style: none; border: 1px solid #2bb6f8; } .vacations .vacation { padding: 10px 18px 11px 15px; width: 100%; font-size: 16px; line-height: 1; color: #000; } .vacations .vacation p { margin: 0; } .vacations .vacation-image, .vacations .vacation-date, .vacations .vacation-duration, .vacations .vacation-price, .vacations .vacation-actions { display: inline-block; vertical-align: middle; position: relative; text-align: center; height: 100%; } .vacations .vacation-image:before, .vacations .vacation-date:before, .vacations .vacation-duration:before { display: inline-block; content: ''; vertical-align: middle; position: absolute; right: 3px; top: 50%; margin-top: -22px; width: 1px; height: 45px; background: #4fcfef; } .vacations .vacation-image { width: 33.5%; text-align: left; } .vacations .vacation-date { width: 20.5%; } .vacations .vacation-date a { display: block; color: #206EB3; font-size: 12px; line-height: 1; text-decoration: underline; margin-top: 5px; } .vacations .vacation-duration { width: 16%; } .vacations .vacation-duration p { font-size: 14px; margin-top: 5px; } .vacations .vacation-price { width: 15%; text-align: right; padding-right: 38px; } .vacations .vacation-price strong { display: inline-block; position: relative; color: #206EB3; font-size: 33px; line-height: 1; margin-bottom: 3px; } .vacations .vacation-price strong span { display: inline-block; position: absolute; left: 100%; top: 0; color: #4fc759; } .vacations .vacation-price p { font-size: 13px; letter-spacing: .025em; color: #424242; } .vacations .vacation-price p + p { margin-top: 5px; } .vacations .vacation-price .green { color: #0fb31d; } .vacations .vacation-actions { width: 13.4%; } .vacations .vacation-actions .btn { width: 155px; line-height: 45px; height: 45px; font-size: 14px; } .vacations .vacation-image img { float: left; width: 21%; } .vacations .vacation-image .vacation-image-inner { float: left; width: 79%; padding-top: 13px; padding-left: 14px; } .vacations .vacation-image-inner h3 { margin: 0; color: #0161d2; font-size: 16px; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin-bottom: 7px; } .vacations .vacation-image-inner p { margin: 0; font-size: 14px; line-height: 1; color: #000; } .vacations .vacation-image:after { content: ''; display: table; clear: both; } .vacations .vacation + .vacation { border-top: 1px solid #2bb6f8; } /* hotel-results */ .hotel-results { list-style: none; margin-bottom: 20px; } .hotel-results .hotel-result { border: 1px solid #b6b7b7; position: relative; } .hotel-results .hotel-result + .hotel-result { margin-top: 19px; } .hotel-results .hotel-result-label { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; display: inline-block; min-width: 105px; text-align: center; background: #2dabfa; font-size: 14px; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 32px; height: 32px; color: #fff; position: absolute; top: 129px; left: 0; } .hotel-results .hotel-result-inner { float: left; width: 67%; padding-top: 3px; } .hotel-results .hotel-result-price { float: right; width: 33%; text-align: right; padding-right: 8px; } .hotel-results .hotel-result-price strong { display: inline-block; position: relative; color: #206EB3; font-size: 26px; line-height: 1; margin-bottom: 3px; } .hotel-results .hotel-result-price strong span { display: inline-block; position: absolute; left: 100%; top: 0; color: #4fc759; } .hotel-results .hotel-result-price p { font-size: 13px; letter-spacing: .025em; color: #424242; margin: 0; } .hotel-results .hotel-result-price p + p { margin-top: 5px; } .hotel-results .hotel-result-price .green { color: #0fb31d; } .hotel-results .hotel-result-price .btn { width: 166px; line-height: 45px; height: 45px; font-size: 14px; margin-top: 20px; } .hotel-results .hotel-image { width: 25%; float: left; padding-top: 3px; } .hotel-results .hotel-result-about { width: 75%; padding-left: 16px; float: left; } .hotel-results .hotel-result-about h3 { margin: 0; font-size: 17px; color: #0968c0; letter-spacing: .025em; font-family: 'HelveticaNeueLTStdRoman', sans-serif; margin-bottom: 7px; } .hotel-results .hotel-result-about p { margin: 0; font-size: 15px; color: #424242; letter-spacing: .025em; } .hotel-results .hotel-result-about p i { float: left; } .hotel-results .hotel-result-about p i + i { margin-left: -1px; } .hotel-results .hotel-result-about p + p { margin-top: 17px; } .hotel-results .hotel-result-about p:after, .hotel-results .hotel-result-inner:after, .hotel-results .hotel-result-content:after { content: ''; display: table; clear: both; } .hotel-results .hotel-result-content { padding: 22px 23px 31px 51px; } .hotel-results .hotel-result-bar { background:#206EB3; line-height: 1; padding: 16px 33px 16px 20px; } .hotel-results .hotel-result-bar p { margin: 0; width: 50%; float: left; color: #fff; font-size: 19px; } .hotel-results .hotel-result-bar p + p { text-align: right; } .hotel-results .hotel-result-bar:after { content: ''; display: table; clear: both; } .hotel-results .hotel-result-foot { background: #f2f8fb; padding: 22px 18px 21px; display: table; width: 100%; box-shadow: inset 0px 3px 2px 0px rgba(4,5,5,0.18); } .hotel-results .hotel-result-foot .offer-size { display: table-cell; vertical-align: bottom; position: relative; } .hotel-results .hotel-result-foot .offer-size:before { display: inline-block; content: ''; width: 1px; height: 59px; background: #d0d1d2; position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hotel-results .hotel-result-foot .offer-size:last-child:before { display: none; } .hotel-results .hotel-result-foot .offer-size img { display: inline-block; vertical-align: bottom; } .hotel-results .hotel-result-foot .offer-size p { display: inline-block; vertical-align: bottom; font-size: 20px; color: #0fb31d; letter-spacing: .025em; font-family: 'HelveticaNeueLTStd', sans-serif; font-weight: 700; margin: 0; padding-bottom: 5px; margin-left: 35px; } .hotel-results .hotel-result-foot .offer-size p span { float: right; font-size: 14px; color: #333333; letter-spacing: .025em; font-family: 'HelveticaNeueLTStdRoman', sans-serif; font-weight: 400; line-height: 1; } .hotel-results .hotel-result-foot .offer-size p:after { content: ''; display: table; clear: both; } .hotel-results .hotel-result-foot .offer-size1 { width: 30%; } .hotel-results .hotel-result-foot .offer-size2 { width: 32%; } .hotel-results .hotel-result-foot .offer-size3 { width: 38%; } /* charges */ .charges { list-style: none; background: #f7f5f4; padding: 27px 25px 25px 21px; } .charges .charge + .charge { margin-top: 17px; padding-top: 11px; border-top: 1px solid #d5d4d4; } .charges .charge h3 { font-size: 25px; line-height: 1; color: #206EB3; margin: 0; margin-bottom: 5px; } .charges .charge p { font-size: 18px; color: #333; margin: 0; margin-bottom: 10px; } .charges .charge p strong { font-size: 29px; } .charges .charge a { display: inline-block; color: #666666; font-size: 16px; } .charges .charge-inner { float: left; width: 65%; } .charges .charge .btn { float: right; width: 35%; color: #fff; line-height: 47px; height: 47px; margin-top: 15px; } .charges .charge:after { content: ''; display: table; clear: both; } @media(max-width: 1202px){ .col-size1 { width: 33.33%; padding-top: 0; padding-right: 10px; } .col-size2 { width: 33.33%; } .col-size3 { width: 33.33%; } .footer-col-size3 { width: 37%; } .vacations .vacation-image .vacation-image-inner { padding-top: 0; padding-left: 5px; padding-right: 5px; } .hotel-results .hotel-result-foot .offer-size p { margin-left: 0; } .callout-primary .callout-primary-inner { padding-left: 15px; } .callout-primary .callout-primary-inner .btn { margin-top: 15px; } .vacations .vacation-price { padding-right: 10px; width: 14%; } .vacations .vacation-actions .btn { width: 100%; } .results .result-price .phone { font-size: 12px; } .results .result-price .phone a { font-size: 12px; } } @media(max-width: 1501px){ .col-size6 { width: 36%; } .callout .callout-inner h2 { display: block; margin-bottom: 10px; } .callout .callout-inner .btn-blue { float: none; } .callout .callout-inner { padding-left: 10px; padding-right: 10px; } } .ul-left-margin{margin-left:10px;}