/************************* * IMPORT GOOGLE FONTS * *************************/ @import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700'; /************************* * GLOBAL CSS * *************************/ @charset "UTF-8"; #kiroro .bgc-transparent { background-color: transparent; } #kiroro .bgc-white { background-color: #FFFFFF; } #kiroro .bgc-black { background-color: #000000; } #kiroro .bgc-grey-100 { background-color: #353a3d !important; } #kiroro .bgc-grey-110 { background-color: #474c4f !important; } #kiroro .bgc-grey-120 { background-color: #5a5e60 !important; } #kiroro .bgc-grey-130 { background-color: #6c7072 !important; } #kiroro .bgc-grey-140 { background-color: #7e8284 !important; } #kiroro .bgc-grey-150 { background-color: #919495 !important; } #kiroro .bgc-grey-160 { background-color: #a3a5a7 !important; } #kiroro .bgc-grey-170 { background-color: #b6b7b8 !important; } #kiroro .bgc-grey-180 { background-color: #c8c9ca !important; } #kiroro .bgc-grey-190 { background-color: #dadbdc !important; } #kiroro .bgc-grey-200 { background-color: #ededed !important; } #kiroro .bgc-orange-100 { background-color: #f26522 !important; } #kiroro .bgc-orange-110 { background-color: #f37336 !important; } #kiroro .bgc-orange-120 { background-color: #f4814a !important; } #kiroro .bgc-orange-130 { background-color: #f68f5e !important; } #kiroro .bgc-orange-140 { background-color: #f79d72 !important; } #kiroro .bgc-orange-150 { background-color: #f8ab86 !important; } #kiroro .bgc-orange-160 { background-color: #f9b99b !important; } #kiroro .bgc-orange-170 { background-color: #fac7af !important; } #kiroro .bgc-orange-180 { background-color: #fbd5c3 !important; } #kiroro .bgc-orange-190 { background-color: #fde3d7 !important; } #kiroro .bgc-orange-200 { background-color: #fef1eb !important; } /* Quick Helper - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #kiroro .marginAuto { margin-left: auto; margin-right: auto; } #kiroro .animated { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #kiroro .scrollable { overflow-x: hidden; overflow-y: auto; } #kiroro .noMargin { margin: 0 !important; } #kiroro .fullWidth, #kiroro .fullwidth { width: 100%; } #kiroro .clearBoth { clear: both; } #kiroro .mouseDisable { pointer-events: none; } #kiroro .noRadius { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #kiroro .wrapper { position: relative; } #kiroro .inline { display: inline; white-space: normal; } #kiroro .inlineBlock { display: inline-block; } #kiroro .block { display: block; } #kiroro .displayTable { display: table; width: 100%; } #kiroro .tableCell { display: table-cell; vertical-align: middle; white-space: normal; width: 100%; } #kiroro .vTop { vertical-align: top; } /* vTop auto gen'd in newsevents and promo pages. * * (fix to allow links clickable) */ #kiroro-page-newsevents .vTop, #kiroro-page-promotions .vTop { display: none !important; } #kiroro .vMiddle { display: inline-block; vertical-align: middle; float: none; } #kiroro .noPadding { padding: 0 !important; } #kiroro .padding5 { padding: 5px; } #kiroro .padding10 { padding: 10px; } #kiroro .padding20 { padding: 20px; } #kiroro .bgCover { background-size: cover; } #kiroro .noBorder { border: 0 !important; } #kiroro .borderLeft { border-left: 1px solid #353a3d; } #kiroro .borderRight { border-right: 1px solid #353a3d; } #kiroro .borderTop { border-bottom: 1px solid #353a3d; } #kiroro .borderBottom { border-bottom: 1px solid #353a3d; } #kiroro .borderBottomOrange { border-bottom: 1px solid #f26522 !important; } #kiroro .liftpriceleft { text-align: left; } #kiroro .spaceBreak { height: 2rem; overflow: hidden; } #kiroro .spaceBreak.borderTop { border: 0; } #kiroro .spaceBreak.borderTop:after { content: ""; display: block; margin-top: 15px; border-top: 1px solid #353a3d; } #kiroro .row.colEqualHeight { overflow: hidden; } #kiroro .row.colEqualHeight [class*="col-"] { margin-bottom: -99999px; padding-bottom: 99999px; } #kiroro .roundCorner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #kiroro vr, #kiroro .vr { width: 0; height: 100%; border-left: 1px solid #353a3d; } #kiroro .indent_10 { display: block; padding-left: 10px; } #kiroro .indent_20 { display: block; padding-left: 20px; } #kiroro .textNormal { font-weight: 400; } #kiroro .textGreen { color: #80ef7b; } #kiroro .textOrange { color: #f26522; } #kiroro .textWhite { color: #FFFFFF; } #kiroro .textBlack { color: #353a3d; } #kiroro .textRed { color: #ff2020; } #kiroro .textGrey { color: #646e74; } #kiroro .textLeft { text-align: left; } #kiroro .textRight { text-align: right; } #kiroro .textCenter { text-align: center; } #kiroro .italic { font-style: italic; } #kiroro i.fa + span { margin-left: 10px; } #kiroro span + i.fa { margin-right: 10px; } #kiroro i.fa.margin10 { margin-left: 5px; margin-right: 5px; } #kiroro .fa.pullRight { position: absolute; right: 10px; top: 50%; margin-top: -6px; } #kiroro .fa.pullLeft { position: absolute; left: 0; top: 50%; margin-top: -9px; } #kiroro .anchorOffset { position: absolute; top: -50px; } @media (min-width: 768px) { #kiroro .anchorOffset { position: absolute; top: -300px; } } #kiroro .whiteSpaceNormal { white-space: normal; } #kiroro .ellipsis { text-overflow: ellipsis; /* Required for text-overflow to do anything */ white-space: nowrap; overflow: hidden; } #kiroro .shadow { -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } #kiroro .bgFixed { background-attachment: fixed; } #kiroro .bgScroll { background-attachment: scroll; } #kiroro .bgWhite { background-color: #FFFFFF; } #kiroro .m-b-d5 { margin-bottom: 0.5rem; } #kiroro .m-b-1 { margin-bottom: 1rem; } #kiroro .m-b-2 { margin-bottom: 2rem; } #kiroro .m-b-4 { margin-bottom: 4rem; } #kiroro .stick-right { position: absolute; right: 0; } #kiroro .nowrap { white-space: nowrap !important; } #kiroro .wrap { white-space: normal !important; } #kiroro .inactive { pointer-events: none; } #kiroro .noTextDeco { text-decoration: none !important; } #kiroro .textLineThrough { text-decoration: line-through; } #kiroro .m-t-0 { margin-top: 0px; } #kiroro .m-t-10 { margin-top: 10px; } #kiroro .m-t-20 { margin-top: 20px; } #kiroro .m-t-40 { margin-top: 40px; } #kiroro .m-b-0 { margin-bottom: 0px; } #kiroro .m-b-10 { margin-bottom: 10px; } #kiroro .m-b-20 { margin-bottom: 20px; } #kiroro .m-b-40 { margin-bottom: 40px; } #kiroro .m-5 { margin: 5px; } #kiroro .m-10 { margin: 10px; } #kiroro .p-20 { padding: 20px; } #kiroro .p-l-5 { padding-left: 5px; } #kiroro .p-l-10 { padding-left: 10px; } #kiroro .p-l-20 { padding-left: 20px; } #kiroro .p-l-30 { padding-left: 30px; } #kiroro .p-l-40 { padding-left: 40px; } #kiroro .p-10 { padding: 10px; } #kiroro .p-t-10 { padding-top: 10px; } #kiroro .p-t-20 { padding-top: 20px; } #kiroro .p-t-40 { padding-top: 40px; } #kiroro .p-b-10 { padding-bottom: 10px; } #kiroro .p-b-20 { padding-bottom: 20px; } #kiroro .p-b-40 { padding-bottom: 40px; } #kiroro .w-max-60 { max-width: 60%; } #kiroro .w-max-70 { max-width: 70%; } #kiroro .w-max-80 { max-width: 80%; } #kiroro .w-max-90 { max-width: 90%; } body { background: #000; min-height: 100%; } /* Kiroro Common */ html, body { min-height: 100%; font-size: 14px; font-family: 'Roboto', sans-serif; color: #353a3d; /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (tablets, 768px and up) */ /* Medium devices (desktops, 992px and up) */ /* Large devices (large desktops, 1200px and up) */ } html b, html strong, html .bold, body b, body strong, body .bold { font-weight: 700; } html .font_light, body .font_light { font-weight: 300; } html .condensed, body .condensed { font-family: 'Roboto Condensed', sans-serif; } html h1.textSpaceing2, html h2.textSpaceing2, html h3.textSpaceing2, html h4.textSpaceing2, html h5.textSpaceing2, html h6.textSpaceing2, body h1.textSpaceing2, body h2.textSpaceing2, body h3.textSpaceing2, body h4.textSpaceing2, body h5.textSpaceing2, body h6.textSpaceing2 { letter-spacing: 2px; } html h1 small, html h2 small, html h3 small, html h4 small, html h5 small, html h6 small, body h1 small, body h2 small, body h3 small, body h4 small, body h5 small, body h6 small { display: block; margin-top: 0.3em; } html h1 + table, html h2 + table, html h3 + table, html h4 + table, html h5 + table, html h6 + table, body h1 + table, body h2 + table, body h3 + table, body h4 + table, body h5 + table, body h6 + table { margin-top: 40px; } html .lead, body .lead { margin-top: 20px; margin-bottom: 20px; font-size: 1.1em; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { html .lead, body .lead { font-size: 1.3em; } } html section, body section { /*margin-top: 5rem; margin-bottom: 5rem;*/ position: relative; } html a, body a { color: inherit; } html a:hover, html a:focus, html a:active, body a:hover, body a:focus, body a:active { color: inherit; } html ol, html ul, body ol, body ul { list-style: none outside none; padding: 0; } html input[type=text], html textarea, html select, body input[type=text], body textarea, body select { padding: 8px 10px; background: rgba(255, 255, 255, 0.8); border: 1px solid #f26522; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; resize: none; -moz-appearance: none; -webkit-appearance: none; } html .row, body .row { margin-left: 0; margin-right: 0; } html .container, body .container { padding-left: 10px; padding-right: 10px; } html .col-lg-1, html .col-lg-10, html .col-lg-11, html .col-lg-12, html .col-lg-2, html .col-lg-3, html .col-lg-4, html .col-lg-5, html .col-lg-6, html .col-lg-7, html .col-lg-8, html .col-lg-9, html .col-md-1, html .col-md-10, html .col-md-11, html .col-md-12, html .col-md-2, html .col-md-3, html .col-md-4, html .col-md-5, html .col-md-6, html .col-md-7, html .col-md-8, html .col-md-9, html .col-sm-1, html .col-sm-10, html .col-sm-11, html .col-sm-12, html .col-sm-2, html .col-sm-3, html .col-sm-4, html .col-sm-5, html .col-sm-6, html .col-sm-7, html .col-sm-8, html .col-sm-9, html .col-xs-1, html .col-xs-10, html .col-xs-11, html .col-xs-12, html .col-xs-2, html .col-xs-3, html .col-xs-4, html .col-xs-5, html .col-xs-6, html .col-xs-7, html .col-xs-8, html .col-xs-9, body .col-lg-1, body .col-lg-10, body .col-lg-11, body .col-lg-12, body .col-lg-2, body .col-lg-3, body .col-lg-4, body .col-lg-5, body .col-lg-6, body .col-lg-7, body .col-lg-8, body .col-lg-9, body .col-md-1, body .col-md-10, body .col-md-11, body .col-md-12, body .col-md-2, body .col-md-3, body .col-md-4, body .col-md-5, body .col-md-6, body .col-md-7, body .col-md-8, body .col-md-9, body .col-sm-1, body .col-sm-10, body .col-sm-11, body .col-sm-12, body .col-sm-2, body .col-sm-3, body .col-sm-4, body .col-sm-5, body .col-sm-6, body .col-sm-7, body .col-sm-8, body .col-sm-9, body .col-xs-1, body .col-xs-10, body .col-xs-11, body .col-xs-12, body .col-xs-2, body .col-xs-3, body .col-xs-4, body .col-xs-5, body .col-xs-6, body .col-xs-7, body .col-xs-8, body .col-xs-9 { padding-left: 5px; padding-right: 5px; } @media (min-width: 768px) { html .row, body .row { margin-left: -15px; margin-right: -15px; } html .container, body .container { padding-left: 15px; padding-right: 15px; } html .col-lg-1, html .col-lg-10, html .col-lg-11, html .col-lg-12, html .col-lg-2, html .col-lg-3, html .col-lg-4, html .col-lg-5, html .col-lg-6, html .col-lg-7, html .col-lg-8, html .col-lg-9, html .col-md-1, html .col-md-10, html .col-md-11, html .col-md-12, html .col-md-2, html .col-md-3, html .col-md-4, html .col-md-5, html .col-md-6, html .col-md-7, html .col-md-8, html .col-md-9, html .col-sm-1, html .col-sm-10, html .col-sm-11, html .col-sm-12, html .col-sm-2, html .col-sm-3, html .col-sm-4, html .col-sm-5, html .col-sm-6, html .col-sm-7, html .col-sm-8, html .col-sm-9, html .col-xs-1, html .col-xs-10, html .col-xs-11, html .col-xs-12, html .col-xs-2, html .col-xs-3, html .col-xs-4, html .col-xs-5, html .col-xs-6, html .col-xs-7, html .col-xs-8, html .col-xs-9, body .col-lg-1, body .col-lg-10, body .col-lg-11, body .col-lg-12, body .col-lg-2, body .col-lg-3, body .col-lg-4, body .col-lg-5, body .col-lg-6, body .col-lg-7, body .col-lg-8, body .col-lg-9, body .col-md-1, body .col-md-10, body .col-md-11, body .col-md-12, body .col-md-2, body .col-md-3, body .col-md-4, body .col-md-5, body .col-md-6, body .col-md-7, body .col-md-8, body .col-md-9, body .col-sm-1, body .col-sm-10, body .col-sm-11, body .col-sm-12, body .col-sm-2, body .col-sm-3, body .col-sm-4, body .col-sm-5, body .col-sm-6, body .col-sm-7, body .col-sm-8, body .col-sm-9, body .col-xs-1, body .col-xs-10, body .col-xs-11, body .col-xs-12, body .col-xs-2, body .col-xs-3, body .col-xs-4, body .col-xs-5, body .col-xs-6, body .col-xs-7, body .col-xs-8, body .col-xs-9 { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px), (min-width: 922px) { html .container, body .container { width: 970px; } html .container.sectionPanel, body .container.sectionPanel { width: 1100px; padding: 40px; background-color: rgba(255, 255, 255, 0.8); } } body { background-image: url(../images/bg_grey.jpg); background-position: center top; } body #page-main-mask { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } body #page-main-wrapper, body #page-header-container, body #page-sidebar-container { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } body.show-sidebar { overflow: hidden; } body.show-sidebar #page-main-mask { pointer-events: auto; visibility: visible; opacity: 0.8; } body.show-sidebar #page-header-container { left: -280px; right: 280px; } body.show-sidebar #page-sidebar-container { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body.show-sidebar #page-main-wrapper { -moz-transform: translate3d(-280px, 0, 0); -ms-transform: translate3d(-280px, 0, 0); -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); } body:before { content: ""; display: block; height: 40px; width: 100%; } @media (min-width: 768px) { body:before { display: none; } } /* Languages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html[lang='jp'] body { font-family: 'Noto Sans JP', sans-serif; } html[lang='jp'] body b, html[lang='jp'] body strong, html[lang='jp'] body .bold { font-weight: 700; } html[lang='jp'] body .font_light { font-weight: 300; } html[lang='jp'] body .condensed { font-family: 'Noto Sans JP', sans-serif; } /* Component - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media (max-width: 768px) { table thead td { padding: 10px; } } table.tdp5 td { padding: 5px; } table.tdp10 td { padding: 10px; } table.tdp20 td { padding: 20px; } table.tdp-reset td { padding: 0; } table.tdpt10 td { padding-top: 10px; } table.tdpt20 td { padding-top: 20px; } table.tdpb10 td { padding-bottom: 10px; } table td.borderLeft { border-left: 1px solid #98a1a6 !important; } table td.borderRight { border-right: 1px solid #98a1a6 !important; } table.tdpb20 td { padding-bottom: 20px; } table.tdvat td { vertical-align: top; } table.tdvam td { vertical-align: middle; } table.c1-txtWhite td:first-of-type { color: #FFFFFF; } table.c1-bold tbody td:first-of-type { font-weight: 700; } table.c1-vac td:first-of-type { vertical-align: middle; } table.c1-tac td:first-of-type { text-align: center; } table.c1-bg-grey td:first-of-type { background-color: #eaeced; } table.zr-noBorderBottom tr:last-of-type td { border-bottom: 0; } table.border-all tbody td { border: 1px solid #98a1a6; } table.borderBottom tr { border-bottom: 1px solid #eaeced; } table.tr-border-bottom tbody td { border-bottom: 1px solid #eaeced; } table.tr-border-bottom_dark tbody td { border-bottom: 1px solid #98a1a6; } table.tr-striped tbody tr { background-color: #FFFFFF; } table.tr-striped tbody tr td:first-of-type { background-color: #c1c6c9; } table.tr-striped tbody tr:nth-child(even) { background-color: #eaeced; } table.tr-striped tbody tr:nth-child(even) td:first-of-type { background-color: #cfd3d5; } table thead tr { background-color: #353a3d; color: #FFFFFF; } table thead tr td { padding: 20px; } table tr.borderBottomOrange { border-bottom: 1px solid #f26522; } table tr.borderBottomOrange td { border-bottom: 0 !important; } table tr.hr { height: 1px; background-color: #eaeced; } table tr.hrOrange td { border: 0; padding: 0; height: 2px; background-color: #f26522; } table td.w1px { width: 1px; white-space: nowrap; } table td.w1 { width: 1%; } table td.w5 { width: 5%; } table td.w10 { width: 10%; } table td.w15 { width: 15%; } table td.w20 { width: 20%; } table td.w25 { width: 25%; } table td.w30 { width: 30%; } table td.w35 { width: 35%; } table td.w40 { width: 40%; } table td.w45 { width: 45%; } table td.w50 { width: 50%; } table td.w55 { width: 55%; } table td.w60 { width: 60%; } table td.w65 { width: 65%; } table td.w70 { width: 70%; } table td.w75 { width: 75%; } table td.w80 { width: 80%; } table td.w85 { width: 85%; } table td.w90 { width: 90%; } table td.w95 { width: 95%; } table td.w100 { width: 100%; } table td.tdp-reset { padding: 0; } table td.tdpl0 { padding-left: 0; } table td.tdp5 { padding: 5px; } table td.tdp10 { padding: 10px; } table td.tdp20 { padding: 20px; } table td.tdpr5 { padding-right: 5px; } table td.tdpr10 { padding-right: 10px; } table td.tdpb10 { padding-bottom: 10px; } table td.tdvat { vertical-align: top; } table td.tdvam { vertical-align: middle; } table.table-type-dl td:nth-of-type(1) { padding-right: 20px; font-weight: 700; } table.table-type-dl tr > td { padding-bottom: 10px; vertical-align: top; } table.table-style-borderBottom td { border-bottom: 1px solid #eaeced; } table.table-style-borderBottom tr:last-of-type > td { border-bottom: 0; } .btn { border: 0; } .btn:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .btn-lg { padding: 10px 36px; } .btn-w100 { min-width: 100px; } .btn-w150 { min-width: 150px; } .btn-w200 { min-width: 200px; } .btn-mw100 { max-width: 100px; } .btn-mw150 { max-width: 150px; } .btn-mw200 { max-width: 200px; } .btn.btn-multiple-lines { white-space: normal; padding-right: 2.2em; } @media (max-width: 500px) { .btn-xs-fullWidth { width: 100%; margin-bottom: 10px; font-size: 13px; } } .btn-style-underline { text-decoration: underline; font-size: inherit; padding: 0; -moz-transition: color, 0.5s; -o-transition: color, 0.5s; -webkit-transition: color, 0.5s; transition: color, 0.5s; } .btn-style-underline:hover, .btn-style-underline:focus, .btn-style-underline:active { text-decoration: underline; color: #f26522; } .btn-mobileMenu { position: relative; display: block; font-size: 16px; font-weight: bold; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; color: #FFFFFF; } .btn-mobileMenu.collapsed { color: #FFFFFF; } .btn-style-orange { background-color: #f26522; color: #FFFFFF; } .btn-style-grey { background-color: #919495; color: #FFFFFF; } .btn-style-ghost { border: 1px solid #353a3d; color: #353a3d; position: relative; -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); } .btn-style-ghost.offsetBottom { margin-bottom: -40px; } .btn-icon-pullLeft { position: relative; padding-left: 2.5em !important; } .btn-icon-pullLeft .fa { position: absolute; left: 1em; top: 50%; margin-top: -0.5em; } .btn-icon-onLeft { padding-left: 1.5em; padding-right: 1.5em; } .btn-icon-onLeft .fa { margin-right: 7px; } .btn-style-greyTransparnet { background-color: rgba(53, 58, 61, 0.7); } .btn-style-3d { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); } .btn-style-carouselFilter { height: 24px; padding: 0 15px; line-height: 24px; background-color: transparent; margin-right: 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .btn-style-carouselFilter.checked { color: #FFFFFF; background-color: #5a5e60; } .btn_filterToggler { display: inline-block; background-color: #353a3d; padding: 8px 30px; color: #FFFFFF; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; } .btn_filterToggler .fa { margin-right: -5px; margin-left: 5px; font-size: 16px; } .card { margin-bottom: 2em; background-color: #FFFFFF; background-image: url(../images/card_bg_276x330.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center bottom; -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } .card .card-cover { padding-top: 66.66%; position: relative; width: 100%; overflow: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .card .card-cover img { margin: auto; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; width: auto; min-width: 101%; min-height: 101%; max-width: 101%; -moz-transition: -moz-transform, 1s; -o-transition: -o-transform, 1s; -webkit-transition: -webkit-transform, 1s; transition: transform, 1s; } .card .card-content { position: relative; padding: 15px; height: 130px; } .card .card-content .card-heading { max-height: 60px; overflow: hidden; } @media (max-width: 500px) { .card .card-content { height: auto; padding: 5px 15px; } } .card .card-footer { padding: 0 15px 15px; text-align: right; } .card .card-btn-cta { font-size: .9em; } .card:hover .card-cover img { -moz-transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } .card-category.news { color: #a6aab2; } .card-style-quicklink .card-content { height: 140px !important; overflow:hidden; } @media (max-width: 768px) { .card-style-quicklink .card-content { height: 160px; } } .card-style-annieKidsOneDay { margin-bottom: 25px; } .card-style-annieKidsOneDay .card-cover .time_container { display: inline-block; height: 30px; position: absolute; left: 10px; bottom: 20px; z-index: 1; padding: 0 20px; color: #FFFFFF; line-height: 30px; font-size: 16px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #00bff3; } .card-style-annieKidsOneDay .card-cover .time_container .fa { margin-right: 5px; } .card-style-annieKidsOneDay .card-content { height: 130px; } @media (max-width: 500px) { .card-style-annieKidsOneDay .card-content { height: auto; } } .card-style-hotel .card-cover .btn_carousel { width: 30px; height: 30px; position: absolute; right: 15px; top: 15px; z-index: 1; opacity: .7; } .card-style-hotel .card-cover .btn_carousel img { width: 100%; } .card-style-hotel .card-content { height: 220px; } .card-style-hotel .card-content .hotelName { width: 90%; height: 26px; position: absolute; top: -25px; left: 0; z-index: 2; padding-left: 10px; color: #ffffff; line-height: 26px; background-color: #f26522; -moz-border-radius: 0 13px 13px 0; -webkit-border-radius: 0; border-radius: 0 13px 13px 0; } .card-style-hotel .card-content .star-wrapper { margin-top: 10px; margin-bottom: 10px; font-size: 1em; } .card-style-dining .restaurantInfo { margin-top: 20px; } .card-style-dining .card-footer { display: none; } .card-style-kiroroTown { background-color: transparent; background-image: none; margin-bottom: 80px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .card-style-kiroroTown .cover-container-wrapper { width: 100%; position: absolute; left: 0; top: 0; padding-bottom: 0; } @media (max-width: 767px) { .card-style-kiroroTown .cover-container-wrapper { position: relative; } } .card-style-kiroroTown .offset_container { min-width: 290px; width: 40%; margin-top: 120px; } #kiroro-page-dining .dlabel { width: 76px; } @media (max-width: 767px) { #kiroro-page-dining .container .card .card-content { height:auto; } .card-style-kiroroTown .offset_container { width: 100%; margin-top: 0; } } .card-style-kiroroTown .offset_container .card-content { height: auto; margin-bottom: 20px; background-color: #FFFFFF; background-image: none; -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } @media (max-width: 767px) { .card-style-kiroroTown .offset_container .card-content { margin-bottom: 0; } } .card-style-kiroroTown .offset_container .card-content:last-of-type { margin-bottom: 0; background-image: url(../images/card_bg_276x330.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center bottom; } .card-style-kiroroTown .offset_container .card-content .table-style-hd { margin-top: 20px; } .card-style-kiroroTown .offset_container .card-content .table-style-hd td:nth-of-type(1) { padding-right: 20px; } .card-style-kiroroTown .offset_container .card-content .table-style-hd td:nth-of-type(2) { width: 70%; } .card-style-kiroroTown .offset_container .card-content .table-style-hd tr > td { padding-bottom: 10px; } .card-style-kiroroTown .offset_container .card-content .fa { margin-right: 5px; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper { margin-bottom: 20px; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper .sub-wrapper-row { padding: 0 10px; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper h5 { padding: 5px 10px; background-color: #eaeced; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper h6 { margin-bottom: 5px; font-weight: bold; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper table { width: 100%; margin-top: 20px; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper table .borderLeft { border-left: 1px solid #353a3d; padding-left: 10px; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper table tr > td { padding-bottom: 5px; padding-right: 5px; } .card-style-kiroroTown .offset_container .card-content .sub-wrapper table tr > td:last-of-type { padding-right: 0; } .accordion-component { margin-top: 10px; margin-bottom: 10px; } .accordion-component .btn.btn-accordion-toggle { position: relative; color: #FFFFFF; } .accordion-component .btn.btn-accordion-toggle .fa { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .accordion-component .btn.btn-accordion-toggle .fa.pullLeft { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion-component .btn.btn-accordion-toggle .fa.pullRight { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordion-component .btn.btn-accordion-toggle.collapsed .fa.pullRight { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .accordion-component .btn.btn-accordion-toggle.collapsed .fa.pullLeft { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .accordion-component .panel-collapse { overflow: hidden; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; } .dropdown-component.open:after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #f26522 transparent; } .dropdown-component ul.dropdown-menu { margin: 0; border: 0; border-top: 5px solid #f26522; background-color: transparent; min-width: 100px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzNTNhM2QiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGMzYjMzIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(53, 58, 61, 0.9)), color-stop(100%, rgba(76, 59, 51, 0.9))); background-image: -moz-linear-gradient(top, rgba(53, 58, 61, 0.9) 50%, rgba(76, 59, 51, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(53, 58, 61, 0.9) 50%, rgba(76, 59, 51, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(53, 58, 61, 0.9) 50%, rgba(76, 59, 51, 0.9) 100%); -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0; border-radius: 0 0 5px 5px; } .dropdown-component ul.dropdown-menu li { padding: 0 10px; position: relative; color: #FFFFFF; } .dropdown-component ul.dropdown-menu li a { min-width: 50px; color: #FFFFFF; font-weight: 300; -moz-transition: color, 0.5s; -o-transition: color, 0.5s; -webkit-transition: color, 0.5s; transition: color, 0.5s; } .dropdown-component ul.dropdown-menu li a i.fa { position: absolute; right: 20px; top: 13px; font-size: 12px; } .dropdown-component ul.dropdown-menu li a:hover { color: #f26522; } .panel-component { margin-top: 40px; margin-bottom: 40px; } .panel-component h1, .panel-component h2, .panel-component h3, .panel-component h4, .panel-component h5, .panel-component h6, .panel-component p { margin-bottom: 10px; } .panel-component hr { margin: 0; border-top: 1px solid #b4babd; } .panel-component .panel-header-row { padding-left: 10px; border-bottom: 3px solid #353a3d; } .panel-component .panel-header-row .panel-tab { display: inline-block; background-color: #353a3d; padding: 8px 30px; color: #FFFFFF; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; } .panel-component .panel-header-row .panel-tab h1, .panel-component .panel-header-row .panel-tab h2, .panel-component .panel-header-row .panel-tab h3, .panel-component .panel-header-row .panel-tab h4, .panel-component .panel-header-row .panel-tab h5, .panel-component .panel-header-row .panel-tab h6, .panel-component .panel-header-row .panel-tab p { margin: 0; } .panel-component .panel-header-row .panel-tab .fa { margin-right: 5px; margin-left: -5px; font-size: 16px; } @media (max-width: 768px) { .panel-component .panel-header-row .panel-tab { padding: 8px 15px; } } .panel-component .panel-header-row.darkBg .panel-tab { background-color: #252525; } .panel-component .panel-description { float: right; } .panel-component .panel-body { padding: 0; background-color: #FFFFFF; } .panel-component .panel-body.panel-style-grid_alternativeColour .panel-row:nth-child(even) { background-color: #eaeced; } .panel-component .panel-body .panel-row { padding: 20px; background-color: #FFFFFF; } .panel-component .panel-body .panel-row:last-of-type { border-bottom: 0; } .panel-component .panel-body .panel-row.panel-style-grid-header { color: #FFFFFF; background-color: #353a3d; } .panel-component.panel-style-tabSwitcher .panel-header-row .panel-tab.unchecked { background-color: #dadbdc; color: #353a3d; cursor: pointer; } .panel-component.panel-style-tabSwitcher .panel-header-row .panel-tab.unchecked:hover { background-color: #f26522; } .panel-component.panel-style-transparentHeader .panel-header-row { padding-left: 0; } .panel-component.panel-style-transparentHeader .panel-tab { padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; color: #353a3d; } @media (max-width: 991px) { #kiroro-page-dining .card .card-content { height:auto; } .panel-component .hidden-sm-border { border: 0 !important; } } .tabcordion { margin-bottom: 100px; } .tabcordion ul.nav-tabs { border-bottom: 3px solid #353a3d; padding-left: 10px; padding-bottom: 1px; } .tabcordion ul.nav-tabs li .fa { display: none; } .tabcordion ul.nav-tabs li a { background-color: #dadbdc; border: 1px solid #dadbdc; border-bottom: none; margin-right: 3px; padding: 8px 30px; cursor: pointer; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .tabcordion ul.nav-tabs li a:hover { background-color: #dadbdc; } .tabcordion ul.nav-tabs li a:active { text-decoration: none; } .tabcordion ul.nav-tabs li.active a { background-color: #353a3d; border: 1px solid #353a3d; border-bottom: none; color: #FFFFFF; cursor: default; } .tabcordion .tab-content { -moz-transition: height 0.1s; -o-transition: height 0.1s; -webkit-transition: height 0.1s; transition: height 0.1s; } .tabcordion .content-wrapper { background-color: #ededed; padding: 20px; padding-bottom: 50px; } .tabcordion .accordion-group { margin-top: 10px; margin-bottom: 10px; } .tabcordion .accordion-group .accordion-heading a { display: block; position: relative; background-color: #f26522; color: #FFFFFF; text-align: center; padding: 6px 12px; border-radius: 4px; } .tabcordion .accordion-group .accordion-heading a:hover { text-decoration: none; } .tabcordion .accordion-group .accordion-heading a.collapsed .fa.pullRight { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .tabcordion .accordion-group .accordion-heading a.collapsed .fa.pullLeft { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .tabcordion .accordion-group .accordion-heading .fa { display: block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .tabcordion .accordion-group .accordion-heading .fa.pullLeft { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tabcordion .accordion-group .accordion-heading .fa.pullRight { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tabcordion .accordion-group .accordion-inner .content-wrapper { padding-left: 10px; padding-right: 10px; } ol.list-style-dot, ul.list-style-dot { list-style: none outside none; padding: 0; } ol.list-style-dot li, ul.list-style-dot li { padding-left: 10px; margin-bottom: 5px; position: relative; } ol.list-style-dot li:before, ul.list-style-dot li:before { content: "-"; display: block; position: absolute; left: 0; top: 0; } ol.list-style-star, ul.list-style-star { list-style: none outside none; padding: 0; } ol.list-style-star li, ul.list-style-star li { padding-left: 10px; margin-bottom: 5px; position: relative; } ol.list-style-star li:before, ul.list-style-star li:before { content: "*"; display: block; position: absolute; left: 0; top: 0; vertical-align: super; font-size: 0.7em; } ol.list-style-number, ul.list-style-number { list-style: decimal outside none; padding: 0; margin-left: 1em; } .infoBar-component { margin-top: 2em; margin-bottom: 2em; padding: 20px; background-color: #FFFFFF; border: 1px solid #919495; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .infoBar-component.infoBar-style-alert { background-color: #f22222; color: #FFFFFF; border: 0; } .infoBar-component.infoBar-style-alert .fa { position: absolute; margin-right: 20px; font-size: 28px; vertical-align: middle; } .infoBar-component.infoBar-style-alert p { width: 100%; min-height: 28px; display: block; margin-top: 0; margin-bottom: 0; padding-left: 40px; } @media (max-width: 500px) { .infoBar-component { padding: 0px; } .infoBar-component .row { margin: 0; } .infoBar-component .col-img { width: 100%; min-height: 120px; padding-bottom: 20px; border-bottom: 1px solid #919495; float: none; padding: 20px; } .infoBar-component .col-description { width: 100%; float: none; background-color: rgba(255, 255, 255, 0.8); padding: 20px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0; border-radius: 0 0 10px 10px; } .infoBar-component .btn-cta { display: block; margin-bottom: 0 !important; } .infoBar-component.infoBar-style-alert { padding: 20px; background-color: #f22222; color: #FFFFFF; border: 0; } .infoBar-component.infoBar-style-alert .fa { position: absolute; margin-right: 20px; font-size: 28px; vertical-align: middle; } .infoBar-component.infoBar-style-alert p { width: 100%; min-height: 28px; display: block; margin-top: 0; margin-bottom: 0; padding-left: 40px; } } .infoBar-style-skiPackage { background-image: url(../images/infoBar_skiPackage_bg.jpg); background-size: cover; } .infoBar-style-skiPackage .descriptionWrapper { background-color: rgba(255, 255, 255, 0.3); } @media (max-width: 500px) { .infoBar-style-skiPackage { background-position-x: -50px; } } .infoBar-style-rental .imgWrapper { background-image: url(../images/infoBar_rental_bg.jpg); background-size: cover; } @media (max-width: 500px) { .infoBar-style-rental .imgWrapper { background-position-x: -50px; } } .infoBar-style-table { padding: 0; } .infoBar-style-table table { width: 100%; min-height: 143px; } .infoBar-style-table table td { padding: 20px; } .infoBar-style-table table .imgWrapper { width: 25%; min-width: 130px; padding-right: 10px; text-align: center; vertical-align: middle; } @media (max-width: 500px) { .infoBar-style-table table .imgWrapper img { width: 100%; } } .infoBar-style-table table .descriptionWrapper { width: 75%; padding-left: 10px; padding-left: 20px; } .video-component .cover-container { padding-top: 66.66%; position: relative; width: 100%; overflow: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .video-component .cover-container img { margin: auto; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; width: auto; min-width: 101%; min-height: 101%; max-width: 101%; -moz-transition: -moz-transform, 1s; -o-transition: -o-transform, 1s; -webkit-transition: -webkit-transform, 1s; transition: transform, 1s; } .video-component .cover-container:after { content: ""; display: block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; background-image: url(../images/ui_videoPlayIcon@2x.png); background-size: 100px 100px; -moz-transition: -moz-transform, 0.5s; -o-transition: -o-transform, 0.5s; -webkit-transition: -webkit-transform, 0.5s; transition: transform, 0.5s; } .video-component .footer { background-color: #FFFFFF; padding: 5px 10px; } .video-component .footer p { margin: 0; font-size: 12px; } .video-component:hover .cover-container:after { opacity: .8; -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .carousel-component { height: 250px; overflow: hidden; } .carousel-component .item-wrapper { width: 200%; } .carousel-component .item-wrapper .item { float: left; } .carousel-component .item-wrapper .item img { width: auto; height: 100%; } .filter-style-pageFilter { margin-bottom: 20px; overflow: hidden; } .filter-style-pageFilter .header { border-bottom: 1px solid #353a3d; } .filter-style-pageFilter .header .btn.btn_filterToggler { margin-right: 10px; pointer-events: none; } .filter-style-pageFilter .body { padding: 20px; border-bottom: 1px solid #353a3d; } .filter-style-pageFilter .body .checkbox { height: 30px; line-height: 30px; } .filter-style-pageFilter .body .checkbox input[type=checkbox] { position: relative; margin: 0; margin-right: 5px; display: inline-block; background: transparent; border: 1px solid #353a3d; outline: none; vertical-align: baseline; } .filter-style-pageFilter .body .checkbox input[type=checkbox] + label { display: inline-block; padding: 0; } /** * Zabuto Calendar */ .clndr-wrapper #full-clndr { width: 100%; background-color: #ebebeb; font-weight: 700; -moz-box-shadow: 0px 4px 0 #343434; -webkit-box-shadow: 0px 4px 0 #343434; box-shadow: 0px 4px 0 #343434; } .clndr-wrapper #full-clndr .clndr-controls { padding: 14px; background-color: #414141; color: white; text-align: center; } .clndr-wrapper #full-clndr .clndr-controls .clndr-previous-button { float: left; text-align: left; } .clndr-wrapper #full-clndr .clndr-controls .clndr-next-button { float: right; text-align: right; } .clndr-wrapper #full-clndr .clndr-controls .clndr-previous-button, .clndr-wrapper #full-clndr .clndr-controls .clndr-next-button { width: 30px; cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } .clndr-wrapper #full-clndr .clndr-controls .clndr-previous-button:hover, .clndr-wrapper #full-clndr .clndr-controls .clndr-next-button:hover { opacity: 0.5; } .clndr-wrapper #full-clndr .clndr-grid { float: left; width: 65%; border-right: 2px solid white; } .clndr-wrapper #full-clndr .clndr-grid .days-of-the-week { width: 100%; background-color: #3883a3; } .clndr-wrapper #full-clndr .clndr-grid .days-of-the-week .header-day { float: left; width: 14.2857%; padding: 14px; text-align: center; color: white; } .clndr-wrapper #full-clndr .clndr-grid .days { width: 100%; } .clndr-wrapper #full-clndr .clndr-grid .days .day, .clndr-wrapper #full-clndr .clndr-grid .days .empty { float: left; width: 14.2857%; height: 66px; padding: 24px 0; text-align: center; color: #4f4f4f; background-color: #ebebeb; border-bottom: 2px solid white; background-image: url("http://kylestetz.github.io/CLNDR/css/./triangle.svg"); background-size: cover; background-position: center; } .clndr-wrapper #full-clndr .clndr-grid .days .day.event .day-number, .clndr-wrapper #full-clndr .clndr-grid .days .empty.event .day-number { padding-bottom: 4px; border-bottom: 2px solid #3883a3; } .clndr-wrapper #full-clndr .clndr-grid .days .day.adjacent-month .day-number, .clndr-wrapper #full-clndr .clndr-grid .days .empty.adjacent-month .day-number { opacity: 0.3; } .clndr-wrapper #full-clndr .clndr-grid .days .today { background-color: white; background-image: none; } .clndr-wrapper #full-clndr .event-listing { float: left; width: 35%; } .clndr-wrapper #full-clndr .event-listing .event-listing-title { padding: 14px; background-color: #71bbd2; text-align: center; color: white; letter-spacing: 1px; } .clndr-wrapper #full-clndr .event-listing .event-item { padding: 14px; color: #4f4f4f; } .clndr-wrapper #full-clndr .event-listing .event-item-location { font-weight: 400; } .clndr-wrapper .noselect { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } .clndr-wrapper #mini-clndr { font-family: Asap, Helvetica, Arial; margin: 0 auto; width: 294px; } .clndr-wrapper #mini-clndr .clndr { overflow: hidden; border-bottom: 7px solid #69a776; } .clndr-wrapper #mini-clndr .clndr .controls { background-color: #69a776; color: white; } .clndr-wrapper #mini-clndr .clndr .controls .clndr-previous-button, .clndr-wrapper #mini-clndr .clndr .controls .clndr-next-button { width: 15%; padding-top: 5px; padding-bottom: 5px; display: inline-block; text-align: center; cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .clndr-wrapper #mini-clndr .clndr .controls .clndr-previous-button:hover, .clndr-wrapper #mini-clndr .clndr .controls .clndr-next-button:hover { background-color: #528b5e; } .clndr-wrapper #mini-clndr .clndr .controls .month { width: 70%; padding-top: 5px; padding-bottom: 5px; display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .clndr-wrapper #mini-clndr .clndr .days-container { position: relative; width: 294px; height: 213px; display: inline-block; } .clndr-wrapper #mini-clndr .clndr .days-container .days { position: absolute; left: 0; width: 294px; height: 217px; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; background-color: #ebebeb; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty { width: 42px; display: inline-block; padding-top: 8px; padding-bottom: 8px; font-size: 12px; text-align: center; color: #212121; border-right: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.event, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.event { -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.adjacent-month, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.adjacent-month { color: rgba(0, 0, 0, 0.3); } .clndr-wrapper #mini-clndr .clndr .days-container .days .empty { height: 31px; vertical-align: bottom; } .clndr-wrapper #mini-clndr .clndr .days-container .days .headers { background-color: #97ce7f; padding-top: 5px; padding-bottom: 5px; } .clndr-wrapper #mini-clndr .clndr .days-container .days .headers .day-header { width: 42px; display: inline-block; text-align: center; color: white; } .clndr-wrapper #mini-clndr .clndr .days-container .events { position: absolute; left: 294px; width: 294px; height: 217px; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; background-color: #ebebeb; } .clndr-wrapper #mini-clndr .clndr .days-container .events .headers { position: relative; } .clndr-wrapper #mini-clndr .clndr .days-container .events .event-header { width: 100%; background-color: #97ce7f; padding-top: 5px; padding-bottom: 5px; text-align: center; color: white; } .clndr-wrapper #mini-clndr .clndr .days-container .events .x-button { position: absolute; font-size: 80%; top: 7px; left: 20px; cursor: pointer; -webkit-transition: color 0.25s; -moz-transition: color 0.25s; -ms-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s; } .clndr-wrapper #mini-clndr .clndr .days-container .events .x-button:hover { color: white; } .clndr-wrapper #mini-clndr .clndr .days-container .events .events-list { overflow: scroll; height: 185px; } .clndr-wrapper #mini-clndr .clndr .days-container .events .events-list .event { padding-top: 8px; padding-bottom: 8px; padding-left: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: background-color 0.25s; -moz-transition: background-color 0.25s; -ms-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; } .clndr-wrapper #mini-clndr .clndr .days-container .events .events-list .event:hover { background-color: #f5f5f5; } .clndr-wrapper #mini-clndr .clndr .days-container .events .events-list .event a { position: relative; font-size: 12px; letter-spacing: 1px; background-color: transparent; color: #212121; text-decoration: none; -webkit-transition: color 0.25s; -moz-transition: color 0.25s; -ms-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s; } .clndr-wrapper #mini-clndr .clndr .days-container .events .events-list .event a:hover { background-color: transparent; color: #69a776; } .clndr-wrapper #mini-clndr .clndr .days-container.show-events .days { left: -294px; } .clndr-wrapper #mini-clndr .clndr .days-container.show-events .events { left: 0; } .clndr-wrapper #clndr-3 { max-width: 400px; margin: 0 auto; background-color: #f4f4f4; -moz-box-shadow: 4px 4px 0 #343434; -webkit-box-shadow: 4px 4px 0 #343434; box-shadow: 4px 4px 0 #343434; padding-bottom: 12px; } .clndr-wrapper #clndr-3 .month-bar { text-align: center; padding: 12px; } .clndr-wrapper #clndr-3 .days-of-the-week { width: 100%; } .clndr-wrapper #clndr-3 .days-of-the-week .header-day { display: inline-block; float: left; width: 14.2857%; padding: 12px 0; text-align: center; } .clndr-wrapper #clndr-3 .days .day, .clndr-wrapper #clndr-3 .days .empty { float: left; width: 14.2857%; padding: 12px 0; text-align: center; } .clndr-wrapper #clndr-3 .days .day.today, .clndr-wrapper #clndr-3 .days .empty.today { background-color: #ebebeb; -moz-box-shadow: inset 0 0 8px #d4d4d4; -webkit-box-shadow: inset 0 0 8px #d4d4d4; box-shadow: inset 0 0 8px #d4d4d4; } .clndr-wrapper #clndr-3 .days .day.event, .clndr-wrapper #clndr-3 .days .empty.event { color: #71bbd2; } .clndr-wrapper #clndr-3 .days .day.adjacent-month .day-number, .clndr-wrapper #clndr-3 .days .empty.adjacent-month .day-number { opacity: 0.3; } .clndr-wrapper #clndr-4 { box-shadow: 4px 4px 0 #343434; } .clndr-wrapper #clndr-4 .date-range { padding: 0.4em; text-align: center; color: white; } .clndr-wrapper #clndr-4 .days-of-the-week { background-color: #ff9e92; padding: 0.4em 8%; } .clndr-wrapper #clndr-4 .day-of-the-week { display: inline-block; width: 14.2857%; text-align: center; } .clndr-wrapper #clndr-4 .clndr-previous-button, .clndr-wrapper #clndr-4 .clndr-next-button { display: inline-block; vertical-align: top; width: 8%; height: 160px; padding-top: 54px; background-color: #ebebeb; text-align: center; font-size: 32px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .clndr-wrapper #clndr-4 .clndr-previous-button:hover, .clndr-wrapper #clndr-4 .clndr-next-button:hover { cursor: pointer; background-color: #dedede; } .clndr-wrapper #clndr-4 .days-container { display: inline-block; width: 84%; } .clndr-wrapper #clndr-4 .day { display: inline-block; width: 14.2857%; height: 160px; overflow: scroll; padding: 0.5em; background-color: #f4f4f4; border-right: 2px solid #ebebeb; text-align: right; } .clndr-wrapper #clndr-4 .day:last-child { border-right: none; } .clndr-wrapper #clndr-4 .day.today .day-number { color: #ff5a45; padding-bottom: 2px; border-bottom: 2px solid #ff5a45; } .clndr-wrapper #clndr-4 .events { margin-top: 1em; } .clndr-wrapper #clndr-4 .event-listing { display: inline-block; width: 100%; padding: 0.25em; border: 2px solid #414141; border-radius: 2px; text-align: left; font-size: 10px; color: #414141; } .clndr-wrapper * { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .clndr-wrapper body { font-family: Inconsolata, Monaco, 'Andale Mono', Courier; font-size: 18px; color: #212121; } .clndr-wrapper body h1, .clndr-wrapper body h2, .clndr-wrapper body h3, .clndr-wrapper body h4, .clndr-wrapper body h5, .clndr-wrapper body h6 { margin-bottom: 1em; color: white; text-shadow: 1px 1px 1px #212121; } .clndr-wrapper p { line-height: 1.5em; margin-bottom: 1em; } .clndr-wrapper p + h3 { margin-top: 3em; } .clndr-wrapper a { text-decoration: none; background-color: #ebebeb; color: #3883a3; padding: 0 2px; border-radius: 2px; -webkit-transition: background-color 0.2s, color 0.4s; -moz-transition: background-color 0.2s, color 0.4s; -ms-transition: background-color 0.2s, color 0.4s; -o-transition: background-color 0.2s, color 0.4s; transition: background-color 0.2s, color 0.4s; } .clndr-wrapper a:hover { background-color: #98cede; color: #212121; } .clndr-wrapper span.code { padding: 0 2px; background-color: rgba(255, 255, 255, 0.4); border-radius: 2px; } .clndr-wrapper .block { padding: 80px 0; width: 100%; } .clndr-wrapper .inner { max-width: 960px; padding: 0 20px; margin: 0 auto; } .clndr-wrapper .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clndr-wrapper .clearfix { display: inline-block; } .clndr-wrapper html[xmlns] .clearfix { display: block; } .clndr-wrapper * html .clearfix { height: 1%; } .clndr-wrapper strong { font-weight: 700; } .clndr-wrapper .bg-gray { background-color: #414141; } .clndr-wrapper .bg-red { background-color: #ff5a45; } .clndr-wrapper .bg-red a { color: #ff5a45; } .clndr-wrapper .bg-red a:hover { background-color: #ffb4ab; color: #212121; } .clndr-wrapper .bg-blue { background-color: #71bbd2; } .clndr-wrapper .bg-green { background-color: #97ce7f; } .clndr-wrapper .bg-yellow { background-color: #ddca9a; } .clndr-wrapper .center { text-align: center; } .clndr-wrapper .header { padding: 30px 0; } .clndr-wrapper .clndr-logo { margin: 0 auto; width: 113px; height: 113px; background-image: url("http://kylestetz.github.io/CLNDR/css/./clndr-logo.svg"); } .clndr-wrapper .banner-text { text-align: center; color: #f4f4f4; letter-spacing: 1px; font-weight: normal; text-shadow: 2px 2px 2px #212121; } .clndr-wrapper .banner-text.below { margin-top: 30px; } .clndr-wrapper .banner-text.below a { background-color: transparent; color: #97ce7f; } .clndr-wrapper .banner-text.below a:hover { color: #d3eac9; } .clndr-wrapper .more-space { margin-top: 3em; } @media all and (max-width: 768px) { .clndr-wrapper #full-clndr .clndr-grid { width: 100%; border: none; } .clndr-wrapper #full-clndr .event-listing { display: none; } .clndr-wrapper h1.banner-text { font-size: 28px; } .clndr-wrapper .banner-text.below { font-size: 16px; word-wrap: break-word; } .clndr-wrapper code[class*="language-"], .clndr-wrapper pre[class*="language-"] { font-size: 14px; } .clndr-wrapper #clndr-4 .day, .clndr-wrapper #clndr-4 .clndr-next-button, .clndr-wrapper #clndr-4 .clndr-previous-button { height: 100px; } .clndr-wrapper #clndr-4 .clndr-next-button, .clndr-wrapper #clndr-4 .clndr-previous-button { padding-top: 30px; } .clndr-wrapper #clndr-4 .events { margin-top: 0.1em; } .clndr-wrapper #clndr-4 .event-listing { width: 1px; height: 1px; } .clndr-wrapper #clndr-4 .event-listing-title { display: none; } } .clndr-wrapper #mini-clndr { width: 100%; } .clndr-wrapper #mini-clndr .clndr { border-bottom-color: #252525; } .clndr-wrapper #mini-clndr .clndr .controls { background-color: #252525; } .clndr-wrapper #mini-clndr .clndr .days-container { width: 100%; height: auto; position: relative; display: block; } .clndr-wrapper #mini-clndr .clndr .days-container .days { width: 100%; height: auto; position: relative; background-color: transparent; } .clndr-wrapper #mini-clndr .clndr .days-container .days .headers { background-color: #34393d; } .clndr-wrapper #mini-clndr .clndr .days-container .days .headers .day-header { width: 14.285%; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty { width: 14.285%; position: relative; overflow: hidden; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.holiday, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.holiday { background-color: #ffb8bc; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.regularCourse .bar-regularCourse, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.regularCourse .bar-regularCourse { display: inline-block !important; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.specialCourse .bar-specialCourse, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.specialCourse .bar-specialCourse { display: inline-block !important; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.socialEvent .bar-socialEvent, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.socialEvent .bar-socialEvent { display: inline-block !important; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.totalEvent-1 .bar, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.totalEvent-1 .bar { width: 40% !important; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.totalEvent-2 .bar, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.totalEvent-2 .bar { width: 30% !important; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day.totalEvent-3 .bar, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty.totalEvent-3 .bar { width: 20% !important; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day .event-wrapper, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty .event-wrapper { width: 100%; position: absolute; bottom: 5px; line-height: 0; text-align: center; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day .event-wrapper .bar, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty .event-wrapper .bar { display: none; width: 20%; height: 3px; background-color: #000; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day .event-wrapper .bar:last-child, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty .event-wrapper .bar:last-child { margin-right: 0; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day .event-wrapper .bar.bar-regularCourse, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty .event-wrapper .bar.bar-regularCourse { background-color: #f26522; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day .event-wrapper .bar.bar-specialCourse, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty .event-wrapper .bar.bar-specialCourse { background-color: #20c5f3; } .clndr-wrapper #mini-clndr .clndr .days-container .days .day .event-wrapper .bar.bar-socialEvent, .clndr-wrapper #mini-clndr .clndr .days-container .days .empty .event-wrapper .bar.bar-socialEvent { background-color: #f4e300; } .clndr-wrapper #mini-clndr .clndr .days-container .events { display: none; } .clndr-wrapper ul.legend-wrapper { list-style: none outside none; padding: 0; margin-top: 20px; font-size: 0.7em; } .clndr-wrapper ul.legend-wrapper li { padding-left: 1.4em; margin-bottom: 5px; position: relative; } .clndr-wrapper ul.legend-wrapper li:before { content: ""; display: block; height: 10px; width: 10px; background-color: #000; position: absolute; left: 0; top: 0.1em; } .clndr-wrapper ul.legend-wrapper li.regularCourse:before { background-color: #f26522; } .clndr-wrapper ul.legend-wrapper li.specialCourse:before { background-color: #20c5f3; } .clndr-wrapper ul.legend-wrapper li.socialEvent:before { background-color: #f4e300; } /* Course Icon - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #kiroro .section-heading { margin-top: 5rem; margin-bottom: 2.5rem; } #kiroro .sectionDivider-container { width: 100%; height: 77px; background-image: url(../images/deco_hills_1@2x.png); background-size: 236px 77px; background-repeat: no-repeat; background-position: center bottom; border-bottom: 1px solid #b6b7b8; } #kiroro .breadcrumb-container { display: none; margin-bottom: 40px; } #kiroro .breadcrumb-container .item { display: inline-block; } #kiroro .breadcrumb-container .item:after { content: ">"; display: inline; text-decoration: none; margin: 0 5px; } #kiroro .breadcrumb-container .item:last-of-type:after { content: ""; } #kiroro .courseIcon { width: 30px; height: 30px; position: relative; display: inline-block; } #kiroro .courseIcon .num { position: absolute; z-index: 2; width: 100%; height: 100%; text-align: center; line-height: 30px; color: #FFF; font-size: 14px; } #kiroro .courseIcon.beginner:after { content: ""; display: block; width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; z-index: 0; margin-left: -14px; margin-top: -14px; background-color: #39b54a; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #kiroro .courseIcon.intermediate:after { content: ""; display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; z-index: 0; margin-left: -12px; margin-top: -12px; background-color: #ed145b; } #kiroro .courseIcon.advanced:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; z-index: 0; margin-left: -10px; margin-top: -10px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #000000; } #kiroro .courseIcon.small.beginner:after { width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; } #kiroro .courseIcon.small.intermediate:after { width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; } #kiroro .courseIcon.small.advanced:after { width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; } #kiroro .youtube-autoSizeWrapper { margin-bottom: 6rem; } /* Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #page-main-wrapper { height: 100%; font-family: 'Roboto', sans-serif; /*left: 0; top: 0;*/ overflow-x: hidden; } #page-main-mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 3000; background-color: #000; opacity: 0; visibility: hidden; pointer-events: none; } .page-cover-container { min-height: 500px; height: 70%; margin-top: 0; margin-bottom: 0 !important; margin-bottom: 2rem; } .page-cover-container .container { position: relative; } .page-cover-container .contentWrapper { width: 100%; /*height: 100%;*/ height: 100vh; position: absolute; top: 0; left: 0; z-index: -1; -moz-perspective: 300px; -webkit-perspective: 300px; perspective: 300px; } .page-cover-container div.cover { width: 100%; height: 100%; background-size: auto 100%; background-size: cover; background-position: center top; position: absolute; left: 0; top: 0; z-index: -1; background-repeat: no-repeat; opacity: 1; } .page-cover-container img.cover { width: 100%; margin-left: -10%; } .page-cover-container .wrapper { width: 100%; position: absolute; left: 0; top: 0; } @media (max-width: 500px) { .page-cover-container { height: 200px; overflow: hidden; min-height: auto; min-height: initial; } .page-cover-container .contentWrapper { position: static; height: 200px; } } .page-cover-container.noCover { min-height: 200px; height: 200px; } @media (max-width: 500px) { .page-cover-container.noCover { height: 0; overflow: hidden; visibility: hidden; } } .page-shortcut-container .btn { display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } @media (max-width: 500px) { .page-shortcut-container .btn { margin-bottom: 5px; margin-top: 5px; } } p.lead { margin-top: 20px; } section { padding-top: 5rem; padding-bottom: 5rem; } .container .containerPanel { position: relative; margin: -50px -50px 80px -50px; padding: 20px 50px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(250, 250, 250, 0.95)), color-stop(40%, rgba(250, 250, 250, 0.8)), color-stop(80%, rgba(250, 250, 250, 0))); background-image: -moz-linear-gradient(top, rgba(250, 250, 250, 0.95) 0%, rgba(250, 250, 250, 0.8) 40%, rgba(250, 250, 250, 0) 80%); background-image: -webkit-linear-gradient(top, rgba(250, 250, 250, 0.95) 0%, rgba(250, 250, 250, 0.8) 40%, rgba(250, 250, 250, 0) 80%); background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0.95) 0%, rgba(250, 250, 250, 0.8) 40%, rgba(250, 250, 250, 0) 80%); -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } .container .containerPanel:before { content: ""; display: block; width: 100%; height: 5px; background-color: rgba(242, 101, 34, 0.8); position: absolute; top: -5px; left: 0; } .container .containerPanel section { padding-top: 0; padding-bottom: 0; margin-bottom: 80px; } .container .containerPanel section:first-of-type { margin-top: 0; } @media (max-width: 500px) { .container .containerPanel { margin: 0; padding: 0; background-image: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .container .containerPanel:before { display: none; } } .container .containerPanel .containerPanel-toEdgeChildContainer { margin-left: -20px; margin-right: -20px; } @media (min-width: 768px) { .container .containerPanel .containerPanel-toEdgeChildContainer { margin-left: -50px; margin-right: -50px; } } /* #page-header-container ============================================================================================================================== */ #page-header-container { font-family: 'Roboto', sans-serif; width: 100%; position: fixed; top: 0; left: 0; z-index: 2000; } #page-header-container .logo_kiroro { width: 60px; height: 60px; position: absolute; left: 10px; top: 0; z-index: 1; } @media (min-width: 768px) { #page-header-container .logo_kiroro { left: 0; width: 120px; height: 120px; -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); } } #page-header-container .btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #page-header-container #form-search { display: inline-block; width: 0; margin-bottom: -8px; overflow: hidden; -moz-transition: all, 0.5s; -o-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; } #page-header-container #form-search input[type=text] { border: 0; border-bottom: 1px solid #000; height: 20px; width: 0; margin-right: 20px; margin-left: -10px; padding: 0 10px; margin-top: 10px; -moz-transition: all, ease-out 0.5s; -o-transition: all, ease-out 0.5s; -webkit-transition: all, ease-out 0.5s; transition: all, ease-out 0.5s; } #page-header-container #form-search.open { width: auto; } #page-header-container #form-search.open input[type=text] { width: 200px; } #page-header-container #bgFading-container { display: none; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; } @media (min-width: 768px) { #page-header-container #bgFading-container { display: block; } } #page-header-container #bgFading-container .status1-container { width: 100%; height: 200px; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%); -moz-transition: background-image 0.3s, height 0.3s; -o-transition: background-image 0.3s, height 0.3s; -webkit-transition: background-image 0.3s, height 0.3s; transition: background-image 0.3s, height 0.3s; opacity: 1; pointer-events: auto; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #page-header-container #bgFading-container .status2-container { width: 100%; height: 120px; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; background-color: rgba(255, 255, 255, 0.9); -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none; } #page-header-container #bgFading-container.status2 .status1-container { opacity: 0; pointer-events: none; } #page-header-container #bgFading-container.status2 .status2-container { opacity: 1; pointer-events: auto; } #page-header-container #mobileNavbar-container { height: 40px; line-height: 40px; padding: 0 10px; background-color: #e6e9ed; } #page-header-container #mobileNavbar-container .navbar-toggle { display: inline-block; height: 30px; margin: 0; border: 1px solid #919495; padding: 6px 10px; margin-top: 4px; } #page-header-container #mobileNavbar-container .navbar-toggle .icon-bar { background-color: #353a3d; height: 3px; } #page-header-container #mobileNavbar-container a.btn { line-height: 40px; height: 100%; } #page-header-container #mobileNavbar-container .btn-lang { font-size: 16px; padding: 0 20px; } @media (min-width: 769px) { #page-header-container #mobileNavbar-container { display: none !important; } } @media (max-width: 768px) { #page-header-container #bgFading-container.status2 { display: none !important; } } #page-header-container #toolbar-container { height: 40px; border-bottom: 1px #353a3d solid; font-size: 12px; background-color: rgba(255, 255, 255, 0.7); } #page-header-container #toolbar-container .btn { height: 40px; display: inline-block; padding-top: 0; padding-bottom: 0; font-size: 14px; line-height: 40px; } #page-header-container #toolbar-container .btn-lang { font-size: 16px; padding: 0 20px; } #page-header-container #toolbar-container .navbar-right a { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #page-header-container #toolbar-container .navbar-right a:hover { color: #f26522; } #page-header-container #toolbar-container .btn-sns { padding-left: 5px; padding-right: 5px; } #page-header-container #toolbar-container .btn-sns:last-child { margin-right: 10px; } #page-header-container #navbar-container { margin-top: 23px; } #page-header-container #navbar-container a { font-size: 1rem; font-weight: 500; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; } #page-header-container #navbar-container .dropdown a.dropdown-toggle { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; background-color: transparent; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #page-header-container #navbar-container .dropdown a.dropdown-toggle .label-wrapper { position: relative; } #page-header-container #navbar-container .dropdown a.dropdown-toggle .label-wrapper::after { content: ""; display: block; position: absolute; left: 0; bottom: -8px; height: 3px; width: 0; background: #f26522; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #page-header-container #navbar-container .dropdown ul.dropdown-menu { right: auto; left: auto; border: 0; padding-top: 10px; padding-bottom: 10px; background-color: transparent; display: block; visibility: hidden; opacity: 0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzNTNhM2QiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGMzYjMzIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(53, 58, 61, 0.9)), color-stop(100%, rgba(76, 59, 51, 0.9))); background-image: -moz-linear-gradient(top, rgba(53, 58, 61, 0.9) 50%, rgba(76, 59, 51, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(53, 58, 61, 0.9) 50%, rgba(76, 59, 51, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(53, 58, 61, 0.9) 50%, rgba(76, 59, 51, 0.9) 100%); -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0; border-radius: 0 5px 5px 5px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.42); -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.42); box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.42); } #page-header-container #navbar-container .dropdown ul.dropdown-menu.pull-right { right: 0; left: auto; } #page-header-container #navbar-container .dropdown ul.dropdown-menu .divider { background-color: #7e8284; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li { color: #FFFFFF; position: relative; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li a { padding-right: 60px; color: #FFFFFF; background-color: transparent !important; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li a i.fa { position: absolute; right: 20px; top: 13px; font-size: 12px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li a:hover { color: #f26522; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li a:hover i.fa { right: 15px; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li a[href^="#"]:hover { color: #FFFFFF; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li a[href^="#"]:hover i.fa { right: 20px; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li ul.subGroup { padding-left: 20px; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li ul.subGroup .heading { padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; margin-left: -20px; } #page-header-container #navbar-container .dropdown ul.dropdown-menu li ul.subGroup a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; text-decoration: none; } #page-header-container #navbar-container .dropdown.open a.dropdown-toggle { color: #FFFFFF; background-color: rgba(53, 58, 61, 0.9); } #page-header-container #navbar-container .dropdown.open a.dropdown-toggle .label-wrapper::after { height: 3px; width: 100%; } #page-header-container #navbar-container .dropdown.open ul.dropdown-menu { visibility: visible; opacity: 1; } #page-header-container #navbar-container .dropdown.open ul.dropdown-menu.pull-right { -moz-border-radius: 5px 0 5px 5px; -webkit-border-radius: 5px; border-radius: 5px 0 5px 5px; } #page-header-container #navbar-container .btn_nav { position: relative; text-align: left; } #page-header-container #navbar-container .btn_nav .fa.pullRight { margin-top: 0; } @media (max-width: 922px) { #page-header-container #navbar-container li.dropdown:last-of-type { margin-right: 10px; } #page-header-container #navbar-container li.dropdown a.dropdown-toggle { padding-right: 10px; padding-left: 5px; } } /* #page-footer-container ============================================================================================================================== */ #page-footer-container { padding-top: 50px; padding-bottom: 50px; background-color: #ebedf1; font-size: 12px; color: #919495; } #page-footer-container h1, #page-footer-container h2, #page-footer-container h3, #page-footer-container h4, #page-footer-container h5, #page-footer-container h6 { font-weight: 700; color: #353a3d; } #page-footer-container a.btn[href^="#"]:hover { color: inherit !important; } #page-footer-container .btn-style-footer { padding: 0; margin-bottom: 0.3em; font-size: inherit; } #page-footer-container .btn-style-footer:hover { color: #f26522 !important; } #page-footer-container .btn-style-footer[href^="#"]:hover { color: inherit !important; } #page-footer-container .btn-sns { color: #353a3d; font-size: 20px; margin-right: 5px; } #page-footer-container .btn-sns:last-of-type { margin: 0; } #page-footer-container #desktopFooter-container .col { padding-top: 5px; padding-bottom: 5px; } #page-footer-container #desktopFooter-container .col h6 { font-size: 11px; color: #353a3d; margin-bottom: 4px; } #page-footer-container #desktopFooter-container .col ul.others .btn-style-footer { color: #353a3d; } #page-footer-container #desktopFooter-container .col ul.others-xs { color: #353a3d; } #page-footer-container #desktopFooter-container .col ul.others-xs .item { display: inline-block; } #page-footer-container #desktopFooter-container .col ul.others-xs .item:after { content: ">"; display: inline; text-decoration: none; margin: 0 5px; } #page-footer-container #desktopFooter-container .col ul.others-xs .item:last-of-type:after { content: ""; } #page-footer-container #desktopFooter-container #sitemap-container .col { float: left; padding-left: 14px; margin-right: 30px; border-left: 1px solid #353a3d; } #page-footer-container #desktopFooter-container #sitemap-container .col:first-of-type { padding-left: 0; border: 0; } @media (min-width: 768px) and (max-width: 991px) { #page-footer-container #desktopFooter-container #sitemap-container .col { padding-left: 10px; margin-right: 10px; } } #page-footer-container #desktopFooter-container #sitemap-container .col_1, #page-footer-container #desktopFooter-container #sitemap-container .col_2, #page-footer-container #desktopFooter-container #sitemap-container .col_3 { height: 15em; } #page-footer-container #desktopFooter-container #sitemap-container #col_stay { padding-left: 0; border: 0; } #page-footer-container #desktopFooter-container #sitemap-container ul.subGroup { margin-top: 1em; margin-bottom: 1em; padding-left: 10px; } #page-footer-container #desktopFooter-container #sitemap-container ul.subGroup .heading { margin-left: -10px; margin-bottom: 0.5em; color: #353a3d; } #page-footer-container #desktopFooter-container #info-container { width: 160px; } #page-footer-container #desktopFooter-container #info-container h6 { display: inline-block; margin-right: 3px; } #page-footer-container #desktopFooter-container img.logo { margin-top: 10px; margin-bottom: 5px; } #page-footer-container #desktopFooter-container img#logo-tribute { margin-left: 20px; } #page-footer-container hr { border-color: #353a3d; } /* desktopfooter - logos */ #page-footer-container #desktopFooter-btm .clearfix { margin-top: 46px; } #page-footer-container #desktopFooter-btm .clearfix #partnership-logos { margin-top:27px; /*display: flex; justify-content: space-between;*/ } #page-footer-container #desktopFooter-btm #partnership-logos img { margin-right:15px; } #page-footer-container #desktopFooter-btm #partnership-logos #poweralliance{ } #page-footer-container #desktopFooter-btm #partnership-logos #nzski{ margin-top: 4px; } #page-footer-container #desktopFooter-btm #partnership-logos #are{ } #page-footer-container #desktopFooter-btm #partnership-logos #powdermountain{ margin-top: -2px; } #page-footer-container #desktopFooter-btm #partnership-logos #powerpass{ margin-top: -9px; } #page-footer-container #desktopFooter-btm #partnership-logos #sunlight{ margin-top: -2px; } #page-footer-container #desktopFooter-btm #partnership-logos #brundagemountain{ margin-top: -4px; } /******/ #page-footer-container #mobileFooter-container #info-container { width: 100%; } #page-footer-container #mobileFooter-container #info-container .spaceBreak { height: 2rem; } #page-footer-container #mobileFooter-container h6 { margin-top: 0; margin-right: 10px; } #page-footer-container #mobileFooter-container .logo-block { width: 33.33%; text-align: center; } #page-footer-container #mobileFooter-container img.logo { /*margin-right: 10px;*/ margin-left: 0; max-width: 100%; } #page-footer-container #mobileFooter-container img#logo-sheraton { margin-right: 20px; } #page-footer-container #mobileFooter-container img#logo-tribute { margin-right: 0; } #page-footer-container #mobileFooter-container hr { margin-top: 2em; margin-bottom: 2em; } #page-footer-container #mobileFooter-container ul.others { width: 70%; color: #353a3d; } #page-footer-container #mobileFooter-container ul.others .item { display: inline-block; } #page-footer-container #mobileFooter-container ul.others .item:after { content: "|"; display: inline; text-decoration: none; margin: 0 5px; } #page-footer-container #mobileFooter-container ul.others .item:last-of-type:after { content: ""; } #page-footer-container #mobileFooter-container .partnership-logos-mobile { display:flex; justify-content: space-between; margin-bottom: 15px; } #page-footer-container #mobileFooter-container .partnership-logos-mobile #poweralliance{ } #page-footer-container #mobileFooter-container .partnership-logos-mobile #nzski{ margin-top: 16px; } #page-footer-container #mobileFooter-container .partnership-logos-mobile #are{ margin-top: 10px; } #page-footer-container #mobileFooter-container .partnership-logos-mobile #powdermountain{ margin-top: -2px; } #page-footer-container #mobileFooter-container .partnership-logos-mobile #powerpass{ margin-top: -13px; } #page-footer-container #mobileFooter-container .partnership-logos-mobile #sunlight{ margin-top: -1px; } #page-footer-container #mobileFooter-container .partnership-logos-mobile #brundagemountain{ margin-top: -4px; } /* #page-sidebar-container ============================================================================================================================== */ #page-sidebar-container { width: 280px; min-height: 100%; position: fixed; right: 0; top: 0; bottom: 0; z-index: 4000; background-image: url(../images/sidebar_bg.jpg); overflow-y: scroll; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 12px; -moz-transform: translate3d(280px, 0, 0); -ms-transform: translate3d(280px, 0, 0); -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } #page-sidebar-container section { padding: 20px 5px; } #page-sidebar-container hr { margin: 0; } #page-sidebar-container .heading { font-weight: 300px; font-size: 10px; margin-bottom: 5px; } #page-sidebar-container .row { margin: 0 -8px; } #page-sidebar-container .col-xs-1, #page-sidebar-container .col-sm-1, #page-sidebar-container .col-md-1, #page-sidebar-container .col-lg-1, #page-sidebar-container .col-xs-2, #page-sidebar-container .col-sm-2, #page-sidebar-container .col-md-2, #page-sidebar-container .col-lg-2, #page-sidebar-container .col-xs-3, #page-sidebar-container .col-sm-3, #page-sidebar-container .col-md-3, #page-sidebar-container .col-lg-3, #page-sidebar-container .col-xs-4, #page-sidebar-container .col-sm-4, #page-sidebar-container .col-md-4, #page-sidebar-container .col-lg-4, #page-sidebar-container .col-xs-5, #page-sidebar-container .col-sm-5, #page-sidebar-container .col-md-5, #page-sidebar-container .col-lg-5, #page-sidebar-container .col-xs-6, #page-sidebar-container .col-sm-6, #page-sidebar-container .col-md-6, #page-sidebar-container .col-lg-6, #page-sidebar-container .col-xs-7, #page-sidebar-container .col-sm-7, #page-sidebar-container .col-md-7, #page-sidebar-container .col-lg-7, #page-sidebar-container .col-xs-8, #page-sidebar-container .col-sm-8, #page-sidebar-container .col-md-8, #page-sidebar-container .col-lg-8, #page-sidebar-container .col-xs-9, #page-sidebar-container .col-sm-9, #page-sidebar-container .col-md-9, #page-sidebar-container .col-lg-9, #page-sidebar-container .col-xs-10, #page-sidebar-container .col-sm-10, #page-sidebar-container .col-md-10, #page-sidebar-container .col-lg-10, #page-sidebar-container .col-xs-11, #page-sidebar-container .col-sm-11, #page-sidebar-container .col-md-11, #page-sidebar-container .col-lg-11, #page-sidebar-container .col-xs-12, #page-sidebar-container .col-sm-12, #page-sidebar-container .col-md-12, #page-sidebar-container .col-lg-12 { padding-left: 8px; padding-right: 8px; } #page-sidebar-container #sidebar-header { width: 100%; height: 50px; position: absolute; top: 0; left: 0; z-index: 3; padding-top: 10px; padding-bottom: 10px; background-image: url(../images/sidebar_bg.jpg); } /*#page-sidebar-container #sidebar-header .btn { height: 30px; padding: 0 10px; border: 1px solid #919495; line-height: 30px; font-size: 12px; }*/ #page-sidebar-container #btn-mobileBuyPass { height: 30px; padding: 0 10px; border: 1px solid #919495; line-height: 30px; font-size: 12px; width: 218px; margin-left: 12px; margin-bottom: 1em; } #page-sidebar-container #sidebar-header #btn-close { width: 40px; height: 40px; position: absolute; top: 5px; right: 5px; z-index: 2; line-height: 40px; color: #FFFFFF; font-size: 24px; padding: 0; border: 0; } #page-sidebar-container #sidebar-header #btn-mobileSearch { font-size: 16px; margin-right: 11px; border: none !important; margin-left: 10px; margin-top:5px; } #page-sidebar-container #mobile-form-search { display: inline-block; position: absolute; top: 6px; width: 0; margin-bottom: 19px; /*overflow: hidden;*/ -moz-transition: all, 0.5s; -o-transition: all, 0.5s; -webkit-transition: all, 0.5s; transition: all, 0.5s; } #page-sidebar-container #mobile-form-search input[type=text] { border: 0; border-bottom: 1px solid #919495; background: none !important; height: 16px; width: 0; margin-right: 20px; margin-left: 41px; padding: 9px 10px; margin-top: 10px; -moz-transition: all, ease-out 0.5s; -o-transition: all, ease-out 0.5s; -webkit-transition: all, ease-out 0.5s; transition: all, ease-out 0.5s; } #page-sidebar-container #mobile-form-search.open { width: auto; } #page-sidebar-container #mobile-form-search.open input[type=text] { width: 172px; } #page-sidebar-container #sidebar-header #btn-mobileBuyPass { width: 175px; } #page-sidebar-container #mobileMenu-container .accordion_component { margin: 0 0 0 0; } #page-sidebar-container #mobileMenu-container .mobileMenu_subMenu { padding-left: 10px; } #page-sidebar-container .spaceBreak { height: 1rem; } #page-sidebar-container .content-wrapper { height: 100%; padding-top: 40px; padding-bottom: 40px; } #page-sidebar-container .content-wrapper #sidebar-weatherInfo-container #currentTemp { margin-top: 10px; font-size: 30px; } #page-sidebar-container .content-wrapper #sidebar-weatherInfo-container #weatherIcon { margin-left: -20px; margin-top: -20px; } #page-sidebar-container .content-wrapper #sidebar-lifeStatus-container img.icon { width: 30px; } #page-sidebar-container .content-wrapper #sidebar-lifeStatus-container .lifeStatus { margin-top: 8px; } #page-sidebar-container .content-wrapper #sidebar-lifeStatus-container .liftName { font-size: 10px; margin-bottom: 5px; display: block; } #page-sidebar-container .content-wrapper #sidebar-lifeStatus-container .lifeTime { display: block; } @media (max-width: 768px) { #page-sidebar-container .visible-xs-block, #btn-mobileSearch, #btn-mobileBuyPass { display: block !important; } } @media (min-width: 769px) { #page-sidebar-container #mobile-form-search { display: none; } } /* #quickLink-container ============================================================================================================================== */ #quickLink-container { padding-top: 4rem; padding-bottom: 3rem; } /* #page-subscribe-container ============================================================================================================================== */ #page-subscribe-container { padding-top: 4rem; padding-bottom: 6rem; text-align: center; background-color: #FFFFFF; background-image: url(../images/bg_pattern_1.jpg); background-position: center 30px; background-attachment: fixed; -moz-box-shadow: inset 0px -20px 25px -21px rgba(0, 0, 0, 0.3), inset 0px 20px 25px -21px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px -20px 25px -21px rgba(0, 0, 0, 0.3), inset 0px 20px 25px -21px rgba(0, 0, 0, 0.3); box-shadow: inset 0px -20px 25px -21px rgba(0, 0, 0, 0.3), inset 0px 20px 25px -21px rgba(0, 0, 0, 0.3); } #page-subscribe-container small { display: block; } #page-subscribe-container h4 { color: #919495; } #page-subscribe-container .col-md-2, #page-subscribe-container .col-md-6 { padding-right: 5px; padding-left: 5px; } #page-subscribe-container #subscribeForm input[type=text] { width: 100%; margin-right: 0; margin-bottom: 20px; } @media (min-width: 768px) { #page-subscribe-container #subscribeForm input[type=text] { width: 50%; height: 32px; margin-bottom: 0; margin-right: 10px; } } #kiroro-page-home #topReasons-container { padding-top: 0; padding-bottom: 0; } #kiroro-page-home #coverCarousel-container { height: calc( 99vh - 20px ); background-image: url(../images/hotOffer_bg@2x.jpg); background-size: cover; } @media (max-width: 500px) { #kiroro-page-home #coverCarousel-container { height: 570px; } #kiroro-page-home #coverCarousel-container .carousel-control { height: 250px; } } #kiroro-page-home #coverCarousel-container .carousel-caption { left: 0; right: 0; bottom: 40px; z-index: 10; text-shadow: black 0px 0px 20px, black 0px 0px 40px, rgba(0, 0, 0, 0.7) 0px 3px 1px; /* Small devices (tablets, 768px and up) */ } #kiroro-page-home #coverCarousel-container .carousel-caption h1 { font-size: 50px; } #kiroro-page-home #coverCarousel-container .carousel-caption p { font-size: 24px; font-weight: 500; } #kiroro-page-home #coverCarousel-container .carousel-caption .wrapper { max-width: 720px; } #kiroro-page-home #coverCarousel-container .carousel-caption .description { margin-bottom: 2rem; } #kiroro-page-home #coverCarousel-container .carousel-caption .btn { font-size: 18px; padding: 6px 24px; font-weight: 500; -moz-box-shadow: 0px 10px 53px -10px black; -webkit-box-shadow: 0px 10px 53px -10px black; box-shadow: 0px 10px 53px -10px black; } @media (min-width: 768px) { #kiroro-page-home #coverCarousel-container .carousel-caption h1 { font-size: 40px; } #kiroro-page-home #coverCarousel-container .carousel-caption p { font-size: 19px; font-weight: 500; } #kiroro-page-home #coverCarousel-container .carousel-caption .wrapper { max-width: 720px; } #kiroro-page-home #coverCarousel-container .carousel-caption .description { margin-bottom: 2rem; } #kiroro-page-home #coverCarousel-container .carousel-caption .btn { font-size: 19px; padding: 6px 24px; font-weight: 500; -moz-box-shadow: 0px 10px 53px -10px black; -webkit-box-shadow: 0px 10px 53px -10px black; box-shadow: 0px 10px 53px -10px black; } } @media (max-width: 500px) { #kiroro-page-home #coverCarousel-container .carousel-caption { top: 230px; } #kiroro-page-home #coverCarousel-container .carousel-caption h1 { font-size: 32px; } #kiroro-page-home #coverCarousel-container .carousel-caption p { font-size: 14px; } #kiroro-page-home #coverCarousel-container .carousel-caption .btn-style-greyTransparnet { background-color: #f26522; margin: 0 1px; } #kiroro-page-home #coverCarousel-container .carousel-caption .wrapper { width: 310px; } #kiroro-page-home #coverCarousel-container .carousel-caption .btn { font-size: 14px; padding: 6px 12px; font-weight: 400; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } } #kiroro-page-home #coverCarousel-container .carousel-inner { height: 100%; } #kiroro-page-home #coverCarousel-container .carousel-inner .item { height: 100%; } #kiroro-page-home #coverCarousel-container .carousel-inner .item .bg { position: relative; height: 100%; background-color: #777; background-image: url(../images/landing_cover.jpg); background-size: cover; background-position: center bottom; } #kiroro-page-home #coverCarousel-container .carousel-inner .item .bg:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; } @media (max-width: 500px) { #kiroro-page-home #coverCarousel-container .carousel-inner .item .bg { height: 250px; } #kiroro-page-home #coverCarousel-container .carousel-inner .item .bg:before { display: none; } } #kiroro-page-home #coverCarousel-container .carousel-inner > .item > img { position: absolute; margin: auto; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; width: auto; min-width: 101%; min-height: 101%; max-width: 101%; } #kiroro-page-home #hotOffer-container { background-image: url(../images/hotOffer_bg@2x.jpg); background-size: cover; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; } #kiroro-page-home #hotOffer-container .visible-xs-custom { display: none; } @media (max-width: 500px) { #kiroro-page-home #hotOffer-container { padding: 0; } #kiroro-page-home #hotOffer-container .hidden-xs-custom { display: none; } #kiroro-page-home #hotOffer-container .visible-xs-custom { display: block; } } #kiroro-page-home #hotOffer-container .btn-style-orange { padding: 4px 15px; font-size: 11px; margin: 5px 0 0 -5px; } #kiroro-page-home #hotOffer-container .visible-xs-custom .row { width: 100%; } #kiroro-page-home #hotOffer-container .visible-xs-custom .col-custom { position: relative; width: 50%; height: 26%; background-image: url(../images/hotOffer_bg@2x.jpg); position: relative; } #kiroro-page-home #hotOffer-container .visible-xs-custom .col-custom small { margin-top: 5px; color: inherit; } #kiroro-page-home #hotOffer-container .visible-xs-custom .col-custom h6 { font-size: 3vw; } #kiroro-page-home #hotOffer-container .visible-xs-custom .col-custom .text-wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; padding: 10px; } #kiroro-page-home #hotOffer-container .visible-xs-custom .col-custom .spaceExpander { padding-bottom: 52%; } #kiroro-page-home #hotOffer-container .visible-xs-custom .btn-style-orange { position: absolute; right: 10px; bottom: 10px; } #kiroro-page-home #hotOffer-container .cover-container { padding-bottom: 52%; background-image: url(../images/hotOffer_itemCover_1.jpg); } #kiroro-page-home #hotOffer-container .item { margin-top: 0px; margin-bottom: 20px; } #kiroro-page-home #hotOffer-container .item .cover-container { padding-bottom: 52%; background-image: url(../images/hotOffer_itemCover_1.jpg); } #kiroro-page-home #hotOffer-container .item .content_container { padding: 10px; background-color: #353a3d; } #kiroro-page-home #hotOffer-container .item .content_container h6 { margin: 0; font-size: 14px; line-height: 18px; } #kiroro-page-home #hotOffer-container .item .content_container small { margin-top: 5px; font-size: 12px; line-height: 18px; color: inherit; } #kiroro-page-home #topReasons-container h3 { text-align: center; } #kiroro-page-home #topReasons-container .item { height: 80px; position: relative; padding: 10px; background-color: #FFFFFF; margin-bottom: -1em; margin-bottom: 30px; outline: 2px solid #f26522; overflow: hidden; -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } #kiroro-page-home #topReasons-container .item .icon { width: 50px; position: absolute; left: -1px; top: 13px; } #kiroro-page-home #topReasons-container .item .text-wrapper { text-align: left; padding: 0px 5px 0 40px; width: 100%; height: 100%; display: table; } #kiroro-page-home #topReasons-container .item .text-wrapper p { font-size: 0.8em; border-top: 0; padding: 0; display: table-cell; vertical-align: middle; } @media (min-width: 768px) { #kiroro-page-home #topReasons-container .item { width: 100%; height: auto; min-height: 157px; max-height: 200px; position: relative; padding: 10px; background-color: #FFFFFF; padding-bottom: 1em; margin-bottom: -1em; margin-bottom: 30px; outline: 2px solid #f26522; -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } #kiroro-page-home #topReasons-container .item .icon { position: static; width: 100%; max-width: 100px; height: auto; display: block; margin: 0 auto; } #kiroro-page-home #topReasons-container .item .text-wrapper { display: block; padding: 0; } #kiroro-page-home #topReasons-container .item .text-wrapper p { display: block; text-align: center; font-size: 0.9em; padding-top: 13px; border-top: 1px solid #f26522; } } @media (min-width: 768px) and (min-width: 922px) { #kiroro-page-home #topReasons-container .item { min-height: 200px; } #kiroro-page-home #topReasons-container .item .icon { width: 100%; } } #kiroro-page-whyKiroro #topReasons-container h3 { text-align: center; } #kiroro-page-whyKiroro #topReasons-container .details { margin-top: -10px; height: 155px; overflow: hidden; } @media (min-width: 768px) { #kiroro-page-whyKiroro #topReasons-container .details { margin-top: -10px; height: 140px; } } #kiroro-page-whyKiroro #topReasons-container .item { height: 80px; position: relative; padding: 10px; background-color: #FFFFFF; margin-bottom: -1em; margin-bottom: 30px; outline: 2px solid #f26522; overflow: hidden; -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } #kiroro-page-whyKiroro #topReasons-container .item .icon { width: 50px; position: absolute; left: -1px; top: 13px; } #kiroro-page-whyKiroro #topReasons-container .item .text-wrapper { text-align: left; padding: 0px 5px 0 40px; width: 100%; height: 100%; display: table; } #kiroro-page-whyKiroro #topReasons-container .item .text-wrapper p { font-size: 0.8em; border-top: 0; padding: 0; display: table-cell; vertical-align: middle; } @media (min-width: 768px) { #kiroro-page-whyKiroro #topReasons-container .item { width: 100%; height: auto; min-height: 157px; max-height: 200px; position: relative; padding: 10px; background-color: #FFFFFF; padding-bottom: 1em; margin-bottom: -1em; margin-bottom: 30px; outline: 2px solid #f26522; -moz-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 53px -16px rgba(0, 0, 0, 0.26); } #kiroro-page-whyKiroro #topReasons-container .item .icon { position: static; width: 100%; max-width: 100px; height: auto; display: block; margin: 0 auto; } #kiroro-page-whyKiroro #topReasons-container .item .text-wrapper { display: block; padding: 0; } #kiroro-page-whyKiroro #topReasons-container .item .text-wrapper p { display: block; text-align: center; font-size: 0.9em; padding-top: 13px; border-top: 1px solid #f26522; } } @media (min-width: 768px) and (min-width: 922px) { #kiroro-page-whyKiroro #topReasons-container .item { min-height: 200px; } #kiroro-page-whyKiroro #topReasons-container .item .icon { width: 100%; } } #kiroro-page-whyKiroro #topReasons-container .description-wrapper p { padding: 10px; } #kiroro-page-access #page_intro_container .shortcut { padding: 0 15px; } #kiroro-page-access #page_intro_container .shortcut .btn { margin-right: 10px; } #kiroro-page-access #googleMap-container .googleMap { width: 100%; height: 300px; background-color: #CCC; } #kiroro-page-access #googleMap-container .kiroroInfo-container { min-width: 290px; position: absolute; right: 40px; bottom: -60px; padding: 10px; display: inline-block; background-color: #FFFFFF; outline: 2px solid #f26522; } @media (max-width: 500px) { #kiroro-page-access #googleMap-container .kiroroInfo-container { position: static; width: 100%; padding: 20px; display: block; outline: 0; } } #kiroro-page-access #trainInfo-container .fa-long-arrow-right { margin-left: 3px; margin-right: 3px; } #kiroro-page-access #eCarInfo_table table { margin-top: 20px; } #kiroro-page-access #eCarInfo_table .borderLeft { border-left: 1px solid #353a3d; } #kiroro-page-access #flatRateTaxiPlan-panel .table-type-dl { margin-top: 0; } @media (max-width: 500px) { #kiroro-page-access #flatRateTaxiPlan-panel .table-type-dl { margin-top: 20px; margin-bottom: 20px; } } #kiroro-page-rentalPrice #page_intro_container .shortcut .btn { margin-right: 10px; } @media (max-width: 500px) { #kiroro-page-rentalPrice #page_intro_container .shortcut > div { width: 50%; } #kiroro-page-rentalPrice #page_intro_container .shortcut .btn { padding: 8px 15px; margin-bottom: 5px; margin-top: 5px; } } #kiroro-page-rentalPrice #regularModel_table .borderRight, #kiroro-page-rentalPrice #regularModel_table_adult .borderRight, #kiroro-page-rentalPrice #regularModel_table_kids .borderRight { border-right: 1px solid #4d5458; } #kiroro-page-rentalPrice #regularModel_table thead tr:first-of-type td, #kiroro-page-rentalPrice #regularModel_table_adult thead tr:first-of-type td, #kiroro-page-rentalPrice #regularModel_table_kids thead tr:first-of-type td { background-color: #353a3d; color: #FFFFFF; vertical-align: middle; padding: 10px 0; } #kiroro-page-rentalPrice #regularModel_table td:first-of-type, #kiroro-page-rentalPrice #regularModel_table_adult td:first-of-type, #kiroro-page-rentalPrice #regularModel_table_kids td:first-of-type { padding-right: 10px; vertical-align: top; padding: 10px; } #kiroro-page-rentalPrice #regularModel_table tbody .borderRight, #kiroro-page-rentalPrice #regularModel_table_adult tbody .borderRight, #kiroro-page-rentalPrice #regularModel_table_kids tbody .borderRight { border-right: 1px solid #7d888e; } #kiroro-page-rentalPrice #regularModel_wearSet_table { width: 100%; } #kiroro-page-rentalPrice #regularModel_wearSet_table h5 { margin: 0; } #kiroro-page-rentalPrice #regularModel_wearSet_table tr:first-of-type td { background-color: #ffc745; padding: 10px; } #kiroro-page-rentalPrice #regularModel_wearSet_table td { background-color: #fff7df; text-align: center; padding: 10px; } #kiroro-page-rentalPrice #regularModel_wearSet_table td:first-of-type { background-color: #fff2d0; text-align: left; } #kiroro-page-rentalPrice #highGrade_desp_table td { padding: 15px; } #kiroro-page-rentalPrice #others-table-a .borderRight { border-right: 1px solid #4d5458; } #kiroro-page-rentalPrice #others-table-a thead tr:first-of-type td { background-color: #353a3d; color: #FFFFFF; vertical-align: middle; padding: 10px 0; } #kiroro-page-rentalPrice #others-table-a thead tr:nth-of-type(2) td { background-color: #646e74; color: #FFFFFF; vertical-align: middle; padding: 10px 0; } #kiroro-page-rentalPrice #others-table-a tbody .borderRight { border-right: 1px solid #7d888e; } #kiroro-page-rentalPrice #others_table td { padding: 15px 10px; text-align: center; background-color: #ffeec5; } #kiroro-page-rentalPrice #others_table td:first-of-type { padding-right: 10px; vertical-align: top; padding: 10px; text-align: left; } #kiroro-page-rentalPrice #others_table thead tr:first-of-type td { background-color: #353a3d; color: #FFFFFF; vertical-align: middle; padding: 10px 0; } #kiroro-page-rentalPrice #others_table thead tr:nth-of-type(2) td { background-color: #646e74; color: #FFFFFF; vertical-align: middle; padding: 10px 0; } #kiroro-page-rentalPrice #others_table tbody td:nth-of-type(even) { background-color: #fff7e0; } #kiroro-page-skiKidsLesson #annieKidsLevel_container .panel-component { margin-bottom: 40px; } #kiroro-page-skiKidsLesson #annieKidsLevel_container .w10 { width: 30% !important; } #kiroro-page-skiKidsLesson #annieKidsLevel_container .panel-component .panel-header-row .panel-tab { background-color: #000; } #kiroro-page-skiKidsLesson #annieKidsLevel_container table.table-style-alternative tbody tr { background-color: #FFFFFF; } #kiroro-page-skiKidsLesson #annieKidsLevel_container table.table-style-alternative tbody tr td:first-of-type { background-color: #c1c6c9; } #kiroro-page-skiKidsLesson #annieKidsLevel_container table.table-style-alternative tbody tr:nth-child(even) { background-color: #eaeced; } #kiroro-page-skiKidsLesson #annieKidsLevel_container table.table-style-alternative tbody tr:nth-child(even) td:first-of-type { background-color: #cfd3d5; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_priceTable tbody td { vertical-align: middle; text-align: center; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_priceTable tbody tr { background-color: #FFFFFF; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_priceTable tbody tr td:first-of-type { background-color: #c1c6c9; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_priceTable tbody tr:nth-child(even) { background-color: #eaeced; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_priceTable tbody tr:nth-child(even) td:first-of-type { background-color: #cfd3d5; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_important.table-style-hd td:nth-of-type(1) { width: 100px; padding-right: 20px; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_important.table-style-hd tr > td { padding-bottom: 10px; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_important li { position: relative; margin-bottom: 10px; padding-left: 10px; } #kiroro-page-skiKidsLesson #annieKidsLessonPrice_container table#annieKidsLessonPrice_important li:before { content: "-"; position: absolute; left: 0; top: 0; } #kiroro-page-skiKidsLesson #annieKidsLessonOneDay_container { background-image: url(../images/bg_pattern_2.jpg); background-size: 200px; } #kiroro-page-skiKidsLesson #annieKidsLessonMustHave_container.table-style-hd td:nth-of-type(1) { width: 20px; padding-right: 20px; } #kiroro-page-skiKidsLesson #annieKidsLessonMustHave_container.table-style-hd tr > td { padding-bottom: 10px; } #kiroro-page-skiKidsLesson #annieKidsLessonMustHave_container li { position: relative; margin-bottom: 10px; padding-left: 10px; } #kiroro-page-skiKidsLesson #annieKidsLessonMustHave_container li:before { content: "-"; position: absolute; left: 0; top: 0; } /* #kiroro-page-guideMap .courseDetails_table thead { position: relative; } #kiroro-page-guideMap .courseDetails_table thead:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: pink; } #kiroro-page-guideMap .beginner_panel .panel-tab { background-color: #39b54a; } #kiroro-page-guideMap .beginner_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-guideMap .beginner_panel table td { width: 20%; } } #kiroro-page-guideMap .intermediate_panel .panel-tab { background-color: #ed145b; } #kiroro-page-guideMap .intermediate_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-guideMap .intermediate_panel table td { width: 20%; } } #kiroro-page-guideMap .advanced_panel .panel-tab { background-color: #000000; } #kiroro-page-guideMap .advanced_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-guideMap .advanced_panel table td { width: 20%; } } #kiroro-page-guideMap .button-wrapper .btn { height: 70px; width: 100%; margin-bottom: 10px; } #kiroro-page-guideMap .btn-lg { padding-top: 20px; padding-bottom: 20px; } */ #kiroro-page-guideMap .trailMap_container { position: relative; visibility: hidden; /* * * * * * * * * * * * * For Popover Elements * * * * * * * * * * * * */ } #kiroro-page-guideMap .trailMap_container #canvas_container { position: relative; width: 100%; max-width: 940px; max-height: 615px; } #kiroro-page-guideMap .trailMap_container .ui_container { position: absolute; right: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 20px; text-align: right; pointer-events: none; } #kiroro-page-guideMap .trailMap_container .ui_container #btn_mapInfo { pointer-events: auto; } #kiroro-page-guideMap .trailMap_container .ui_container .zoom_ui { position: absolute; right: 20px; bottom: 20px; } #kiroro-page-guideMap .trailMap_container .ui_container .zoom_ui #btn_zoomIn, #kiroro-page-guideMap .trailMap_container .ui_container .zoom_ui #btn_zoomOut { opacity: .7; pointer-events: auto; } #kiroro-page-guideMap .trailMap_container .ui_container .zoom_ui #btn_zoomIn:hover, #kiroro-page-guideMap .trailMap_container .ui_container .zoom_ui #btn_zoomOut:hover { color: #f26522; } #kiroro-page-guideMap .trailMap_container .map-footer-col { margin: 10px 5px; font-size: 0.7em; } #kiroro-page-guideMap .trailMap_container .map-footer-col td { padding-bottom: 5px; } #kiroro-page-guideMap .trailMap_container .map-footer-col td:first-of-type { width: 30px; } #kiroro-page-guideMap .trailMap_container .map-footer-col#footer-lift-col { width: 180px; } #kiroro-page-guideMap .trailMap_container #map-footer-col-wrapper-3 { clear: left; } #kiroro-page-guideMap .trailMap_container #popover-ref-point { position: absolute; left: 0; top: 0; width: 10px; height: 10px; } #kiroro-page-guideMap .trailMap_container .webui-popover { z-index: 1500; } #kiroro-page-guideMap .trailMap_container .webui-popover a.close { position: absolute; right: -28px; top: -28px; width: 36px; height: 36px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: transparent; background-image: url(../images/popover_close.png); background-size: cover; opacity: 1; } #kiroro-page-guideMap .trailMap_container .webui-popover a.close:after { content: ""; } #kiroro-page-guideMap .trailMap_container .webui-popover .webui-popover-title { background-color: #353a3d; text-align: center; color: #FFFFFF; margin: -1px; border-bottom: 0; } #kiroro-page-guideMap .trailMap_container .webui-popover .statusBox { margin: 0 auto; text-align: center; font-weight: bold; } #kiroro-page-guideMap .trailMap_container .webui-popover .statusBox.open { background-color: #80ef7b; } #kiroro-page-guideMap .trailMap_container .webui-popover .statusBox.close { background-color: #f22222; } #kiroro-page-guideMap .courseDetails_table thead { position: relative; } #kiroro-page-guideMap .courseDetails_table thead:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: pink; } #kiroro-page-guideMap .beginner_panel .panel-tab { background-color: #39b54a; } #kiroro-page-guideMap .beginner_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-guideMap .beginner_panel table td { width: 20%; } } #kiroro-page-guideMap .intermediate_panel .panel-tab { background-color: #ed145b; } #kiroro-page-guideMap .intermediate_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-guideMap .intermediate_panel table td { width: 20%; } } #kiroro-page-guideMap .advanced_panel .panel-tab { background-color: #000000; } #kiroro-page-guideMap .advanced_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-guideMap .advanced_panel table td { width: 20%; } } #kiroro-page-guideMap .button-wrapper .btn { height: 70px; width: 100%; margin-bottom: 10px; } #kiroro-page-guideMap .btn-lg { padding-top: 20px; padding-bottom: 20px; } #kiroro-page-guideMap .popover-card { width: 280px; } #kiroro-page-guideMap .popover-card .card { margin: 0; } #kiroro-page-guideMap .webui-popover .card .card-content { height: auto; } #mapInfoMenu-container { display: none; } #mapInfoMenu-container li.item { width: 280px; position: relative; margin-bottom: 5px; } #mapInfoMenu-container li.item .icon { width: 28px; height: 28px; display: block; position: absolute; left: 6px; top: 7px; } #mapInfoMenu-container #btn-clear { padding-top: 11px; padding-bottom: 11px; } #mapInfoMenu-container input[type=checkbox] { position: absolute; visibility: hidden; } #mapInfoMenu-container input[type=checkbox] + label { display: block; line-height: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #919495; color: #353a3d; font-weight: normal; } #mapInfoMenu-container input[type=checkbox] + label span { padding-left: 10px; margin-left: 40px; border-left: 1px solid #919495; } #mapInfoMenu-container input[type=checkbox] + label .box { float: right; width: 20px; height: 20px; text-align: center; line-height: 20px; } #mapInfoMenu-container input[type=checkbox] + label .box .fa.fa-check { display: none; } #mapInfoMenu-container input[type=checkbox] + label .box .fa.fa-eye-slash { display: inline-block; opacity: .5; } #mapInfoMenu-container input[type=checkbox]:checked + label .fa.fa-check { display: inline-block; } #mapInfoMenu-container input[type=checkbox]:checked + label .fa.fa-eye-slash { display: none; } /*#kiroro-page-dashboard section { margin: 20px; }*/ #kiroro-page-dashboard .panel-component { margin-bottom: 40px; } #kiroro-page-dashboard #dashboard_courseData { margin-bottom: 40px; } #kiroro-page-dashboard #dashboard_courseData.table-style-hd td:nth-of-type(1) { width: 130px; padding-right: 20px; } #kiroro-page-dashboard #dashboard_courseData.table-style-hd tr > td { padding: 10px 20px; } #kiroro-page-dashboard #dashboard_liveCamera { width: 100%; } #kiroro-page-dashboard #dashboard_liveCamera .panel-row { padding: 0; } #kiroro-page-dashboard #dashboard_liveCamera.table-style-hd tr > td:nth-of-type(1) { padding: 0; } #kiroro-page-dashboard #dashboard_liveCamera.table-style-hd tr > td { padding: 10px 20px; } #kiroro-page-dashboard #dashboard_weatherForecast .panel-body { padding: 10px; } #kiroro-page-dashboard #dashboard_weatherForecast .panel-body .item { width: 14.28%; float: left; border-right: 1px solid #353a3d; text-align: center; } #kiroro-page-dashboard #dashboard_weatherForecast .panel-body .item:last-of-type { border-right: 0; } #kiroro-page-dashboard #dashboard_weatherForecast .panel-body .item .icon_weahter { margin-bottom: 10px; width: 50px; } #kiroro-page-dashboard #dashboard_liftStatus, #kiroro-page-dashboard #dashboard_courseStatus { /*margin-bottom: 80px;*/ margin: 0; } #kiroro-page-dashboard #dashboard_liftStatus .trialMap, #kiroro-page-dashboard #dashboard_courseStatus .trialMap { width: 100%; margin-top: 34px; } #kiroro-page-dashboard .trailMap_container { position: relative; visibility: hidden; } /* * * * * * * * * * * * * For Popover Elements * * * * * * * * * * * * */ } #kiroro-page-dashboard .trailMap_container #canvas_container { position: relative; width: 100%; max-width: 940px; max-height: 615px; } #kiroro-page-dashboard .trailMap_container .ui_container { position: absolute; right: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 20px; text-align: right; pointer-events: none; } #kiroro-page-dashboard .trailMap_container .ui_container #btn_mapInfo { pointer-events: auto; } #kiroro-page-dashboard .trailMap_container .ui_container .zoom_ui { position: absolute; right: 20px; bottom: 20px; } #kiroro-page-dashboard .trailMap_container .ui_container .zoom_ui #btn_zoomIn, #kiroro-page-dashboard .trailMap_container .ui_container .zoom_ui #btn_zoomOut { opacity: .7; pointer-events: auto;tra } #kiroro-page-dashboard .trailMap_container .ui_container .zoom_ui #btn_zoomIn:hover, #kiroro-page-dashboard .trailMap_container .ui_container .zoom_ui #btn_zoomOut:hover { color: #f26522; } #kiroro-page-dashboard .trailMap_container .map-footer-col { margin: 10px 5px; font-size: 0.7em; } #kiroro-page-dashboard .trailMap_container .map-footer-col td { padding-bottom: 5px; } #kiroro-page-dashboard .trailMap_container .map-footer-col td:first-of-type { width: 30px; } #kiroro-page-dashboard .trailMap_container .map-footer-col#footer-lift-col { width: 180px; } #kiroro-page-dashboard .trailMap_container #map-footer-col-wrapper-3 { clear: left; } #kiroro-page-dashboard #trialMap-desp { width: 400px; } #kiroro-page-dashboard .trailMap_container #popover-ref-point { position: absolute; left: 0; top: 0; width: 10px; height: 10px; } #kiroro-page-dashboard .trailMap_container .webui-popover { z-index: 1500; } #kiroro-page-dashboard .trailMap_container .webui-popover a.close { position: absolute; right: -28px; top: -28px; width: 36px; height: 36px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: transparent; background-image: url(../images/popover_close.png); background-size: cover; opacity: 1; } #kiroro-page-dashboard .trailMap_container .webui-popover a.close:after { content: ""; } #kiroro-page-dashboard .trailMap_container .webui-popover .webui-popover-title { background-color: #353a3d; text-align: center; color: #FFFFFF; margin: -1px; border-bottom: 0; } #kiroro-page-dashboard .trailMap_container .webui-popover .statusBox { margin: 0 auto; text-align: center; font-weight: bold; } #kiroro-page-dashboard .trailMap_container .webui-popover .statusBox.open { background-color: #80ef7b; } #kiroro-page-dashboard .trailMap_container .webui-popover .statusBox.close { background-color: #f22222; } #kiroro-page-mountainCenter #floorplan_container .floorplan { width: 300px; } .page-common { padding-top: 0px; } @media (min-width: 768px) { .page-common { padding-top: 150px; } } #news_details_container .header { padding-bottom: 5px; border-bottom: 1px solid #353a3d; margin-bottom: 40px; } #news_details_container .heading { margin-bottom: 20px; } #news_details_container .heading small { display: block; margin-top: 5px; color: #353a3d; line-height: 1.3; } #news_details_container img { margin-bottom: 20px; } #event_details_container .header { padding-bottom: 5px; border-bottom: 1px solid #353a3d; margin-bottom: 40px; } #event_details_container .heading { margin-bottom: 20px; } #event_details_container .heading small { display: block; margin-top: 5px; color: #353a3d; line-height: 1.3; } #event_details_container img { margin-bottom: 20px; } #kiroro-page-wallpaper .card, #kiroro-page-download .card { -moz-box-shadow: 0px 10px 53px -16px black; -webkit-box-shadow: 0px 10px 53px -16px black; box-shadow: 0px 10px 53px -16px black; } #kiroro-page-wallpaper .card .icon, #kiroro-page-download .card .icon { font-size: 64px; color: #FFFFFF; opacity: 0; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -32px; margin-top: -64px; visibility: hidden; -moz-transition: opacity, 0.5s; -o-transition: opacity, 0.5s; -webkit-transition: opacity, 0.5s; transition: opacity, 0.5s; text-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px; } #kiroro-page-wallpaper .card:hover .icon, #kiroro-page-download .card:hover .icon { opacity: 1; visibility: visible; } #kiroro-page-wallpaper .caption, #kiroro-page-download .caption { margin-top: -10px; margin-bottom: 40px; } #kiroro-page-gallery article .card { border: 3px solid #FFFFFF; } #kiroro-page-gallery article .card .icon { font-size: 64px; color: #FFFFFF; opacity: 0; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -32px; margin-top: -64px; visibility: hidden; -moz-transition: opacity, 0.5s; -o-transition: opacity, 0.5s; -webkit-transition: opacity, 0.5s; transition: opacity, 0.5s; text-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px; } #kiroro-page-gallery article .card:hover .icon { opacity: .7; visibility: visible; } #kiroro-page-gallery article .caption { margin-top: -10px; margin-bottom: 40px; } #kiroro-page-movieOneDay .movie-img { width: 100%; margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 768px) { #kiroro-page-movieOneDay .movie-img { width: 150%; margin-top: -15%; } } #kiroro-page-movieOneDay .textRight-xs-TextLeft { text-align: left; } @media (min-width: 768px) { #kiroro-page-movieOneDay .textRight-xs-TextLeft { text-align: right; } } #kiroro-page-movieOneDay .marginBottomByWidth { margin-bottom: 23%; } @media (min-width: 768px) { #kiroro-page-movieOneDay .description_wrapper { margin-top: 40px; } } #kiroro-page-buyPass .courseDetails_table thead { position: relative; } #kiroro-page-buyPass .courseDetails_table thead:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: pink; } #kiroro-page-buyPass .beginner_panel .panel-tab { background-color: #39b54a; } #kiroro-page-buyPass .beginner_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-buyPass .beginner_panel table td { width: 20%; } } #kiroro-page-buyPass .intermediate_panel .panel-tab { background-color: #ed145b; } #kiroro-page-buyPass .intermediate_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-buyPass .intermediate_panel table td { width: 20%; } } #kiroro-page-buyPass .advanced_panel .panel-tab { background-color: #000000; } #kiroro-page-buyPass .advanced_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-buyPass .advanced_panel table td { width: 20%; } } #kiroro-page-buyPass .button-wrapper .btn { height: 70px; width: 100%; margin-bottom: 10px; } #kiroro-page-buyPass .btn-lg { padding-top: 20px; padding-bottom: 20px; } #kiroro-page-buyPass .card { -moz-box-shadow: 0px 10px 53px -16px black; -webkit-box-shadow: 0px 10px 53px -16px black; box-shadow: 0px 10px 53px -16px black; } #kiroro-page-buyPass .card .icon { font-size: 64px; color: #FFFFFF; opacity: 0; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -32px; margin-top: -64px; visibility: hidden; -moz-transition: opacity, 0.5s; -o-transition: opacity, 0.5s; -webkit-transition: opacity, 0.5s; transition: opacity, 0.5s; text-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px; } #kiroro-page-buyPass .card:hover .icon { opacity: 1; visibility: visible; } #kiroro-page-buyPass .caption { margin-top: -10px; margin-bottom: 40px; } #kiroro-page-news .cards-wrapper .card-content { height:150px; overflow:hidden; } #kiroro-page-events .cards-wrapper .card-content { height:150px; overflow:hidden; } #kiroro-page-news .cards-wrapper .card-footer { display:block !important; } #kiroro-page-events .cards-wrapper .card-footer { display:block !important; } #kiroro-page-promotions .cards-wrapper .card-footer { display:block !important; } #kiroro-page-newsevents .cards-wrapper .card-footer { display:block !important; } #kiroro-page-whyKiroro #activity_container .item, #kiroro-page-whyKiroro #gallery_container .item { position: relative; } #kiroro-page-whyKiroro #activity_container .item .item-details, #kiroro-page-whyKiroro #gallery_container .item .item-details { width: 100%; position: absolute; left: 0; bottom: -50%; padding: 15px; background-color: rgba(255, 255, 255, 0.9); opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #kiroro-page-whyKiroro #activity_container .item .item-details .card-category, #kiroro-page-whyKiroro #gallery_container .item .item-details .card-category { margin-top: 0; margin-bottom: 5px; } #kiroro-page-whyKiroro #activity_container .item .item-details .text-wrapper, #kiroro-page-whyKiroro #gallery_container .item .item-details .text-wrapper { margin-bottom: 30px; } #kiroro-page-whyKiroro #activity_container .item .item-details .footer-container, #kiroro-page-whyKiroro #gallery_container .item .item-details .footer-container { width: 100%; position: absolute; left: 30px; bottom: 0; padding: 40px; text-align: right; } #kiroro-page-whyKiroro #activity_container .item:hover .item-details, #kiroro-page-whyKiroro #gallery_container .item:hover .item-details { bottom: 0; opacity: 1; } .card-category.attraction { color: #da363f; } /*Dining page style*/ @media (min-width: 992px){ #dining-kirorosnow .card-content{ height: 295px; } #dining-sheraton .card-content{ height: 506px; } #dining-tribute .card-content{ height: 476px; } } @media (min-width: 768px) { .homeofferwrapper { height:125px; }/* .page-template-kiroro-weatherlift-php #course_status, .page-template-kiroro-weatherlift-php #weather_status{ position: absolute; top: 50%; }*/ } @media (min-width:501px) and (max-width: 767px){ .homeofferwrapper { height:78px; } #hotOffer-container .mobile-hidden{ display:none; } } @media (max-width: 767px){ #hotOffer-container .mobile-hidden{ display:none; } } @media screen and (max-width: 768px){ table.xs-font-extraSmall, table .xs-font-extraSmall{ font-size: 0.8em; } table.xs-font-small, table .xs-font-small{ font-size: 0.9em; } table.xs-tdp5 td { padding: 10px 5px 10px; } table.xs-tdp10 td { padding: 10px; } } #kiroro-page-buyPass .courseDetails_table thead { position: relative; } #kiroro-page-buyPass .courseDetails_table thead:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: pink; } #kiroro-page-buyPass .beginner_panel .panel-tab { background-color: #39b54a; } #kiroro-page-buyPass .beginner_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-buyPass .beginner_panel table td { width: 20%; } } #kiroro-page-buyPass .intermediate_panel .panel-tab { background-color: #ed145b; } #kiroro-page-buyPass .intermediate_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-buyPass .intermediate_panel table td { width: 20%; } } #kiroro-page-buyPass .advanced_panel .panel-tab { background-color: #000000; } #kiroro-page-buyPass .advanced_panel tbody { background-color: rgba(255, 255, 255, 0.5); } @media (max-width: 500px) { #kiroro-page-buyPass .advanced_panel table td { width: 20%; } } #kiroro-page-buyPass .button-wrapper .btn { height: 70px; width: 100%; margin-bottom: 10px; } #kiroro-page-buyPass .btn-lg { padding-top: 20px; padding-bottom: 20px; } #kiroro-page-buyPass .card { -moz-box-shadow: 0px 10px 53px -16px black; -webkit-box-shadow: 0px 10px 53px -16px black; box-shadow: 0px 10px 53px -16px black; } #kiroro-page-buyPass .card .icon { font-size: 64px; color: #FFFFFF; opacity: 0; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -32px; margin-top: -64px; visibility: hidden; -moz-transition: opacity, 0.5s; -o-transition: opacity, 0.5s; -webkit-transition: opacity, 0.5s; transition: opacity, 0.5s; text-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px; } #kiroro-page-buyPass .card:hover .icon { opacity: 1; visibility: visible; } #kiroro-page-buyPass .caption { margin-top: -10px; margin-bottom: 40px; } @media (min-width: 768px) and (max-width: 921px){ .card-style-hotel .card-content .hotelName { font-size: 10px; } } @media (max-width: 409px){ .card-style-hotel .card-content .hotelName { font-size: 10px; } } #kiroro-page-newsDetails #news_details_container img { margin-top: 20px; margin-bottom: 20px; } #kiroro-page-newsDetails #news_details_container .btn-style-ghost { margin-top: 20px; margin-bottom: 20px; } #kiroro-page-newsDetails #news_details_container .content p, #kiroro-page-newsDetails #news_details_container .content .btn-style-ghost { margin-left: 0%; } #kiroro-page-newsDetails #news_details_container .content img { width: 100%; } @media (min-width: 512px) { #kiroro-page-newsDetails #news_details_container .content p, #kiroro-page-newsDetails #news_details_container .content .btn-style-ghost, #kiroro-page-newsDetails #news_details_container .content table { margin-left: 20%; } } #kiroro-page-search .container .containerPanel { margin: -50px 0px 80px 0px; } #kiroro-page-search .cards-wrapper p { padding-bottom: 20px; } #kiroro-page-policy .contentBlock { margin-top: 5rem; padding-bottom: 5rem; border-bottom: 1px solid #353a3d; } #kiroro-page-policy section { padding-top: 0; padding-bottom: 0; } body.page-template-kiroro-dining-restaurantreservation .container .containerPanel { margin-top: 100px; } body.page-template-kiroro-dining-restaurantreservation .filter-style-pageFilter { overflow: visible; } body.page-template-kiroro-dining-restaurantreservation .filter-style-pageFilter .body { padding: 20px 0.5em; } #OT_searchWrapperAll{ width:100%; min-height:320px; position:relative; margin:0; padding:0; background:#fff; } #OT_searchWrapper{ border:0; width:100%; position:relative; margin:0; overflow: visible; height: 100%; display: block; padding: 1em; } #OT_searchWrapper .OT_feedTitle { font-size: 140%; } #OT_searchWrapper dl { padding:0; margin:0; } #OT_defList dt, #OT_defList dd { float: left; } #OT_restaurantLbl{ margin:0; padding:0.6em 0 1em; clear: both; width: 30%; max-width:110px; } #OT_restaurant{ padding:0; margin:0; width: 65%; } #OT_restaurant .feedFormField{ max-width: 100%; } #OT_partySizeLbl{ margin:0; padding:0.6em 0 1em; clear: both; width: 30%; max-width:110px; display:block; } #OT_partySize{ margin:0; padding:0; width: 65%; } #OT_dateLbl{ margin:0; padding:0.6em 0 1em; clear: both; width: 30%; max-width:110px; } #OT_date{ width: 65%; margin:0; padding:0; max-width: 100%; } #OT_date input { max-width: 100%; } #OT_date #dateDisplay { display: none; } #OT_timeLbl{ padding:0.6em 0 1em; clear: both; width: 30%; max-width:110px; } #OT_time{ margin:0; width: 65%; } #OT_empty{position:absolute;width:0;height:0;padding:0;margin:0;top:85px;left:0} #OT_submitWrap{ width: 100%; display: block; clear: both; text-align: center; margin-top: 10px; } #OT_searchWrapper form{margin:0;padding:0} #OT_searchWrapper input.hidden{display:none} #OT_searchWrapper .feedFormField,#OT_searchWrapper .feedFormField option{ margin:0 0 0 10px 0; } #OT_searchWrapper #startDate,#OT_searchWrapper .OT_feedFormfieldCalendar{ margin:0; } #OT_searchWrapper .imgCal{position:absolute;display:none;z-index:100} #OT_searchWrapper #imageCal table{font-size:12px;width:150px;font-family:arial;font-weight:bold;background:#FFF} #OT_searchWrapper #imageCal td{padding:0;text-align:center} #OT_searchWrapper .clickableDays{color:#000;text-decoration:none;height:18px} #OT_searchWrapper .nonclickableDays{color:#ccc;height:18px} #OT_searchWrapper .months{color:#fff;text-decoration:none} #OT_searchWrapper .weekdays{color:#000;text-decoration:none;color:#666;background-color:#efefef;width:14%} .partOfCal img.partOfCal.spacer{display:block;height:1px;margin:0;padding:0} @media (max-width: 1000px) { #toolbar-container .navbar-right.nav > li > a { padding-left : 10px; padding-right: 10px; } #page-header-container #toolbar-container .navbar-right.nav > li > a.btn-sns { padding-left: 2px; padding-right: 2px; } } @media (max-width: 922px){ #toolbar-container .navbar-right.nav { width: 478px; margin-right: -67px; } #toolbar-container .navbar-right.nav > li:first-child { border-left: 1px solid #353a3d; padding-left: 10px; border-bottom: 1px solid #353a3d; } #toolbar-container .navbar-right.nav > li:nth-child(2), #toolbar-container .navbar-right.nav > li:nth-child(3), #toolbar-container .navbar-right.nav > li:nth-child(4) { border-bottom: 1px solid #353a3d; } #toolbar-container .navbar-right.nav > li:nth-child(5), #toolbar-container .navbar-right.nav > li:nth-child(6) { width: 213px; } #toolbar-container .navbar-right.nav > li:nth-child(5) a, #toolbar-container .navbar-right.nav > li:nth-child(6) a { width: 100%; } }