@charset "UTF-8";
/*
Theme Name: Kullu Manali Travels
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
*
{
margin:0;
padding:0;
font-family: 'Lato', sans-serif;


}
.hasDatepicker {
    background-image: url(img/IconeDatePicker.png);
    background-repeat: no-repeat;
    background-position: 96% 43%;
}
h1
{
	
   width:100%;
   float:left;
	margin:1% 0;
	font-size:30px;
	color:#d46c04;
	text-align:center;
	font-weight:bold;
	font-family: 'Amaranth', sans-serif;
}
h5
{
	
   width:100%;
   float:left;
	margin:1% 0;
	font-size:30px;
	color:#d46c04;
	text-align:center;
	font-weight:bold;
	font-family: 'Amaranth', sans-serif;
}
.trig h1
{
	margin-top:4% !important;
}
.tagline1
{

    width: 100%;

	float:left;
	margin:1% 0;
	font-size:18px;
	color:#515151;
	text-align:center;
	font-weight:bold;

}
.tagline
{
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
	float:left;
	margin:1% 0;
	font-size:18px;
	color:#515151;
	text-align:center;
	font-weight:bold;

}
.tagline:before,
.tagline:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.tagline:after {
    margin: 0 0 0 20px;
}
h2,h3
{
	
	
	font-family: 'Ubuntu', sans-serif;
}
p{
	
	line-height:28px;
	font-size:17px;
	color:#333;
	margin:1%;
	text-align:justify;
}
.head-intro
{
	width:60%;
	float:left;
	margin:1% 20%;
	text-align:center;
	line-height:28px;
	font-size:14px;
	color:#515151;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
}
.mban,.full-box
{
width:100%;
float:left;
}
#wrapper
{
width:100%;
float:left;
background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/p6.png");
}
.wrap-in
{
	width:1250px;
	margin:0 auto;
	
}
#header
{
	width:100%;
	float:left;
	position:relative;
}
#header .head-top
{
	width:100%;
	float:left;
	padding:5px 0;
	
	color:#fff;
}
#header .header-box
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
#header .header-box .left
{
	width:50%;
	float:left;
}
#header .header-box .right
{
	width:35%;
	float:right;
}

#header .head-mid
{
	padding:12px 1%;
	width:98%;
	float:left;
	background:rgba(255,255,255,0.70);
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-radius:10px;
}
#header .head-mid .logo
{
	width:25%;
	float:left;	

}
#header .head-mid .logo img
{
	height:51px;

}
#header .head-mid .menu
{
	width:75%;
	padding:1% 2%;
	float:right;	
background:#d46c04;
padding:1% 0;	
margin:5px 0;
border-radius:10px;
}
#header .head-mid .menu ul
{
	width:100%;
	float:left;
	list-style:none;
	
}
#header .head-mid .menu ul li
{
	
	float:left;
	margin:0 0.7%;
	color:#000;
	font-size:17px;
	border-bottom:1px solid #d46c04;
}
#header .head-mid .menu ul li:hover
{
	border-bottom:1px solid #fff;
}
#header .head-mid .menu ul li a
{
	color:#fff;
	text-decoration:none;
}
#header .flex
{
	width:60%;
	float:left;
	margin:0 20%;
	margin-top:15%;
}
.flex-in{
	width:96%;
	float:left;
	background:rgba(255, 255, 255, 0.73);
	border-radius:10px;
	padding:1% 2%;
}
.flex-head
{
	width:100%;
	float:left;
	font-size:42px;
	font-weight:bold;
	color:#333;
	font-family: 'Russo One', sans-serif;
	text-align:center;
}
.flex-tagline
{
	width:100%;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#000;
	
	text-align:center;
}
.flex-but
{
	width:50%;
	float:left;
	padding:1% 0;
	text-align:center;
	color:#fff;
	background:#d46c04;
	margin:0 25%;
	margin-top:4%;
	font-size:21px;
	text-decoration:none;
}
#content
{
	width:100%;
	float:left;
}
#content .abt-box
{
	width:55%;
	float:left;
	margin-right:5%;
	margin-top:2%;
}
#content .abt-box p
{
	width:100%;
	float:left;
	margin-bottom:2%;
	line-height:30px;
}
#content .abt-box .why-block
{
	width:100%;
	float:left;
	list-style:none;
}
#content .abt-box .why-block li
{
	width:31%;
	float:left;
	margin:1%;
	text-align:center;
}
#content .abt-box .why-block li img
{
	
	float:left;
	margin-right:5%;
	height:38px;
}
#content .abt-box .why-block li .w-block-head
{
	color:#d46c04;
	font-weight:bold;
	margin-top:2%;
	float:left;
}
#content .abt-box h1
{
	
 
	margin-top:0;
}
#content .inq-form
{
	width:35%;
	float:left;
	padding:1% 2%;
	margin-top:2%;
	border:1px solid #f6f6f6;
	min-height:370px;
background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/mirrored-squares.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */}
#content .inq-form h2
{
	text-align:center;
}
.pack-box
{
	width:31%;
	float:left;
	margin:1%;
}
.pack-box figure {
	position: relative;
	float: left;
	overflow: hidden;
	
	
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.pack-box figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.pack-box figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.pack-box figure figcaption::before,
.pack-box figure figcaption::after {
	pointer-events: none;
}

.pack-box figure figcaption,
.pack-box figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.pack-box figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.pack-box figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.pack-box figure h2 span {
	font-weight: 800;
}

.pack-box figure h2,
.pack-box figure p {
	margin: 0;
}

.pack-box figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-hera {
	background: #303fa9;
}

figure.effect-hera h2 {
	font-size: 158.75%;
}

figure.effect-hera h2{
	position: absolute;
	top: 20%;
	left: 40%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}
figure.effect-hera .dura{
	position: absolute;
	top: 36%;
	left: 10%;
	padding:1% 0;
	width:60%;
	text-align:center;
	background:#d46c04;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: fade 0.35s;

	
	
}
figure.effect-hera .p-rice{
	position: absolute;
	bottom: 30%;
	left: 0%;
	padding:1% 2%;
	
	text-align:left;
	background:rgba(0,0,0,0.70);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: fade 0.35s;
color:#fff;
	
	
}
figure.effect-hera .pack-but{
	position: absolute;
	bottom: 20%;
	right: 20%;
	padding:1% 4%;
	border-radius:12px;
	text-align:left;
	background:#000;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: fade 0.35s;
color:#fff;
	text-decoration:none;
	font-size:16px;
}
figure.effect-hera .p-rice span{
	width:100%;
	float:left;
	font-weight:bold;
}
figure.effect-hera p {
	position: absolute;
	top: 30%;
	left: 35%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}
figure.effect-hera figcaption::before {
	position: absolute;
	top: 44%;
	left:44%;
	width: 200px;
	height: 200px;
	border: 2px solid #fff;
	background:rgba(255,255,255,0.80);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera p {
	width: 73px;
	text-transform: none;
	font-size: 95%;
	line-height: 2;
	font-weight:bold;
	display:none;
	text-align:center;
}

figure.effect-hera p a {
	color: #d46c04;
	text-decoration:none;
}

figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
	
}

figure.effect-hera p a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-hera p a:first-child i {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}

figure.effect-hera p a:nth-child(2) i {
	-webkit-transform: translate3d(60px,-60px,0);
	transform: translate3d(60px,-60px,0);
}

figure.effect-hera p a:nth-child(3) i {
	-webkit-transform: translate3d(-60px,60px,0);
	transform: translate3d(-60px,60px,0);
}

figure.effect-hera p a:nth-child(4) i {
	-webkit-transform: translate3d(60px,60px,0);
	transform: translate3d(60px,60px,0);
}
figure.effect-hera:hover figcaption p {
	display:block;
}
figure.effect-hera:hover figcaption::before {
	opacity: 1;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}

figure.effect-hera:hover h2  {
	opacity: 0;
	-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
	transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
figure.effect-hera:hover .dura,figure.effect-hera:hover .pack-but,figure.effect-hera:hover .p-rice
{
	display:none;
}
figure.effect-hera:hover p  {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
	opacity: 1;
}
.pack-box-inner
{
	width:96%;
	float:left;
	padding:60px 2%;
	border:2px solid #515151;
	min-height:230px;
	background:#fff;
}
.pack-view-but
{
	width:80%;
	float:left;
	padding:1% 0;
	background:#d46c04;
	color:#fff;
	text-decoration:none;
	margin:4% 10%;
	text-align:center;
	font-size:19px;
	border-radius:9px;
}
.pack-view-but:hover
{
	background:#515151;
}
#adv
{
	width:100%;
	float:left;
	padding:3% 0;
	margin:3% 0;
	background:#f6f6f6;
}
#adv .adv-img
{
	width:40%;
	float:left;
	margin-right:5%;
}
#adv .adv-det
{
	width:55%;
	float:left;
}
.adv-view-but
{
	width:45%;
	float:left;
	padding:1% 0;
	background:#fff;
	border:2px solid #d46c04;
	color:#d46c04;
	text-decoration:none;
	margin:4% 2%;
	text-align:center;
	font-size:19px;
	border-radius:10px;
}
.adv-view-but:hover
{
	background:#d46c04;
	border:2px solid #d46c04;
	color:#fff;
}
.why-box
{
	width:15.5%;
	float:left;
	padding:4% 1%;
	margin:2% 1%;
	border:1px solid #e3e3e3;
	text-align:center;
	background:#fff;
}
.why-box:hover
{
	background:#f6f6f6;
}
.why-box img
{
	height:65px;
}
.why-box h3
{
	color:#333;
	width:100%;
	float:left;
	text-align:center;
	margin:20px 0;
}
.why-box p
{
	font-style:italic;
	text-align:center;

}
.cab-box
{
	width:21%;
	float:left;
	padding:1%;
	margin:2% 1%;
	background:#f9f9f9;
}
.cab-box h2
{
	width:100%;
	float:left;
	text-align:center;
	color:#d46c04;
	text-decoration:none;
	font-size:23px;
	margin:10px 0;
}
.cab-box h2 a,.cab-box1 h2 a
{
	
	color:#d46c04;
	text-decoration:none;
}
.cab-box .cab-but
{
	width:100%;
	float:left;
	text-align:center;
	background-color:#d46c04;
	text-decoration:none;
	font-size:20px;
	margin-top:6px;
	color:#fff;
	text-decoration:none;
	padding:5px 0;
}
.cab-box:hover .cab-but
{

	background-color:#515151;
	
	color:#fff;
	
}
.cab-box1
{
	width:46%;
	float:left;
	padding:1%;
	margin:2% 1%;
	background:#f9f9f9;
}
.cab-box1 h2
{
	width:100%;
	float:left;
	text-align:center;
	color:#d46c04;
	text-decoration:none;
	font-size:20px;
	margin:10px 0;
}
.cab-box1 .cab-but
{
	width:60%;
	float:left;
	text-align:center;
	background-color:#d46c04;
	text-decoration:none;
	font-size:20px;
	margin:0 20%;
	margin-top:6px;
	color:#fff;
	text-decoration:none;
	padding:5px 0;
}
.cab-box1:hover .cab-but
{

	background-color:#515151;
	
	color:#fff;
	
}
.get-box1
{
	margin-top:3%;
	width:35%;
	padding:2% 1%;
	border:4px solid #d46c04;
	float:left;
	background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/arabesque.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	margin-right:2%;
}
.font1
{
	width:100%;
	float:left;
	margin-bottom:1%;
	font-size:21px;
	color:#515151;
	text-align:center;
	font-weight:bold;
}
.font2
{
	width:100%;
	float:left;
	margin-bottom:2%;
	font-size:27px;
	color:#d46c04;
	text-align:center;
	font-weight:bold;
	font-family: 'Amaranth', sans-serif;
}
.get-box
{

	width:24%;
	margin:0 3%;
		margin-top:3%;
	float:left;
}
.get-box h2
{
	width:100%;
	text-align:center;
	color:#333;
	float:left;
}
#footer-intro {
    width: 100%;
    float: left;
    margin-top: 5%;
    padding: 2% 0;
    background: #e3e3e3;
}
#footer-intro p
{
	width:100%;
	float:left;
margin-top:2%;
	font-size:14px;
	color:#515151;
	font-style:italic;
}
#footer {
    width: 100%;
    float: left;
	
}
#footer .footer-top {
    width: 100%;
    float: left;
    background: #f1f1f1;
    border-top: 2px solid #515151;
    padding-top: 2%;
}
#footer .foo-box {
    width: 23%;
    float: left;
    margin: 0 1%;
    color: #807d7d;
}
#footer .foo-box h3 {
    color: #515151;
    
   
    text-align: center;
}
#footer .foo-box ul {
    width: 100%;
    float: left;
    list-style: none;
}
#footer .foo-box ul li {
    width: 100%;
    float: left;
    padding: 2% 0;
    font-weight: bold;
    text-align: center;
}
#footer .foo-box ul li a {
    color: #515151;
    text-decoration: none;
}
#footer .foo-box ul li:hover a {
    color:#d46c04;
    text-decoration: none;
}
#footer .footer-bot {
    width: 100%;
    float: left;
    background: #000;
    color: #fff;
    text-align: center;
    padding-bottom: 1%;
}
.footer-block
{
	width:60%;
	float:left;
	margin-right:5%;
}
.footer-block1
{
	width:35%;
	float:left;
}
.adv-box
{
	width:29%;
	float:left;
	margin:2% ;
	position:relative;
}
.adv-box h2
{
	width:100%;
	float:left;
	top:20% ;
	left:0;
	right:0;
	position:absolute;
	background:rgba(0,0,0,0.80);
	text-align:center;
}
.adv-box h2 a
{
	color:#fff;
	text-decoration:none;
}
.adv-bt
{
	position:absolute;
	right:7%;
	bottom:7%;
	padding:1% 3%;
	background:#d46c04;
	color:#fff;
	text-decoration:none;
	border-radius:12px;
}
.car-block
{
	width:29%;
	float:left;
	padding:1% 1%;
	margin:1% 1%;
	background:#f6f6f6;
	border-radius:10px;
}
.car-block h2
{
	width:100%;
	float:left;
	padding:1% 0;
	text-align:center;
}
.car-block h2 a
{
	color:#d46c04;
	text-decoration:none;
}
.car-but
{
	
	width:60%;
	padding:1% 0;
	background:#d46c04;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:18px;
	float:left;
	margin:1% 20%;
}
.dest-but
{
	
	width:60%;
	padding:1% 0;
	background:#333;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:18px;
	float:left;
	margin:1% 20%;
}
.desto
{
	width:29%;
	float:left;
	margin:1%;
	border:1px solid #e3e3e3;
	padding:1%;
}
.desto h2
{
	width:100%;
	float:left;
	padding:1% 0;
	text-align:center;
	background-color:#d46c04;
}
.desto h2 a
{
	color:#fff;
	text-decoration:none;
}
.desto p
{
	width:100%;
	float:left;
	overflow:hidden;
	height:80px;
}
.bread-crumb {
    width: 100%;
    float: left;
    margin: 1% 0;
	padding:13px 0;
	border-bottom:1px solid #f6f6f6;
}
.bread-crumb a{
    color:#d21212;
	text-decoration:none;
	font-weight:bold;
	
}
.cont-box
{
width:56%;
float:left;
margin:1% 20%;
padding:1% 2%;
border:1px solid #e3e3e3;
border-radius:15px;
}
.cont-box p
{
text-align:center;
}
.cont-box h3,.map-box h3
{
text-align:center;
width:100%;
float:left;
margin-bottom:2%;
}
.map-box
{
width:88%;
float:left;
margin:1% 5%;
padding:1% 1%;
border:2px solid #f6f6f6;
}
.main
{
	width:66%;
	float:left;
	margin-right:4%;
}
.sidebar
{
	width:30%;
	float:left;
}
input[type="text"], input[type="tel"], input[type="email"] {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 6px 0;
    padding: 4px 10px;
    height: 25px;
    width: 95%;
	border-radius:16px;
	background-color:#f6f6f6;
	outline: none; 
}
select {
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 6px 0;
    padding: 6px 14px;
    height: 33px;
    width: 100%;
	border-radius:16px;
	background:#f6f6f6;
	outline: none; 
}
textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 1% 15px;
    height: 95px;
    width: 93%;
	border-radius:16px;
	background:#f6f6f6;
	outline: none; 
}
.con-form
{
	width:96%;
	float:left;
	padding:1% 2%;
	border:1px solid #e3e3e3;
}
.sidebar h2,.it-head {
    width: 100%;
    float: left;
    margin:1% 0;
    font-size: 25px;
    color: #d46c04;
    text-align: center;
    font-weight: bold;
}
.list
{
	width:100%;
	float:left;
	list-style:none;
}
.list li
{
	width:100%;
	float:left;
	padding:2% 0;
	margin:2% 0;
	text-align:center;
	background:#f6f6f6;
	border:1px solid #e3e3e3;
}
.list li a
{
	color:#d21212;
	text-decoration:none;
	font-size:19px;
}
.list li:hover
{
	width:100%;
	float:left;
	padding:2% 0;
	margin:2% 0;
	text-align:center;
	background:#333;
	border:1px solid #e3e3e3;
}
.list li:hover a
{
	color:#fff;
	text-decoration:none;
	font-size:19px;
}
.but1
{
	width:80%;
	float:left;
	border:0px;
	margin:1% 10%;
	margin-top:3%;
	padding:7px 0;
	background:#d46c04;
	color:#fff;

	font-size:18px;
}
.quick
{
	width:100%;
	float:left;
	margin-top:3%;
}
.iter {
    float: left;
    width: 98%;
    list-style: none;
}
.iter-head {
    width: 98%;
    float: left;
    color: #fff;
    font-size: 19px !important;
    font-weight: bold;
    padding: 1%;
    border-top-right-radius:10px;
	border-bottom-right-radius:10px;
    background: #d46c04;
}
.iter-det {
    width: 94%;
    float: left;
    padding: 3% 4%;
    
    border-left: 5px solid #d46c04;
    
}
.half-box11 {
    width: 44.5%;
    float: left;
    margin: 1%;
    padding: 1%;
    border-right: 2px solid #333;
}
.slist {
    width: 100%;
    float: left;
    padding: 2% 0;
    list-style: none;
}
.slist li {
    width: 96%;
    float: left;
    padding: 2% 2%;
    margin: 2% 0;
    border: 1px solid #e3e3e3;
    list-style: none;
    text-align: center;
}
.nbr {
    border: none !important;
}
.main .pack-det {
    width: 96%;
    float: left;
    background:  #d46c04;
    color: #fff;
    padding: 2%;
}
.pack-det h2
{
	animation: blink1 3s linear infinite;
	text-align:center;
}
.pack-det .col3 {
    width: 23%;
    float: left;
    text-align: center;
    margin: 1%;
}
.adv-pack-outer
{
	width:44%;
	float:left;
	margin:1% 3%;
	position:relative;
}
.adv-pack-outer h2
{
	width:100%;
	float:left;
	top:20%;
	padding:1% 0;
	left:0;
	background:rgba(0,0,0,0.80);
	text-align:center;
	position:absolute;
}
.adv-pack-outer h2
{
	width:80%;
	float:left;
	top:0;
	padding:1% 0;
	left:10%;
	background:rgba(0,0,0,0.80);
	text-align:center;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	position:absolute;
}
.adv-pack-outer h2 a
{
	color:#fff;
	text-decoration:none;
}
.adv-pack-but
{
	
	float:left;
	bottom:7%;
	padding:1% 4%;
	left:5%;
	background:#d46c04;
	text-align:center;
	color:#fff;
	text-decoration:none;
	position:absolute;
	font-size:21px;
}
.hot-pack{
	width:31%;
	float:left;
	margin:1%;
	background-color:#f6f6f6;
	color:#303030;
	
	position:relative;
}
.hot-pack figure{
	width:100%;
	float:left;
	
}
.hot-pack figure h2{
	width:100%;
	
float:left;
position:absolute;
left:0;
right:0;
background:rgba(0,0,0,0.80);
	padding:1% 0;
	text-align:center;
	color:#303030;
	font-size:21px;
	top:20%;
}
.hot-pack .prico{

	
float:left;
position:absolute;
left:0;

background:rgba(255,255,255,0.80);
	padding:1% 5%;
	text-align:center;
	color:#d46c04;
	font-size:19px;
	font-weight:bold;
	bottom:20%;
	
}
.hot-pack .hot-but{

	
float:left;
position:absolute;
right:5%;

background:#d46c04;
	padding:1% 5%;
	text-align:center;
	color:#fff;
	font-size:19px;
	border-radius:10px;
	bottom:10%;
	text-decoration:none;
	
}
.hot-pack figure h2 a{
	color:#fff;
	text-decoration:none;
}
.hot-pack:hover figure img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.hot-pack .mban{
	width:100%;
	float:left;
	
}
.hot-pack h1{
	width:65%;
float:left;
	margin:1% 0;
	text-align:center;
	color:#303030;
	font-size:18px;
}
.hot-pack h1 a{
	text-decoration:none;
	color:#303030;

}
.hot-pack .star{
	width:33%;
float:left;
	margin:1% 1%;
	
}
.hot-pack .dura{
	width:100%;
	float:left;
	margin:1% 0;
	text-align:center;
	color:#000;
	font-size:16px;
	text-transform:uppercase;
}
.hot-pack .hl-box{
	width:35%;
	float:left;
	margin:1% 0;
	
}
.hot-pack .but
{

    background-color: #d21212;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    float: right;
    padding: 5% 7%;
   text-decoration:none;
  border-radius:8px;
   
    border: 1px solid #d21212 !important;

}
.hot-pack:hover .but
{
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    float: right;
    padding: 5% 7%;
   text-decoration:none;
  border-radius:8px;
   border: 1px solid #000 !important;

}
.apack-box
{
    width:29%;
    float:left;
    margin:2% 1%;
   
	border:1px solid #e3e3e3;
    background:#fff;
   
    
}
.apack-box figure
{
    width:100%;
    float:left;
   position:relative;
   
    
}
.apack-box h2
{
    width:100%;
    float:left;
    margin:0;
    text-align:center;
background:#d46c04;
    
}
.apack-box:hover h2
{
   
background:#333;
    
}
.apack-box .apack-in
{
    width:96%;
    float:left;
    padding:4px 2%;
    background:#fff;
    
}
.apack-box  .half-box
{
	width:48%;
    background:#fff;
    padding:0 1%;
        text-align:center;
    font-size:17px;
    color:#d21212;
    font-weight:bold;
    font-style:italic;
	float:left;
    
}
.apack-box .adet
{
	width:100%;
    
    padding:2% 1%;
   border-top:1px solid #e3e3e3;
   border-bottom:1px solid #e3e3e3;
   margin:1% 0;
	float:left;
    
}
.apack-box h2 a
{
    color:#fff;
    text-decoration:none;
}
.adv-pack-det
{
    width:36%;
    float:left;
    margin-right:2%;
    padding:1%;
    background:#515151;
    color:#fff;
    
}
.adv-pack-det h2
{
    width: 100%;
    float: left;
    margin: 1% 0;
    color: #fff;
    text-align: center;
    font-size: 28px;
}
.adv-pack-det .acol
{
    width:90%;
    float:left;
    margin:4% 5%;
    padding:2% 0;
    border-bottom:1px solid #e3e3e3;
}
#content .apack-but {
    width: 80%;
    float: right;
    padding: 1% 0;
    text-align: center;
    color: #fff;
    margin: 0;
    background: #515151;
    font-size: 19px;
    text-decoration: none;
    margin:1% 10%;
}
#content .apack-box:hover  .apack-but {
background:#d46c04;
}
#content .apack-box .dura{
   position:absolute;
   left:0;
   top:9%;
   padding:1% 6%;
    text-align: center;
    color: #fff;
 border-top-right-radius:10px;
  border-bottom-right-radius:10px;
    background:rgba(0,0,0,0.84);
    font-size: 19px;
    text-decoration: none;
    
}
#content .apack-box:hover .dura{

    background:#d46c04;
   
    
}
.aprice
{
     width: 56%;
    float: left;
    padding: 6px 0;
    text-align:left;
    color: #515151;
    margin: 0;
    font-weight:bold;
    font-size: 20px;
    text-decoration: none;
    margin-top: 3%;
    margin-left: 2%;
}
.bar p
{
	text-align:center;
}


