You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
236 lines
10 KiB
CSS
236 lines
10 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
sup.copyright { color:#fff !important;}
|
|
sup { color:#a31022 !important;}
|
|
body { background:#f1f1f1;}
|
|
label { font-weight: normal !important; width: 100%;}
|
|
|
|
|
|
.whoTravel { display: block; margin: 45px 0 20px;}
|
|
|
|
#header { height: 30px !important; background-color: #a31022 !important; background-image: none !important; }
|
|
.logobox {
|
|
position: absolute;
|
|
top: -26px;
|
|
z-index: 9999;
|
|
}
|
|
|
|
|
|
@media(max-width:740px) {
|
|
|
|
.mgr-primary {
|
|
background-color: #fff;
|
|
border: 1px solid #d7d7d7;
|
|
}
|
|
.mgr-primary:checked {
|
|
border: 1px solid #a31022;
|
|
}
|
|
.mgr-primary:checked:before {
|
|
background-color: #a31022;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.specialRequest textarea { height: 120px !important; }
|
|
|
|
|
|
.hotelBlock { display: block; margin: -10px 0 30px; }
|
|
|
|
|
|
.travelBlock { padding: 0 15px 0 15px;}
|
|
.whoTravel label { display:inherit;}
|
|
|
|
.datesArrival .daysBlock { display: block; margin-top:-5px; padding-left: 0px;
|
|
padding-right: 0px; margin-bottom: 0px !important; }
|
|
.datesArrival .daysBlock input[type="radio"] { margin-left: 0 !important }
|
|
.datesArrival .daysBlock label { width: 20%; margin-left: 8px; }
|
|
.datesArrival .daysBlock label .FlexYes { margin-left: 10px; padding-top: 10px; font-size: 14px;}
|
|
.datesArrival .daysBlock .FlexibleDate { font-size: 14px; float: left; display: block; margin-top: 10px;}
|
|
.datesArrival .daysBlock input.Flexibility { float: left; height: 10px; width: 10px;}
|
|
.datesArrival .item-list input {padding: 12px 0 12px 15px !important;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
display: inline-block;
|
|
background: #fff;
|
|
border: 1px solid #d1d1d1;
|
|
font-weight: bold;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
border-radius: 4px;
|
|
background-position: 96% 9px !important;
|
|
background-image: url(/pic/tailor/calendar-icon.png);
|
|
background-repeat: no-repeat;}
|
|
.datesArrival { display: block; margin: 5px 0 30px; position: relative }
|
|
.datesArrival input[type="text"] { border: 1px solid #d1d1d1;; background: url(/css/images/calender.GIF) no-repeat 98% 6px #fff; padding: 11px 3px; text-align: center; width: 100%; border-radius: 4px; color: #555; font-family: Verdana, Geneva, sans-serif; }
|
|
@media(max-width:750px) {
|
|
.tourSelected ul li { padding-left:0 !important;}
|
|
.tourSelected { display: block; background: #fff; box-shadow: 0 0 2px #999; padding:25px 10px; border-radius: 4px;}
|
|
.tourSelected ul { margin: 0 }
|
|
.tourSelected ul .info { text-align:right;}
|
|
.tourSelected ul .infodetail { padding-left:0; font-size:14px;}
|
|
.tourSelected ul li { line-height: 20px; margin-bottom: 8px; font-size: 16px; padding-left: 15px; }
|
|
.tourSelected ul li strong { color:#999; font-weight: normal; font-size:14px;}
|
|
.tourSelected ul li.first { margin-bottom: 10px; font-size: 16px; }
|
|
.tourSelected ul li.tourname { margin-bottom: 10px; font-size: 16px; border-bottom:1px solid #ddd; padding-bottom:15px;}
|
|
.hotelStyle { padding: 0 !important; width: auto !important }
|
|
.fiveStar, .fourStarL, .fourStarV, .threeStar { background: none !important; text-align: left !important }
|
|
|
|
.whotravel, .hotelBlock { margin-bottom:0; }
|
|
.hotelgroup { padding-left:0;}
|
|
.hotelBlock .HotelLevel { font-size: 15px;}
|
|
|
|
.whotravel { margin-bottom:10px !important;}
|
|
|
|
.datesArrival input { margin-bottom:10px !important; border-radius: 4px;}
|
|
.datesArrival { margin-bottom:0 !important}
|
|
.hotelgroup { margin-left:-15px !important;}
|
|
}
|
|
.input-group-addon { padding: 10px 12px !important;}
|
|
|
|
|
|
.whoTravel h2.whotravel { text-align:right;}
|
|
|
|
|
|
.specialRequest { display: block; margin: 5px 0 30px; }
|
|
.specialRequest textarea { border: 1px solid #d1d1d1; background: #fff; padding: 10px; height: 190px; border-radius: 4px; font-family: Verdana, Geneva, sans-serif; color: #555; font-size: 12px; width:100%; }
|
|
|
|
.contactInfo { display: block; margin: 5px 0 -15px; }
|
|
|
|
#tailorRight .contactInfo h2, #tailorRight .hotelBlock h2, #tailorRight .travelDays h2 { margin-bottom:10px;}
|
|
|
|
|
|
input.nationality { text-transform: capitalize; }
|
|
input.HotelName {text-transform: capitalize; border: 1px solid #d1d1d1; border-radius: 4px; width: 100%; padding: 11px 8px;}
|
|
|
|
/*nationality */
|
|
|
|
input.nationality { text-transform: capitalize; }
|
|
/* auto email */
|
|
|
|
|
|
|
|
.requiredArea { border-bottom: 1px dashed #a31022; clear: both; color: #a31022; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em !important; padding: 2px 0 4px 10px; }
|
|
input.inquiryform { width:16px; height:16px;}
|
|
/* rewrite icons style */
|
|
|
|
.contact { padding:0px 0px 0px 8px;}
|
|
|
|
|
|
|
|
|
|
@media(max-width:750px) {
|
|
/* public */
|
|
|
|
.mobileLogo a { color: #fff; text-decoration: none;}
|
|
#wrapper { background-image: none !important; background-color: #f7f6f2 !important; }
|
|
h2 { margin: 0 -15px !important; font-size: 18px; padding: 18px 0 17px !important; display: block; border-bottom: 1px solid #cfcfcf; color: #296691 !important; font-weight: bold !important }
|
|
/* --- */
|
|
|
|
.transportBlock, .guideBlock, .hotelBlock, .whoTravel, .travelDays, .datesArrival, .specialRequest { margin-bottom: 0 !important }
|
|
/* form */
|
|
.item-list { font-size: 1.5rem; padding: 15px 0 10px; margin: 0 -15px; display: block; overflow: hidden; }
|
|
.item-list .item-title { padding-top: 4px; display: inline-block; }
|
|
.city-list { font-size: 16px; padding: 15px 0 10px; margin: 0 -15px; border-bottom: 1px solid #fefefe; display: block; overflow: hidden; }
|
|
.contact-list { font-size: 1.5rem;
|
|
padding: 0 -15px;
|
|
margin: 0 -15px;
|
|
display: block;
|
|
overflow: hidden; }
|
|
.contact-list input[type="text"], .contact-list input[type="email"], .contact-list input[type="tel"] { padding: 12px 0 12px 15px !important; font-size: 16px; width: 100%; display: inline-block; background: #fff; border: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-radius: 0!important }
|
|
.contact-list input::-webkit-input-placeholder {
|
|
font-weight: normal !important
|
|
}
|
|
.contact-list input[type="text"] { text-transform: capitalize; }
|
|
.contact-list .titleIcon { width: 18%; display: inline-block; float: left; text-align: center; padding: 12px 15px 0; }
|
|
.contact-list .titleIcon img { height: 25px !important; }
|
|
.contact-list .inputBox { width: 100%; display: inline-block; margin-top: 15px; border: 1px solid #d1d1d1; border-radius: 4px;}
|
|
.contact-list .inputBox.first-child { padding: 7px 15px; background: #fff; font-size: 16px; color: #000; font-weight: bold !important; margin-top: 15px; border: 1px solid #d1d1d1;border-radius: 4px; }
|
|
|
|
.contact-list .inputBox label { margin-top: 5px; width:48%; }
|
|
.item-list .item-right { float: right; text-align: right; margin-top: -5px; }
|
|
.item-list .item-right.removeMargin { margin-top: 0 !important; }
|
|
.item-right label { display: inline-block; margin-left: 10px; }
|
|
.num-control { display: inline-block; float: right; height: 37px; line-height: 35px; position: relative; overflow: hidden; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; }
|
|
.num-control a { display: inline-block; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; text-align: center; width: 32px; height: 35px; line-height: 35px; color: #626262; font-size: 18px; background: #fff; text-decoration: none; }
|
|
.num-control input { border: none; width: 34px; margin-left: -4px; margin-right: -6px; height: 35px; text-align: center; background: #fff; border-radius: 0!important; box-shadow: none !important; }
|
|
.datesArrival input { width: 100%; margin: 0 auto 5px auto !important; padding: 10px !important; font-size: 16px; height: auto !important; border-width: 1px !important; background-position: 96% 9px !important; background-image: url(/pic/tailor/calendar-icon.png); background-repeat: no-repeat; min-height: 40px; color: #000; }
|
|
.mobileSend {
|
|
|
|
padding: 0 -15px;
|
|
margin: 0 -15px;
|
|
display: block;
|
|
overflow: hidden; }
|
|
.mobileSend input { background: #a31022 none repeat scroll 0 0; border: medium none !important; color: #fff; display: block; font-size: 20px; padding: 10px 0; text-align: center; width: 100%; border-radius: 4px; }
|
|
.tipText { display: block; color: #999; margin: 0 -15px 0; padding: 10px 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: 1px solid #cfcfcf; }
|
|
.citySelect { margin: 0 !important; overflow: visible !important }
|
|
textarea { width: 100% !important; margin-left: 0!important; margin-bottom: 5px !important; border-width: 1px !important; font-size: 14px !important; color: #000 !important }
|
|
|
|
/* --- */
|
|
@-webkit-keyframes click-wave { 0% {
|
|
width: 40px;
|
|
height: 40px;
|
|
opacity: 0.35;
|
|
position: relative;
|
|
}
|
|
100% {
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-left: -80px;
|
|
margin-top: -80px;
|
|
opacity: 0.0;
|
|
}
|
|
}
|
|
@-moz-keyframes click-wave { 0% {
|
|
width: 40px;
|
|
height: 40px;
|
|
opacity: 0.35;
|
|
position: relative;
|
|
}
|
|
100% {
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-left: -80px;
|
|
margin-top: -80px;
|
|
opacity: 0.0;
|
|
}
|
|
}
|
|
@-o-keyframes click-wave { 0% {
|
|
width: 40px;
|
|
height: 40px;
|
|
opacity: 0.35;
|
|
position: relative;
|
|
}
|
|
100% {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-left: -80px;
|
|
margin-top: -80px;
|
|
opacity: 0.0;
|
|
}
|
|
}
|
|
@keyframes click-wave { 0% {
|
|
width: 40px;
|
|
height: 40px;
|
|
opacity: 0.35;
|
|
position: relative;
|
|
}
|
|
100% {
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-left: -80px;
|
|
margin-top: -80px;
|
|
opacity: 0.0;
|
|
}
|
|
}
|
|
.option-input { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 13px; width: 20px; height: 20px; -webkit-transition: all 0.15s ease-out 0; -moz-transition: all 0.15s ease-out 0; transition: all 0.15s ease-out 0; background: #fff; color: #fff; cursor: pointer; display: inline-block !important; outline: none; position: relative; margin-right: 5px !important; margin-top: -30px !important; border: 2px solid #999; vertical-align: middle; z-index: 1000; padding-top: 0 !important }
|
|
.option-input:hover { background: #9faab7; }
|
|
.option-input:checked { background: #6ab34d; border: none !important }
|
|
.option-input:checked::before { width: 19px; height: 20px; content: ':)'; display: inline-block; text-align: center; line-height: 20px; }
|
|
.option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0; content: ''; display: block; position: relative; z-index: 100; }
|
|
.option-input.radio { border-radius: 50%; }
|
|
.option-input.radio::after { border-radius: 50%; }
|
|
}
|
|
.agerange { display: block; margin: 5px 0 30px; clear: both }
|
|
.ageGroup { display: block; overflow:hidden; font-size:14px;}
|