body {font-family: 'Ubuntu', sans-serif; color:#000C1C; margin-bottom: 725px; line-height: 1.7; font-weight: 200 !important} * {margin: 0; padding: 0; box-sizing:border-box} h1 {font-weight: 400 !important} h2,h3,h4,h5,h6 {font-weight: 200 !important} h3 {font-size: 25px; line-height: 30px; /*font-weight: 500*/} .container{width:85%; max-width:1360px; margin-left:auto; margin-right:auto} h2 {font-size: 100px; line-height: 143px; /*font-weight: 700*/} html{overflow-x:hidden;} body{overflow-x:hidden;} body.mobile-menu-open{overflow: hidden !important; position: fixed; width: 100%;} p {font-size: 16px} a.text-deco:hover{text-decoration:none !important;} img.img-fluid.ala-bg {width: 100%;} .lazyload {opacity: 0;} .lazyloading {opacity: 1;transition: opacity 500ms;background: #fff url(/wp-content/themes/lengers/assets/images/image-loader.gif) no-repeat center;} /*Language Flag*/ .bgstyle.lazyloading { background-size: 30px 30px !important; } .metrics { text-transform: lowercase; } li.has-submenu { position: relative; padding: 0px 5px; } a#plus-icon:hover span, a.charter:hover span { color: #fb8f17; padding: 11px 35px; } .lengdes span.hidecls, .lengdesspan.hidecls:hover { padding-top: 3px !important; padding-bottom: 0px !important; } body.single .lengdes span.hidecls, .page-template .lengdes span.hidecls{display: none;} body.single .tab-opens.lengdes span.hidecls, .page-template .tab-open.lengdes span.hidecls {display: block;} body.single .tab-opens.lengdes span.seecls, .page-template .tab-open.lengdes span.seecls {display: none;} .load-more-grid .charter span:hover, .speci-div span:hover, .yachts-info .speci-div a:hover .speci-div span { color: #fb8f17; padding: 11px 35px; } .yachts-info .speci-div span{ padding: 11px 35px; } .bottom-section .load-more-grid a { display: inline-block; } .arrow-down.ala-down { width: 50px; height: 50px; position: absolute; left: calc(50% - 15px); right: 50%; transform: all .3s ease-in-out; cursor: pointer; width: 30px; height: 15px; bottom: 30px; z-index: 9; } .count-div { float: left; position: relative; } .count-div small { float: right; position: relative; color: #FF8F00; top: 8px; font-size: 15px; font-weight: 200; text-transform: uppercase; } .textCont > p:last-child { padding-bottom: 0px!important; margin-bottom: 0px!important; } .readMore, .readLess{margin-top:25px!important;} .row.loadmore-sec{margin:0px;} .form-div ::placeholder, .form-div .ala-input input { font-size: 16px !important; } .form-div.pres-form #filterCat .pres-div p:not(:first-child) {height: 0;opacity: 0;display: none;} .form-div.pres-form #filterCat .pres-div p.nocontent {height: 100% !important;opacity: 1 !important;display: block !important;} .submenu.submenu--small { display: none; position: absolute; width: 60px; padding-left: 0px !important; background: #fff; left: -9px; border-radius: 2px; top: 38px; } .submenu ul#submenu{display: inline;} .submenu.submenu--small.active { display: block; width: 60px; } li.wpml-ls-slot-.has-submenu a img { width: 28px; vertical-align: middle; margin-top: -6px; } li.wpml-ls-slot-.has-submenu li a img { width: 28px; } .header ul.navbar-nav li.wpml-ls-slot-{margin: 0 0 0 5px} .header ul.navbar-nav li.wpml-ls-slot- a:before, .header-sticky ul.navbar-nav li.wpml-ls-slot- a:before{display: none} .header ul.navbar-nav li.wpml-ls-slot- a:hover img{opacity: 0.6} .header-sticky li.wpml-ls-slot-.has-submenu::after{color: #000} .header ul.navbar-nav li.wpml-ls-slot-:hover .submenu, .header-sticky ul.navbar-nav li.wpml-ls-slot-:hover .submenu{display:block; padding:0; background: none} .header ul.navbar-nav li.wpml-ls-slot- .submenu.submenu--small li{margin:5px 0} li.wpml-ls-slot-.has-submenu::after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 24px; position: absolute; top:7px; right: -18px; color:#fff } #header li.wpml-ls-slot-.has-submenu::after { font-size:18px; top:9px; right:-15px; } li.has-submenu ul.submenu.submenu--small li { margin: 12px 0px;text-align: center; display: inline-block; width: 100%;} /*Font*/ @font-face { font-family:"brandon-grotesque"; src:url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:swap;font-style:normal;font-weight:400;font-display: swap; } @font-face { font-family:"brandon-grotesque"; src:url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display:swap;font-style:italic;font-weight:400;font-display: swap; } @font-face { font-family:"brandon-grotesque"; src:url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:swap;font-style:normal;font-weight:700; } @font-face { font-family:"brandon-grotesque"; src:url("https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/a?subset_id=2&fvd=n5&v=3") format("opentype"); font-display:swap;font-style:normal;font-weight:500; } .tk-brandon-grotesque { font-family: "brandon-grotesque",sans-serif; } /*End*/ /*Header*/ .pdf-section{color:#fff;font-weight:700;z-index:1;position:relative;font-size:17px;max-width:55%;margin:0 auto;line-height:inherit;text-align:center;top:50px;transform:translateY(-50%);text-transform:uppercase;display:block} .pdf-section span.pdf-download a{color:#fff;background:#FF8F00;padding:10px 20px; text-decoration:none; font-size: 14px;} .grid-div.yachts-grid {background: #000C1C;} .lable-box{color: #fff;text-transform: uppercase;font-weight: 200;position: absolute;margin-left: 5%;padding: 15px 20px;line-height: 100%;font-size: 14px; top: 0;} .lable-box.sold {background: #000;} .lable-box.new, .lable-box.newlist {background: #FF8F00;} .lable-box.dusseldorf {background: #000C1C;} .lable-box.springevent {background: #000C1C;} .lable-box.hiswa {background: #FF8F00 !important;} .lable-box.summer {background: #FF8F00 !important;} .lable-box.summerevent {background: #FF8F00 !important;} .lable-box.reduced {background: #FF8F00;} .lable-box.reduced {background: #FF8F00;} .lable-box.offer {background: #9b9b9b;} select.filter-dropdown.form-control option{background:#000;} img.filter-loader {width: 27px;height: auto; z-index: 99999;display: none;} .reset-btn img.filter-loader {margin-left: 10px;} .filter-loaderdiv { height: 1px; width: 100%} .filter-loaderdiv .filter-loader { width: 40px; height: auto; margin: 0 auto; display: none; position: absolute; left: calc(50% - 20px);} select.filter-dropdown.form-control{height:70px;border:none;background:0 0;border-bottom:1px solid #fff;color:#fff;border-radius:0;width:100%!important;margin-top:0;text-transform:uppercase;opacity:1;font-size:16px} .lenght-div select.filter-dropdown.form-control{width:38%!important;float:left!important;padding:0} .header { position: absolute; z-index: 1000; width: 100%;} .header ul.navbar-nav li a { color: #fff; font-size: 18px; font-weight: 200; text-transform: uppercase; position: relative; padding: 0px} .header .logo img { position: absolute; left: 0; right: 0; margin: auto; top: 49px; width: 250px;} .header nav.navbar{ margin-top: 54px; padding: 0px;} .header .menu { padding-right: 0px;} .header .container-fluid, .header .container-fluid .row { padding: 0px; margin: 0px;} .header ul.navbar-nav .dropdown-toggle::after { width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "\f107"; border-top: .3em solid; border-bottom: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 4px; right: -6px; font-weight: 200; color: #FF8F00; border: none} .navbar-expand-md .navbar-nav .dropdown-menu { background: #000C1C ;border-radius:0px; padding: 10px 0px 20px;} .searchbar{ margin-top:0; height: 54px; background-color: rgba(255,255,255,0.5); padding: 10px;position: absolute; right: 0; top: -7px;} .search_input{ color: white; border: 0; outline: 0; background: none; width: 0; line-height: 34px; transition: width 0.4s linear; } .searchbar:hover > .search_input{ padding: 0 10px; width: 350px; transition: width 0.4s linear; position: relative; top: -3px;} .searchbar:hover > .search_icon{ background: white; color: #e74c3c; } .search_icon{ height: 34px; width: 40px; font-size: 24px; float: right; display: flex; justify-content: center; align-items: center; color:white; } .searchbar input::placeholder {color: #000C1C ; font-size: 20px} .searchbar input {color:#000C1C ; background: #fff} .searchbar a:hover {text-decoration: none} .cross-btn, img.mobile-logo {display: none} .header .fa-search:before { content: ""; background-image: url(../images/search.png); width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;} .menu-line li a:hover{text-decoration:none;} .header-sticky .navbar-nav li.active a::before { top: 36px;} .navbar-nav li.active a::before, #mobile-nav .menu-line li.current-menu-item a::before, .menu-line li a:hover::before { content: ' '; top: 48px; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; background-color:#FF8F00; z-index: 99; transition: .3s all; margin: 0 auto; } /*.header ul.navbar-nav li:hover a::before { content: ' '; top: 36px; position: absolute; left: 0; bottom: 0; right: 0; width: 98%; height: 2px; background-color:#FF8F00; z-index: 99; transition: .3s all; margin: 0 auto; }*/ .menu-brands .menu-line li a:hover::before { top: 30px; } /*End*/ /*Banner*/ .banner-div { height:98vh; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; background-color: #000C1C;} .mail-div { display: block; position: fixed; right: 30px; bottom: 35px; z-index: 9} .mail-div img { width: 59px;} .banner-div::before { position: absolute; content: ""; background: rgba(0,0,0,0.2); width: 100%; height: 100%; top: 0;} .banner-title { color: #fff; font-weight: 200; z-index: 1; position: relative; font-size: 70px; max-width: 43%; margin: 0 auto; line-height: 85px; text-align: center; top: 44%; text-transform: uppercase;margin-bottom: 15px;} .banner-head-link p{color:#fff; cursor: pointer;} .banner-head-link .btn-yellow.show { bottom: -100px; } a.arrow-down { font-size: 0.1px; color: transparent; position: absolute; background-image: url(/wp-content/themes/lengers/assets/images/arrow-down.svg); background-repeat: no-repeat; background-size: cover; width: 30px; height: 15px; bottom: 30px; left: calc(50% - 15px); right: 50%; transform: all .3s ease-in-out; z-index: 9; } /*End*/ /*Brands*/ .brands {right: 0;position: absolute;width: 100%;left: 0;bottom: 0;z-index: 999;margin: 0 auto;height: 100%;display: flex;align-items: flex-end; overflow: hidden;} .our-brands h3 { text-align: center; color: #fff; font-size: 20px;margin-bottom: 30px; position: relative;} .our-brands ul {text-align: center; margin:0;padding:10px 0px 60px; width: 85%; max-width: 1360px; margin-left: auto; margin-right: auto;} .our-brands ul li {padding:0 65px;margin: 0px !important;display: inline-block;position: relative;} .our-brands ul li img { height: 21px;} .our-brands h3::before { content: ""; background: #fff; width: 43%; left: 0; height: 1px; position: absolute; top: 12px;} .our-brands h3::after { content: ""; background: #fff; width: 43%; right: 0; height: 1px; position: absolute; top: 12px;} .brands .container-fluid, .brands .container-fluid .row { padding: 0px; margin: 0px;} .brands-div {padding: 0px;height: 100%;} .our-brands ul li.open .overlay_content{visibility:visible; opacity:1} .overlay_content{background:#000C1C;position:absolute;bottom: -50px;height: 110vh;display: flex;align-items: flex-end;padding:0 30px;visibility:hidden;opacity:0;transition:all .4s ease-in-out 0s; z-index:999; left: 0; right: 0; width: 330px;} .overlay_content p{color:#fff; font-size:20px; padding:0 20px; } .overlay_content .logo-brand{margin-bottom:30px; display:inline-block; width:100%} .overlay_content .title{margin-bottom:180px;} .overlay_content .arrow{margin-top:20px; display:inline-block; position:relative; transition:all .6s ease-in-out 0s; left:-20px;} .our-brands ul li.open .overlay_content .arrow{left:0} .overlay_content .arrow img{display:inline-block; width:30px; height: auto} .our-brands ul li.first-li .overlay_content {left:-10px} .our-brands ul li.last-li .overlay_content {left: -40px} .our-brands ul li.first-li {float: left; padding-left: 10px;} .our-brands ul li.last-li {float: right; padding-right: 10px;} .our-brands ul li.mid-li { float: left;} .our-brands ul li.mid-li2 {padding-left: 40px;} .our-brands ul li.first-li img { height: 19px;} .our-brands ul li.mid-li2 > img { width: 280px; height: 45px; position: relative; top: -8px;} .our-brands ul li.mid-li2 .overlay_content span.logo-brand img {width: 270px; height: auto;} /*End*/ /*Experience*/ .why-lengers {height: 890px; position: relative; clear: both; background-size: cover; width: 100%; background-position: center center;} .lengs-div {height: 890px; display: flex; align-items: center; justify-content: center;} .content-div { color: #fff; text-align: center;} .content-div h3 { text-transform: uppercase; margin-bottom: 60px;} .hover-image, .grid-boxes {overflow: hidden} /*End*/ /*Grid boxes*/ .grid-boxes { padding: 0px;} .container-fluid.ala-brand { background-color: #000C1C;} .img-boxes { height: 43vh; background-size: cover; background-position: center; position: relative; width: 100%;} .img-boxes img { margin: 0 auto; display: table; position: absolute; top: 50%; left: 0; transform: translateY(-50%); right: 0; height: 30px;} .img-boxes::before { width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.15); position: absolute;} span.img-boxes-div > img { width: 100%; height: 100%; position: relative; top: 0px; transform: none; display: block; object-fit: cover; } span.img-boxes-div img:hover {transform: scale(1.1);transition: all 0.8s ease-in;} span.img-boxes-div img{transition: 1s;} .anim-side {opacity: 0} .len-animate-left, .len-animate-right {opacity: 1} .len-animate-left { position: relative; animation: animateleft .8s } .len-animate-right { position: relative; animation: animateright .8s; } @keyframes animateleft { from { left: -1300px; opacity: 0 } to { left: 0; opacity: 1 } } @keyframes animateright { from { right: -1300px; opacity: 0 } to { right: 0; opacity: 1 } } /*End*/ /*Services*/ .why-lengers.services .content-div h3 {margin-bottom: 0px} .why-lengers.services .content-div h2 {text-transform: uppercase; margin-bottom: 0px; line-height: 128px;} /*End*/ /*yercat sales*/ .why-lengers.news-home .content-div h3 {margin-bottom: 0px} .why-lengers.news-home .content-div h2 {text-transform: uppercase; margin-bottom: 0px; line-height: 128px;} #filterSale .form-control:focus {border-color: #FF8F00;} /*End*/ /*news events*/ .why-lengers.sales-home .content-div h3 {margin-bottom: 0px; color: #fff;} .why-lengers.sales-home .content-div h2 {text-transform: uppercase; margin-bottom: 0px; line-height: 128px; color: #fff;} .why-lengers.news-home .lengs-div .content-hover .white-boxes{ padding: 10px 45px} .why-lengers.news-home .lengs-div .content-hover .white-boxes a { float: right;} .why-lengers.news-home .lengs-div .content-hover .white-boxes p { text-align: left;font-weight: 200;} .why-lengers.news-home .lengs-div .content-hover .right-div a { font-weight: 200;} /*End*/ /*SellYourYacht*/ .page-template-sell-your-yacht textarea { padding-left: 4px !important;} .page-template-sell-your-yacht .nomargin div {margin-top: 0 !important;} .page-template-sell-your-yacht .ginput_container_phone, .page-template-sell-your-yacht .ginput_container_email { margin-top: 3px !important;} .page-template-sell-your-yacht .new-cotact-info .ala-button { top: -30px !important;} .page-template-sell-your-yacht h3.sell-heading {text-transform: uppercase; font-size: 20px;} .page-template-sell-your-yacht .left-media p, .page-template-sell-your-yacht .right-media p { padding-bottom: 40px;} /*End*/ /*Background count*/ .counts .content-div ul li { padding: 0px 85px; position: relative} .counts .content-div ul li h2 { font-size: 135px; line-height: 115px;} .counts .content-div ul li h3 {margin-bottom: 0px; position: relative; padding-bottom: 40px} .counts .content-div ul li h3::after { content: ""; background: #FF8F00; position: absolute; bottom: 0; width: 75px; height: 2px; left: 0; display: block; right: 0; margin: auto;} .content-div h2, .content-div h3 { text-shadow: 1px 1px 10px rgba(0,0,0,0.2);} .counts .content-div ul li img { margin-top: 70px; width: 50px; opacity: .55; filter: brightness(1.5);} img.banner-logo.lazyloaded { width: 200px; position: absolute;left: 0;right: 0px; margin: auto;top: 43%;transform: translateY(-50%);} .page-template-yatcht-sanlorenzo-pages img.banner-logo.lazyloaded { height: 45px; top: 48%; width: unset;} .page-template-brand-sale img.banner-logo.lazyloaded { height: 45px; top: 48%; width: unset;} .page-template-yatcht-sanlorenzo-pages img.banner-logo.lazyloaded[data-src="https://lengersyachts.com/wp-content/uploads/2020/07/prestige-logo-white-1.svg"] { height: 65px; top: 50%; width: unset; } .page-template-yatcht-sanlorenzo-pages h2.banner-title.banner-sub-title { top: calc(50% + 25px);} /*End*/ /*Inner pages*/ .radio-div.checkfilter {opacity: 0;} .pres-div img {margin-bottom: 35px;width: 250px;} .pres-div img.sacs-logo { height: 28px; width: auto; } .filterDiv {float: left;text-align: center;display: none; transition:1.2s;} small.total {right: 4px;} .hidecls{display:none;} .alafilter .show2 {display: block;} .alafilter.yatcht-filter {background: #000C1C;} .header.inner-header .menu-brands img { height: 14px;} .header.inner-header .menu-brands ul { margin-bottom: 0px; margin-top: 60px;} .header.inner-header .menu-brands ul li { padding: 0px 22px;} .header.inner-header .menu-brands ul li a {position: relative} .form-div { background: #000C1C ;color: #fff; padding: 90px 0px; clear: both} .form-div label { font-size: 18px; font-weight: 200; text-transform: uppercase; width: 100%} .form-div label i { float: right; position: relative; top: 4px;} .form-div input { border: none; background: transparent; border-bottom: 1px solid #fff;color:#fff; border-radius: 0px; padding-left: 0px;} .form-div input::placeholder {color:#fff; font-size: 16px; text-transform: uppercase} .search-new { padding-right: 35px;} .category-div { padding-left: 53px;} form.search-form { max-width: 1080px; margin: 0 auto;} .lenght-div { padding-left: 50px;padding-right: 8px;} .lenght-div input {float: left; width: 38%} .lenght-div small { float: left; width: 19%; text-align: center; line-height: 1; position: relative; top: 26px; color: #FF8F00; font-weight: 200; font-size: 12px;} .category-div .lenght-div {padding-left: 15px; padding-right: 10px;} .reset-btn button.btn.btn-primary { background: transparent; border: none; padding: 0px; text-transform: uppercase; font-weight: 200;} .reset-btn { display: flex; align-items: flex-end; padding-left: 6px;} .search-input, .radio-div { margin-bottom: 70px;} .brand-input.price-range { padding-left: 30px; padding-right: 30px;} .form-check.form-check-inline { padding-top: 18px;} label.form-check-label { font-size: 14px;} .form-check.form-check-inline { margin-right: 50px;} .form-check.form-check-inline [type="radio"]:checked, .form-check.form-check-inline [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .form-check.form-check-inline [type="radio"]:checked + label, .form-check.form-check-inline [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 15px; display: inline-block; color: #fff;} .form-check.form-check-inline [type="radio"]:checked + label:before, .form-check.form-check-inline [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 100%; background: transparent;} .form-check.form-check-inline [type="radio"]:checked + label:after, .form-check.form-check-inline [type="radio"]:not(:checked) + label:after { content: ''; width: 15px; height: 15px; background: #FF8F00; position: absolute; top: 0px; left: 0px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .form-check.form-check-inline [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .form-check.form-check-inline [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .form-div .form-control:focus {background: transparent; outline:none; box-shadow: none; color: #fff} .grid-div.yachts-grid .img-boxes2 {display: inline-grid; align-items: flex-end; width: 100%; background-size: cover; background-position: center center; aspect-ratio: 1.778 / 1;} .grid-div.yachts-grid .img-boxes2:after { content: ""; background-color: rgba(0,0,0,.15); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .caption-grid { text-align: center; display: block; width: 100%; color: #fff;margin-bottom: 0px; transition: all .6s ease-in-out 0s; z-index: 98;} .caption-grid h3 { font-size: 40px; text-transform: uppercase; line-height: 65px; margin-bottom: 10px;} .caption-grid p { font-size: 20px; font-weight: 200; line-height: 29px; text-transform: uppercase; margin-top: -10px;} .page-template-charter .caption-top-grid p:after { content: " p.w."; } .load-div { padding: 0px;} .load-more-grid { background:#000C1C; text-align: center; padding:40px 0px 32px;} .load-more-grid a { display: block; font-size: 22px; color: #fff; text-transform: uppercase;letter-spacing: 1px;} .load-more-grid .filter-loader {bottom: 5px; position: absolute; left: calc(50% - 13.5px);} .load-more-grid i {color:#FF8F00; font-weight: 200; font-size: 20px; display: block; margin-bottom: 10px} .load-more-grid a:hover {text-decoration: none} .charter i { transition: all .3s ease-in-out;} .charter.tab-open i { transform: rotate(135deg);} .form-div.pres-form .category-div { padding-left: 15px; padding-right: 60px; margin-top: 10px} .form-div.pres-form .search-new { display: flex; align-items: center;} .form-div.pres-form .search-input, .form-div.pres-form .radio-div { margin-bottom: 0px;} .form-div.pres-form .form-check.form-check-inline { margin-right: 30px; margin-bottom: 17px;} .form-div.pres-form .reset-btn { padding-left: 0px; height: 73px;} .pres-div { margin-bottom: 0px;} .pres-div img { margin-bottom: 35px;} .pres-div.right-pres { margin-bottom: 0px;} .pres-div.right-pres p { margin-bottom: 0px;} .single-yachts .yachts-left > .row > .addres-cont2:not(.yachts-new) p:nth-child(2) { text-transform: uppercase; } .grid-hover { width: 100%; background: rgba(0,12,28,0.95); color: #fff; text-align: center; padding: 15px 0px; border-top: 2px solid #FF8F00; display: block; transition:all .6s ease-in-out 0s; opacity: 0; position: absolute;} .grid-div.yachts-grid .img-boxes2 .grid-hover { bottom: 0px; transition: all .25s ease-in-out;} .grid-div.yachts-grid .img-boxes2 .caption-top-grid { bottom: 0; position: relative; transition: all .35s ease-in-out;} .grid-hover ul {margin-bottom: 0px} .grid-hover ul li { padding: 0px 30px; font-size: 20px; font-weight: 200;} .grid-hover ul li img {margin-right: 15px; width: 38px} .grid-hover ul li span { position: relative; top: 2px;} .grid-div.yachts-grid .img-boxes2:hover .grid-hover{opacity: 1; bottom:0} .grid-div.yachts-grid .img-boxes2:hover .caption-top-grid { bottom: 75px; position: relative;} .form-div.pres-form .reset-btn img { width: 30px;} .form-div.pres-form .radio-div { padding-right: 0px; margin-top: 10px} .form-div.pres-form .pres-div p { margin-bottom: 30px;} .form-div.pres-form .pres-div.right-pres p { margin-bottom: 30px;} .form-div.pres-form .radio-div button.btn.btn-primary { background: transparent; border: none; color: #FF8F00; padding: 0px; text-transform: uppercase; font-weight: 200; font-size: 15px} .form-div.pres-form .radio-div { display: flex; align-items: flex-end;} .form-div.pres-form .radio-div button.btn.btn-primary img { width: 30px; margin-left: 10px; position: relative; top: -2px;} .form-div.pres-form .category-div small {float: right; position: relative; color: #FF8F00; top: 15px; font-size: 15px; font-weight: 200; text-transform: uppercase;} .load-div.loader-new .load-more-grid { display: flex; justify-content: center;} a.btn-yellow { background: #FF8F00; color: #fff; padding: 12px 39px; font-size: 16px; font-weight: 200; border-radius: 0px;} .load-div.loader-new .load-more-grid span { margin-right: 80px;} .yatcht-filter-grid span { margin-right: 80px; } .load-div.loader-new .load-more-grid { display: flex; justify-content: center; align-items: center;} /*End*/ /*Services*/ .contact-location, .contact-img { margin-bottom: 0; } .services-div { background: #000C1C; color: #fff; padding: 120px 0px 55px; clear: both;} .ser-grid { padding: 35px 35px 15px; border: 1px solid #fff; margin: 0px 20px 60px;} .ser-grid img { margin: 0 auto 25px; display: block;width: 68px;} .ser-grid h3 { text-align: center; font-size: 25px; text-transform: uppercase; max-width: 85%; margin: 0 auto 15px; position: relative; padding-bottom: 24px;} .ser-grid h3::after { content: ""; background: #FF8F00; position: absolute; width: 35px; height: 1px; bottom: 0; left: 0; right: 0; display: block; text-align: center; margin: auto;} .ser-grid p { margin-bottom: 30px;} .ser-more .ser-grid h3 {max-width: 100%;margin-bottom: 0px; padding-bottom: 0px; text-align: left} .ser-more .ser-grid h3::after {display: none} .ser-more .ser-grid a {color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 200;} .ser-more .ser-grid {text-align: left; padding: 54px 40px;margin-bottom: 45px;} .ser-more .ser-grid a img { width: 35px; display: inline-block; position: relative;top: -2px; left: 20px; margin-bottom: 0px;} .banner-head-link a.btn-yellow { text-transform: uppercase; font-size: 17px; font-weight: 200; position: absolute; right: 0; bottom: -7px; width: 265px; text-align: center; padding: 20px; text-decoration: none;} .banner-head-link a.btn-yellow { animation-name: brochurebutton; animation-duration: 4s; animation-iteration-count: 1; animation-delay: 2s; } @keyframes brochurebutton { 0% {bottom: -7px;} 25% {bottom: 0px;} 50% {bottom: -7px;} 75% {bottom: 0px;} 100% {bottom: -7px;}} .banner-head-link {position: fixed; top: 40%; right: 0; transform: rotate(-90deg); z-index: 999;} .ser-more .ser-grid a:hover {text-decoration: none;} .web-de .banner-head-link a.btn-yellow{width:300px;} .ser-more .ser-grid .service-hover a img { left: 0px; margin-right: 15px;} .ser-more .ser-grid:hover .service-hover {display: block; } .ser-more .ser-grid:hover .ser-top a { display: none;} .ser-more .ser-grid:hover .ser-top h3 {color: #FF8F00} .service-hover { display: none;transition:all .3s ease-in-out 0s;} /*End*/ /*Contact */ .contact-img { color: #5D5D5D; } a.contact-page-link { color: #5D5D5D;} a.contact-page-link p:not(.contact-location) a { color: #5D5D5D; } a.contact-page-link h3, .contact-img h3 { color: #000C1C; } .contact-div .contact-img a {color: #5D5D5D;} .page-template-contact .ala-input .ginput_container { margin-top: 0 !important; padding-bottom: 20px; } .page-template-contact .ala-text .ginput_container { padding-bottom: 40px;} .left-part { padding:83px 55px 83px 100px; background: #fff;} .left-part h2 { font-size: 50px;line-height: 72px; margin-bottom: 50px;text-transform: uppercase;} .contact-div .form-div h2 {font-size: 50px;line-height: 72px; text-transform: uppercase;margin-bottom: 47px;} .contact-img img { margin-bottom: 13px;width: 100%; height: 180px; position: relative; top: 0; transition: all .3s ease-in-out; object-fit: cover;} .contact-img img:hover { top: -5px; } .contact-img { margin-bottom: 0px; display: inline-block; width: 100%;} .contact-img p { line-height: 1.5;} .contact-div .form-div { padding: 80px 170px;} .contact-div .reset-btn { padding-left: 15px; float: right; display: block;} .contact-div .search-input, .contact-div .radio-div { margin-bottom: 0px;} .contact-div .form-div p { color: #FF8F00; text-transform: uppercase; font-size: 15px; font-weight: 200;margin-bottom: 20px;} .contact-div .form-div textarea { border: none; opacity: .75; background: transparent; border-bottom: 1px solid #fff; color: #fff; border-radius: 0px; padding-left: 0px; resize: none;} .contact-div .form-div textarea::placeholder, .contact-div .form-div input::placeholder {color:#fff; font-size: 14px; text-transform: uppercase} .contact-div .form-check.form-check-inline { margin-right: 40px;} .contact-div .form-div input {height: 70px;margin-top: 16px; opacity: .75;} .contact-div .fur-info { margin-top: 80px;} .contact-div .radio-div { padding-top: 25px;padding-bottom: 60px;} .contact-div .radio-div label {font-size: 14px; opacity: .75;font-weight: normal;} .contact-div .reset-btn button.btn.btn-primary { color: #FF8F00; float: right; font-size: 15px;} .contact-div .form-check.form-check-inline label { opacity: 1; font-weight: 200} /*End*/ /*About*/ .about-page { background: #000C1C; clear: both; color: #fff; padding: 100px 0px 50px} .about-page h2 { font-size: 50px; text-transform: uppercase; line-height: 72px; margin-bottom: 60px;} .about-page p { margin-bottom: 30px;} .about-cont p { padding-right: 40px;} .about-image { background: #fff; clear: both; width: 100%; position: relative} .about-image .media img { width: 30px; margin-top: 45px !important;} .about-image .media { margin-bottom: 110px; max-width: 600px;} .about-image .media p { margin-bottom: 0px;} .about-image .right-media .media {float: right} .about-image .media-body { padding-left: 60px; padding-right: 0px;} .about-image .media h3 { text-transform: uppercase; font-size: 20px; font-weight: 200;} .about-image .media-body p { color: #5D5D5D;} .about-image .abt-img { margin-bottom: 75px;} .about-image::before {content: ""; background: #000c1c; width: 100%; height: calc((((100vw * .85) - 30px) / 2.1935) / 2); top: -1px; position: absolute;} .about-services { background: #000C1C; padding: 84px 0px; clear: both; color:#fff} .about-services h3 { text-align: center; text-transform: uppercase; font-size: 50px; line-height: 72px; margin-bottom: 0px;} .about-services p { text-align: center; font-size: 25px; line-height: 45px; text-transform: uppercase;margin-bottom: 50px;} .services-icons h4 { padding-right:10px; color: white; text-transform: uppercase; margin-bottom: 0px; font-size: 20px; text-align: left; font-weight: 200; line-height: 20px;} .services-icons { text-align: center;} .services-icons ul li {width: 23%; margin-bottom: 25px; margin-right: 21px !important;} .services-icons li.list-inline-item a:hover .border { border: 1px solid #FF8F00 !important; } .services-icons li.list-inline-item a:hover h4 { text-decoration: none !important; color: #FF8F00; } .services-icons li.list-inline-item a:hover { text-decoration: none; } .services-icons .media { align-items: center; padding-left: 26px !important;} .services-icons .media img { margin-right: 27px !important;width: 60px;} .about-services a.btn.btn-yellow, .services-div a.btn.btn-yellow { font-style: normal !important; text-transform: uppercase; font-size: 17px; margin-top: 30px;padding: 16px 48px;} .meet-team { background: #fff; clear: both; width: 100%; padding: 100px 0px 55px;} .meet-team h2 { font-size: 50px; text-transform: uppercase; line-height: 72px; margin-bottom: 50px;} .meet-div { padding: 30px 0px 50px;} .meet-div .media-body h4 { color: #000C1C; text-transform: uppercase; font-weight: 200; font-size: 30px; line-height: 30px; margin-bottom: 5px;} .meet-div p.clr-new {color: #FF8F00; font-weight: 200; margin-bottom: 10px;text-transform: uppercase;} .media-body a {display: block; margin-bottom: 1px; font-size: 18px;color: #000C1C; line-height: 30px} .media-body a img { margin-right: 20px; position: relative; top: -1px; width: 20px;} .media-body a:hover {text-decoration: none} .meet-div .media { align-items: initial;} .meet-div .media-body p { margin-bottom: 8px;} .about-page2 h3 { text-transform: uppercase; margin-bottom: 60px;} .about-page2 h2, .about-page2 h1 {margin-bottom:10px} .about-page2 { padding: 260px 0px 20px;} body:not(.single) .about-page2::after { content: ""; background: url(/wp-content/uploads/2021/10/BIG-SEAHORSE-NEW.png); width: 700px; height: 800px; position: absolute; right: 0; top: 70px; background-repeat: no-repeat; background-size: cover; z-index: 0;} .about-image2 .abt-img { margin-bottom: 50px;} .about-image2 {padding-bottom: 30px} .about-image2 .load-more-grid { background: transparent; padding: 40px 0px 0px;} .about-image2 .load-more-grid a {color: #000} .about-image2 .abt-img { z-index: 1 !important; } body:not(.single) .about-page2::after { z-index: 1; } .about-image2 .abt-img img { width: 100%; } .news-img .container .row .left-media, .news-img .container .row .right-media { padding-bottom: 60px; } .more-abt .load-more-grid img { padding-left: 20px;} .more-abt .load-div.loader-new .load-more-grid span { margin-right: 40px;} a.btn-yellow.hover-bro { display: none;} .banner-head-link:hover a.btn-yellow.dream-div {display: block;} .banner-head-link:hover a.btn-yellow.hover-bro {display: block; width: 240px;} /*End*/ /*News*/ .abt-img p.clr-new { font-weight: 200; text-transform: uppercase; font-size: 18px; color: #FF8F00; margin-bottom: 28px;} .news-div { padding-bottom: 0px;} .news-div h1 { margin-bottom: 15px; font-size: 45px; line-height: 52px; width: 100%; text-transform: uppercase;} .news-head h3 {font-weight: 200;} .pop-news { background: #fff; padding: 0px 0px 20px;} .pop-div {color: #fff; text-align: center; background: #000C1C; width: 100%; display: flex; align-items: center; justify-content: center;height: 285px; margin-bottom: 30px;} .pop-div hr.orange-line { background: #FF8F00; width: 30px; margin: 16px auto 25px;} .news-head h3 { color: #000C1C; font-size: 45px; margin-bottom: 45px;margin-top: 20px;} .pop-new small { font-weight: 200; font-size: 14px;} .pop-new h3 { font-size: 35px; width: 70%; line-height: 36px; margin: 0 auto; text-transform: uppercase;} .about-image.about-image2.news-img img { height: 650px; width: 100%; object-fit: cover;} .left-media iframe { width: 100%; height: 550px;} .left-media p, .right-media p {color: #5D5D5D;} .left-media, .right-media { color: #5D5D5D; font-size: 17px;} .single-post div#contact-slide img { height: 550px !important; margin-top: 55px;} .ala-layout .modal-title{text-align: center;margin: 0 auto; width: 100%;text-transform: uppercase;font-size: 30px;} .slick-lightbox {z-index: 999999 !important;} .slick-lightbox .slick-next { right: 50px !important;} .slick-prev.slick-arrow{ z-index: 999 !important;} .slick-lightbox-slick .slick-prev:before, .slick-lightbox-slick .slick-next:before {font-size: 50px;} .ala-full.slider img{width:100%;} .slick-lightbox-close:before {font-size: 40px;} .team-image2 img, .team-image img{cursor:pointer;transition: 1s;} .news-breadcrumb { font-size: 18px;} .news-breadcrumb a { text-transform: capitalize; color: #fff;} .news-breadcrumb a:hover { text-decoration: none;} .news-breadcrumb .bc-pagename { color: #FF8F00; font-weight: 200;} /*End*/ /*Charter Single*/ .charter .addres-cont2:not(.yachts-new) p:last-of-type:after { content: " P.W."; } /*Contact Country*/ p.clr-head { color: #FF8F00; text-transform: uppercase; font-weight: 200; font-size: 16px !important; margin-bottom: 20px !important;} .addres-cont2 p { margin-bottom: 0px;} .addres-cont2 { margin-bottom: 50px;} .addres-cont2 p > span:not(.yachtmodel) { float: right;} .about-page.contact-new .about-cont h3 { margin-bottom: 35px; text-transform: uppercase;} .about-page.contact-new .addres-cont.right-cont { padding-left: 100px;} .addres-cont2 a { color: #fff;} .addres-cont2 a:hover {text-decoration: none !important;} .addres-cont2 p {font-size: 20px} .contact-form2 { background: #fff; clear: both;} .contact-form2 .form-div { background: transparent; color: #000C1C; padding: 0px 15px 60px} .contact-form2 .form-div input, .contact-form2 .form-div select { border-bottom: 1px solid #000C1C; color: #000C1C;} .contact-form2 .form-div select { border:none; border-bottom: 1px solid #000C1C; margin-top: 15px; height: 70px; color: #000C1C;opacity: .75;width: 100% !important;} .contact-form2 .form-div textarea { border: none; opacity: .75; background: transparent; border-bottom: 1px solid #000C1C; color: #000C1C; border-radius: 0px; padding-left: 0px; resize: none; padding-bottom: 35px} .contact-form2 .form-div input { height: 70px; margin-top: 40px; opacity: .75;width: 100% !important;} .contact-form2 .form-div textarea::placeholder, .contact-form2 .form-div input::placeholder {color:#000C1C; font-size: 14px; text-transform: uppercase} .contact-form2 .form-check.form-check-inline { margin-right: 0px; width: 28%;} .contact-form2 .form-check.form-check-inline [type="radio"]:checked, .contact-form2 .form-check.form-check-inline [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .contact-form2 .form-check.form-check-inline [type="radio"]:checked + label, .contact-form2 .form-check.form-check-inline [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 15px; display: inline-block; color:#000C1C;} .contact-form2 .form-check.form-check-inline [type="radio"]:checked + label:before, .contact-form2 .form-check.form-check-inline [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 2px solid #000C1C; border-radius: 100%; background: transparent;} .contact-form2 .form-check.form-check-inline [type="radio"]:checked + label:after, .contact-form2 .form-check.form-check-inline [type="radio"]:not(:checked) + label:after { content: ''; width: 15px; height: 15px; background: #FF8F00; position: absolute; top: 0px; left: 0px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .contact-form2 .form-check.form-check-inline [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .contact-form2 .form-check.form-check-inline [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .contact-form2 .form-div .form-control:focus {background: transparent; outline:none; box-shadow: none; color: #000C1C} .contact-form2 form { width: 100%;} .contact-form2 .form-div h2 { font-size: 50px; line-height: 72px; font-weight: 200; text-transform: uppercase; margin-bottom: 50px} .contact-form2 .form-div p { padding-left: 0px;} .contact-form2 .search-input {margin-bottom: 20px; padding-left: 0px} .contact-form2 .brand-input {padding-left: 0px} .contact-form2 .radio-div { margin-top: 80px; margin-bottom: 100px; padding-left: 0px} .contact-form2 .reset-btn button.btn.btn-primary { color: #FF8F00; font-size: 15px;} .contact-form2 .reset-btn { justify-content: flex-end;} .contact-form2 .form-div2 { padding-right: 75px;} .contact-form2 .fur-info { padding-left:75px;} .contact-form2 .radio-div label { font-size: 12px;} div#contact-slide .owl-dots { display: none;} div#contact-slide .owl-nav { float: right; margin-right: 100px;margin-top:45px;} div#contact-slide button.owl-next { background-image: url(../images/arrow-right-blue.svg) !important; width: 35px; height: 15px; background-repeat: no-repeat !important} div#contact-slide button.owl-prev { background-image: url(../images/arrow-left-blue.svg) !important; width: 35px; height: 15px; background-repeat: no-repeat !important} div#contact-slide button.owl-next span, button.owl-prev span {font-size: 0px} div#contact-slide button.owl-next:hover, button.owl-prev:hover {background-color:transparent !important} div#contact-slide button.owl-prev { margin-right: 50px !important;} .about-image .slider-div { margin-bottom: 55px;} div#contact-slide button.owl-next:focus, button.owl-prev:focus {outline:none} .news-event .news-img img.arrow-icon2 { width: 40px; height: auto; } .news-event .news-img .read-div { position: relative; top: 20px; opacity: 0; visibility: hidden; left: -50px; transition: all .3s ease-in-out 0s;} .news-event .inner-news:hover .read-div { visibility: visible; opacity: 1; left: 0px} .news-event .inner-news:hover img.arrow-icon2 { left: 0px} .new-cotact-info ul.right-sec { float: right; width: calc(50% - 50px);} .new-cotact-info .gform_wrapper { width: 100%;} .new-cotact-info ul.left-sec { float: left; width: calc(50% - 50px);} /*End*/ /*News events*/ .news-event { background: #000C1C; clear: both; padding: 130px 0px 60px;} .news-left .news-img { height: 600px; display: flex; align-items: center; position: relative} .news-left .news-img img { height: 600px; object-fit: cover; width: 100%;} .news-left .news-img::before { content: ""; background: rgba(0,0,0,0.4); width: 100%; height: 100%; top: 0; position: absolute;} .news-event .inner-news { position: absolute; text-align: center; width:80%; color: #fff; left: 0; right: 0; margin: auto;} .news-event hr.orange-line { background: #FF8F00; width: 30px; margin: 17px auto 30px;} .news-img small { font-weight: 200; font-size: 14px;line-height: 20px;} .news-img .inner-news h3 { margin-bottom: 0px; font-size: 35px; text-transform: uppercase; line-height: 60px;} .news-event .inner-news p { margin-bottom: 0px; font-size: 18px; font-weight: 200; text-transform: uppercase; line-height: 26px;} .news-right3 { height: 600px;} .news-right3 .news-img > img { width: 42px; margin: 0 auto; display: block;} .news-right3 .inner-news > img { width: 42px; margin: 0 auto 60px; display: block;} .news-right3 .news-img { display: flex; align-items: center; width: 100%; height: 100%; border: 1px solid #fff;} .news-right2 .news-img { position: relative; height: 285px; display: flex; align-items: center;margin-bottom: 30px;} .news-right2 .news-img .inner-news { width: 80%; margin: 0 auto; display: block; text-align: center; right: 0;} .news-right2 .news-img::before { content: ""; background: rgba(0,0,0,0.4); width: 100%; height: 100%; top: 0; position: absolute;} .news-right2 .news-img img { width: 100%; height: 285px; object-fit: cover} .news-event .news-right2 hr.orange-line { margin: 17px auto 50px;} .news-right3 .inner-news h3 {margin-bottom: 7px} .news-event-div .news-head2 .inner-news {width: 100%} .news-event-div .news-head2 .inner-news h3 {line-height: 45px} .news-event-div .news-head2 .inner-news hr.orange-line { margin: 17px auto 30px;} .news-pagi ul { margin-bottom: 0px;} .news-pagi ul li a.nxt { color: #FF8F00;font-weight: 200; } .news-pagi ul li a { color: #fff; font-size: 14px; font-weight: 200; text-transform: uppercase; line-height: 20px;} .join-lenger { padding: 60px 0px; clear: both;} .join-lenger h3 { text-align: center; color: #fff;font-size: 25px;line-height: 45px;text-transform: uppercase;font-weight: 200; margin-bottom: 25px} .join-lenger p {color: #fff; text-align: center; max-width: 60%; margin: 0 auto 50px;} .join-lenger .form-row input { border: none; background: transparent; border-bottom: 1px solid #fff; color: #fff; height: 45px; border-radius: 0px; padding-left: 0px;} .join-lenger .form-row .join-txt { padding-right: 0px;} .join-lenger .form-row .join-txt2 {padding-right: 0px; padding-left: 0px; border-left: 1px solid #fff;} .join-lenger .form-row .join-txt3 { padding-left: 0px;border-bottom: 1px solid #fff;height: 45px; align-items: center; display: flex; justify-content: flex-end;} .join-lenger .form-row button.btn.btn-primary { color: #fff; font-size: 12px; background: transparent; border: none; padding: 0px; text-transform: uppercase; font-weight: 200; float: right; padding-right: 20px} .join-lenger .form-row button.btn.btn-primary img { width: 30px; position: relative; top: -3px; margin-left: 10px;} .join-lenger .form-row .join-txt2 input {padding-left: 30px} .join-lenger .form-row input::placeholder {font-size: 14px; color:#fff; text-transform: uppercase; opacity: .7} .upcoming-event .events-head h2 { color: #fff; text-align: center; text-transform: uppercase; font-size: 70px; line-height: 101px;margin-bottom: 50px;} .upcoming-event { clear: both; padding: 35px 0px;} .events-list .white-boxes { color: #fff; text-align: center; padding: 12px 45px;} .events-list .white-boxes p {font-weight: 200} .events-list .white-boxes a {text-transform: uppercase; font-weight: 200} .join-lenger .ginput_container.ginput_container_email input { border: none; background: transparent; border-bottom: 1px solid #fff; color: #fff; height: 45px; border-radius: 0px; } .upcoming-event .events-list { margin: 0 auto;} .events-list .white-boxes .left-div p { text-align: left; font-weight: 200;} .events-list .white-boxes .center-div p {text-align: right; font-weight: 200;} /*End*/ /*Yachts single*/ .single-yachts .spec-engine-hours-date { display: none; } .single-yachts .bottom-content-single a:hover { text-decoration: none; } .yachts-left { padding-right: 85px;} .yachts-left .addres-cont2 p.clr-head > span { color: #fff;} .yachts-div form.search-form {max-width: 100%} .yachts-div { padding: 100px 0px 80px} .yachts-left .addres-cont2 p { font-size: 35px;} .yachts-left .addres-cont2 p.clr-head { margin-bottom: 0 !important;} .yachts-left .addres-cont2.yachts-new p { margin-bottom: 35px !important; text-transform: capitalize;font-size: 20px !important;} .yachts-left .addres-cont2.yachts-new p > span { font-size: 16px; text-transform: none;} .single-yachts .yachts-left > .row > .addres-cont2:not(.yachts-new) { line-height: 2.6rem; } .yachts-right h3 { font-size: 25px; text-transform: uppercase; margin-bottom: 40px;} .yachts-slider .slick-slide { margin: 0px 15px; } .yachts-slider .slick-slide img { width: 100%; height: 500px; object-fit: cover;} .yachts-slider .slick-prev:before, .slick-next:before { color: black; } .yachts-slider .slick-slide { transition: all ease-in-out .3s; opacity: 1; } .yachts-slider .slick-active { opacity: 1;} .yachts-slider .slick-current { opacity: 1; } .yachts-slider { background: #000c1c; padding: 0px 0px 50px;} .yachts-slider .slick-next:before { content:"" !important; background-image: url(../images/arrow-right-white.svg) !important; width: 35px; height: 15px;position: absolute; background-repeat: no-repeat !important} .yachts-slider .slick-prev:before { content:"" !important; background-image: url(../images/arrow-left-white.svg) !important; width: 35px; height: 15px;position: absolute; background-repeat: no-repeat !important} .yachts-slider section.center { padding-bottom: 50px;} .yachts-slider .slick-prev { right: 42%;top: auto; bottom: 0px; margin: auto; left: auto;} .yachts-slider .slick-next { left: auto; top: auto; bottom: 0px; width: auto; margin: auto; right: 37%;} .yachts-img {background: #000c1c; clear: both} .slide-btn-new { position: relative; margin-left: 160px; overflow-y: hidden;} .slide-btn-new a { background: #fff; padding: 0px 20px; height: 75px; display: flex; width: 280px; align-items: center; justify-content: center; color: #000C1C; font-size: 16px; text-transform: uppercase; font-weight: 200; bottom: -7px; position: relative;} .slide-btn-new a:hover, .slide-btn-info a:hover {text-decoration: none} .yachts-img .slider img { height: 800px; object-fit: cover;} .yachts-img ul.slick-dots { display: none !important;} .yachts-img .slick-dotted.slick-slider { margin-bottom: 0px;} .yachts-info { background: #000c1c; padding: 40px 0px;} .yachts-info .speci-div { text-align: center;} .yachts-info .speci-div i { color: #FF8F00; font-weight: 200; font-size: 20px; display: block; margin-bottom: 10px;} .yachts-info .speci-div span { display: block; color: #fff; font-weight: 200; font-size: 20px; letter-spacing: 1px; text-transform: uppercase;} .yachts-info .speci-div a {text-decoration: none;margin-bottom: 50px; display: inline-block} .slide-btn-info a { background: #fff; padding: 0px 20px; height: 65px; display: flex; width: 300px; align-items: center; justify-content: center; color: #000C1C; font-size: 16px; text-transform: uppercase; font-weight: 200;} .slide-btn-info { position: absolute; bottom: 0; right: 15px;} .slider-height .slick-slide { margin: 0px 15px; } .slider-height .slick-slide img { width: 100%; height: 630px; object-fit: cover;} .slider-height .slick-prev:before, .slick-next:before { color: black; } .slider-height .slick-slide { transition: all ease-in-out .3s; opacity: 1; } .slider-height .slick-active { opacity: 1;} .slider-height .slick-current { opacity: 1; } .slider-height { background: #000c1c; padding: 60px 0px 0px; clear: both;} .spec_group #content-optional {color: #fff;} .slider-height section.center2 { padding-top: 70px; padding-bottom: 100px} .slider-height .slick-next:before { content:"" !important; background-image: url(../images/arrow-right-white.svg) !important; width: 35px; height: 15px;position: absolute; background-repeat: no-repeat !important} .slider-height .slick-prev:before { content:"" !important; background-image: url(../images/arrow-left-white.svg) !important; width: 35px; height: 15px;position: absolute; background-repeat: no-repeat !important} .slider-height .slick-prev { left: 19%; top: 30px; bottom: auto; margin: auto; right: auto;} .slider-height .slick-next { left: 24%; top: 30px; bottom: auto; margin: auto; right: auto;} .view-video a {border: none; background: #FF8F00; padding: 0px 20px; height: 68px; display: flex; width: 280px; align-items: center; justify-content: center; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 200; bottom: 0px; position: relative; border-radius: 0;} .view-video a:hover {background: #FF8F00;} .view-video { position: relative; margin-left:250px;} .specification-tabs { clear: both; margin: 0 auto 50px;position: unset; background: #000c1c; width: 100%; padding: 0px 80px 50px;height: auto;overflow-x: auto;} .specification-tabs ul.nav.nav-tabs li a { color: #fff;} .spec_group { width: 100%; border-bottom: 1px solid #7b7b7b69;margin-top: 15px;} .spec_group ul li span { color: #fff; font-size: 16px} .specification-tabs ul.nav.nav-tabs li a { font-size: 16px; text-transform: uppercase; font-weight: 200;position: relative} .specification-tabs ul.nav.nav-tabs li { width: 20%; } .specification-tabs ul.nav.nav-tabs { border: none; margin-bottom: 40px; text-align: center;} .specification-tabs ul.nav.nav-tabs li a.active { color: #FF8F00;} .specification-tabs ul.nav.nav-tabs li a:hover {text-decoration: none} .spec_group ul.list-unstyled { display: inline-block; width: 100%; margin-bottom: 5px;} .spec_group ul li span.pull-left { font-weight: 500; width: 50%;} .spec_group ul li span.pull-right {float: left; width:50%} ul.specs-lst { display: inline-block; width: 100%;margin-bottom: 10px;} div#showdiv { display: none;} div#view-location .modal-dialog {max-width:85%; margin: 0px auto; top: 50%; transform: translateY(-50%) !important;} div#view-location .modal-header { border: none; padding-top: 64px; padding-bottom: 50px; display: block} div#view-location .carousel-indicators {position: static; float: right;} div#view-location .carousel-indicators .item.active {background: transparent;} div#view-location .carousel-indicators .item.active img { opacity: 0.7;} div#view-location .modal-header h3 { text-align: center; margin: 0 auto; width: 100%;text-transform: uppercase; font-size: 30px;} div#view-location .carousel-item img { height: auto; margin: 0 auto 20px; max-width: 75% !important;} div#view-location .modal-body { padding-bottom: 60px;} div#view-location .carousel-indicators .item img { width: 100px; margin: 0 auto; display: block;} div#view-location button.close { position: absolute; right: 70px; top: 50px; color: #000; opacity: 1; font-size: 70px;} div#view-location p.clr-head { display: block; text-align: center; padding: 6px 0px 10px; margin-bottom: 0px !important;} div#view-location .carousel { padding-bottom: 70px;} div#view-location a.carousel-control-prev { width: 69px; height: 49px; opacity: 1; bottom: -35px; right: 20%; left: auto; top: auto;} div#view-location a.carousel-control-next { width: 69px; height: 49px; opacity: 1; bottom: -35px; right: 15%; left: auto; top: auto;} div#view-location .carousel-indicators { margin-right: unset; margin-left: unset;} div#view-location .carousel-indicators ul li { width: auto; height: auto; padding: 0px 10px;} .yachts-slider .slider-text { right:45.8%; top: auto; bottom: 0px; margin: auto; left: auto; position: absolute; color: #fff; font-size: 20px; font-weight: 200; line-height: 30px;} .slider-height .slider-text { left: 13%; top: 18px; margin: auto; right: auto; position: absolute; color: #fff; font-size: 20px; font-weight: 200; line-height: 30px;} .tab-opens i.fa.fa-plus::before { content: "\f00d";} /*End*/ /*Footer*/ .footer {padding: 54px 0px; clear: both; background: #FAFAFA; width:100%; position: fixed; bottom: 0; z-index: -999999;} .located h3 { text-align: center; font-size: 22px; font-weight: 200;} .located ul.list-inline { text-align: center;} .footer ul.list-inline li { width: 32.333%;} .footer ul.list-inline .list-inline-item:nth-child(1) { margin-left: 0; margin-right: 1%;} .footer ul.list-inline .list-inline-item:nth-child(2) { margin-left: .5%; margin-right: .5%;} .footer ul.list-inline .list-inline-item:nth-child(3) { margin-left: 1%; margin-right: 0;} .located ul.list-inline li span { display: block;} .located li.last-li { float: right;} .located ul.list-inline li.first-li { float: left;} .located ul.list-inline li a .footer-hover-top, .located ul.list-inline li a {font-size: 60px; color: #000C1C ; font-weight: 200; line-height:1} .located ul.list-inline li a:hover {text-decoration: none} .located ul.list-inline li a span { font-size: 18px; font-weight:200; color: #000C1C ; margin-top: 20px; text-transform: uppercase; letter-spacing: 2px;} .located ul.list-inline { padding-top: 100px; padding-bottom: 143px; margin-bottom:0px; display: inline-block; width: 100%;} .footer-menu ul li a, .footer-newsletter ul li a { font-size: 20px; color: #000C1C ; position: relative} .footer-menu ul li, .footer-newsletter ul li { line-height: 29px;margin-bottom: 14px;} .footer-img { text-align: center;} .footer-menu {padding-left: 135px;} .footer-newsletter { padding-left: 155px;} .footer-newsletter ul.list-unstyled li a:hover { text-decoration: none; } .footer-newsletter ul.list-unstyled::after { content: ""; background: #000; width: 40px; height: 2px; bottom: -18px; position: absolute;} .footer-newsletter ul.list-unstyled { position: relative;} .footer-newsletter h4 { font-weight: 200; font-size: 20px; margin-top: 44px; margin-bottom: -5px;} .footer-newsletter span.input-group-btn .btn { background: #000C1C ; color: #fff; border-radius:0px; font-size: 20px; padding: 10px 20px;} .footer-newsletter .input-group input { border: 1px solid #000C1C ; border-radius: 0px; height: 52px; padding: 0px 20px;} .footer-newsletter .input-group input::placeholder {color: #000C1C ; font-size: 20px} .footer-newsletter .input-group .form-control:focus { color: #000C1C ; background-color: #fff; border-color: #000C1C ; outline: 0; box-shadow:none;} .footer-img img { width: 240px;} .social-icon a { width: 43px; margin-bottom: 10px; display: block; text-align: center;} .social-icon { position: absolute; right: 0; bottom: 55%;} .footernewsletter .gform_footer .gform_button.button { background: #000C1C; color: #fff; border-radius: 0px; font-size: 20px; padding: 11px 20px; border: none;} .footernewsletter .ginput_container_email input::placeholder {color: #000C1C !important; font-size: 20px !important} .footernewsletter .gform_fields input::placeholder { font-size: 18px !important; } .footernewsletter .gform_footer .gform_button.button { font-size: 18px !important; height: 46px !important; margin-top: 1px; } .footernewsletter .ginput_container_email input { height: 46px !important; } .footernewsletter input { height: 47px !important; } /*End*/ /*Moorings*/ .mooringmeter {text-transform: none;} /*End*/ /*Hover effect*/ .content-div > a:hover { text-decoration: none;} .content-hover { max-width: 500px; margin: 0 auto;} .content-hover h3 { margin-bottom: 30px;} .content-hover p { font-size: 20px; font-weight: 200; color: #fff; text-transform: none;} .content-hover a {color: #FF8F00; font-size: 16px; text-transform: uppercase; font-weight: 200; text-decoration: none;} .content-hover a img {/* max-width: 30px; */ margin-left: 11px; position: relative; top: -2px;left: -50px;} .home .content-hover a img {max-width: 30px;} .footer-hover p { font-size: 15px; margin-bottom: 10px; line-height: 1.7; font-weight: normal;} .footer-hover::before { content: ""; position: absolute; width: 1px; height: 35px; top: -48px; background: #000C1C;} .footer-hover::after { content: ""; position: absolute; width: 1px; height: 35px; background: #000C1C;bottom: -45px;} .white-boxes { background: rgba(255,255,255,0.3); margin-bottom:20px; padding: 8px;} .white-boxes p { margin-bottom: 0px; font-size: 18px;} .why-lengers.news-home .content-hover { margin-top: 30px;} .why-lengers.news-home .content-hover {max-width: 630px;} .white-boxes a { background: #000; padding: 6px 20px; position: relative; top: 1px; color: #fff; font-size: 13px;} .why-lengers.news-home a.read-div { margin-top: 20px; display: inline-block;} .why-lengers.services .content-hover {} .why-lengers.services .content-hover { max-width:100%; } .why-lengers.services .content-hover ul {text-align: center} .why-lengers.services .content-hover ul li { width: 20%; margin: 20px; } .why-lengers.services .content-hover ul li .media-body { align-items: center; display: flex; height: 70px;} .why-lengers.services .content-hover ul li h4 { text-align: left; font-size: 20px; font-weight: 200; margin-bottom: 0px; text-transform: uppercase; color: #fff; padding-right: 10px;} .why-lengers.services li.list-inline-item a:hover .border { border: 1px solid #FF8F00 !important; } .why-lengers.services li.list-inline-item a:hover h4 { text-decoration: none !important; color: #FF8F00; } .why-lengers.services li.list-inline-item a:hover { text-decoration: none; } /*End*/ /*Sticky Header*/ .header-sticky {position: fixed; display: none;width: 100%; background:rgba(255,255,255,0.9); box-shadow: 1px 1px 5px rgba(100,100,100,0.4);} .header-sticky .container-fluid, .header-sticky .container-fluid .row { padding: 0px; margin: 0px;} .header-sticky { z-index: 9999; width: 100%;} .header-sticky ul.navbar-nav li a { color: #5D5D5D; font-size: 14px; font-weight: normal; text-transform: uppercase} .header-sticky ul.navbar-nav li { margin: 0px 33px; position: relative} .header-sticky .logo img { position: absolute; left: 0; right: 0; margin: auto; top: 0px; width: 45px; bottom:0px; z-index: 100;} .header-sticky nav.navbar{ float: right; margin-top: 6px; padding: 0px;} .header-sticky .menu { padding-right: 15px;} .why-lengers.services .content-hover ul li .media { padding: 10px !important;} .header-sticky .container-fluid, .header-sticky .container-fluid .row { padding: 0px; margin: 0px;} .header-sticky ul.navbar-nav { padding-right: 15px;} .header-sticky ul.navbar-nav .dropdown-toggle::after { width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "\f107"; border-top: .3em solid; border-bottom: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top:5px; right: -6px; font-weight: 200; color: #F79826; border: none} .header-sticky .menu-brands ul{ float: left; margin-top: 18px; padding: 0px; padding-left: 25px; margin-bottom: 17px;} .header-sticky .menu-brands img { height: 11px;} .header-sticky .menu-brands ul li { margin: 0px 35px;} .header-sticky .menu-brands ul li a {position: relative} body.fixed .header {display: none} body.fixed .header-sticky {display: block; padding: 6px 0px 0px;} body.fixed .header-sticky .nav-link.dropdown-toggle { padding-bottom: 16px;} .header-sticky ul.navbar-nav li a.nav-link.contact-menu { color: #FF8F00;} .navbar-expand-md .navbar-collapse { line-height: 2.5;} /*End*/ .contact-location a { text-transform: uppercase; color: #FF8F00 !important; font-weight: 200; font-size: 14px; } .contact-location a:hover { text-decoration: none;} div#mobile-header-sticky-wrapper { display: none;} ul.list-inline.mobile-social { text-align: center; position: absolute; bottom: 50px; left: 0; right: 0;} ul.list-inline.mobile-social li {width: 40px !important; margin: 1px;} ul.list-inline.mobile-social li img { width: 40px; height: 40px; max-width: initial;} ul.list-inline.mobile-social li a { padding: 0px !important;} .simple-page { padding-top: 13%; } /* Gravity Form*/ .footernewsletter label.gfield_label { display: none !important; } .footernewsletter .gform_wrapper .gform_footer { padding: 16px 0 10px 0; margin: 9px 0 0 0; clear: none !important; float: left; width: 10%; } .footernewsletter .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } .footernewsletter .gform_wrapper .gform_footer { padding: 16px 0 10px 0; margin: 0px !important; clear: none !important; float: left; width: 10%; } .footernewsletter .ginput_container_email input { border: 1px solid #000C1C; border-radius: 0px; height: 52px; padding: 0px 20px !important; width: 100%; margin-top: 0px !important; } .footernewsletter .gform_wrapper .gform_footer { padding: 16px 0 10px 0; margin: 9px 0 0 0; clear: none; float: left; width: 10%; } .validation_message { padding-top: 0px !important; font-size: 15px !important; } .validation_error { display: none; } .footernewsletter .gform_wrapper .top_label .gfield_error { width: 100% !important; } .footernewsletter .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .footernewsletter .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 16px; } .footernewsletter .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } body .footernewsletter form .gfield_error { background: transparent !important; padding: 0px !important; margin: 0px !important; width: 100%; max-width: 100% !important; border: none !important; } .footernewsletter .gform_wrapper .gform_body { width: 71%; float: left; } .join-lenger .gform_wrapper .gform_body { width: 85%; float: left;} .join-lenger .gform_wrapper .gform_body li { padding-right: 0px !important;} .join-lenger .gform_wrapper .gform_footer { width:15%; float: left; clear: inherit;border-bottom: 1px solid #fff; padding: 0px ; position: relative; } .join-lenger .gform_footer.top_label input { background: transparent; border: none; color: #fff !important; font-size: 19px !important; width: 100% !important; text-align: left; height: 56px; padding: 10px 25px; cursor: pointer; } .footernewsletter .gform_button { background: #000C1C; color: #fff; border-radius: 0px; padding: 12px 20px; font-size:18px; } .join-lenger .gform_wrapper form { max-width: 1000px; } .join-lenger .gform_footer.top_label::after { content: ""; background: url(/wp-content/themes/lengers/assets/images/arrows.png); width: 50px !important; height: 13px !important; position: absolute; background-size: contain; background-repeat: no-repeat; top: 23px; right: 10px;} .join-lenger .gform_footer.top_label::before { content: ""; background: #fff; height: 100%; position: absolute; left: 0; width: 1px;} .join-lenger .ginput_container.ginput_container_email input:focus, .join-lenger .gform_footer.top_label input { outline: none;} .join-lenger .large::placeholder {font-size: 14px; color:#fff; text-transform: uppercase; opacity: .7} .join-lenger form .top_label .gfield_error { background: transparent !important; border: none !important; max-width: calc(100% - 0px)!important; width: 100% !important; padding: 0px !important; margin: 28px 0px 0px !important; } .join-lenger form .top_label .gfield_error input {border:none !important; border-bottom:1px solid #fff !important; margin-top: 0px} .join-lenger .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important;} .join-lenger .gform_ajax_spinner { position: absolute !important; top: 65px;} .load-div.loader-new .load-more-grid a.btn.btn-yellow, .about-services a.btn.btn-yellow, .services-div a.btn.btn-yellow, .slide-btn-new a, .banner-head-link a.btn-yellow, .view-video a { transition: all .3s;} .load-div.loader-new .load-more-grid a.btn.btn-yellow:hover, .about-services a.btn.btn-yellow:hover, .services-div a.btn.btn-yellow:hover { transform: translateY(5px);} .slide-btn-new a:hover {bottom:0px} .banner-head-link a.btn-yellow:hover { bottom: 0px;} /*Thank you page*/ .alathank article h1, .ala-term-cond h1 {margin-top: 0px; font-size: 70px; text-transform: uppercase; font-weight: 200; line-height: 101px; margin-bottom: 3px;} .alathank article { padding:113px 0px 150px;} .alathank article h3 { font-size: 25px; text-transform: uppercase; margin-bottom: 45px; line-height: 30px;} .alathank article p { font-size: 20px; margin-bottom: 50px;} .alathank article a.btn.btn-yellow { margin-top: 30px; text-transform: uppercase; font-size: 17px; padding: 16px 39px;} .ala-term-cond .entry-content ol li { margin-left: 19px;font-size: 17px; margin-bottom:29px;} .ala-term-cond h3 {text-transform: uppercase;margin-bottom: 40px;} .ala-term-cond .entry-content ol { margin-bottom: 80px;} .ala-term-cond .site-main > article { padding-right: 150px !important;} .alathank::after { content: ""; background: url(/wp-content/uploads/2021/10/BIG-SEAHORSE-NEW.png); width: 800px; height: 100%; position: absolute; right: 0; top: 70px; background-repeat: no-repeat;} .alathank, .ala-term-cond {position: relative;} .ala-term-cond::after { content: ""; background: url(/wp-content/uploads/2021/10/BIG-SEAHORSE-NEW.png); width: 700px; height: 800px; position: absolute; right: 0; top: 70px; background-repeat: no-repeat; background-size: cover;} .ala-term-cond li ul li { margin-left: 30px; } /*End*/ .form-div.pres-form { position: relative;} .right-modals { background: #fff; position: absolute; top: 50%; right: -300px; padding: 20px 20px 10px; transform: translateY(-50%); transition: all 1s;} .right-modals a { display: block; margin-bottom: 40px;} .right-modals a img { width: 200px;} .right-modals span { display: block; text-align: center; color: #000C1C; text-transform: uppercase; font-weight: 200; margin-top: 10px;} .map-inner-div.inner-map { width: auto; height: calc(100vw / 3.096); min-height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center center;} .right-modals.result_hover {right: 0px;} .news-left .inner-news p { font-size: 35px !important; line-height: 45px !important;} .news-right3.ala1 h3 { font-size: 18px !important; line-height:26px !important;} a.read-sec { color: #fff; text-decoration: none;} /*Contact css*/ /*Custom subscribe box for .single-column-form class*/ .ala-check [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute!important; left: -9999px; } .ala-check [type="checkbox"]:not(:checked) + label, .ala-check [type="checkbox"]:checked + label { position: relative !important; padding-left: 2.2em !important; cursor: pointer !important; font-size: 16px !important; } .ala-check [type="checkbox"]:not(:checked) + label:before, .ala-check [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0px; top: 2px; width: 1.30em; height: 1.30em; border: 2px solid #fff; background: #000C1C; padding: 2px; } .ala-check [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: ''; position: absolute; width: 17px; height: 17px; top: 4px; left: 2px; font-size: 1.3em; line-height: 0.8; background-color: #FF8F00 !important; transition: all .2s; } /* checked mark aspect changes */ .ala-check [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .ala-check [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ .ala-check [type="checkbox"]:disabled:not(:checked) + label:before, .ala-check [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .ala-check [type="checkbox"]:disabled:checked + label:after { color: #999; } .ala-check [type="checkbox"]:disabled + label { color: #aaa; } .ala-check label { color: #fff; opacity: .7; font-weight: 200 !important; } .ala-input input { width: 100% !important;} .contact-div .form-div li.ala-select select { height: 70px; border: none; background: transparent; border-bottom: 1px solid #fff; color: #fff; border-radius: 0px; width: 100% !important; margin-top: 20px; text-transform: uppercase; opacity: .7;} .contact-div .form-div li.ala-select select option { background: #000C1C} .ala-input input:focus, .contact-div .form-div li.ala-select select:focus {outline:none} .ala-radio .gfield_radio li { width: 100%;} .ala-radio .gfield_radio { display: inline-block; margin-top: 0px !important;} .contact-div .form-div li.ala-further { margin-bottom: 45px !important; margin-top: 90px !important;} .ala-radio .gfield_radio li input { height: auto !important;margin-top: 0px !important;} .contact-div .form-div li.ala-policy input { height: auto !important;} .page-template-contact li.ala-policy{float: left; max-width: fit-content !important;width:auto !important;} .contact-div .gform_wrapper .gform_footer {clear: none;padding: 0;margin: 12px 0 0 0;width: auto;float: right;} .page-template-contact .ala-policy span.gfield_required{display: none !important;} .contact-div .form-div li.ala-policy label { float: left; width: 100%; margin-top: 7px; font-size: 14px; margin-left: 0px;} .contact-div .form-div li.ala-radio {padding-bottom: 30px !important} .contact-div .form-div li.ala-radio > label { opacity: .7; font-weight: normal; font-size: 14px;} .contact-div .form-div .ala-button { border: none; text-transform: uppercase; font-weight: 200; color: #FF8F00; font-size: 15px; background-color: #FF8F00; color: #fff; border-radius: 0; padding: 16px 39px; } .ala-radio .gfield_radio li { width: 20%; float: left;} li.gfield_error { background: transparent !important; border: none !important; padding-bottom: 0px !important; padding-top: 0px !important} li.gfield_error input { border: none !important; border-bottom: 1px solid #790000 !important;} li.gfield_error.ala-radio > label {color:#fff !important} .left-contact { background: #fff;} .contact-div .form-div li.ala-radio [type="radio"]:checked, .contact-div .form-div li.ala-radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .contact-div .form-div li.ala-radio [type="radio"]:checked + label, .contact-div .form-div li.ala-radio [type="radio"]:not(:checked) + label{position: relative; padding-left: 28px; cursor: pointer; line-height: 15px; display: inline-block; color: #fff; max-width:100% !important} .contact-div .form-div li.ala-radio [type="radio"]:checked + label:before, .contact-div .form-div li.ala-radio [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 100%; background: transparent;} .contact-div .form-div li.ala-radio [type="radio"]:checked + label:after, .contact-div .form-div li.ala-radio [type="radio"]:not(:checked) + label:after { content: ''; width: 15px; height: 15px; background: #FF8F00; position: absolute; top: 0px; left: 0px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .contact-div .form-div li.ala-radio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .contact-div .form-div li.ala-radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} body .gform_wrapper ul li.gfield { margin-top: 0px !important; } .contact-div .form-div li.ala-policy [type="checkbox"]:checked, .contact-div .form-div li.ala-policy [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;} .contact-div .form-div li.ala-policy [type="checkbox"]:checked + label, .contact-div .form-div li.ala-policy [type="checkbox"]:not(:checked) + label{position: relative; padding-left: 28px;opacity: .7; cursor: pointer; line-height: 15px; display: inline-block; color: #fff;max-width:100% !important} .contact-div .form-div li.ala-policy [type="checkbox"]:checked + label:before, .contact-div .form-div li.ala-policy [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 2px solid #fff; background: transparent;} .contact-div .form-div li.ala-policy [type="checkbox"]:checked + label:after, .contact-div .form-div li.ala-policy [type="checkbox"]:not(:checked) + label:after { content: ''; width: 15px; height: 15px; background: #FF8F00; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .contact-div .form-div li.ala-policy [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .contact-div .form-div li.ala-policy [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .gform_wrapper textarea.medium { height: 156px !important;} .contact-div .form-div li.ala-sec { width: calc(50% - 20px) !important; float: right; clear: inherit;} .contact-div .form-div li.ala-first { width: calc(50% - 20px) !important; float: left;} .footernewsletter .gform_wrapper .gform_footer { padding: 7px 0 10px 0;} .why-lengers.services .content-hover ul li .media img { width: 70px; left: 0;} .row.new-cotact-info { margin: 0; } .new-cotact-info .gfield_required { display: none;} .new-cotact-info .ginput_container { padding-bottom: 20px; } .new-cotact-info .ala-radio .gfield_radio li { width: 33.33%; float: left;} .new-cotact-info .ala-radio .gfield_radio li label { font-size: 12px !important;color: #000C1C;} .new-cotact-info li.ala-policy label { font-size: 13px !important;} .new-cotact-info li.ala-radio > label { font-size: 14px !important;font-weight: normal;} .new-cotact-info li.ala-radio { padding-bottom:45px !important; padding-top: 19px !important;} .new-cotact-info .gform_wrapper textarea.medium { height: 153px !important;} .new-cotact-info .gform_wrapper textarea.medium:focus {outline:none} .new-cotact-info li.ala-radio [type="radio"]:checked, .new-cotact-info li.ala-radio [type="radio"]:not(:checked) {position: absolute; left: -9999px;} .new-cotact-info li.ala-radio [type="radio"]:checked + label, .new-cotact-info li.ala-radio [type="radio"]:not(:checked) + label{position: relative; padding-left: 28px; cursor: pointer; line-height: 15px; display: inline-block; color: #000C1C; max-width:100% !important} .new-cotact-info li.ala-radio [type="radio"]:checked + label:before, .new-cotact-info li.ala-radio [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 2px solid #000C1C; border-radius: 100%; background: transparent;} .new-cotact-info li.ala-radio [type="radio"]:checked + label:after, .new-cotact-info li.ala-radio [type="radio"]:not(:checked) + label:after { content: ''; width: 15px; height: 15px; background: #FF8F00; position: absolute; top: 0px; left: 0px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .new-cotact-info li.ala-radio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .new-cotact-info li.ala-radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .new-cotact-info li.ala-policy [type="checkbox"]:checked, .new-cotact-info li.ala-policy [type="checkbox"]:not(:checked) {position: absolute; left: -9999px;} .new-cotact-info li.ala-policy [type="checkbox"]:checked + label, .new-cotact-info li.ala-policy [type="checkbox"]:not(:checked) + label{position: relative; padding-left: 28px;opacity: .7; cursor: pointer; line-height: 15px; display: inline-block; color: #000C1C;max-width:100% !important} .new-cotact-info li.ala-policy [type="checkbox"]:checked + label:before, .new-cotact-info li.ala-policy [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 2px solid #000C1C; background: transparent;} .new-cotact-info li.ala-policy [type="checkbox"]:checked + label:after, .new-cotact-info li.ala-policy [type="checkbox"]:not(:checked) + label:after { content: ''; width: 15px; height: 15px; background: #FF8F00; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .new-cotact-info li.ala-policy [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);} .new-cotact-info li.ala-policy [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .new-cotact-info .ala-button { background: transparent; border: none; padding: 0px 15px; text-transform: uppercase; font-weight: 200; color: #FF8F00;font-size: 15px; position: relative; top: -52px;} .new-cotact-info .gform_footer.top_label { padding: 0; margin: 0; width: auto; float: right;} .new-cotact-info ul.left-sec input, .new-cotact-info ul.left-sec select { font-size: 15px;} .new-cotact-info li.ala-sec { width: calc(50% - 20px) !important; float: right; clear: inherit !important;} .new-cotact-info li.ala-first {width: calc(50% - 20px) !important;float: left;} .new-cotact-info select{text-transform: uppercase;opacity: .7;} .full-iframe iframe{width:100%;} .team-img {width: 223px;height: 223px;} .new-cotact-info li.ala-tex textarea::before { content: ""; background: #000; width: 1px; height: 60px; position: absolute; left: 0; bottom: 7px;} .new-cotact-info li.ala-tex textarea { position: relative;} .new-cotact-info li.gfield_error .ginput_container { margin-top: 0px !important;} .new-cotact-info ul.left-sec li.gfield_error input, .new-cotact-info ul.left-sec li.gfield_error select { margin-top: 4px !important; font-size: 15px;} .new-cotact-info .ala-button:focus { outline: none; box-shadow: none; } .new-cotact-info .ala-button:active{background: transparent; border:none} .new-cotact-info .gform_validation_error .ala-button {top: -77px;} .new-cotact-info .gform_validation_error li.ala-sec input { margin-top: 4px !important;} .filterDiv { float: left; text-align: center; display: none; transition:1.2s;} small.total { right: -4px;} .page-template-yatcht-sanlorenzo-pages small.total { right: 4px;} .hidecls{display:none;} .alafilter .show2 { display: block; } div#view-brochure.show { z-index: 99999; } div#view-brochure .modal-dialog { max-width: 550px;} div#view-brochure h2.brochure-title { font-size: 32px; line-height: 1; margin-bottom: 0px;} div#view-brochure ul li textarea { margin-top: 10px; border: none; border-bottom: 1px solid #000C1C;} div#view-brochure ul li input, div#view-brochure ul li select {width: 100%; font-size: 16px; height: 40px; margin-top: 10px; border: none; border-bottom: 1px solid #000C1C;} div#view-brochure ul li select {opacity: 0.5;text-transform: uppercase;font-size: 13px;font-weight: 200;} div#view-brochure .ginput_container_checkbox input { position: relative; top: -5px; width: 0; height: 0;} div#view-brochure .ginput_container_checkbox label { font-size: 17px !important; padding-left: 30px; } div#view-brochure ul li textarea:focus, div#view-brochure ul li input:focus, div#view-brochure ul li select:focus {outline:none} div#view-brochure .ginput_container_checkbox label a {color:#FF8F00} div#view-brochure .gform_footer.top_label { padding: 0px; margin: 0px;} div#view-brochure .gform_footer.top_label input { background: #FF8F00; color: #fff; border: none; text-transform: uppercase; padding: 11px 35px;} div#view-brochure .modal-body { padding-top: 0px;} div#view-brochure .gform_confirmation_wrapper { padding: 40px 20px; } div#view-brochure .modal-header { background: #000C1C; color: #fff;} div#view-brochure button.close { position: absolute; right: -9px; top: -10px; width: 30px; height: 30px; opacity: 1 !important; background: #FF8F00; line-height: 0px; color: #fff; border-radius: 50%; text-align: center !important; margin: 0px !important; padding: 0px !important;} div#view-brochure ul li input::placeholder, div#view-brochure ul li textarea::placeholder {text-transform: uppercase; font-size: 13px} div#view-brochure ul li input[type="checkbox"] + label:after { content: ''; position: absolute; width: 17px; height: 17px; top: 4px; left: 2px; font-size: 1.3em; line-height: 0.8; background-color: unset; transition: all .2s; border: 1px solid #000C1C; } /*End*/ /*language css*/ li.wpml-ls-slot-.has-submenu:hover ul li { display: block;} .header-sticky ul li.wpml-ls-slot-.has-submenu { margin: 1px 20px 0px 0px;} .header-sticky .submenu.submenu--small { top: 29px; left: -11px;} .header-sticky ul li.wpml-ls-slot-.has-submenu { margin: 7px 20px 0px 0px;} .submenu.submenu--small { left: -11px;} li.wpml-ls-slot-.has-submenu.no-submenu::after { display: none;} .join-lenger .gform_footer input { height: 48px !important;} .footernewsletter input { height: 53px;} select.brand-filter, select.price-select { padding-left: 0px;} .header ul.navbar-nav li:hover ul.dropdown-menu li a{ text-align: left;} .header ul.navbar-nav li:hover ul.dropdown-menu { height: 221px; font-size: 13px; background: transparent; box-shadow: none; border: none; margin-top: -20px; opacity: 1; transition: all .3s ease-in-out 0s; display: block } .header ul.navbar-nav li ul.dropdown-menu {opacity: 0; height: 0px;} .header ul.navbar-nav li:hover ul.dropdown-menu li, .header-sticky ul.navbar-nav li:hover ul.dropdown-menu li { margin: 0px 0px;} .header ul.navbar-nav li:hover ul.dropdown-menu li a::before, .header-sticky ul.navbar-nav li:hover ul.dropdown-menu li a::before {display: none} .header-sticky ul.navbar-nav li:hover ul.dropdown-menu li, .header-sticky ul.navbar-nav li ul.dropdown-menu li { padding-left: 20px; } .header-sticky ul.navbar-nav li:hover ul.dropdown-menu {background-color: rgba(255,255,255,0.9); font-size: 13px; box-shadow: none; border: none; margin-top: -8px; padding-top: 5px; opacity: 1; left: -20px; transition: all .3s ease-in-out 0s; display: block } .header-sticky ul.navbar-nav li:hover ul.dropdown-menu li a { font-size: 14px; text-align: left; color:#5D5D5D} .header-sticky ul.navbar-nav li ul.dropdown-menu { height: auto; width: 210px;} .grid-div.yachts-grid .mooring .img-boxes2:hover .caption-top-grid { bottom: 0;} /*.header ul.navbar-nav li a:hover {background: transparent}*/ span.span-title { color: #fff; text-transform: uppercase; font-size: 17px;} .ser-more .ser-grid h3 { font-size: 21px;} .ser-div .ser-more .ser-grid { height: auto;} .ser-div .ser-grid { height: 597px;} .center.full-text { max-width: 800px; margin:0 auto 45px; text-align: center; font-style: italic; font-size: 18px;} a.btn-yellow.ala-financial { width: 185px;} .new-cotact-info .ala-radio.ala-de .gfield_radio li { width: 33%;} .new-cotact-info .ala-radio.ala-de .gfield_radio li label {font-size: 11px !important; padding-left: 20px;} .new-cotact-info li.ala-radio.ala-de { padding-bottom: 16px !important;} .web-de .form-check.form-check-inline { margin-right: 35px;} a.read-ala { position: relative; color: #FF8F00; font-size: 15px; font-weight: 200; text-transform: uppercase;} a.read-ala::after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 24px; position: absolute; top: -2px; right: -27px; color: #FF8F00;} a.read-ala:hover {text-decoration: none} a.read-ala.less::after { content: "\f106"; top: -4px;} .showcontent { height: 0px; opacity: 0; display: none; } .read1{margin-top:20px;} .read2{display:none;} .form-div.pres-form #filterCat .pres-div p:not(:first-child) { height: 0; opacity: 0; display: none; } .form-div.pres-form #filterCat .pres-div p.nocontent { height: 100% !important; opacity: 1 !important; display: block !important; } .header ul.navbar-nav li ul.dropdown-menu {background-color: rgba(255,255,255,0); left: 0px; z-index: 0; display: block;visibility: hidden;opacity:0;transform: translateY(0px);transition:.5s ease all; background: transparent; border:none; top:15px; letter-spacing: .3px} .header ul.navbar-nav li:hover ul.dropdown-menu {display: block;visibility: visible;opacity:1;transform: translateY(50px);transition:.2s ease all; top:0px; left: 0; margin-top: -50px; } /*.header ul.navbar-nav li > a:hover::before {display: none}*/ .header ul.navbar-nav li ul.dropdown-menu li {margin: 0px !important} .header ul.navbar-nav li ul.dropdown-menu li a::before {display: none} .header-sticky ul.navbar-nav li ul.dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(0px);transition:.5s ease all; background: transparent; border:none; top:17px; letter-spacing: .3px; left: -20px;} .header-sticky ul.navbar-nav li:hover ul.dropdown-menu {display: block;visibility: visible;opacity:1;transform: translateY(50px);transition:.5s ease all; } .brand-backg video { position: absolute; top: 0px; z-index: 1;width: 100%; height: 98vh; object-fit: cover;} .header-sticky ul.navbar-nav li ul.dropdown-menu li { margin: 0px !important;} .brand-backg img { z-index: 9;} .brand-backg h2, .brand-backg h1 { z-index: 9;} body:not(.home) .brand-backg:after { z-index: 0;} .brand-backg { background-color: #000c1c;} .top-menu { display: none;} .morning-div .addres-cont2 h1 {font-weight:700; max-width: 250px; font-size: 50px; line-height: 50px; text-transform: uppercase;} .morning-div .addres-cont2 h1 span { display: block; font-weight: normal;} .morning-div .addres-cont2 p.clr-head { font-size: 18px !important;} .morning-div .yachts-left .addres-cont2 p { font-size: 50px; font-weight: 200; line-height: 50px; margin-bottom: 50px;} .morning-div .yachts-new h3 { color: #F7981E; font-weight: 200; font-size: 30px; margin-bottom: 40px} .morning-div .addres-cont2 p > span { float: none; display: block; height: 50px; font-size: 35px; font-weight: 200; line-height: 50px;} .morning-div .addres-cont2 p > span small { font-size: 16px; font-weight: 200; text-transform: uppercase;} .yachts-slider.morning-slide .slick-prev:before { content: "" !important; background-image: url(../images/arrow-left-blue.svg) !important; width: 35px; height: 15px; position: absolute; background-repeat: no-repeat !important; } .yachts-slider.morning-slide .slick-next:before { content: "" !important; background-image: url(../images/arrow-right-blue.svg) !important; width: 35px; height: 15px; position: absolute; background-repeat: no-repeat !important; } .yachts-slider.morning-slide { background: #fff; padding: 100px 0px 80px} .morning-div .addres-cont2 p { font-size:14px; margin-bottom: 8px; font-weight: 200; text-transform: uppercase} .morning-right { padding-left: 0px;} .morng-new { display: inline-block; width: 100%; } .morning-div .addres-cont2 .morng-new p { margin-bottom: 0px; } .morng-new p { float: left; } .morng-new p.right-mor { float: right; } .morning-div { position: relative; padding-bottom: 80px; height: 98vh; } .morring-single::after { content: ""; background: url(/wp-content/themes/lengers/assets/images/BIG-SEAHORSE.png); width: 700px; height: 800px; position: absolute; right: 0; top: 70px; background-repeat: no-repeat; background-size: cover; z-index: 1; } .banner-label { position: absolute; left: 0; right: 0; top: 50%; margin: auto; z-index: 99 } .banner-label.banner-logo h2 { top: 70px !important; } .services .content-hover a img { max-width: unset;} .single-yachts #myModal .modal-dialog { margin: 100px auto; } .single-yachts .team-member .media > img { width: 180px; height: 180px; margin-right: 30px !important;} .single-yachts .team-member .media-body h4 { text-transform: uppercase; font-weight: 200; font-size: 25px; margin-bottom: 2px;} .single-yachts .team-member .media-body p.clr-new { text-transform: uppercase; font-size: 16px; font-weight: 200; margin-bottom: 0px; color: #F7981E} .single-yachts .team-member .media-body p { font-size: 18px; color: #000D1F;margin-bottom: 3px;} .single-yachts .team-member .media-body a { color: #000D1F; font-size: 16px; line-height: 27px;} .single-yachts .team-member { padding: 135px 0px; background: #fff; clear: both;} .bottom-content-single { text-align: center; background: #000D1F; padding: 42px 0px;} .bottom-content-single a { color: #fff; text-transform: uppercase; font-size: 22px;} .bottom-content-single a span { font-weight: 200; margin-left: 5px;} .meet-yatchs { justify-content: center; display: flex; } .ala-sold.mobile {display: none} /*.brand-backg { height: 98vh;}*/ /*End*/ h2.banner-title.banner-sub-title { font-size: 25px; line-height: 30px;top: 43%; text-transform: uppercase;} .left-contact img.phone { height: 16px !important; width: 16px !important; margin-bottom: 8px; margin-right: 10px;} .left-contact img.phone:hover { top: 0 !important;} .footer-menu > div ul li a:hover:before { content: unset; } .footer .located .row .footer-menu:last-child { padding-right: 0; } .footer-div .menu-line li a:hover::before { top: 29px !important;} .footer-newsletter ul li a:hover::before { content: ' '; top: 30px; position: absolute; left: 0; bottom: 0; right: 0; width: 98%; height: 2px; background-color: #FF8F00; z-index: 99; transition: .3s all; margin: 0 auto;} .footer-newsletter ul li a {position: relative} .menu-brands .menu-line li a:hover::before { top: 27px !important;} .menu-menu-brand-en-container .logo-menu li.current-menu-item a::before { content: ' '; top: 48px; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; background-color: #FF8F00; z-index: 99; transition: .3s all; margin: 0 auto;} .header ul.navbar-nav li a {position: relative} #mobile-nav .menu-line ul.dropdown-menu li.current-menu-item a::before {content:none} .header-sticky .navbar-nav ul.dropdown-menu li a::before {content: none} /*new footer*/ .address-new img { width: 17px; margin-right: 10px;} .footer-menu { padding-left: 0px;} .footer-img { text-align: left;} .located h3 {text-align: left; font-size: 20px;} .footer-social .social-icon { position: relative; right: 0; bottom: 0; padding-left: 80px;} .address-new { margin-bottom: 10px;} .footer-div ul li { margin: 0px 5px !important; width: auto !important;} .footer-copy p { font-size: 14px; line-height: 26px;margin-bottom: 0px; } .footer a:hover { text-decoration: none; } .footer-link ul li a { color: #000D1F; font-size: 14px; } .footer-link ul li.last-li { float: right; padding-right: 108px; } .footer-newsletter { padding-left: 0px; } .address-new h3, .address-new h3 a { font-size: 16px !important; font-weight: 400 !important; margin-bottom: 0px; color: #000C1C; } .address-new a { font-size: 16px; color: #5D5D5D; line-height: 18px; } .address-div { padding-left: 100px; } .footer-social .social-icon ul { margin-bottom: 0px; } .footer-cont a { margin-top: 10px; display: inline-block; } .footer { padding: 80px 0px 40px; } .footer .footernewsletter #input_7_1{background: transparent!important;} .footer .social-icon a { margin-bottom: 0px;} .footer-link ul { margin-bottom: 0px; width: 100%; } .footer-link { height: 45px; display: flex; align-items: center; padding-left: 0px; } .footer-menu ul li a, .footer-newsletter ul li a {font-size: 16px;line-height: 18px; color: #000D1F} .row.footer-row { margin-top:97px; } .footer-div { padding-top: 15px; } .footer-cont h4 { font-weight: 200; font-size: 20px; margin-top: 44px; } .footer h4 { font-weight: 400 !important; font-size: 16px; line-height: 18px} .footer-cont a { font-size: 16px; color: #000D1F; } .footer-copy { height: 45px; align-items: center; display: flex; } .footernewsletter .gform_wrapper .gform_body { width: 65%;} .footer .menu-line { margin-top: 15px; margin-bottom: 0px; } .footernewsletter .gform_wrapper {margin-bottom: 0px} .footer-img img { width: 260px; } .mob-ftr {display: none} /* new header*/ .ala_header .header.inner-header { display: block; position: absolute;background: rgba(255,255,255,1); box-shadow: 1px 1px 5px rgb(100 100 100 / 40%)} /*.ala_header .header.header-sticky .menu-brands ul li { margin: 0 2.6em; padding: 0px; line-height: 37px;} .ala_header .header.inner-header .menu-brands ul { margin-top: 0; padding: 31px 0px; margin-bottom: 0;} .ala_header .header.inner-header nav.navbar { margin-top: 0px; padding: 29px 0px;}*/ .ala_header .header.inner-header .logo img {top: -5px; width: 85px;} .ala_header .header.inner-header ul.navbar-nav li a { color: #000C1C;font-size: 16px;font-family: 'Ubuntu', sans-serif;} .ala_header .header.inner-header ul.navbar-nav li ul.dropdown-menu { top: 60px;} .ala_header .header.header-mobile { display: none;} .ala_header .header.inner-header .container-fluid, .ala_header .header.inner-header .container-fluid .row { padding: 0px; margin: 0px;} .ala_header .header.inner-header .menu-brands ul { margin-bottom: 0px; margin-top: 4px;padding-left: 0px;} .ala_header .header.inner-header nav.navbar {margin-top: 0px;} .ala_header .header.inner-header li.wpml-ls-slot-.has-submenu::after {color: #000C1C } .ala_header .header-sticky ul.navbar-nav li a { color: #8B8B8B} .ala_header .header-sticky {background: rgba(255,255,255,0.95);} .ala_header .header-sticky .logo img { width: 26px; } .ala_header .footer-img img { width: 130px !important;} .ala_header .header.inner-header .menu-brands { padding-left: 15px;} .ala_header .header.inner-header .menu-brands ul li {padding: 0 2.6em; margin: 0px;} .ala_header .header.inner-header li.wpml-ls-slot-.has-submenu { margin: 0px;} .ala_header .header-sticky ul.navbar-nav li a {font-size: 16px;} .ala_header .header.inner-header .menu-brands img { height: 13px;} .ala_header .header-sticky .menu-brands img { height: 13px;} .ala_header .header.inner-header .menu-brands ul li a:hover::before { top: 28px !important; } .ala_header .header-sticky .menu-brands ul li a:hover::before { top: 28px !important; } .ala_header .header-sticky .menu ul li a:hover::before, .ala_header .header-sticky .navbar-nav li.active a::before{ top: 43px !important; } h1 {font-weight: 400 !important} .footernewsletter .gform_wrapper .gform_body input::placeholder { font-size: 16px !important;} .footernewsletter .gform_footer .gform_button.button { font-size: 16px !important; font-weight: 400 !important; line-height:25px !important; } /*Responsive*/ @media (min-width:768px) { body.single-yachts:has(.ala-sold.mobile) .banner-head-link a.btn-yellow { width: 300px; } .ala_header .header.inner-header ul.navbar-nav li ul.dropdown-menu { background-color: #FFFFFF; height: auto; left: -44px; width: 250px; } .ala_header .header.inner-header ul.navbar-nav li ul.dropdown-menu li { padding-left: 44px;} body.fixed img.menu-image.menu-image-title-hide { filter: contrast(.1) invert(.8); } .yacht-disclaimer { padding-top: 50px; } .yacht-disclaimer p { font-style: italic; font-size: 14px; line-height: 22px; color: #FAFAFA; } .slider-text.mobile { display: none;} .morning-div .news-breadcrumb { padding-bottom: 20px;} .specification-tabs ul.nav.nav-tabs li a::before {content: ""; position: absolute; bottom: 0; left: 0; right:0;margin: auto;top:35px; width: 0; height: 1px; z-index: 99;transition: .3s all;} .specification-tabs ul.nav.nav-tabs li a.active::before { width: 50px; background-color: #f7991d;} .why-lengers.news-home.animate-txt .lengs-div .content-hover {max-width:600px} .why-lengers.news-home.animate-txt .lengs-div .content-div:hover .content-hover-top { top:-125px;} .why-lengers.news-home.animate-txt .newshome.lengs-div .content-hover {max-width: 838px;} .why-lengers.news-home.animate-txt .lengs-div .content-div:hover .content-hover {visibility: visible; opacity: 1; bottom: -150px;} .why-lengers.services.animate-txt .lengs-div .content-hover { max-width: 100%;} .why-lengers.services.animate-txt .lengs-div .content-div:hover .content-hover { bottom: -160px;} .why-lengers.services.animate-txt .lengs-div .content-div:hover .content-hover-top { top: -170px;} .why-lengers.years-div.animate-txt .lengs-div .content-hover-top h3 { margin-bottom: 0px;} .why-lengers.years-div.animate-txt .content-hover h3 { margin-bottom: 10px;} .why-lengers.years-div.animate-txt .lengs-div .content-div:hover .content-hover-top { top: -125px;} .footer-hover-top {transition:all .3s ease-in-out 0s;position:relative; top:0;} .footer-menu.mobile, .footer-newsletter.mobile { display: none; } .located .footer-hover{opacity:0; visibility:hidden; transition:all .3s ease-in-out 0s; position:absolute; bottom:-100px; left:0; right:0; max-width:200px; width:100%; margin:0 auto; } .located ul.list-inline li{position:relative;} .located ul.list-inline li > a:hover .footer-hover-top{top:-110px} .located ul.list-inline li > a:hover .footer-hover-top2{top:92px} .located ul.list-inline li > a:hover .footer-hover{visibility:visible; opacity:1; bottom: -15px; max-width: 200px;} .located ul.list-inline li > a .footer-hover { bottom: -15px; } .located .footer-hover-top2 {transition:all .3s ease-in-out 0s;position:relative; top:0;} .footer-hover::before { top: 14px !important; height: .6em;} .footer-hover::after { bottom: 21px !important; height: .6em;} .located ul.list-inline li > a:hover .footer-hover { bottom: -75px; padding: 1em 0;} .brand-backg video.video-mobile { display:none} .contact-img.nl, .contact-img.es, .contact-img.de, .contact-img.be { position: relative; } .contact-img.nl a:hover, .contact-img.es a:hover, .contact-img.de a:hover, .contact-img.be a:hover, .contact-img.fn a:hover { text-decoration: none;} .contact-img.nl:hover:after, .contact-img.es:hover:after, .contact-img.de:hover:after, .contact-img.be:hover:after{ content: ""; width: 225px; height: 225px; position: absolute; top: 50%; transform: translateY(-50%); right: -260px; z-index: 999; background-size: cover; } .contact-img.nl:hover:after { background-image: url('https://lengersyachts.com/wp-content/uploads/2021/02/Rectangle-8092x.png'); } .contact-img.es:hover:after { background-image: url('https://lengersyachts.com/wp-content/uploads/2021/02/Rectangle-8102x.png'); } .contact-img.de:hover:after { background-image: url('https://lengersyachts.com/wp-content/uploads/2021/02/Rectangle-8112x.png'); } .contact-img.be:hover:after { background-image: url('https://lengersyachts.com/wp-content/uploads/2021/07/lengers-knokke.jpg'); } } @media (min-width: 1800px) { .our-brands ul li { padding: 0 60px; width: 20%; float: left; } .our-brands h3 { margin-left: 30px; } .why-lengers.years-div.animate-txt .lengs-div .content-div:hover .content-hover-top { top: -145px; } .animate-txt .lengs-div .content-hover { max-width: 600px; } .animate-txt .lengs-div .content-div:hover .content-hover { bottom: -80px; } .animate-txt .lengs-div .content-hover { bottom: -80px; } .overlay_content{bottom: -100px;height: 120vh; width: 310px;} .ala_header .header.inner-header ul.navbar-nav li ul.dropdown-menu { top: 60px; } .footer {height: 800px;} body { margin-bottom: 800px;} .navbar-nav li.active a::before, #mobile-nav .menu-line li.current-menu-item a::before, .menu-line li a:hover::before { top: 49px; } } @media (max-width:1799px) { .header ul.navbar-nav li a { font-size: 14px;} h3 { font-size: 23px;} h2 { font-size: 85px; line-height: 125px;} .counts .content-div ul li h2 { font-size: 120px; line-height: 105px;} p {font-size: 16px} .footer-menu ul li a, .footer-newsletter ul li a, .footer-newsletter span.input-group-btn .btn, .footer-newsletter h4 {font-size: 16px} .footer-newsletter span.input-group-btn .btn { padding: 11px 20px;} .header .menu {padding-left: 0px;} .why-lengers, .lengs-div { height: 790px;} .located ul.list-inline { padding-top: 90px; padding-bottom: 130px;} .footer-menu { padding-left: 0px;} .footer-newsletter { padding-left: 0px;} .footer-newsletter .input-group input::placeholder {color: #000C1C; font-size: 18px} .our-brands h3::before { width: 41%;} .our-brands h3::after {width:41%} .why-lengers.services .content-hover ul li h4 { font-size: 18px;} .header .logo img { width: 220px;} .overlay_content p {font-size: 14px} .our-brands ul li img { height: 22px;} .our-brands h3 { margin-bottom: 25px;} .content-hover p { font-size: 18px; color: #fff; text-transform: none;} .content-div > a { pointer-events: none;} .content-div > a:hover { text-decoration: none; } .mail-div { bottom: 30px} .mail-div img { width: 55px;} .header.inner-header .menu-brands img { height: 13px;} .form-div label {font-size: 16px;} .caption-grid h3 {font-size: 35px; line-height: 40px;} .caption-grid p { font-size: 18px;} .form-check.form-check-inline { margin-right: 50px;} .header.inner-header .menu-brands ul li { padding: 0px 12px;} .grid-div.yachts-grid .img-boxes {height: 450px} .load-more-grid {padding: 35px 0px 27px;} .searchbar {top: -10px;} .header-sticky .menu-brands ul li { margin: 0px 32px;} .grid-hover ul li {font-size: 18px} label.form-check-label {font-size: 14px;} .load-div.loader-new .load-more-grid .span-title{display:block;font-size:22px;color:#fff;text-transform:uppercase;letter-spacing:1px;} .load-div.loader-new .load-more-grid a, .load-more-grid span { font-size: 20px;} a.btn.btn-yellow {padding: 11px 35px; font-size: 15px !important;} .load-div.loader-new .load-more-grid { padding: 30px 0px 27px;} .our-brands ul li {padding: 0 60px; width: 20%; float: left;} .overlay_content {width: 100%;} .ser-grid h3 {font-size: 23px;} .ser-more .ser-grid a {font-size:17px} .ser-more .ser-grid {padding: 50px 40px; height: 158px;} .contact-div .form-div {padding: 80px 160px;} .contact-div .form-check.form-check-inline { margin-right: 15px;} .left-part h2, .contact-div .form-div h2 {font-size: 42px; line-height: 60px;} .left-part { padding: 83px 115px;} .meet-div .media-body h4 {font-size: 28px; line-height: 28px;} .more-div .load-more-grid {padding: 30px 0px 27px;} .meet-team h2, .about-services h3, .about-page h2, .about-page2 h1 {font-size: 45px; line-height: 65px;} .about-services p {font-size: 23px; line-height: 40px;} .about-page h2 {margin-bottom: 45px;} .about-page {padding: 90px 0px 40px;} .about-page2 h2, .about-page2 h1 {margin-bottom: 10px;} .about-page2 h3 {margin-bottom: 50px;} .about-page2 {padding: 220px 0px 40px;} .morning-div {padding: 260px 0px 40px;} .news-div { padding-bottom: 0px;} .news-head h3 { margin-bottom: 30px; margin-top: 0;padding-bottom: 10px;} .pop-new h3 { font-size: 30px; line-height: 33px;} .pop-div {height: 250px;} .about-image .media {max-width:600px} .footer-newsletter .input-group input {height:51px} body {margin-bottom: 725px;} .footer {height: 725px;} .news-div h1 { font-size: 44px !important;} .contact-form2 .form-check.form-check-inline {width: 30%} .contact-form2 .form-div h2 { font-size: 45px; line-height: 66px;margin-bottom: 40px;} .news-img .inner-news h3 { font-size: 35px; line-height: 45px;} .upcoming-event .events-head h2 { font-size: 60px; line-height: 90px;} .banner-title { max-width: 50%; font-size: 60px; line-height: 60px; text-transform: uppercase;} .yachts-slider .slider-text { right: 45%;} .yachts-slider .slick-prev { right: 41%;} .yachts-slider .slick-next { right: 37%;} .slider-height .slider-text { left: 14.6%;} .slider-height .slick-prev { left: 21%;} .slider-height .slick-next { left: 25%;} .alathank article h1, .ala-term-cond h1 {font-size: 65px; line-height: 95px} .alathank article h3 {font-size: 23px; line-height: 27px;} .alathank article p { font-size: 19px; margin-bottom: 45px;} .alathank article { padding: 250px 0px 150px;} .ala-term-cond .site-main > article { padding: 130px 0px 50px;} .why-lengers .content-hover .media.border img {max-width: 60px;} .ala-radio .gfield_radio li { width: 25%; float: left;} .ser-div .ser-grid { height: 571px;} .morning-div .addres-cont2 h1 { font-size: 50px; line-height: 54px;} .morning-div .yachts-left .addres-cont2 p { font-size: 45px; font-weight: 200; line-height: 45px;} .morning-div .yachts-new h3 { color: #F7981E; font-weight: 200; font-size: 26px; margin-bottom: 39px;} .morning-div .addres-cont2 p > span { line-height: 46px; font-size: 30px;} .morning-div::after { width: 650px; height: 650px;} .single-yachts .team-member { padding: 100px 0px;} .single-yachts .meet-yatchs { padding: 0px;} .single-yachts .team-member .media > img { width: 160px; height: 160px; margin-right: 25px !important;} .header-sticky .navbar-nav li.active a::before, .header-sticky #mobile-nav .menu-line li.current-menu-item a::before {top: 36px;} .ala_header .header.inner-header .menu-brands img { height: 12px;} .ala_header .header-sticky .menu-brands img { height: 12px;} .ala_header .header-sticky ul.navbar-nav li a, .ala_header .header.inner-header ul.navbar-nav li a { font-size: 15px;} } @media (min-width:1601px) { .about-image::before {height: 311px; top: -1px;} .counts .content-div ul li { padding: 0px 65px; } .header-sticky .menu-brands ul { padding-left: 0;} .header-sticky .menu-brands ul li {margin: 0 2.6em;} .header.new .navbar-nav.menu-line { padding-left: calc(96px + 102.67px) !important; } } @media only screen and (min-width: 1601px) and (max-width: 1799px) { .ala_header .header.inner-header ul.navbar-nav li ul.dropdown-menu { top: 58px; } } @media (max-width:1600px) { .header-sticky .menu-brands img { height: 10px;} .header-sticky ul.navbar-nav li { margin: 0px 20px;} .footer-img img { width: 255px;} .our-brands ul li {padding: 0 50px;} .our-brands h3 { margin-left: 20px; } .services-icons h4 { padding-right: 20px; font-size: 18px;} .footer-newsletter { padding-left: 0px;} .news-div h1 { font-size: 42px !important;width: 100%;} .ala_header .header.inner-header ul.navbar-nav li a { font-size: 15px;} .ala_header .header.inner-header .menu-brands ul li { padding: 0px 25px;} .ala_header .header.inner-header .menu-brands ul { padding-left: 25px;} .ala_header .header.inner-header .logo img {width: 75px;} .ala_header .header-sticky .menu-brands ul li { margin: 0px 25px;} .ala_header .header-sticky ul.navbar-nav li.wpml-ls-slot-.has-submenu { margin: 0px;} .ala_header .header-sticky ul.navbar-nav { padding-right: 26px;} } @media (max-width:1500px) { .header ul.navbar-nav li a { padding-left: 0px !important; padding-right: 0px !important;} .header .logo img { width: 220px;} .counts .content-div ul li { padding: 0px 65px 40px;} .header ul.navbar-nav .dropdown-toggle::after { right: -3px;} .why-lengers .content-hover .media.border img { max-width: 59px; vertical-align: middle; height: auto; position: relative; top: 7px;} .why-lengers.services .content-hover ul li h4 { font-size: 15px;} .why-lengers.services .content-hover ul li { width: 22%; margin: 15px;} .header .logo img { top: 40px;} .header nav.navbar { margin-top: 42px;} p, .footer-copy p, .footer-link ul li a {font-size: 14px} .footer { padding:80px 0px 40px;} .our-brands ul li img { height: 13px;} .search_icon { height: 27px; width: 33px; font-size: 21px;} .searchbar { height: 47px;} .img-boxes { height: 400px;} .header.inner-header .menu-brands img { height: 12px;} .header.inner-header .menu-brands ul li { padding: 0px 10px;} .header.inner-header .menu-brands ul {margin-bottom: 0px; margin-top: 45px;} .ala_header .header.inner-header .menu-brands ul { padding-left: 25px;} .form-div label { font-size: 15px;} .searchbar { top: -5px;} label.form-check-label { font-size: 14px;} .our-brands ul li {padding: 0 48px;} .our-brands h3 { margin-left: 18px; } .ser-more .ser-grid { padding: 49px 29px; height: 152px;} .services-div { padding: 100px 0px 55px;} .ser-grid { padding: 35px 30px 15px;margin: 0px 15px 60px;} .ser-grid h3 { font-size: 22px;} .ser-more .ser-grid a { font-size: 16px;} .ser-more .ser-grid a img { top: -1px;} .contact-div .form-div { padding: 80px 130px;} .left-part { padding: 83px 55px 83px 100px;} .about-image .media { margin-bottom: 80px;} .meet-team h2 { margin-bottom: 40px;} .meet-div .media-body h4 { font-size: 26px; line-height: 26px;} .services-icons h4 {font-size: 15px;} .meet-team h2, .about-services h3, .about-page h2, .about-page2 h1 { font-size: 42px; line-height: 60px;} .services-icons ul li { width: 22%;} .services-icons .media img { margin-right: 18px !important;} .services-icons .media { padding-left: 20px !important;} .meet-team { padding: 80px 0px 30px;} .meet-div { padding: 20px 0px 50px;} .about-image .media { max-width: 530px;} .footer-menu { padding-left: 0px;} .footer-newsletter { padding-left: 0px;} body { margin-bottom: 725px;} .header-sticky .menu-brands ul li { margin: 0px 25px;} .news-div h1 { font-size: 40px !important;width: 100%;} .contact-form2 .form-check.form-check-inline { width: 32%;} .upcoming-event .events-head h2 { font-size: 55px; line-height: 83px;} .news-img .inner-news h3 {font-size: 30px;} .news-event .inner-news p {font-size: 16px} .news-left .news-img, .news-right3, .news-left .news-img img { height: 550px} .news-right2 .news-img img, .news-right2 .news-img {height: 260px;} .slider-height .slick-list.draggable { padding: 0px 180px !important;} .slider-height .slick-slide img { height: 550px;} .yachts-img .slider img { height: 730px;} .yachts-slider .slider-text { right: 44.3%;} .yachts-slider .slick-prev { right: 39%;} .yachts-slider .slick-next { right: 34%;} .slider-height .slider-text { left: 13.7%;} .slider-height .slick-next { left: 26%;} .news-left .inner-news p { font-size: 30px; line-height: 45px;} .news-right3.ala1 h3 { font-size: 16px !important; line-height:26px !important;} li.wpml-ls-slot-.has-submenu a img, li.wpml-ls-slot-.has-submenu li a img { width: 24px;} li.wpml-ls-slot-.has-submenu::after { right: -16px; top: 12px; font-size: 21px;} .submenu.submenu--small { left: -8px;} .submenu.submenu--small li { margin-top: 0px !important;} .header-sticky .submenu.submenu--small {top: 33px; left: -12.5px;} .ser-div .ser-grid { height: 562px;} .header-sticky .navbar-expand-md .navbar-nav .nav-link { padding-right: 0; padding-left: 0;} .header-sticky li.wpml-ls-slot-.has-submenu a img { margin-top: 0;} .new-cotact-info .ala-radio.ala-de .gfield_radio li label { font-size: 10px !important;} .new-cotact-info .ala-radio.ala-de .gfield_radio li { height: 40px;} .new-cotact-info .gform_wrapper textarea.medium { height: 126px !important;} .new-cotact-info li.ala-radio.ala-de {padding-bottom: 0px !important} .footernewsletter .gform_wrapper .gform_body { width: 70%;} .footer-link ul li.last-li {padding-right: 78px;} .ala_header .header.inner-header ul.navbar-nav li a { font-size: 15px;} .ala_header .header.inner-header .menu-brands ul li { padding: 0px 15px;} .ala_header .header.inner-header li.wpml-ls-slot-.has-submenu::after {top: 8px;} .ala_header .header-sticky ul.navbar-nav li.wpml-ls-slot-.has-submenu::after {top: 13px;} .ala_header .header-sticky ul.navbar-nav li{ margin: 0px 18px;} .ala_header .header-sticky .menu-brands ul li, .ala_header .header.inner-header .menu-brands ul li { padding: 0px 22px; margin: 0px;} .ala_header .header.inner-header .menu-brands img, .ala_header .header-sticky .menu-brands img { height: 11px;} } @media (min-width: 1440px) { .footer-div {padding-top: 5%;} } @media (max-width:1366px) { .headertop.topbar li.topbarbrands img { width: 95%;} .header ul.navbar-nav li a { font-size: 14px;} .counts .content-div ul li { padding: 0px 50px 40px;} .footer-newsletter .input-group input::placeholder {color: #000C1C ; font-size: 16px} .our-brands ul li img { height: 19px;} .overlay_content p {font-size: 17px} .search_icon { height: 27px; width: 33px; font-size: 21px;} .searchbar { height: 47px;} .counts .content-div ul li h2 { font-size: 105px; line-height: 100px;} h3 { font-size: 21px;} .counts .content-div ul li h3 { padding-bottom: 35px;} body { margin-bottom: 722px;} .footer-img img { width: 260px;} .footer-newsletter .input-group input { height: 50px} .footer-newsletter span.input-group-btn .btn { padding: 10px 20px;} .mail-div { bottom:15px; right: 15px;} .mail-div img { width: 50px;} .overlay_content p {padding: 0px} .header.inner-header .menu-brands img { height: 10px;} .header.inner-header .menu-brands ul li { padding: 0px 8px;} .header .logo img { max-width: 210px;} .header-sticky .menu-brands img { height: 10px;} .header-sticky ul.navbar-nav li { margin: 0px 19px;} .header-sticky ul.navbar-nav li a {font-size: 14px} .header-sticky nav.navbar { margin-top: 9px;} .caption-grid h3 { font-size: 32px; line-height: 55px;} .form-div.pres-form .form-check.form-check-inline { margin-right: 24px;} .our-brands ul li {padding: 0 45px;} .our-brands h3 { margin-left: 15px; } .ser-grid h3 { font-size: 21px;} .ser-more .ser-grid a img { width: 30px;} .ser-grid { margin: 0px 10px 45px; height: 537px;} .ser-more .ser-grid { height: 148px;} .ser-grid p { margin-bottom: 25px;} .contact-div .form-div { padding: 80px 125px;} .left-part { padding: 83px 80px;} .left-part h2, .contact-div .form-div h2 { font-size: 40px; line-height: 58px;margin-bottom: 40px;} .about-image .media { max-width: 500px;} .footer-menu { padding-left: 0px;} .footer-newsletter { padding-left: 0px;} .news-div h1 { font-size: 38px !important; width: 100%;} .yachts-left .addres-cont2 p {font-size: 31px} .banner-title { max-width: 55%;} .slider-height .slider-text { left: 14.3%; top: 22px} .yachts-slider .slider-text { right: 44%;} .view-video { margin-left: 200px} .post-2555 { padding: 130px 0px 50px;} .morning-div .addres-cont2 h1 { font-size: 43px; line-height: 48px;} .morning-div .addres-cont2 p > span { line-height: 38px; font-size: 23px;} .morning-div .yachts-left .addres-cont2 p { font-size: 40px; font-weight: 200; line-height: 40px;} .morning-div .addres-cont2 p > span small { font-size: 12px;} .morning-div .yachts-new h3 { font-size: 24px;} .morning-div::after { width: 600px; height: 600px;} .morning-div .addres-cont2 p > span { height: 40px;} .address-div { padding-left: 90px;} .footer-social .social-icon { padding-left: 75px;} .footer-div { padding-top: 40px;} .ala_header .header.inner-header .menu-brands ul li, .ala_header .header-sticky .menu-brands ul li { padding: 0px 15px; margin: 0px;} .ala_header .header.inner-header .menu-brands img, .ala_header .header-sticky .menu-brands img { height: 12px;} .ala_header .header.inner-header .menu-brands ul {margin-top: 6px;} .ala_header .header-sticky .menu-brands ul { margin-top: 18px;} } @media (max-width:1280px) { .headertop.topbar li.topbarbrands img { width: 90%;} div#view-location .carousel-item img { width: auto !important;} .search__icon { width: 54px; font-size: 21px; height: 50px;} .counts .content-div ul li { padding: 0px 40px 40px;} .footer-menu { padding-left: 0px;} .footer-newsletter { padding-left: 0px;} .why-lengers.services .content-hover ul li { width: 22%; margin: 13px;} .overlay_content p, p, .left-media, .right-media {font-size: 16px} .our-brands ul li img { height: 17px;} .our-brands h3 { margin-bottom: 20px;} .our-brands ul li img { height: 18px;} .our-brands ul { padding: 10px 0px 55px;} body { margin-bottom:692px;} .footer {height: 692px;} .footer-newsletter .input-group input { height: 49px;} .header .logo img { width: 200px;} .header-sticky .menu-brands ul li { margin: 0px 18px;} .header-sticky ul.navbar-nav li a { font-size: 13px;} .header-sticky nav.navbar { margin-top: 5px;} .caption-grid h3 { font-size: 30px; line-height: 53px;} .ser-grid h3 { font-size: 20px;} .form-check.form-check-inline { margin-right: 46px;} .contact-div .fur-info { margin-top: 60px;} .contact-div .radio-div{padding-top: 20px;} .contact-div .radio-div label { font-size: 13px;} .contact-div .form-div textarea::placeholder, .contact-div .form-div input::placeholder {font-size: 13px; } .contact-div .radio-div label {font-size: 13px} .contact-div .form-check.form-check-inline {margin-right: 9px;} .about-page2 { padding: 200px 0px 40px;} .pop-new h3 { font-size: 28px; line-height: 35px;} .news-head h3 { font-size: 42px;} .news-div {padding-bottom: 0px} .about-image .media { max-width: 475px;} .news-div h1 { font-size: 35px !important; width: 75%;} .contact-form2 .form-check.form-check-inline label {padding-left: 23px !important;} .contact-form2 .fur-info { padding-left: 65px;} .contact-form2 .form-div input { height: 60px;} .contact-form2 .radio-div { margin-bottom: 63px;} .upcoming-event .events-head h2 { font-size: 50px; line-height: 75px;} .slider-height .slick-slide img { height: 460px;} .yachts-img .slider img { height: 650px;} .banner-title { max-width: 55%;} .yachts-slider .slider-text { right: 43.5%;} .slider-height .slider-text { left: 15.3%;} .slider-height .slick-prev { left: 23%;} .slider-height .slick-next { left: 28%;} .specification-tabs { padding: 0px 25px 50px;} .ala-radio .gfield_radio li { width: 33%; float: left;} .ser-more .ser-grid h3 { font-size: 18px;} .ser-more .ser-grid a { font-size: 14px;} .address-new { margin-bottom: 10px;} .header-sticky .navbar-expand-md .navbar-nav .nav-link { padding-right: 0; padding-left: 0;} .header-sticky li.wpml-ls-slot-.has-submenu a img { margin-top: 0;} .single-yachts .team-member .media-body a { font-size: 14px; line-height: 25px;} .single-yachts .team-member .media-body h4 { font-size: 23px;} .single-yachts .team-member .media-body a img { margin-right: 15px;} .single-yachts .team-member .media-body p.clr-new {font-size: 15px;} .single-yachts .team-member .media-body p { font-size: 17px;} .footer-link {padding: 0px} } @media (max-width:1250px) { .header .logo img { width: 180px; top: 30px;} .header nav.navbar { margin-top: 30px;} .header ul.navbar-nav li a { font-size: 14px;} .our-brands ul li img { height: 16px;} .our-brands h3 { margin-bottom: 25px;} .search_icon {font-size: 20px; height: 25px; width: 30px;} .search_input { line-height: 25px;} .searchbar {height: 45px} .searchbar input::placeholder {color: #000C1C ; font-size: 16px} a.search_icon i { font-size: 15px;} .why-lengers, .lengs-div { height: 650px;} h3 { font-size: 20px;} h2 { font-size: 75px; line-height: 110px;} .img-boxes { height: 350px;} .counts .content-div ul li h2 { font-size: 110px; line-height: 100px;} .located h3 {font-size: 20px} .footer {padding: 90px 0px 40px} .located ul.list-inline li a { font-size: 60px} .located ul.list-inline li a span {font-size: 18px} .footer-menu ul li a, .footer-newsletter ul li a, .footer-newsletter span.input-group-btn .btn, .footer-newsletter h4, .footer-cont a, .footer .address-new a { font-size: 16px;} .footer-menu ul li, .footer-newsletter ul li { line-height: 27px; margin-bottom: 8px;} .footer-img img { width: 230px;} .address-new a { font-size: 14px; line-height: 21px;} .footer-newsletter .input-group input { height: 45px; padding: 0px 15px;} .footer-menu { padding-left: 0px;} .services .container{width:100%} .overlay_content p, p, .left-media, .right-media {font-size: 15px} .header-sticky .menu-brands img { max-width: 100px;} .header-sticky .menu-brands ul li { margin: 0px 18px;} .header-sticky ul.navbar-nav { padding-right: 15px;} .footer-newsletter span.input-group-btn .btn { padding: 9px 20px;} .header ul.navbar-nav li a { font-size: 13px;} .our-brands ul { padding: 0px 0px 55px;} .our-brands h3 {font-size: 19px;} .header.inner-header .menu-brands ul { margin-top: 35px;} .header.inner-header .menu-brands img { height: 10px;} .header.inner-header .menu-brands ul li { padding: 0px 6px;} .form-check.form-check-inline { margin-right: 34px;} .header-sticky ul.navbar-nav li { margin: 0px 13px;} .form-div label, .reset-btn button.btn.btn-primary { font-size: 14px;} .form-div.pres-form .form-check.form-check-inline { margin-right: 12px;} .form-div.pres-form .category-div small {font-size:14px} form.search-form {width: 100%} .form-check.form-check-inline [type="radio"]:checked + label, .form-check.form-check-inline [type="radio"]:not(:checked) + label { padding-left: 22px;} .form-div.pres-form .radio-div button.btn.btn-primary {top: 0; font-size: 14px;} .form-div.pres-form .pres-div p { margin-bottom: 20px;} .pres-div img { margin-bottom: 30px;} .form-div { padding: 40px 0px;} .our-brands ul li { padding: 0px 40px;} .our-brands h3 { margin-left: 10px; } .ser-grid h3 { font-size: 18px;} .ser-more .ser-grid a { font-size: 14px;} .ser-more .ser-grid a img { width: 26px;left: 8px;top: -2px;} .ser-more .ser-grid { height: 150px;padding: 44px 29px; margin-bottom: 35px;} .ser-grid { height: 519px; margin: 0px 5px 45px;} .reset-btn { padding-left: 0;} .lenght-div { padding-left: 40px;} .category-div .lenght-div {padding-right: 15px} .left-part { padding: 63px 50px;} .contact-div .form-div { padding: 60px 95px;} .map-div iframe { height: 450px;} .left-part h2, .contact-div .form-div h2 { font-size: 35px; line-height: 50px;} .about-image .media h3 { font-size: 18px;} .meet-team h2, .about-services h3, .about-page h2, .about-page2 h1 { font-size: 38px; line-height: 55px;} .about-services p { font-size: 20px; line-height: 35px;} .services-icons .media img { margin-right: 15px !important; width: 50px;} .services-icons h4 { font-size: 13px;} .meet-team img.mr-5 { margin-right: 15px !important;width: 200px;} .meet-div .media-body h4 { font-size: 23px; line-height: 24px;} .meet-div .media-body a { font-size: 17px;} .meet-div .media-body a img { margin-right: 15px;} .about-page2 { padding: 175px 0px 40px;} .news-div {padding-bottom: 0px} .pop-new h3 { font-size: 28px; line-height: 32px;} .pop-div { height: 220px;} .news-head h3 { font-size: 36px; margin-bottom: 23px;} .about-image .media { max-width: 455px;} .news-div h1 { font-size: 33px !important; width: 100%;} .contact-form2 .form-check.form-check-inline { width: 36%;} .contact-form2 .form-div textarea { height: 149px;} .news-img .inner-news h3 { font-size: 33px; line-height: 47px} .news-right2 .news-img .inner-news { width: 80%;} .upcoming-event .events-head h2 { font-size: 43px; line-height: 65px;} .yachts-slider .slick-slide img { height: 400px;} .yachts-right h3 { font-size: 22px; text-transform: uppercase; margin-bottom: 18px;} .yachts-left .addres-cont2 p { font-size: 20px;} .yachts-left .addres-cont2.yachts-new p { margin-bottom: 25px !important;} .yachts-img .slider img { height: 600px;} .banner-title { max-width: 60%; font-size: 55px; line-height: 70px;} .post-2555 { padding: 93px 0px 50px;} .mooring .caption-grid h3 {font-size: 24px; line-height: 65px;} .ser-div .ser-grid { height: 513px;} .ser-more .ser-grid h3 { font-size: 16px;} .ser-more .ser-grid a { font-size: 13px;} .morning-div .yachts-new h3 {font-size: 22px; margin-bottom: 29px;} body { margin-bottom: 692px;} .footer {height: 692px;} .footer-copy p, .footer-link ul li a { font-size: 14px;} .address-div { padding-left: 75px;} .footer-social .social-icon { padding-left: 59px;} .ala_header .header.inner-header .menu-brands img, .ala_header .header-sticky .menu-brands img { height: 12px; max-width: 120px;} } @media (max-width:1200px) { .headertop.topbar li.topbarbrands img { width: 85%;} .ala_header .header.inner-header ul.navbar-nav li ul.dropdown-menu { top: 56px; } .header.new ul.navbar-nav > li.menu-item { padding: 13.75px 0; } .navbar-nav li.active a::before, #mobile-nav .menu-line li.current-menu-item a::before, .menu-line li a:hover::before { top: 46px; } .ala_header .header.inner-header .menu-brands img { height: 10px;} .ala_header .header.inner-header ul.navbar-nav li a { font-size: 13px;} .ala_header .header.inner-header .menu-brands ul { padding-left: 20px;} .ala_header .header-sticky ul.navbar-nav li a, .ala_header .header.inner-header ul.navbar-nav li a { font-size: 13px;} .ala_header .header-sticky .menu-brands ul { margin-top: 14px;} .ala_header .header.inner-header .menu-brands img, .ala_header .header-sticky .menu-brands img { height: 11px; max-width: 119px;} .header-sticky .menu-brands ul { padding-left: 21px;} } @media (max-width:1100px) { .headertop.topbar li.topbarbrands img { width: 80%;} .navbar-nav li.active a::before, #mobile-nav .menu-line li.current-menu-item a::before, .menu-line li a:hover::before { top: 44px; } .our-brands ul li img { height: 15px;} h2 { font-size: 70px; line-height: 100px;} .counts .content-div ul li h2 { font-size: 100px; line-height: 90px;} .located ul.list-inline li a span { font-size: 17px;} .footer-newsletter { padding-left: 0px;} .footer-menu { padding-left: 0px;} .footer-newsletter .input-group input {height: 44px;} .footer-newsletter span.input-group-btn .btn { padding: 9px 20px;} .footer-menu ul li a, .footer-newsletter ul li a, .footer-newsletter span.input-group-btn .btn, .footer-newsletter h4, .footer-cont a, .footer .address-new a { font-size: 14px;} .header .logo img { max-width: 180px; top: 35px;} .our-brands ul{padding:0px 20px 55px} .overlay_content p{padding:0} .overlay_content{padding:0 20px} .header .logo img { max-width: 180px;} .our-brands h3 { margin-bottom: 20px; font-size: 18px;} .content-hover p { font-size: 17px;} .header-sticky .menu-brands img { height: 10px;} .header-sticky ul.navbar-nav { padding-right: 15px;} .header.inner-header .menu-brands img { height: 9px;} .header-sticky ul.navbar-nav li a { font-size: 12px;} .header-sticky .menu-brands img { height: 9px;} .header-sticky .menu-brands ul li { margin: 0px 18px;} .header-sticky .menu-brands ul {padding-left: 15px; margin-top: 16px;} .header-sticky ul.navbar-nav li { margin: 0px 12.5px;} .header-sticky nav.navbar { margin-top: 13px;} .form-div label, .reset-btn button.btn.btn-primary { font-size: 13px;} .form-check.form-check-inline [type="radio"]:checked + label, .form-check.form-check-inline [type="radio"]:not(:checked) + label { padding-left: 23px} .lenght-div { padding-left: 32px;} .form-div input::placeholder {color:#fff; font-size: 10px; text-transform: uppercase} .our-brands ul li { padding: 0px 30px;} .ser-grid h3 { margin: 0 auto 25px;padding-bottom:15px} .ser-grid { padding: 30px 20px 15px} .ser-more .ser-grid { padding: 44px 20px;} .services-div { padding: 100px 0px 45px;} .ser-grid img { width: 60px;} .ser-grid h3 { font-size: 17px;} .form-check.form-check-inline { margin-right: 21px;} .contact-div .form-div { padding: 60px 65px;} .left-part { padding: 63px 40px;} .left-part h2, .contact-div .form-div h2 { font-size: 30px; line-height: 40px;} .about-page { padding: 70px 0px 25px;} .about-page2 { padding: 165px 0px 25px;} .about-page h2 { margin-bottom: 30px;} .about-image .media h3 { font-size: 15px;} .about-image .media-body { padding-left: 45px;} .meet-team h2, .about-services h3, .about-page h2, .about-page2 h1 { font-size: 35px;line-height: 50px;} .meet-div .media-body h4 { font-size: 20px;} .meet-div .media-body p {font-size: 17px} .meet-div .media-body a { font-size: 16px;} .meet-div p.clr-new { font-size: 15px !important;} .about-page p { margin-bottom: 23px;} .about-image .media { margin-bottom: 60px;} .about-services { padding: 70px 0px;} .services-icons .media img { margin-right: 10px !important; width: 45px;} .services-icons .media { padding-left: 10px !important;} .about-services a.btn.btn-yellow {margin-top: 20px;} .meet-team img.mr-5 { width: 170px;} .about-page2 h2, .about-page2 h1 { margin-bottom: 10px;} .about-page2 h3 { margin-bottom: 40px;} .more-abt .load-div.loader-new .load-more-grid span {padding-right: 0px} .more-abt .load-div.loader-new .load-more-grid span { margin-right: 0px;} .news-div {padding-bottom: 0px} .news-head h3 { font-size: 32px; margin-bottom: 20px;} .about-image .media { max-width: 394px;} .contact-form2 .form-check.form-check-inline { width: 45%;} .events-list .white-boxes a { padding: 6px 15px;} .events-list .white-boxes { padding: 12px 0px;} .white-boxes p { font-size: 15px;} .slider-height .slick-slide img { height: 400px;} .slider-height .slick-list.draggable { padding: 0px 140px !important;} .slide-btn-new a, .view-video a { height: 60px; font-size: 15px; width: 250px;} .view-video { margin-left: 140px;} .yachts-slider .slick-slide img { height: 350px;} .yachts-left { padding-right: 80px;} p.clr-head { font-size: 14px !important;} .yachts-left .addres-cont2 p { font-size: 18px;} .yachts-right h3 { font-size: 25px;} .slider-height { padding: 30px 0px 0px;} .slider-height .slick-next, .slider-height .slick-prev { top: 20px;} .slider-height .slick-prev { left: 17%;} .banner-title { max-width: 69%; font-size: 50px; line-height: 65px} .alathank article { padding: 180px 0px 120px;} .alathank article p { margin-bottom: 35px;} .alathank article h1, .post-2555 h1 { font-size: 60px; line-height: 90px;} .alathank article h3 { font-size: 21px; line-height: 23px;} .morning-div .addres-cont2 h1 { font-size: 35px; max-width: 200px; line-height: 40px;} .morning-div .addres-cont2 p > span { line-height: 38px; font-size: 21px;} .morning-div .addres-cont2 p > span small { font-size: 11px;} .morning-div .addres-cont2 p.clr-head { font-size: 16px !important;} .morning-div .yachts-new h3 { font-size: 21px; margin-bottom: 29px;} .address-new h3, .address-new h3 a { font-size: 14px !important;} .row.footer-row { margin-top: 90px;} .footer-link ul li.last-li { padding-right: 20px;} .ala_header .header.inner-header .menu-brands img, .ala_header .header-sticky .menu-brands img { height: 11px; max-width: 119px;} .ala_header .header.inner-header .logo img { width: 60px;} .ala_header .header.inner-header ul.navbar-nav li a { font-size: 12px;} .ala_header .header.inner-header .menu-brands ul li { padding: 0px 12px;} .ala_header .header.inner-header li.wpml-ls-slot-.has-submenu { margin-top: 1px; display: inherit;} .ala_header .header.inner-header li.wpml-ls-slot-.has-submenu::after {top: 0px;} .ala_header .header.inner-header .menu-brands ul { margin-top: 1px;padding-left: 5px;} .ala_header .header-sticky ul.navbar-nav li a, .ala_header .header.inner-header ul.navbar-nav li a { font-size: 12px;} .ala_header .header.inner-header .menu-brands { padding-left: 30px;} } @media(min-width:768px) and (max-width:991px) { .why-lengers.services.animate-txt .lengs-div .content-hover ul { display:block!important} .why-lengers.services.animate-txt .lengs-div .content-div:hover .content-hover-top h2{margin-bottom:0} .why-lengers.services.animate-txt .lengs-div .content-div:hover .content-hover-top{top:0} .why-lengers.services .content-hover ul li { width: 262px !important; margin: 13px; } .why-lengers.services, .why-lengers.services .lengs-div { height: 100% !important; } .why-lengers.services { padding: 50px 0px 30px;} .counts .content-div ul li { padding: 0px 0px 30px; width: 30%; } #mobile-menu { padding-top: 13%;} #mobile-menu ul li a { padding: 15px;} } @media (min-width: 992px) and (max-width: 1097px) { .counts .content-div ul li { width: 30%;} } @media (max-width:1024px) { .headertop.topbar li.topbarbrands img { width: 75%;} .counts .content-div ul li { padding: 0px 33px 30px;} .counts .content-div ul li h2 { font-size: 90px; line-height: 85px;} .header ul.navbar-nav li a { font-size: 13px;} .our-brands ul li img { height: 15px;} .our-brands h3 { margin-bottom: 25px;} .brands { bottom: 0px;} .located ul.list-inline li a { font-size: 54px;} .located ul.list-inline { margin-top: 0px; margin-bottom: 0px;} .footer-img img { width: 190px;} .footer-newsletter { padding-left: 0px;} .footer-menu { padding-left: 0px;} .footer-newsletter .input-group input { height: 44px;} .footer-menu ul li, .footer-newsletter ul li { line-height: 26px; margin-bottom: 6px;} .img-boxes { height: 350px;} .why-lengers, .lengs-div { height: 600px;} .header-sticky ul.navbar-nav { padding-right: 0px;} .header-sticky .menu-brands ul li { margin: 0px 14px;} .our-brands ul { padding: 0px 0px 45px;} .animate-txt .lengs-div .content-div:hover .content-hover-top { top: -70px;} .why-lengers.years-div.animate-txt .lengs-div .content-div:hover .content-hover-top { top: -93px;} .why-lengers.news-home.animate-txt .lengs-div .content-div:hover .content-hover-top { top: -100px;} .why-lengers.services.animate-txt .lengs-div .content-div:hover .content-hover-top { top: -130px;} .why-lengers .content-hover .media.border img { max-width: 50px; margin-right: 8px !important} .why-lengers.services .content-hover ul li h4 { font-size: 14px; padding-right: 39px;} .why-lengers.services .content-hover ul li { width: 21%; margin: 13px;} .why-lengers.services.animate-txt .lengs-div .content-hover { max-width: 98%;} .content-hover a {font-size: 15px} .located ul.list-inline { padding-top: 90px; padding-bottom: 100px;} body { margin-bottom: 722px;} .footer { height: 722px;} .header-sticky ul.navbar-nav li { margin: 0px 11px;} .grid-hover ul li { padding: 0px 20px;} .grid-hover ul li img { margin-right: 10px; width: 30px;} .grid-hover ul li { font-size: 16px;} .caption-grid h3 { font-size: 27px; line-height: 45px;} .load-more-grid { padding: 28px 0px 24px;} .load-more-grid a { font-size: 20px;} .our-brands ul li { padding: 0px 35px;} .meet-team h2, .about-services h3, .about-page h2, .about-page2 h1 { font-size: 32px; line-height: 45px;} .pop-new h3 { font-size: 21px;line-height: 25px;} .pop-div { height: 200px;} .pop-div hr.orange-line { margin: 16px auto 20px} .about-page.contact-new .addres-cont.right-cont { padding-left: 15px;} .addres-cont2 p { margin-bottom: 5px;} .about-page.contact-new .about-cont h3 {margin-bottom: 20px} .about-image.about-image2.news-img img { height: auto;} .banner-title { max-width: 57%; font-size: 46px; line-height: 58px;} .alathank article h1, .post-2555 h1 { font-size: 55px; line-height: 80px;} .post-2555 { padding-right: 0px !important;} .new-cotact-info .ala-radio .gfield_radio li { width: 43%;} .new-cotact-info .gform_wrapper textarea.medium { height: 130px !important;} .meet-team img.mr-5 { width: 210px;} .mooring .caption-grid h3 { font-size: 21px; line-height: 60px;} .header-sticky ul.navbar-nav li a { font-size: 10px;} .news-img .inner-news h3 { font-size: 25px;} .news-event-div .news-head2 .inner-news h3 { line-height: 36px;} .events-list .white-boxes { padding: 12px 20px;} .ser-more .ser-grid h3 { font-size: 14px;} .ser-more .ser-grid { padding: 35px 20px; } .ser-div .ser-grid { height: 486px;} h2.banner-title.banner-sub-title {font-size: 20px;} .web-de .form-check.form-check-inline { margin-right: 16px;} .brand-backg { height: 570px;} .header ul.navbar-nav li a { padding-left: 0px !important; padding-right: 0px !important;} .brand-backg video {height: 100%} .morning-div .yachts-new h3 { font-size: 21px;} } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .team-member .meet-yatchs .media { width: 420px; } .team-member .row .meet-yatchs:nth-child(3) { padding: 100px 0px 0px 0px;} } @media only screen and (min-width: 1025px) { .about-image.about-image2.news-img::before {height: 383px;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { .about-image.about-image2.news-img::before {height: calc(((((100vw * .85) - 30px) / 1.5311) / 2) + 58px);} } @media (min-width: 992px) { .page-template-sell-your-yacht .about-page2 { padding-bottom: 60px !important;} .page-template-sell-your-yacht .abt-img {margin-bottom: 80px !important;} .page-template-sell-your-yacht .ala-text { padding-top: 50px !important;} .len-animate-right { animation: none !important; opacity: 1;} .hover-image.mobile-content { display: none;} .animate-txt .lengs-div .content-hover{opacity:0; visibility:hidden; transition:all .3s ease-in-out 0s; position:absolute; bottom:-70px; left:0; right:0; max-width:600px; width:100%; margin:0 auto; } .animate-txt .lengs-div .content-div{position:relative; width:100%; padding: 1em 0;} .animate-txt .lengs-div .content-div h2{line-height:95%; margin-bottom: 0; color: #fff;} .animate-txt .lengs-div .content-div h3{margin-bottom:0px; color: #fff;} .animate-txt .lengs-div .content-div:hover .content-hover-top{top:-120px} .animate-txt .lengs-div .content-div:hover .content-hover{visibility:visible; opacity:1; bottom:-70px} .arrow-icon{position:relative; transition:all .3s ease-in-out 0s; left:-20px; bottom:-100px} .animate-txt .lengs-div .content-div:hover .arrow-icon{left:0; bottom:0} .content-hover-top{transition:all .3s ease-in-out 0s;position:relative; top:-60px;} .footer .address-div { display: flex; flex-direction: column; justify-content: flex-start; gap: 20px;} } @media (max-width:991px) { .contact-div .form-div .ala-button { margin-top: 30px; } .page-template-sell-your-yacht .sellyacht { padding-top: 100px;} .brand-filter .form-group button { display: none;} .page-template-yatcht-sanlorenzo-pages .form-div { padding-bottom: 0;} .content-hover a img { left: 0; margin-left: 0;} .hover-image.desktop-content { display: none;} .mail-div { display: none; } .arrow-down.ala-down {display: none;} .page-template-contact li.ala-policy{float: left; max-width: 100% !important;width:100% !important;} .page-template-contact .gform_wrapper .gform_footer {clear: both;padding: 12px 0 0 0;margin: 12px 0 0 0;width: 100%;float: left;} .navbar-collapse { padding-right: 15px;} #mobile-nav{display: block; position: fixed; background:#000; width: 100%; height: 100vh; top:0; padding:0px; overflow-y: auto; z-index: 10001; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; left:100%} #mobile-nav.open{left: 0} .navbar-nav{margin-left: 0; margin-right: 0} .nav > li{border-bottom:1px solid #333} .navbar-nav > li > a{ padding: 7px; color: #fff; font-size: 22px; font-weight: 200;} .cross-btn{width:26px;height:26px;display: block;color: #000;text-align: center;font-size:15px;line-height: 17px;border-radius: 50%; padding-top: 5px;margin:12px 15px; position: absolute;right: 5px; z-index: 1000; top:5px;} .header .navbar-default .navbar-nav > li > a:hover{background: #222} .header ul.nav.navbar-nav.navbar-right{margin-top: 40px} .header .navbar-toggle {cursor: pointer} .header .open ul.nav.navbar-nav li a {color:#154D5F} .open ul.nav.navbar-nav { margin-top: 50px;} .calls-info { display: none;} .navbar-toggler-icon { background-image: url(../images/toggle-icon.png) !important;background-size: contain;} .navbar-expand-md .navbar-toggler { display: block;padding: 0px; position: relative; top: 6px;} .header nav.navbar.navbar-expand-md { padding: 7px 0px; float: right; z-index: 999999999} .header .language { width: 100%;} .header .navbar ul.navbar-nav li a { color: #fff;} .navbar-nav {display: block; width: 100%; position: absolute; top: 8%; padding-left: 15px;} .header .navbar ul.navbar-nav li a { font-size: 16px; padding: 10px 15px;} .header ul.navbar-nav { padding-right: 0px;} .header .nav-mob {display: none} .cross-btn {display: block} .our-brands ul li img { max-width: 160px;} .our-brands ul li { padding:0px 21px; width:20%;} .our-brands h3 { margin-left: 0px; } h2 { font-size: 55px; line-height: 60px;} .why-lengers h2, .why-lengers h3 { color: #fff; } .img-boxes { height: 250px;} .img-boxes img.brand-logo{max-width:90%;} .home .ala-brand .img-boxes-div {max-width:250px;} .why-lengers.sales-home .content-div h2, .why-lengers.services .content-div h2, .why-lengers.news-home .content-div h2 { line-height: 90px;} h3 { font-size: 18px;} .counts .content-div ul li h2 { font-size: 70px; line-height: 75px;} .why-lengers, .lengs-div { height: 500px;} .why-lengers.mobile { height: 550px; } .sales-home { background-color: #000C1C; background-image: unset !important; } .counts .content-div ul li { padding: 0px 11px 0px;} .located h3 { font-size: 18px;margin-bottom: 0px;} .located ul.list-inline li a { font-size: 45px;} .located ul.list-inline li a span { font-size: 14px;} .located ul.list-inline { margin-top: 0px; margin-bottom: 0px;} .footer {height: auto;} .footer-menu { padding-left: 46px;} .footer-newsletter { padding-left:0px;} .footer-img img { width: 180px} .footer-menu ul li, .footer-newsletter ul li { line-height: 25px; margin-bottom: 4px;} .footer-menu ul li a, .footer-newsletter ul li a, .footer-newsletter span.input-group-btn .btn, .footer-newsletter h4, .footer-cont a, .footer .address-new a { font-size: 18px !important;} .footer-newsletter .input-group input { height: 40px; width: 100%;} .footer-newsletter span.input-group-btn .btn { padding: 7px 20px; width: 100%;} .our-brands h3 {font-size: 14px; font-weight: 200;} .our-brands h3::before, .our-brands h3::after { width: 37%;} .our-brands h3 { margin-bottom: 20px;} .header {position: fixed; background: #000C1C; padding: 10px 20px;height:55px; top: 35px;} .header .logo img { width: 160px; top: 5px; position: relative;z-index: 999999; display: block;} .fixed .header { display: block; position: fixed !important; top: 35px !important; } .fixed .top-menu { display: block; position: fixed; top: 0 !important; z-index: 9999; } .top-menu { position: fixed !important; top: 0 !important; width: 100%; z-index: 99999; } .logo {float:left; position: absolute;} .header nav.navbar { margin-top: 0;} span.input-group-btn { width: 100%; margin-top: 0;} .navbar-expand-md .navbar-nav .dropdown-menu { background: transparent; border-radius: 0px; padding: 0px; position: relative;} .header .navbar .dropdown-menu.show a.dropdown-item { padding: 10px 15px;} .searchbar {display: none} img.desk-logo { display: none;} img.mobile-logo {display: block} .our-brands ul{padding:0px 0px 50px} body.fixed .header-sticky {display: none} .overlay_content {display: none} .located ul.list-inline li a .footer-hover-top, .located ul.list-inline li a {font-size: 50px} .footer-newsletter h4 { margin-top: 39px;} .content-hover { display: block;} .animate-txt .lengs-div .content-hover p{display:block; text-transform: none; color: #fff;} .animate-txt .lengs-div .content-div:hover .content-hover-top { top: 0 !important;} .why-lengers.services.animate-txt .lengs-div .content-div:hover .content-hover-top h2 {margin-bottom: 12px} .counts .content-div ul li img { margin-top: 50px; height: 80px;} .why-lengers.counts ul { margin-bottom: 0px;} img.img-fluid.mobile-logo { display: block; margin: 0px;} img.img-fluid.desk-logo {display: none} .brands { height: 93%;} .banner-div {position: relative} body.fixed .header { display: block;} .category-div { padding-left: 15px; margin-top: 10px;} .lenght-div input { width: 45%} .lenght-div small { width: 10%;} .search-new { padding-right: 15px;} .category-div .lenght-div {padding-bottom: 20px} .search-input, .radio-div { margin-bottom: 10px;} .form-div label { font-size: 13px;} .load-div.loader-new .load-more-grid { display: block;} .load-div.loader-new .load-more-grid span { margin-right: 0px; margin-bottom: 15px; display: inline-block;} .load-div.loader-new a.btn.btn-yellow { display: table; margin: 0 auto;} .banner-div.inner-banner { height: 500px;} .menu-brands { display: none;} .ser-grid { height: 500px;} .ser-more .ser-grid { height: 145px;} .banner-head-link { top: 25%;} .brand-input.price-range {padding-left: 15px} .lenght-div { padding-left: 15px;} .left-contact { background: #fff;} .contact-div .form-check.form-check-inline {width: 100%} .contact-div .form-div { padding: 35px;} .left-part { padding: 35px;} .contact-div .radio-div { padding-top: 0px;padding-bottom: 25px;} .map-div iframe { height: 400px;} .left-part h2, .contact-div .form-div h2 {font-size: 27px; line-height: 35px;} .contact-div .form-div input, .contact-div .form-div li.ala-select select { height: 50px;} .meet-team img.mr-5 {width: 220px;} .services-icons ul li { width: 44%; margin: 0px 10px 20px !important;} .about-cont p { padding-right: 0px;} .meet-team h2, .about-services h3, .about-page h2, .about-page2 h1 { font-size: 31px; line-height: 45px;} .about-image .media-body { padding-left: 30px;} #mobile-nav {z-index: -1;} button#nav-icon3 .cross-btn {margin: 0px} #nav-icon3 { width: 40px; height: 35px; position: relative; margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;} #nav-icon3 span{ display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} /* Icon 3 */ #nav-icon3 span:nth-child(1) { top: 0px;} #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 10px;} #nav-icon3 span:nth-child(4) { top: 20px;} #nav-icon3:focus {outline:none} #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;} #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;} .header .menu { padding-bottom: 11px;} .about-page2 { padding: 30px 0px 25px;} .news-div {padding-bottom: 0px} .abt-img p.clr-new { margin-bottom: 20px; font-size: 16px;} .news-head h3 { font-size: 29px; margin-bottom: 10px;} .pop-new h3 { font-size: 16px;line-height: 20px;} .pop-div { height: 175px;} .pop-div hr.orange-line { margin: 13px auto 16px;} div#mobile-header-sticky-wrapper { display: block;} .hamburger-box { top: 9px;} .menu-main-navigation-container.navbar {justify-content: center} .dropdown-menu.show { background: transparent; position: relative; float: none; text-align: center; padding: 0px;} li.nav-item.dropdown.show .nav-link.dropdown-toggle { padding-bottom: 10px !important;} .dropdown-menu.show a { padding: 5px !important; font-size: 13px; font-weight: 200 !important;} .dropdown-menu.show a img { height: 10px; width: 111px;} .dropdown-toggle::after { width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "\f107"; border-top: .3em solid; border-bottom: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 4px; right: -6px; font-weight: 200; color: #FF8F00; border: none;} .news-div h1 {width: 100%;font-size: 31px !important;} .contact-form2 .form-div2 { padding-right: 15px;} .contact-form2 .fur-info { padding-left: 15px; margin-top: 25px;} .contact-form2 .radio-div { margin-bottom: 30px; margin-top: 20px;} .about-page.contact-new .addres-cont.right-cont { padding-left: 15px; margin-top: 30px;} .contact-form2 .form-div h2 { font-size: 40px; line-height: 55px; margin-bottom: 31px;} div#contact-slide .owl-nav {margin-right: 70px; margin-top: 35px;} .addres-cont2 { margin-bottom: 10px;} .addres-cont2 p { margin-bottom: 4px;} .addres-cont2 p { font-size: 16px;} .about-image.about-image2.news-img img { height: auto;} .news-left .news-img, .news-right3, .news-left .news-img img { height: 250px; } .news-img { margin-bottom: 20px;} .news-img .inner-news h3 { font-size: 28px; line-height: 40px;} .news-event .inner-news p { font-size: 15px; line-height: 20px} .news-right3 .inner-news > img { margin: 0 auto 20px;} .news-right2 .news-img img, .news-right2 .news-img { height: 250px;} .news-right3 { margin-bottom: 20px;} .news-img .inner-news h3 br { display: none;} .news-event .news-right2 hr.orange-line { margin: 17px auto 20px;} .news-event .news-img a.read-div { top: 3px; display: none} .news-event .news-img img.arrow-icon2 { width: 25px;} .news-event .inner-news p br {display: none} .news-event-div .news-head2 .inner-news hr.orange-line { margin: 17px auto 10px;} .join-lenger p { max-width: 80%;} .upcoming-event .events-head h2 { font-size: 35px; line-height: 55px; margin-bottom: 30px;} .upcoming-event { padding: 20px 0px 0px} .join-lenger .form-row input::placeholder {font-size: 12px} .news-right2 .news-img {margin-bottom: 20px} .news-event-div .news-head2 .inner-news h3 { line-height: 30px;} .yachts-slider .slick-list.draggable { padding: 0px 80px !important;} .yachts-slider .slick-slide img { height: 280px;} .yachts-img .slider img { height: 500px;} .slider-height .slick-slide img { height: 380px;} .slider-height .slick-list.draggable { padding: 0px 100px !important;} .slide-btn-new { margin-left: 100px;} .view-video { margin-left: 110px;} .yachts-slider .slick-next { right: 31%;} .slider-height .slick-prev { left: 15%;} .slider-height section.center2 { padding-bottom: 70px} .banner-div {height: 93vh;} .banner-title { max-width: 70%; font-size: 44px; line-height: 55px;} .alathank { height: 98vh; min-height: 400px; } .alathank .container { padding-top: 100px;} .alathank article { padding: 50px 0px 84px;} .alathank article h1, .post-2555 h1 { font-size: 40px; line-height: 60px;} .post-2555 { padding: 0px 0px 50px;} .contact-div .form-div li.ala-further { margin-top: 50px !important; margin-bottom: 30px !important;} .ala-radio .gfield_radio li { width: 100%;} .gform_wrapper .gform_footer { padding: 0px !important; margin: 0px !important;} .gform_wrapper textarea.medium { height: 120px !important;} .contact-div .form-div li.ala-radio { padding-bottom: 10px !important;} .left-media iframe { width: 100%; height: 350px;} .single-post div#contact-slide img { height: 350px !important;} .new-cotact-info ul.left-sec, .new-cotact-info ul.right-sec {width: 100%} .new-cotact-info li.ala-radio { padding-bottom: 30px; padding-top: 19px !important;} .new-cotact-info .ala-radio .gfield_radio li { width: 33%;} .join-lenger .gform_footer input { height: 64px !important;} #mobile-menu ul li > a:focus { outline: none;} .join-lenger .gform_footer.top_label::after { width: 37px !important; right: -12px} .ser-div .ser-grid { height: 487px;} .ser-more .ser-grid { padding: 40px 20px;} .top-menu { display: block;} .top-menu { background: #fff; padding:5px 0px 3px;} .top-menu ul { text-align: center; margin-bottom: 0px;} .top-menu ul li a { color: #000; font-size: 12px; padding-right: 0px;} .top-menu ul li a i { padding-right: 5px;} .top-menu .num-mob {/* display: flex; justify-content: center; align-items: center;*/ padding: 0px 20px;} .fixed .header { position: fixed; top:0;} .num-mob ul li img { width: 16px; margin-right: 7px; position: relative; top: -2px;} .top-menu ul li:first-child { float: left;} .top-menu ul li:last-child { float: right;} .single-yachts .team-member .media { margin-bottom: 50px;} .single-yachts .meet-yatchs { padding: 0px; display: flex; justify-content: center;} .single-yachts .team-member { padding: 70px 0px;} .single-yachts .meet-yatchs .media { display: block; text-align: center;} .single-yachts .meet-yatchs { padding: 0px; display: block; justify-content: center;} .single-yachts .team-member .media > img { width: 220px; height: 220px; margin-right: 0px !important; margin-bottom: 20px;} .footer {position: relative; z-index: 9; padding-bottom: 0px;} body { margin-bottom: 0px;} .footer-img img { width: 180px; margin: 0 auto 30px; display: block;} .row.footer-row { margin-top: 20px;} .address-div { padding-left: 15px; margin-top: 30px;} .address-new { width: 50%; float: left; height: 60px; margin-top: 0px} .footer-div { padding-top: 20px;} .footer-copy {display: none} .footer-copy.mob-ftr { display: block; text-align: center; margin-top: 30px;} .ala_header .header.header-mobile { display: block;} .ala_header .header.inner-header {display: none} .ala_header .header.header-mobile .menu-is-right::before {content: ""; background-image: url(https://lengersyachts.com/wp-content/uploads/2021/09/header-mob.png); position: absolute; right: 0; width: 191px; z-index: 99999; height: 500px; background-repeat: no-repeat; background-position: right; top: 80px; background-size: 170px;} .ala_header .header.header-mobile {position: absolute} nav#mobile-menu { z-index: 99999999;} } @media(min-width:768px) and (max-width:991px){ .morning-div { height: unset !important; } .overlay_content{min-width:250px; left:-20px;} .footer .footer-menu { padding-left: 0;} .footer .footer-img img { margin: 0; } .footer .footernewsletter .gform_wrapper .gform_footer { margin-top: 7px !important; } .footer h3, .footer h4, .address-new a { font-size: 18px !important; } .footer-social .social-icon { padding-left: 0;} .footer-copy.mob-ftr { text-align: left; } .footer .footer-link { padding: 0 15px; } .footer-link li.list-inline-item { display: block; float: left !important; width: 100% !important;} .footer .footer-link li { margin-left: 0 !important;} .footer .footer-link { height: unset; padding: 0 15px 25px;} } @media (max-width: 480px) { .banner-div.inner-banner { height: 250px !important;} .pdf-section {width: calc(100vw - 60px); max-width: 290px;} } @media (max-width:767px) { body:not(.single) .about-page2::after { right: calc(-330px + 35vw);} body.mobile-menu-open.single-yachts .banner-head-link, body.mobile-menu-open.single-mooring .banner-head-link, body.mobile-menu-open.single-careers .banner-head-link, body.single-yachts.modal-open .banner-head-link, body.single-mooring.modal-open .banner-head-link, body.single-careers.modal-open .banner-head-link { bottom: -65px !important; transition: all 0.4s ease-in-out;} .banner-head-link { transition: all 1s ease-in-out;} .yacht-disclaimer { padding-top: 40px; } .yacht-disclaimer p { font-style: italic; font-size: 12px; line-height: 16px; color: #FAFAFA; margin-bottom: 0; } .career-div .news-head.right-media { padding-bottom: 0px; padding-top: 20px;} .news-img .container .row .right-media { padding-bottom: 0px; padding-top: 20px; } .footer-cont.mob-ftr { padding-bottom: 10px;} .footer .located { padding-bottom: 15px;} .footer-newsletter.mob-ftr { padding-top: 15px; padding-bottom: 20px;} .footernewsletter .gform_footer .gform_button.button { margin-top: 0; height: 47px !important;} #content.contact-div .container-fluid > .row { display: flex; } #content.contact-div .container-fluid > .row .left-contact { order: 2;} .single-yachts a.active.show[href="#menu-general"] { position: relative; background-color: #fff; padding: 15px calc((100vw - 32px - 107.9px) / 2); color: #000C1C !important;} .single-yachts a.active.show[href="#menu-accommodations"] { position: relative; background-color: #fff; padding: 15px calc((100vw - 32px - 145.93px) / 2); color: #000C1C !important;} .single-yachts a.active.show[href="#menu-equipment"] { position: relative; background-color: #fff; padding: 15px calc((100vw - 32px - 86.84px) / 2); color: #000C1C !important;} .single-yachts a.active.show[href="#menu-equipment_std"] { position: relative; background-color: #fff; padding: 15px calc((100vw - 32px - 172.12px) / 2); color: #000C1C !important;} .single-yachts a.active.show[href="#menu-equipment_extra"] { position: relative; background-color: #fff; padding: 15px calc((100vw - 32px - 140.09px) / 2); color: #000C1C !important;} .single-yachts .banner-div::before { background: transparent; } .single-yachts .speci-img { padding: 0 !important;} .single-yachts .speci-img .specification-tabs { padding: 0 15px; } .single-yachts .team-member { padding: 70px 0px 20px; } .single-yachts .slider-height .slick-slide, .single-yachts .yachts-slider .slick-slide { margin: 0px 5px !important; } .single-yachts .col-xl-4.col-lg-4.col-md-4.col-sm-12.col-12.addres-cont2.yachts-new { display: grid; grid-template-columns: 120px 120px; padding-bottom: 15px;} .single-yachts .addres-cont2 p > span:not(.yachtmodel) {display: block; float: none;} .single-yachts .yachts-slider section.center { padding-bottom: 20px; } .single-yachts .yachts-left > .row > .addres-cont2:not(.yachts-new) p:last-child { text-transform: uppercase; font-size: 28px; font-weight: 200;} .morning-div .addres-cont2 .morng-new p { margin-bottom: 8px; } .morning-div { height: unset !important; } .single-yachts .addres-cont2:not(.yachts-new) .yacht-details-container > p:first-child { display: none;} .single-yachts .addres-cont2:not(.yachts-new) .yacht-details-container > p:nth-child(2) { font-size: 35px !important; line-height: 35px; font-weight: 200; padding-bottom: 30px;} .single-yachts .addres-cont2:not(.yachts-new) .yacht-details-container > br { display: none; } .single-yachts .addres-cont2:not(.yachts-new) .yacht-details-container > p:nth-child(2) .yachtmodel { font-weight: 200; float: none;} .web-de .banner-head-link a.btn-yellow{width: 100%;} .slider-text.mobile { position: unset !important; padding-left: 15px; padding-bottom: 15px;} .slider-height section.center2 { padding-top: 0;} .slider-text:not(.mobile) { display: none; } .center.slider .slick-prev, .center2.slider .slick-prev { display: none !important;} .center.slider .slick-next, .center2.slider .slick-next { display: none !important;} div#view-location .carousel-item img { width: 100% !important; height: auto;} div#view-location .modal-header { padding-top: 20px;} div#view-location .modal-header button { top: 20px; right: 20px;} .carousel.slide .container { width: 100%;} .carousel.slide .container .carousel-indicators { margin: 0 !important;} .carousel.slide .container .carousel-indicators ul li { width: 49% !important; margin: 0%;} .carousel.slide .carousel-control-prev, .carousel.slide .carousel-control-next { display: none; } .why-lengers.services .content-hover ul li { width: 262px; margin: 13px; } .why-lengers.services, .why-lengers.services .lengs-div { height: 100% !important; } .why-lengers.services { padding: 50px 0px 30px;} .form-div.pres-form .search-new .pres-div p:nth-child(n+3){height: 0;opacity: 0;display: none;} .form-div.pres-form .pres-div p:not(:first-child) {height: auto;opacity: 1;display: block;} .form-div.pres-form .pres-div p.showcontent {height: 0;opacity: 0;display: none;} .about-image.about-image2.news-img::before {height: calc((((100vw - 30px) / 1.5311) / 2) + 58px);} .our-brands ul li {padding: 6px 0px;background: rgba(255,255,255,0.5); margin-bottom: 10px !important; width: 73%;} .brands { bottom: 0;} .our-brands h3::before, .our-brands h3::after { width: 26%;} .row .grid-boxes:first-child img.brand-logo { max-width: 70%;} .why-lengers, .lengs-div { height: 450px;} h2 { font-size: 32px; line-height: 13px;} .container, .our-brands ul { width: 100%} .counts .content-div ul li h2 { font-size: 45px; line-height: 35px; margin-bottom: 0px} .counts .content-div ul li h3 { margin-bottom: 0px; font-size: 15px;} .counts .content-div ul li { padding: 0px 0px 55px;width: 100%;} .counts .content-div ul li::after {display: none} .content-div ul { margin-bottom: 0px;} .counts .content-div ul li:last-child { padding-bottom: 0px;} .located ul.list-inline li { width: 100%; float: none; margin-bottom: 15px} .located ul.list-inline { padding-top: 20px; padding-bottom: 0px;} .footer-menu { padding-left: 15px; margin-top: 41px;} .footer-menu.desktop { display: none;} .footer-div { text-align: center; } .footer-newsletter { padding-left: 15px;} .footer-img { padding-bottom: 20px; } .footer-img img { margin: 20px auto; width: 100px; float: left} .footer .input-group { max-width: 250px; margin: 0 auto;} .footer span.input-group-btn { width: 100%; margin-top: 10px} .footer-newsletter ul.list-unstyled::after {display: none} .footer-newsletter h4 { margin-top: 10px;} .footer-newsletter > h4 { text-align: left; } .footer-menu.mobile, .footer-newsletter.mobile, .footer-newsletter { padding: 0 15px;} .footer-newsletter.mobile { text-align: left; } .footer-menu.mobile ul li, .footer-newsletter.mobile ul li { text-align: left;} .social-icon { display: none;} .located ul.list-inline li { width: 32%; } .located ul.list-inline .footer-hover { display: none; } .footernewsletter .gform_wrapper .gform_body { float: left; width: calc(100% - 120px) !important; } .footernewsletter .gform_wrapper .gform_body input { height: 47px !important; } .footernewsletter .gform_footer .gform_button { padding: 5px 20px 11px !important;; } .footernewsletter .gform_wrapper .gform_footer { float: left; width: 80px !important;} body .footernewsletter .gform_wrapper .top_label div.ginput_container { margin-top : 0 !important;} .navbar-expand-md .navbar-toggler { display: block; padding: 0px; position: relative; top: 0; left: 0; right: 0; text-align: center; margin: 0 auto;} .header nav.navbar.navbar-expand-md { float: right; padding:13px 0px 0px;} /* .logo { float: none; text-align: center;}*/ .searchbar {display: none} .animate-txt .content-div .content-hover-top h2{line-height:100%; margin-bottom:10px; color: #fff;} .animate-txt .content-div .content-hover-top h3{margin-bottom:10px; color: #fff;} .brands{display:block;height: auto;} .overlay_content{display:none} body.fixed .header-sticky {display: none} .counts .content-div ul li img {display: none} .counts .content-div ul li h3 { padding-bottom: 10px;} h3 { font-size: 16px;} .counts .content-div ul li h3::after {width: 50px} body { margin-bottom: 0px;} .footer {position: relative; z-index:99999999;padding: 20px 15px 0px;} .footer-hover { max-width: 200px; margin: 20px auto;} .footer-hover::before, .footer-hover::after {display: none;} .footer-hover p, p, .left-media, .right-media {font-size: 13px; /*line-height: 2.1;*/} .header ul.navbar-nav li { margin: 0px 5px;} .header ul.navbar-nav {margin-top: 30px} .lenght-div { padding-left: 15px; padding-top: 20px;} .form-div label { font-size: 13px; margin-bottom: 0px;} .form-div { padding: 30px 0px;} .reset-btn { margin-top: 30px;} .caption-grid h3 {font-size: 25px; line-height: 40px;} .load-more-grid a { font-size: 18px;} .load-more-grid { padding: 25px 0px 22px;} .grid-hover, .grid-div.yachts-grid .img-boxes2:hover .grid-hover {display: none} .form-div.pres-form .radio-div button.btn.btn-primary { top: 15px;} .form-div.pres-form .category-div { padding-right: 15px;} .form-div.pres-form .radio-div button.btn.btn-primary img {width: 25px; top: -2px;} .form-div.pres-form .form-check.form-check-inline { margin-right: 25px;} .form-div.pres-form .category-div small {top:0px; padding-top: 15px} .form-div.pres-form .pres-div { margin-bottom: 0px;} .load-div.loader-new .load-more-grid a { font-size: 17px;} .load-div.loader-new a.btn.btn-yellow { display: table; margin: 0 auto; font-size: 14px !important; padding: 10px 30px;} .banner-div.inner-banner { height: 350px;} body:not(.single-yachts):not(.single-mooring):not(.single-careers) .banner-head-link a.btn-yellow { display: none; } .menu-brands { display: none;} .grid-div.yachts-grid .img-boxes2:hover .caption-top-grid { bottom: 0;} .services-div { padding: 50px 0px 30px;} .ser-grid { height:auto;margin: 0px 5px 30px} .ser-div { margin-bottom: 0px;} .ser-more .ser-grid { padding: 30px; width: 100%;} .ser-more .ser-grid { height: auto; text-align: center;} .ser-more .ser-grid h3 {text-align: center} .ser-more { display: inherit;} .banner-head-link { top: 15%;} .reset-btn { padding-left: 16px;} .left-part { padding: 25px 20px;} .left-part h2, .contact-div .form-div h2 { margin-bottom: 20px;} .contact-img h3 {font-size: 20px; margin-bottom: 5px;} .contact-img p { line-height: 27px; font-size: 16px;} .contact-div .fur-info { margin-top: 20px;} .contact-div .reset-btn { margin-top: 0px;} .contact-div .form-div input { height: 45px;} .about-page { padding: 35px 0px;} .about-page h2 { margin-bottom: 25px;} .page-template-mooring .about-page.about-page2, .page-template-charter .about-page.about-page2, .page-template-about-financial .about-page.about-page2 { padding: 115px 0 35px;} .about-image .abt-img { margin-bottom: 40px;} .about-image::before {height: calc(((100vw - 30px) / 2.1935) / 2);} .about-image .media { margin-bottom: 20px;} .about-image .media-body { padding-left: 20px;} .about-image {padding-bottom: 30px} .about-services { padding: 50px 0px;} .services-icons ul li { width: 90%; margin: 15px auto !important; display: block;} .services-icons .media { padding-left: 15px !important;} .meet-team { padding: 35px 0px;} .meet-div .media { display: block; text-align: center;} .meet-team h2 { margin-bottom: 0px;} .meet-team h2 { text-align: center;} .about-services p { font-size: 15px; line-height: 31px;margin-bottom: 30px;} .meet-div { padding: 20px 0px 10px;} .meet-team img.mr-5 { width: auto; margin-bottom: 15px;} .about-services a.btn.btn-yellow {padding: 15px 35px;font-size: 13px !important;} .meet-team h2, .about-services h3, .about-page h2, .about-page2 h1 { font-size: 25px; line-height: 35px;} .banner-head-link a.btn-yellow { width: 230px; font-size:15px; } body.single-yachts .banner-head-link, body.single-mooring .banner-head-link, body.single-careers .banner-head-link { position: fixed; bottom: 0 !important; transform: none; z-index: 999999; right: unset; height: 65px; top: unset; width: 100%; } body.single-yachts .banner-head-link a, body.single-mooring .banner-head-link a, body.single-careers .banner-head-link a { width: 100%; } .banner-head-link .dream-div { display: none; } .about-page2 h3 { margin-bottom: 30px;} .news-div {padding-bottom: 0px; padding-top: 110px;} .news-event .inner-news p, .news-event-div .news-head2 .inner-news h3 { font-size: 16px !important; line-height: 26px !important; } .news-img .container .row .left-media { padding-bottom: 0;} .abt-img p.clr-new { margin-bottom: 20px; font-size: 14px;} .pop-div { height: auto; padding: 30px 0px; margin-bottom: 15px;} .pop-news { padding-bottom: 0px} .mobile-menu-open #mobile-menu-wrap { margin-top: 0px !important;} .hamburger-box { top: 4px;} #mobile-menu { padding-top:28% !important;} .news-div h1 { width: 100%;font-size: 28px !important;} .our-brands ul li { float: none; } .our-brands ul li.first-li {float: none; padding-left: 0px;} .our-brands ul li.mid-li { float: none;} .our-brands ul li.last-li { float: none; padding-right: 0px;} .our-brands ul li.mid-li2 {padding-left: 0px} .banner-head-link:hover a.btn-yellow.hover-bro {display: block; width: 240px;} div#contact-slide .owl-nav { margin-right: 10px; margin-top: 17px;} .abt-img.slider-div {margin-bottom: 20px} .contact-form2 .form-div h2 { font-size: 35px; line-height: 45px; margin-bottom: 26px;} .contact-form2 .form-div input { margin-top: 20px;} .contact-form2 .form-div textarea { height: 130px;} .about-page.contact-new .addres-cont.right-cont { margin-top: 10px;} .news-event { padding: 50px 0px 30px} .events-list .white-boxes .left-div { padding: 0px;} .events-list .white-boxes .center-div { padding: 0px;} .events-list .white-boxes .right-div { padding: 0px;} .events-list .white-boxes p { font-size: 13px;} .events-list .white-boxes a { font-size: 11px; top: 0;} .upcoming-event .events-head h2 { font-size: 30px; line-height: 50px; margin-bottom: 30px;} .events-list .white-boxes { padding: 12px 6px} .join-lenger .form-row .join-txt2 { padding-right: 15px; padding-left: 15px; border: none;} .join-lenger .form-row .join-txt { padding-right: 15px; padding-left: 15px;} .join-lenger .form-row .join-txt2 input { padding-left: 0px;} .join-lenger .form-row button.btn.btn-primary {float: left} .join-lenger .form-row .join-txt3 {border: none} .join-lenger h3 { margin-bottom: 15px; font-size: 22px; line-height: 40px;} .join-lenger .form-row button.btn.btn-primary img {top: -1px; width: 22px;} .join-lenger { padding: 60px 0px 30px;} .yachts-slider .slick-list.draggable { padding: 0px 30px !important;} .slide-btn-new { margin-left: 15px;} .yachts-slider { padding: 0px 0px 10px;} .yachts-img .slider img { height: 350px;} .slide-btn-new a, .slide-btn-info a { height: 50px; font-size: 13px; width: 210px;} .yachts-info .speci-div a { margin-bottom: 30px;} .yachts-info .speci-div span { font-size: 16px} .yachts-info .speci-div i {font-size: 17px} .single-yachts .yachts-right p { font-size: 16px; } .single-yachts ul.specs-lst {margin-bottom: 5px;} .single-yachts .spec_group { border-bottom: 1px solid #fff; padding-bottom: 10px;} .specification-tabs { padding: 0;} .specification-tabs ul.nav.nav-tabs { margin-bottom: 20px; } .specification-tabs ul.nav.nav-tabs li { width: 100%; padding: 10px 0; border: 1px solid #fff; margin-bottom: 3px;} #menu-equipment_extra p, #menu-equipment_std p, #menu-comments p { font-size: 16px;} .slider-height .slick-list.draggable { padding: 0px 50px !important;} .view-video { margin-left: 60px;} .view-video a { width: 220px;height: 50px; font-size: 13px;} .slider-height .slick-next { left: 35%;} .slider-height section.center2 { padding-bottom: 20px;} .addres-cont2.yachts-new { margin-top: 20px;} .yachts-left { padding-right: 15px;} .pdf-section .header-button { display: block;} .pdf-section .header-button:first-child { display: none; } .banner-title { max-width: 91%; font-size: 30px; line-height: 40px; top: 37%; transform: translateY(-50%);} .mail-div { bottom: 10px; right: 10px;} .alathank article, .post-2555 { padding: 14px 25px 40px;} .alathank article h1, .ala-term-cond h1, .post-2555 h1 { font-size: 30px; line-height: 40px; } .alathank article h3 {font-size: 18px; line-height: 17px;margin-bottom: 35px;} .alathank article p { font-size: 16px; margin-bottom: 24px;} .post-2555 .entry-content ol li { margin-left: 19px; font-size: 16px; margin-bottom: 20px;} .ala-term-cond .entry-content ul li { margin-left: 19px; font-size: 16px; } .post-2555 h3 { margin-bottom: 20px} .post-2555 .entry-content ol { margin-bottom: 35px;} .ala-radio .gfield_radio li {width: 100%} h2.banner-title.banner-sub-title { font-size: 18px;} .contact-div .form-div li.ala-select select {height: 45px;font-size: 14px;} .sub-pages h1.banner-title { top: 42%;} .sub-pages h2.banner-title.banner-sub-title { top: 43%;} .events-list .white-boxes .left-div p { padding-left: 27px;} .events-list .white-boxes .center-div p {padding-right: 27px} .join-lenger .gform_wrapper .gform_footer { width: 39%;} .join-lenger .gform_wrapper .gform_body { width: 60%;} .join-lenger .gform_footer.top_label input { margin: 0 0 8px !important;} .left-media iframe { width: 100%; height: 350px;} .single-post div#contact-slide img { height: 350px !important;} .contact-form2 { padding: 0px 20px;} .new-cotact-info .ala-radio .gfield_radio li { width: 100%;} .new-cotact-info li.ala-radio { padding-bottom: 0px;} .new-cotact-info .gform_wrapper textarea.medium { height: 155px !important;} .new-cotact-info li.ala-sec { width: 100% !important;} .new-cotact-info li.ala-first {width: 100% !important;} .new-cotact-info li.ala-radio { padding-bottom: 5px !important;padding-top: 5px !important;} .new-cotact-info .gform_footer.top_label {float: left} .new-cotact-info .ala-button { top: -18px; padding: 0px;} .meet-div p.clr-new { padding: 0px 15px;} .meet-div .media-body a img { margin-right: 10px;} .about-image .right-media .media { float: left;} .navbar-nav li.active a::before, #mobile-nav .menu-line li.current-menu-item a::before, .menu-line li a:hover::before {display: none} .join-lenger .gform_footer input { height: 56px !important;} #mobile-menu ul li > a:focus { outline: none;} .join-lenger .gform_footer.top_label::after { right: 20px;} .news-img .inner-news h3 { font-size: 23px;} .ser-div .ser-grid { height: auto;} .new-cotact-info .ala-radio.ala-de .gfield_radio li { width: 100%; height: auto} .page-template-yatcht-sanlorenzo-pages img.banner-logo.lazyloaded { height: 20px;} .brand-backg video.video-desktop { display:none} .ala-term-cond .site-main > article { padding: 0 15px !important; } .right-modals { display: none;} .page-template-yatcht-sanlorenzo-pages img.banner-logo.lazyloaded { top: 40% !important; } .page-template-yatcht-sanlorenzo-pages h2.banner-title.banner-sub-title { top: 50% !important; } /* .page-template-yatcht-sanlorenzo-pages img.banner-logo.lazyloaded[data-src="https://lengersyachts.com/wp-content/uploads/2020/07/prestige-logo-white-1.svg"] { top: 40%; max-width: 60%;}*/ .morning-right { padding-left: 15px;} .morning-div .addres-cont2 h1 { font-size: 20px; max-width: 200px; line-height: 33px;} .morning-div .addres-cont2 br { display: none;} .morning-div .yachts-left .addres-cont2 p { font-size: 34px; font-weight: 200; line-height: 34px; margin-bottom: 0px} .morning-div .yachts-new h3 { font-size: 18px; margin-bottom: 15px;} .morning-div .addres-cont2 p > span { float: none; display: inline; font-weight: 200; line-height: 50px;margin-left: 15px;} .morng-new p { float: left; width: 100%;} .why-lengers.mobile .lengs-div { height: 550px !important;} .banner-div.inner-banner { margin-top: 90px;} .sub-pages h1.banner-title { top: auto; transform: none; margin-bottom: 6px;} .sub-pages h2.banner-title.banner-sub-title { top: auto; transform: none; margin-bottom: 0px} .banner-label { transform: translateY(-50%); display: none;} .banner-label, .banner-label h1 {display: block !important; } .banner-label h2 { display: none; } .page-id-67874 .banner-label h2 { display: block; } .page-template-templatesyatcht-sanlorenzo-pages-php .banner-label.banner-logo h2.banner-title.banner-sub-title { top: 34px !important;} .banner-label.banner-logo img { height: 36px !important; width: 300px !important;} .pdf-section span.pdf-download a { font-size: 11px; margin-bottom: 5px; width: 200px;} .yachts-slider .slick-prev, .yachts-slider .slick-next {width: 30px; height: 30px;} .slider-height .slick-prev:before, .yachts-slider .slick-prev:before { left: 0; top: 8px;} .slider-height .slick-next:before, .yachts-slider .slick-next:before { left: 0; top: 8px;} .slider-height .slick-prev, .yachts-slider .slick-prev { right: 61%;} .slider-height .slick-next, .yachts-slider .slick-next { right: 42%;} .slider-height .slick-prev { bottom: 0 !important; left: auto !important; right: 65% !important;} .slider-height .slick-next { bottom: 0 !important; left: auto !important; right: 45% !important;} .slider-height .slider-text.mobile.interior-text { padding-bottom: 40px;} .center2.slider .slick-prev, .center2.slider .slick-next {width: auto; height: auto;} .single-yachts .meet-yatchs .media { display: block; text-align: center;} .single-yachts .meet-yatchs { padding: 0px; display: block; justify-content: center;} .single-yachts .team-member .media > img { width: 220px; height: 220px; margin-right: 0px !important; margin-bottom: 20px;} .ala-sold.mobile p {text-align: center;margin-bottom: 0px;font-size: 15px;text-transform: uppercase;font-weight: 200;padding: 12px 0px; } .ala-sold.mobile {display: block} .contact-img.nl, .contact-img.es, .contact-img.de { position: relative; } .address-div { padding-left: 15px; margin-top: 20px;} .mob-ftr {display: block} .footer-cont h4 { margin-top: 0px; margin-bottom: 0px;} .row.footer-row .footer-cont { display: none;} .row.footer-row { margin-top: 7px;} .row.footer-row .footer-newsletter { display: none;} .footer-div { padding-top: 30px;} .footer-copy { display: none;} .footer-copy.mob-ftr { display: block;} .footer-link ul li { display: block;} .footer-link ul { text-align: left;} .footer-link ul li.last-li { padding-right: 0px; float: none;} .footer-link { padding-left: 15px;} .footer-copy.mob-ftr p { text-align: left;} .footer-social .social-icon {display: block; padding-left: 0px; padding-top: 30px; padding-bottom: 30px;} .footer-social .social-icon ul {text-align: left} .footer-link ul li a { margin-bottom: 10px; display: inline-block;} .footer h4 { font-size: 14px; line-height: 16px;} .address-new { width: 100%; float: none; height: auto; margin-top: 0px; margin-bottom: 32px;} .footer-copy.mob-ftr {margin-top: 0px} .footer-div ul li { margin: 0px !important;} .ala_header .header.header-mobile { display: block;} .ala_header .header.inner-header {display: none} .ala_header .header.header-mobile .menu-is-right::before {content: ""; background-image: url(https://lengersyachts.com/wp-content/uploads/2021/09/header-mob.png); position: absolute; right: 0; width: 191px; z-index: 99999; height: 500px; background-repeat: no-repeat; background-position: right; top: 80px; background-size: 170px;} .ala_header .header.header-mobile {position: absolute} nav#mobile-menu { z-index: 99999999;} .ala_header .footer-img img { width: 80px !important; opacity: 1;} .footer-menu ul li a, .footer-newsletter ul li a, .footer-newsletter span.input-group-btn .btn, .footer-newsletter h4, .footer-cont a { font-size: 14px !important;} .footer .address-new a {font-size: 14px !important;} .address-new h3, .address-new h3 a { font-size: 14px !important;} .footernewsletter .gform_wrapper .gform_body input::placeholder { font-size: 14px !important;} .footernewsletter .gform_footer .gform_button.button { font-size: 13px !important; font-weight: 200 !important; line-height: 37px !important;} .footer-copy p, .footer-link ul li a { font-size: 12px;} } @media (max-width:320px) { .top-menu ul li a { color: #000; font-size: 13px; padding-right: 0px;} } /** Career CSS **/ .career-div h4 { font-size: 20px; font-weight: 200; margin-bottom: 0px; color: #000C1C;} .career-div .left-media p { margin-bottom: 20px;} .right-media ul { list-style: none; } .right-media ul li::before { content: ""; background: url(/wp-content/themes/lengers/assets/images//icon-checkmark.svg); width: 30px; height: 21px; position: absolute; background-repeat: no-repeat; left: 0; bottom: 0; background-size: 15px; top: 7px;} .right-media ul li { position: relative; margin-bottom: 16px; padding-left: 28px;} .competenties-profiel{background:#faf9f7;} .takenlijst p { color: #5D5D5D; } @media only screen and (max-width: 767px) { .competenties ul li, .bieden ul li {margin-left: 20px; font-size: 14px !important;} } @media only screen and (min-width: 768px) { #input_15_11, #input_16_11 { column-count: 2;} .our-brands h3 { text-align: left !important; } .takenlijst { column-count: 2;} .career-div h3 { color: #000C1C; font-size: 45px; margin-bottom: 45px; margin-top: 20px; } .single-careers .about-image2 .abt-img { margin-bottom: 80px;} .our-brands h3::before { width: 100vw; right: calc(100% + 25px); left: unset; } .our-brands h3::after {width: 100vw;left: calc(100% + 25px);right: unset;} .our-brands h3 { display: inline-block; font-weight: 700 !important;} } @media only screen and (min-width: 981px) { .company_info p { width: 50%; float: left; } .company_info p:nth-of-type(odd) { padding-right: 15px; } .company_info p:nth-of-type(even) { padding-left: 15px; } } @media (min-width: 768px) and (max-width: 1250px) { .competenties ul li, .bieden ul li {margin-left: 20px; font-size: 15px !important;} } @media (min-width: 1251px) and (max-width: 1280px) { .competenties ul li, .bieden ul li {margin-left: 20px; font-size: 16px !important;} } @media (min-width: 1281px) and (max-width: 1500px) { .competenties ul li, .bieden ul li {margin-left: 20px; font-size: 17px !important;} } .career-div { padding: 60px 0 80px;} .competenties ul li, .bieden ul li {margin-left: 20px; font-size: 18px;} /** END **/ .grecaptcha-badge { display: none !important; } /*End*/ /** === NEW HEADER STYLING === **/ .headertop.topbar { background-color: #000C1C; } .headertop.topbar .row { height: 50px; } .headertop.topbar .list-inline { display: flex;margin-bottom: 0;justify-content: space-between;height: 50px;align-items: center;} .headertop.topbar .language-selector > div { width: 125px; position: relative; z-index: 1001; } .headertop.topbar .language-selector > div ul li a { font-size: 12px; text-transform: uppercase; font-weight: 500;} .headertop.topbar .language-selector > div > ul > li > a:before { content: ""; width: 20px; height: 20px; background-image: url('/wp-content/uploads/2022/02/lengers-globe.svg'); position: absolute; background-size: contain; top: 2px; left: -15px;} .headertop.topbar .language-selector .wpml-ls-item-toggle { background-color: unset; border: none; color: #fff; } .headertop.topbar .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border: none; padding-top: 13px; } .headertop.topbar .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li a { background-color: #000C1C; color: #fff; padding: 10px; border: none;} .headertop.topbar ul.list-inline .topbarlogo { position: relative; top: 60px; } .headertop.topbar .topbarlogo { z-index: 1001; position: absolute; top: 0; } @media only screen and (max-width: 767px) { .headertop.topbar { display: none; } } .header.new .navbar-nav { width: 100%; justify-content: space-between; } .header.new .row { height: 60px; } .header.new nav .nav-mob { height: 60px } .header.new .navbar-nav.menu-line { padding-left: calc((((100vw * 0.85) - 96px - 30px - 144px - 100px - 84px - 115px - 50px - 125px) / 6) + 96px); } .header.new ul.navbar-nav > li.menu-item { padding: 11.25px 0; } .headertop.topbar { position: fixed; top: 0; width: 100%; z-index: 1001; } .header.new { position: fixed !important; top: 50px;} #mobile-menu a span.wpml-ls-native { padding-left: 10px;} #mobile-menu .wpml-ls-first-item > a > span.wpml-ls-native { position: relative; } #mobile-menu .wpml-ls-first-item > a > span.wpml-ls-native:before { content: ""; width: 20px; height: 20px; background-image: url(/wp-content/uploads/2022/02/lengers-globe.svg); position: absolute; background-size: contain; top: 0px; left: -15px; } .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { content: ""; vertical-align: middle; display: inline-block; border: 0.35em solid transparent; border-top: 0.5em solid; position: absolute; right: 10px; top: calc(50% - 0.175em); } #mobile-menu div.wpml-ls-statics-shortcode_actions ul { display: flex; justify-content: center; border: none;} #mobile-menu div.wpml-ls-statics-shortcode_actions ul li { width: 150px !important; } #mobile-menu div.wpml-ls-statics-shortcode_actions ul li a { padding: 0 !important; border: none;} .header-mobile .wpml-ls-legacy-dropdown-click a span { font-size: 16px; line-height: 1.4; } .header-mobile .wpml-ls-legacy-dropdown-click { width: 100%; } /** === END NEW HEADER STYLING === **/ /** === YACHT SINGLE INTERIOR/EXTERIOR === **/ .custom-last-slide { position: relative; overflow: hidden; } .custom-last-slide img {pointer-events: none; filter: blur(5px);} .custom-last-slide a {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #FF8F00;color: white;font-size: 16px;padding: 11px 24px;text-transform: uppercase;max-width: 100%;text-align: center;} .custom-last-slide a:hover { text-decoration: none; } /** === END YACHT SINGLE INTERIOR/EXTERIOR === **/ .slick-slide img:hover { display: block; cursor: url(https://lengersyachts.com/wp-content/uploads/2023/01/zoom-white.svg), pointer; } /** === Blanco Page Template === **/ .blanco-page { padding-bottom: 120px; } .blanco-page .col-12 { margin-top: 110px; } .blanco-page h1 { text-transform: uppercase; font-size: 45px; line-height: 65px; } @media only screen and (max-width: 991px) { .blanco-page { padding-bottom: 60px; } .blanco-page .col-12 { margin-top: 80px; } .blanco-page h1 { font-size: 31px; line-height: 45px; } } /** === End Blanco Page Template === **/ .header ul.navbar-nav li a { font-weight: 500; } .header-sticky ul.navbar-nav li a { font-weight: 500; } /** == Stratos Logo change === **/ @media only screen and (min-width: 768px) and (max-width: 991px) { .our-brands ul { padding: 10px 0 40px; } .our-brands ul li { width: 25%; } } @media only screen and (min-width: 992px) { .our-brands ul { display: flex; padding: 10px 0 40px; } .our-brands ul li { width: unset; } } /** === End Stratos Logo Change === */ /** === Why Lengers Services Hover === **/ .page-template-about .services-icons li.list-inline-item .media { transition: all 0.25s ease-in-out; } .page-template-about .services-icons li.list-inline-item a:hover .media { transform: scale(1.05); } .page-template-about .services-icons li.list-inline-item a:hover h4{ color: white !important; } .page-template-about .services-icons li.list-inline-item a:hover .border { border-color: white !important; } /** === END Why Lengers Services Hover === **/ /** === Optin Form Consent Box === **/ .optin-form li.ala-policy [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; } .optin-form li.ala-policy [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border: 2px solid #fff; background: transparent; } .optin-form li.ala-policy [type="checkbox"]:checked + label:after { content: ''; width: 15px; height: 15px; background: #FF8F00; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .optin-form .ala-policy span.gfield_required { display: none !important; } .optin-form li.ala-policy [type="checkbox"]:checked + label, .optin-form li.ala-policy [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; opacity: .7; cursor: pointer; line-height: 15px; display: inline-block; color: #fff; max-width: 100% !important; } .optin-footer .gform_fields { position: relative; } .optin-footer .gform_fields .gfield--input-type-consent label { color: #000C1C !important; } .optin-footer li.ala-policy [type="checkbox"]:not(:checked) + label:before { border-color: #000C1C !important; } .optin-footer li.ala-policy { position: absolute; } /** === END Optin Form Consent === **/