@media  screen and (min-width: 1600px)
{
#header{
			
max-height:675px !important;
overflow:hidden  !important;
		}

}
@media  screen and (max-width: 1200px)
{
.wrap-in{
			
width:100% !important;
float:left  !important;
		}

}
.call,.mail
{
display:none;
}
@media  screen and (max-width: 700px)
{
#header .header-box{
			
display:none !important;

		}
	.main img
{
height:auto !important;
}
		.call,.mail
{
display:block !important;
  width: 100% !important;
    float: left;
    margin:1% 0 !important;
   text-align:center;
   color:#d46c04;
   font-size:18px;
}
#content .abt-box,#adv .adv-img,#adv .adv-det,.adv-view-but,.cab-box,.cab-box1,.get-box1,.get-box,.footer-block,.footer-block1,#footer .foo-box,.main,.sidebar,.hot-pack,.adv-pack-outer,.apack-box,.adv-box,.car-block {
    width: 90% !important;
    float: left;
    margin:1% 5% !important;
   text-align:center;
}
.desto,.cont-box
{
    width: 88% !important;
    float: left;
    margin:1% 5% !important;
     padding: 1% 1% !important;
}
#content .inq-form {
      width: 84% !important;
    float: left;
    margin:1% 5% !important;
    padding: 1% 2%;
   
    border: 1px solid #f6f6f6;
    min-height: 370px;
    background-color: #ffffff;
    background-image: url(https://www.transparenttextures.com/patterns/mirrored-squares.png);
}
.pack-box {
    width: 96% !important;
    float: left;
    margin: 1% 2% !important;
}

.why-box {
    width: 45% !important;
    float: left;
    padding: 4% 1%;
    margin: 2% 1%;
    border: 1px solid #e3e3e3;
    text-align: center;
    background: #fff;
}
.font2 {
    width: 97%;
    float: left;
    margin-bottom: 2%;
    font-size: 22px !important;
}
#content .abt-box .why-block li img
{
	
	float:none !important;
	margin-right:0 !important;
	height:38px;
}
	textarea
	{
	width:89% !important;
	}
	.pack-det .col3 {
    width: 86% !important;
    float: left;
    text-align: center;
    margin: 1% 7% !important;
}
}