/* CSS Style Sheet */ body { font-size: 18px; line-height: 22px; font-family: 'Ovo', serif; text-align:justify; /* font-family: 'Archivo Narrow', sans-serif; font-family: 'Arimo', sans-serif; */ } /* header start here */ header { background: #5c0931; background: -moz-linear-gradient(top, #5c0931 0%, #591234 100%);background: -webkit-linear-gradient(top, #5c0931 0%,#591234 100%);background: linear-gradient(to bottom, #5c0931 0%,#591234 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0931', endColorstr='#591234',GradientType=0 ); line-height: 50px; color: #fff; font-size: 22px; } header > div > div > div:last-child { text-align: right; } header a { color: #fff; } header a:hover, header a:focus { color: #fdff79; text-decoration: none; } header i { padding:0 5px; } .pollSlider { position:fixed; height:100%; background:#fff; width:350px; right:0px; margin-right: -350px; z-index: 999999; line-height: 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); } #pollSlider-button { position:relative; width:150px; right:0px; background:none; top:0px; float: right; z-index: 999999; cursor: pointer; } .pollSlider h3 { background: #5c0931; line-height: 50px; text-align: center; color: #fff; font-size: 20px; } .pollSlider > div { padding: 35px 50px; } .pollSlider i { color: #5c0931; font-size: 25px; margin-right: 15px; } .pollSlider p span { font-size: 25px; font-weight: bold; } .pollSlider p { margin-bottom: 50px; } .pollSlider p a { padding: 2px 15px; border: 1px solid #5c0931; background: none; color: #5c0931; display: inline-block; margin-top: 12px; } .pollSlider p a:hover { background: #f5f5f5; text-decoration: none; } /* header end here */ /* slider section start here */ #slider { z-index: -999999; } /* slider section end here */ /* newsEvents section start here */ #newsEvents { line-height: 11px; } #newsEvents marquee { background: #5c0931; /* line-height: 30px; */ } #newsEvents marquee ul { padding: 0; margin: 0; } #newsEvents marquee ul li { list-style: none; display: inline-block; padding: 0 20px; border-right: 1px solid #fdff79; margin: 10px 0; } #newsEvents marquee ul li:first-child { padding-left: 0; } #newsEvents marquee ul li:last-child { padding-right: 0; border: 0; } #newsEvents marquee ul li a { color: #fdff79; font-size: 14px; } #newsEvents marquee ul li a:hover { color: #f5f5f5; } /* slider section end here */ /* navigation section start here */ #navigation { background: #fff; } #navigation .navbar{ padding:0; } #navigation form { padding: 25px 10px; } #navigation form:hover { background: #f5f5f5; } #navigation form img { width: 44px; height: auto; float: left; margin-right: 10px; } #navigation form a { color: #5c0931; } #navigation form p { float: right; margin: 0; } #navigation form p span { display: block; font-size: 18px; } #navigation .form-inline.logoutButton { line-height: 43px; } #navigation .navbar-brand { margin-right: 56px; margin-bottom: 5px; } #navigation nav ul { margin-right:15px; padding:0; list-style:none; } #navigation nav ul li { position:relative; z-index: 100; } #navigation nav ul li:hover a { color: #fff; transition: .5s; background-color:#5c0931; } #navigation nav ul li a { margin:0; display:block; padding: 0 11px; color:#5c0931; transition: .5s; line-height: 50px; /* font-family: 'Ovo', serif; */ font-size:20px; } #navigation nav ul li a:hover { text-decoration:none; color: #fff; transition: .5s; background-color:#5c0931; } /* dropdown menu start here */ #navigation nav ul li ul { position: absolute; width:230px; left: 0; background-color: #5c0931; opacity:0; top: -2000px; margin: 0; } #navigation nav ul li:hover ul { left:0; top: 50px; opacity:1; } #navigation nav ul li ul li { float:none; border-bottom: 1px solid #500026; padding-left: 10px; } #navigation nav ul li ul li:last-child { border: 0; } #navigation nav ul li ul li a { color:#fff !important; transition: .2s; padding: 0; line-height: 32px; margin: 0; border: 0 !important; font-size: 17px; } #navigation nav ul li ul li a:hover { border:0 ; padding-left: 10px; color:#fff !important; transition: .2s; } /* navigation section end here */ /* searchTab section start here */ #searchTab { padding:30px 0; margin-top:-330px; z-index:99999; background: #fff; } #searchTab .tab-top { position: relative; background: url(../img/tab-bottom.png) top left no-repeat; width: 100%; background-size: 100% auto; height: 98px; bottom: -203px; } #searchTab .ui-tabs { padding: 0; border:0; font-family: 'Ovo', serif; background:#f5f5f5; -webkit-box-shadow: 0px 30px 133px -4px rgba(0,0,0,0.35); -moz-box-shadow: 0px 30px 133px -4px rgba(0,0,0,0.35); box-shadow: 0px 30px 133px -4px rgba(0,0,0,0.35); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #searchTab .ui-widget-header { border:0; border-bottom:0; background: transparent; padding: 0; } #searchTab .ui-tabs .ui-tabs-nav li { padding-top: 0; margin: 0; width: 25%; border-radius: 0; } #searchTab .ui-tabs .ui-tabs-nav li:first-child { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #searchTab .ui-tabs .ui-tabs-nav li:last-child { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } #searchTab .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, #searchTab .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, #searchTab .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { text-align: center; width: 100%; color: #5c0931; } #searchTab .ui-tabs .ui-tabs-nav .ui-tabs-anchor { text-align: center; width: 100%; } #searchTab .ui-state-active, .ui-widget-content .ui-state-active, #searchTab .ui-widget-header .ui-state-active, #searchTab a.ui-button:active, .ui-button:active, #searchTab .ui-button.ui-state-active:hover { border: 0; background: #f5f5f5 !important; } #searchTab .ui-state-default, #searchTab .ui-widget-content .ui-state-default, #searchTab .ui-widget-header .ui-state-default, #searchTab .ui-button, #searchTab html .ui-button.ui-state-disabled:hover { border: 0; background: url(../img/tab-background.jpg) top left repeat-y; background-size: 100% auto; } #searchTab .btn-primary { border: 1px solid #5c0931 !important; background: #5c0931 !important; padding: 10px 15px; } #searchTab .btn-primary:hover { background: transparent !important; color: #5c0931; } #searchTab .btn-secondary { border: 1px solid #5c0931 !important; background: #5c0931 !important; padding: 2px 15px; font-size: 14px; } #searchTab .btn-secondary:hover { background: transparent !important; color: #5c0931; } #searchTab form select {border: 1px solid #e6e6e6; overflow: hidden; box-shadow: none; background: #fff url(../img/select.png) no-repeat 94% 50%; content:"\f0d7"; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; color: #000; font-family: 'Ovo', serif; font-size: 16px; height: 54px; padding-right: 35px; } #searchTab form select:focus { outline: none; } #searchTab .user-input-wrp { position: relative; width: 50%; } #searchTab .user-input-wrp .inputText { width: 100%; outline: none; border: 1px solid #e6e6e6; padding: 20px 10px 5px; border-radius: 0; } #searchTab .user-input-wrp .inputText:invalid { box-shadow: none !important; } #searchTab .user-input-wrp .floating-label { position: absolute; pointer-events: none; top: 17px; left: 20px; transition: 0.2s ease all; } #searchTab .user-input-wrp input:focus ~ .floating-label, #searchTab .user-input-wrp input:not(:focus):valid ~ .floating-label { top: 0px; left: 18px; font-size: 13px; opacity: 1; color: #5c0931; } #searchTab .custom-control-label::before { background-color: #5c0931; } /* searchTab section end here */ /* content section start here */ #content { padding:30px 0; background: url(../img/bg-image.png) no-repeat bottom left; background-size: 100% 100%; } #content ul { margin:0; padding:0; list-style: none; } #content ul li { padding: 15px 0; border-bottom: 1px solid #5c0931; text-align: center; } #content ul li > a > img { width: 32% !important; display: inline-block; margin-top: 15px; } #content ul li:first-child { padding-top:0; } #content ul li:last-child { border:0; padding-bottom:0; } #content > div > div > div:last-child img { width: 100%; } #content .pack { float: left; margin: 0 5px 5px 0; position: relative; width: 407px; overflow: hidden; height: 285px; } #content .pack > div { position: absolute; bottom: 0; background: url(../img/package-hover.png); height:100%; width: 100%; transition: .5s; } #content .pack > div h2 { color: #fff; padding: 20px 20px 26px; margin-top: 210px; margin-bottom:0; font-size:30px; transition: .5s; } #content .pack > div > div { opacity:0; background: rgba(270,134,0,.70); padding: 0 20px 18px; transition: .5s; } #content .pack > div > div a { padding:5px 15px; background: #5c0931; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #content .pack > div > div a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #content .pack > div h2 small { display: block; } #content .pack > div:hover { background: transparent; transition: .5s; } #content .pack > div:hover > div { opacity:1; transition: .5s; } #content .pack > div:hover h2 { background: rgba(270,134,0,.70); transition: .5s; margin-top: 178px; padding-bottom:20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } /* content section end here */ /* relatedPackage section start here */ #relatedPackage { padding:30px 0; } #relatedPackage h3 { font-size:28px; margin-bottom:20px; color:#5c0931; font-family: 'Archivo Narrow', sans-serif; } #relatedPackage > div > div > div:last-child img { width: 100%; height: 100%; } #relatedPackage .pack { float: left; margin: 0 5px 5px 0; position: relative; width: 365px; overflow: hidden; height: 250px; } #relatedPackage .pack > div { position: absolute; top: 0; background: url(../img/package-hover.png); height:100%; width: 100%; transition: .5s; } #relatedPackage .pack > div h2 { color: #fff; padding: 20px 20px 26px; margin-top: 125px; margin-bottom:0; font-size:30px; transition: .5s; } #relatedPackage .pack > div h2 span { display: block; font-size: 22px; color: #f5f5f5; } #relatedPackage .pack > div > div { opacity:0; background: rgba(270,134,0,.70); padding: 0 20px 18px; transition: .5s; } #relatedPackage .pack > div > div a { padding:5px 15px; background: #5c0931; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #relatedPackage .pack > div > div a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #relatedPackage .pack > div h2 small { display: block; } #relatedPackage .pack > div:hover { background: none; transition: .5s; } #relatedPackage .pack > div:hover > div { opacity:1; transition: .5s; } #relatedPackage .pack > div:hover h2 { background: rgba(270,134,0,.70); transition: .5s; margin-top: 80px; padding-bottom:20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } /* content section end here */ /* details section start here */ #details { padding:30px 0; } #details .breadcrumb { background: #5c0931; } #details .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "\f101"; font-family: FontAwesome; } #details .breadcrumb-item a { color: #fff; } #details .breadcrumb-item a:hover, #details .breadcrumb-item.active { color: #fdff79; text-decoration: none; } #details .breadcrumb-item i { margin-right: 10px; } #details img { width: 100%; height: auto; min-height: 350px; } #details > div > div > div > div > div:first-child > div { width: 100%; height: 350px; overflow: hidden; position: relative; margin-bottom: 15px; } #details > div > div > div > div > div:nth-child(3) > div { background: #ffe2f0; padding: 15px; margin-bottom: 25px; } #details h2 { font-size: 32px; margin-bottom: 10px; font-family: 'Archivo Narrow', sans-serif; position: absolute; width: 100%; background: rgba(255,255,255,.65); line-height: 60px; bottom: 0; padding-left: 15px; padding-right: 15px; margin: 0; } #details h4 { font-size: 28px; margin-bottom:12px; font-family: 'Archivo Narrow', sans-serif; } #details h2 small{ float: right; font-family: 'Arimo', sans-serif; font-size:22px; color: #5c0931; } #details p span{ float: right; } #details ul { margin: 0 0 20px 20px; padding: 0; } #details ul li { list-style-image: url(../img/list-style.png); padding:5px 8px; } #details > div > div > div > div > div > div > div > div > a { padding:5px 15px; background: #5c0931; margin-right:15px; color: #fff; font-size:14px; border: 1px solid #5c0931; transition: .5s; } #details > div > div > div > div > div > div > div > div > a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #details input[type=text], #details input[type=date], #details input[type=email], #details textarea { border: 1px solid #5c0931; } #details .btn-primary { padding:5px 15px; background: #5c0931; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #details .btn-primary:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #details .table td, #details .table th { border-top: 1px solid #5c0931; } .moallem { margin: 0 !important; } .moallem > li { list-style:none; display: inline-block; padding:0 !important; margin:0; width:90px; margin-right:10px; vertical-align: top; text-align: center; line-height: 14px; } .moallem > li img { width:90px !important; min-height:90px !important; border-radius:100%; border: 3px solid #5c0931; height: 90px !important; } .moallem > li > a { color: #5c0931; font-size: 12px; } .moallem > li > a:hover { text-decoration: none; color: #111; } /* Gallery section end here */ .gallery { margin: 0 !important; } .gallery > li { width:30.333333%; float:left; list-style:none; display: block; padding:0 !important; margin:0; margin-leftt:10px; margin-right:10px; vertical-align: top; text-align: center; line-height: 14px; } .gallery > li p{ margin:0 auto; text-align: center; line-height: 14px; } .gallery > li img { width:300px !important; min-height:200px !important; border: 1px solid #5c0931; height: 100px !important; padding: 2px; margin:10px; } /* details section end here */ /* Form & Resource section end here */ .form { margin: 0 !important; } .form > li { width:30.333333%; float:left; list-style:none; display: block; padding:0 !important; margin:0; margin-leftt:10px; margin-right:10px; vertical-align: top; text-align: center; line-height: 14px; } .form > li p{ margin:0 auto; text-align: center; line-height: 14px; } .form > li img { width:50px !important; min-height:50px !important; height: 50px !important; padding: 0px; margin:10px; background-color: silver } /* details section end here */ /* pages section start here */ #pages { padding:30px 0; } #pages .breadcrumb { background: #5c0931; } #pages .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "\f101"; font-family: FontAwesome; } #pages .breadcrumb-item a { color: #fff; } #pages .breadcrumb-item a:hover, #pages .breadcrumb-item.active { color: #fdff79; text-decoration: none; } #pages .breadcrumb-item i { margin-right: 10px; } #pages img { width: 50%; height: auto; float: right; margin-left: 25px; } #pages h2 { font-size: 32px; margin-bottom:10px; font-family: 'Archivo Narrow', sans-serif; } #pages h4 { font-size: 28px; margin-bottom:12px; font-family: 'Archivo Narrow', sans-serif; } #pages h2 small{ float: right; font-family: 'Arimo', sans-serif; font-size:22px; color: #5c0931; } #pages p span{ float: right; } #pages ul { margin: 0 0 20px 20px; padding: 0; } #pages ul li { list-style-image: url(../img/list-style.png); padding:5px 8px; } /* pages section end here */ /* userPanel section start here */ #userPanel { padding:30px 0; } #userPanel h4 { font-size: 28px; margin-bottom:12px; font-family: 'Archivo Narrow', sans-serif; } #userPanel h3 { font-size: 28px; margin-bottom:12px; font-family: 'Archivo Narrow', sans-serif; } #userPanel h3 small { float: right; font-size: 18px; margin-top: 10px; } #userPanel h3 small a { color: #5c0931; } #userPanel p span{ float: right; } #userPanel ul { margin: 0; padding: 20px; background:#5c0931; color:#fff; height: 575px; } #userPanel ul li img { width: 50%; height: auto; display: block; margin: 0 auto 15px; } #userPanel ul li:first-child { text-align: center; margin-bottom:50px; } #userPanel ul li { list-style: none; padding:5px 8px; } #userPanel ul li i { width: 30px; } #userPanel ul li a { color: #fff; } #userPanel ul li a:hover { color: #fdff79; text-decoration: none; } #userPanel img { width: 100%; } #userPanel .pack { float: left; margin: 0 5px 5px 0; position: relative; width: 365px; overflow: hidden; height: 250px; } #userPanel .pack > div { position: absolute; top: 0; background: url(../img/package-hover.png); height:100%; width: 100%; transition: .5s; } #userPanel .pack > div h2 span { display: block; font-size: 22px; color: #f5f5f5; } #userPanel .pack > div h2 { color: #fff; padding: 20px 20px 26px; margin-top: 125px; margin-bottom:0; font-size:30px; transition: .5s; } #userPanel .pack > div > div { opacity:0; background: rgba(270,134,0,.70); padding: 0 20px 18px; transition: .5s; } #userPanel .pack > div > div a { padding:5px 15px; background: #5c0931; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #userPanel .pack > div > div a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #userPanel .pack > div h2 small { display: block; } #userPanel .pack > div:hover { background: none; transition: .5s; } #userPanel .pack > div:hover > div { opacity:1; transition: .5s; } #userPanel .pack > div:hover h2 { background: rgba(270,134,0,.70); transition: .5s; margin-top: 80px; padding-bottom:20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } #userPanel input { margin-bottom: 20px !important; } #userPanel .user-input-wrp { position: relative; width: 50%; } #userPanel .user-input-wrp .inputText { width: 100%; outline: none; border: 1px solid #5c0931; padding: 15px 10px 5px; } #userPanel .user-input-wrp .inputText:invalid { box-shadow: none !important; } #userPanel .user-input-wrp .floating-label { position: absolute; pointer-events: none; top: 12px; left: 20px; transition: 0.2s ease all; } #userPanel .user-input-wrp input:focus ~ .floating-label, #userPanel .user-input-wrp input:not(:focus):valid ~ .floating-label { top: 0px; left: 18px; font-size: 13px; opacity: 1; color: #5c0931; } #userPanel .btn-primary { padding:3px 8px; background: #5c0931; margin-left:10px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #userPanel .btn-primary:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } /* userPanel section end here */ /* counter section start here */ .counter { text-align: center; } .counter-count { font-size: 25px; background-color: #5c0931; border-radius: 50%; position: relative; color: #ffffff; text-align: center; line-height: 150px; width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; margin-top: 10px; margin-bottom: 10px; } .employee-p,.customer-p,.order-p,.design-p { font-size: 24px; color: #000000; line-height: 34px; margin-bottom: 30px; } /* counter section end here */ /* map start here */ #map { height: 350px; } /* map end here */ /* catPage section start here */ #catPage { padding:30px 0; } #catPage .breadcrumb { background: #5c0931; } #catPage .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "\f101"; font-family: FontAwesome; } #catPage .breadcrumb-item a { color: #fff; } #catPage .breadcrumb-item a:hover, #catPage .breadcrumb-item.active { color: #fdff79; text-decoration: none; } #catPage .breadcrumb-item i { margin-right: 10px; } #catPage h4 { font-size: 23px; margin-bottom: 20px; font-family: 'Archivo Narrow', sans-serif; } #catPage > div > div > div:last-child img { width: 100%; min-height: 250px; } #catPage .pack { float: left; margin: 0 5px 5px 0; position: relative; width: 360px; overflow: hidden; height: 250px; } #catPage .pack > div { position: absolute; top: 0; background: url(../img/package-hover.png); height:100%; width: 100%; transition: .5s; } #catPage .pack > div h2 { color: #fff; padding: 20px 20px 26px; margin-top: 135px; margin-bottom:0; font-size:30px; transition: .5s; } #catPage .pack > div h2 span { display: block; font-size: 19px; color: #f5f5f5; } #catPage .pack > div > div { opacity:0; background: rgba(270,134,0,.70); padding: 0 20px 18px; transition: .5s; } #catPage .pack > div > div a { padding:5px 15px; background: #5c0931; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #catPage .pack > div > div a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #catPage .pack > div h2 small { display: block; font-size: 22px; text-align: left; } #catPage .pack > div:hover { background: none; transition: .5s; } #catPage .pack > div:hover > div { opacity:1; transition: .5s; } #catPage .pack > div:hover h2 { background: rgba(270,134,0,.70); transition: .5s; margin-top: 85px; padding-bottom:20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, .70); } #catPage .custom { border: 1px solid #5c0931; padding: 15px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; overflow: hidden; } #catPage .custom h4 { font-size: 23px; background-color:#5c0931; padding:5px 15px; margin: -15px -15px 15px; font-family: 'Archivo Narrow', sans-serif; color: #fff; } #catPage .custom-control-label::before { background-color: #5c0931; } #catPage .btn-primary { padding:5px 15px; background: #5c0931; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #catPage .btn-primary:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #catPage table tbody a { padding:5px 15px; background: #5c0931; margin-right:15px; color: #fff; font-size:14px; border: 1px solid #5c0931; transition: .5s; } #catPage table tbody a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #catPage form select { border: 1px solid #5c0931; overflow: hidden; box-shadow: none; background: transparent url(../img/select.png) no-repeat 97% 50%; content:"\f0d7"; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 10px 13px; color: #000; height: auto; } #catPage form select:focus { outline: none; } #catPage .user-input-wrp { position: relative; width: 100%; } #catPage .user-input-wrp .inputText { width: 100%; outline: none; border: 1px solid #5c0931; padding: 15px 10px 5px; } #catPage .user-input-wrp .inputText:invalid { box-shadow: none !important; } #catPage .user-input-wrp .floating-label { position: absolute; pointer-events: none; top: 12px; left: 15px; transition: 0.2s ease all; } #catPage .user-input-wrp input:focus ~ .floating-label, #catPage .user-input-wrp input:not(:focus):valid ~ .floating-label { top: 0px; left: 18px; font-size: 13px; opacity: 1; color: #5c0931; } /* catPage section end here */ /* loginSignup section start here */ #loginSignup { padding:30px 0; } #loginSignup .breadcrumb { background: #5c0931; } #loginSignup .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "\f101"; font-family: FontAwesome; } #loginSignup .breadcrumb-item a { color: #fff; } #loginSignup .breadcrumb-item a:hover, #loginSignup .breadcrumb-item.active { color: #fdff79; text-decoration: none; } #loginSignup .breadcrumb-item i { margin-right: 10px; } #loginSignup h2 { font-size: 40px; margin-bottom: 30px; font-weight:200; color: #5c0931; } #loginSignup h2 small { display: block; } #loginSignup .btn-primary { padding:5px 15px; background: #5c0931; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #loginSignup .btn-primary:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #loginSignup > div > div:last-child { padding-top: 50px; } #loginSignup > div > div:last-child > div > div > div:nth-child(2) p { text-align: center; width:2px; white-space: nowrap; margin: 40px auto; background: #5c0931; height: 300px; } #loginSignup > div > div:last-child > div > div > div:nth-child(2) p span { background: #5c0931; padding:10px 13px; color: #fff; border:10px solid #fff; border-radius: 100%; margin: 120px 0 0 -30px; float:left; } #loginSignup > div > div:last-child > div > div > div:nth-child(1) > div p { display: inline-block; margin-top: 25px; } #loginSignup > div > div:last-child > div > div > div:nth-child(1) > div p:last-child { float: right; } #loginSignup > div > div:last-child > div > div > div:nth-child(1) > div p a { color: #5c0931; text-decoration: underline; } #loginSignup > div > div:last-child > div > div > div:nth-child(3) a { color: #fff; background: #5c0931; padding: 1px; display: block; width: 200px; margin-bottom:5px; line-height: 40px; } #loginSignup > div > div:last-child > div > div > div:nth-child(3) a:hover { text-decoration: none; } #loginSignup > div > div:last-child > div > div > div:nth-child(3) a i { background: #fff; width: 32px; text-align: center; margin-right: 30px; line-height: 42px; } #loginSignup > div > div:last-child > div > div > div:nth-child(3) a:nth-child(2) i { color: #3B5998; } #loginSignup > div > div:last-child > div > div > div:nth-child(3) a:nth-child(3) i { color: #d34836; } #loginSignup > div > div:last-child > div > div > div:nth-child(3) a:nth-child(4) i { color: #1dcaff; } #loginSignup input { margin-bottom: 20px !important; } #loginSignup .user-input-wrp { position: relative; width: 50%; } #loginSignup .user-input-wrp .inputText { width: 100%; outline: none; border: 1px solid #5c0931; padding: 15px 10px 5px; } #loginSignup .user-input-wrp .inputText:invalid { box-shadow: none !important; } #loginSignup .user-input-wrp .floating-label { position: absolute; pointer-events: none; top: 12px; left: 20px; transition: 0.2s ease all; } #loginSignup .user-input-wrp input:focus ~ .floating-label, #loginSignup .user-input-wrp input:not(:focus):valid ~ .floating-label { top: 0px; left: 18px; font-size: 13px; opacity: 1; color: #5c0931; } /* loginSignup section end here */ /* signup section start here */ #signup { padding:30px 0; text-align: left; } #signup a { color: #5c0931; } #signup a:hover { text-decoration: underline; } #signup .breadcrumb { background: #5c0931; } #signup .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "\f101"; font-family: FontAwesome; } #signup .breadcrumb-item a { color: #fff; } #signup .breadcrumb-item a:hover, #signup .breadcrumb-item.active { color: #fdff79; text-decoration: none; } #signup .breadcrumb-item i { margin-right: 10px; } #signup h2 { font-size: 40px; margin-bottom: 30px; font-weight:200; color: #5c0931; } #signup h3 { font-size: 25px; margin-bottom: 20px; font-weight:200; color: #5c0931; } #signup h2 small { display: block; } #signup .btn-primary { padding:5px 15px; background: #5c0931; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #signup .btn-primary:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #signup > div > div:last-child { padding-top: 50px; } #signup > div > div:last-child > div > div > div:nth-child(3) p { text-align: center; width:2px; white-space: nowrap; margin: -10px auto; background: #5c0931; height: 340px; } #signup > div > div:last-child > div > div > div:nth-child(3) p span { background: #5c0931; padding:10px 13px; color: #fff; border:10px solid #fff; border-radius: 100%; margin-left: -30px; float:left; } #signup > div > div:last-child > div > div > div:nth-child(1) { margin-bottom: 25px; } #signup > div > div:last-child > div > div > div:nth-child(1) a { color: #5c0931; text-decoration: underline; } /*#signup > div > div:last-child > div > div > div:nth-child(2) a { color: #fff; background: #5c0931; padding: 1px; display: block; width: 200px; margin-bottom:5px; line-height: 40px; } #signup > div > div:last-child > div > div > div:nth-child(2) a:hover { text-decoration: none; } #signup > div > div:last-child > div > div > div:nth-child(2) a i { background: #fff; width: 32px; text-align: center; margin-right: 30px; line-height: 42px; } #signup > div > div:last-child > div > div > div:nth-child(2) a:nth-child(2) i { color: #3B5998; } #signup > div > div:last-child > div > div > div:nth-child(2) a:nth-child(3) i { color: #d34836; } #signup > div > div:last-child > div > div > div:nth-child(2) a:nth-child(4) i { color: #1dcaff; }*/ #signup .user-input-wrp { position: relative; width: 50%; } #signup .user-input-wrp .inputText { width: 100%; outline: none; border: 1px solid #5c0931; padding: 15px 10px 5px; } #signup .user-input-wrp .inputText:invalid { box-shadow: none !important; } #signup .user-input-wrp .floating-label { position: absolute; pointer-events: none; top: 12px; left: 20px; transition: 0.2s ease all; } #signup .user-input-wrp input:focus ~ .floating-label, #signup .user-input-wrp input:not(:focus):valid ~ .floating-label { top: 0px; left: 18px; font-size: 13px; opacity: 1; color: #5c0931; } #signup .user-input-wrp .floating-label2 { position: absolute; pointer-events: none; top: 12px; left: 25px; transition: 0.2s ease all; } #signup .user-input-wrp input:focus ~ .floating-label2, #signup .user-input-wrp input:not(:focus):valid ~ .floating-label2 { top: 0px; left: 25px; font-size: 13px; opacity: 1; color: #5c0931; } #signup .custom h4 { font-size: 23px; margin-bottom: 15px; font-family: 'Archivo Narrow', sans-serif; color: #5c0931; } #signup .custom-control-label::before { background-color: #5c0931; } #signup input[type=checkbox], #signup input[type=radio] { margin-left: 0; } #signup .form-check-label { margin-left: 25px; font-weight: normal; } /* signup section end here */ /* special service section start here */ #special h3 { font-size: 25px; margin-bottom: 45px; font-family: 'Archivo Narrow', sans-serif; font-weight: normal; } #special p { margin-bottom: 30px; } #special a { color: #fff; } #special a:hover, #special a:hover { color: #fdff79; text-decoration: none; } #special > div > div > div > div { background: #5c0931; color: #fff; float: left; position: relative; margin-bottom: 30px; } #special > div > div > div:nth-child(even) > div > div:first-child { float: left; width: 40%; overflow: hidden; } #special > div > div > div > div > div:last-child { padding: 50px; float: left; width: 60%; } #special > div > div > div > div > div:first-child { float: right; width: 40%; overflow: hidden; } #special img { min-height: 430px; } /* special service section end here */ /* Travelshop service section start here */ #travelshop .item-list { width:100%; padding: 10px; border-radius: 10px; border: 1px solid #590d32;} #travelshop h3 { font-size: 25px; margin-bottom: 45px; font-family: 'Archivo Narrow', sans-serif; font-weight: normal; } #travelshop p { margin-bottom: 30px; } #travelshop .addtocart a { color: #5b0931; background-color: #ffcb60; padding: 10px; border-radius: 5px; font-size: small; font-weight: bold; } #travelshop .addtocart a:hover, #special a:hover { color: #red; background-color: #red; text-decoration: none; } #travelshop .catlist a { color: #fff; line-height: 40px; list-style-type:none; margin-top: 5px; padding: 10px; text-decoration:none; font-size: 18px; font-weight: bold; } #travelshop .catlist a:hover { text-decoration:none; list-style-type:none; margin-top: 5px; color: #ffffaa; line-height: 40px; padding: 10px; background-color: #5c0931; font-size: 18px; font-weight: bold; } #travelshop .catlist ul li { border:1px solid #5c0931; list-style-type:none; background-color: #5c0931; margin-top: 5px; color: #white; border-radius: 5px; } #travelshop .catlist ul li :hover{ weight:100%; border:1px solid #5c0931; list-style-type:none; background-color: #5c0931; color: #black; border-radius: 5px; margin-top: 5px; } #travelshop > div > div > div > div { background: #fff; color: #5c0931; float: left; position: relative; margin-bottom: 30px; } #travelshop > div > div > div:nth-child(even) > div > div:first-child { float: left; width: 40%; overflow: hidden; } #travelshop > div > div > div > div > div:last-child { float: left; width: 60%; } #travelshop > div > div > div > div > div:first-child { float: right; width: 100%; overflow: hidden; } #travelshop img { width: 100%; height: 230px; border-radius: 10px; } /* Travelshop service section end here */ #brochure img { width: 100%; height: auto; border-radius: 10px; } /* advisorpanel service section start here */ #advisorpanel h3 { font-size: 25px; margin-bottom: 45px; font-family: 'Archivo Narrow', sans-serif; font-weight: normal; } #advisorpanel p { margin-bottom: 30px; } #advisorpanel a { color: #fff; } #advisorpanel a:hover, #special a:hover { color: #fdff79; text-decoration: none; } #advisorpanel > div > div > div > div { background: #5c0931; color: #fff; float: left; position: relative; margin-bottom: 30px; } #advisorpanel > div > div > div:nth-child(even) > div > div:first-child { float: left; width: 40%; overflow: hidden; } #advisorpanel > div > div > div > div > div:last-child { padding: 50px; float: left; width: 60%; } #advisorpanel > div > div > div > div > div:first-child { float: right; width: 40%; overflow: hidden; } #advisorpanel img { min-height: 430px; } /* advisorpanel service section end here */ /* Top Tour service section start here */ #toptour { /*padding: 50px 0 45px;*/ } #toptour > div > div > div > h2 { text-align: center; margin-bottom: 25px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } #toptour .hot-top { position: relative; background: url(../img/content-top.png) top left no-repeat; width: 100%; background-size: 100% 100%; height: 150px; top: 0; } #toptour .hot-bottom { position: relative; background: url(../img/content-bottom.png) bottom left no-repeat; width: 100%; background-size: 100% 100%; height: 140px; bottom: -2px; } #toptour .pack { float: left; margin: 0 5px 5px 0; position: relative; width: 365px; overflow: hidden; height: 270px; } #toptour .pack img { width: auto; height: 270px; } #toptour .pack > div { position: absolute; bottom: 0; background: url(../img/package-hover.png); height:100%; width: 100%; transition: .5s; } #toptour .pack > div h2 { color: #fff; padding: 20px 20px 26px; margin-top: 133px; margin-bottom:0; font-size:30px; transition: .5s; } #toptour .pack > div > div { opacity:0; background: rgba(270,134,0,.70); padding: 0 20px 18px; transition: .5s; } #toptour .pack > div > div a { padding:5px 15px; background: #5c0931; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #toptour .pack > div > div a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #toptour .pack > div h2 small { display: block; font-size: 26px; } #toptour .pack > div h2 span { display: block; font-size: 22px; } #toptour .pack > div:hover { background: transparent; transition: .5s; } #toptour .pack > div:hover > div { opacity:1; transition: .5s; } #toptour .pack > div:hover h2 { background: rgba(270,134,0,.70); transition: .5s; margin-top: 98px; padding-bottom:20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } /* Top tour service section end here */ /*Brochures Gallery start here*/ /* padding-bottom and top for image */ .mfp-no-margins img.mfp-img { padding: 0; } /* position of shadow behind the image */ .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } /* padding for main container */ .mfp-no-margins .mfp-container { padding: 0; } /* for zoom animation uncomment this part if you haven't added this code anywhere else */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /*Brochures Gallery close here*/ /* hotPackage service section start here */ #hotPackage { /*padding: 50px 0 45px;*/ } #hotPackage > div > div > div > h2 { text-align: center; margin-bottom: 25px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } #hotPackage .hot-top { position: relative; background: url(../img/content-top.png) top left no-repeat; width: 100%; background-size: 100% 100%; height: 150px; top: 0; } #hotPackage .hot-bottom { position: relative; background: url(../img/content-bottom.png) bottom left no-repeat; width: 100%; background-size: 100% 100%; height: 140px; bottom: -2px; } #hotPackage .pack { float: left; margin: 0 5px 5px 0; position: relative; width: 365px; overflow: hidden; height: 270px; } #hotPackage .pack img { width: auto; height: 270px; } #hotPackage .pack > div { position: absolute; bottom: 0; background: url(../img/package-hover.png); height:100%; width: 100%; transition: .5s; } #hotPackage .pack > div h2 { color: #fff; padding: 20px 20px 26px; margin-top: 133px; margin-bottom:0; font-size:30px; transition: .5s; } #hotPackage .pack > div > div { opacity:0; background: rgba(270,134,0,.70); padding: 0 20px 18px; transition: .5s; } #hotPackage .pack > div > div a { padding:5px 15px; background: #5c0931; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #hotPackage .pack > div > div a:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #hotPackage .pack > div h2 small { display: block; font-size: 26px; } #hotPackage .pack > div h2 span { display: block; font-size: 22px; } #hotPackage .pack > div:hover { background: transparent; transition: .5s; } #hotPackage .pack > div:hover > div { opacity:1; transition: .5s; } #hotPackage .pack > div:hover h2 { background: rgba(270,134,0,.70); transition: .5s; margin-top: 98px; padding-bottom:20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } /* hotPackage service section end here */ /* indicator service section start here */ #indicator { padding: 30px 0; } #indicator > div > div > div > div { text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:35px; } #indicator > div > div > div > div > a { color: #5c0931; margin: 0 15px; } #indicator > div > div > div > div > i { color: #5c0931; } #indicator > div > div > div > div > a > i { color: #fff; background: #5c0931; height:65px; width: 65px; line-height:65px; border-radius: 100%; margin-right: 15px; font-size: 30px; } #indicator > div > div > div > div > a.active { text-decoration: none; font-weight: bold; cursor: auto; } #indicator > div > div > div > div > a:hover { text-decoration: none; cursor: auto; } #indicator > div > div > div > div > span { width: 40px; border: 2px solid #5c0931; display: inline-block; margin: 4px -4px 4px 0; } /* indicator service section end here */ /* infoCollect service section start here */ #infoCollect { padding: 30px 0 60px; } #infoCollect .breadcrumb { background: #5c0931; } #infoCollect .breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "\f101"; font-family: FontAwesome; } #infoCollect .breadcrumb-item a { color: #fff; } #infoCollect .breadcrumb-item a:hover, #infoCollect .breadcrumb-item.active { color: #fdff79; text-decoration: none; } #infoCollect .breadcrumb-item i { margin-right: 10px; } #infoCollect .form-check { margin-bottom: 15px; } #infoCollect a { color: #5c0931; } #infoCollect a:hover, #infoCollect a:hover { color: #5c0931; } #infoCollect span.fa.fa-trash { color: #fff; } #infoCollect h4 { font-size: 22px; margin-bottom: 15px; font-weight: bold; } #infoCollect h4 span{ font-weight: normal; color:#5c0931; } #infoCollect h4 small { float: right; color:#5c0931; } #infoCollect ul { list-style:square; } #infoCollect .user-input-wrp { position: relative; width: 80%; } #infoCollect .user-input-wrp .inputText { width: 100%; outline: none; border: 1px solid #5c0931; padding: 15px 10px 5px; } #infoCollect .user-input-wrp .inputText:invalid { box-shadow: none !important; } #infoCollect .user-input-wrp .floating-label { position: absolute; pointer-events: none; top: 12px; left: 15px; transition: 0.2s ease all; } #infoCollect .user-input-wrp input:focus ~ .floating-label, #infoCollect .user-input-wrp input:not(:focus):valid ~ .floating-label { top: 0px; left: 15px; font-size: 13px; opacity: 1; color: #5c0931; } #infoCollect .user-input-wrp .floating-label2 { position: absolute; pointer-events: none; top: 12px; left: 25px; transition: 0.2s ease all; } #infoCollect .user-input-wrp input:focus ~ .floating-label2, #infoCollect .user-input-wrp input:not(:focus):valid ~ .floating-label2 { top: 0px; left: 25px; font-size: 13px; opacity: 1; color: #5c0931; } #infoCollect .custom h4 { font-size: 23px; margin-bottom: 15px; font-family: 'Archivo Narrow', sans-serif; color: #5c0931; } #infoCollect .custom-control-label::before { background-color: #5c0931; } #infoCollect .btn-primary { padding:5px 15px; background: #5c0931; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #infoCollect .btn-primary:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #infoCollect form select {border: 1px solid #5c0931; overflow: hidden; box-shadow: none; background: transparent url(../img/select.png) no-repeat 97% 50%; content:"\f0d7"; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 5px 13px; color: #000; font-family: 'Ovo', serif; font-size: 16px; height: auto; } #infoCollect form select:focus { outline: none; } #infoCollect form { display: inline; } /* infoCollect service section end here */ /* unsuccessInfo section start here */ #unsuccessInfo { padding: 30px 0; } #unsuccessInfo i { font-size:75px; color: #5c0931; } #unsuccessInfo > div > div > div > div:first-child { text-align: center; margin-bottom: 50px; } #unsuccessInfo a { color: #5c0931; } #unsuccessInfo a:hover, #unsuccessInfo a:hover { color: #5c0931; } /* unsuccessInfo section end here */ /* successInfo section start here */ #successInfo { padding: 30px 0; } #successInfo h4 small { display: block; } #successInfo i { font-size:75px; color: #5c0931; } #successInfo > div > div > div > ul { margin: 0; padding: 0; border:1px solid #111; } #successInfo > div > div > div > ul li { list-style: none; line-height: 35px; border-bottom: 1px dotted #e6e6e6; padding: 0 15px; } #successInfo > div > div > div > div:first-child { text-align: center; margin-bottom: 50px; } #successInfo a { color: #5c0931; } #successInfo a:hover, #successInfo a:hover { color: #5c0931; } #successInfo .btn-primary { padding:5px 15px; background: #5c0931; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #5c0931; transition: .5s; } #successInfo .btn-primary:hover { text-decoration: none; background:transparent; color: #5c0931; transition: .5s; } #successInfo form { display: inline-block; } /* successInfo section end here */ /* accept section start here */ #accept { padding: 50px 0; } #accept img { width: 100%; } /* accept section end here */ /* footer content section start here */ .imageTop { position: relative; background: url('../img/footer-content.png') top left no-repeat; background-size: 100% auto; height:108px; width: 100%; margin-top:30px; } #footerContent { background: #5c0931; padding: 30px 0; color: #fff; } #footerContent h4 { color: #fdff79; margin-top: 40px; font-size: 23px; } #footerContent > div > div > div:nth-child(2) ul li:last-child img { height: 135px; width: auto; float: left; margin-top: 35px; } #footerContent > div > div:first-child > div a { color: #fff; } #footerContent > div > div:first-child > div a:hover { color: #fdff79; text-decoration: none; } #footerContent > div > div:first-child > div i { margin-left:10px; } #footerContent ul { margin: 10px 0 0 0; padding: 0; list-style: none; } #footerContent ul li a { color: #fff; } #footerContent ul li a:hover, #footerContent ul li a:focus { color: #fdff79; text-decoration: none; } #footerContent > div > div:last-child > div:first-child img { margin-top: 15px; } #footerContent > div > div:last-child > div:last-child img { float: right; margin-top: 30px; } /* #footerContent > div > div:last-child > div { margin-top: 25px; } */ /* footer content section end here */ /* members section start here */ #members { background: #5c0931/*dfced6 f5eaef 3a001c*/; text-align:center; } #members #color { background: rgba(255,255,255,.75); padding-top: 15px; text-align:center; } #members h4 { margin-top:0; margin-bottom: 15px; color: #5c0931 /*fdff79 3a001c*/; font-size: 23px; text-align: center; font-weight: bold; } #members ul { display:inline-block; padding: 0; } #members ul li img { height: 40px; margin-right: 45px; width: auto; } #members ul li:last-child img { margin-right: 0; } #members ul li { display: inline; } #members .carousel-control-next, #members .carousel-control-prev { display: none; } #members marquee div { display: inline-block; margin-right: 150px; } #members marquee div:last-child { margin-right: 0; } /* members section end here */ /* copyright section start here */ #copyright { background: #5c0931; padding-top: 15px; font-size: 14px; } #copyright p { display: inline-block; color: #fff; padding-top: 5px; } #copyright p:last-child { float: right; text-align: right; } #copyright p a { color: #fdff79; } /* copyright section end here */ /* footer start here */ footer { background: #f5f5f5; text-align: center; padding: 10px 0; color: #000; font-size: 20px; } footer i { margin-right: 10px; } footer a { margin-right: 20px; color: #5c0931; } footer a:hover { color: #5c0931; } footer a:nth-child(1) i { color: #3b5998 !important; } footer a:nth-child(2) i { color: #1dcaff !important; } footer a:nth-child(3) i { color: #db3236 !important; } footer a:nth-child(4) i { color: #0077B5 !important; } /* footer end here */ /*====================================================================================== media query start here =======================================================================================*/ @media (min-width:320px) and (max-width:480px) { header { font-size: 14px; line-height: 28px; } header > div > div > div:last-child { text-align: center; } #navigation .navbar-brand { margin-right: 20px; } #navigation nav ul li ul { position: relative; top: 0; width: 100%; opacity: 1; } #navigation nav ul li:hover ul { top: 0; } #navigation nav ul li ul li a { font-size: 13px; line-height: 25px; } #navigation nav ul li a { line-height: 35px; } .navbar-light .navbar-toggler { border-color: #5c0931; } #searchTab { margin-top: -65px; } #searchTab .tab-top { height: 35px; } #searchTab h2 { font-size: 25px; font-weight: 300; text-align: left; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size: 12px; } #content { padding-top: 0; } #content .pack { width: 100%; height: 200px; } #content .pack > div h2 { margin-top: 132px; font-size: 26px; } #content .pack > div:hover h2 { margin-top: 95px; } #content > div > div > div:last-child ul li:last-child { display: none; } #content ul li { border: 0; } #special > div > div > div > div > div img { width: 100%; height: auto; } #special > div > div > div > div > div:last-child { width: 100%; } .imageTop { height: 26px; margin-top: 0; } #footerContent > div > div:first-child > div { font-size: 16px; } #footerContent ul { margin-top: 20px; } footer { font-size: 12px; line-height: 16px; } #details img { float: none; margin: 0 0 15px; width: 100%; height: auto; } #catPage table tbody a { padding: 0 8px; float:left; text-align: center; margin: 5px 10px 15px 0; } #catPage .table thead th { font-size: 14px; } #catPage .table thead { display: none; } #catPage .table td, #catPage .table th { width: 100%; float: left; padding: 0 15px; line-height: 30px; border: 0; } #loginSignup > div > div:last-child > div > div > div:nth-child(1) > div p { margin: 0; line-height: 30px; } #loginSignup > div > div:last-child > div > div > div:nth-child(1) > div p:last-child { float: none; } #loginSignup > div > div:last-child > div > div > div:nth-child(2) p { width: 100%; height: 2px; } #loginSignup > div > div:last-child > div > div > div:nth-child(2) p span { margin: -28px 0 0 40%; padding: 8px 13px; } #loginSignup h2 { font-size: 27px; } #loginSignup > div > div:last-child { padding-top: 25px; } #signup > div > div:last-child > div > div > div:nth-child(3) p { margin: 40px auto; height: 2px; width: 100%; } #signup > div > div:last-child > div > div > div:nth-child(3) p span { margin: -28px 0 0 40%; padding: 8px 13px; } #signup h3 { font-size: 20px; } #signup h2 { font-size: 30px; margin-bottom: 15px; } #signup > div > div:last-child { padding-top: 25px; } } @media (min-width:450px) and (max-width:639px) { header > div > div > div:last-child { text-align: center; } #navigation .navbar-brand { margin-right: 20px; } #navigation nav ul li ul { position: relative; top: 0; width: 100%; opacity: 1; } #navigation nav ul li:hover ul { top: 0; } #navigation nav ul li ul li a { font-size: 13px; line-height: 25px; } #navigation nav ul li a { line-height: 35px; } .navbar-light .navbar-toggler { border-color: #5c0931; } #searchTab { margin-top: -65px; } #searchTab .tab-top { height: 35px; } #searchTab h2 { font-size: 25px; font-weight: 300; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size: 12px; } #content { padding-top: 0; } #content .pack { width: 49%; height: 170px; } #content .pack img { width: 100%; height: auto; } #content .pack > div { background-size: 100% auto; } #content .pack > div h2 { margin-top: 85px; font-size: 26px; } #content .pack > div:hover h2 { margin-top: 65px; } #content > div > div > div:last-child ul li:last-child { display: none; } #content ul li { border: 0; } #content > div > div > div:last-child img { width: 30%; } #special > div > div > div > div > div:first-child { width: 40%; } #special > div > div > div > div > div:last-child { padding: 25px; } #special > div > div > div > div > div img { width: 100%; height: auto; } .imageTop { height: 44px; margin-top: 0; } #footerContent > div > div:first-child > div { font-size: 16px; } #footerContent ul { margin-top: 20px; } footer { font-size: 12px; line-height: 16px; } #details img { float: none; margin: 0 0 15px; width: 100%; height: auto; } #catPage table tbody a { padding: 0 8px; float:left; text-align: center; margin: 5px 10px 15px 0; } #catPage .table thead th { font-size: 14px; } #catPage .table thead { display: none; } #catPage .table td, #catPage .table th { width: 100%; float: left; padding: 0 15px; line-height: 30px; border: 0; } #loginSignup > div > div:last-child > div > div > div:nth-child(1) > div p { margin: 0; line-height: 30px; } #loginSignup > div > div:last-child > div > div > div:nth-child(1) > div p:last-child { float: none; } #loginSignup > div > div:last-child > div > div > div:nth-child(2) p { width: 100%; height: 2px; } #loginSignup > div > div:last-child > div > div > div:nth-child(2) p span { margin: -28px 0 0 40%; padding: 8px 13px; } #loginSignup h2 { font-size: 27px; } #loginSignup > div > div:last-child { padding-top: 25px; } #signup > div > div:last-child > div > div > div:nth-child(3) p { margin: 40px auto; height: 2px; width: 100%; } #signup > div > div:last-child > div > div > div:nth-child(3) p span { margin: -28px 0 0 40%; padding: 8px 13px; } #signup h3 { font-size: 20px; } #signup h2 { font-size: 30px; margin-bottom: 15px; } #signup > div > div:last-child { padding-top: 25px; } } @media (min-width:640px) and (max-width:768px) { } @media (min-width:769px) and (max-width:992px) { }