@import url(https://fonts.googleapis.com/css?family=Open+Sans); .sans { font-family: "Open Sans", sans-serif; } .text-decoration-none { text-decoration: none; } .navigation ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #757575; } .navigation ul li { float: left; margin: 0; } .navigation ul li a { display: block; color: #ebebeb; text-align: center; text-decoration: none; padding: 0 6px; font-size: 12px; } .navigation ul li a:hover { color: #fff; } .adw { -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); } .pkg-box { background-color: #fff; border: 2px #e2e0e0 solid; } .pkg-box:hover { box-shadow: 0 10px 20px rgba(211, 211, 211, 0.6), 0 3px 3px rgba(211, 211, 211, 0.6); border: 2px solid #e64a19; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } .letter1sps { letter-spacing: 1px; } .text-center { text-align: center; } .text-left { text-align: left; letter-spacing: 0.6px; } .text-right { text-align: right; } .font10 { font-size: 10px; } .font12 { font-size: 12px; } .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font18 { font-size: 18px; } .fw100 { font-weight: 100; } .fw200 { font-weight: 200; } .fw300 { font-weight: 300; } .fw400 { font-weight: 400; } .fw500 { font-weight: 500; } .fw600 { font-weight: 600; } .fw700 { font-weight: 700; } .fw800 { font-weight: 800; } .bg-white { background-color: #fff; } .bg-grey { background-color: #bdbdbd; } .bg-grey1 { background-color: #757575; } .bg-grey3 { background-color: #212121; } .bg-primary { background-color: #ff5722; } .bg-primary2 { background-color: #ffccbc; } .bg-primary3 { background-color: #e64a19; } .bg-accent { background-color: #00bcd4; } .bg-fika { background-color: #fcfcfc; } .text-white { color: #fff; } .text-grey { color: #bdbdbd; } .text-grey1 { color: #757575; } .text-grey3 { color: #212121; } .text-primary { color: #ff5722; } .text-primary2 { color: #ffccbc; } .text-primary3 { color: #e64a19; } .text-accent { color: #00bcd4; } .text-blue { color: #e55227; font-size: 14px; } .bannerbox { background: url(../images/03.jpg) repeat fixed; } .downbox { background: url(../images/04.jpg) fixed; } #mernav { text-align: center; margin: 0; padding: 0; } #meranav ul { list-style-type: none; margin: 0; padding: 0; } #meranav ul li { display: inline-block; color: #757575; margin-top: 10px; display: block; text-decoration: none; font-weight: 500; font-style: normal; text-transform: uppercase; text-decoration: none; font-size: 16px; letter-spacing: 1px; position: relative; } #meranav ul li a { color: #757575; display: block; text-decoration: none; font-weight: 500; font-style: normal; padding: 10px 10px; display: inline-block; text-transform: uppercase; text-decoration: none; font-size: 14px; letter-spacing: 1px; position: relative; } #meranav ul li a:hover { color: #e64a19; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } .banner-text { padding: 20px !important; background: rgba(0, 0, 0, 0.5); } .banner-text .topboxtext { border: 2px solid #fff; font-weight: 700; font-size: 17px; padding: 10px 20px; color: #fff; letter-spacing: 2px; } .img-responsive { max-width: 100%; height: auto; } .meri-img img { display: block; margin: 0 auto; } .merabtn { width: 90%; margin: 4% 5% 0 5%; background-color: #fff; color: #757575; border: 1px solid #ccc; border-radius: 2px; } .merabtn:hover { background-color: #e64a19; color: #fff; border-radius: 2px; border: 1px solid #e64a19; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } .ctrl { clear: both; } .myhr { margin: 0; padding: 0; border-top: 1px solid #eee; } .grey70 { color: #707070; font-size: 12px; } .cab-boy { border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); } .cab-boy .side-box { border-left: 1px solid #ddd; font-size: 12px; } .letter1sps { letter-spacing: 1px; padding-left: 7px; padding-right: 7px; } .letter2sps { letter-spacing: 2px; } #topform { background-color: rgba(255, 255, 255, 0.9); padding: 5px 20px 10px 20px; } #topform input[type="text"] { width: 100%; padding: 12px 20px 12px 10px; margin: 5px 0; background-color: transparent; border: 1px solid #bababa; border-radius: 0; } #topform input[type="text"]:focus { border: 1px solid #a5a5a5; } #topform input[type="tel"] { width: 100%; padding: 12px 20px 12px 10px; margin: 5px 0; background-color: transparent; border: 1px solid #bababa; border-radius: 0; } #topform input[type="tel"]:focus { border: 1px solid #a5a5a5; } #topform input[type="email"] { width: 100%; padding: 12px 20px 12px 10px; margin: 5px 0; background-color: transparent; border: 1px solid #bababa; border-radius: 0; } #topform input[type="email"]:focus { border: 1px solid #a5a5a5; } #topform input[type="date"] { width: 100%; padding: 10px 20px 10px 10px; margin: 5px 0; background-color: transparent; border: 1px solid #bababa; border-radius: 0; } #topform input[type="date"]:focus { border: 1px solid #a5a5a5; } #topform textarea { width: 100%; padding: 12px 20px 12px 10px; margin: 5px 0; background-color: transparent; border: 1px solid #bababa; border-radius: 0; } #topform textarea:focus { border: 1px solid #a5a5a5; } .ratebox { background-color: #f2f2f2; border-top: 1px solid #e2e0e0; border-bottom: 1px solid #e2e0e0; } .taxi-list { padding: 9px; line-height: 15px; font-size: 13.5px; margin-bottom: 0; }