#myElement2 .nav_header{
padding-bottom:0;
padding: 8px 0;
}
*{
font-family: 'Inter', sans-serif!important;
}
@media screen and (max-width:1100px){
.hide_on_1100{
display:none!important;
}
}
body{
margin:unset;
overflow-x: hidden;
min-height: 100vh;
background: #F2F2F2;
}
div{
box-sizing: border-box;
}
.container{
max-width:1272px;
padding:0 16px;
width:100%;
margin:auto;
}
.flex{
display:flex;
width:100%;
align-items: center;
}
.space_between{
justify-content: space-between;
}
.column{
flex-direction: column;
}
.large_container{
max-width:1760px;
margin:auto;
padding:0 16px;
}
.width{
width:fit-content;
} ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
} ::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #b7b7b7;
} ::-webkit-scrollbar-thumb:hover {
}
#myElement3{
background: linear-gradient(rgba(52, 54, 66, 0.4) 58%, rgba(0,0,0,0) );
}
header{
position: absolute;
top: 0;
left: 0;
width:100%;
background:unset;
z-index: 100;
padding: 24px 0;
background: linear-gradient(rgba(52, 54, 66, 0.4) 58%, rgba(0,0,0,0) );
padding-bottom: clamp(1px, 8.064516129032258vw, 100px);
}
.header_title{
color: var(--main-wight, #F7F7F7);
text-align: center; text-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30), 0px 0px 16px 0px rgba(0, 0, 0, 0.20);
font-family: Inter;
font-size: clamp(1px, 2.741935483870968vw, 34px);
font-style: normal;
font-weight: 600;
line-height: normal;
}
.custom1{
width: clamp(1px, 24.758064516129032vw, 307px);
text-align: right;
}
.header_logo{
width: clamp(1px, 24.758064516129032vw, 307px);
}
.header_description{
margin-top: clamp(1px, 1.532258064516129vw, 19px);
color: var(--main-wight, #F7F7F7);
text-align: center;
text-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30), 0px 0px 16px 0px rgba(0, 0, 0, 0.20);
font-family: Inter;
font-size: clamp(1px, 1.4516129032258065vw, 18px);
font-style: normal;
font-weight: 600;
line-height: normal;
}
header > .container{
margin-top:24px;
}
.nav_header{
color: var(--main-wight, #F7F7F7);
text-align: center;
text-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30), 0px 0px 16px 0px rgba(0, 0, 0, 0.20);
font-family: Inter;
font-size: clamp(12px,1.1vw,18px);
font-style: normal;
font-weight: 600;
line-height: normal;
position: relative;
display:flex;
align-items: center;
white-space: nowrap;
}
.nav_header.expand:after{
contetn:'';
background: url(//destinationamerica.co.uk/wp-content/themes/twentytwentyone/<?php site_url();?>/wp-content/uploads/2023/07/expand1.svg');
background-size: cover;
width:13px;
height:7px;
margin-right:4px;
}
header > .container .flex{
gap:24px;
}
.yellow{
color:#F8A604;
}
#myElement2{
background:#3063B1;
position: fixed;
top:-100%;
transition:all 0.3s ease-out;
left:0;
width:100%;
height:fit-content;
padding:8px;
}
#myElement2 *{
margin-top:0;
}
#myElement2.active{
top:0;
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
}
.custom1{
position: relative;
}
.media_links_1920{
display:flex;
gap:16px;
justify-content: flex-end;
position: absolute;
right:0;
bottom:-76px!important;
}
.media_links_1650{
display:none;
}
.media_links_move{
display:flex;
gap:clamp(6px,0.7vw,24px);
}
.containerr{
justify-content: center;
gap:87px;
align-items: center;
display:flex;
}
.containerr > .flex{
width:fit-content;
gap:clamp(10px,0.7vw,24px);
justify-content: center;
}
@media screen and (max-width:1650px){
.containerr{
gap:0;
padding:0;
justify-content: space-between;
}
.containerr > .flex .nav_header{
font-size:clamp(12px,1.1vw,18px);
}
.media_links_move img{
width:25px;
height:25px;
}
.containerr > img{
margin-right:0!important;
}
.media_links_1920{
display:none;
}
.media_links_1650{
display:flex;
gap:16px;
justify-content: flex-end;
padding:16px;
padding-top:0;
}
}
#myElement3,#myElement4{
display:none;
}
.menu_sh{
display: none;
}
h2{
font-size: 27px;
}
h1{
margin-bottom:unset;
margin-top:unset;
}
@media screen and (max-width:1000px){
h2{
font-size: 18px;
}
.unwrap{
flex-wrap:wrap;
}
.menu_sh{
background: #4A70B5;
padding:32px 16px;
display:flex;
gap:8px;
flex-direction: column;
position:fixed;
z-index: 900;
top:-120%;
transition:all 0.3s ease-out;
left:0;
align-items: flex-start;
width:100vw;
height:calc(100vh - 64px);
overflow:auto;
padding-bottom:200px;
}
.menu_sh.active{
top:65px;
}
.menu_sh.active2{
top:65px!important;
}
#myElement4{
background: #3063B1;
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
padding: 8px 0;
}
#myElement4{
position:fixed;
top:-90px;
left:0;
width:100%;
z-index:1000;
}
#myElement4.active{
top:0;
}
#myElement3.active{
background: #3063B1;
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
padding: 8px 0;
}
#myElement3.active .flex,#myElement4 .flex{
margin-top:0!important;
}
.nav_mobile{
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
displat:flex;
gap:8px;
align-items: center;
text-decoration: unset;
max-width:calc(100% - 32px - 30px - 16px);
padding:8px 0;
}
.media_mobile_wrapper{
display:flex;
position: absolute;
right:21px;
top:32px;
gap:24px;
flex-direction: column;
width:fit-content;
}
.nav_clear{
width:24px;
min-height:1px;
background:#F7F7F7;
}
.nav_clear:last-child{
display:none;
}
.unwrap{
flex-wrap:wrap;
}
#myElement1,#myElement2{
display:none;
}
#myElement3,#myElement4{
display:block;
}
#myElement3{
position: absolute;
width:100%;
top:0;
left:0;
z-index: 20;
}
.menu-btn,.menu-btn-2 {
display: block;
width: 40px;
height: 24px;
position: relative;
z-index:2;
overflow: hidden;
}
.menu-btn span {
width: 38px;
height: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #E2E2E2;
transition: all 0.3s ease-out;
border-radius:3px;
}
.menu-btn span:nth-of-type(2) {
top: calc(50% - 10px);
}
.menu-btn span:nth-of-type(3) {
top: calc(50% + 10px);
}
.menu-btn.active span:nth-of-type(1) {
display: none;
}
.menu-btn.active span:nth-of-type(2) {
top: 50%;
transform: translate(-50%, 0%) rotate(45deg);
}
.menu-btn.active span:nth-of-type(3) {
top: 50%;
transform: translate(-50%, 0%) rotate(-45deg);
}
.menu-btn.active {
height: 40px;
}
.menu-btn-2 span {
width: 38px;
height: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #E2E2E2;
transition: all 0.3s ease-out;
border-radius:3px;
}
.menu-btn-2 span:nth-of-type(2) {
top: calc(50% - 10px);
}
.menu-btn-2 span:nth-of-type(3) {
top: calc(50% + 10px);
}
.menu-btn-2.active span:nth-of-type(1) {
display: none;
}
.menu-btn-2.active span:nth-of-type(2) {
top: 50%;
transform: translate(-50%, 0%) rotate(45deg);
}
.menu-btn-2.active span:nth-of-type(3) {
top: 50%;
transform: translate(-50%, 0%) rotate(-45deg);
}
.menu-btn-2.active {
height: 40px;
}
.custom_fr{
display:flex;
align-items: center;
gap:26px;
}
body.active{
overflow:hidden;
}
}
.header_links,.nav_mobile,.nav_header{
text-decoration: unset;
transition:all 0.4s ease-out;
font-weight:500;
}
.header_links:hover,.nav_mobile:hover,.nav_header:hover{
color:#F8A604;
}
header{
box-sizing:border-box;
}
#myElement1 > .container .flex{
padding:16px!important;
padding-bottom:0!important;
}
.media_links_1650 a{
display:flex;
}
.nav_header{
position: relative;
}
.sub_links_wrapper{
display:none;
position:absolute;
border-radius: 14px;
background: rgba(247, 247, 247, 0.9);
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
padding:16px;
gap:8px;
left:0;
top:100%;
}
.sub_links_inner{
display:flex;
flex-direction: column;
gap:8px;
}
.nav_header:hover .sub_links_wrapper{
display:flex;
}
.sub_link{
padding:8px 16px;
color: #343642;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
display:flex;
align-items: center;
justify-content: flex-start;
transition:all 0.4s ease-out;
border-radius: 50px;
text-align: left;
text-decoration: unset;
}
.sub_link:hover{
background:#F8A604;
}
.sub_link.active{
background:#F8A604;
}
.sub_link.no:before{
display:none;
}
.sub_link:before{
display:inline-block;
content:'';
width:6px;
height:6px;
background:#343642;
border-radius:50%;
margin-right:12px;
position: relative;
}
.nav_header{
padding-bottom:16px;
cursor: pointer;
display: flex;
align-items: center;
gap:0 8px!important
}
.nav_header path{
stroke: #F7F7F7;
transition: all 0.4s ease-out;
}
.nav_header svg{
margin-left: 4px;
margin-top:0px;
}
.nav_header:hover > svg > path{
stroke: #F8A604;
}
#myElement2 .sub_links_wrapper{
background:rgba(247, 247, 247, 1);
}.custom2 .swiper-button-next{
right:26px!important;
}
.mySwiper{
width:57vw;
max-width:710px;
height:41vw;
max-height:510px;
}
.site_title{
font-size:43px!important;
}
.bread_crump_wrapper{
padding:8px 16px;
border-radius: 100px;
background: var(--main-blue, #3063B1);
display: flex;
width:fit-content;
}
.bread_crump{
color: var(--main-wight, #F7F7F7);
text-align: center;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right:16px;
display: flex;
align-items: center;
text-decoration: unset;
}
.bread_crump svg{
margin-left:16px;
}
.bread_crump:last-child svg{
display:none;
}
.bread_crump:last-child{
marginright:0;
}
.custom_selector_new{
width:210px;
height:42px;
border-radius: 12px;
background: var(--main-wight, #F7F7F7);
position: relative;
}
.custom_selector_new.big{
width:250px;
}
.custom_selector_nav{
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 1;
padding:8px 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
a.custom_selector_nav{
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
align-items: flex-start;
text-decoration: none;
justify-content: flex-start;
}
a.custom_selector_nav:before{
content:'';
min-width:10px;
min-height:10px;
background:#F8A604;
margin-right:8px;
border-radius:50%;
margin-top:6px;
}
.custom_selector_new{
border-radius:unset;
background:unset;
}
.custom_selector_new_inner{
position: absolute;
top:0;
left:0;
border-radius: 0 12px   12px 0;
background: var(--main-wight, #F7F7F7);
height:42px;
width:100%;
overflow: hidden;
cursor: pointer;
z-index:20;
}
.custom_selector_new_inner.active{
height:auto;
border-radius: 0 12px 12px 12px
}
.custom_selector_new_inner .custom_selector_new_inner{
position: relative;
}
.custom_selector_new_inner.active > .custom_selector_nav:first-child > svg{
transform: rotate(180deg);
}
.custom_selector_new.small .custom_selector_new_inner:after{
content:'';
background:url(//destinationamerica.co.uk/wp-content/themes/twentytwentyone/<?php site_url();?>/wp-content/uploads/2023/08/4343343.svg');
width:16px;
height:10px;
position: absolute;
z-index: 30;
top:16px;
right:24px;
}
.custom_selector_new.small .custom_selector_new_inner.active:after{
transform: rotate(180deg);
}
.where_right p,.where_right li{
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.where_right a{
color:#F8A604;
}
.where_right strong{
margin:16px 0;
display:block;
}
.where_right ul {
list-style-type: none; padding-left: 0px; } .where_right ul li::before {
font-size: 22px;
content: "•"; color: #F8A604; margin-right: 5px; }
.area_wrapper{
overflow: hidden;
display:flex;
border-radius: 20px;
background: var(--main-wight, #F7F7F7); box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
margin-top:48px;
}
.area_image{
}
.area_info{
padding:0 16px;
padding-top:8px;
padding-left:32px;
display: flex;
flex-direction: column;
width: calc(100% - 500px);
}
.area_title{
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 34px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.area_gm{
cursor: pointer;
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding:4px 16px;
display: flex;
align-items: center;
border-radius: 200px;
background: var(--main-orange, #F8A604);
}
.area_gm svg{
margin-left:10px;
}
.area_info_wrapper{
overflow:hidden;
height:100.8px;
}
.area_info_wrapper p{
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; margin:0;
}
.area_info_button{
padding:16px;
border-radius: 20px 0px;
background: var(--main-orange, #F8A604);
margin-right:-16px;
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
display: flex;
justify-content: space-between;
align-items: center;
width:fit-content;
align-self: flex-end;
text-decoration: unset;
}
.area_info_button svg{
margin-left:16px;
}
.area_image{
height:330px;
width:500px;
}
.area_image img{
width:100%;
height:100%;
object-fit: cover;
}
.expand_wrapperr{
display: flex;
flex-direction: column;
justify-content: flex-start;
height:100%;
margin-top:24px;
}
.read_more_ex{
color: var(--main-orange, #F8A604);
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
width:fit-content;
align-items: center;
margin-top:4px;
cursor: pointer;
}
.read_more_ex svg{
margin-left:8px;
}
.swiper-pagination-fraction{
top:unset;
bottom:12px;
right:16px;
left:unset;
width:fit-content;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding:4px 8px;
border-radius: 100px;
background: var(--main-blue, #3063B1);
}
.main_section{
height:calc(100vh - 102px);
overflow: hidden;
position:relative;
}
.search_section{
position:relative;
}
.fon_svg1{
position: absolute!important;
right: calc(50vw + clamp(960px, 50vw, 50vw) - 745px - 10px);
z-index: 0!important;
top: 0;
}
.search_wrapper{
position: relative;
height: clamp(1px, 11.29032258064516vw, 140px);
margin: auto;
transform:translateY(-70px);
border-radius: 14px;
background: #3063B1;
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
max-width: clamp(1px, 82.9032258064516vw, 1028px);
padding: 0 clamp(1px, 1.2903225806451613vw, 16px);
}
.search_wrapper > .flex{
height:100%;
align-items: center;
max-width: clamp(1px, 72.58064516129032vw, 900px);
margin: auto;
}
.main_search_title{
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: clamp(1px, 4.274193548387097vw, 53px);
font-style: normal;
font-weight: 700;
line-height: normal;
}
.main_search_desc{
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: clamp(1px, 1.4516129032258065vw, 18px);
font-style: normal;
font-weight: 500;
line-height: normal;
}
.main_search_input{
padding: clamp(1px, 1.935483870967742vw, 24px);
padding-left: clamp(1px, 5.806451612903226vw, 72px);
border-radius: 50px;
background: var(--main-wight, #F7F7F7);
color: rgba(52, 54, 66, 1);
font-family: Inter;
font-size: clamp(1px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 400;
line-height: normal;
width:100%;
max-width: clamp(1px, 48.38709677419355vw, 600px);
outline:unset;
border:unset;
box-sizing: border-box;
}
.main_search_input:placeholder{
color: rgba(52, 54, 66, 0.60);
}
.input_search_wrapper{
position: relative;
width:100%;
max-width: clamp(1px, 48.38709677419355vw, 600px);
margin-left: clamp(1px, 1.935483870967742vw, 24px);
}
.input_search_wrapper:after{
position: absolute;
top: clamp(1px, 1.935483870967742vw, 24px);
left: clamp(1px, 1.935483870967742vw, 24px);
height: clamp(1px, 1.935483870967742vw, 24px);
width: clamp(1px, 1.935483870967742vw, 24px);
background:url(//destinationamerica.co.uk/wp-content/uploads/2023/07/search.svg);
content:'';
}
.main_tip{
width:100%;
border-radius: 14px;
background: var(--main-wight, #F7F7F7); box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
display:flex;
flex-direction: column;
justify-content: center;
padding: clamp(1px, 1.935483870967742vw, 24px);
padding-top: 0;
}
.search_section > .container > .flex{
gap:32px;
padding-top: clamp(1px, 5.967741935483871vw, 74px);
}
.main_tip_image{
margin: auto;
width: clamp(1px, 7.741935483870968vw, 96px);
height: clamp(1px, 7.741935483870968vw, 96px);
transform: translateY(-48px);
}
.main_tip_title{
color: var(--dark-text-blue-design, #343642);
text-align: center;
font-family: Inter;
font-size: clamp(1px, 2.1774193548387095vw, 27px);
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top:-24px;
padding: 0 clamp(1px, 0.6451612903225806vw, 8px);
}
.main_tip_desc{
color: var(--dark-text-blue-design, #343642);
text-align: center;
font-family: Inter;
font-size: clamp(1px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: clamp(1px, 1.2903225806451613vw, 16px);
}
.search_section > *{
z-index: 1;
position: relative;
}
.col-2{
width:50%;
}
.custom2{
padding-top: clamp(1px, 7.741935483870968vw, 96px);
display:flex;
width:100%;
position: relative;
}
.where_left{
width:60%;
position: relative;
}
.where_left{
position: relative;
}
.swiper-button-prev:after, .swiper-button-next:after{
color:#F8A604!important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:32px!important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
margin:8px!important;
}
.swiper-pagination-bullet{
background:white!important;
height:10px!important;
width:10px!important;
box-shadow: 1px 1px 10px #a3a3a3, 1px 1px 5px #363636;
opacity:1!important;
}
.swiper-pagination-bullet-active{
background:#F8A604!important;
}
.where_left img{
z-index: 2;
border-radius:16px;
position: relative;
height: auto;
width:calc(100% - 16px)!important;
height:calc(100% - 16px)!important;
}
.sub_img{
right:1px;
bottom:1px;
position: absolute!important;
z-index: 1!important;
opacity: 0.25;
filter: blur(1px);
border-radius:16px;
width:calc(100% - 16px)!important;
height:calc(100% - 16px)!important;
}
.where_right{
width:40%;
display: flex;
align-items: center;
}
.where_right svg{
position: absolute;
bottom: clamp(1px, 2.4193548387096775vw, 30px);
left:calc(60% + 16px);
width:40vw;
max-width: clamp(1px, 57.822580645161295vw, 717px);
}
.path_title{
color: var(--dark-text-blue-design, #343642);
text-align: center;
font-family: Inter;
font-size: clamp(1px, 4.274193548387097vw, 53px);
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: clamp(1px, 5.161290322580645vw, 64px);
z-index: 3;
}
.site_title_wrapper{
position: relative;
max-width: clamp(1px, 82.9032258064516vw, 1028px);
margin: auto;
margin-top: clamp(1px, 7.741935483870968vw, 96px);
display: flex;
justify-content: center;
}
.site_title{
z-index: 2;
position: relative;
width:fit-content;
background:#F2F2F2;
color: var(--dark-text-blue-design, #343642);
text-align: center;
font-family: Inter;
font-size: clamp(1px, 4.274193548387097vw, 53px);
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 0 clamp(1px, 1.935483870967742vw, 24px);
margin: 0;
}
.site_title_line{
position:absolute;
width:100%;
top:50%;
z-index: 1;
height: clamp(1px, 0.08064516129032258vw, 1px);
background:#343642;
}
.where_left{
height: clamp(1px, 41.20967741935484vw, 511px);
}
.where_left img{
height:100%;
width:100%;
border-radius: 90px 16px 16px 16px;
object-fit: cover;
}
.dots{
position: absolute;
left:50%;
bottom: clamp(1px, 1.2903225806451613vw, 16px);
transform: translateX(-50%);
display:flex;
gap:16px;
z-index: 3;
}
.dot{
width: clamp(1px, 0.8064516129032258vw, 10px);
height: clamp(1px, 0.8064516129032258vw, 10px);
border-radius:50%;
background:#F7F7F7;
box-shadow: 1px 1px 10px #a3a3a3;
}
.dot.active{
background:#F8A604;
}
.where_left{
position: relative;
}
.bread_crump_wrapper{
padding: clamp(1px, 0.6451612903225806vw, 8px) clamp(1px, 1.2903225806451613vw, 16px);
border-radius: 100px;
background: var(--main-blue, #3063B1);
margin: 0;
display: flex;
width:fit-content;
}
.bread_crump{
color: var(--main-wight, #F7F7F7);
text-align: center;
font-family: Inter;
font-size: clamp(1px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: clamp(1px, 1.2903225806451613vw, 16px);
display: flex;
align-items: center;
text-decoration: unset;
}
.bread_crump svg{
margin-left: clamp(1px, 1.2903225806451613vw, 16px);
}
.bread_crump:last-child svg{
display:none;
}
.bread_crump:last-child{
marginright: 0;
}
.sample_info{
color: var(--dark-text-blue-design, #343642);
text-align: center;
font-family: Inter;
font-size: clamp(1px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0;
margin-bottom: clamp(1px, 1.935483870967742vw, 24px);
position: relative;
}
.sample_info.cut{
margin-bottom: clamp(1px, 4.838709677419355vw, 60px);
position: relative;
height: clamp(81px, 6.532258064516129vw, 81px);
overflow: hidden;
transition: all 0.3s ease-out;
}
.read_more{
position: absolute;
bottom:-35px;
left:50%;
transform: translateX(-50%);
color: var(--main-orange, #F8A604);
text-align: center;
font-family: Inter;
font-size: clamp(1px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
align-items: center;
cursor: pointer;
}
.read_more svg{
margin-left: clamp(1px, 0.6451612903225806vw, 8px);
transition: all 0.3s ease-out;
}
.read_more.active svg{
transform:rotate(180deg);
}
.tables_wrapper{
display:block;
flex-wrap:wrap;
gap:32px;
justify-content: center;
height:130vw;
max-height: 1600px;
}
.table_main{
float:left;
width: clamp(1px, 30.61290322580645vw, 392px);
border-radius: 20px;
background: var(--main-blue, #3063B1); box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
display: flex;
flex-direction: column;
padding: clamp(1px, 1.935483870967742vw, 24px) 0;
margin: clamp(1px, 0.8064516129032258vw, 10px);
}
.table_main_title{
color: var(--main-wight, #F7F7F7);
text-align: center;
font-family: Inter;
font-size: clamp(27px, 2.741935483870968vw, 34px);
font-style: normal;
font-weight: 700;
line-height: normal;
border-bottom:1px solid #F7F7F7;
padding-bottom: clamp(24px, 1.935483870967742vw, 24px);
position: relative;
margin: 0 auto;
width:100%;
margin-bottom: clamp(8px, 0.6451612903225806vw, 8px);
display: flex;
align-items: center;
justify-content: center;
}
.table_main_title:after{
content:'';
width: clamp(14px, 1.129032258064516vw, 14px);
height: clamp(14px, 1.129032258064516vw, 14px);
background:var(--main-orange, #F8A604);
border-radius:50%;
position: relative;
display:block;
margin-left: clamp(16px, 1.2903225806451613vw, 16px);
}
.table_main_title:before{
content:'';
width: clamp(14px, 1.129032258064516vw, 14px);
height: clamp(14px, 1.129032258064516vw, 14px);
background:var(--main-orange, #F8A604);
border-radius:50%;
position: relative;
display:block;
margin-right: clamp(16px, 1.2903225806451613vw, 16px);
}
.table_main_position{
color: #FFF;
text-align: center;
font-family: Inter;
font-size: clamp(22px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 500;
line-height: normal;
padding-bottom: clamp(16px, 1.2903225806451613vw, 16px);
padding-top: clamp(16px, 1.2903225806451613vw, 16px);
position: relative;
width:100%;
padding-left: clamp(16px, 1.2903225806451613vw, 16px);
padding-right: clamp(16px, 1.2903225806451613vw, 16px);
text-decoration:unset;
box-sizing:border-box;
}
.table_main_position:hover{
text-decoration:underline;
}
.table_main_position_gm{
position: absolute;
right: clamp(16px, 1.2903225806451613vw, 16px);
top: clamp(16px, 1.2903225806451613vw, 16px);
padding: clamp(4px, 0.3225806451612903vw, 4px) clamp(16px, 1.2903225806451613vw, 16px);
border-radius: 200px;
display: flex;
background: var(--main-orange, #F8A604);
cursor:pointer;
}
.table_main_position:after{
height: clamp(1px, 0.08064516129032258vw, 1px);
background:#F7F7F7;
width: clamp(24px, 1.935483870967742vw, 24px);
position: absolute;
bottom: 0;
left:calc(50% - 12px);
content:''; 
}	
.gm_shade{
position: fixed;
width:100vw;
height:100vh;
z-index: 100;
background:black;
opacity: 0.4;
display: none;
top:0;
left:0;
}
.gm_wrapper{
position: relative;
}
.gm_wrapper iframe{
border-radius: 20px;
background:white;
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.4);
}
.gm_outer{
position: fixed;
width:fit-content;
height:fit-content;
z-index: 101;
display:flex;
align-items:center;
justify-content: center;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gm_close{
position: absolute;
top:16px;
right:16px;
width:32px;
height:32px;
cursor: pointer;
}
.gm_shade.active{
display:block;
}
.gm_outer.active{
display:flex;
}
.section_discover iframe{
border-radius: 14px;
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
margin-top: clamp(1px, 3.870967741935484vw, 48px);
height: clamp(1px, 48.38709677419355vw, 600px);
width:100%;
}
.mySwiper2{
max-width:100%
}
.main_section_primary_title{
position:absolute;
bottom:78px;
color: #F7F7F7;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
font-family: Inter;
font-size: 43px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 10px;
background: rgba(52, 54, 66, 0.40);
padding:8px 16px;
left:64px;
z-index:10;
text-align:center;
}
@media screen and (max-width:1000px){
.main_section_primary_title{
width:90%;
padding:0;
background:unset;
font-size: 34px;
left:unset;
margin:auto;
left: 50%;
transform: translateX(-50%);
bottom:132px;
}
.fon_svg1,.fon_svg2{
max-width:100%;
display: none;
}
.area_image {
width: 100%;
height: calc(66vw - 32px);
}
#video{
object-fit: none!important;
width: 100%;
height: 100%;
object-position: 50% 0%!important;
}
.search_wrapper{
height: 112px;
margin: auto;
transform: translateY(-56px);
padding: 0 clamp(16px, 1.2903225806451613vw, 16px);
max-width: unset;
}
.main_search_title{
font-size: 27px;
}
.main_search_desc{
font-size: 14px;
}
.search_wrapper .column{
flex-direction: row;
justify-content: space-between;
width:100%;
}
.search_wrapper > .flex{
max-width: unset;
}
.input_search_wrapper{
max-width:unset;
margin-left:unset;
}
.main_search_input {
padding: clamp(12px, 1.935483870967742vw, 24px);
padding-left: clamp(29px, 5.806451612903226vw, 72px);
font-size: clamp(12px, 1.7741935483870968vw, 22px);
max-width: unset;
outline: unset;
border: unset;
box-sizing: border-box;
}
.input_search_wrapper:after {
position: absolute;
top: clamp(13px, 1.935483870967742vw, 24px);
left: clamp(13px, 1.935483870967742vw, 24px);
height: clamp(13px, 1.935483870967742vw, 24px);
width: clamp(13px, 1.935483870967742vw, 24px);
background: url(//destinationamerica.co.uk/wp-content/uploads/2023/07/search.svg);
background-size:cover;
content: '';
}
.swiper-pagination-fraction{
padding:4px 8px;
font-size:14px!important;
}
.search_section > .container > .flex{
gap:80px;
}
.where_left,.where_right{
width:100%;
height:64vw;
position: relative;
}
.where_left img{
border-radius: 40px 12px 12px 12px;
}
.sub_img{
right:1px;
bottom:1px;
}
.where_right svg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: unset;
height: 88%;
}
.path_title{
font-size: 27px;
margin-top:40px;
}
.table_main_title{
}
.table_main_position{
}
.table_main{
float:unset;
width: 100%;
border-radius: 20px;
background: var(--main-blue, #3063B1); box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
display: flex;
flex-direction: column;
padding: clamp(24px, 1.935483870967742vw, 24px) 0;
margin: 0;
margin-top:24px;
}
.tables_wrapper{
height:unset;
max-height:unset;
}
.gm_wrapper,.gm_wrapper iframe{
max-width:100vw;
}
.mySwiper{
width:100%;
height:64vw;
}
.area_wrapper{
flex-wrap:wrap;
border-radius: 12px;
}
.area_info{
width:100%;
}
.area_title{
font-size: 27px;
}
.area_info{
padding-top:32px;
padding-left:8px;
padding-right:8px;
}
.area_gm.mobile{
display:flex;
}
.area_gm{
font-size: 14px;
padding:8px 16px;
}
.area_info_button{
margin-top:12px;
font-size: 14px;
padding:8px;
border-radius: 12px 0px;
margin-right:-8px;
}
.expand_wrapperr{
margin-top:32px;
}
.area_info_wrapper p{
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.read_more_ex{
font-size:14px;
}
.area_info_wrapper{
height:134.9px;
}
.where_right{
height:auto;
}
.where_left img{
width:100%;
}
.customse{
background: unset!important;
box-shadow: unset!important;
}
.bread_crump{
font-size:14px!important;
margin-left:8px!important;
margin-right:0px!important;
}
.bread_crump svg{
width:4px;
height:8px;
}
.bread_crump_wrapper{
max-width: 50%;
flex-wrap: wrap;
}
.bread_crump svg{
margin-top:3px;
}
.bread_crump:last-child{
margin-top:8px;
}
.customse > *{
margin-top:0!important;
margin-bottom:0!important;
}
.sub_img{
display:none!important;
}
.where_left img{
border-radius:0!important;
width:100%!important;
}
.swiper-button-next{
right:10px!important;
}
.mySwiper{
width:100vw;
margin-left:-16px!important;
}
.iframe_wrapper{
border-radius:0!important;
width:100vw;
margin-left:-16px;
}
.section_discover iframe{
border-radius:0!important;
}
#myElement3{
display: flex;
flex-direction: column;
}
.fl_con{
padding:16px;
flex-direction: column;
align-items: center;
gap:8px;
background:unset;
order:2;
}
.fl_con .title{
color: var(--main-wight, #F7F7F7);
text-align: center;
font-family: Inter;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30), 0px 0px 16px rgba(0, 0, 0, 0.20);
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.fl_con .subtitle{
color: var(--main-wight, #F7F7F7);
text-align: center;
font-family: Inter;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30), 0px 0px 16px rgba(0, 0, 0, 0.20);
font-family: Inter;
font-size: 18px;
margin-top:8px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#myElement3 .fl_con{
display:flex!important;
}
#myElement3.active .fl_con{
display:none!important;
}
}
.where_right li{
display:flex;
}
.swiper-button-next{
right:24px;
}
.fon_svg1{
z-index:-1!important;
}.custom_selector_new.big.desctop > .custom_selector_new_inner.active{
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
}
.is-form-style button.is-search-submit{
display:none;
}
.search_wrapper .input_search_wrapper .is-search-input,.main_search_input{
padding: clamp(1px, 1.935483870967742vw, 24px);
padding-left: clamp(1px, 5.806451612903226vw, 72px);
border-radius: 50px;
background: var(--main-wight, #F7F7F7);
color: rgba(52, 54, 66, 1);
font-family: Inter;
font-size: clamp(1px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 400;
line-height: normal;
width:100%;
max-width: clamp(1px, 48.38709677419355vw, 600px);
outline:unset!important;
border:unset!important;
box-sizing: border-box;
}
.resort_item_link,.solo_main_info_link{
color: var(--main-wight, #F7F7F7)!important;
}
.hvh,.resort_item_ex_link,.explore_button,.form_footer_submit,.table_main_position_gm,.area_info_button,.area_gm,.resort_item_link,.solo_main_info_link,.call_button,.gm_solo_info_button,.continue_ridding,.contact_button,.sample_contact_but,.form_con_submit{
transition:all 0.4s ease-out
}
.explore_button:hover,.form_footer_submit:hover,.table_main_position_gm:hover,.area_info_button:hover,.area_gm:hover,.resort_item_link:hover,.solo_main_info_link:hover,.call_button:hover,.gm_solo_info_button:hover,.continue_ridding:hover,.contact_button:hover,.sample_contact_but:hover{
background:#3063B1;
}
button[type="submit"],input[type="submit"]{
cursor:pointer;
}
.form_con_submit:hover{
opacity:0.65;
background: var(--main-orange,#f8a604)!important;
}
.resort_item_ex_link:hover{
background:var(--main-orange, #F8A604)!important;
}
.hvh:hover{
opacity:0.65;
}
div.is-ajax-search-details, div.is-ajax-search-result{
border-radius: 0px 0px 50px 50px!important;
transform: translateX(26px)!important;
max-width: calc(clamp(1px, 42.177419354838705vw, 523px) - 52px)!important;
box-sizing:border-box;
}
@media screen and (max-width:1000px){
div.is-ajax-search-details, div.is-ajax-search-result{
border-radius: 0px 0px 50px 50px!important;
transform: translateX(0px)!important;
max-width: unset!important;
}
}
.is-form-style button.is-search-submit{
order:-1;
}
.is-form-style{
display:flex;
}
.expand_wrapper {
display: grid;
grid-template-columns: auto auto auto; gap: 0 16px; }
.small{
font-weight: 400;
}
.clicker svg{
margin-left: auto;
opacity:0;
padding-left:10px;
margin-bottom: 2px;
}
.clicker{
display:flex;
align-items:center;
}
.clicker.active path{
stroke:#343642!important;
}
.clicker.active svg{
opacity:1!important;
}
.sub_links_main{
margin-top: 8px;
margin-left:8px;
margin-bottom:8px;
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration:unset;
display:flex;
align-items:center;
}
.sub_links_main svg{
margin-left:8px;
}
.sample_info p:first-child{
margin-top:0!important;
}
.area_info_wrapper a{
color:var(--main-orange, #F8A604);
}
.sample_info{
text-align:left!important;
}
.sample_info p{
line-height:140%!important;
margin-bottom:0;
margin-top:calc(clamp(18px, 1.7741935483870968vw, 22px) * 1.4);
}
.sample_info a,.solo_main_info_wrapper a,.resort_item_info a,.area_info_wrapper a{
color:var(--main-orange, #F8A604);
}
footer{
position: relative;
margin-top:96px;
padding-bottom: 32px;
padding-top:32px;
background: var(--dark-text-blue-design, #343642);
}
.border_bottom{
padding-bottom:32px;
border-bottom:2px solid #F7F7F7;
margin-bottom:32px;
}
.footer_title{
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom:24px;
}
.footer_link{
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
transition:all 0.2s ease-out;
margin-bottom: 16px;
text-decoration: unset;
}
.footer_column{
width:fit-content;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.footer_link:last-child{
margin-bottom: 0;
}
.footer_link:hover{
color:#F8A604;
}
.footer_title_white{
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.form_wrapper_main{
width:fit-content;
display: flex;
flex-direction: column;
gap:24px;
align-items: flex-end;
}
.form_wrapper{
border-radius: 90px;
border: 2px solid var(--main-wight, #F7F7F7);
width:100%;
max-width:544px;
padding:5px;
display: flex;
}
.form_footer:placeholder{
color: var(--main-wight, #F7F7F7);
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
opacity: 0.5;
}
.form_footer{
color: var(--main-wight, #F7F7F7);
text-align: left;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
padding:10px;
width:100%;
background:unset!important;
border:unset!important;
outline: unset!important;
}
.form_footer_submit{
color: var(--main-wight, #F7F7F7);
text-align: center;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
padding:7.5px 42px;
border-radius: 90px;
background: var(--main-orange, #F8A604);
}
.footer_description,.copyright{
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 135%; margin-top:32px;
text-align: center;
}
.fon_svgf{
position: absolute!important;
right: calc(50vw + clamp(960px, 50vw, 50vw) - 722px + 50px - 10px);
z-index: -1!important;
bottom: 99%!important;
}
.mobile{
display: none;
}
.site_title_wrapper{
position: relative;
max-width: 1028px;
margin: auto;
margin-top: clamp(32px, 7.741935483870968vw, 96px);
display: flex;
justify-content: center;
}
.site_title{
z-index: 2;
position: relative;
width:fit-content;
background:#F2F2F2;
color: var(--dark-text-blue-design, #343642);
text-align: center;
font-family: Inter;
font-size: clamp(34px, 4.274193548387097vw, 53px);
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 0 clamp(16px, 1.935483870967742vw, 24px);
}
.sample_info{
font-size:clamp(18px, 1.7741935483870968vw, 22px);
margin-bottom:24px;
}
.read_more{
position: absolute;
bottom:-35px;
left:50%;
transform: translateX(-50%);
color: var(--main-orange, #F8A604);
text-align: center;
font-family: Inter;
font-size: clamp(18px, 1.7741935483870968vw, 22px);
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
align-items: center;
cursor: pointer;
}
.custom_selector_nav{
padding:10px 24px;
}
.mobile{
display:none;
}
.right-section{
display: flex;
align-items: flex-start;
}
.is-ajax-search-post, .is-ajax-search-post-details{
border-bottom:unset!important;
}
.is-show-more-results{
background:#F7F7F7!important;
}
.buitur{
white-space:nowrap;
margin-left:10px!important;
color: rgba(52, 54, 66, 0.60)!important;
font-family: Inter!important;
font-size: 14px!important;
font-style: normal!important;
font-weight: 400!important;
line-height: normal!important;
}
.is-search-sections{
display:flex;
}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a{
color: #343642;
font-family: Inter!important;
font-size: 14px!important;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.solo_main_title_smaller{
text-align:right!important;
}
.custom_selector_new_inner.active {
height: auto!important;
}
.custom_selector_new.small .custom_selector_new_inner img{
position: absolute;
top: 16px;
right: 16px;
}
.bread_crump{
font-weight:400!important;
}
.bread_crump:last-child{
opacity:0.7;
}
.fon_svg1,.fon_svg2{
z-index:-1!important;
}
@media screen and (max-width:1000px){
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a{
color: #343642;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.is-ajax-search-result{
padding:0!important;
overflow:hidden;
}
.search_wrapper .input_search_wrapper .is-search-input, .main_search_input {
padding: clamp(12px, 1.935483870967742vw, 24px);
padding-left: clamp(29px, 5.806451612903226vw, 72px);
font-size: clamp(12px, 1.7741935483870968vw, 22px);
max-width: unset;
outline: unset;
border: unset;
box-sizing: border-box;
}
div.is-ajax-search-result{
left: 16px!important;
max-width: calc(100vw - 32px)!important;
box-sizing: border-box;
width: 100vw!important;
}
.fl_con .title{
font-size:27px;
margin-top:16px;
}
.custom_selector_new.small .custom_selector_new_inner img{
position: absolute;
top: 12px;
right: 12px;
}
.custom_selector_nav{
font-size: 18px;
padding:8px 12px;
}
.custom_selector_new.big .custom_selector_new_inner{
height:52px;
}
.custom_selector_new.big > .custom_selector_new_inner{
height:34px!important;
}
.custom_selector_new{
height:34px!important;
width:160px;
}
.custom_selector_new.big .custom_selector_nav{
padding:8px 8px;
}
.solo_main_title_smaller{
text-align:left!important;
}
.custom_selector_new.small.mobile{
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.1)
}
.custom_selector_new.big svg{
width:25px;
height:5px;
}
.custom_selector_new.big > .custom_selector_new_inner.active .cls{
margin-right:3px;
}
.custom_selector_new.small .custom_selector_new_inner:after{
width:13px;
height:8px;
background-size: cover;
top: 14px;
right: 16px;
}
.custom_selector_new.big{
width:170px;
min-width:170px;
}
.custom_selector_new.big {
margin: 16px 0;
box-shadow:0px 8px 16px 0px rgba(52, 54, 66, 0.1);
border-radius: 12px;
}
.custom_selector_new_inner{
border-radius:12px;
}
.cls{
display: none;
}
.custom_selector_new.big > .custom_selector_new_inner.active .dts{
display: none;
}
.custom_selector_new.big > .custom_selector_new_inner.active .cls{
display: block;
width:20px;
height:20px;
}
.custom_selector_new.big > .custom_selector_new_inner.active .custom_selector_nav{
padding-top:16px;
padding-bottom:16px;
}
.custom_selector_new.big > .custom_selector_new_inner.active{
box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
width: 100vw;
position: fixed;
overflow: auto;
height: var(--window-inner-height)!important;
z-index:1100;
top:0;
border-radius: 0;
}
.where_right{
margin-top:16px;
flex-direction:column;
}
.sub_link:first-child{
margin-top:12px;
}
.search_wrapper{
padding-bottom:7px;
}
.gm_wrapper, .gm_wrapper iframe {
max-width: calc(100vw - 32px);
}
.resort_item_ex_link{
border-radius:0;
}
.sub_links_wrapper_mobile{
max-height:0;
padding-top: 0px;
overflow:hidden;
transition:all 0.65s ease-out;
width: 100%;
}
.sub_links_wrapper_mobile.active{
max-height:800px;
}
.sub_link:before{
background:#f8a604;
margin-top: 8px;
}
.nav_header{
flex-wrap:wrap;
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
gap: 8px;
align-items: center;
text-decoration: unset;
max-width: calc(100% - 32px - 30px - 16px);
padding: 8px 0;
}
.sub_link{
color: var(--main-wight, #F7F7F7);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: unset;
white-space: pre-wrap;
align-items: flex-start;
}
.tables_wrapper{
margin-top:64px;
}
.bread_crump_wrapper{
background: unset;
margin:24px auto;
}
.bread_crump{
color: var(--dark-text-blue-design, #343642);
text-align: center;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-left:8px;
}
.bread_crump svg{
margin-left:8px;
}
.bread_crump path{
stroke: var(--dark-text-blue-design, #343642);
}
.site_title{
width: min-content;
}
.expand_selector{
height:42px;
overflow:hidden;
padding:0 16px;
border-radius: 10px;
background: var(--main-wight, #F7F7F7); box-shadow: 0px 8px 16px 0px rgba(52, 54, 66, 0.15);
width:fit-content;
display:flex;
flex-direction: column;
width:100%;
max-width:420px;
margin:auto;
}
.expand_selector_nav{
color: var(--dark-text-blue-design, #343642);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 22px;
display:flex;
padding:10px 0;
justify-content: space-between;
align-items: center;
text-decoration: none;
}
.expand_selector.active{
height:auto;
}
.expand_selector.active svg{
transform:rotate(180deg);
}
.desctop{
display:none;
}
.mobile{
display:block;
}
.fon_svgf{
max-width:100%;
display: none;
}
img{
max-width:100%;
}
footer{
margin-top:64px;
}
.footer_column{
display:none;
}
.custom24{
gap:32px!important;
justify-content:center;
}
.footer_title_white{
font-size: 14px;
margin-top:24px;
}
.footer_description, .copyright{
font-size:14px;
}
.footer_title_white.ctom{
font-size: 22px;
margin:24px auto;
}
footer .container > .flex{
justify-content: center;
flex-direction:column;
}
.cusom_ff{
flex-direction: column;
gap:24px;
}
.form_wrapper_main{
align-items: center;
}
}
.path_title{
font-size:clamp(1px, 4.274193548387097vw, 40px)
}
div.is-ajax-search-details, div.is-ajax-search-result{
background: #F7F7F7!important;
border-radius: 50px;
overflow: hidden;
box-shadow: 0px 18px 16px 0px rgba(52, 54, 66, 0.15);
padding: 18px!important;
}
.social_info_wrapper{
margin-right:64px;
width:100%;
}
@media screen and (max-width:1000px){
.social_info_wrapper{
margin-right:0;
}
.main_search_desc{
text-align:right;
}
div.is-ajax-search-details, div.is-ajax-search-result{
padding:0!important;
}
}
.is-form-style.is-form-style-3 label{
width:100%!important;
}
.is-ajax-search-details .is-ajax-search-items>div, .is-ajax-search-post{
border-radius: 12px!important;
background: #F7F7F7!important;
}
@media screen and (min-width:1001px){
.search_wrapper .input_search_wrapper .is-search-input, .main_search_input{
padding:clamp(1px, 2.135483870967742vw, 27px);
}
.customse{
height:42px;
}
.search_wrapper{
max-width: clamp(1px, 72.66129032258064vw, 901px);
padding: 0 clamp(1px, 3.870967741935484vw, 48px);
}
.main_search_title{
font-size: clamp(1px, 3.467741935483871vw, 43px);
}
.main_search_desc{
font-size: clamp(1px, 1.4516129032258065vw, 18px);
}
.search_wrapper{
height: clamp(1px, 10.483870967741936vw, 130px);
}
.search_wrapper .input_search_wrapper .is-search-input,.main_search_input{
font-size: clamp(1px, 1.4516129032258065vw, 18px)!important;
padding-left: clamp(1px, 5.161290322580645vw, 64px);
}
.search_wrapper > .flex > .flex{
align-items:flex-start;
}
.input_search_wrapper{
max-width: clamp(1px, 42.177419354838705vw, 523px);
}
.input_search_wrapper:after {
position: absolute;
top: clamp(1px, 1.129032258064516vw, 16px);
left: clamp(1px, 1.935483870967742vw, 24px);
height: clamp(1px, 1.6129032258064515vw, 20px);
width: clamp(1px, 1.6129032258064515vw, 20px);
}
}
.element-animation.bottom { opacity: 0;
transform: translateY(30px);
}
.element-animation.bottom.element-show {
opacity: 1;
transition: all .5s;
transform: translateY(0%);
}
.element-animation.left { opacity: 0;
transform: translateX(30px);
}
.element-animation.left.element-show {
opacity: 1;
transition: all .5s;
transform: translateX(0%);
}
.input_search_wrapper:after {
background-size: cover;
}
.element-animation.right { opacity: 0;
transform: translateX(-30px);
}
.element-animation.right.element-show {
opacity: 1;
transition: all .5s;
transform: translateX(0%);
}
@media screen and (max-width:1000px){
.element-animation.right { opacity: 0;
transform: translateY(30px);
}
.element-animation.right.element-show {
opacity: 1;
transition: all .5s;
transform: translateY(0px);
}
.element-animation.left { opacity: 0;
transform: translateY(30px);
}
.element-animation.left.element-show {
opacity: 1;
transition: all .5s;
transform: translateY(0px);
}
}.is-ajax-search .is-loader-image{display:none;position:absolute;top:50%;transform:translateY(-50%);height:25px;right:5px;z-index:9999;width:25px;background-repeat:no-repeat;background-size:contain}.is-ajax-search.processing .is-loader-image{display:block}.is-ajax-search label{position:relative}.is-ajax-search-details,.is-ajax-search-details *,.is-ajax-search-result,.is-ajax-search-result *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;padding:0;outline:0!important;margin:0;border:0;border-radius:0;text-transform:none;text-shadow:none;box-shadow:none;text-decoration:none;text-align:left;letter-spacing:normal;font-size:13px;line-height:18px;vertical-align:baseline}.is-ajax-search-details a,.is-ajax-search-result a{color:#0073aa}.is-ajax-search-details a:hover,.is-ajax-search-result a:hover{text-decoration:underline}div.is-ajax-search-details,div.is-ajax-search-result{display:none;height:auto;width:500px;max-width:100%;position:absolute;z-index:999999;background:#e2e2e2;color:#313131;padding:5px}.is-ajax-search-items{max-height:400px;overflow-y:auto;overflow-x:hidden}.is-search-sections{position:relative;clear:both;overflow:hidden}.is-search-sections:after{content:"";display:block;clear:both}.is-search-sections .left-section{float:left}.is-show-more-results{border-top:none;margin-top:5px;background:#fff}.is-show-more-results-text{cursor:pointer;padding:4px 0 3px;text-align:center}.is-load-more-image{display:block;margin:0 auto;max-height:25px}.is-ajax-search-no-result{padding:10px;background:#fff;text-align:center}.is-ajax-search-items .post-title{display:inline-block;font-weight:400;font-size:15px;text-transform:capitalize}.is-search-sections .meta{margin:5px 0}.is-search-sections .meta i{font-size:11px}.is-search-sections .meta>div{margin-bottom:5px}.is-search-sections .meta>div>span{margin-left:10px}.is-search-sections .meta>div>span:first-child{margin-left:0}.is-has-badge .is-search-sections .is-title{margin-right:35px}.is-has-badge .is-search-sections .meta>div>span:last-child{margin-right:10px}.is-search-sections .meta>span:not(:last-child):after{margin:0 2px;content:'/';display:inline-block}.is-search-sections .thumbnail{margin-right:10px;width:70px}.is-search-sections .thumbnail img{float:left;max-width:70px;height:auto}.is-ajax-term-label{display:block;font-style:italic;font-size:10px;text-transform:uppercase;color:#7b7b7b;line-height:12px;letter-spacing:2px}.is-ajax-result-description{font-size:14px;margin-top:10px}.is-ajax-search-post,.is-ajax-search-post-details{clear:both;padding:15px;border-bottom:1px solid #eceff1}.is-ajax-search-details .is-ajax-search-items>div,.is-ajax-search-post{background:#fff}.is-ajax-search-categories-details>div:hover,.is-ajax-search-result .is-ajax-search-post:hover,.is-ajax-search-result .is-show-more-results:hover,.is-ajax-search-tags-details>div:hover{background:#e2e2e2}.is-ajax-search-details .is-title a,.is-ajax-search-post .is-title a{text-transform:capitalize;font-size:14px}.is-ajax-search-post-details:last-child,.is-ajax-search-posts .is-ajax-search-post:last-child{border:0}.is-ajax-woocommerce-actions{clear:both;margin-top:10px;display:inline-block}.is-ajax-woocommerce-actions>*{display:inline-block}.is-ajax-woocommerce-actions .qty{width:60px;height:auto;padding:4px 8px;background:#fff;font-size:14px;min-height:0}.is-ajax-woocommerce-actions .add_to_cart_inline{margin:0 0 0 5px}.is-ajax-woocommerce-actions .added_to_cart{font-size:15px;text-transform:capitalize;font-weight:800;padding:4px 8px}.is-ajax-woocommerce-actions .add_to_cart_inline a.button{padding:4px 10px;background:#0073aa;color:#fff;font-weight:800;text-decoration:none}.is-ajax-search-details .is-ajax-woocommerce-actions .add_to_cart_inline a.button.loading{opacity:.4;cursor:wait}.is-ajax-woocommerce-actions .add_to_cart_inline a.button:hover{opacity:.9}.is-ajax-search-items .stock-status{color:#7ad03a}.is-ajax-search-items .is-prices del{text-decoration:line-through}.is-ajax-search-items .is-prices .amount{background:0 0;font-weight:800}.is-ajax-search-items .is-prices del .amount{font-weight:lighter;font-size:90%;opacity:.6}.is-ajax-search-items .is-prices ins{background:0 0}.is-ajax-search-items .stock-status.is-out-of-stock{color:#a44}.is-featured-icon{display:inline-block;width:13px;fill:#ffc107;vertical-align:text-top}.is-ajax-search-items .is-sale-badge{background:#77a464;color:#fff;height:20px;padding-top:2px;position:absolute;right:-24px;text-align:center;top:4px;transform:rotate(45deg);width:77px}.is-ajax-search-post-details .is-ajax-term-label{display:inline-block}.is-ajax-term-name{font-size:16px;text-transform:capitalize}.is-ajax-term-wrap{margin-bottom:10px}div.is-ajax-search-details{width:400px}.is-ajax-search-post-details{display:none}.is-ajax-search-posts-details .is-search-sections .thumbnail{width:150px}.is-ajax-search-posts-details .is-search-sections .thumbnail img{max-width:150px;float:none}@media screen and (max-width:910px){div.is-ajax-search-result{max-width:97%}.is-ajax-search-details{display:none!important}}@media screen and (max-width:510px){.is-ajax-search-result{left:3px!important}}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}