/* CSS Style Sheet */

@font-face {
	font-family: "Albertus-Medium";
	src: url("fonts/albr55w.eot"); /* IE9 Compat Modes */
	src: url("fonts/albr55w.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("fonts/albr55w.otf") format("opentype"), /* Open Type Font */
	url("fonts/albr55w.svg") format("svg"), /* Legacy iOS */
	url("fonts/albr55w.ttf") format("truetype"), /* Safari, Android, iOS */
	url("fonts/albr55w.woff") format("woff"), /* Modern Browsers */
	url("fonts/albr55w.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

body { font-size: 18px; line-height: 22px; font-family: 'Ovo', serif; text-align:justify; /* font-family: 'Delius', sans-serif; font-family: 'Delius', sans-serif; */ }

/* header start here */
header { background: #002e3d !important;  line-height: 35px; 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:   #FFFF00; 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; }
.pollSlider h3 { background:  #002e3d; line-height: 50px; text-align: center; color: #fff; font-size: 20px; }
.pollSlider > div { padding: 35px 50px; }
.pollSlider i { color:  #002e3d; 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  #002e3d; background: none; color: #002e3d; 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: 22px; }
#newsEvents marquee { background:  #002e3d !important; /* 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   #FFFF00; 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:   #FFFFFF; font-size: 16px; }
#newsEvents marquee ul li a:hover { color:  #FFFFFF; }
/* 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: 170px; height: auto; float: left;  }
#navigation form a { color: #002e3d;  }
#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: 18px; 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: #002e3d;  }
#navigation nav ul li a {     margin: 0;
    display: block;
    padding: 0px 12px;
    color: black;
    transition: .5s;


    line-height: 50px;
    /*font-family: sans-serif;*/
    font-size: 19px; }
#navigation nav ul li a:hover { text-decoration:none; color: #fff; transition: .5s; background-color: #002e3d; }

/* dropdown menu start here */
#navigation nav ul li ul { position: absolute; width:230px; left: 0; background-color:  #002e3d; 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  #002e3d; 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 h2 { color:#000000; font-family:  'Albertus-Medium', serif !important; font-size: 1.5em; }
#searchTab a { font-family: 'Albertus-Medium', serif !important;}
#searchTab p { font-family: 'Albertus-Medium', serif !important;}
#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 { color:#000000; padding: 0; border:0; opacity:0.8; 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-font-family: 'Albertus-Medium', serif;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: #002e3d; }
#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 { font-family: 'Albertus-Medium', serif !important;  border: 1px solid#002e3d !important; background:#002e3d !important; padding: 10px 15px; }
#searchTab .btn-primary:hover { background: transparent !important; color: #002e3d; }
#searchTab .btn-secondary { border: 1px solid #002e3d !important; background:  #002e3d !important; padding: 2px 15px; font-size: 14px; }
#searchTab .btn-secondary:hover { background: transparent !important; color:  #002e3d; }
#searchTab form select { font-family: 'Albertus-Medium', serif !important;  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-size: 15px; height: 54px; padding-right: 35px; }
#searchTab form select:focus { outline: none; }
#searchTab .user-input-wrp { font-family: 'Albertus-Medium', serif !important; font-size:15px !important;  position: relative; width: 50%; }
#searchTab .user-input-wrp .inputText { font-family: 'Albertus-Medium', serif !important; width: 100%; outline: none; border: 1px solid #e6e6e6; padding: 20px 10px 5px; border-radius: 0; }
#searchTab .user-input-wrp .inputText:invalid { font-family: 'Albertus-Medium', serif !important;  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: #002e3d; }
#searchTab .custom-control-label::before { background-color: #002e3d; }
/* searchTab section end here */

/* content section start here */
#content { padding:30px 0; background: url(../img/1.jpg) 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 #002e3d; 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 { font-family: 'Albertus-Medium', serif !important; 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(63,81,181 ,0.70); padding: 0 20px 18px; transition: .5s; }
#content .pack > div > div a { padding:5px 15px; background: #002e3d; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#content .pack > div > div a:hover { text-decoration: none; background:transparent; color: #002e3d; 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(63,81,181 ,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:#002e3d; font-family: 'Delius', 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(63,81,181 ,0.70); padding: 0 20px 18px; transition: .5s; }
#relatedPackage .pack > div > div a { padding:5px 15px; background: #002e3d; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#relatedPackage .pack > div > div a:hover { text-decoration: none; background:transparent; color: #002e3d; 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(63,81,181 ,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: #002e3d; }
#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:   #FFFF00; text-decoration: none; }
#details .breadcrumb-item i { margin-right: 10px; }
#details img { width: 100%;    height: 100%;    min-height: 380px;  margin-top: -30px; }
#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: 'Albertus-Medium', 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: 'Albertus-Medium', sans-serif; }
#details h2 small{ float: right; font-family: 'Delius', sans-serif; font-size:22px; color: #002e3d; }
#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: #002e3d; margin-right:15px; color: #fff; font-size:14px; border: 1px solid #002e3d; transition: .5s; }
#details > div > div > div > div > div > div > div > div > a:hover { text-decoration: none; background:transparent; color: #002e3d; transition: .5s; }
#details input[type=text], #details input[type=date], #details input[type=email], #details textarea { border: 1px solid #002e3d; }
#details .btn-primary { padding:5px 15px; background: #002e3d; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#details .btn-primary:hover { text-decoration: none; background:transparent; color: #002e3d; transition: .5s; }
#details .table td, #details .table th { border-top: 1px solid #002e3d; }

.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 #002e3d; height: 90px !important; }
.moallem > li > a { color: #002e3d; font-size: 12px; }
.moallem > li > a:hover { text-decoration: none; color: #111; }
/* details section end here */

/* pages section start here */
#pages { padding:30px 0; }
#pages .breadcrumb { background: #002e3d; }
#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:   #FFFF00; 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: 'Albertus-Medium', sans-serif; }
#pages h4 { font-size: 28px; margin-bottom:12px; font-family: 'Albertus-Medium', sans-serif; }
#pages h2 small{ float: right; font-family: 'Delius', sans-serif; font-size:22px; color: #002e3d; }
#pages p span{ float: left; }
#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: 'Delius', sans-serif; }
#userPanel h3 { font-size: 28px; margin-bottom:12px; font-family: 'Delius', sans-serif; }
#userPanel h3 small { float: right; font-size: 18px; margin-top: 10px; }
#userPanel h3 small a { color: #002e3d; }
#userPanel p span{ float: right; }
#userPanel ul { margin: 0; padding: 20px; background:#002e3d; 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:   #FFFF00; 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(63,81,181 ,0.70); padding: 0 20px 18px; transition: .5s; }
#userPanel .pack > div > div a { padding:5px 15px; background: #002e3d; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#userPanel .pack > div > div a:hover { text-decoration: none; background:transparent; color: #002e3d; 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(63,81,181 ,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 #002e3d; 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: #002e3d; }
#userPanel .btn-primary { padding:3px 8px; background: #002e3d; margin-left:10px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#userPanel .btn-primary:hover { text-decoration: none; background:transparent; color: #002e3d; transition: .5s; }
/* userPanel section end here */

/* counter section start here */
.counter { text-align: center; }
.counter-count { font-size: 25px; background-color: #002e3d; 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: #002e3d; }
#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:   #FFFF00; text-decoration: none; }
#catPage .breadcrumb-item i { margin-right: 10px; }
#catPage h4 { font-size: 23px; margin-bottom: 20px; font-family: 'Delius', 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(63,81,181 ,0.70); padding: 0 20px 18px; transition: .5s; }
#catPage .pack > div > div a { padding:5px 15px; background: #002e3d; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#catPage .pack > div > div a:hover { text-decoration: none; background:transparent; color: #002e3d; 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(63,81,181 ,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 #002e3d; padding: 15px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; overflow: hidden; }
#catPage .custom h4 { font-size: 23px; background-color:#002e3d; padding:5px 15px; margin: -15px -15px 15px; font-family: 'Delius', sans-serif; color: #fff; }
#catPage .custom-control-label::before { background-color: #002e3d; }
#catPage .btn-primary { padding:5px 15px; background: #002e3d; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#catPage .btn-primary:hover { text-decoration: none; background:transparent; color: #002e3d; transition: .5s; }
#catPage table tbody a { padding:5px 15px; background: #002e3d; margin-right:15px; color: #fff; font-size:14px; border: 1px solid #002e3d; transition: .5s; }
#catPage table tbody a:hover { text-decoration: none; background:transparent; color: #002e3d; transition: .5s; }
#catPage form select { border: 1px solid #002e3d; 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 #002e3d; 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: #002e3d; }
/* catPage section end here */

/* loginSignup section start here */
#loginSignup { padding:30px 0; }
#loginSignup .breadcrumb { background: #002e3d; }
#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:   #FFFF00; text-decoration: none; }
#loginSignup .breadcrumb-item i { margin-right: 10px; }
#loginSignup h2 { font-size: 40px; margin-bottom: 30px; font-weight:200; color: #002e3d; }
#loginSignup h2 small { display: block; font-family: 'Albertus-Medium', serif !important;}
#loginSignup .btn-primary { padding:5px 15px; background: #002e3d; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#loginSignup .btn-primary:hover { text-decoration: none; background:transparent; color: #002e3d; 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: #002e3d; height: 300px; }
#loginSignup > div > div:last-child > div > div > div:nth-child(2) p span { background: #002e3d; 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: #002e3d; text-decoration: underline; }
#loginSignup > div > div:last-child > div > div > div:nth-child(3) a { color: #fff; background: #002e3d; 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 #002e3d; 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: #002e3d; }
/* loginSignup section end here */

/* signup section start here */
#signup { padding:30px 0; text-align: left; }
#signup a { color: #002e3d; }
#signup a:hover { text-decoration: underline; }
#signup .breadcrumb { background: #002e3d; }
#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:   #FFFF00; text-decoration: none; }
#signup .breadcrumb-item i { margin-right: 10px; }
#signup h2 { font-size: 40px; margin-bottom: 30px; font-weight:200; color: #002e3d; }
#signup h3 { font-size: 25px; margin-bottom: 20px; font-weight:200; color: #002e3d; }
#signup h2 small { display: block; }
#signup .btn-primary { padding:5px 15px; background: #002e3d; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#signup .btn-primary:hover { text-decoration: none; background:transparent; color: #002e3d; 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: #002e3d; height: 340px; }
#signup > div > div:last-child > div > div > div:nth-child(3) p span { background: #002e3d; 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: #002e3d; text-decoration: underline; }
/*#signup > div > div:last-child > div > div > div:nth-child(2) a { color: #fff; background: #002e3d; 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 #002e3d; 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: #002e3d; }
#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: #002e3d; }
#signup .custom h4 { font-size: 23px; margin-bottom: 15px; font-family: 'Delius', sans-serif; color: #002e3d; }
#signup .custom-control-label::before { background-color: #002e3d; }
#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 h2 { font-size: 25px; margin-bottom: 45px; font-family: 'Albertus-Medium', serif; font-weight: normal; color: #FFFF00; }
#special h3 { font-size: 25px; margin-bottom: 45px; font-family: 'Albertus-Medium', serif; font-weight: normal; }
#special p { color: #ffffff; margin-bottom: 30px; }
#special a { color: #fff; }
#special a:hover, #special a:hover { color:   #FFFF00; text-decoration: none; }
#special > div > div > div > div { height: 345px; background: #002e3d; color: #fff; float: left; position: relative;	margin-bottom: 30px;	padding: 15px;}
#special > div > div > div:nth-child(even) > div > div:first-child { float: left; width: 50%; overflow: hidden; }
#special > div > div > div > div > div:last-child { padding: 20px; float: left; width: 50%; }
#special > div > div > div > div > div:first-child {  width: 100%; overflow: hidden; }
#special img { width: 100%; }
#special .heightspace {  height: 750px; }

#special .pack { float: left; margin: 0 5px 5px 0; position: relative; width: 365px; overflow: hidden; height: 315px; }
#special .pack img { width: 100%; height: 100%; }
#special .pack > div { position: absolute; bottom: 0; top:5px; background: url(../img/package-hover.png); height:100%; width: 26.2em; transition: .5s; }
#special .pack > div h2 { color: #fff; padding: 20px 20px 26px; margin-top: 190px; margin-bottom:0; font-size:30px; transition: .5s;  }
#special .pack > div > div { opacity:0; background: rgba(63,81,181 ,0.70); padding: 0 20px 18px; transition: .5s; }
#special .pack > div > div a {
	padding: 5px 15px;
	background: #002e3d;
	margin-right: 20px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
	border: 1px solid #002e3d;
	transition: .5s;

}
#special .pack > div > div a:hover { text-decoration: none; background:transparent; color: #ffffff; transition: .5s; border: 1px solid #ffffff; }
#special .pack > div h2 small { display: block; font-size: 26px; }
#special .pack > div h2 span { font-family: 'Albertus-Medium', serif !important; display: block; font-size: 22px; }
#special .pack > div:hover { background: transparent;  transition: .5s; }
#special .pack > div:hover > div { opacity:1;  transition: .5s; }
#special .pack > div:hover h2 { background: rgba(63,81,181 ,0.70); transition: .5s; margin-top: 177px;  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
#special .hot-top { position: relative; background: url(../img/content-top.png) top left no-repeat; width: 100%;  background-size: 100% 100%; height: 150px; top: 0; }
#special .hot-bottom { position: relative; background: url(../img/content-bottom.png) bottom left no-repeat; width: 100%;  background-size: 100% 100%; height: 140px; bottom: -2px; }


/*#special  {    background-color: #e6c6ff;	padding: 10px;}*/

/* special service section start here */

#specialmoallem h2 { font-size: 25px; margin-bottom: 45px; font-family: 'Albertus-Medium', serif; font-weight: normal; }
#specialmoallem h3 { font-size: 25px; margin-bottom: 45px; font-family: 'Albertus-Medium', serif; font-weight: normal; }
#specialmoallem p { color: #ffffff; margin-bottom: 30px; }
#specialmoallem a { color: #fff; }
#special a:hover, #special a:hover { color:   #FFFF00; text-decoration: none; }
#specialmoallem > div > div > div > div { background: #fbf2f0; color: #fff; float: left; position: relative;	margin-bottom: 30px;	padding: 15px;}
#specialmoallem > div > div > div:nth-child(even) > div > div:first-child { float: left; width: 50%; overflow: hidden; }
#specialmoallem > div > div > div > div > div:last-child { padding: 20px; float: left; width: 50%; }
#specialmoallem > div > div > div > div > div:first-child { float: right; width: 50%; overflow: hidden; }
#specialmoallem img { max-width: 100%; }
#specialmoallem .heightspace {  height: 325px; }

/*#special  {    background-color: #e6c6ff;	padding: 10px;}*/


/* special service section end here */

/* hotPackage service section start here */
#hotPackage { background: url(../img/beautiful-place-at-misor.jpg) top left no-repeat; width: 100%;  background-size: 100% 100%; margin: 50px auto; /*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(63,81,181 ,0.70); padding: 0 20px 18px; transition: .5s; }
#hotPackage .pack > div > div a { padding:5px 15px; background: #002e3d; margin-right:20px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#hotPackage .pack > div > div a:hover { text-decoration: none; background:transparent; color: #002e3d; 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(63,81,181 ,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: #002e3d; margin: 0 15px; }
#indicator > div > div > div > div > i { color: #002e3d; }
#indicator > div > div > div > div > a > i { color: #fff; background: #002e3d; 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 #002e3d; 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: #002e3d; }
#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:   #FFFF00; text-decoration: none; }
#infoCollect .breadcrumb-item i { margin-right: 10px; }
#infoCollect .form-check { margin-bottom: 15px; }
#infoCollect a { color: #002e3d; }
#infoCollect a:hover, #infoCollect a:hover { color: #002e3d; }
#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:#002e3d; }
#infoCollect h4 small { float: right; color:#002e3d; }
#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 #002e3d; 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: #002e3d; }
#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: #002e3d; }
#infoCollect .custom h4 { font-size: 23px; margin-bottom: 15px; font-family: 'Albertus', sans-serif; color: #002e3d; }
#infoCollect .custom-control-label::before { background-color: #002e3d; }
#infoCollect .btn-primary { padding:5px 15px; background: #002e3d; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#infoCollect .btn-primary:hover { text-decoration: none; background:transparent; color: #002e3d; transition: .5s; }
#infoCollect form select {border: 1px solid #002e3d; 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 */
/*

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;
}


/* unsuccessInfo section start here */
#unsuccessInfo { padding: 30px 0; }
#unsuccessInfo i { font-size:75px; color: #002e3d; }
#unsuccessInfo > div > div > div > div:first-child { text-align: center; margin-bottom: 50px; }
#unsuccessInfo a { color: #002e3d; }
#unsuccessInfo a:hover, #unsuccessInfo a:hover { color: #002e3d; }
/* unsuccessInfo section end here */

/* successInfo section start here */
#successInfo { padding: 30px 0; }
#successInfo h4 small { display: block; }
#successInfo i { font-size:75px; color: #002e3d; }
#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: #002e3d; }
#successInfo a:hover, #successInfo a:hover { color: #002e3d; }
#successInfo .btn-primary { padding:5px 15px; background: #002e3d; margin-right:5px; color: #fff; font-size:14px; margin-bottom:5px; border: 1px solid #002e3d; transition: .5s; }
#successInfo .btn-primary:hover { text-decoration: none; background:transparent; color: #002e3d; 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: #002e3d; padding: 30px 0; color: #fff;  }
#footerContent h4 { font-family: 'Albertus-Medium', serif !important; color:   #FFFF00; margin-top: 40px; font-size: 23px; }
#footerContent > div > div > div:nth-child(2) ul li:last-child img {  height: 94px; 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:   #FFFF00; 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:   #FFFF00; 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: #002e3d/*dfced6 f5eaef 3a001c*/; text-align:center; } 
#members #color { background: #fff !important; padding-top: 15px; text-align:center; } 
#members h4 { margin-top:0; margin-bottom: 15px; color: #002e3d /*fdff79 3a001c*/; font-size: 23px; text-align: center; font-weight: bold; } 
#members ul { display:inline-block; padding: 0; } 
#members ul li img { height: 80px;  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 */
/* 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; }


/* copyright section start here */
#copyright { background: #002e3d; padding-top: 15px; font-size: 16px; }
#copyright p { display: inline-block; color: #fff; padding-top: 5px; }
#copyright p:last-child { float: right; text-align: right; }
#copyright p a { color:   #FFFF00; } 
/* 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: #002e3d; }
footer a:hover { color: #002e3d; }
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 */


/* 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: 170px; margin-bottom:0; font-size:30px; transition: .5s;  }
#toptour .pack > div > div { opacity:0; background: rgba(63,81,181 ,0.70); padding: 0 20px 18px; transition: .5s; }
#toptour .pack > div > div a {
	padding: 5px 15px;
	background: #002e3d;
	margin-right: 20px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
	border: 1px solid #002e3d;
	transition: .5s;

	 }
#toptour .pack > div > div a:hover { text-decoration: none; background:transparent; color: #ffffff; transition: .5s; border: 1px solid #ffffff; }
#toptour .pack > div h2 small { display: block; font-size: 26px; }
#toptour .pack > div h2 span { font-family: 'Albertus-Medium', serif !important; 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(63,81,181 ,0.70); transition: .5s; margin-top: 157px;  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
/* Top tour service section 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: #002e3d; }
	#searchTab { margin-top: -20px; }
	#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; }
		#toptour .moblie_toptour { margin-top: 50px;	}
}

@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: #002e3d; }
	#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; }    
	#toptour .moblie_toptour { margin-top: 50px;	}
}

@media (min-width:640px) and (max-width:768px) {
	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: #002e3d; }
	#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: 100%; }
	#special > div > div > div > div > div:last-child {  width: 100%; 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:769px) and (max-width:992px) {
	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: #002e3d; }
	#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: 100%; }
	#special > div > div > div > div > div:last-child { width: 100%; 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; }
}