.group_sales .uk-container-expand, .types_events .uk-container-expand { padding: 0 40px; } .group_sales { background: url(https://www.ramayanawaterpark.com/wp-content/themes/ramayana/img/jpg/groupsales-bg.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: cover; margin-bottom: 80px; height: 440px; padding: 0 60px; } .group_sales h1 { text-transform: uppercase; color: #000; font-weight: 700; font-size: 64px; } .group_sales h1 span { color: #4998cc } .group_sales h2 { font-size: 24px; font-weight: 400; margin-top: 5px; color: #000; } .types_events { padding: 0 40px; } .one_type_events h3 { font-weight: 700; color: #000; font-size: 34px; margin-top: 15px; margin-bottom: 0; } .one_type_events { margin-bottom: 50px; } .types_events .img_type_events { width: 100% } .types_events .img_type_events img { width: 100%; display: block } .types_events .about_type_events { line-height: 1.2; padding-left: 20px; } .one_type_events .uk-visible-small{ display: none; } .types_events .about_type_events h4 { font-weight: 600; margin-top: 15px; color: #000; margin-bottom: 0; font-size: 18px; } .types_events .about_type_events p { color: #000; margin-top: 10px; font-size: 18px; } .types_events .about_type_events a { display: inline-block; background: #FFBA00; min-width: 220px; text-align: center; border-radius: 8px; padding: 12px 20px; color: #FFF; font-weight: 700; font-size: 16px; transition: .3s; text-transform: uppercase; } .types_events .about_type_events a:hover { background: #fa352d; text-decoration: none } /* Attraction page */ .content-attraction .uk-container-expand, .recording-bar .uk-container-expand, .title-attraction .uk-container-expand { max-width: 80%; margin: 0 auto } .title-attraction { min-height: 30vw; margin-bottom: 40px; display: flex; flex-direction: column; } a.arrow_back { position: absolute; display: flex; top: 0; left: 0; width: 100px; height: 100%; font-size: 72px; color: #fff; align-items: center; justify-content: center; } .title-attraction_background { position: relative; background-repeat: no-repeat; background-position: right top; background-size: cover; width: 100%; min-height: 30vw } .title-attraction_info { bottom: 0; background: #4998cc; color: #fff; width: 100%; padding-top: 40px; padding-bottom: 40px } .title-attraction_info h1 { line-height: 1; font-weight: 700; color: #fff; font-size: 60px; margin: 0; padding: 0; text-transform: capitalize; width: 31%; margin-right: 4% } .title-attraction_info .uk-container-expand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .title-attraction_info p { font-size: 22px; line-height: 1.2; text-align: justify; width: 65% } .recording-bar { margin-bottom: 60px } .recording-bar .recording-bar_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .recording-bar .recording-bar_info p { margin-top: 10px; font-weight: 600; line-height: 1.2; font-size: 28px; font-style: italic } .recording-bar .recording-bar_info span { color: #4998cc } .recording-bar .recording-bar_btn { background: rgb(86,183,235); background: linear-gradient(to bottom, rgba(86,183,235,1) 0%,rgba(79,171,240,1) 100%); display: inline-block; padding: 22px 50px; border-radius: 8px; margin-left: 45px; font-size: 20px; font-weight: 600; color: #fff; text-decoration: none; text-transform: uppercase; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3); box-shadow: 0 0 8px rgba(0, 0, 0, .3); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .recording-bar .recording-bar_btn:hover { color: white; text-decoration: none; -webkit-box-shadow: inset 0 0 0 50px rgba(0,0,0,.2); box-shadow: inset 0 0 0 50px rgba(0,0,0,.2); } .content-attraction { margin-bottom: 50px; } .content-attraction .uk-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch } .content-attraction .uk-width-medium-3-10 { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-attraction .content-attraction_video { margin-bottom: 8px; min-height: 29vw; position: relative; overflow: hidden; } .content-attraction .content-attraction_video-empty { margin-bottom: 8px; max-height: 29vw; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-attraction .content-attraction_video-empty img { width: 100%; } .content-attraction .content-attraction_video iframe,object, embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .content-attraction .content-attraction_imgs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-attraction .content-attraction_one-img { max-width: 33.33%; max-height: 150px; display: flex; align-items: center; align-content: center; justify-content: center; overflow: hidden; } .content-attraction .content-attraction_one-img a{ margin-right: 5px; margin-left: 5px; } .content-attraction .content-attraction_thrill { /* background: #d2db5e; border: 4px solid #fff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 15px; text-align: center; padding: 3%; */ width: 100%; } .content-attraction .content-attraction_thrill img:last-child { margin-bottom: 0 } .content-attraction .content-attraction_thrill img { margin-bottom: 10px; display: block; width: 100%; border-radius: 10px; /* box-shadow: 0 5px 8px rgba(0, 0, 0, .15);*/ } .recording-system { text-align: center; padding-bottom: 50px; } .recording-system span { color: #4998cc } .recording-system h2 { color: #000; font-weight: 700; font-style: italic; text-transform: none; padding-top: 40px; padding-bottom: 30px } .recording-system h3 { color: #000; font-size: 36px; font-weight: 600 } .recording-system .recording-system_header { background: #f4f4f4; padding-bottom: 40px } .recording-system .recording-system_content { margin: 0 auto; width: 100%; max-width: 750px } .recording-system .recording-system_content .tabs__content { padding-top: 40px } .recording-system .recording-system_content .tabs__content p { font-size: 18px; } .recording-system .recording-system_content .tabs__content .descr-example { font-weight: 700; margin-top: 10px; text-decoration: none } .recording-system .recording-system_content .tabs_imgs { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; } .recording-system .recording-system_content .tabs_imgs .tabs_one-img:last-child{ margin-right: 0; } .recording-system .recording-system_content .tabs_imgs .tabs_one-img{ width: calc(33.3333% - 10px); margin-right: 10px; max-height: 130px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .recording-system .recording-system_content .descr-example { text-align: right; display: block; padding-right: 74px; color: #000 } .recording-system .tabs__caption { padding-left: 0; } .recording-system .tabs__caption li:last-child { border-right: none } .recording-system .tabs__caption li { border-right: 1px solid #c8c8c8; display: inline-block; padding-right: 4%; padding-left: 4%; cursor: pointer; text-align: center } .recording-system .tabs__caption li .icon_caption { background: #9d9d9d; width: 104px; height: 104px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .recording-system .tabs__caption li svg { fill: #fff; height: 62px; width: 62px } .recording-system .tabs__caption li p { margin: 0; padding: 0; margin-top: 15px; font-weight: 700; font-size: 18px } .recording-system .tabs__caption li:hover .icon_caption { background: #b5b5b5 } .recording-system .tabs__caption li.active .icon_caption { background: #4998cc } /* Our Facilities NEW page */ .facilities-item { margin: 0 auto; } .facilities-services_one { text-align: center; padding-bottom: 25px; } .facilities-services_one h4{ font-weight: bold; color: #000; font-size: 22px; text-transform: none; } .facilities-services_one p { font-size: 16px; text-align: justify; } /* FAQ page */ .title-faq { background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding-bottom: 9%; margin-bottom: 4%; } .question-icon { display: none; } .question-icon svg { height: 93px; width: 93px; fill: white; } .title-faq h1 { padding-top: 7%; color: #fff; margin-top: 0; line-height: 1.1; font-size: 60px; text-transform: uppercase; font-weight: bold; width: 50%; margin-left: auto; margin-right: auto; } .title-faq h2 { font-size: 18px; font-weight: normal; text-transform: none; line-height: 1.2; color: #fff; width: 40%; margin-left: auto; margin-right: auto; } .search-faq { position: relative; width: 30%; margin: 0 auto; background: #fff; padding-left: 30px; border-radius: 25px; height: 54px; text-align: left; margin-top: 2%; } .search-faq input[type="text"] { width: 100%; height: 100%; border: none; border-radius: 25px; background: none; font-size: 18px; color: #bababa; } .search-faq button { position: absolute; right: 5px; cursor: pointer; width: 50px; font-size: 20px; top: 0px; color: #bababa; transform: rotateY(180deg); height: 100%; background: none; border: none; } .faq-questions { margin-bottom: 50px; } .faq-questions_list { font-weight: bold; font-size: 16px; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; list-style-type: none; counter-reset: my-counter; } .faq-questions_list li{ width: calc(46% - 62px); text-align: justify; margin-right: 50px; padding-bottom: 20px; } .faq-questions_list li p{ font-weight: normal; padding-left: 30px; } .faq-questions_list .title-li:before { content: counter(my-counter) "." ; counter-increment: my-counter; padding-right: 10px; } .faq-questions_list .title-li { padding: 10px 20px 0 0; cursor: pointer; line-height: 1.4; display: inline-block; width: 100%; transition: 0.4s; text-align: left; margin-bottom: 5px; }questions_list li.active .title-li { background: #e6e6e6; } @media (max-width: 1330px) { .group_sales .uk-container-expand, .types_events .uk-container-expand, .content-attraction .uk-container-expand, .recording-bar .uk-container-expand, .title-attraction .uk-container-expand { max-width: 90%; } .types_events .about_type_events p, .our-facilities p, .our-facilities_right-info li { font-size: 16px; } .group_sales h1, .title-facilities h1, .title-faq h1 { font-size: 50px; } .group_sales h2 { margin-top: 10px; } .group_sales h2, .title-facilities h2 { font-size: 20px; } .title-attraction_info h1 { font-size: 50px; width: 40% } .title-attraction_info p { font-size: 18px; width: 55%; } .recording-bar .recording-bar_info p, .facilities-services_one h4 { font-size: 20px; } .our-facilities table th , .our-facilities_right-info p { font-size: 18px; } .our-facilities h3 { font-size: 24px; } .faq-questions_list { padding-left: 0; } .title-faq h1 { padding-top: 12%; } .title-faq h2 { width: 50%; } .search-faq { width: 40%; } } @media (max-width: 1100px) { .group_sales h1, .title-facilities h1, .title-faq h1 { font-size: 44px; } .group_sales h2, .title-facilities h2 { font-size: 18px; line-height: 1.1; } .one_type_events h3 { font-size: 24px; } .types_events .about_type_events h4, .title-faq h2 { font-size: 16px; } .title-attraction_info h1 { font-size: 44px; } .title-attraction_info p { font-size: 16px; } .recording-bar .recording-bar_btn { padding: 18px 40px; font-size: 16px; } .title-attraction .arrow_back { top: 25%; } .recording-system h2, .recording-system h3 { font-size: 22px; } .recording-system .recording-system_content .tabs__content p { width: 70%; margin: 0 auto; padding-bottom: 20px; } .our-facilities table th, .our-facilities table td { padding-left: 15px; padding-right: 15px; } .types_events .about_type_events p, .our-facilities p, .our-facilities_right-info li, .our-facilities table th, .our-facilities table td { font-size: 14px; } .title-facilities { background-position: 75% center; } .title-facilities h1 { padding-top: 14%; } .title-facilities h2 { padding-bottom: 17%; } .our-facilities_right-info img:first-child { margin-right: 0; } .our-facilities > .uk-container .uk-grid:nth-child(3) .uk-width-medium-6-10:last-child img{ width: calc(50% - 4px)!important; } .our-facilities > .uk-container .uk-grid:nth-child(3) .uk-width-medium-6-10:last-child img:nth-child(2){ margin-left: 2px; } .our-facilities > .uk-container .uk-grid:nth-child(3) .uk-width-medium-6-10:last-child img:nth-child(1){ margin-right: 2px; } .faq-questions_list li:first-child { padding-top: 0; } .faq-questions_list li:last-child { border-bottom: none; } .faq-questions_list li { width: 100%; margin-right: 0; border-bottom: 1px solid #cacaca; padding-bottom: 0px; padding-top: 0px; } .faq-questions_list .title-li { margin-bottom: 0; width: auto; padding: 26px 26px 26px 26px; } .faq-questions_list li.active .title-li { background: #ffff; } .faq-questions_list li p { padding-right: 30px; padding-top: 10px; } .faq-questions_list .title-li { padding: 18px; } .title-faq, .faq-questions { margin-bottom: 0; } .title-faq h1,.title-faq h2, .search-faq { width: 70%; } .faq-questions .uk-container { padding: 0; } } @media (max-width: 767px) { .one_type_events .uk-visible-small { display: block; } .types_events .about_type_events .uk-hidden-medium { display: none; } .types_events .about_type_events { padding-left: 0px; } .group_sales { background-position: 70% center; margin-bottom: 0px; align-items: start; padding: 30px; } .group_sales h2 { width: 60%; line-height: 1.3; } .one_type_events h3 { margin-bottom: 10px; } .one_type_events { margin-bottom: 0px; } .title-attraction_background { background-position: center top; min-height: 40vw; } .title-attraction_info { padding-top: 6%; padding-bottom: 4%; } .title-attraction_info .uk-container-expand, .recording-bar .recording-bar_info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .recording-bar .recording-bar_btn { margin-left: 0; margin-top: 10px; } .title-attraction_info h1, .title-attraction_info p, .recording-bar_info { width: 100%; text-align: center; } .content-attraction .uk-grid .uk-width-medium-6-10{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 5px; padding-right: 5px; padding-left: 30px; } .recording-bar { margin-bottom: 40px; } .content-attraction { margin-bottom: 15px; } .content-attraction .content-attraction_thrill { margin-bottom: 0; } .content-attraction .uk-container-expand { max-width: 100%; } .content-attraction .content-attraction_thrill { border: none; padding: 12px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .content-attraction .content-attraction_video { min-height: 70vw; margin-bottom: 5px; } .content-attraction .content-attraction_video-empty { max-height: none; } .content-attraction .content-attraction_one-img { max-height: 20vw; } .content-attraction .uk-width-medium-3-10 { margin-top: 5px; } .recording-system { padding-top: 5px; } .recording-system .tabs__caption li { border: none; } .recording-system .recording-system_content .tabs_imgs, .recording-system .recording-system_content .tabs__content p { width: 95%; } .recording-system .recording-system_content .tabs__content .descr-example { padding-right: 14px; } .recording-system .tabs__caption li { padding-left: 3%; padding-right: 3%; } .title-facilities h2 { width: 70%; margin: 0 auto; } .our-facilities .uk-grid { margin-bottom: 20px; } .our-facilities > .uk-container .uk-grid:nth-child(1) { display: flex; } .our-facilities > .uk-container .uk-grid:nth-child(1) .uk-width-1-1.uk-width-medium-6-10 { order: 1 } .our-facilities > .uk-container .uk-grid:nth-child(1) .uk-width-1-1.uk-width-medium-4-10 { order: 2 } .our-facilities .uk-grid .uk-width-medium-6-10 img { margin-bottom: 20px; } .our-facilities > .uk-container .uk-grid:nth-child(2) .uk-width-1-1.uk-width-medium-4-10 p, .our-facilities > .uk-container .uk-grid:nth-child(2) .uk-width-1-1.uk-width-medium-4-10 table { display: none; } .our-facilities > .uk-container .uk-grid:nth-child(3) { display: flex; } .our-facilities > .uk-container .uk-grid:nth-child(3) .uk-width-1-1.uk-width-medium-6-10 { order: 1 } .our-facilities > .uk-container .uk-grid:nth-child(3) .uk-width-1-1.uk-width-medium-4-10 { order: 2 } .services_one-img { text-align: center; } } @media (max-width: 480px) { .types_events { padding: 0 20px; } .group_sales h1 { font-size: 38px; } .title-faq h2 { margin-top: 0; } .title-faq h1, .title-faq h2{ width: 85%; text-align: left; } .search-faq { width: 76%; } .group_sales h2, .title-faq h2 { font-size: 13px; } .types_events .about_type_events p, .faq-questions_list { font-size: 14px; } .types_events .about_type_events a { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .title-attraction_info h1, .title-facilities h1 { font-size: 30px; } .recording-system h2, .recording-system h3 { font-size: 20px; line-height: 1.2; } .title-attraction_info p, .recording-system .tabs__caption li p, .recording-system .recording-system_content .tabs__content p, .title-facilities h2, .facilities-services_one p { font-size: 12px; line-height: 1.2; } .recording-bar .recording-bar_info p { font-size: 14px; } .title-attraction { margin-bottom: 20px; } .title-attraction_background { min-height: 52vw; } .title-attraction .arrow_back { top: 5%; left: auto; padding: 20px } .recording-system .tabs__caption li .icon_caption { height: 74px; width: 74px; } .recording-system .tabs__caption li svg { height: 40px; width: 40px; } .recording-system .tabs__caption li { padding-left: 2%; padding-right: 2%; } .recording-system .recording-system_content .tabs__content { padding-top: 15px; min-height: 150px; } .title-facilities { text-align: left; padding-bottom: 150px; background-position: 49% center; } .title-facilities h1 { padding-top: 30px; padding-left: 18px; } .title-facilities h2 { width: 85%; margin: 0; padding-left: 18px; padding-bottom: 0; } .question-icon { display: block; padding-top: 10%; } .title-faq h1 { padding-top: 25px; font-size: 28px; margin-bottom: 5px; } }