@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Montserrat', sans-serif; */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

*{margin: 0px; padding: 0px; box-sizing: border-box;}
body{margin: 0px; padding:15px 0px; box-sizing: border-box; font-family: 'Montserrat', sans-serif;}


.inactiu {
    display: none;
}

.boto-next {
    right: 25%;
}

.boto-prev {
    left: 25%;
}

.cncl_btn a:hover {
    cursor: pointer;
}

.active img {
    opacity: 1 !important;
}

#tab img {
    opacity: .4;
}


.yara_section{ width: 100%; float: left; padding: 0px 0;}

.yara_mn{ width: 100%; float: left; background: #103137; max-height: 550px; min-height: 550px;}


.nav > li > a > img {
    width: 20px !important;
}

.doted_mn{border: 1px dashed #4FFFEE; text-align: center;  min-height: 520px;  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));    border-radius: 0px;    margin: 15px; padding: 15px;}
.doted_mn > img {    height: 97px;}


.doted_mn > h2{color: #fff;
    margin-top: 10px;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
.doted_mn > p{ 
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-bottom: 19px;
}
.doted_mn > span {
    background: #d3ffff;
    color: #000;
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 600;
    min-width: 60px;
    display: inline-block;
    margin: 0 auto;
}


.timings_mn{}
.timings_mn > h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin:40px 0px 5px 0px;
}
.timings_mn > span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #84FFFF;
    display: block;
    margin-top: 10px;
}

.timings_mn > p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.1px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin:11px 0px 11px 0px;
}



.nav-tabs { border: none; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border-radius: 6px;
    text-align: left;
    font-size: 15px;
    border: 1px solid #284B52;
    color: #284B52 !important; }

        .nav-tabs > li.active > a, .nav-tabs > li > a:hover {color: #84FFFF !important;
    background: none;
    border: 1px solid #84FFFF !important;
    border-radius: 6px; text-align: left; font-size: 15px; }

        .nav-tabs > li > a::after { content: "";  height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: ##5a4080 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 0 15px; }
.tab-content{padding: 0 20px;}
.nav-tabs > li  {width: 20%; text-align: center; display: inline-block; float: none;}
.card { margin-bottom: 30px; }
body{ background: #fff;}

@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}   
.nav-tabs > li > a {padding: 5px 5px;}
}



.yara_mn2 {
    width: 100%;
    float: left;
    background: #103137;
    max-height:550px;
}


.doted_mn2 {
   border: 1px dashed #4FFFEE;
    text-align: center;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    border-radius: 0px;
    margin: 15px;
    padding: 15px;
    width: 96%;
    float: left;
    min-height: 520px;
}

.doted_mn2 > h2{ 
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase; color: #84FFFF; margin-top:0px;}

.doted_mn2 > h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: #fff;
    margin: 0px;
    margin-bottom: 20px;
    letter-spacing: 0.6px;
}

.doted_mn2 .width1{max-width: 390px; margin:0 auto;}
.doted_mn2 .width2{max-width: 390px; margin:0 auto;}
.doted_mn2 .width3{}


.doted_mn2 .card {
    margin-bottom: 10px;
}

.doted_mn2 .tab-content{}
.doted_mn2 .tab-content .tab-pane{padding: 0px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: none !important;
}



.card img{ float: right; }





#calendari {
    margin: 15px auto 0px;
    position: relative;
    overflow: hidden;
    height: 328px;
    width: 100%;
    font-size: 14px;
}
table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    transition: all 0.3s ease;
}
table.actiu {
    transform: translateX(0px)top;
}
table.inactiu {
    transition: all 0.3s 0.01s ease;
}
table.amagat-esquerra {
    transform: translateX(-299px);
}
table.amagat-dreta {
    transform: translateX(300px);
}
td,th {
    text-align: center;
}
th {
    padding: 10px;
}
tr:first-child th {
    font-size: 20px;
    font-weight: bold;
    border-left: none;
    border-top: none;
}
td:last-child, th:last-child {
  border-right: none;
}

th {
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
    font-weight: normal;
}
th .any {
    font-size: 12px;
    font-weight: normal;
    display: block;
    text-shadow: none;
    color: rgba(0,0,0,0.4);
}
tr:nth-child(2) th {
    padding: 7px;
    padding-bottom: 10px;
}
td {
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
td > span {
    color: #fff;
    display: block;
    transition: border 0.3s ease;
    border: solid 1px #336f73;
    border-radius: 5px;
    margin:4px 5px;
    padding: 0px 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
}

td:nth-child(even)>span {
    background-color: rgba(0,0,0,0.02);
}
td:last-child>span,
td:nth-child(6)>span {
    color: #fff;
}
td.avui>span {
   font-weight: bold;
    background-color: #336f73;
    color: #fff;
    border-radius: 10px;
}
    td.fora > span, li.fora > a {
        opacity: 0.2;
    }
td > span:hover {
    background: #ffa742;
    color: #fff;
}
.boto-next, .boto-prev {
    background: rgba(0,0,0,0.1);
    color: #fff;
    font-family: inherit;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-shadow: inherit;
    padding: 2px 10px 5px 10px;
    line-height: 1px;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    border-radius: 100%;
    position: absolute;
    top: 15px;
}
.boto-next { right: 10px; padding-left: 8px; }
.boto-prev { left: 10px; padding-right: 8px;}
.boto-next:hover,
.boto-prev:hover {
    background: rgba(0,0,0,0.2);
}



.date_tm{width: 100%; float: left; padding: 20px 0;}
.date_tm ul{}
.date_tm ul li {
    display: inline-block;
    margin: 0 8px;
    margin-top: 15px;
    border: 1px solid #284B52;
    border-radius: 6px;
    color: #fff;
    min-width: 95px;
}
.date_tm ul li a {
    padding: 8px 10px;
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.date_tm ul li.active{background: rgba(132, 255, 255, 0.3);
border: 1px solid #284B52;
border-radius: 6px;}



.adult_mn {
    height: auto;
    overflow: hidden;
}
.adult_mn h2{ 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform:uppercase;
    color: #FFFFFF;
    text-align: left;
    position: relative;

}
.adult_mn ul{}
.adult_mn ul li {
    list-style: none;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0px;
    text-align: left;
    width: 10%;
    margin-right: 30px;
    margin-top: 10px;
}
.adult_mn ul li:nth-child(6n) {
    margin-right: 0px;
}
.adult_mn ul li a {
    display: block;
    text-align: left;
}
.adult_mn ul li a > img {
    float: none;
}




.adult_mn2{
    height: auto;
    overflow: hidden;
    }


.adult_mn2 h2{ 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform:uppercase;
    color: #FFFFFF;
    position: relative;
    text-align: left;

}


.adult_mn2 ul li {
    list-style: none;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0px;
    text-align: left;
    width: 8%;
    margin-right: 40px;
    margin-top: 10px;
}
.adult_mn2 ul li:nth-child(6n) {
    margin-right: 0px;
}
.adult_mn2 ul li a {
    display: block;
    text-align: left;
}
.adult_mn2 ul li a > img {
    float: none;
    width: 59%;
}



/*.adult_mn2 ul{}
.adult_mn2 ul li{list-style: none;
    text-align: left;
    float: left; margin: 0 70px 15px 0; padding: 0px;}
.adult_mn2 ul li a{}

.adult_mn2 img{}*/

.cncl_btn{width: 100%; float: left;}
.cncl_btn a{border: 1px solid #284B52;
    color: #fff;
    border-radius: 7px;
    padding: 7px 50px;
    margin: 0 12px 0 0;
    margin-top: 20px;
    display: inline-block; text-transform: uppercase;}


.cncl2{background: #84FFFF; color: #000 !important;}

.cncl_btn span{ display: block;
font-style: italic;
font-weight: 700;
font-size: 16px;
line-height: 20px;
/* identical to box height */
letter-spacing: 0.1em;
text-transform: capitalize;
color: #84FFFF; margin-top: 13px;}





.qty .count {
   display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px;
    min-width: 35px;
    text-align: center;
    position: absolute;
    left: 118px;

}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    }
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}
div {
    text-align: center;
}
.minus:hover{
    background-color: #717fe0 !important;
}
.plus:hover{
    background-color: #717fe0 !important;
}
/*Prevent text selection*/
span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
input{  
    border: 0;

}
nput::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:disabled{
    background: none !important;
    color: #fff !important;
}


.bg-dark {
    background-color: #84FFFF!important;
    color: #000 !important;
}


.plus_mn{ width: 100%;
    float: left;
    padding: 27px 0;
    margin-left: 46px; }



.rt_pls{text-align: right;
    margin-right: 123px;
    border-bottom: solid 1px #fff;
    padding-bottom: 15px;}


.rt_pls img{position: absolute;
    left: 95px;
    width: 3%;}

.plus_mn h2{ text-align: left;
    color: #fff;
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 0px; }


.urProfile h4{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #84FFFF;
    margin: 0px;
}

.urProfile p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height:28px;
    letter-spacing: 0.4px;
    text-transform: capitalize;
    color: #103137;
    width: 85%;
    margin: 10px auto 10px;
    background: #84FFFF;
    border-radius: 4px;
    padding:0px 20px;
}

.urProfile .adults_mn {
    width: 425px;
    border: 1px solid #284B52;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 5px;
}
.urProfile .adults_mn ul li {
    display: inline-block;
    margin: 10px 10px;
}
.urProfile .adults_mn ul li a{ 
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #84FFFF;
}


.profileContainer {
    max-width: 85%;
    margin: 0 auto;
}
.profileContainer .form-group input{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
        letter-spacing: 0.6px;
    text-transform: capitalize;
    color: #FFFFFF;
}




.fm_bg{}
.fm_clr{ background: none !important;
    color: #fff !important;
    border: 1px solid #284B52;
    border-radius: 6px;
    padding: 20px 14px; height: 46px;}


.fm_clr:focus{background: #336e73 !important;
    border: none !important;
    box-shadow: none;
    color: #fff !important;}

.fm_clr::placeholder{ color: #fff !important; font-weight: normal !important; }

.wd_drp {
    width: 100%;
    background: none !important;
    color: #fff !important;
    border: 1px solid #284B52;
    border-radius: 6px;
    padding: 6px 6px 6px 0px;
}

.bdn_inpt{width: 100%;
    background: none;
    color: #fff;
    border: none;
    text-align: left;}

.bdn_inpt:hover{background: none !important; color: #fff !important;}
.bdn_inp:focus{background: none !important; color: #fff !important;}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none;
    border-color: #adadad;
    background: none;
    color: #fff;
}

.btn-default.focus, .btn-default:focus {
    background: none !important;
    color: #fff !important;
}

.arro2{position: absolute;
    right: 0;
    top: 15px;
    color: #84FFFF;}


.wd_drp{}
.wd_drp ul{width: 100%; padding: 0;}
.wd_drp ul li{padding: 0px 0;
    background: #84FFFF;}
.wd_drp ul li a{text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0;}

.wd_drp ul li a:hover{background: #284b52; color: #fff;}

.form_section1{ width: 100%; float: left; }

.cpc{ text-align: left; }
.cpc_mn{ width: 100%; float: left; padding: 17px 0; }

.cpc_tx{padding-left: 120px;}
.cpc_tx h2{color: #fff; font-size: 15px; text-align: left; margin: 0;}
.cpc_tx hr{width: 40px;
    float: left;
    margin: 0px;}




.socialProfile h2 {
    margin: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    text-align: left;
    position: relative;
}


.socialProfile .soci_iconn {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 15px;
}

.socialProfile .soci_iconn ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px 0 0;
}
.socialProfile .soci_iconn ul li a {
    border: 1px solid #284B52;
    border-radius: 6px;
    padding: 0;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 37px;
}

.socialProfile .soci_iconn ul li a:hover{ border-color: #84FFFF; }




input[type="checkbox"], input[type="radio"]{
    position: absolute;
    right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before{
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before{
    content: "\f14a";
    color: #84ffff;
    animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
    color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
    content: "\f0c8";
    color: #ccc;
}

/*Radio box*/

input[type="radio"] + .label-text:before{
    content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before{
    content: "\f192";
    color: #8e44ad;
    animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
    color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
    content: "\f111";
    color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before{
    content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before{
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text{
    color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before{
    content: "\f204";
    color: #ccc;
}


@keyframes effect{
    0%{transform: scale(0);}
    25%{transform: scale(1.3);}
    75%{transform: scale(1.4);}
    100%{transform: scale(1);}
}

.check_mn{ width: 100%; float: left; text-align: left; margin-top: 10px;}

.conditions .form-check span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}

.check_lft{ text-align: left; color: #fff;  }
.check_btn{margin-left: 14px;     font-weight: 100;}


.right_mn{padding: 20px;}
.right_mn img{width: 8%;}



.tableConfirmed .adults_mn3 {
    width: fit-content;
    border: 1px solid #284B52;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 5px;
}


.tableConfirmed .adults_mn3 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.tableConfirmed .adults_mn3 ul li {
    list-style: none;
}

.tableConfirmed .adults_mn3 ul li a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 44px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #84FFFF;
    padding: 0px 10px;
    white-space: nowrap;
}

.tableConfirmed .adults_mn3 ul li a img{margin-right: 7px;}

.tableConfirmed  .cncl_btn2 {
    width: 100%;
    
    margin-bottom: 15px;
}

.tableConfirmed .cncl_btn2 a {
    color: #fff;
    border-radius: 7px;
    padding: 0px 14px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #84FFFF;
    line-height: 50px;
    min-width: 220px;
    margin: 0px 10px;
}

p.note {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 25px 0px;
}


.cncl_btn2 a:hover{ background: #000; }

.cncl_btn2 p{color: #fff; margin-top: 40px;}

.checkImg {
    margin: 20px 0px;
}
.checkImg img{height: 70px;}


.tableConfirmed .hurrey_tx h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #FFFFFF;
}
.hurrey_tx h2{
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #FFFFFF;
}



.reservation_mn{}

.reservation_tx h1{}
.reservation_tx h2{
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 44px;
text-align: center;
letter-spacing: 0.1em;
text-transform: capitalize;
color: #284B52;}
.reservation_tx h3{font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #284B52;
    line-height: 16px;}

.reservation_tx p{font-size: 19px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #284B52;
    font-weight: 100;
    margin-top: 19px;}
.reservation_tx span{color: #284B52;
    font-weight: bold;}


.reservation_tx img{border-radius: 15px; margin: 30px 0 10px 0;}


.soci_iconn2 {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 20px;
}

.soci_iconn2 ul {text-align: center;
}

.soci_iconn2 ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px 0 0;
}

.soci_iconn2 ul li a {
   border: 1px solid #284B52;
    border-radius: 6px;
    padding: 10px;
    background: #284B52;
}


.soci_iconn2 img {
    border-radius: initial;
    margin: 0;
}

.soci_iconn2 ul li a:hover{ background: #000; }

.cl_pic img{border-radius: inherit; margin: 0;}

.rew_mn{background: #84ffff;
    width: 30%;
    margin: 0 auto;
    padding: 10px 0 40px 0;
    border-radius: 10px;
    margin-top: 30px; }


.rew_mn ul{}
.rew_mn ul li{display: inline-block;
    list-style: none;
    margin: 0 15px 0 0;
    margin-top: 15px; }
.rew_mn ul li a{}

.rew_mn img{border-radius: inherit; margin: 0;}
.rew_mn h3{font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 24px;
text-align: center;
letter-spacing: 0.1em;
text-transform: capitalize;}

.rew_mn p{ display: inline-block; font-size: 13px; margin: 8px 42px 0 37px; }






.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {

}


#tallModal .modal-body p { margin-bottom: 900px }


.mdl_wd{width: 97% !important; margin: 30px auto;}

.modal-body {
    position: relative;
    padding: 0 !important;
}
.modal-content {
    min-height: 650px;
}

.btm_clr2{background-color: #336f73;
    padding: 12px 60px;}

.btm_clr2:hover{ background: #000; }

@media (max-width: 724px) {

    input {
        border: 0;
        width: auto;
        padding: 7px;
        border-radius: 6px;
    }

    .nav-tabs > li > a > span {
        display: unset;
    }

    .adult_mn {
        width: 500px;
        height: auto;
    }

    .adults_mn ul li {
        display: inline-block;
        margin: 10px;
    }

    .adults_mn3 ul li {
        display: inline-block;
        margin: 12px 30px 12px 30px;
        width: 40%;
    }

    .adults_mn3 {
        width: 90%;
    }

        .adults_mn3 img {
            width: 20%;
            vertical-align: bottom;
            padding-right: 10px;
        }

    .doted_mn2 {
        width: 91%;
    }
}

.cncl2 {
    border: 1px solid #284B52;
    color: #fff;
    border-radius: 7px;
    padding: 7px 50px;
    margin: 0 12px 0 0;
    margin-top: 0px;
    margin-top: 20px;
    display: inline-block;
    text-transform: uppercase;
}
#div1 {    display: block;}
#div2 {    display: none;}
#div3 {    display: none;}
.cncl_btn a {    border: 1px solid #284B52;    color: #fff;    border-radius: 7px;    padding: 7px 50px;    margin: 0 12px 0 0;    margin-top: 0px;    margin-top: 20px;    display: inline-block;    text-transform: uppercase;}
.nav-tabs > li {    width: 30% !important;}





@media only screen and  (max-width:1179px)
{

    .urProfile h4{font-size: 22px;}
    .urProfile p{font-size: 14px; width:90%;}
    .profileContainer{max-width:90%;}
    .date_tm ul li{margin:5px 5px 0px 5px; }
    .timings_mn > h2{margin: 30px 0px 5px 0px; font-size: 18px;}
    .timings_mn > p{font-size: 11px;letter-spacing: 0;}
    .doted_mn2 {    width: calc(100% - 10px);}


    
}

@media only screen and (min-width: 992px) and (max-width: 1099px)
{
    .doted_mn > img{height: 80px;}
    .doted_mn > h2{font-size: 22px;    line-height: 24px;}
    .doted_mn > p{margin-bottom: 15px;}
    .timings_mn > h2{margin: 30px 0px 5px 0px; font-size: 18px;}
    .timings_mn > p{font-size: 11px;letter-spacing: 0;}
    .urProfile h4{font-size: 20px;}
    .urProfile p{font-size: 14px; font-weight: 600; line-height: 25px; letter-spacing: 0; margin: 8px auto 8px; padding: 0px 10px; width: 100%;}
    .urProfile .adults_mn{margin-bottom: 8px; width: 100%;margin-bottom: 10px;}
    .profileContainer{max-width: 100%;}
    .doted_mn2{width: 94.4%;}

    .date_tm ul li{margin: 0 5px;margin-top: 5px;min-width: 91px;}
    .date_tm ul li a{    padding: 7px 5px;font-size: 14px; letter-spacing: 0;}
    .conditions > div {    padding: 0px 15px;}
    .conditions .form-check span{margin-left: 0px; font-size: 11px;}
    .tableConfirmed .adults_mn3{width: fit-content;}
    .tableConfirmed .adults_mn3 ul li{list-style: none;}

}


@media only screen and (max-width: 991px)
{
    .yara_mn{min-height: 401px; max-height:401px; display: flex;}
    .yara_mn2 {  display: flex;   margin-top: 0px;   margin-bottom: 20px;    max-height:401px;    min-height:401px;}
    .doted_mn, .doted_mn2{ margin: 5px;     width: calc(100% - 10px); padding: 7px; min-height: auto;}
    .profileContainer .form-group{margin-bottom: 10px;}
    .profileContainer .form-group input{height: 35px; font-size: 13px; line-height: 17px; padding: 10px 15px;}
    .profileContainer .btn-group{height: 35px; padding: 0px;}
    .profileContainer .btn-group select{height: 35px; font-size: 13px; line-height: 17px; padding:8px 15px;}
    .socialProfile .soci_iconn{margin-top: 4px;}

    .doted_mn2 > h2{font-size: 14px; line-height: 16px;}
    .doted_mn2 > h3{font-size: 16px; line-height: 13px; margin-bottom: 10px;}

    .timings_mn > p{margin: 8px 0px;}
    td > span {    font-weight: 400;    font-size: 12px;    letter-spacing: 1px;    width: 27px;    height: 27px;    line-height: 25px;}
    .date_tm ul li{min-width: 75px; margin: 0 5px; margin-top: 10px;}
    .date_tm ul li a{    font-size: 12px;     padding: 5px 5px;letter-spacing: 0.4px;}
    .nav-tabs > li.active > a, .nav-tabs > li > a:hover{font-size: 12px;}
    .nav-tabs > li > a{font-size: 12px;}
    .nav > li > a > img{width: 16px !important;}

    .socialProfile .soci_iconn ul li a {    width: 30px;    height: 30px;    line-height: 26px;}
    .socialProfile .soci_iconn ul li a img {    height: 15px;}

    .adult_mn ul li, .adult_mn2 ul li{width: 14%; margin-right: 7px;}
    .cncl_btn span{font-size: 14px; font-weight: 600;}
    .urProfile h4 {    font-size: 14px;    line-height: 16px;}
    .urProfile p {    padding: 7px 10px;    margin: 5px auto 5px;    width: 95%;    font-size: 13px;    line-height: 18px;}
    .urProfile .adults_mn{    width:90%; margin-bottom: 10px;}
    .urProfile .adults_mn ul li {    margin: 5px 10px;    width: auto;}
    .urProfile .adults_mn ul li a{font-size: 12px;}
    .profileContainer{max-width:95%;}
    .socialProfile h2{margin-top:0px;}
    .cncl_btn a {    padding: 5px 25px;    font-size: 13px;    letter-spacing: 1px;    margin-top: 15px;}
    .cncl_btn span{margin-top: 8px;}
    .checkImg {    margin: 10px 0px;}
    .checkImg img{height: 50px;}
    .tableConfirmed .hurrey_tx h3{font-size: 14px;}
    .tableConfirmed .adults_mn3{width:fit-content; }
    .tableConfirmed .adults_mn3 ul{flex-wrap: wrap;}
    .tableConfirmed .adults_mn3 ul li{width:auto; margin:10px 0px;}
    .tableConfirmed .adults_mn3 ul li a{justify-content: center; padding: 0px 10px; line-height: normal;}
    .tableConfirmed .adults_mn3 ul li a img{margin-right: 2px; width: auto;}
    .tableConfirmed .cncl_btn2 a{line-height: 40px; min-width: 115px; margin:5px 5px; padding: 0px 10px;}
    .adult_mn2 ul li a > img{width: 30%;}

    div#calendari{max-width: 350px; margin: 0 auto; height: 295px;}
    ul.nav.nav-tabs.width1 { max-width: 350px;}
    ul.nav.nav-tabs.width1 li a { padding: 5px 10px;}

    .conditions .form-check span{display: flex; line-height: 14px; align-items: flex-start;}
    input[type="checkbox"] + .label-text:before{margin-top: 2px;}

    .doted_mn > img{height:60px;}
    .doted_mn > h2{font-size: 16px; line-height: 16px;}
    .doted_mn > p{font-size: 12px; line-height: 14px; letter-spacing: 0.2px; margin-bottom: 12px;}
    .timings_mn > h2{ margin: 15px 0px 0px 0px; font-size: 16px;}

    .boto-prev + span {    font-weight: 300;    letter-spacing: 1.5px;    font-size: 16px;}
    tr:nth-child(2) th {    padding: 4px 7px 0px;    padding-bottom: 10px;    font-size: 12px;    letter-spacing: 1px;}

    .adult_mn.width1 h2 {    margin: 12px 0px 0px 0px;    font-size: 14px;    letter-spacing: 1px;    font-weight: 400;}
    .adult_mn.width1 ul li a{text-align: center;}
    .adult_mn.width1 ul li a img { height:35px;}

    .adult_mn2.width1 h2{margin: 12px 0px 0px 0px; font-size: 14px;    letter-spacing: 1px;    font-weight: 400;}
    .adult_mn2.width1 ul li a{text-align: center;}
    .adult_mn2.width1 ul li a img {    height: 23px;    width: auto;}

}

@media only screen and (max-width: 767px)
{
    .yara_mn2{margin-top: 20px; margin-bottom: 20px; max-height: fit-content;}
    td > span{font-weight: 400; font-size: 12px;    letter-spacing: 1px; width: 30px;    height: 30px;     line-height: 30px;}
    .date_tm ul li{min-width: 75px; margin: 0 5px; margin-top: 10px;}
    .date_tm ul li a{    font-size: 12px;     padding: 5px 5px;letter-spacing: 0.4px;}
    .nav-tabs > li.active > a, .nav-tabs > li > a:hover{font-size: 12px;}
    .nav-tabs > li > a{font-size: 12px;}
    .nav > li > a > img{width: 16px !important;}
    .doted_mn2 .width1{max-width: 100%;}

    .adult_mn ul li, .adult_mn2 ul li{width: 14%; margin-right: 7px;}
    .cncl_btn span{font-size: 14px; font-weight: 600;}
    .urProfile h4{font-size: 14px;}
    .urProfile p{padding: 10px 20px; margin: 5px auto 10px; width: 100%; font-size: 14px; line-height: 18px;}
    .urProfile .adults_mn{    width: 100%; }
    .urProfile .adults_mn ul li{margin: 5px 0px; width: 100%;}
    .urProfile .adults_mn ul li a{font-size: 12px;}
    .profileContainer{max-width: 100%;}
    .socialProfile h2{margin-top:0px;}
    .cncl_btn a{padding: 7px 25px;}
    .checkImg {    margin: 10px 0px;}
    .checkImg img{height: 50px;}
    .tableConfirmed .hurrey_tx h3{font-size: 14px;}
    .tableConfirmed .adults_mn3{width:fit-content; }
    .tableConfirmed .adults_mn3 ul{flex-wrap: wrap;}
    .tableConfirmed .adults_mn3 ul li{width:auto; margin:10px 0px;}
    .tableConfirmed .adults_mn3 ul li a{justify-content: center; padding: 0px 10px; line-height: normal;}
    .tableConfirmed .adults_mn3 ul li a img{margin-right: 2px; width: auto;}
    .tableConfirmed .cncl_btn2 a{line-height: 40px; min-width: 115px; margin:5px 5px; padding: 0px 10px;}
    .adult_mn2 ul li a > img{width: 36%;}
}


@media only screen and (max-width: 575px)
{
    .yara_mn2{margin-top: 20px; margin-bottom: 20px; max-height: fit-content;}
    td > span{font-weight: 400; font-size: 12px;    letter-spacing: 1px; width: 30px;    height: 30px;     line-height: 30px;}
    .date_tm ul li{min-width: 75px; margin: 0 5px; margin-top: 10px;}
    .date_tm ul li a{    font-size: 12px;     padding: 5px 5px;letter-spacing: 0.4px;}
    .nav-tabs > li.active > a, .nav-tabs > li > a:hover{font-size: 12px;}
    .nav-tabs > li > a{font-size: 12px;}
    .nav > li > a > img{width: 16px !important;}
    .doted_mn2 .width1{max-width: 100%;}

    .adult_mn ul li, .adult_mn2 ul li{width: 14%; margin-right: 7px;}
    .cncl_btn span{font-size: 14px; font-weight: 600;}
    .urProfile h4{font-size: 14px;}
    .urProfile p{padding: 10px 20px; margin: 5px auto 10px; width: 100%; font-size: 14px; line-height: 18px;}
    .urProfile .adults_mn{    width: 100%; }
    .urProfile .adults_mn ul li{margin: 5px 0px; width: 100%;}
    .urProfile .adults_mn ul li a{font-size: 12px;}
    .profileContainer{max-width: 100%;}
    .socialProfile h2{margin-top:15px;}
    .cncl_btn a{padding: 7px 25px;}
    .checkImg {    margin: 10px 0px;}
    .checkImg img{height: 50px;}
    .tableConfirmed .hurrey_tx h3{font-size: 14px;}
    .tableConfirmed .adults_mn3{width:fit-content; }
    .tableConfirmed .adults_mn3 ul{flex-wrap: wrap;}
    .tableConfirmed .adults_mn3 ul li{width: 100%; margin: 6px 0px;}
    .tableConfirmed .adults_mn3 ul li a{justify-content: center; padding: 0px 10px; line-height: normal;}
    .tableConfirmed .adults_mn3 ul li a img{margin-right: 2px; width: auto;}
    .tableConfirmed .cncl_btn2 a{line-height: 40px; min-width: 115px; margin:5px 5px; padding: 0px 10px;}
}








@media (max-width: 724px) {
    #form1 {
        margin-top: 5%;
    }

    .wd_drp {
        margin-bottom: 5%;
    }

    .tab-content {
        padding: 0px;
    }

    .tab-pane {
        padding: 0 15px;
    }

    #messages {
        padding: 0 15px;
    }

    .container {
        width: 100% !important;
    }

    body {
        background: #fff;
        padding: unset !important;
    }
}