/*------------------------------------------------------------------ [ Master Stylesheet ] Project: Aspria.com - Corporate Website Version: 1.1 Lines: 1879 Last change: 08/04/15 - Membership top nav btn - Book&Buy top nav btn - Unused classes - Top Nav line height -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [ Table of contents ] 0. Preloader 1. Reset 2. Layout 3. Typography - Headings - Buttons - Custom Icons - Colors - Tabs - Pagination 4. Scrolltop 5. Header - Header Layout - Mainmenu - Menu Table - Search 6. Home 7. Content - Content Layout - Page Header - Search Results 8. Forms - General Styles - jSlider (input type 'range') - Custom select ('chosen') - Newsletters 9. Slider - General Styles - Logotypes ('.logos') - Fullwidth ('.oneslider') - Popup Slider - Pricing Slider - Arrows - Slider Pagination 10. Gallery 11. Catalog 12. Cart 13. 14. Team - Team List - Team Item - Hover images - Team details 15. Vacancy 16. 17. Blog - ext. file 18. YouTube video player ('ytplayer') 19. Popup - Popup General - Popup: Team - Popup Login - Popup Slider ('magnific') 20. History 21. Page 404 22. Footer 22. Landing Pages/Campaigns 23. Special Pages 24. Responsive styles -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [ PRELOADER ] -------------------------------------------------------------------*/ #preloader { background-color: #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000; } #status { background-image: url("../images/preloader.gif"); background-position: center center; background-repeat: no-repeat; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: absolute; top: 50%; width: 200px;} /*#overlay { position: fixed; z-index: 99999; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,11,39,0.95); transition: 1s 0.4s; } #progress { height: 1px; background: #fff; position: absolute; width: 0; top: 50%; } #progstat { font-size: 1em; letter-spacing: 0.2em; position: absolute; top: 50%; margin-top: -40px; width: 100%; text-align: center; color: #fff; font-family: Raleway; }*/ /*------------------------------------------------------------------ [ RESET ] -------------------------------------------------------------------*/ html { font-size: 100%; sx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body, div, span, h1, h2, h3, h4, h5, h6, p, em, a, img, strong, sub, b, u, i, ul, li, form, label { border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%; margin: 0; padding: 0; } a:active, a:hover, a:focus, input:active, button:active, button, textarea:focus, input:focus { outline: 0; text-decoration: none; } ins { text-decoration: none; } input, select, button, textarea { font-size: 100%; margin: 0; padding: 0; } button, input, select, textarea { font-size: 100%; vertical-align: baseline; margin: 0; } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; overflow: visible; } button[disabled], input[disabled] { cursor: default; } article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary { display: block; margin: 0; padding: 0; } img { border: 0; } .none { display: none; } ul, ol { margin-bottom: 30px; list-style: inside; } /*.content ul{ margin-left: 11px; }*/ ul li { line-height: 1.9; } ol { margin: 0 0 0 10px; padding: 0; counter-reset: num; } ol li { list-style: none; margin-left: 0; line-height: 1.8; } ol li:before { content: counter(num) '. '; counter-increment: num; } ol ol li:before { content: counters(num, '.') ' '; } table { border-collapse: collapse; } table { width: 100%; margin-bottom: 45px; font-size: 18px; } table:last-child { margin-bottom: 0; } .table-responsive { border: 0; } .table-responsive table { margin-bottom: 20px; } table th { font-size: 20px; color: #000b27; text-align: left; font-weight: 400; border-bottom: 1px solid #EAEAEA; padding: 15px 28px; } table td { white-space: nowrap; padding: 10px 28px; } table tbody tr:first-child td { padding-top: 30px; } table tbody tr:last-child td { padding-bottom: 30px; } table tr.last > * { padding-top: 30px !important; } table td a, [class*=skin-] table td a { color: #000b27; } table td a:hover { color: #3D9CD6; } table .pclose { position: static!important; display: inline-block; } table .td-descr { white-space: normal; } table .counting { font-size: 20px; } .table > thead > tr > th { font-weight: 300; border-bottom: 1px solid #D6D6D6; line-height: 22px; padding: 22px 30px; } .table > thead > tr.highlight > th { border-bottom: 0; } .table > thead > tr > th:first-child { } .table > thead > tr > th:last-child { } .table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td { line-height: 30px; padding: 0 30px; } .table > tbody > tr > td { border: 0; } .table > tfoot > tr > td { border-top: 1px solid #EAEAEA; padding: 22px 30px; line-height: 22px; } .table tbody tr:first-child td { padding-top: 25px; } .table tbody tr:last-child td { padding-bottom: 25px; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive { display: block; height: 0; overflow: hidden; padding: 0; position: relative; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .col-md-4 .embed-responsive, .col-md-3 .embed-responsive { margin-bottom: 25px; } /*------------------------------------------------------------------ [ LAYOUT ] -------------------------------------------------------------------*/ * { -webkit-font-smoothing: antialiased !important; } body { font-family: "Source Sans Pro", sans-serif; font-size: 16px; line-height: 1.55; letter-spacing: 0.02em; color: #000b27; font-weight: 300; overflow-x: hidden; width: 100%; height: 100%; } body.container { padding-top: 0 !important; padding-bottom: 0 !important; } body.container .footer .container:last-child { padding-bottom: 0; } .overlay, .overlay > * { position: relative; } .overlay, .overlay-mb > * { position: relative; } .overlay:after, .overlay.overlay-dark-blue:after { background-color: #00111e; opacity: 0 !important; left: 0; top: 0; display: block!important; content: ""; height: 100%; position: absolute; width: 100%; } .cub-page .content > .overlay:first-child:after {opacity: 0.25 !important;} .cub-page .content > .overlay:first-child h1 {font-size: 42px; font-weight: 300;margin: 0 0 10px; line-height:1.4;} .cub-page .content > .overlay:first-child span.slogan {font-size: 42px; font-weight: 300;margin: 0 0 10px; line-height:1.4;} .cub-page .content > .overlay:first-child p { font-weight: 400;font-size: 20px;} .top-banner-video .content > .overlay:first-child .row {max-width: 880px; margin: 0 auto;} .top-banner-video .content > .overlay:first-child:after {opacity: 0.25 !important;} .top-banner-video .content > .overlay:first-child h1 {font-size: 42px; font-weight: 300;margin: 0 0 10px; line-height:1.4;} .top-banner-video .content > .overlay:first-child p { font-weight: 400;font-size: 20px;} .overlay.darker:after { background-color: #00111e; opacity: .5 !important; left: 0; top: 0; display: block!important; content: ""; height: 100%; position: absolute; width: 100%; } .overlay.overlay-light:after { background-color: #00111e; opacity: .1; } .page-light-overlay .overlay:after { opacity: .15; } .container { padding: 55px 0; } .container:last-child { padding-bottom: 110px; } .container .container:last-child { padding-bottom: 55px; } .container-fluid { width: 100% !important; } .highlight .container { padding: 75px 0; } .highlight .container.promo-banner { padding: 60px 0; } .wrapper > .content > .highlight > .container > .row > .col-sm-4 > h2 { font-size: 28px; } .no-border, .no-border * { border: 0 !important; } .no-padding { padding: 0 !important; } .container.no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .padding-top-0 { padding-top: 0 !important; } .padding-top-big { margin-top: 125px!important; padding-top: 0; } .padding-top-20 { padding-top: 20px!important; } .padding-top-30 { padding-top: 30px!important; } .padding-top-40 { padding-top: 40px!important; } .padding-top { padding-top: 90px!important; } .padding-top-medium { padding-top: 60px !important; } .padding-medium { padding-top: 90px !important; padding-bottom: 90px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom { padding-bottom: 65px!important; } .padding-bottom-big { padding-bottom: 180px !important; } .padding-bottom-huge { padding-bottom: 370px!important; } .margin-top-0 { margin-top: 0px!important; } .margin-top-small { margin-top: 30px!important; } .margin-top-medium { margin-top: 60px!important; } .margin-top { margin-top: 90px!important; } .margin-top-big { margin-top: 150px!important; } .margin-bottom-0 { margin-bottom: 0 !important } .row { margin-left: 0; margin-right: 0; } .row .row, .row + .row { margin-top: 5px; } .row .row:first-child { margin-top: 0; } .row.border-bottom + .row { margin-top: 40px; } .inforow > [class*=col-] { margin-bottom: 30px; } .inforow { margin-bottom: -30px; overflow: hidden; } .block { overflow: hidden; display: block !important; } button.block { width: 100%; } .equal { display: table; width: 100%; } .equal > * { display: table-cell !important; box-sizing: border-box; float: none; margin: 0; padding: 40px 30px } .big-padding { padding: 120px 0!important; } .separator { height: 1px; background-color: #ccc; border: 0; overflow: hidden; clear: both; width: 100%; content: '\0020'; font-size: 1px; margin-bottom: 15px } .circle, .circle:after, .circle img { border-radius: 100%; -webkit-transform: translateZ(0); display: inline-block; } .inline > * { margin-left: 30px; display: inline-block; vertical-align: middle; } .inline > :first-child { margin-left: 0; } .rel { position: relative; } .static { position: static !important; } .inline-block { display: inline-block; vertical-align: middle; margin-right: 10px; } .inline-block:last-child { margin-right: 0; } .middle { vertical-align: middle !important; } .huge-size { height: 700px; } .big-size { height: 540px; } .large-size { height: 480px; } .medium-size { height: 360px; } .small-size { height: 200px; } .divtable { display: table; width: 100%; } .divtable > * { display: table-cell; float: none; } .divider-10 { height: 20px; position: relative; float: left; display: block; width: 100% } img.pull-left { margin: 8px 25px 10px 0; } img.img-content { max-width: 400px; } .highlight-home h2 { font-size: 26px; margin-bottom: 15px } /*.highlight p { font-size: 13px; line-height: 24px }*/ .uppercase { text-transform: uppercase } .highlight-home { margin-bottom: 0; padding: 60px 0 0; } .stick-transition { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease; } #sticky { width: 100%; color: #fff; z-index: 1030; position: relative; background-color: #fff; } #sticky.stick { position: fixed; top: 0; z-index: 9000; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); margin-top: 62px } #sticky.stick > .breadcumbs-container { padding: 0; margin: 0; background-color: #fff; } .login-shop { background-color: #3d9cd6; font-size: 22px; padding: 20px 30px; width: 150px; position: relative } .login-shop a { color: #fff } .text-shadow { text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.5); } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 5px; margin-top: 0; } .radio-inline, .checkbox-inline { cursor: pointer; display: inline-block; font-weight: 400; margin-bottom: 0; padding-left: 20px; vertical-align: middle; } label.small-label { font-size: 13px } .vertical-divider { background-color: #fff; display: inline-block; height: 42px; line-height: 42px; margin: 10px 12px; opacity: 0.5 !important; padding: 1px; position: relative; vertical-align: bottom; width: 2px; } .error-page .home h1 { color: #fff; text-transform: inherit; font-size: 30px; } .error-page .home .btn { font-size: 12px; letter-spacing: 0.08em; line-height: 30px; padding: 0 21px; } /* bullet list content */ .content-holder ul li { list-style-position: outside; margin-left: 1em; } .form-scroll-top > ul { margin-top: -15px; } .club-row .col-md-3 > a:last-child, a.white-footer, .footer ul.footer-link li a, a.arrow-link { font-family: "Lato"; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 400; font-size: 10px; margin-bottom: 20px; display: block; } .footer ul.footer-link li a { font-size: 9px; } /*------------------------------------------------------------------- [ HEADINGS ] -------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, span.slogan { font-family: "Raleway"; font-weight: 300; line-height: 1.4; color: #000b27; text-transform: inherit; letter-spacing: 0; } h1, .h1, span.slogan { font-size: 42px; margin: 0 0 20px; line-height: 44px; font-weight: 100; } h2, .h2, h1.text-module-h2 { font-size: 32px; margin: 0 0 10px; text-transform: inherit; font-weight: 200; } h3, .h3 { font-size: 26px; margin: 0 0 20px; text-transform: inherit; } h4, .h4 { font-size: 19px; margin: 0 0 5px; text-transform: inherit; line-height:1.6;} .content-holder h4 { font-size: 30px; } h5, .h5 { font-size: 16px; margin: 0 0 20px; text-transform: inherit; } h6, .h6 { font-size: 13px; margin: 10px 0; letter-spacing: 0.02em; text-transform: inherit; } h6 a { color: #000b27; } .club-row h6 a { font-size: 18px; } h6 a:hover { color: #3D9CD6 } h4 > a { display: inline-block; margin-bottom: 10px !important; } .light { font-weight: 300!important; } .normal { font-weight: 400!important; } b, strong, .strong { font-weight: 600!important; } p a > strong, p strong > a {font-weight: 400!important;} h1.intro-headline, span.slogan.intro-headline { color: #fff; font-size: 56px !important; letter-spacing: 0.5em !important; margin-bottom: 10px !important; } h3 strong, h4 strong { font-weight: 400; } h3 + h5 { margin-top: -15px; } h4 + small, h4 + p.small { margin-top: -20px; margin-bottom: 0; } h1 small { font-size: 38px; color: #000b27; font-weight: 300; } h2 i { margin-right: 10px; } h3.contact { font-size: 24px; margin-bottom: 10px } h5.text-inherit { margin-bottom: 5px; } .col-sm-4 a > img { margin-bottom: 12px;} .col-sm-4>p:first-child.grey {display:none;} .club-row h3 { font-size: 17px; margin: 20px 0 10px; } .club-row p { font-size: 15px; margin-bottom: 15px; text-align: left; } .h-icon i { width: 33px; margin-left: -33px; position: relative; font-size: 18px; top: -2px; } .huge { font-size: 55px !important; line-height: 60px; margin-bottom: 7px !important; } small, p.small, .small { font-size: 12px; line-height: 23px; letter-spacing: 0.04em } .breadcrumb > li > a > small { color: #000b27; font-size: 12px } mark { padding: 0 3px; background-color: #3D9CD6; color: #fff; } .label-default { background-color: #F2F2F2 !important; color: inherit; } .label-warning { background-color: #FFF799 !important; color: inherit; } .label-info { background-color: #A1E4FE !important; color: inherit; } .label-success { background-color: #C6F1C0 !important; color: inherit; } .label-inverse { background-color: #000b27 !important; } .box-inline { color: #fff; padding: 10px 0; margin-bottom: 0; border-radius: 0; position: relative; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); opacity: .98 } .box-inline * { color: #fff; /*display: inline-block;*/ vertical-align: middle; font-weight: 300; line-height: 1; } .box-inline .icon { margin-right: 20px; } .box-inline .pull-right { position: absolute; top: 50%; right: 30px; margin: -11px 0 0 0; } .box-inline p { line-height: 10px; margin: 0; line-height: 22px; font-size: 18px; } .close-box { font-weight: 600; border: 2px solid #fff !important; background-color: #fff; color: #3D9CD6; line-height: 30px !important; margin-top: 0; padding: 3px 4px !important; text-transform: uppercase !important } .close-box:hover { border: 2px solid #fff !important; background-color: #fff; color: #3D9CD6; } .close-box i { color: #3D9CD6 !important; } .hand { cursor: pointer; } p { margin-bottom: 20px; } .first-letter { font-size: 48px; line-height: 1; color: #000b27; float: left; margin: 0 15px 0 0; } .highlight p.lead { font-size: 30px; line-height: 38px; font-family: "Raleway"; } p.lead { font-size: 26px; color: #b4b9c4; font-weight: 300; margin-bottom: 0; line-height: 50px; } p.intro-text { font-size: 25px; color: #b4b9c4; line-height: 35px } p.subtitle { font-size: 20px; font-weight: 300; letter-spacing: 0.04em; line-height: 1.6 } p.subtitle-alt { font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: 0.04em } p.large-text { font-size: 18px; line-height: 1.7; } p + .btn { margin-top: 10px; } a { color: #3D9CD6; text-decoration: none; transition: all 0.3s ease 0s; text-shadow: none !important } a.black:hover { color: #3D9CD6 !important; } a:hover, a:focus, [class*=theme-] a:hover, [class*=theme-] a:focus { text-decoration: none; color: inherit; } a.arrow-link:after, p.arrow-link a:after { content: "\f101"; font-family: "FontAwesome"; font-weight: normal; margin-left: 1px; display: inline-block; vertical-align: baseline; line-height: 12px; font-size: 12px; } a.cookie-link { color: #fff; font-weight: 600; padding-bottom: 4px; } address { font-size: 14px; line-height: 1.8; text-transform: inherit; font-weight: 400; } blockquote { border-left: 1px solid #3D9CD6; color: #808080; padding: 0 0 0 20px; margin: 0 0 20px; font-size: 17px; line-height: 1.4em; font-family: Raleway; text-transform: inherit } blockquote.highlight { border: 0 !important; padding: 12px 17px 17px; } blockquote.normal { border: 0; color: #333333; } blockquote.lead { border: 0 !important; font-size: 29px; color: #000b27; line-height: 1.6; font-weight: normal; margin-bottom: 30px; padding: 0; font-family: 'Playfair Display'; font-style: italic; } blockquote > h3, blockquote h3 a span { font-size: 22px !important; } .step { font-size: 55px; color: #acacac; line-height: 1; font-weight: 100; margin-bottom: 20px; } .color { color: #3D9CD6; } .color-ccc { color: #ccc !important; } .white { color: #fff !important } .white-bg { background-color: #fff !important } .aspria-light-blue { background-color: #3D9CD6 } .inherit { color: inherit; } .text-highlight { font-size: 30px; color: #000b27; margin-bottom: 25px; } sup { font-size: 40%; line-height: 1; margin-right: 6px; position: relative; top: .4em; vertical-align: top; } a, i, input, button, .mask, .recentworks li a:after, a img, .nav-tabs a span, .img *, .img-link:after, .img figure:before, .img figure:after, .item figure:before, .item figure:after, .item:before, .item:hover:before, .aimg:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dotted { border-bottom: 1px dotted #fff; } .font-open-sans { font-family: 'Open Sans', sans-serif; } .font-raleway { font-family: 'Raleway', sans-serif; } .font-ubuntu { font-family: 'Ubuntu', sans-serif; } .field-validation-error { color: #b94a48; font-size: 12px; font-weight: 600; padding-top: 3px } .chosen-results em { color: #b4b9c4; font-size: 13px; line-height: 15px; text-transform: inherit; text-decoration: none; } .text-inherit { text-transform: inherit !important } .language-selector li a { font-size: 12px; color: #000b27; font-weight: 600; margin: 0 5px } .language-selector li a.active, .language-selector li a:hover { border-bottom: 1.6px solid #000b27; } .fb-share-button { display: inline; width: auto; top: 2px; position: relative; } .border-top-color { border-top: 4px solid #3D9CD6; } .border-top { border-top: 1px solid #EAEAEA; } .border-bottom { border-bottom: 1px solid #EAEAEA; } .border { border: 1px solid #B3B3B3 !important; } /*------------------------------------------------------------------- [ COLORS ] -------------------------------------------------------------------*/ .banner-title { font-size: 34px; margin: 0 0 25px; line-height: 44px; font-family: "Raleway"; font-weight: 300; line-height: 1.4; color: inherit; text-transform: uppercase } .bg p { font-weight: 400; font-size: 15px } .bg { background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; content: '\0020'; background-position: 50% 50%; } .bg.bg-september { background-position: center left; } .bg[data-stellar-background-ratio] { background-position: 50% 0; } .bg.bg-experts { background-position: left top; } .valign-top { background-position: 50% top; } .valign-center { background-position: 50% center; } .valign-bottom { background-position: 50% bottom; } .img-bg-content { position: absolute; width: 100%; bottom: 0; z-index: -1; } .content .bg-content + .highlight.darker:last-child { margin-top: 0; } .inverse, .inverse * { color: #fff !important; } .inverse a:hover { color: #3D9CD6 !important; } .highlight { background-color: #f8f8f8; } .highlight.white { background-color: #fff; box-shadow: 0 -11px 10px 5px rgba(0, 0, 0, 0.05); margin-top: -30px; position: relative; z-index: 9000; } .highlight.darker { background-color: #3D9CD6; } .highlight.darker .promo-banner p { color: #fff; } .highlight.night { background-color: #000b27; } .bg-aspria-light-grey { background-color: #faf9f9; } .bg-aspria-blue { background-color: #000b27 !important; color: #fff } .bg-aspria-cyan { background-color: #3D9CD6; color: #fff } .bg-aspria-grey { background-color: #b4b9c4; color: #fff } .aspria-blue { color: #000b27; } .aspria-cyan { color: #3D9CD6; } .aspria-grey { color: #b4b9c4; } .bg-info { background-color: #3d9cd6; } .content > .highlight.darker:last-child { margin-top: 50px; } .tabs + .highlight.darker:last-child { margin-top: -80px; } .logos + .highlight.darker:last-child, .related + .highlight.darker:last-child, .popupslider + .highlight.darker:last-child, .related-projects + .highlight.darker:last-child { margin-top: 140px; } .grey, .icon.grey:hover { color: #000b27 !important; } .highlight p.grey { font-size: 18px; } .highlight img { margin-bottom: 20px; } .highlight .gallery img { margin-bottom: 0; } .def-color { color: #b4b9c4 !important; } a.grey:hover { color: #3D9CD6 !important; } .light-grey { color: #b2b2b2 !important; } .black { color: #000b27 !important; } .theme { background-color: #3D9CD6; } .color { color: #3D9CD6!important; } .dark-color { color: #000b27!important; } .shariff { margin-top: 9px !important; } .shariff div.shariff-button a { height: 43px; } .mandatory, .mandatory a { color: #000b27; font-weight: 600; font-size:13px; } .mandatory a { text-decoration: underline;} /*---------------------------- -------------------------------------- [ BUTTONS ] -------------------------------------------------------------------*/ p.btn-default, p.btn-default:hover, p.btn-default > a, p.btn-default > a:hover { width: auto !important; display: inline-block; } .btn, p.btn-default > a { border-width: 2px; letter-spacing: 0.36em; text-transform: uppercase; font-family: "Lato"; font-weight: 600; line-height: 34px; font-size: 11px; cursor: pointer; text-align: center; border-radius: 0 !important; display: inline-block; padding: 0 25px; position: relative; outline: none !important; -webkit-transition: color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease; -moz-transition: color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease; -ms-transition: color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease; transition: color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease; text-shadow: none !important; } .btn:active { box-shadow: none; } .btn.btn-default, p.btn-default > a { background-color: #3D9CD6; color: #fff; border-color: transparent; } .btn.btn-default:hover, p.btn-default > a:hover { opacity: .85 !important; border-color: transparent; } .btn.btn-primary { background-color: transparent; background-color: #3D9CD6; color: #fff; border-color: transparent; } .btn.btn-primary:hover { opacity: .85 !important; border-color: transparent; } .btn.btn-primary-reversed { background-color: transparent; color: #3D9CD6; border: 2px solid #3D9CD6; } .btn.btn-primary-reversed:hover { background-color: #3D9CD6; color: #fff; border-color: #3D9CD6; } .btn.btn-schedule { background-color: #000b27; color: #fff; border-color: transparent; } .btn.btn-schedule:hover { opacity: 0.85; } .btn.btn-schedule-reversed { background-color: transparent; color: #000b27; border-color: #000b27; } .btn.btn-schedule-reversed:hover { background-color: #000b27; color: #fff; border-color: transparent; } .btn.btn-schedule > i { margin-right: 0; padding-right: 0 } .btn.btn-white, .promo-banner .btn.btn-default { background-color: #fff; border-color: #fff; color: #000b27; opacity: 1; } .promo-banner .btn.btn-default { color: #3D9CD6; } .btn.btn-white:hover, .promo-banner .btn.btn-default:hover { opacity: 0.85; } .btn.btn-white-reversed { background-color: #000b27; border-color: transparent; color: #fff; opacity: 1; } .btn.btn-white-reversed:hover { opacity: .85; } .btn.btn-white span { padding: 0 8px 0 5px; } .btn.btn-white-border { background-color: transparent; color: #fff; line-height: 40px; border: 2px solid #fff; } .btn.btn-white-border:hover { background-color: transparent; color: #fff; border: 2px solid #fff; } .btn.btn-info { background-color: transparent; border: 2px solid #333; color: #b4b9c4; } .btn.btn-info:hover { background-color: #333; color: #fff; } .btn-primary.free { color: #B3B3B3; border-color: #B3B3B3; padding: 0 50px; } .btn-primary.free:hover { color: #fff; background-color: #B3B3B3; } .btn.btn-inverse { background-color: transparent; color: #fff; border: 2px solid #fff; line-height: 36px; } .btn.btn-inverse:hover { background-color: #fff; color: #000b27 !important; } .footer .btn.btn-inverse {width: 100%; background-color: transparent; color: #fff; border: 2px solid #fff; line-height: 34px; font-size: 12px; width: 226px; margin-top: 0 } .footer .btn.btn-inverse:hover { background-color: #fff; color: #121139; border: 2px solid #fff; } .btn.btn-grey { background-color: #b4b9c4; color: #fff; border: 2px solid #b4b9c4; } .btn.btn-grey:hover { opacity: .85 !important; } .btn.btn-membership { background-color: #3D9CD6; color: #fff; border-color: #3D9CD6; width: 100%; margin-top: 15px; } .btn.btn-membership:hover { opacity: 0.85 } .btn-membership i.fa { margin-left: -14px } .btn.btn-lg { line-height: 60px; } .btn.btn-sm { line-height: 40px; } .btn.btn-xs { line-height: 32px; padding: 0 23px; } .btn.btn-wd { padding: 0 40px; } .btn.btn-size { padding: 0; width: 130px; } .btn.btn-success { background-color: #58BA57; border-color: #58BA57; } .btn.btn-success:hover { background-color: #47a447; border-color: #47a447; } .btn.btn-warning { background-color: #F2AE42; border-color: #F2AE42; } .btn.btn-warning:hover { background-color: #ed9c28; border-color: #ed9c28; } .btn.btn-danger { background-color: #DB524C; border-color: #DB524C; } .btn.btn-danger:hover { background-color: #d2322d; border-color: #d2322d; } .btn-full { width: 100% } .btn i { margin-left: 4px; } .btn.full-width { width: 100% } .btn.disabled, button.btn.disabled { opacity: .6 } .footer .big-foot .btn-go { padding: 0 10px; background-color: transparent; color: #fff; } .sticker { width: 88px; height: 88px; position: absolute; left: 5px; top: 10px; border-radius: 88px; text-align: center; line-height: 88px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 400; z-index: 2; } .sticker.sticker-new { background-color: #3B3B3B; } .sticker.sticker-top { background-color: #E6E6E6; color: #000b27; } .sticker.sticker-sale { background-color: #3D9CD6; } .half-opacity { opacity: .5; } /*------------------------------------------------------------------ [ Custom icons ] -------------------------------------------------------------------*/ [class*=custom-icon] { background-image: url(../images/icons.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; position: relative; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .custom-icon-arrow-next { width: 53px; height: 53px; background-position: -16px -15px; } .custom-icon-arrow-prev { width: 53px; height: 53px; background-position: -98px -15px; } .custom-icon-close { width: 22px; height: 22px; background-position: -181px -15px; } .custom-icon-close-s { width: 16px; height: 15px; min-height: 15px; background-position: -262px -15px; } a:hover .custom-icon-close-s { background-position: -282px -15px; } .custom-icon-ico-audio-pause { width: 13px; height: 13px; background-position: -328px -15px; } .custom-icon-ico-audio-play { width: 13px; height: 15px; background-position: -371px -15px; } .custom-icon-ico-audio-sound-off { width: 16px; height: 16px; background-position: -414px -15px; } .custom-icon-ico-audio-sound-on { width: 16px; height: 16px; background-position: -460px -15px; } .custom-icon-ico-cart { width: 19px; height: 18px; background-position: -506px -15px; } .custom-icon-ico-cart-w { width: 19px; height: 18px; background-position: -555px -15px; } .custom-icon-ico-collapse { width: 12px; height: 14px; background-position: -604px -15px; } .custom-icon-ico-cube { width: 50px; height: 52px; background-position: -646px -15px; } .custom-icon-ico-expand { width: 11px; height: 16px; background-position: -726px -15px; } .custom-icon-ico-menu { width: 12px; height: 12px; background-position: -767px -15px; } .custom-icon-ico-menu-w { width: 12px; height: 12px; background-position: -792px -15px; } .custom-icon-ico-monitor { width: 50px; height: 52px; background-position: -834px -15px; } .custom-icon-ico-resize { width: 50px; height: 52px; background-position: -914px -15px; } .custom-icon-ico-resize-l { width: 50px; height: 52px; background-position: -994px -15px; } .custom-icon-palette-settings { width: 22px; height: 22px; min-height: 22px; max-height: 22px; background-position: -360px -51px; } .custom-icon-palette-active-w { width: 10px; height: 7px; background-position: -437px -57px; } .custom-icon-h-caret { width: 9px; height: 5px; background-position: -338px -61px; margin-left: 15px; } .custom-icon-ico-search { width: 18px; height: 18px; background-position: -1074px -15px; } .custom-icon-ico-search-w { width: 18px; height: 18px; background-position: -1102px -15px; } .custom-icon-ico-video { width: 56px; height: 52px; background-position: -1220px -15px; } .custom-icon-page-prev { width: 6px; height: 11px; background-position: -282px -59px; } .custom-icon-page-next { width: 6px; height: 11px; background-position: -262px -59px; } .custom-icon-icon-grid { width: 16px; height: 16px; background-position: -1306px -45px; } a:hover .custom-icon-icon-grid, a.active .custom-icon-icon-grid { background-position: -1306px -15px; } .custom-icon-icon-list { width: 16px; height: 11px; background-position: -1352px -15px; } a:hover .custom-icon-icon-list, a.active .custom-icon-icon-list { background-position: -1352px -45px; } .custom-icon-lightclose { width: 15px; height: 15px; background-position: -1398px -15px; } .custom-icon-lightclose-w, a:hover .custom-icon-lightclose { width: 15px; height: 15px; background-position: -1418px -15px; } .custom-icon-scrolltop { width: 60px; height: 60px; background-position: -1466px -20px; } a:hover .custom-icon-scrolltop { background-position: -1536px -20px; } /*------------------------------------------------------------------ [ TABS ] -------------------------------------------------------------------*/ .tabs { margin-bottom: 80px; margin-top: 40px; } .nav-tabs { padding-top: 0; padding-bottom: 0; border-bottom: 0; } .nav-tabs > li > a { line-height: 50px; color: #000b27; font-size: 17px; border-style: solid; border-color: transparent; border-width: 2px 0 0; padding: 0; } .nav-tabs > li > a:hover { color: #3D9CD6; background-color: transparent; border-color: transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover { background-color: #f8f8f8; color: #000b27; } .nav-tabs > li > a .icon { margin-right: 10px; top: 2px; position: relative; } .nav-tabs > li > a > span { line-height: 28px; border-left: 1px solid #D9D9D9; display: inline-block; padding: 0 43px; letter-spacing: 0.2em; text-transform: uppercase; font-family: lato; font-size: 12px; font-weight: 400; } .nav-tabs > li.active > a span, .nav-tabs > li.active + li > a > span, .nav-tabs > li:first-child > a span { border-left-color: transparent; } .nav li { float: none; display: inline-block; padding-left: 0 !important; } .nav li:before { display: none !important; } .nav.nav-vertical li { display: block; } .nav.nav-vertical li a, .nav.nav-vertical li a:hover, .nav.nav-vertical li a:focus { background-color: transparent; border: 0; font-size: 18px; line-height: 38px; border-right: 1px solid transparent; } .nav.nav-vertical li.active a, .nav.nav-horizontal li.active a { color: #3D9CD6; } .nav.nav-border-right li > a { margin-right: 20px; } .nav.nav-border-right li.active > a { border-right: 1px solid #D9D9D9; } .nav.nav-horizontal { margin-bottom: 30px; } .nav.nav-border-bottom { margin-bottom: 24px; } .nav.nav-horizontal li a, .nav.nav-horizontal li a:hover, .nav.nav-horizontal li a:focus { background-color: transparent; border: 0; font-size: 19px; line-height: 28px; padding: 0 20px; border-left: 1px solid #D9D9D9 !important; } .nav.nav-horizontal li:first-child a, .nav.nav-horizontal li:first-child a:hover, .nav.nav-horizontal li:first-child a:focus { padding-left: 0; border-left-color: transparent !important; } .nav.nav-border-bottom li { margin-right: 40px; } .nav.nav-border-bottom li a, .nav.nav-border-bottom li a:hover, .nav.nav-border-bottom li a:focus { border-bottom-color: transparent; border-left-color: transparent !important; padding: 0 0 6px; } .nav.nav-border-bottom li.active a { border-bottom: 1px solid #D9D9D9; } /*------------------------------------------------------------------ [ PAGINATION ] -------------------------------------------------------------------*/ ul.pagination { margin: -3px 0 0 -15px; } ul.pagination li:before { display: none!important; } ul.pagination li { padding-left: 0!important; display: inline-block; vertical-align: top; } ul.pagination li a { font-size: 13px; color: #000b27; width: 28px; height: 28px; display: block; line-height: 28px; text-align: center; border: 1px solid transparent; padding: 0; } ul.pagination li a:hover { background-color: transparent; color: #3D9CD6; border-color: transparent; } ul.pagination li.active a, ul.pagination li.active a:hover { background-color: #b4b9c4; border-color: transparent; } ul.pagination li:first-child a:hover, ul.pagination li:last-child a:hover { border-color: #B3B3B3; } ul.pagination li:first-child { margin-right: 3px; } ul.pagination li:last-child { margin-left: 3px; } ul.pagination li i { top: -2px; } /*------------------------------------------------------------------ [ /. COOKIE ON ASPRIA ] -------------------------------------------------------------------*/ /*#cookie { display: none; }*/ .cookie-section { box-shadow: none; float: left; margin: 0 auto; position: relative; width: 100%; z-index: 1000; } .cookie-section.box-inline > .container { margin: 0 auto; padding: 0 !important; } .cookie-section.box-inline { padding: 6px 0 } .cookie-section.box-inline p { font-size: 16px; line-height: 1.7; margin: 0; } .cookie-section.box-inline .read-more { border-bottom: 1px solid #fff; font-size: 12px; } @media (max-width: 990px) { .cookie-section.box-inline .text-right { text-align: center !important; margin-top: 10px; } } .cookie-section h3 { font-weight: 600; letter-spacing: 0.1em; line-height: 45px; vertical-align: middle; } .close-box { padding: 1px 4px; line-height: 10px; height: 22px; font-weight: 600; margin-right: 10px; background-color: #fff; color: #3D9CD6; } .close-box:hover { background-color: transparent; color: #fff; } .close-box i { color: #fff !important; } header .hbottom { z-index: 1002; } header.sticky #cookie, header.sticky #header-top { display: none !important; } .cookie-section .btn.btn-white { padding: 10px; } @keyframes transition2 { from { opacity: 0; margin-top:-100px; } to { opacity: 1; margin-top: 0; } } /*------------------------------------------------------------------ [ SCROLLTOP ] --------------------------------------------------------------------*/ .scrolltop { width: 50px; height: 50px; position: fixed; right: 10px; bottom: 30px; z-index: 15; display: none; overflow: hidden; } .scrolltop:before { background-color: #808080; opacity: .3; position: absolute; width: 100%; height: 100%; content: '\0020'; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; z-index: -1; } .scrolltop:hover:before { background-color: #3D9CD6; opacity: 1; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { color: #3d9cd6; z-index: 2; border-bottom: 1px solid #eee !important; } a.list-group-item.active small, a.list-group-item.active:hover small, a.list-group-item.active:focus small { color: #3d9cd6; } a.list-group-item { color: #000b27; font-size: 11px; font-weight: 400; letter-spacing: 0.3em; font-family: Lato; padding: 10px 0; border-bottom: 1px solid #eee !important; } a.list-group-item > small { color: #b4b9c4; display: inline; font-size: 10px !important; } a.list-group-item:hover { color: #3d9cd6; } a.list-group-item.active::after { content: "\f105"; font-family: "FontAwesome"; font-weight: normal; margin-left: 3px; } a.sub-item { font-size: 10px; padding: 5px 5px 5px 30px; } /*------------------------------------------------------------------ [ HOME ] -------------------------------------------------------------------*/ .home { color: #fff; position: relative; z-index: 4; overflow: hidden; } .home.home-center { text-align: center !important} .home.home-center h1 { line-height:1.2} /*.home * { opacity: 0; }*/ .home .container *, .home .row *, .home [class*='slider'] * { opacity: 1; } .home h1, .home span.slogan { font-size: 54px; margin: 0 0 24px; color: #fff; } .home h1 + .btn, .home span.slogan + p { margin-top: 5px; } .home h1 + p { font-size: 23px; letter-spacing: 0.01em; } .home h2 + p { font-size: 20px; letter-spacing: 0.01em; } .home h1.head-quote, .home span.slogan.head-quote { text-transform: inherit; margin-bottom: 20px; margin-top: 0; padding-top: 0; font-size: 38px; } .home h2.head-quote { text-transform: inherit; margin-bottom: 10px; margin-top: 0; padding-top: 0; font-size: 30px; } .home h2, .home h3, .home h5, .home h5, .home h6 { color: #fff; } .home h2 { font-size: 36px; } .home h2 > strong {font-weight: 300 !important;} .home .promo-banner p.subtitle { margin-bottom: 10px; } .home .promo-banner .btn { margin-top: 10px; } .home .promo-banner { padding: 55px 0!important; } .home .promo-banner-small { padding: 25px 0!important; } .home .header { background-color: transparent; } .home .oneslider { margin: 0; position: static; } .home.container .oneslider { margin-bottom: 0; } .home .oneslider li { position: relative; } .home > .oneslider > .slidebar > .arrow { top: 50%; } .oneslider .ytvideo { min-width: 1px !important; min-height: 1px !important; } .oneslider .mbYTP_wrapper iframe { z-index: 6 !important; } .home.container { padding: 0; } .home .container, .home .container:last-child { z-index: 1; padding: 0; } .home .chosen-container { background-color: #000b27; border: 1px solid #000b27; z-index: 10000; } .home .chosen-container .chosen-results { max-height: 300px; } .aspria-pro-header.home { line-height: 1.1;font-size: 42px;} .aspria-pro-header.big-size {height: 470px;} /*------------------------------------------------------------------ [ CONTENT ] -------------------------------------------------------------------*/ /* [ Content Layout ] */ .content .highlight:first-child { margin-bottom: 45px; } .content .highlight.white:first-child { margin-bottom: 0; } .content > :last-child { margin-bottom: 0; } .content [class*="col"] ul.list-unstyled li { line-height: 24px; margin: 0; padding-left: 0 !important; position: relative; } .content [class*="col"] ul.list-unstyled li::before { background-color: transparent; content: inherit; display: inline-block; height: 0; left: 0; position: relative; top: 0; width: 0; } .breadcrumbs { padding: 0; border-bottom: 1px solid #eee; background-color: #f4f5f6; } .breadcrumb { margin: 0; padding: 6px 0; background-color: transparent; } .breadcrumb li:before { display: none; } .breadcrumb li, .breadcrumb li.active { line-height: 28px; font-size: 16px; color: #b4b9c4; } .breadcrumb li:nth-child(2n) { margin: 0 8px; } .breadcrumb li:first-child i { vertical-align: inherit; } .breadcrumb li i { color: #b2b2b2; font-size: 16px; vertical-align: middle } .breadcrumb li a { color: #4f5973; display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 400 } .breadcrumb li a:hover { color: #3D9CD6; } .breadcrumb li a i { margin-right: 0; } ul.list-pages { margin-bottom: 30px; } ul.list-pages + h4 { margin-bottom: 15px; } ul.list-pages li { padding-left: 0 !important; } ul.list-pages li a { color: #b4b9c4; } ul.list-pages li i { width: 33px; margin-left: -33px; color: #000b27; } ul.icon-list li:before { display: none !important; } ul.icon-list li { padding-left: 12px !important; } ul.icon-list i { margin-right: 10px; } ul.no-marker li { padding-left: 0 !important; line-height: 30px; margin: 0; display: block; float: none; border-radius: 0; } ul.no-marker li:before { display: none !important; } ul.no-marker li a { color: #000b27; border: 0 !important; line-height: 30px; font-size: 17px; margin-right: 0; background-color: transparent !important; } ul.no-marker li a:hover, ul.no-marker li.active a { color: #3D9CD6 !important; } ul.list-pages li:before, ul.social li:before { display: none!important; } ul.list-pages li a:hover, ul.social li a:hover, ul.social li a:hover i { color: #3D9CD6; } .related-searches { margin-bottom: 45px; } .related-searches h5 { margin-bottom: 15px; } ul.check-list li { text-transform: uppercase; letter-spacing: 0.1em; font-family: "Lato"; font-weight: 400; line-height: 2 } ul.check-list li:before { content: "\f00c"; font-family: "FontAwesome"; font-weight: normal; margin-right: 10px; } /*------------------------------------------------------------------ [ Page header ] -------------------------------------------------------------------*/ .page-header { text-align: center; margin-top: 0; margin-bottom: 0; position: relative; border: 0; padding: 0; } .page-header:before { height: 1px; border: 0; background-color: #eee; overflow: hidden; width: 100%; clear: both; position: absolute; left: 0; top: 50%; content: '\0020'; font-size: 1px; margin: auto; } .page-header > * { background-color: #fff; display: inline-block; margin: 0; padding: 0 25px; position: relative; } .page-header.header-white > * { background-color: #000b27; display: inline-block; margin: 0; padding: 0 25px; position: relative; } .page-header.header-hightlight > * { background-color: #f8f9fd; } .page-header * + .btn { margin-top: 10px; } .page-header h1:last-child, .page-header h2:last-child, .page-header h3:last-child, .page-header h4:last-child, .page-header h5:last-child, .page-header h6:last-child { margin-bottom: 0; } .page-header .titl { padding: 0 30px; } .page-header .icon { margin-bottom: 10px; } .page-header h2 {font-size: 37px; padding-top:28px; padding-bottom: 28px;line-height: 1;} /*------------------------------------------------------------------ [ 7.3. Search Results ] -------------------------------------------------------------------*/ .sresult { padding-bottom: 25px; margin-bottom: 56px; } .sresult h4 { margin-bottom: 10px; } .sresult h4 a:hover { color: #3D9CD6 !important; } .sresult img { max-width: 160px; width: 100%; } .sresult .circle img { max-width: 130px; } .sresult .cats { margin: -5px 0 12px; } /*------------------------------------------------------------------ [ FORMS ] -------------------------------------------------------------------*/ input[type=text], input[type=email], input[type=password], input[type=search], textarea { font-size: 14px; color: #000b27; height: 42px; width: 100%; border: 1px solid #fff; box-shadow: none; box-sizing: border-box; font-family: 'Open Sans', arial, sans-serif; font-weight: 400; padding: 0 18px; background-color: #fff } .formwrap input[type=text], .formwrap input[type=email], .formwrap input[type=password], .formwrap input[type=search], .formwrap textarea { border-radius: 0; border-width: 1px; } input[type=text].border-bottom, input[type=email].border-bottom, input[type=password].border-bottom, input[type=search].border-bottom, textarea.border-bottom { border: 1px solid #ECECEC; } label { font-weight: normal; cursor: pointer; margin-bottom: 10px; color: #626a7c; font-size: 14px; font-family: raleway; } textarea { height: 145px; line-height: 26px; overflow: auto; resize: none; padding: 18px; } input[type=radio], input[type=checkbox] { display: inline-block; vertical-align: middle; float: none!important; margin: -4px 4px 0 -20px !important; } ::-webkit-input-placeholder { opacity: 1; color:#626a7c; font-weight: 400; } ::-moz-placeholder { opacity: 1; color: #626a7c; font-weight: 400; } input:-ms-input-placeholder { opacity: 1; color: #626a7c; font-weight: 400; } textarea:-ms-input-placeholder { opacity: 1; color: #626a7c; font-weight: 400; } input:invalid, input.invalid, textarea:invalid, textarea.invalid { color:#000b27; box-shadow: none; } input.invalid::-webkit-input-placeholder { color:#d94147; box-shadow: none; } input.invalid::-moz-placeholder { color:#d94147; box-shadow:none; } input.invalid:-ms-input-placeholder { color: #d94147; box-shadow: none; } textarea.invalid::-webkit-input-placeholder { color:#d94147; box-shadow: none; } textarea.invalid::-moz-placeholder { color:#d94147; box-shadow: none; } textarea.invalid:-ms-input-placeholder { color:#d94147; box-shadow: none; } .succs-msg { display: none; line-height: 44px; margin-left: 15px; } .form-control { background-color: #f1f2f5; border: 1px solid #f1f2f5; box-shadow: none; } .form-control:focus { box-shadow: none; } label.h3 input { margin-left: 10px!important; } label > h2 + input[type=checkbox], label > h3 + input[type=checkbox], label > h4 + input[type=checkbox], label > h2 + input[type=radio], label > h3 + input[type=radio], label > h4 + input[type=radio] { margin-top: -4px!important; } .form-inline input[type=text], .form-inline input[type=email], .form-inline input[type=password], .form-inline input[type=search] { height: 40px; margin-right: 15px; } .formwrap { margin-bottom: 25px; padding: 30px 30px 30px; background-color: #f6f6f6; border: 0 none; } .formwrap-pop { padding: 0; margin-bottom: 30px; border: 0 none; } .formwrap input { border: 1px solid #f1f2f5; } .formwrap > :last-child input, .formwrap > :last-child textarea { } .formwrap > :first-child input, .formwrap > :first-child textarea { } .formwrap .form-group { margin-bottom: 10px; } .formwrap.has-error { border-color: #3D9CD6; } .formwrap.has-error input { color: #3D9CD6; } .form-group.col-md-6 { } .form-group h3, .formwrap > .form-group > p { font-family: Raleway; font-size: 17px; margin-top: 0; margin-bottom: 15px; text-transform: inherit; letter-spacing: 0; line-height: 25px; font-weight: 400 !important; } .form-group h3 > strong, .form-group > p > strong { font-weight: 400 !important; } .form-group h5 { text-transform: inherit !important; margin-bottom: 5px; color: #9da5b8 } .formwrap hr { border-width: 2px 0 0 !important; border-color: #fff; border-style: dashed; margin-top: 15px } .has-feedback .form-control-feedback { top: 0; height: 44px; line-height: 44px; color: #b4b9c4; text-decoration: none; } .has-feedback .form-control-feedback:hover { color: #000b27; } .hideShowPassword-wrapper { width: 100%!important; } .checkbox, .checkbox *, .radio, .radio * { line-height: 1; } .checkbox label { font-weight: 300; color: #b4b9c4; display: inline-block; } .panel .radio { margin-bottom: 20px; } .radio * { vertical-align: middle; } .radio img { margin-left: 10px; margin-top: -2px; } .radio label { font-weight: 300; } .formwrap .chosen-container-multi { border: 1px solid #f1f2f5; cursor: pointer !important; background-color: #f1f2f5 } .formwrap .chosen-container { width: 100% !important; } .formwrap .chosen-container-single .chosen-single { height: 42px; line-height: 40px; color: #626a7c; } .formwrap .chosen-container.chosen-with-drop .chosen-drop { left: -1px; width: -webkit-calc(100% + 2px); width: -moz-calc(100% + 2px); width: -o-calc(100% + 2px); width: -ms-calc(100% + 2px); width: calc(100% + 2px); } .formwrap [class*=col-md] { padding-left: 0; padding-right: 0; border-left: 1px solid transparent; } .formwrap [class*=col-md]:first-child { border-left: 0; } .form-group { line-height: 1.4; font-size: 14px; } .payment { margin-left: 27px; padding-left: 0; overflow: hidden; } .panel-group { padding-bottom: 35px; margin-bottom: 0; } .panel { border: 0; box-shadow: none; margin: 0!important; padding: 0; } .feedback input[type=email] { background-color: transparent; border: 0; height: 50px; padding: 0; font-size: 26px; color: #b4b9c4 !important; } .feedback p { margin: 0 0 0 18px; } .feedback .validatr-message { left: 33px !important; font-size: 17px !important; } /* [ NEWSLETTERS ] */ #feedback-form .validatr-message { font-size: 14px; line-height: 14px; color: #d94147!important; background-color: transparent!important; border-radius: 0!important; border: 0!important; padding: 0!important; } .footer .success-block { margin-top: 10px; } .success-block p { font-size: 16px; margin-bottom: 0; color: #00A651; } .success-block p.error { color: #d94147; } /* [ Comments ] */ .comment-line { margin-bottom: 5px; } .comment-line p { margin-bottom: 0; } .comment-line p a { color: #999; } .comment-line p a:hover { color: #e7543d; } .comment a img { width: 100%; } /*------------------------------------------------------------------ [ CHOSEN ] -------------------------------------------------------------------*/ .header .chosen-container-single { vertical-align: inherit; border-width: 0 0 1px 0; border-color: #eee; min-width: 230px; } .header .chosen-container-single .chosen-single { color: #000b27 !important; font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; padding: 0; } .chosen-container { position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: left; font-size: 14px; font-weight: 300; min-width: 69px; background-color: #fff; border: 1px solid #f1f2f5; height: 42px; line-height: 42px; font-family: "Lato"; } .sorting [class*=col-]:first-child .chosen-container { min-width: 220px; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; box-sizing: border-box; width: 100%; border: 1px solid #f1f2f5; background-color: #f1f2f5; border-top: 0; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; margin-top: 0; } .chosen-container a { cursor: pointer; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; height: 42px; background-clip: padding-box; color: #000b27; text-decoration: none; white-space: nowrap; font-size: 14px; line-height: 36px; padding: 0 0 0 13px; font-weight: 400 } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 25px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-search { display: none; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 100%; text-align: center; } .chosen-container-single .chosen-single div strong { background: url(../images/icons.png) -312px -61px no-repeat; display: inline-block; vertical-align: middle; width: 9px; height: 5px; top: -2px; position: relative; } .chosen-container-single .chosen-drop { background-clip: padding-box; } .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; max-height: 320px; margin: 0; padding: 5px 0 5px 4px; background-color: #fff; } .chosen-container .chosen-results li { display: none; list-style: none; font-weight: 400; color: #9da5b8 !important; text-indent: 0; line-height: 26px; white-space: nowrap; margin: 0; padding: 0 10px 0 9px !important; font-size: 14px; text-shadow: none !important; } .chosen-container .chosen-results li:hover { color: #3D9CD6 !important; } .chosen-container .chosen-results li:before { display: none!important; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.highlighted { color: #3D9CD6; } .chosen-container .chosen-results li.no-results { display: list-item; color: #3D9CD6; padding: 0 18px 8px !important; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 13px; } .search-choice { margin-top: 9px; } .search-choice-close { background: url(../images/icons.png) -496px -58px no-repeat; width: 7px; height: 7px; margin-left: 10px; display: inline-block; vertical-align: middle; } .chosen-container .chosen-results .level-1 { padding-left: 45px !important; } .chosen-container .chosen-results .level-2 { padding-left: 75px !important; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; box-sizing: border-box; width: 100%; height: auto!important; background-color: #f1f2f5; cursor: text; margin: 0 25px 0 0; padding: 0; } .chosen-container-multi .chosen-choices:after { background: url("../images/icons.png") no-repeat scroll -312px -61px rgba(0, 0, 0, 0); display: inline-block; height: 5px; position: absolute; top: 50%; margin-top: -2px; right: 11px; width: 9px; content: '\0020'; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; padding-left: 18px !important; line-height: 24px; color: #000b27; font-weight: 400; font-size: 14px; } .chosen-container-multi .chosen-choices li:before { display: none !important; } .search-field input { border: 0; padding-right: 0; padding-left: 0 !important; color: #9da5b8 !important; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-disabled { opacity: 0.5!important; cursor: default; } .chosen-container-single .chosen-default { color: #9da5b8 !important; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } /* intro chosen container */ .home .chosen-container-single .chosen-single { background-clip: padding-box; color: #000b27 !important; display: block; font-size: 13px; letter-spacing: 0.2em; height: 44px; line-height: 44px; } .home .chosen-container { background-color: #fff; border: 0px solid transparent; box-sizing: border-box; display: inline-block; font-size: 13px; min-width: 69px; font-weight: 400; text-transform: inherit; color: #000b27 !important; } .home .chosen-container .chosen-drop { background-color: #fff; border-color: #fff !important; } .home .chosen-container .chosen-results { background-color: #fff !important; } .home .chosen-container .chosen-results li { color: #000b27; } .phoneContactInfo { color: #9da5b8; font-weight: 400; font-size: 13px !important; } .phonePrefix .chosen-results { height: 85px; } /*------------------------------------------------------------------ [ TEAM ] -------------------------------------------------------------------*/ .team > .row:last-child > [class*=col-] { margin-right:0; margin-left:0; margin-bottom:40px; display:inline-block; float:none; width:32.5%; vertical-align:top; } .team .active { z-index: 5; } .profile { position: static; padding: 0 30px } .profile .container { padding: 0; } .profile .circle img { width: 100%; } .profile a { color: #252525 } .profile a:hover { color: #f84350 !important } .profile h3:hover { color: #f84350 !important } .profile h3 i { padding-right: 8px; vertical-align: middle; font-size: 30px; color: #f84450; } .profile h3 span.deploy { float: right; padding-right: 20px } .profile.vacancy .circle img { width: auto; } .person { padding-top: 90px; padding-bottom: 0; } .person .row { padding-bottom: 0; } .person .social { margin-top: 65px; } .services-icon { color: #f84350; font-size: 40px; text-align: center; margin-bottom: 15px; display: inline-block } .team { margin-bottom: -52px; overflow: hidden; width: 100% } .team-list { position: static; margin-bottom: -52px; } .team-list p { font-size: 17px; } .team-list.square { margin-bottom: 0; text-align: center; padding-left: 0; padding-right: 0; font-size: 0; } .team.team-list > .row > [class*=col-] { display:none; float:none; width:100%; vertical-align:top; height:330px; } ul.nav-category { margin-bottom: 35px; padding: 0; } ul.nav-category li { display: inline-block; font-size: 16px; line-height: 26px; text-transform: uppercase; margin: 0 4px 10px; font-weight: 400; } ul.nav-category li:before { display: none; } ul.nav-category li a { display: block; color: #1a1a1a; position: relative; letter-spacing: 1px; padding: 0 6px 8px; } ul.nav-category li a.active, ul.nav-category li a:hover { color: #f84450; text-decoration: none; } ul.nav-category li a ins { position: absolute; height: 1px; background-color: #F5BAB1; width: 0; left: 50%; bottom: 0; overflow: hidden; clear: both; -webkit-transform: translateZ(0); margin: auto; } ul.nav-category li a.active ins { width: 100%; } ul.nav-blog li a.active ins { margin-left: -50%; } ul.nav-expand { padding-bottom: 60px; } ul.nav-expand li { display: inline-block; margin: 0 20px; } ul.nav-expand li a { color: #252525; } ul.nav-expand li i { margin-right: 8px; margin-top: -3px; } ul.nav-expand li a:hover { color: #f84450; } .mix-list { overflow: hidden; margin-left: 0 !important; margin-right: 0 !important; opacity: 0; } .gallery .mix-list { font-size: 1px; } .mix { display: none; vertical-align: top; float: none; overflow: hidden; } .container .col-md-3.mix { width: 24.6%; } .faq { margin-bottom: 0; padding-bottom: 0; } .faq .panel-group .row { width: 100%; overflow: hidden; margin: 0 0 35px; } .faq .panel-group .row:last-child { margin: 0; } .faq h3 { line-height: 36px; margin-bottom: 0; } .faq .panel-body img { margin-bottom: 10px; } .faq .panel-body { margin: 0 -30px; padding: 0; } .faq .panel-body > div:first-child { margin: 15px 0; padding: 15px 30px 22px; } .faq .icon { margin-top: 8px; } .accordeon-toggle { width: 33px; height: 33px; line-height: 33px; border-radius: 2px; background-color: #F2F2F2; text-align: center; color: #666 !important; font-size: 24px; float: left; margin-right: 28px; } .accordeon-toggle:hover { color: #fff !important; background-color: #f84450; } .accordeon-content { margin-left: 60px; } /*------------------------------------------------------------------ [ Team Item ] -------------------------------------------------------------------*/ .item { width: 292px; height: 292px; position: relative; cursor: pointer; display: table; } .item figure:before { position: absolute; left: 0; top: 0; width: 100.01%; height: 100.01%; background-color: #f84450; opacity: 0; content: '\0020'; z-index: 2; } .item .itemwrap { display: table-cell; vertical-align: middle; position: relative; text-align: center; z-index: 2; opacity: 0; visibility: hidden; text-decoration: none; } .item:hover figure:before { opacity: .9; } .item figure { width: 100%; height: 100%; position: absolute; left: 0; top: 0; line-height: 300px; } .item figure img { width: 100%; } .item.vacancy img { width: auto; } .item:hover .itemwrap, .item.show .itemwrap { opacity: 1; visibility: visible; } .itemwrap > * { color: #fff; } .person figure, .person img, .person h5 { margin-bottom: 45px; } .person p:last-child, .faq p { margin-bottom: 0; } /*------------------------------------------------------------------ [ Hover images ] -------------------------------------------------------------------*/ .img { } .img figure:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f84450; content: '\0020'; opacity: 0; z-index: 2; border-radius: 100%; } .img figure { height: 220px; line-height: 220px; max-width: 100%; overflow: hidden; position: relative; width: 220px; z-index: 2; margin: auto; } .img:hover figure:before, .color .img figure:before { opacity: .9; } .img figure:after { background: url(../images/icons.png) -1150px -15px no-repeat; width: 40px; height: 22px; position: absolute; left: 50%; top: 50%; display: block; content: '\0020'; opacity: 0; z-index: 2; border-radius: 0; margin: -11px 0 0 -24px; } .vacancy figure { background-color: #f84450; } .vacancy figure img { display: inline-block; line-height: 220px; border-radius: 0; vertical-align: middle; position: relative; z-index: 1; margin: auto; } .img div { display: table; position: absolute; left: 0; top: 0; width: 220px; height: 100%; opacity: 0; z-index: 2; } .img ul { display: table-cell; vertical-align: middle; padding: 0; } .img li { display: block; float: none; line-height: 28px; font-size: 17px; font-weight: 300; color: #fff; } .img li.date { font-weight: 400; } .img:hover figure:after, .color .img figure:after, .img:hover div, .color .img div { opacity: 1; } .gallery .img { height: auto; } .gallery .img div { width: 100%; } /*------------------------------------------------------------------ [ 16.4. Team details ] */ .expandteam { background-color: #F7F7F7; position: absolute; width: 100%; left: 0; top: auto; margin-top: 20px; z-index: 4; height: 0; overflow: hidden; transform: translateZ(0px); text-align: left } .expandteam .corner { content: "\0020"; height: 0; left: 50%; position: absolute; top: auto; width: 0; display: none; border-color: rgba(0,0,0,0) rgba(0,0,0,0) #F7F7F7; border-style: solid; border-width: 21px; margin: -42px 0 0 -21px; } .expandteam .container { position: relative; margin: 0 auto; } .expandteam .inner .container { margin-bottom: 0; padding-bottom: 0; display: table-cell; vertical-align: middle; position: relative; } .expandteam .inner { display: table; width: 100%; max-width: 1200px; opacity: 0; -webkit-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; position: relative; margin: auto; } .expandteam.active .inner { opacity: 1; } .expandteam .close { position: absolute; right: 28px; top: 45px; z-index: 1; opacity: 1; } .expandteam .col { display: inline-block; float: none; margin-right: 2.6%; vertical-align: top; } .expandteam .col p { padding-bottom: 10px; } .expandteam p:last-child { padding-bottom: 0; } .expandteam .percent { background-color: #FFF; } .expandteam i { font-size: 180px; vertical-align: middle } /*------------------------------------------------------------------ [ YTPlayer: YouTube video player ] --------------------------------------------------------------------*/ .mb_YTVPlayer :focus { outline: 0; } .mb_YTVPlayer { display: block; transform: translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform: translate3d(0, 0, 0); animation-timing-function: linear; } .mb_YTVPlayer.fullscreen { display: block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.7); background: rgba(0,0,0,.5); } .inline_YTPlayer img { border: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; margin: 0!important; padding: 0!important } .mb_YTVPBar .mb_YTVPUrl.ytpicon { font-size: 30px; } .mb_YTVPBar { transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; -moz-box-sizing: padding-box; -webkit-box-sizing: border-box; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: white; opacity: .1; } .mb_YTVPBar.visible, .mb_YTVPBar:hover { opacity: 1; } .mb_YTVPBar .buttonBar { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; background: transparent; font: 12px/14px Calibri; position: absolute; top: -30px; left: 0; padding: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTVPBar:hover .buttonBar { background: rgba(0,0,0,0.4); } .mb_YTVPBar span { display: inline-block; font: 16px/20px Calibri, sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTVPBar span.mb_YTVPTime { width: 130px; } .mb_YTVPBar span.mb_YTVPUrl, .mb_YTVPBar span.mb_OnlyYT { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTVPBar span.mb_YTVPUrl img { width: 60px; } .mb_YTVPBar span.mb_OnlyYT { left: 185px; right: auto; } .mb_YTVPBar span.mb_OnlyYT img { width: 25px; } .mb_YTVPBar span.mb_YTVPUrl a { color: white; } .mb_YTVPPlaypause, .mb_YTVPlayer .mb_YTVPPlaypause img { cursor: pointer; } .mb_YTVPMuteUnmute { cursor: pointer; } .mb_YTVPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTVPLoaded { height: 10px; width: 0; background: #444; left: 0; } .mb_YTVTime { height: 5px; width: 0; background: #fff; bottom: 0; left: 0; -moz-box-shadow: #b4b9c4 1px 1px 3px; -webkit-box-shadow: #b4b9c4 1px 1px 3px; } .mbYTP_wrapper { width: 100%; height: 100%; z-index: 1; } .ytvideo { background-color: rgba(0,0,0,0); } .ytvideo .slide-img, .video-popup .slide-img, .ytvideo[class*=-overlay]:after { z-index: 0; } .ytvideo { width: 100%; min-width: 100%; min-height: 100%; height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: -70px; margin-bottom: 50px; bottom: -50px } .mb_YTVPBar { display: none !important; } .playerBox { width: 100%; height: 100%; min-width: 100%; min-height: 100%; } .YTPOverlay { background-color: #6D5333; opacity: 0; } .YTPOverlay.raster { opacity: 1; } .mobile-player { display: block; height: 80%; overflow: hidden; position: absolute; left: 10%; top: 10%; width: 80%; z-index: 25; } /*------------------------------------------------------------------ [ Popup ] --------------------------------------------------------------------*/ /* [ Popup General ] */ .pclose { content: '\0020'; display: inline-block; margin: 80px auto; text-align: center; } .pclose.small { position: absolute; right: 15px; top: 13px; margin: 0; font-size: 25px; color: #000b27 } .popup .container { padding-top: 0; padding-bottom: 70px; } .popup .pclose { display: block; } a.sclose { display: inline-block; } .sticky a.sclose { height: 24px; } .popup, .block-popup { display: none; z-index: 1000; } .pclose.small:hover, .sclose:hover { background-position: -20px 0; } /* [ 21.2 Popup: Team ] */ .team-popup { position: fixed; left: 50%; margin-left: -50%; top: 0; width: 100%; height: 0; min-height: 100%; overflow-y: scroll; background-color: #fff; } .team-popup .row:first-child, .testipage .row:first-child { padding-bottom: 0; } .team-popup figure, .testipage figure { width: 290px; height: 290px; line-height: 290px; display: inline-block; vertical-align: middle; margin-bottom: 50px; font-size: 1px; } .team-popup figure img, .testipage figure img { vertical-align: middle; max-width: 290px; } .team-popup p { } .team-popup .img-left, .testipage .img-left { float: left; margin-bottom: 10px; margin-right: 20px; } .team-popup .img-right, .testipage .img-right { float: right; margin-bottom: 10px; margin-left: 20px; } .team-popup blockquote.lead, .testipage blockquote.lead { margin-bottom: 15px; } .team-popup .testimonial-block .pclose { margin: 0 } /* [ 21.3. Popup Login ] */ .pwelcome { margin-left: -400px !important; width: 800px !important; } .plogin { position: absolute; left: 50%; width: 900px; margin-left: -450px; top: 50px; background-color: #fff; box-sizing: border-box; padding: 50px 35px 0; font-size: 14px } .plogin h3 { font-weight: 400; margin-bottom: 15px; } .loginform .checkbox { margin-bottom: 40px; } .footlogin { margin: 35px -35px 0; padding-top: 35px; } .footlogin .social li a { color: #B3B3B3; } .footlogin p { font-size: 16px!important; padding-bottom: 40px; } .a-privacy { color: #b4b9c4 !important; display: block; margin: 0 0 -50px; } .a-privacy:hover { color: #3D9CD6 !important; } .layer { background-color: #1c1e24; opacity: .85; position: absolute; width: 100%; min-height: 5000px !important; left: 0; top: 0; min-height: 100%; z-index: 999; display: none; } .loginform .btn, .footlogin .social { margin-bottom: 15px; } /*------------------------------------------------------------------ [ HISTORY ] -------------------------------------------------------------------*/ /* .history .row { margin-bottom: 0; padding-bottom: 0; opacity: 0; } .history .row:last-child { padding-bottom: 0; } */ .vline { background: url(data:image/gif;base64,R0lGODlhAQABAIAAANnZ2QAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU4MDdFQjAzMTQyMDY4MTE4MjJBRDA5NEI0QjhCMjZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxNzg2MDUxMDFCRDExRTQ4RjEzRjlDMEU5Qjk1QUZCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxNzg2MDUwMDFCRDExRTQ4RjEzRjlDMEU5Qjk1QUZCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkNCRDU3QzExMjI2ODExODIyQUE4QUUwRTMxMTgwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1ODA3RUIwMzE0MjA2ODExODIyQUQwOTRCNEI4QjI2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) center top repeat-y; } .vline * { background-color: #fff; } /* .history h1 { font-size: 38px; font-weight: 100; margin-bottom: 30px; letter-spacing: -1px; } .history h5 { margin-bottom: 25px; } */ .year { font-weight: 300; font-size: 48px; line-height: 40px; margin-bottom: 12px; color: #000b27; } /* .history .row:last-child .year { font-size: 38px; font-weight: 400; } .history .row .col-md-2, .history .firstrow * { background-color: #fff; } */ /*------------------------------------------------------------------ [ PAGE 404 ] -------------------------------------------------------------------*/ .page404, .page404 body { height: 100%; } .page404 .wrapper { min-height: 100%; height: auto!important; } .page404 .htop { border-bottom: 0; padding-top: 30px !important; padding-bottom: 30px !important; } .page404 .content { padding: 90px 20px !important; } .page404 .page-header { margin-bottom: 50px; } .page404 .page-header:before { top: 70%; } .page404 .logo, .page404 .slogan { margin: 0 auto !important; line-height: 40px; } .page404 .header .logo a { margin: 0; } .page404 h1 { font-size: 180px; line-height: 1; letter-spacing: 0; text-transform: uppercase; font-weight: 100; color: #fff; padding: 0; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); } .page404 h1 small { display: block; font-size: 24px; color: #fff; margin-top: 18px; text-transform: none; line-height: 26px; letter-spacing: 0; font-weight: 300; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); } .page404 .page-under { margin-bottom: 140px; } .page404 .page-under h1 { font-size: 63px; letter-spacing: -2px; text-transform: none; line-height: 90px; padding: 0 40px; } .page404 ul.social li { margin: 0 14px 0 0; } .page404 footer { position: relative; margin-top: -100px; height: 100px; overflow: hidden; width: 100%; } .page404 footer p { line-height: 100px; color: #b4b9c4; padding: 0; } .page404 .header, .page404 h1 .icon { display: block; } .logo-404 img { max-width: 222px !important; display: block; margin: 0 auto; padding-left: 10px } .logo-404 { display: block; } /*------------------------------------------------------------------ [ SLIDER ] -------------------------------------------------------------------*/ .slider { position: relative; margin-bottom: 100px; margin-top: 30px; padding: 0; opacity: 0; } .slider h5, .cimg + h5 { width: 80%; margin: 30px auto 6px; } .slider h5 a, .cimg + h5 a { color: #000b27; } .slider h5 a:hover, .cimg + h5 a:hover { color: #3d9cd6; } .slider:first-child, .slider + .slider { margin-top: 0; } .slider ul { padding: 0; } .slider li, .pricing li { float: left; text-align: center; min-width: 230px; width: auto; position: relative; text-indent: 0; padding-left: 0!important; } .slider li:before, .pricing li:before { display: none!important; } .slider li > a { display: block; } .slider.container .container { padding-bottom: 0; padding-top: 0; } .slider.highlight { margin-bottom:0; } .slider.no-top-and-bottom { margin-bottom: 0; padding-top: 0; } /* [ 10.3. Oneslider ] */ .oneslider { position: relative; padding: 0; margin-bottom: 0; } .oneslider:before, .home:before, .oneslider:after, .home:after { display: table; content: " "; } .oneslider:after, .home:after { clear: both; } .container .oneslider { margin-bottom: 40px; } .oneslider li { float: left; position: relative; padding-left: 0 !important; list-style: none; } .oneslider li:before { display: none !important; } .oneslider li img { width: 100%; display: block; } .oneslider img.circle { max-width: 250px; } .oneslider p { padding-top: 0; font-size: 20px; line-height: 1.5 } .oneslider h4 { margin-bottom: 5px; line-height: 18px; margin-bottom: 0; font-size: 15px; letter-spacing: 0.08em } .oneslider h2.text-inherit { font-size: 31px } .img-ecommerce { width: auto !important; height: 100%; position: absolute; right: 0; top: 0; } .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table !important; background-color: #fff; opacity: 0; text-align: center; } .mask > * { display: table-cell; vertical-align: middle; color: #fff !important; text-decoration: none; opacity: 0; -webkit-transition: opacity .5s 0s ease-in-out; -ms-transition: opacity .5s 0s ease-in-out; transition: opacity .5s 0s ease-in-out; } .mask h3 { margin-bottom: 0; font-weight: normal; letter-spacing: 0.04em; text-transform: inherit; } .mask .icon { margin-bottom: 5px; } .mask a, .mask * { color: #fff !important; } .mask ul { margin: 0; display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .mask ul li { padding-left: 0 !important; } .mask ul li:before { display: none !important; } .mask nav { font-size: 17px; margin-top: 15px; } .mask nav .btn { margin-left: 5px; } .mask nav .btn:first-child { margin-left: 0; } .work img { width: 100%; } .work:hover .mask { opacity: .99; } .logos li:hover img, .work:hover .mask > *, li:hover .mask > *, .gallery [class*=col-]:hover .mask > * { opacity: 1; } /* [ 10.4. Popupslider ] */ .popupslider, .related-projects { font-size: 1px; } .popupslider li:hover .mask, .related-projects li:hover .mask, .gallery [class*=col-]:hover .mask { opacity: .3; width: 100.01%; } .popupslider li { display: inline-block; vertical-align: top; float: none; max-width: 342px; } .popupslider li img { width: 100.3%; float: left; } .slider.content-width { margin-bottom: 60px; } .slider.content-width.popupslider li { width: 655px; max-width: none; } .slider.content-width .slidebar .pagination { margin-top: 30px; } /* NAV TABS */ ul.nav-category { margin-bottom: 0; padding: 0; } ul.nav-category li { display: inline-block; font-size: 16px; line-height: 26px; text-transform: uppercase; margin: 0 4px 10px; font-weight: 400; } ul.nav-category li:before { display: none; } ul.nav-category li a { display: block; color: #1a1a1a; position: relative; letter-spacing: 1px; padding: 0 6px 8px; } ul.nav-category li a.active, ul.nav-category li a:hover { color: #3d9cd6; text-decoration: none; } ul.nav-category li a ins { position: absolute; height: 1px; background-color: #3d9cd6; width: 0; left: 50%; bottom: 0; overflow: hidden; clear: both; -webkit-transform: translateZ(0); margin: auto; } ul.nav-category li a.active ins { width: 100%; } ul.nav-blog li a.active ins { margin-left: -50%; } ul.nav-expand { padding-bottom: 60px; } ul.nav-expand li { display: inline-block; margin: 0 20px; } ul.nav-expand li a { color: #000b27; } ul.nav-expand li i { margin-right: 8px; margin-top: -3px; } ul.nav-expand li a:hover { color: #3d9cd6; } .mix-list { overflow: hidden; margin-left: 0 !important; margin-right: 0 !important; opacity: 0; position: relative; } .gallery .mix-list { font-size: 1px; } .mix { display: none; vertical-align: top; float: none; overflow: hidden; } .container .col-md-3.mix { width: 24.6%; } .faq { margin-bottom: 0; padding-bottom: 0; } .faq .panel-group .row { width: 100%; overflow: hidden; margin: 0 0 35px; } .faq .panel-group .row:last-child { margin: 0; } .faq h3 { line-height: 36px; text-transform: inherit; } .faq .panel-body { margin: 0 -30px; padding: 0; } .faq .panel-body > div:first-child { margin: 15px 0 0; padding: 0 30px 0; } .faq .icon { margin-top: 8px; } .accordeon-toggle { width: 33px; height: 33px; line-height: 33px; border-radius: 2px; background-color: #3D9CD6; text-align: center; color: #fff !important; font-size: 24px; float: left; margin-right: 28px; } .accordeon-toggle:hover { color: #fff !important; background-color: #3d9cd6; } .accordeon-content { margin-left: 60px; } /* [ 10.5. Pricing Slider ] */ .pricing-container { border-right: 10px solid #faf9f9; border-left: 10px solid #faf9f9; border-bottom: 10px solid #faf9f9; } .pricing-container .overlay:after { opacity: 0.7; transition: color 0.3s ease 0s, background 0.3s ease 0s, border-color 0.3s ease 0s, opacity 0.3s ease 0s; } .pricing-container:hover .overlay:after { opacity: 0.5; } .pricing-container.chosen-pack > .overlay::after { opacity: 0.3; } .pricing-container h2, .pricing-container h3 { margin-top: 30px; text-transform: none; } .pricing-content { position: relative; z-index: 8; padding: 0 0 50px; } .pricing-content p { margin-bottom: 10px; } .pricing-content-text { padding: 0 30px; } .pricing-content p.pricing-desc { letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; margin-bottom: 15px; } .pricing { margin-bottom: 60px; } .pricing .container:last-child { padding-bottom: 0; } .pricing .caroufredsel_wrapper { margin-bottom: 0!important; } .pricing [class*=col-md] { border-radius: 0; } .pricing .num { font-size: 80px; line-height: 80px; font-weight: 300; color: #000b27; margin: 0 -11px 20px 11px; opacity: 0.2; } .pricing h2 { margin-bottom: 15px; color: #000b27; margin-top: 30px; text-transform: uppercase; font-size:29px; letter-spacing:0.2em;font-weight:400;} .pricing h3 { color: #000b27 } .pricing h4 { margin-bottom: 22px; font-weight: 400; } .pricing h6 { margin-bottom: 20px !important; color: #3d9cd6; letter-spacing: 0.1em; font-size: 14px; } .pricing p { margin-top: 15px; line-height: 1.7; color: #000b27; font-size: 16px; } .pricing i:first-child, .pricing img:first-child { margin-bottom: 25px; } .pricing .slidebar { margin-bottom: 190px; } .pricing-color { margin-top: 0; margin-bottom: 0; padding: 0; } .pricing-color .container { padding-bottom: 55px; } .pricing-color [class*=col-] { padding-top: 45px; padding-bottom: 70px; display: inline-block!important; float: left; border-right: 1px solid #fff; border-radius: 0; height: 600px; } .pricing-color.height-norm [class*=col-] { height: 520px; } .pricing-color.height-norm .asphalt { height: 540px; margin-top: -10px; } .pricing-color [class*=col-]:first-child { border-radius: 4px 0 0 4px; } .pricing-color [class*=col-]:last-child { border-radius: 0 4px 4px 0; } .pricing-color .asphalt { margin-top: 20px; padding-top: 55px; border-radius: 0; height: 620px; border-right: 0; } .pricing-color h2 { color: #b2b2b2; } .asphalt h2, .asphalt .num, .asphalt .btn { color: #fff; } .pricing h6, .pricing p:last-child { margin-bottom: 0; } /* [ 10.6. Arrows ] */ .small-testimonial .arrow, .mfp-arrow, .th-arrow { } .arrow, .mfp-arrow, .th-arrow { width: 63px; height: 63px; display: block; border: 1px solid transparent; border-radius: 63px; position: absolute; z-index: 3; text-align: center; top: 50%; margin-top: -30px; background-color: transparent; -webkit-transition: border .3s ease; -ms-transition: border .3s ease; transition: border .3s ease; } .mini-slider .arrow { top: 21%; } .arrow i, .mfp-arrow i { margin: 5px 0 0 1px; } .th-arrow i { margin: -1px 0 0 -2px; width: 50px; height: 50px; } .arrow:hover, .mfp-arrow:hover { border-color: #000b27; } .arrow.prev, .mfp-arrow-left { left: 30px; } .mfp-arrow-left { background-image: url(../images/icons.png); background-position: -93px -10px; } .arrow.next, .mfp-arrow-right { right: 30px; } .mfp-arrow-right { background-image: url(../images/icons.png); background-position: -12px -10px; } .home .arrow { margin-top: -52px; } .th-arrow { width: 50px; height: 50px; position: static; border-radius: 4px; margin: 14px 0 0; } .th-prev { background-position: 0 -2px; margin-left: 10px; } .th-next { background-position: -87px -2px; margin-right: 10px; } .th-arrow:hover { border-color: #B3B3B3; } .thwrap { font-size: 1px; margin: 0 85px; } .thumbs-slider a { float: left; width: 80px; height: 80px; border: 1px solid transparent; border-radius: 2px; margin: 0 3px; transition: all 0s ease; } .thumbs-slider img { width: 100%; border-radius: 2px; } .thumbs-slider a.selected, .thumbs-slider a:hover { border-color: #CCC; } /* [ Slider Pagination ] */ .slider.container .container { padding-bottom: 0; padding-top: 0; } .slidebar { height: 0; margin-bottom: 0; } .slidebar .pagination { text-align: center; font-size: 1px; width: 100%; line-height: 1; margin: 45px auto 0; position: relative; } .slidebar .pagination.text-left { text-align: left; margin-top: 24px; } .slidebar .pagination a { text-indent: -9999px; height: 10px; width: 10px; display: inline-block; vertical-align: middle; background-color: #CCC; border-radius: 100%; position: relative; -webkit-transition: background-color .3s ease; -ms-transition: background-color .3s ease; transition: background-color .3s ease; margin: 0 5px; overflow: hidden; } .slidebar .pagination.text-left a { margin: 0 10px 0 0; } .slidebar .pagination a.selected, .slidebar .pagination a:hover { background-color: #3d9cd6; width: 12px; height: 12px; margin: 0 4px; } .slidebar .pagination.text-left a.selected, .slidebar .pagination.text-left a:hover { margin: 0 9px 0 -1px; } .slidebar .pagination.lined a { width: 133px!important; text-indent: 0; text-decoration: none; color: #666; font-size: 18px; line-height: 26px; font-weight: 300; height: 2px; border-radius: 0; overflow: visible; } .slidebar .pagination.lined a span { line-height: 50px; display: block; } .slidebar .pagination.lined a.selected, .slidebar .pagination.lined a:hover { width: 133px; color: #3d9cd6; top: 0; margin: 0 5px; } .slidebar .pagination > span { display: block; padding-top: 15px; } .full-size .pagination { top: -97px; z-index: 5; } .mini-slider .slidebar { height: 0; margin-bottom: 20px; } .mini-slider .slidebar .pagination { margin: 30px auto 0; } .mini-slider p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #ACB0B7; font-style: italic; } /*------------------------------------------------------------------ [ AWARDS ] -------------------------------------------------------------------*/ .awards { padding: 20px 0 30px; /*box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.05);*/ border-top: 1px solid #f0f0f0; color: #b4b9c4; } .awards .container { padding: 0 } .awards ul { margin: 0 0 10px; width: 100% } .awards ul li { float: left; text-align: center; width: 20% } .awards ul li img { max-height: 40px; opacity: 0.5; transition: all 0.3s ease 0s; margin: 0 auto 10px; } .awards ul li span { display: block; font-size: 12px; padding: 10px 0; line-height: 15px; font-weight: 400; color: #4f5973; } .awards ul li img:hover { opacity: 1 } .footer .awards h3 { font-size: 28px; margin-bottom: 40px; margin-top: 0; color: #b4b9c4 !important; text-align: center } /*------------------------------------------------------------------ [ FOOTER ] -------------------------------------------------------------------*/ .big-foot { padding: 12px 0 15px !important } .big-foot .chosen-container .chosen-results li { line-height: 32px; margin: 0; padding: 0 10px 0 9px !important; font-size: 14px; } .big-foot .chosen-container-single .chosen-single span { color: #ddd; margin-right: 0; } .big-foot .chosen-container-single .chosen-single { color: #000b27 !important; font-size: 15px; height: 43px; line-height: 43px; padding: 0 0 0 15px; } .footer hr { height: 1px; border-color: rgba(255,255,255,0.3); width: 100%; position: relative; margin: 0 0 20px } .big-foot .btn { font-size: 14px; letter-spacing: 0.08em; line-height: 40px; padding: 0px 20px; border-color: #ddd; color: #ddd; } .big-foot .chosen-container { background-color: transparent; border: 2px solid #ddd; color: #ddd; font-size: 17px; max-width: 220px; min-width: 69px; } .footer .social li { float: none; } .footer .social li a, .footer .social li a i { color: #ddd; font-size: 18px; } ul.social { margin: 15px 0 0; font-size: 1px; line-height: 1; } ul.social ul { padding: 0; } ul.social li { display: inline-block; font-size: 20px; line-height: 30px; padding-left: 0!important; margin: 0 17px 0 0; vertical-align: middle; } ul.social li::last { margin: 0; } .myaspria { float: right; padding: 15px 15px 0; } .myaspria-logo { max-width: 160px; } ul.social.text-left li { margin: 0 16px 0 0; font-size: 32px; } ul.social li a, ul.social li a i { color: #4d4c4c; } .content [class*="col"] ul.social li { line-height: 24px; padding-left: 0 !important; position: relative; } .social.sm { margin-bottom: 0; margin-top: 0 } .social.sm li { font-size: 24px; margin: 0 15px 0 0; padding-left: 0 !important; } .social.sm li a, .social.sm li a i { color: #b3b1b1; } .social > .dropdown > .dropdown-menu {padding:10px; margin-left: -152px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /*border: 1px solid #f6f6f6;*/ } .social > .dropdown > .dropdown-menu > li > a { padding: 0 0 0 10px; font-size: 12px; color: #000b27 } .white-footer { color: #ddd !important; } .footer { font-size: 14px; line-height: 22px; opacity: 0;/* border-top: 1px solid #e3e3e3*/ background-color: #000b27; color: #b4b9c4; position: relative; width: 100%; z-index: 10; float: left; margin-top: 0 !important; } .footer h2, .footer h3, .footer h4 { margin-bottom: 15px; } .footer h3 { font-size: 23px; color: #ccc } .footer h4 { font-size: 20px; letter-spacing: 0.04em; color: #fff; text-transform: capitalize; } .footer p { margin-bottom: 15px } .footer .logo { font-weight: 700; font-size: 28px; margin-right: 42px; } .footer .foorow-3 p { display: inline-block; font-size: 14px; margin-bottom: 0; } .footer * { color: #fff } .footer li { list-style-type: none; } .footer a, [class*=skin-] .footer a { color: #fff } .footer ul li.copyrighting img { vertical-align: middle; } .footer h3, .footer h3 a, [class*=skin-] .footer h3 a { } .footer-logo { max-width: 128px; } .footer .separator { margin-top: 80px; } .footer .container { padding: 0; margin-top: 0 !important; } .footer .container:last-child { } .footer .container:last-child .row { padding-bottom: 0; margin-top: 25px; } .footer ul.footer-link { margin-bottom: -8px; margin-top: 2px; } .footer ul.footer-link li { line-height: 1.5; padding: 0 16px; font-size: 13px; letter-spacing: 0.03em; } .footer ul.footer-link li a.language { font-weight: 600; text-transform: uppercase; color: #fff; letter-spacing: 0.08em; font-size: 12px } .footer .dropdown-menu { left: 0; /*width: 100%;*/ } .footer .dropdown-menu > li > a { padding: 0 25px; text-align: left; } .footer .chosen-container .chosen-results { max-height: 148px; } .footer .fabout p { padding-right: 40px; } .foorow-3 { margin-top: 0!important; } .padding-bottom-20 { padding-bottom: 20px !important } .flight a { color: #3d3d3d; } .flight .separator { background-color: #E3E3E3; } .flight input[type=text], .flight input[type=email] { background-color: #E6E6E6; } .flight .social li a, .flight .social li a i, .flight .foorow-3 * { color: #B3B1B1; } .footer a:hover { color: #3D9CD6 !important; } .flight .latestposts .date, .flight .twitter-list .date, .flight .foorow-3 p { color: #b4b9c4; } .flight h2, .flight h3, .flight h4, .flight h2 a, .flight h3 a, .flight h4 a, .flight.footer a.logo:hover, .flight.footer .social li a:hover i, .flight.footer input[type=text], .flight.footer input[type=email] { color: #000b27; } .flight h2 a:hover, .flight h3 a:hover, .flight h4 a:hover, .flight.footer a.logo { color: #b2b2b2; } /*------------------------------------------------------------------ [ HOTEL ] -------------------------------------------------------------------*/ #hotel { position: fixed; z-index: 9000; top: 250px; right: -360px; } #hotel.opened { right: 0; } #toggle-menu { width: 360px; } #toggle-menu h4 { margin-top: -7px; padding: 0; margin-bottom: 0; font-size: 21px } .toggle-panel { background-color: #fff; padding: 15px; border-left: 1px solid #000b27; border-top: 1px solid #000b27; border-bottom: 1px solid #000b27; border-right: 1px solid #fff; } .toggle-panel p { margin-bottom: 10px; } .toggle-text { font-weight: 300; font-size: 15px; padding: 0; } .btn-toggle { height: 155px; width: 35px; background-color: #fff; border-bottom: 1px solid #000b27; border-left: 1px solid #000b27; border-right: 1px solid #fff; border-top: 1px solid #000b27; color: #000b27; cursor: pointer; position: absolute; right: 359px; text-align: center; top: 0; } .btn-toggle img { max-width: 34px; } .form-row { margin-left: -15px; margin-right: -15px } .cta-toggle { width: 100% } .datepicker table tbody tr:last-child td { padding-bottom: 5px; } /*------------------------------------------------------------------ [ GALLERY ] -------------------------------------------------------------------*/ .gallery { padding-bottom: 55px; padding-top: 55px; overflow: hidden; } .gallery .row { margin: 0 -15px; } .gallery [class*=col-] { position: relative; float: left; margin: 0; padding: 0; overflow: hidden; } .gallery .col-md-3 { width: 25%; } .gallery .col-md-4 { width: 33.3333%; } .gallery .col-md-2 { width: 16.666%; } .gallery .col-xs-2 { width: 16.6666%; } .gallery img { width: 100%; height: auto; float: left; } .gallery + .highlight:last-child { margin-top: 0 !important; } .gallery-overlay { position: absolute; z-index: 10000; top: 44%; width: 100%; text-align: center; display: block !important; background-color: transparent } .gallery-overlay h2 { margin: 0; text-align: center; background-color: #fff; padding: 10px 30px; display: inline-block; } .gallery-button { left: 0; position: absolute; right: 0; width: 232px; z-index: 1000; } /* [ Popup slider ] */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: .9; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none!important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding: 0 8px; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-content { display: inline-block; vertical-align: middle; text-align: left; z-index: 3; margin: 0 auto; max-width: 1200px; position: relative; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-hide { display: none!important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #FFF; } button::-moz-focus-inner { border:0; padding:0; } .mfp-close { position: fixed; right: 40px; top: 38px; text-decoration: none; text-align: center; border: 0; text-indent: -9999px; background: url(../images/icons.png) -181px -15px no-repeat; width: 22px; height: 22px; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; z-index: 1; } .mfp-close:hover { background-position: -210px -15px; } .mfp-close-btn-in .mfp-close { color: #000b27; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; display: none; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1024px; } .mfp-iframe-holder .mfp-close { top: 32px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000b27; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; margin: 0 auto; padding: 80px 0; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-figure figure img.mfp-img { max-width: 90%; } .mfp-bottom-bar { margin-top: 0; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: center; line-height: 32px; color: #fff; font-size: 20px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure, .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; } .mfp-zoom, .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /*------------------------------------------------------------------ [ VACANCY POSTS ] -------------------------------------------------------------------*/ .vacancy-row.row, .vacancy-row.highlight:first-child { margin: 0; } .vacancy-row .container { padding-top: 90px; padding-bottom: 98px; } .vacancy-row.narrow .container { padding-top: 55px; padding-bottom: 55px; } .vacancy-row.narrow * { line-height: 50px; margin-bottom: 0; margin-top: -4px; } .vacancy-row .col-md-1 .icon { font-size: 30px; } .vacancy-row p:last-child { margin-bottom: 0; } .vacancy-row .text-right p { margin-bottom: 10px; } .vacancy-row .btn-default { padding: 0 15px; } .vacancy-row h3 { margin-bottom: 10px; } .tag { color: #b4b9c4; font-size: 14px; font-weight: 500; line-height: 30px; margin-right: 0; } .tag .icon { font-size: 16px; display: inline-block; vertical-align: middle; line-height: 1; margin-right: 3px; } .text-right .tag { margin-right: 0; margin-left: 45px; } .text-right .tag:first-child { margin-left: 0; } .vacancy-row.outdated * { color: #b2b2b2; } .download .icon { font-size: 48px; margin-right: -15px; margin-top: 2px; position: relative; } .vacancy-single-content { padding-right: 50px; } /*------------------------------------------------------------------ [ GOOGLE MAPS ] -------------------------------------------------------------------*/ #contact-map, #contact-map-fix { height: 600px; } .contact-map-medium { height: 450px !important; } .contact-map-small { height: 260px !important; } #contact-map.container, #contact-map-fix.container { height: 400px; } #vacancy-map { height: 260px; margin-bottom: 40px; } /*------------------------------------------------------------------ [ 19. BLOG ] -------------------------------------------------------------------*/ .blog-date { font-weight: 300; color: #cccccc; font-size: 30px; line-height: 32px; margin-left: -15px; } .blog-date * { display: block; } .post .post-content { padding: 26px; background-color: #f3f3f3; font-size: 13px } .post .post-content p { text-align: justify; } .post img { max-width: 100%; width: 100%; display: block; } .post-img { margin-bottom: 45px; } .post h1 { margin-top: -2px; } .post h2 { font-weight: 300; letter-spacing: 0; font-size: 33px; } .post h1, .post h2, .post h3 { text-transform: inherit; line-height: 1.3 !important } .post h3 { text-transform: inherit; font-size: 20px; line-height: 1.3 !important } .post h1 + a, .post h2 + a { display: block; margin: -5px 0 10px; } .post p + h2, .post p + h3 { margin-top: 25px; } .post .oneslider { margin-bottom: 60px; margin-top: 8px; } .cite-author { font-size: 20px; margin: 14px 0; } .comments { padding-top: 50px; } .comments > h3 { padding-bottom: 36px; margin-bottom: 50px; border-bottom: 1px solid #D6D6D6; } .comment p { margin-bottom: 10px; margin-top: 3px; } .comment .date { margin-right: 18px; } .comment .ava { padding-left: 0; padding-right: 0; } .comment .ava img { width: 68px; } .leaveacomment { border-top: 1px solid #D6D6D6; padding-top: 60px; margin-top: 26px; } .leaveacomment [class*=col-md] { padding-left: 0; padding-right: 0; } .leaveacomment h3 { margin-bottom: 10px; } .leaveacomment label { color: #999; font-weight: 300; left: -33.5%; line-height: 46px; position: absolute; width: 35%; } .blogbar { padding-top: 6px; } .blogbar .widget { margin-bottom: 45px; } .blogbar .tagcloud { line-height: 26px; } .widget ul { padding-left: 0; margin-bottom: 0; padding-bottom: 0; } .widget ul li { padding-left: 0 !important; } .widget ul ul { padding: 0 0 0 30px; } .widget ul li:before { display: none !important; } .widget ul li a:hover, .tagcloud a:hover { color: #3d9cd6; } .widget ul li a, .tagcloud a { color: #666666; margin-right: 5px; } .widget ul li span.post-date { color: #999999; display: block; } .blogbar .chosen-container-single .chosen-single { color: #666; } .blogbar .chosen-container .chosen-results li { line-height: 26px; } .table-calendar { width: 100%; } .table-calendar caption { padding-bottom: 20px; } .table-calendar caption > * { margin-bottom: 0; } .table-calendar th { color: #666; background-color: #f8f9fd; text-align: center; width: 14.2857%; font-size: 15px; text-transform: uppercase; line-height: 28px; border: 0; padding: 0; } .table-calendar tr:last-child > *, .table-calendar tr:first-child > * { padding: 0; } .table-calendar td { border: 1px solid #f8f9fd; color: #666; text-align: center; line-height: 28px; padding: 0; } .table-calendar tbody td { font-size: 14px; } .table-calendar tfoot td { padding-top: 14px!important; border: 0; text-align: left; } .masonry-list .post { margin-bottom: 50px; } .masonry-list .post h3 { margin-top: 0; margin-bottom: 10px; line-height: 34px; } .masonry-list .post p { margin-bottom: 20px; } .next-posts { opacity: 0; } .timeline > .row { margin-top: -70px; float: left; width: 100%; } .timeline > .row:first-child { margin-top: 0; } .timeline .no-top { margin-top: 0; } .timeline .top-x2 { margin-top: -140px; } .timeline .top-x3 { margin-top: -200px; } .timeline .post p, .timeline .post h2, .timeline .post h3 { margin-bottom: 10px; } .timeline .post p + h2, .timeline .post p + h3 { margin: 10px 0; } .timeline .row { background: url(data:image/gif;base64,R0lGODlhAQABAIAAANnZ2QAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU4MDdFQjAzMTQyMDY4MTE4MjJBRDA5NEI0QjhCMjZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxNzg2MDUxMDFCRDExRTQ4RjEzRjlDMEU5Qjk1QUZCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxNzg2MDUwMDFCRDExRTQ4RjEzRjlDMEU5Qjk1QUZCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkNCRDU3QzExMjI2ODExODIyQUE4QUUwRTMxMTgwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1ODA3RUIwMzE0MjA2ODExODIyQUQwOTRCNEI4QjI2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) center top repeat-y; } .timeline .vline { background-image: none; } .timeline .vline > * { padding-bottom: 20px; padding-top: 20px; } .timeline .row:first-child .vline > * { padding-top: 0; } .timeline .col-md-4 { padding-top: 22px; } /*------------------------------------------------------------------ [ SORTING ] ------------------------------------------------------------------*/ .sorting { background-color: #fff; border-radius: 15px; padding: 20px; position: relative; width: -moz-fit-content } .sorting span.filter { padding-right: 10px; padding-left: 10px; color: #666; font-weight: 500; font-size: 12px; } .sorting .chosen-container { font-size: 14px; height: 40px; line-height: 40px; min-width: 69px; color: #000b27 !important } .sorting .chosen-container-single .chosen-single { font-size: 14px; height: 40px; line-height: 38px; color: #000b27 } .sorting .chosen-container-single .chosen-single span { color: #b4b9c4; } .sorting .chosen-container .chosen-results { margin: 0 -2px 6px; padding: 5px 0; color: #000b27 } .sorting .chosen-container .chosen-results span { margin: 0 -2px 6px; padding: 5px 0; color: #000b27 } .sorting .btn.btn-schedule { line-height: 32px; padding: 0 12px; height: 40px } .sorting ul { margin-bottom: 0; } /* ------------------------------------------------------------------ [ JOB LIST ] ------------------------------------------------------------------*/ .content [class*="col"] ul.job-profile-list li::before { content: '\f00c'; font-family: 'FontAwesome'; padding-right: 3px; background: none; top: 0; color: #eee; } .content [class*="col"] ul.job-function-list li::before { content: '\f178'; font-family: 'FontAwesome'; padding-right: 3px; background: none; top: 0; color: #eee; } ul.job-function-list li { padding: 3px 0; } ul.job-profile-list li { padding: 3px 0; } /*------------------------------------------------------------------ [ JOB DETAILS ] ------------------------------------------------------------------*/ table.job-details-table { margin-top: 10px; font-size: 14px; margin-bottom: 0 } table tbody tr:first-child td { padding-top: 0; } table.job-details-table tr { padding: 0 } table.job-details-table tr > td:first-child { font-weight: 600 } table.job-details-table tr > td:last-child { text-align: left } table.job-details-table th { padding: 0 } table.job-details-table td { padding-left: 0; padding-bottom: 5px; padding-top: 5px; } /*------------------------------------------------------------------ [ CATALOG ] -------------------------------------------------------------------*/ .sorting { z-index: 5; position: relative; } .sorting .chosen-container-single .chosen-single { height: 37px; line-height: 34px; } .grid-nav { font-size: 1px; display: inline-block; vertical-align: middle; } .grid-nav > a { display: inline-block; vertical-align: middle; margin-right: 24px; } .grid-show > * { display: inline-block; vertical-align: middle; } .grid-show .chosen-container { margin: 0 5px; } .catalog { padding-top: 0; } .catalog + .container { padding: 20px 0; } .citem { position: relative; } .citem img { width: 100%; } .cimg { position: relative; } .citem h5 { margin-bottom: 8px; } .cimg .btn { opacity: 0; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -78px; width: 165px; z-index: 4; padding: 0; } .aimg { display: inline-block; position: relative; } .aimg img { max-width: 100%; width: 100%; } .aimg:before { opacity: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); content: '\0020'; overflow: hidden; z-index: 3; display: block; } .citem .sticker { top: 5px; z-index: 2; } .cost del { margin-right: 5px; } .catalog-bar { padding-top: 40px; } .catalog-bar .widget { margin-bottom: 55px; } .catalog-bar input[type="radio"], .catalog-bar input[type="checkbox"] { margin-left: 0 !important; } .catalog .widget + .btn { margin: -30px 0 55px; } .catalog-bar ul li { text-indent: 0; padding-left: 0!important; line-height: 30px; } .catalog-bar ul li:before { display: none!important; } .catalog-bar label { font-weight: 300; color: #666; } .cart-list li { overflow: hidden; margin-bottom: 20px; } .cart-list .pict { width: 90px; margin-right: 10px; } .cart-list .pict img { max-width: 100%; } .cart-list .block { padding-top: 3px; } .cart-list .cost del { margin-right: 6px; } .cart-list h5 { margin-bottom: 0; } table.cart-table { margin-bottom: 50px; } .cart-table th { padding-bottom: 30px; } .catalog-list .citem { background-color: #f8f9fd; border: 1px solid #f0f0f0; border-radius: 0; padding: 40px; } .catalog-list .citem:last-child { } .catalog-list .sticker { top: 5px; left: 20px; } .tagcloud { line-height: 30px; } .cdescription .row { margin: 0; } .cdescription .cost { padding-top: 5px; } .cdescription [class*=col-] { padding-left: 0; padding-right: 0; } .cdescription h3 { margin-bottom: 10px; } .cdescription ul { margin-bottom: 0; } .rating-wrap > * { display: inline-block; vertical-align: middle; margin-right: 11px; } .tab-pane .raty-count { display: block; } .product .cost { margin-bottom: 35px; font-size: 24px; } .product .cost del { margin-right: 15px; } .product-count { margin-bottom: 40px; } .counting { margin-right: 40px; font-size: 1px; height: 32px; } .counting a { width: 32px; height: 32px; text-align: center; display: inline-block; vertical-align: top; line-height: 32px; background-color: #4D4D4D; border-radius: 3px; color: #fff !important; font-size: 24px; } .counting a.disabled { background-color: #CCC; } .counting a:hover { background-color: #3d9cd6; } .counting input { text-align: center; border: 0; width: 37px; font-size: 20px; height: 32px; margin: 0 5px; padding: 0; } .product-table { margin-bottom: 35px !important; } .product-table th { vertical-align: top; } .product-table td { line-height: 30px; padding: 0!important; white-space: normal; } .product-table th { font-weight: 300; line-height: 30px; border: 0; font-size: 17px; color: #666; padding: 0 86px 0 0; } .description-table th { font-weight: 400; border: 0; padding: 0; vertical-align: top; font-size: 18px; } .description-table td { padding: 0 !important; } .description-table a { color: #3d9cd6; } .description-table a:hover { color: inherit; } .description-table nav a { display: block; } .img-medium { position: relative; margin-bottom: 40px; } .img-medium a { float: left; -webkit-transition: all 0s ease; transition: all 0s ease; } .img-medium img { display: inline-block; vertical-align: top; width: 95%; } .grid-show > span, .raty { color: #b2b2b2; } .citem .cost, .cart-list .cost { font-size: 18px; } .cimg:hover .aimg:before, .citem.color .aimg:before, .cimg:hover .btn, .citem.color .btn { opacity: 1; } .cost, .cost, .catalog-bar li a, .tagcloud a, [class*=skin-] .tagcloud a { color: #666; } .cost .new, .catalog-bar li a:hover, .catalog-bar li a.color, .cart-list h5 a:hover, .cart-list .cost .new, .tagcloud a:hover, .raty .fa-star, .raty .fa-star-half-o, .product-table a:hover { color: #3d9cd6; } .catalog-bar h4, .rating-wrap, .product h2 { margin-bottom: 20px; } .cart-list h5 a, .product-table a { color: #000b27; } /*------------------------------------------------------------------ [ HOME PAGE SPECIAL ] -------------------------------------------------------------------*/ .home h1.brand-heading { font-size: 32px; margin-bottom: 0px; font-family: 'Raleway', sans-serif; } .home p.intro-text { font-size: 16px; line-height: 25px } @media(min-width:767px) { .home h1.brand-heading { font-size: 70px; letter-spacing: 0.5em; color: #000b27; margin-bottom: 30px; font-weight: 300; } .home p.intro-text { font-size: 30px; line-height: 38px; } } .club-dropdown { margin-top: 20px; } .club-dropdown > button { text-transform: uppercase; padding: 0 28px !important; } .dropdown-club-select { left: 0 !important; min-width: 20px; width: 100%; } .dropdown-club-select li { text-transform: uppercase } .dropdown-club-select li span { text-shadow: none; color: #ccc } /*------------------------------------------------------------------ [ CAMPAIGNS & LANDING PAGE ] -------------------------------------------------------------------*/ /* booking process */ .landing h2 { font-size: 22px; } .landing .row-campaign { margin-top: -70px; } .landing .setup-content .formwrap { border: 0; margin: 0; padding: 0 } .landing .step-head { font-family: open sans; color: #eeeeee; border-radius: 100%; background-color: #fff; font-size: 34px; border: 2px solid #eeeeee; padding: 12px 18px; width: 60px; height: 59px; line-height: 29px; text-align: center; margin: 0 auto 10px } .landing .step-head.active { color: #3D9CD6; background-color: #fff; border: 2px solid #3D9CD6; } .landing .setup-content p { font-size: 13px; } .landing .setup-content p.subtitle { font-size: 18px; } .landing .setup-content address::before { content: '\f041'; font-family: 'FontAwesome'; padding-right: 4px; background: none; top: 0; color: #fff; } .landing .setup-content address { font-weight: 500; color: #fff; } .landing .setup-content h4 { text-transform: inherit; margin-bottom: 0; margin-top: 0; color: #fff; } .landing .step-choose { background-color: rgba(0,0,0,0.7); height: 100%; position: relative; padding: 50px 40px; min-height: 300px; } .landing .setup-panel li.active > a > .step > .step-head { background-color: #fff; border: 2px solid #3d9cd6; color: #3d9cd6; } .landing .setup-panel li.disabled > a > h4 { color: #ccc } .landing .nav-justified { width: 100%; } .landing .nav-justified > li { float: none; } .landing .nav-justified > li > a { margin-bottom: 0; text-align: center; } .landing .nav-justified > .dropdown .dropdown-menu { left: auto; top: auto; } @media (min-width: 768px) { .landing .nav-justified > li { display: table-cell; width: 1%; } .landing .nav-justified > li > a { margin-bottom: 0; } } .landing .nav-tabs-justified { border-bottom: 0 none; } .landing .nav-tabs-justified > li > a { border-radius: 4px; margin-right: 0; } .landing .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .landing .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .landing .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } /* form style*/ .landing .form-group-step .chosen-container { font-size: 14px; font-weight: 300; min-width: 69px; background-color: transparent; border: 1px solid #fff; height: 42px; line-height: 42px; } .landing .form-group-step .chosen-container-single .chosen-single { height: 38px; color: #fff !important; font-size: 14px; line-height: 38px; font-weight: 300; font-family: raleway; text-transform: uppercase; letter-spacing: 0.06em; border: 1px solid transparent; } .landing .form-group-step .chosen-container .chosen-drop { width: auto; } .landing .form-group-step .chosen-container-single .chosen-single div strong { } .landing #book { margin-top: -60px; padding-top: 60px; } .landing #club h2 { font-size: 26px } /* well */ .landing .well { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05); margin-bottom: 20px; min-height: 20px; padding: 40px; } .landing .well.highlight { background-color: #f8f9fd !important; padding: 20px; } .landing .well.highlight p { margin-bottom: 0; } .landing .offer-well { background-color: #f8f9fd; border: 1px solid #eee; padding: 6px 30px 30px; } .landing .offer-well h4, .offer-well h5 { text-transform: inherit !important } .landing .offer-well hr { border-style: dashed; border-color: #9da5b8 } /* club med 3 club choico only */ .special ul.chosen-results li:nth-child(n+4):nth-child(-n+8) { display: none; visibility: hidden; } /* NEW HOME PAGE STYLE */ .home-special .home p.intro-text { font-size: 19px; font-weight: 300; letter-spacing: 0.04em; line-height: 28px; } .home-special .overlay.home.huge-size { background-position: left top; background-size: cover; } .home-special .overlay:after { opacity: 0 } .home-special .home h1.brand-heading { text-transform: inherit; color: #000b27; font-size: 38px; font-weight: 300; letter-spacing: 0.04em; margin-bottom: 18px; } .home p.intro-text { font-size: 26px; line-height: 38px; margin-bottom: 40px; } .bg-club { background-position: center -200px; } .club-special .bg-club { background-position: left top; } @media only screen and (max-width: 992px) { .bg-club { background-position: center top; } .club-special .bg-club { background-position: left top; } } /*------------------------------------------------------------------ ASPRIA EVOLUTION MAP -------------------------------------------------------------------*/ .box-inline { color: inherit !important; } p.lead-news { font-family: "Raleway", sans-serif; font-size: 38px !important; margin-bottom: 20px !important; } .virtual { position: relative; top: 0; max-width: 1340px; } .virtual-tour { height: 793px; position: relative; width: 100%; } .container-full { padding: 0; width: 100% !important; } .virtual-overlay { background-color: rgba(255, 255, 255, 0.98); border: 1px solid #121139; height: auto; left: 41px; margin: 0 auto; position: absolute; top: 90px; width: 500px; z-index: 900; } .virtual-overlay .description { float: left; padding: 18px 50px 40px; position: relative; } .virtual p { color: #121139; font-size: 13px; letter-spacing: 0.02em; line-height: 1.7; } .virtual h2 { font-size: 27px; margin-bottom: 20px; } .big-white { background-color: rgba(255, 255, 255, 0.55); height: 692px; position: absolute; top: 52px; width: 100%; z-index: 899; } .book-tour { background-color: rgba(255,255,255,.8); padding: 10px; } .book-tour div { padding: 40px 20px; } .book-tour h3 { font-size: 21px; } .slider.mini-slider { margin-top: 10px !important; } .slider.mini-slider .slidebar .pagination { margin: 25px auto 0; } .mini-slider p { color: #acb0b7; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 1.5; font-style: italic; } .oneslider h2.text-inherit { font-size: 31px; } .overlay-off .overlay:after { opacity: 0; } .overlay-off .home h1 { text-transform: inherit; font-size: 42px; } .home .language { top: 20px; position: absolute; right: 0; z-index: 1000; } .home .language img { border: 1px solid #fff; } .widget h2 { font-size: 22px; letter-spacing: 0.02em; } @media (min-width: 1200px) { .hidden-dsk { display: none; } .hidden-dsk .promo-banner { text-align: left; } } @media (min-width: 991px) { section.map-mobile { display: none } } @media (max-width: 1199px) { .oneslider .row .col-lg-8 { padding-left: 30px; padding-right: 30px; } .highlight .container.promo-banner { padding: 50px 0; } .virtual-tour { height: 544px; } .virtual-overlay { top: 30px; } } @media (max-width: 992px) { .hidden-sm { display: none; } .book-tour { display: none } .oneslider .row .col-lg-8 { padding-left: 50px; padding-right: 50px; } #virtual-map { display: none; } } @media (max-width: 768px) { .oneslider h2.text-inherit { font-size: 26px; } .oneslider p.large-text { font-size: 14px; } .virtual-overlay { left: 7px; top: 9px; width: 96%; } .virtual-overlay h3 { font-size: 17px; line-height: 25px; } } /*---------------------------------------------------------- HOME PAGE --------------------------------------------------------*/ .home.banner-home.overlay:after { opacity: 0 } .home .home-page-row { text-align: left } .home .home-page-row h1 { font-size: 41px; letter-spacing: 0.02em; line-height: 1.3; margin-bottom: 0; margin-top: 22%; } .home .row .btn { margin-bottom: 10px } @media only screen and (max-width: 1399px) { .home .home-page-row h1 { font-size: 37px; margin-top: 28%; } .home .home-page-row p.intro-text { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 1200px) { .home .home-page-row { text-align: left } .home .home-page-row h1 { font-size: 34px; margin-top: 25%; } .home .home-page-row p.intro-text { font-size: 21px; line-height: 32px; } .home.banner-home.huge-size { height: 500px; } } @media only screen and (max-width: 992px) { .home .home-page-row h1 { font-size: 33px; margin-top: 12%; } .home.banner-home.huge-size { height: auto; padding: 22px 0 120px; } .home-campaign.big-size { height: auto; padding: 60px 0; } } @media only screen and (max-width: 768px) { .home.banner-home.overlay:after { } .home .home-page-row h1 { font-size: 30px; line-height: 1; margin-bottom: 0; margin-top: 15%; } .home.banner-home.huge-size { height: 300px; padding: 0 0 20px; } .home .home-page-row p.intro-text { font-size: 15px; line-height: 23px; } .home.banner-home.huge-size .bg { background-position: left center !important; } } @media only screen and (max-width: 479px) { .home.banner-home.huge-size .bg { background-position: -51px center !important; } .home .home-page-row { text-align: left } .home.banner-home.overlay:after { opacity: 0.2 } .home .home-page-row h1 { font-size: 23px; } .home.banner-home.huge-size { height: 340px; padding: 30px 0; } .home .home-page-row p.intro-text { font-size: 14px; margin-top: 10px } .home .home-page-row { } .home .home-page-row .col-xs-9 { width: 90% !important; left: -60px } } /*------------------------------------------------------------------ [ JANUARY CAMPAIGN ] -------------------------------------------------------------------*/ .january .home { text-shadow: none !important; overflow: visible; } .january .home .container .row { z-index: 9000; position: relative; } .january .home.overlay:after { background-color: #fff; opacity: .1; } .january .home h1 { color: #121139; text-transform: inherit; font-size: 42px; line-height: 1.2; letter-spacing: 0em; margin-bottom: 16px; } .january .home h4 { border-color: #3d9cd6; color: #3d9cd6; border-image: none; border-style: dashed; border-width: 1px 0; display: inline-block; line-height: 28px; margin-bottom: 25px; margin-top: -10px; position: relative; } .january .home h4 > span { text-transform: lowercase; } .january .home .intro-text a { text-decoration: underline; color: #121139 !important } .january .slidebar .pagination { margin: 25px auto 0; } .january .home .intro-text { color: #121139; font-size: 18px; line-height: 1.6; margin-bottom: 20px } .january .home span { font-weight: 400; } .january .home .chosen-container { background-color: #47495d; color: #fff !important; } .january .home .chosen-container-single .chosen-single { background-clip: padding-box; color: #fff !important; display: block; font-size: 13px; height: 44px; line-height: 44px; } .january .home .chosen-container .chosen-results { background-color: #fff !important; /*max-height: 200px;*/ overflow-x: hidden; overflow-y: auto; position: relative; } .january .home .chosen-container-single .chosen-single span { padding: 0; letter-spacing: 0.04em } .january .home .chosen-container .chosen-results li { color: #6a6b8a !important; font-size: 13px; list-style: outside none none; } .january .home .chosen-container .chosen-drop { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); } .january .home .formwrap .chosen-container-single .chosen-single { color: #9da5b8; } .january .january-choice { max-width: 1170px; } .january .home .chosen-container .chosen-results li { font-size: 13px; } .january .january-choice .col-md-4 { background-color: #fff; padding: 30px; } .january .january-choice img { margin-bottom: 20px; } .january .january-choice h4 { margin-bottom: 10px; } .january .form-group ul.chosen-choices li { list-style: none; margin-left: -3px; } .january .highlight .page-header > * { background-color: #f8f9fd; } .january .post .post-content { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); background-color: #f8f9fd; font-size: 13px; padding: 26px; } .january .post .post-content p { text-align: justify; } .january .post .post-content h3 { text-transform: inherit; font-size: 25px; } .january blockquote { font-size: 20px; } .january .btn.btn-blue-alt { background-color: #47495d; color: #fff } .january .btn.btn-blue-alt:hover { background-color: #fff; color: #47495d } .january .home.big-size { height: 500px; } .january .col-md-6.form-scroll-top h3 { text-transform: inherit; } .bounce { position: relative; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @media (max-width: 1199px) { .january .january .home h1 { font-size: 34px; margin-bottom: 16px; margin-top: 0; } .january .big-size { height: 400px; } } @media (max-width: 992px) { .january .home h1 { font-size: 30px; line-height: 1.2; margin-bottom: 16px; margin-top: 0; } .january .home .intro-text { font-size: 16px; margin-bottom: 20px; } .january .home.big-size { height: auto; padding: 30px 0 50px; } .january .home .bg-january { background-position: top right !important } .january .home.overlay:after { background-color: #fff; opacity: .3; } } @media (max-width: 768px) { .january .home h1 { font-size: 28px; line-height: 1.2; margin-bottom: 16px; margin-top: 0; } .january .home .intro-text { font-size: 16px; margin-bottom: 10px; } .january .home.big-size { height: auto; padding: 10px 0 20px; } .january .post .post-content { margin-bottom: 15px; } .january .post .post-content h3 { font-size: 19px; } .january .post .post-content p { text-align: left; } .january h2 { font-size: 20px; } .january h3 { font-size: 16px; line-height: 1.6; } } /*------------------------------------------------------------------ [ TESTIMONIAL STYLES ] -------------------------------------------------------------------*/ .testimonial { background-color: #f8f9fd; } .testimonial .testimonial-block { background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); padding: 50px; position: relative; top: -140px; z-index: 100; } .testimonial-slider, .testimonial-slider .container { max-width: 1170px; } .testimonial-slider blockquote { font-size: 27px; margin-bottom: 20px; } .testimonial-slider blockquote a { color: #000b27; } .testimonial-slider blockquote a:hover { color: #3d9cd6; } .highlight .testimonial-slider { padding: 45px 0 85px; } .testimonial-slider h4 { margin-bottom: 20px; } .testimonial-slider h2 { font-size: 27px; margin: 0 0 18px; } .testimonial-slider p.testimonial-txt { margin-bottom: 8px; font-family: Roboto Slab; letter-spacing: 0; font-size: 17px; line-height: 1.6; padding-top: 10px; } .testimonial-slider a { font-size: 11px; font-weight: 600; } .testimonial-slider .arrow, .testimonial-slider .mfp-arrow, .testimonial-slider .th-arrow { top: 37%; } .testimonial blockquote { font-size: 22px; line-height: 1.4; } .testimonial .home h1 { color: #fff; font-size: 30px; letter-spacing: 0; line-height: 1.4; margin: 0; text-align: left; text-transform: inherit; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); } .testimonial .overlay::after { opacity: 0.1; } .testimonial .post hr { margin-bottom: 0; } .testimonial .masonry-list .post { margin-bottom: 20px; } .testimonial-overview-container { margin-bottom: 30px; } .testimonial-overview-container p { font-family: Raleway; letter-spacing: 0; font-size: 15px; line-height: 1.5; } .testimonial-overview-container h2 { margin-bottom: 5px; } /* testimonial-full-bg */ .testimonial-full-bg .overlay::after { opacity: 0 !important; background-color: #fff; } .testimonial-full-bg .container { text-shadow: none; } .testimonial-full-bg .container .row { text-align: left !important; } .testimonial-full-bg h1 { text-transform: inherit; letter-spacing: 0; font-family: 'Playfair Display'; font-size: 30px; line-height: 1.3; margin-bottom: 0; color: #000b27; font-weight: 400 !important; font-style: italic; } .testimonial-full-bg p { font-weight: 400; font-style: normal; color: #000b27; text-shadow: none; } .testimonial-full-bg p small { font-size: 13px; } .testimonial-full-bg a { font-weight: 600; font-size: 13px; color: #fff; text-decoration: underline } .testimonial-full-bg .large-size { height: 500px; } .home .testimonial-full-bg .arrow, .home .testimonial-full-bg .mfp-arrow, .home .testimonial-full-bg .th-arrow { width: 63px; height: 63px; display: block; border: 0 none; border-radius: 63px; position: absolute; z-index: 3; text-align: center; top: 50%; margin-top: -30px; background-color: transparent; } @media only screen and (max-width: 1499px) { .testimonial-full-bg .bg { background-position: left center !important; } } @media only screen and (max-width: 900px) { .testimonial-full-bg .overlay::after { opacity: .6 !important; } } .home > .oneslider.testimonial-full-bg > .slidebar > .arrow { top: 47%; } /* TESTIMONIAL LONG STORY */ .testimonial-full-bg .overlay.overlay-testi::after { opacity: .5 !important; background: rgba(0,0,0,1); background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); } .testimonial-long-story h1 { text-transform: inherit; letter-spacing: 0; font-family: 'Playfair Display'; font-size: 39px; line-height: 1.3; margin-bottom: 0; color: #fff; font-weight: 400 !important; font-style: italic; } .testimonial-long-story p.intro-testimonial { font-size: 19px; font-family: Lato; line-height: 1.5; font-style: normal; font-weight: 400; color: #fff !important; } .testimonial-long-story .title-author { text-transform: uppercase; letter-spacing: 0.4em; font-size: 11px; font-weight: 600; display: block; margin-bottom: 10px; } .testimonial-long-story a.read-more { text-transform: uppercase; font-size: 12px; letter-spacing: 0.2em; text-decoration: none; } .testimonial-full-bg.testimonial-long-story .large-size { height: 500px; } /* ARTICLE MEDIA */ .article-media-holder { } .article-media-holder .container { max-width: 1170px; } .article-media-holder .article-media-container { background-color: #fff; padding: 40px 60px; position: relative; float: left } .article-media-holder .article-media-content { position: relative; float: left; width: 100%; clear: both; margin-bottom: 30px; } .article-media-holder .article-media-content .img-left { float: left; margin-bottom: 15px; } .article-media-holder .article-media-content .img-right { float: right; margin-bottom: 15px; } .article-media-holder .article-media-content .img-left img { width: 100% } .article-media-holder .article-media-content .img-right img { width: 100% } .article-media-text { float: right; } .article-media-holder .article-media-content .img-legend { font-style: italic; font-size: 12px; margin-bottom: 0; color: #999 } .article-media-holder .article-media-content .img-legend::before { content: "-"; margin-right: 3px; font-weight: 400 } .article-media-holder h2, .article-media-holder h3, .article-media-holder h4 { font-family: "Raleway"; text-transform: inherit; letter-spacing: 0; } .article-media-holder h2 { font-size: 34px } .article-media-holder h3 { font-size: 30px; margin-bottom: 10px; } .article-media-holder h4 { font-size: 24px; margin-bottom: 10px; } .article-media-holder blockquote { font-size: 23px; color: #3D9CD6; padding: 0; border: 0 none; } .article-media-holder ul.tips-list li { list-style: none; font-weight: 300; font-size: 16px; line-height: 1.8em; } .article-media-holder ol li { list-style: none; margin-left: 0; line-height: 2em; font-size: 16px; font-style: italic; } @media only screen and (min-width: 768px) { .article-media-holder .article-media-content .img-left { margin: 7px 25px 10px 0; } .article-media-holder .article-media-content .img-right { margin: 7px 0 10px 25px; } .article-media-holder .article-media-content .img-left img { width: 300px } .article-media-holder .article-media-content .img-right img { width: 300px } } /* SLIDER WHITE BOX */ @media only screen and (min-width: 800px) { .home .container .row { text-align: center;} .aspria-pro-header.home .container .row { text-align: left;} .white-box-holder .container .white-box, .home .container .col-md-8 { display: inline-block; width: auto; max-width: 830px; position: relative; margin: 0 auto; float: none; } } .white-box-holder .white-box p, .home .container .col-md-8 p { color: #000b27 !important; font-weight: 300; text-shadow: none; letter-spacing: 0; font-size: 20px; margin-bottom: 0; } .home .container .col-md-8 p { letter-spacing: 0.03em; } .white-box-holder .white-box p { line-height: 1.4; } .white-box-holder .white-box h1, .home .container .col-md-8 h1 { font-weight: 200;margin-top: 0px; display: inline-block; font-size: 36px; letter-spacing: 0; margin-bottom: 10px; text-shadow: none; color: #000b28 !important; text-transform: inherit !important; line-height: 1.1; } .white-box-holder .white-box span.slogan, .home .container .col-md-8 span.slogan { font-weight: 200;margin-top: 0px; display: inline-block; font-size: 36px; letter-spacing: 0; margin-bottom: 10px; text-shadow: none; color: #000b28 !important; text-transform: inherit !important; line-height: 1.1; } .home .container .col-md-8 h1 { letter-spacing: -0.02em; } .home .container .col-md-8 span.slogan { letter-spacing: -0.02em; } .white-box-holder .white-box h2, .home .container .col-md-8 h2 { font-size: 36px; letter-spacing: 0; margin-bottom: 10px; text-shadow: none; color: #000b28 !important; text-transform: inherit !important; line-height: 1.1; } .home .container .col-md-8 { position: relative; background-color: rgba(255,255,255,0.85); padding: 35px 60px; } .white-box-holder .white-box { position: relative; background-color: rgba(255,255,255,0.85); padding: 35px 50px; } .white-box-holder .white-box h2, .home .container .col-md-8 .btn { margin-top: 20px; } .white-box-holder .white-box { text-align: left; } .white-box-holder .white-box .chosen-container, .home .container .col-md-8 .chosen-container { background-color: #000b27; color: #fff !important; margin-top: 20px; } .white-box-holder .white-box a.btn { margin-top: 20px; } .white-box-holder .white-box .chosen-container-single .chosen-single, .home .container .col-md-8 .chosen-container .chosen-single { color: #fff !important; } @media only screen and (max-width: 768px) { .white-box-holder .white-box h1, .home .container .col-md-8 h1 { font-size: 29px; } .white-box-holder .white-box span.slogan, .home .container .col-md-8 span.slogan { font-size: 29px; } .white-box-holder .white-box { padding: 15px 20px; width: 100%; margin: 0 auto; } .home .container .col-md-8 { padding: 30px 20px; width: 100%; margin: 0 auto; } } .home .container .row {} .home .container .col-md-8::before { /*border: 1px solid #fff;*/ bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: scale(1, 1); transition: all 0.4s ease-in-out 0s; } .home .container .col-md-8::before { bottom: -6px; cursor: pointer; left: -6px; opacity: 1; right: -6px; top: -6px; } /* NEW MEMBERSHIP */ .membership-section .white-box { background-color: rgba(255,255,255,1); } .membership-section .inside, .membership-section .chosen-container-multi .chosen-choices { background-color: transparent; } .membership-section .membership-box-title { position: relative; z-index: 10;vertical-align: middle;display: table-cell; width: 100%; } .membership-section .membership-box-title h4 { text-align: center; padding-left: 40px; padding-right: 40px; color: #fff; font-size: 34px; line-height: 1.4; font-family: Playfair Display; } .membership-section .formwrap { background-color: transparent; padding: 40px 20px 30px 30px; margin: 0; text-align: left; } .membership-section .formwrap input[type=text], .membership-section .formwrap input[type=email], .membership-section .formwrap input[type=password], .membership-section .formwrap input[type=search], .membership-section .formwrap textarea, .membership-section .chosen-container { border-radius: 0; border-width: 0 0 1px 0px; background-color: transparent; border-color: rgba(186, 192, 204, 0.43); } .membership-section .chosen-container { border-radius: 0; border-width: 0 0 1px 0px; height: 43px; } .membership-section input[type=text], .membership-section input[type=email], .membership-section input[type=password], .membership-section input[type=search], .membership-section textarea, .membership-section .chosen-container-single .chosen-single { padding: 0; } .membership-section .chosen-container-multi .chosen-choices li { padding-left: 0 !important; } .membership-section input, .membership-section .formwrap .chosen-container-single .chosen-single { color: #626a7c !important; font-family: "Raleway"; line-height: 44px; padding-right: 5px; letter-spacing: 0; text-transform: capitalize; font-size: 14px; } .membership-section .formwrap [class*=col-md], .formwrap .membership-section .formwrap [class*=col-sm] { padding-right: 10px; } .membership-section .formwrap .form-group.pad-lab { margin-top: 5px; margin-bottom: 0; } .membership-section .formwrap .form-group.pad-lab label { margin-bottom: 3px; } .membership-section .btn-dark-blue { background-color: #000b27; color: #fff; margin-bottom: 0; margin-top: 20px; } .membership-section .form-group h3, .membership-section .formwrap > .form-group > p {color: #626a7c;} .membership-section .formwrap hr { display:none;} .pricing .equal > * {padding: 0 10px; margin:0 10px; } .pricing .equal .pricing-holder-content {padding: 50px 40px; position:relative; height:100%} .pricing .equal::first-child { left:-10px } .pricing .equal::last-child { right:-15px } .half-split h1, .half-split h2, .half-split h3 { text-align: left; } p.membership-details { text-transform: uppercase; margin:40px 0; font-size:11px !important; font-family:lato; letter-spacing:0.08em; line-height:2.4 !important} form.Membership { width:100%;} /* COLUMNS SAME HEIGHT */ .Aligner { display: table-row; align-items: center; justify-content: center; width: 100%; } .Aligner-item--fixed { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: 100%; display: -ms-flexbox;height: 374px;display: table; } .Aligner-item { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .inside {float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; background-color: transparent; } .inside-full-height { /* // if you want to give content full height give him height: 100%; // with content full height you can't apply margins to the content // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100 */ height: 100%; margin-top: 0; margin-bottom: 0; } .row-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-height { display: table-cell; float: none; height: 100%; } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } @media (min-width: 480px) { .row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-xs-height { display: table-cell; float: none; height: 100%; } .col-xs-top { vertical-align: top; } .col-xs-middle { vertical-align: middle; } .col-xs-bottom { vertical-align: bottom; } } @media (min-width: 768px) { .row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-sm-height { display: table-cell; float: none; height: 100%; } .col-sm-top { vertical-align: top; } .col-sm-middle { vertical-align: middle; } .col-sm-bottom { vertical-align: bottom; } } @media (min-width: 992px) { .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-md-height { display: table-cell; float: none; height: 100%; } .col-md-top { vertical-align: top; } .col-md-middle { vertical-align: middle; } .col-md-bottom { vertical-align: bottom; } } @media (min-width: 1200px) { .row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-lg-height { display: table-cell; float: none; height: 100%; } .col-lg-top { vertical-align: top; } .col-lg-middle { vertical-align: middle; } .col-lg-bottom { vertical-align: bottom; } } /* HALF SPILT */ .half-split { margin: 0; padding: 0; } .half-split .half-split-content { padding: 0 80px; } .half-split .half-split-image { height: 540px; } .half-split h1, .half-split h2, .half-split h3 { text-align: left } .half-split p { text-align: justify } .half-split .slidebar .pagination { margin: 15px auto 0; } @media (max-width: 1400px) { .half-split .half-split-content { padding: 0px 40px; } } /*EXPERTS SECTION */ .experts-section { position: relative; float: left; width: 100%; } .membership-section .membership-box-title h4 { font-size: 35px; } p.quote { font-family: "Playfair Display"; font-size: 22px; line-height: 1.7; letter-spacing: 0; margin-bottom: 10px; margin-top: 5px; font-style: italic; color: #4f5973; } /* -------------------------------- Menu trigger -------------------------------- */ .cd-nav-trigger { position: absolute; z-index: 4; top: 24px; right: 5%; height: 52px; width: 52px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } .cd-nav-trigger .cd-icon, .cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon::after { /* menu icon created in CSS */ position: absolute; background-color: #ffffff; border-radius: 2px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .no-touch .cd-nav-trigger:hover { background-color: black; } .cd-nav-trigger .cd-icon { /* middle line of the menu icon */ display: inline-block; width: 18px; height: 2px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; } .cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon::after { /* upper and lower lines of the menu icon */ content: ''; top: 0; right: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-nav-trigger .cd-icon::before { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .cd-nav-trigger .cd-icon::after { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .cd-nav-trigger.project-open .cd-icon { /* user selects a projects - transform the icon into a 'X' */ background-color: rgba(255, 255, 255, 0); } .cd-nav-trigger.project-open .cd-icon::before, .cd-nav-trigger.project-open .cd-icon::after { background-color: white; } .cd-nav-trigger.project-open .cd-icon::before { -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .cd-nav-trigger.project-open .cd-icon::after { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .cd-nav-trigger.nav-visible .cd-icon { /* user opens the navigation - transform the icon into an arrow */ -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .cd-nav-trigger.nav-visible .cd-icon::after { -webkit-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5); -moz-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5); -ms-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5); -o-transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5); transform: translateX(5px) translateY(3px) rotate(-45deg) scaleX(0.5); } .cd-nav-trigger.nav-visible .cd-icon::before { -webkit-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5); -moz-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5); -ms-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5); -o-transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5); transform: translateX(5px) translateY(-3px) rotate(45deg) scaleX(0.5); } @media only screen and (min-width: 1024px) { .cd-nav-trigger.nav-visible .cd-icon { -webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(-90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(-90deg); -o-transform: translateY(-50%) translateX(-50%) rotate(-90deg); transform: translateY(-50%) translateX(-50%) rotate(-90deg); } .cd-nav-trigger.nav-visible .cd-icon::after { -webkit-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5); -moz-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5); -ms-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5); -o-transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5); transform: translateX(-5px) translateY(3px) rotate(45deg) scaleX(0.5); } .cd-nav-trigger.nav-visible .cd-icon::before { -webkit-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5); -moz-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5); -ms-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5); -o-transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5); transform: translateX(-5px) translateY(-3px) rotate(-45deg) scaleX(0.5); } } /* -------------------------------- Projects -------------------------------- */ .cd-projects-container { position: relative; z-index: 2; overflow-x: inherit; height: 600px } .cd-projects-container.project-open { /* smooth scroll on iOS devices */ -webkit-overflow-scrolling: touch; } .cd-projects-previews { position: relative; z-index: 2; height: 600px; width: 100vw; margin-bottom: 0; } .cd-projects-previews .cd-projects-previews::after { clear: both; content: ""; display: table; } .project-open .cd-projects-previews { pointer-events: none; } .cd-projects-previews li { height: 150px; width: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(1px); -moz-transform: translateZ(1px); -ms-transform: translateZ(1px); -o-transform: translateZ(1px); transform: translateZ(1px); } .cd-projects-previews li.selected { opacity: 0; /* move selected project preview out of the viewport with no transition */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0s; -moz-transition: -moz-transform 0s; transition: transform 0s; } .cd-projects-previews li.slide-out { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .cd-projects-previews a { display: block; height: 600px; width: 100%; /* fixes a bug on projects caption width */ -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .cd-projects-previews li:nth-of-type(2) a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-projects-previews li:nth-of-type(3) a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-projects-previews li:nth-of-type(4) a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-projects-previews .bg-loaded a { opacity: 1; } .cd-projects-previews a .bg { width: 33%; } @media only screen and (min-width: 1024px) { .cd-projects-previews li { display: inline-block; height: 600px; width: 33%; float: left; margin-left:-1px; } .cd-projects-previews li.selected { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .cd-projects-previews li.slide-out { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .cd-projects-previews a { /* width equal to window width */ width: 400%; } .cd-projects-previews li:nth-of-type(2) a { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } .cd-projects-previews li:nth-of-type(3) a { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .cd-projects-previews li:nth-of-type(4) a { -webkit-transform: translateX(-75%); -moz-transform: translateX(-75%); -ms-transform: translateX(-75%); -o-transform: translateX(-75%); transform: translateX(-75%); } } .cd-projects { position: absolute; z-index: 1; top: 0; left: 0; height: 600px; width: 100vw; margin-bottom: 0; } .cd-projects > li { position: absolute; top: 0; left: 0; height: 600px; width: 100%; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .cd-projects > li.selected { z-index: 1; opacity: 1; -webkit-transition: opacity 0s; -moz-transition: opacity 0s; transition: opacity 0s; } .cd-projects .preview-image { display: block; height: 600px; } .cd-projects-previews a, .cd-projects .preview-image { /* set a background image for each project */ background: #5b927d url("http://aspria.com/campaign/aspria_group/images/pro/experts/Dr-Sabine-Donna-bg.jpg") no-repeat center center; background-size: cover; } .cd-projects-previews li:nth-of-type(2) a, .cd-projects > li:nth-of-type(2) .preview-image { background: #a8ae7e url("http://aspria.com/campaign/aspria_group/images/pro/experts/oli_bg.jpg") no-repeat center center; background-size: cover; } .cd-projects-previews li:nth-of-type(3) a, .cd-projects > li:nth-of-type(3) .preview-image { background: #e7d5a4 url("http://aspria.com/campaign/aspria_group/images/pro/experts/oli_bg.jpg") no-repeat center center; background-size: cover; } .cd-projects-previews li:nth-of-type(4) a, .cd-projects > li:nth-of-type(4) .preview-image { background: #835531 url("http://aspria.com/campaign/aspria_group/images/pro/experts/ringo-bg.jpg") no-repeat center center; background-size: cover; } .cd-project-title { position: absolute; width: 100%; top: calc(67% - 20px); left: 0; color: #ffffff; -webkit-transform: translateY(-37.5vh); -moz-transform: translateY(-37.5vh); -ms-transform: translateY(-37.5vh); -o-transform: translateY(-37.5vh); transform: translateY(-37.5vh); -webkit-transition: -webkit-transform 0.6s 0.2s; -moz-transition: -moz-transform 0.6s 0.2s; transition: transform 0.6s 0.2s; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 10; } .cd-projects .cd-project-title { position: absolute; width: 100%; bottom: 0; top: auto; padding: 40px; background-color: rgba(0,11,39,.8); } .cd-project-title::after { /* line below project title */ content: ''; position: absolute; left: 50%; bottom: -10px; width: 40px; height: 1px; background: #ffffff; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .no-touch .cd-projects-previews a:hover .cd-project-title::after { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } .cd-projects .cd-project-title::after { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .cd-project-title h3 { margin-bottom: 0; font-size: 37px; color: #fff; } .cd-projects .cd-project-title h3 { margin-bottom: 20px; font-size: 37px; color: #fff; text-align: left; } .cd-project-title h2 { font-size: 2.5rem; line-height: 1.5; font-weight: 700; } .cd-project-title p { font-size: 13px; font-family: "Lato", sans-serif; letter-spacing: 0.2em; font-style: normal; text-transform: uppercase; line-height: 1.2; padding: .4em 2em; opacity: 1; font-weight: 600; } .cd-projects .cd-project-title p { font-size: 17px; font-family: "Source Sans Pro", sans-serif; letter-spacing: 0; font-style: normal; text-transform: inherit; line-height: 1.6; padding: 0; opacity: 1; text-align: justify; font-weight: 400; } @media only screen and (min-width: 1024px) { .cd-project-title { width: 25%; top: 75%; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); z-index: 100; } .cd-projects .cd-project-title { top: 0; width: 460px; height: 100%; padding: 40px 40px; color: #fff !important; background-color: rgba(0,11,39,.8) } .project-open .bg-loaded { opacity: 0; } } @media only screen and (min-width: 1024px) { .cd-projects-previews li:nth-of-type(2) .cd-project-title, .cd-projects > li:nth-of-type(2) .cd-project-title { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-projects-previews li:nth-of-type(2) .bg { left: 25%; } } @media only screen and (min-width: 1024px) { .cd-projects-previews li:nth-of-type(3) .cd-project-title, .cd-projects > li:nth-of-type(3) .cd-project-title { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .cd-projects-previews li:nth-of-type(3) .bg { left: 50%; } } @media only screen and (min-width: 1024px) { .cd-projects-previews li:nth-of-type(4) a .cd-project-title, .cd-projects > li:nth-of-type(4) .cd-project-title { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); -o-transform: translateX(300%); transform: translateX(300%); } .cd-projects-previews li:nth-of-type(4) .bg { left: 75%; } } li.selected .cd-project-title, .cd-projects > li:nth-of-type(2).selected .cd-project-title, .cd-projects > li:nth-of-type(3).selected .cd-project-title, .cd-projects > li:nth-of-type(4).selected .cd-project-title { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media only screen and (min-width: 1024px) { li.selected .cd-project-title, .cd-projects > li:nth-of-type(2).selected .cd-project-title, .cd-projects > li:nth-of-type(3).selected .cd-project-title, .cd-projects > li:nth-of-type(4).selected .cd-project-title { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .cd-projects li.selected .cd-project-title::after { -webkit-transition: -webkit-transform 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s; transition: transform 0.3s 0s; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); } .touch .cd-projects li.selected .cd-project-title::after { -webkit-transition: -webkit-transform 0s; -moz-transition: -moz-transform 0s; transition: transform 0s; } .cd-project-info { display: none; padding: 4em 0; background-color: #ffffff; color: #7d7c7b; } .content-visible .cd-project-info { display: block; } .cd-project-info p { width: 90%; max-width: 800px; margin: 0 auto; line-height: 2; } .cd-projects-container .scroll { display: block; position: absolute; z-index: 2; bottom: 30px; left: 50%; width: 44px; height: 44px; /* rest button default style */ cursor: pointer; border: none; background: url("../img/cd-icon-arrow.svg") no-repeat center center; visibility: hidden; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s; transition: transform 0.3s 0s, visibility 0s 0.3s; } .cd-projects-container .scroll:focus { outline: none; } .cd-projects-container.project-open .scroll { visibility: visible; -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s; transition: transform 0.4s 0s, visibility 0s 0s; -webkit-animation: cd-translate 1.2s 0.8s; -moz-animation: cd-translate 1.2s 0.8s; animation: cd-translate 1.2s 0.8s; -webkit-animation-iteration-count: 2; -moz-animation-iteration-count: 2; animation-iteration-count: 2; } .no-touch .cd-projects-container.project-open .scroll:hover { -webkit-transform: translateX(-50%) scale(1.2); -moz-transform: translateX(-50%) scale(1.2); -ms-transform: translateX(-50%) scale(1.2); -o-transform: translateX(-50%) scale(1.2); transform: translateX(-50%) scale(1.2); } @-webkit-keyframes cd-translate { 0% { -webkit-transform: translateX(-50%) scale(1); } 50% { -webkit-transform: translateY(10px) translateX(-50%) scale(1); } 100% { -webkit-transform: translateX(-50%) scale(1); } } @-moz-keyframes cd-translate { 0% { -moz-transform: translateX(-50%) scale(1); } 50% { -moz-transform: translateY(10px) translateX(-50%) scale(1); } 100% { -moz-transform: translateX(-50%) scale(1); } } @keyframes cd-translate { 0% { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } 50% { -webkit-transform: translateY(10px) translateX(-50%) scale(1); -moz-transform: translateY(10px) translateX(-50%) scale(1); -ms-transform: translateY(10px) translateX(-50%) scale(1); -o-transform: translateY(10px) translateX(-50%) scale(1); transform: translateY(10px) translateX(-50%) scale(1); } 100% { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } } /* ASPRIA PRO CUSTOM CSS */ .header-holder h1 { line-height: 1.3; margin-bottom: 20px; font-size: 41px; } .aspria-pro-header .embed-responsive { margin-top: 20px; padding-left: 50px; } .aspria-pro-header .row { text-align: left; } .header-holder {position: relative; float: left; width: 100%; } @media only screen and (min-width: 990px) { .content > .header-holder:first-child { margin-top: -40px; } .header-holder-group {margin-top: 0;} .content > .header-holder .aspria-pro-header.home h1 { line-height: 1.1; font-size: 40px; margin-top: 45px; } } /* PLAY BUTTON */ .play-video { border-width: 2px; border-style: solid; border-color: #fff; color: #fff; width: 80px; height: 80px; align-items: center; justify-content: center; display: inline-flex; border-radius: 100%; } .play-video i { margin-left: 6px; font-size: 40px } /* OVERLAY */ /*.overlay:after { opacity: .3 !important; }*/ .overlay.team-overlay:after { background-color: #000b27; background: -webkit-linear-gradient(top, #000b27 20%, #000b27 80%); background: -moz-linear-gradient(top, #000b27 20%, #000b27 80%); background: -o-linear-gradient(top, #000b27 20%, #000b27 80%); background: -ms-linear-gradient(top, #000b27 20%, #000b27 80%); background: linear-gradient(top, #000b27 20%, #000b27 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42A5F6', endColorstr='#000b27', GradientType=1 ); opacity: .5 !important; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .cd-projects-previews .overlay.team-overlay:hover:after { opacity: 0 !important } .shape-separator { position: relative; overflow: hidden; margin: 0 auto; background-color: #f5f5f5; } .shape-separator:before, .shape-separator:after { content: ''; position: absolute; bottom: 0; width: 50%; background-color: inherit; padding-bottom: 20px; z-index: 10; } .shape-separator:before { right: 50%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(47deg); -webkit-transform: skewX(47deg); transform: skewX(47deg); } .shape-separator:after { left: 50%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-47deg); -webkit-transform: skewX(-47deg); transform: skewX(-47deg); } /* -------------------------------- Patterns - reusable parts of our design -------------------------------- */ .cd-text-replace { /* replace text with image */ color: transparent; text-indent: 100%; overflow: hidden; white-space: nowrap; } .membership-section .membership-box-title h4 { margin-top: 0; padding-bottom: 30px;padding-top: 30px; font-family: Raleway; font-weight: 200; padding-left: 50px; padding-right: 50px; } .bio-age .half-split-content { padding: 30px 40px; } .map-container { width: 100%; position: relative; float: left; height: 500px; } .map-info { position: absolute; left: 60px; top: 0; z-index: 10; background-color: #fff; width: 400px; height: 500px; padding: 30px 40px; text-shadow: none !important; color: #000b27 !important; } /*.overlay:after { background-color: #19598d; background: -webkit-linear-gradient(top, #42A5F6 20%, #000b27 80%); background: -moz-linear-gradient(top, #42A5F6 20%, #000b27 80%); background: -o-linear-gradient(top, #42A5F6 20%, #000b27 80%); background: -ms-linear-gradient(top, #42A5F6 20%, #000b27 80%); background: linear-gradient(top, #42A5F6 20%, #000b27 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42A5F6', endColorstr='#000b27', GradientType=1 ); } .aspria-pro-header.home.overlay:after { opacity: 0.6 !important; background-color: #19598d; background: -webkit-linear-gradient(left, #42c5f6 10%, #000b27 90%); background: -moz-linear-gradient(left, #42c5f6 10%, #000b27 90%); background: -o-linear-gradient(left, #42c5f6 10%, #000b27 90%); background: -ms-linear-gradient(left, #42c5f6 10%, #000b27 90%); background: linear-gradient(to left, #42c5f6 10%, #000b27 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42c5f6', endColorstr='#000b27', GradientType=1 ); }*/ .bg.bg-parallax { width: 100%; height: 100%; background-size: cover; background-attachment: fixed; } .bg-texture { background-image: url(images/spa/texture-2.png); } /* RESPONSIVE HALF SPLIT & MEMBERSHIP + PRO */ @media only screen and (max-width: 1199px) { .cd-project-title h2, .cd-project-title h3 { font-size: 30px; } } @media only screen and (max-width: 1099px) { .header-holder h1 { margin-bottom: 20px; font-size: 36px; } .header-holder p.subtitle { font-size: 21px; } .aspria-pro-header.big-size { height: auto; padding-top: 40px; padding-bottom: 40px; } .half-split .half-split-image { height: 600px; } .bio-age .half-split .half-split-content { padding: 50px 15px; background-color: rgba(255,255,255,.7); float: right; } } @media only screen and (max-width: 1024px) { .cd-projects-previews a .bg { width: 100%; } } @media only screen and (max-width: 990px) { .aspria-pro-header.big-size { height: auto; padding-top: 10px; padding-bottom: 40px; } .half-split .vmiddle { margin: 0 !important; } .half-split .half-split-image { height: 300px; } .half-split .half-split-content { padding: 30px 15px; } /*.vmiddle { margin-top: 0 !important; }*/ .membership-section > .bg { display: none; } .overlay.membership-section::after { opacity: 0 !important; } .membership-section .membership-box-title h4 { padding: 40px 10px } .membership-section.huge-size { padding: 0; } .map-info { position: absolute; left: 0; top: 0; z-index: 10; background-color: #fff; width: 50%; height: 500px; padding: 20px 20px; text-shadow: none !important; color: #000b27 !important; } #map { width: 50%; position: relative; float: right; height: 500px; } .membership-section .inside { /*min-height: 588px;*/} .article-media-holder .article-media-container {padding: 20px 10px; } } @media only screen and (max-width: 768px) { .map-info { position: relative; float: left; left: 0; top: 0; z-index: 10; background-color: #fff; width: 100%; height: auto; padding: 30px 20px; text-shadow: none !important; color: #000b27 !important; } .map-container { height: auto; } #map { width: 100%; position: relative; float: left; height: 300px; } .cd-projects-previews a .bg { width: 100%; background-position: center -290px; } } @media only screen and (max-width: 468px) { .cd-projects-previews a .bg { width: 100%; background-position: center -142px; } } /* FOOTER */ .spa-page .footer-alt { position: fixed; background-color: #fff; height: 50px; width: 100%; float: left; z-index: 100; bottom: 0; line-height: 48px; text-align: center; font-size: 12px; } .spa-page .footer-alt ul { margin-bottom: 0; } .spa-page .footer-alt ul li { padding-right: 15px; padding-left: 15px; } .spa-page .footer-alt ul li, .footer-alt ul li a { margin-bottom: 0; line-height: 48px; color: #53626c; font-family: "Lato"; font-weight: 300; } /* VIDEO */ #myVideo { position: absolute; right: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 0; } /*------------------------------------------------------------------ [ SCROLL DOWN BUTTON ] -------------------------------------------------------------------*/ .scroll-down-holder { position: absolute; margin: 0 auto; width: 100%; bottom: 20px; text-align: center; z-index: 1; opacity: 1; } .scroll-down-holder p { margin-bottom:5px;} .scroll-down-holder * { opacity: 1; } .scroll-down-holder p { margin-bottom: 0; font-size: 11px; color: #fff; font-family: "Lato"; font-weight: 600; letter-spacing: 0.4em; text-transform: uppercase; font-style: normal; display: block; text-align: center; } .btn-circle { margin-top: 0; padding: 0; margin-top: 0 !important; border: 0 none; font-size: 30px; color: #fff; background: 0 0; line-height: 54px; cursor: pointer; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; text-align: center; width: 30px; } .btn-circle:hover, .scroll-down-holder p:hover { color: #fff; } .btn-circle i { margin: 0; } /* MEMBERSHIP PAGE */ /* Pricing Slider */ .pricing-container { border-right: 10px solid #faf9f9; border-left: 10px solid #faf9f9; border-bottom: 10px solid #faf9f9; } .pricing-container .overlay:after { opacity: 0.7; transition: color 0.3s ease 0s, background 0.3s ease 0s, border-color 0.3s ease 0s, opacity 0.3s ease 0s; } .pricing-container:hover .overlay:after { opacity: 0.5; } .pricing-container.chosen-pack > .overlay::after { opacity: 0.3; } .pricing-container h2, .pricing-container h3 { margin-top: 30px; text-transform: none; } .pricing-content { position: relative; z-index: 8; padding: 0 0 50px; } .pricing-content p { margin-bottom: 10px; } .pricing-content-text { padding: 0 30px; } .pricing-content p.pricing-desc { letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; margin-bottom: 15px; } .pricing { margin-bottom: 60px; padding-top: 60px; } .pricing .container:last-child { padding-bottom: 0; } .pricing .caroufredsel_wrapper { margin-bottom: 0!important; } .pricing [class*=col-md] { border-radius: 0; } .pricing .num { font-size: 80px; line-height: 80px; font-weight: 300; color: #000b27; margin: 0 -11px 20px 11px; opacity: 0.2; } .pricing h2 { margin-bottom: 15px; color: #000b27; margin-top: 30px; text-transform: uppercase; font-size: 29px; letter-spacing: 0.2em; font-weight: 400; } .pricing h3 { color: #000b27 } .pricing h4 { margin-bottom: 22px; font-weight: 400; } .pricing h6 { margin-bottom: 20px !important; color: #3d9cd6; letter-spacing: 0.1em; font-size: 14px; } .pricing p { margin-top: 15px; line-height: 1.7; color: #000b27; font-size: 16px; } .pricing i:first-child, .pricing img:first-child { margin-bottom: 25px; } .pricing .slidebar { margin-bottom: 190px; } .pricing-color { margin-top: 0; margin-bottom: 0; padding: 0; } .pricing-color .container { padding-bottom: 55px; } .pricing-color [class*=col-] { padding-top: 45px; padding-bottom: 70px; display: inline-block!important; float: left; border-right: 1px solid #fff; border-radius: 0; height: 600px; } .pricing-color.height-norm [class*=col-] { height: 520px; } .pricing-color.height-norm .asphalt { height: 540px; margin-top: -10px; } .pricing-color [class*=col-]:first-child { border-radius: 4px 0 0 4px; } .pricing-color [class*=col-]:last-child { border-radius: 0 4px 4px 0; } .pricing-color .asphalt { margin-top: 20px; padding-top: 55px; border-radius: 0; height: 620px; border-right: 0; } .pricing-color h2 { color: #b2b2b2; } .asphalt h2, .asphalt .num, .asphalt .btn { color: #fff; } .pricing h6, .pricing p:last-child { margin-bottom: 0; } .pricing h3 { color: #000b27; text-transform: uppercase; letter-spacing: 0.2em; font-size: 20px; margin-bottom:0; } .pricing .equal > * { padding: 2px; margin: 0 0 20px; } .pricing .equal .pricing-holder-content { padding: 10px 30px 30px; position: relative; height: 100% } .pricing .equal .col-sm-3 { margin-bottom: 20px;} .pricing h6, .pricing p:last-child { margin-bottom: 0; } p.membership-details { margin: 10px 0 20px; font-size: 15px !important; letter-spacing: 0.03em; line-height: 2 !important; font-family: raleway; opacity: 1 !important; } .boxes-spacer {width: 1%; position: relative;} .content { } .bg.bg-parallax { width: 100%; height: 100%; background-size: cover; background-attachment: fixed; } .overlay.darker:after { background-color: #000; opacity: .7 !important; left: 0; top: 0; display: block!important; content: ""; height: 100%; position: absolute; width: 100%; } .overlay:after { background-color: #000; } .membership-section .formwrap input[type=text], .membership-section .formwrap input[type=email], .membership-section .formwrap input[type=password], .membership-section .formwrap input[type=search], .membership-section .formwrap textarea, .membership-section .chosen-container { border-radius: 0; border-width: 0; background-color: rgba(186, 192, 204, .2); border-color: rgba(186, 192, 204, 1); } .formwrap .form-group { margin-bottom: 10px; } .membership-section input[type=text], .membership-section input[type=email], .membership-section input[type=password], .membership-section input[type=search], .membership-section textarea, .membership-section .chosen-container-single .chosen-single { padding: 0px 0 0px 10px; } .membership-section .formwrap .form-group.pad-lab { margin-top: 5px; margin-bottom: 0; } .Aligner-item--fixed { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: 100%; width: 100%; display: -ms-flexbox; height: 370px; display: table; } .membership-section .membership-box-title h4 { font-size: 36px; line-height: 1.4; } .overlay.opacity-55:after { opacity: .55 !important; } .overlay.opacity-7:after { opacity: .7 !important; } .membership-page .home h1 { font-size: 40px; margin: 0 0 24px; color: #fff; line-height: 1.1; font-weight: 300; text-transform: uppercase; letter-spacing: 0.2em; } .membership-page .pricing .btn.btn-default, .pricing p.btn-default > a { background-color: #000b27; color: #fff; border-color: transparent;} .membership-page p.membership-details { margin: 10px 0 20px; font-size: 15px !important; font-family: "Lato"; letter-spacing: 0; line-height: 2 !important; font-family: "Lato"; opacity: 1 !important; } .membership-section .membership-box-title h4 { margin-top: 0; padding-bottom: 30px; padding-top: 30px; font-family: Raleway; font-weight: 200; padding-left: 40px; padding-right: 40px; } .membership-page .pricing h3 { color: #000b27; text-transform: uppercase; letter-spacing: 0.2em; font-size: 20px; } .membership-page .home h1 span { font-family: "Lato"; letter-spacing: 0; font-size: 24px; text-transform: none; display: block; line-height: 1; margin-bottom: -29px; font-weight: 300; } .membership-page .home.home-pricing { padding: 60px 0 80px } .membership-page p.membership-details {text-transform: inherit;margin: 10px 0 20px;font-size: 15px !important;font-family: "Lato";letter-spacing: 0.03em;line-height: 2 !important;font-family: raleway;opacity: 1 !important;} /*DS added*/ .membership-page .home.intro { padding:60px 0 60px; margin:1px 0 } .membership-page p.details { margin: 10px 0 20px; font-size: 14px !important; font-family: "Raleway"; letter-spacing: 0; line-height: 2 !important;opacity: 1 !important; } .membership-section .membership-box-title h4 { margin-top: 0; padding-bottom: 0; padding-top: 0; font-family: Raleway; font-weight: 200; padding-left: 40px; padding-right: 40px; } .container-w-1000 { max-width: 1000px !important; } .membership-page .btn.btn-membership { width:auto; } .membership-page .subtitle { font-size: 19px; margin-bottom:30px; font-weight:400; } @media screen and (min-width: 1400px){ .membership-page .pricing .container { /*width: 100%; padding: 0 30px !important; */ } } @media only screen and (max-width: 1399px){ .membership-page .pricing .caroufredsel_wrapper ul li .container {width: 100%; padding: 0 15px;} } @media screen and (max-width: 1200px){ .membership-page .pricing .btn.btn-default, .pricing p.btn-default > a { font-size:10px; padding: 0 15px;letter-spacing: 0.26em;} } @media only screen and (max-width: 900px){ .membership-page .big-size {height: auto;} .membership-page .vmiddle { margin: 0 !important;} .membership-section .membership-box-title { background-color: #000b27;} .membership-page .content > .home:first-child { padding: 50px 0;} .membership-page .pricing .equal .pricing-holder-content {padding: 10px 15px 30px;} .membership-page .home.intro {padding: 0;} .membership-section .formwrap { padding: 30px 10px 20px 10px;} p.membership-details br:last-child { display:none} } @media only screen and (max-width: 768px){ .membership-page p.details {font-size: 13px !important;} } .club-entry-new .formwrap .form-group {margin-bottom: 20px;} .membership-page .formwrap .form-group { margin-bottom: 10px;} /*------------------------------------------------------------------ [ RWD ] -------------------------------------------------------------------*/ @media screen and (min-width: 1400px) { .container { width: 1370px; } } @media only screen and (max-width: 1550px) { #splashpage article { max-width: 960px; margin: auto; } .spl-item { margin: 20px; } } @media only screen and (max-width: 1200px) { .footer ul { font-size: 12px; } .footer-link li { padding-left: 3px; padding-right: 3px } ul.social li { font-size: 20px; line-height: 40px; margin: 0 9px; } .padding-bottom-huge { padding-bottom: 150px !important; } p.lead { font-size: 22px; } .img { height: 190px; } .img figure { width: 190px; height: 190px; line-height: 190px; } .table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th { padding-left: 10px; padding-right: 10px; } .cart-table th, .cart-table td { padding-left: 10px; padding-right: 10px; } .pricing .num { font-size: 60px; line-height: 64px; } .pricing p { margin-top: 20px; } .awards ul li img { max-height: 36px; opacity: 0.4; transition: all 0.3s ease 0s; } } @media only screen and (max-width: 992px) { .pricing-container .bg { background-size: cover; } .mask h3 { font-size: 20px; } .logos li { width: 33%; } .gallery [class*=col-] { width: 33.334% !important; } .footer .social li { float: none; } .footer .social { margin-bottom: 0; float: left; text-align: left } .footer ul { padding: 0; margin: 0; font-size: 13px; text-align: left; } img.img-content { max-width: 100%; } .mask h3 { font-size: 20px; } .tabwrap { overflow: hidden; } .table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th { padding-left: 10px; padding-right: 0; } .history .text-left, .history .text-right { text-align: center; } .history .vline > [class*=col-] { padding-bottom: 5px; } .page404 .content { padding: 30px 0 90px; } .page404 .page-under { margin-bottom: 70px; } .page404 .page-under h1 { line-height: 65px; } .footer .container:last-child .row { padding-bottom: 20px; } .footer .row [class*=col-] { margin-bottom: 30px; } .footer .row:last-child [class*=col-] { margin-bottom: 0; } .footer .separator { margin-top: 20px; } .footer h3, .footer p { text-align: left; } ul.recentworks { margin-bottom: 50px; } ul.links { margin-bottom: 20px; } .citem .sticker { top: 40px; } .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } .cost del { display: block; } .equal > * { width: 100%; display: block !important; } .promo-banner { padding: 35px 0!important; } .highlight .promo-banner p.lead { line-height: 32px; } .landing .bg.bg-experts { background-position: left top; background-size: cover; margin-top: 0; } .landing .overlay-mb:after, .overlay-mb:after { background-color: #000; opacity: .25; left: 0; top: 0; display: block!important; content: ""; height: 100%; position: absolute; width: 100%; } .membership-btn { margin: 0; border: 0; padding-left: 0; background-color: transparent; color: #000b27; } .slogan:last-child { font-size: 14px; font-weight: 300; } .membership-section .vmiddle { margin: 0 !important} .big-size.membership-section { height: auto;} } @media only screen and (min-width: 769px) { .hidden-desktop { display: none !important; visibility: hidden !important } } @media only screen and (max-width: 767px) { .aspria-pro-header.home.overlay::after { opacity: .5 !important} .padding-top-medium { padding-top: 30px !important;} .padding-bottom { padding-bottom: 35px!important;} .white-box-holder .white-box h2, .home .container .col-md-8 h2 {font-size: 32px;} .home h1 { font-size: 24px; line-height: 1.4; } .home h1 + p {font-size: 19px;} .aspria-pro-header.home h1 {font-size: 36px;} .highlight .container { padding: 40px 0; } .slider.no-top-and-bottom { margin-bottom: 0; padding-top: 0; } .slider.no-top-and-bottom .slidebar { margin-bottom: 10px; } .content .highlight:first-child { margin-bottom: 0; } .container { padding: 40px 0; } .box-inline { text-align: center } .box-inline p { line-height: 22px; margin: 0 0 15px; } #hotel { top: 100px; } .oneslider img.circle { max-width: 160px; } .row .row, .row + .row { margin-top: 5px; } .padding-bottom-huge { padding-bottom: 100px !important; } .btn { padding: 0 15px; } p.lead { line-height: 30px; } p.subtitle { font-size: 17px; letter-spacing: 0; line-height: 26px; } .promo-banner p.lead { margin-bottom: 20px; } .cost del { display: inline-block; } .slider { margin-top: 0; } .open > .dropdown-menu { display: block; } .form-inline { margin-bottom: 15px; } .circle { margin: auto; } ul.list-pages li i { margin-left: 0; } .description-table { margin-top: 30px; } ul.pagination { margin-bottom: 15px; } .sresult [class*=col-] { margin-bottom: 15px; text-align: left; } .related-searches { margin-top: 35px !important; } .feedback input[type="email"] { font-size: 20px; text-align: center; } .container .col-md-3.mix { width: 49.5%; } .blog-date { margin: 0 0 15px; text-align: left; } .displaying { text-align: left; } .timeline > .row { margin: 0 0 35px; position: relative; } .timeline .vline { width: 100%; padding: 0; position: absolute; top: 0; left: 0; } .timeline .vline > * { padding: 0; } .timeline .post { margin-top: 80px; } .timeline .vline, .timeline .row { background-image: none; background-color: transparent; } .col-sm-4 .mejs-container { width: 100%; max-width: 100%; } .sorting [class*=col-] { margin-bottom: 25px; } .sorting [class*=col-]:last-child { margin-bottom: 0; } .citem img { max-width: 300px; margin-bottom: 20px; } .citem .cost { margin-bottom: 20px; } .product-gallery { margin-bottom: 40px; } ul.links { margin-bottom: 40px; } .scrolltop { visibility: hidden; display: none } .footer .fabout p { padding-right: 0; } .footer .social { float: none !important; margin: 20px auto 0; } .footer .social li { margin: 0 8px; } #splashpage header { padding: 60px 0 50px; } .pace .pace-progress { top: 37%; right: 41%; } .social > .dropdown > .dropdown-menu { margin-left: 0; } .social > .dropdown > .dropdown-menu > li > a { padding: 0 0 0 2px; font-size: 10px; } .footer-link { text-align: center !important; float: none !important } .small-size, .medium-size, .huge-size, .full-size { height: auto; padding: 30px 0; } .scroll-start ul li { margin-bottom: 20px; } .gallery .col-md-2 { width: 33.333%; } /*.scroll-start { margin-top: 20px; margin-bottom: 120px; }*/ p.subtitle-alt { font-size: 15px; font-weight: 300; letter-spacing: 0; line-height: 21px; } .page-light-overlay .overlay::after { opacity: .25; } .page404 h1 { font-size: 80px; } /* landing page */ .landing #book { margin-top: -35px; padding-top: 35px; } .landing .pricing-container { border-bottom: 20px solid #faf9f9; border-left: 0; border-right: 0; } .landing .step-container .col-lg-12 { padding-left: 0; padding-right: 0; } /*.landing .home-campaign .vmiddle { margin-top: 0 !important; padding-top: 0 !important; }*/ .landing .row-campaign { margin-top: 0 } .landing .bg.bg-experts { background-position: 0 top; background-size: cover; margin-top: 0; } .landing .setup-panel li a { padding-left: 5px; padding-right: 5px; } .landing .home-campaign.full-size { height: 100% !important; padding: 20px 0 40px; } .home h1.head-quote { margin-bottom: 10px !important; font-size: 29px !important; line-height: 32px !important } .landing .home-campaign h2 { font-size: 18px !important; } .landing .home-campaign .btn { padding: 0 5px; letter-spacing: 0.04em } .landing .step-choose { padding: 25px 20px; } .landing .nav.nav-justified.setup-panel li { margin: 0 !important; padding: 0 !important; } .landing .nav-justified > li { float: left; max-width: 33%; padding: 0 !important; } .landing .setup-panel h4 { font-size: 15px; line-height: 21px; margin: 12px 0 5px; letter-spacing: 0 } .landing .step-container { padding-top: 10px; margin-top: 0; } .landing .step-container .page-header { margin-bottom: 30px; } .landing .step-choose { padding: 25px 20px; min-height: 300px; } .landing .bg.bg-september { background-position: center right; } .landing .well { padding: 30px 0; } .landing .form-group-step .chosen-container-single .chosen-single { font-size: 12px; } .club-row h3 { font-size: 12px; margin: 5px 0 0; } .club-row img { margin-top: 20px; } .landing .vertical-divider, .vertical-divider { display: none } .white-box-holder .white-box .chosen-container, .home .container .col-md-8 .chosen-container { width: 100% !important; } .white-box-holder .white-box .chosen-container .chosen-results li { font-size: 12px; } .page-header h2 {font-size: 26px; } } @media only screen and (max-width: 479px) { .home h1.head-quote { margin-bottom: 10px !important; font-size: 26px !important; line-height: 32px !important } .btn { font-size: 10px; } h2 small { font-size: 20px; } label.h3 { font-size: 22px; } .box-inline { padding: 14px 15px; } .box-inline .pull-right { right: 15px; } .box-inline .icon { margin-right: 10px; font-size: 26px; } .nav-tabs { margin-bottom: 0; } .nav-vertical li, .nav-horizontal li { margin-bottom: 20px; } .nav-tabs > li > a > span { border-color: transparent; } .container .col-md-3.mix { width: 100%; } ul.pagination li:first-child { margin-right: 2px; } ul.pagination li:last-child { margin-left: 2px; } ul.pagination li a { line-height: 24px; height: 27px; width: 27px; font-size: 15px; } .catalog > * { width: 100%; } .cart-list .pict { float: left !important; } .comment [class*=col-]:first-child { padding: 0; } .counting { margin-right: 10px; } .page404 .page-under h1 { font-size: 30px; line-height: 32px; } .page404 .page-under h1 small { margin-top: 6px; font-size: 20px; } .arrow.prev, .mfp-arrow-left { left: 10px; } .arrow.next, .mfp-arrow-right { right: 10px; } .gallery [class*=col-] { width: 33.3333% !important; } .footer .logo { display: block; margin: 0 auto 5px; } .tooltipster-default .tooltipster-content { width: 280px; } .btn-membership { width: 100% } h3, .h3 { font-size: 20px; line-height: 30px; margin: 0 0 10px; } .spl-logo { font-size: 50px; margin-bottom: 6px; } .spl-slogan { font-size: 18px; } .spl-item { width: 300px; height: 400px; margin: 20px auto; } .spl-mask { height: 388px; line-height: 388px; } /* landing page */ .landing .step-head { font-size: 23px; height: 42px; line-height: 29px; margin: 0 auto 10px; padding: 4px 13px; width: 43px; } .landing .nav-justified > li { float: left; max-width: 33%; padding: 0 !important; } .landing .setup-panel h4 { font-size: 11px; line-height: 18px; margin: 0; letter-spacing: 0 } .landing .vertical-divider, .vertical-divider { display: none } .landing .fb-share-button { top: 20px; width: 100%; float: left; } .home h1.head-quote { margin-bottom: 10px !important; font-size: 23px !important; line-height: 32px !important } .landing .bg.bg-experts { background-position: -100px top; background-size: cover; margin-top: 0; } } @media only screen and (max-width: 360px) { .sorting .chosen-container { max-width: 180px !important; min-width: 69px !important; } .footer h3 { font-size: 16px; text-align: center } .pace .pace-progress { top: 38%; right: 35%; } #start > padding-top-medium { padding-top: 0 !important } a.arrow-link { margin-bottom: 20px; display: block } } /*------------------------------------------------------------------ [ 18. GOOGLE MAPS ] -------------------------------------------------------------------*/ #map { width: 100%; height: 500px; margin-top: 0; float: left; position: relative; } #contact-map, #contact-map-fix { height: 600px; } .contact-map-medium { height: 450px !important; } .contact-map-small { height: 260px !important; } #contact-map.container, #contact-map-fix.container { height: 400px; } #vacancy-map { height: 260px; margin-bottom: 40px; } @media only screen and (max-width: 992px) { .plogin { width: 96%; margin-left: -48%; padding: 35px 10px 0; } #map { height: 300px;} } @media only screen and (max-width: 360px) { .fw-mob { width: 100% !important } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; top: auto; position: fixed; box-sizing: border-box; margin: 0; padding: 3px 5px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile img.mfp-img, .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } } /* NEW MEMBERSHP */ /* MIX CLUB */ .gallery.club-gallery { margin-bottom: 0; width: 95%; padding-top: 20px; } .mix-club .col-md-3 { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; } .mix-club h4 { margin-bottom: 5px; margin-top: 10px; display: block; float: left; width: 100%; } .mix-club p { font-size: 15px; margin-bottom: 10px; } .mix-club a.link-more { font-size: 11px; margin-bottom: 20px; } .gallery .mix-club [class*=col-] { position: relative; float: left; margin: auto; padding: auto; overflow: hidden; } ul.nav-category li a { display: block; color: #1a1a1a; position: relative; letter-spacing: 1px; padding: 2px 0px; margin: 0 20px; font-family: lato; letter-spacing: 0.2em; font-size: 13px; } .slider-membership h1, .slider-membership h2, .slider-membership h3 { } .slider-membership p { text-align: justify; } .slider-membership a { text-align: left; } /* [ 10.5. Pricing Slider ] */ .asphalt h2, .asphalt .num, .asphalt .btn { color: #fff; } .pricing h6, .pricing p:last-child { margin-bottom: 0; } /* VIDEO */ #myVideo { position: absolute; right: 0; bottom: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 0; } .home, video { width: 100%; } .no-video .video-container video, .touch .video-container video { display: none; } .no-video .video-container .poster, .touch .video-container .poster { display: block !important; } .video-container { position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000; } .video-container .poster img { width: 100%; bottom: 0; position: absolute; } .video-container .filter { z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; } .video-container .title-container { z-index: 1000; position: absolute; top: 35%; width: 100%; text-align: center; color: #fff; } .video-container .description .inner { font-size: 1em; width: 45%; margin: 0 auto; } .video-container .link { position: absolute; bottom: 3em; width: 100%; text-align: center; z-index: 1001; font-size: 2em; color: #fff; } .video-container .link a { color: #fff; } .video-container video { position: absolute; z-index: 0; bottom: 0; } .video-container video.fillWidth { width: 100%; } #video_container { position: relative; overflow: hidden; } @media only screen and (min-width: 800px) { .white-box-holder .container .white-box, .home .container .col-md-8 {} /* ARTICLES */ .home .articles-long-story h1 { font-family: 'Raleway'; font-weight: 200; letter-spacing: .05em; font-style: normal; margin-bottom: 15px !important; text-transform: uppercase;} .home .articles-long-story p { font-size: 19px; margin-bottom: 30px; font-weight: 400; } .home .articles-long-story a { } .popup h1, .popup h2 { font-weight: 200; } .popup h1 { padding-top: 20px !important; } .popup .row .row { margin-left: -15px; margin-right: -15px; } .popup ul { margin-bottom: 30px; list-style: inherit; } .popup ul li { line-height: 1.9; margin-left: 30px; font-size: 17px; opacity: .6; } .popup .row .row .col-md-4 { margin-bottom: 30px; } .popup .row .row .col-md-4 h3, .popup .row .row .col-md-6 h3 { margin-bottom: 10px; } .popup p em { opacity: .7; } .popup .row .row .col-md-4 p:last-child { padding-bottom: 20px; } .popup .tips-holder { border-bottom: 1px solid #eee; position: relative; float: left; background-repeat: no-repeat; background-size: 54%; } .home .articles-long-story > .slidebar > .arrow { background-color: rgba(0,0,0,0.15);border: 1px solid rgba(255,255,255,0.8); border-radius: 50%;} } .no-padding-article .article-media-holder .article-media-container { padding: 30px 0 !important;width: 100%;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */