/*
Theme Name: Manali Cab Booking
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, 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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
*
{
margin:0px;
padding:0px;

font-family: 'PT Sans', sans-serif;
}
h1
{
font-family: 'Francois One', sans-serif;
	text-align:center;
	width:100%;
	float:left;
	margin:1% 0;
	color:#ec0101;
	margin-bottom:4px;
	text-transform:uppercase;
}

h2
{
	
	
	width:100%;
	float:left;
	margin:1% 0;
	color:#040404;
	text-align:center;
	text-transform:uppercase;
}
p{
	text-align:justify;
	line-height:28px;
	margin:1%;
	font-size:18px;
}

.head-wht
{
	color:#fff;
	margin-top:0px;
}
body
{
	
}
#wrapper
{
	width:100%;
float:left
	
}
.mban
{
	width:100%;
	float:left;
}
.wrap-in
{
	width:1250px;
	margin:0 auto;
}
.full-box
{
	width:100%;
	float:left;
}
#header
{
	width:100%;
	float:left;
}
#header .head-bar
{
	width:100%;
	float:left;
	background:#F59D03;
	padding:4px 0;
	color:#fff;
	font-weight:bold;
}
#header .head-bar .left
{
	width:50%;
	float:left;
	text-align:left;
}
#header .head-bar .right
{
	width:50%;
	float:left;
	text-align:right;
}
#header .logo
{
	width:20%;
	float:left;
	margin:1% 0;
}
#header .menu
{
	width:70%;
	float:right;
	margin:2% 0;
}
#header .menu ul
{
	width:100%;
	float:left;
	list-style:none;
}
#header .menu ul li
{
	
	float:left;
	padding:5px  1%;
	margin-left:10px;
	font-size:18px;
}
#header .menu ul li a
{
	color:#000;
	text-decoration:none;
}
#header .menu ul li.active,#header .menu ul li:hover
{
	background:#F59D03;
	color:#fff;
	border-radius:10px;
}
#header .menu ul li.active a,#header .menu ul li:hover a
{
	
	color:#fff;
	text-decoration:none;
}
#content
{
	width:100%;
	float:left;
}
#content .fleet-box
{
	width:67%;
	float:left;
	padding:1%;
	margin:1% 0;
	margin-right:1%;
}
#content .i-box
{
		margin:1% 0;
	width:30%;
	float:left;
	padding:0;
	
min-height:400px;
}
#content .i-enq
{
	
	width:94%;
	float:left;
	padding:1% 3%;
	background: #F59D03;
min-height:400px;
}
#content .weather
{
	
	width:98%;
	float:left;
	padding:1% ;
	
}
#content .fleet-box .fleet
{
	width:31%;
	float:left;

	margin:1% 1%;
	border:1px dotted #e3e3e3;
	text-align:center;
}
#content .fleet-box .fleet h2
{
	width:100%;
	float:left;
	color:#0a0a0a;
	font-size:19px;
}
#content .fleet-box .fleet .book-now
{
	
	float:right;
	padding:1% 4%;
	background:#515151;
	color:#fff;
	text-decoration:none;
	margin-right:2%;
}
#content .att-box
{
	width:29%;
	float:left;
	margin:1%;
	padding:1%;
	background:#f7f7f7;
	border:1px solid #e3e3e3;
}
#content .att-box h2
{
	color:#EC8A01;
	font-size:21px;
}
#content .att-box h2 a
{
	color:#dc3232;
	text-decoration:none;
}
#content .att-but
{
	width:70%;
	float:left;
	margin:1% 15%;
	padding:1% 0;
	text-align:center;
	background:#515151;
	color:#fff;
	text-decoration:none;
}
.abt-det
{
	width:30%;
	float:left;
	margin-right:5%;
}
.abt-box
{
	width:65%;
	float:left;
	
}
.abt-box h2,.abt-det h2
{
	text-align:left;
	color:#F59D03;
}
.mar{
	margin:2% 0;
}
.int-list
{
	width:100%;
	float:left;
	list-style:none;
	
}
.int-list li
{
	width:50%;
	float:left;
	text-align:center;
	padding:15px 0;
}
.int-list li img
{
	height:80px;
}
.int-list li a
{
	color:#000;
	text-decoration:none;
}
#feature {
    float: left;
    width: 100%;
    background: url(img/bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 3% 0;
    padding: 80px 0;
	margin-bottom:0;
}
#feature h1
{
	color:#fff;
}
 .f-box
{
	width:29%;
	float:left;
	margin:1%;
	padding:1%;
	background:#f7f7f7;
	border-radius:10px;
	text-align:center;
	box-shadow:1px 2px 3px #515151;
}
 .f-box h2 a
{
	color:#000;
	text-decoration:none;
}
#why{
    background-image: url(img/dia.png);
    background-repeat: repeat;
    background-position: 0 0;
	width:100%;
	float:left;
	margin:0;
	padding:40px 0;
}
#why .why-box
{
	width:40%;
	padding:1% 2%;
	float:left;
	margin:1% 2%;
	border-top:3px solid #080808;
	    box-shadow: inset 0 0 1px rgba(108, 108, 108, 0.7);
}
#why .why-box h2
{
	text-align:left;
	color:#F59D03;
}
#why .list
{
	width:100%;
	float:left;
	list-style:none;
}
#why .list li
{
	width:100%;
	float:left;
	padding:1% 0;
}
#footer
{
	width:100%;
	float:left;
	background:#f8f8f8;
	border-top:2px solid #F59D03;
}
#footer .foot-top
{
	width:100%;
	float:left;
	background:#515151;
	color:#fff;
	    border-bottom: 1px solid #e9e9e9;
	padding:1% 0;
	margin-bottom:2%;
}
#footer .foot-top .left
{
	width:50%;
	float:left;
font-weight:bold;
}
#footer .foot-top .right
{
	width:50%;
	float:left;
text-align:right;
font-weight:bold;
}
#footer .block1
{
	width:50%;
	float:left;
}
#footer .block2
{
	width:30%;
	float:left;
}
#footer .block3
{
	width:20%;
	float:left;
}
#footer .block1 h2,#footer .block3 h2
{
	text-align:left;
	color:#F59D03;
}
#footer .col3
{
	width:31%;
	float:left;
	margin:1%;
	text-align:center;
	
}
#footer .col3 h3
{
	margin:20px 0;
	
}
#footer .block3 ul
{
	width:100%;
	float:left;
	
}
#footer .block3 ul li
{
	width:100%;
	float:left;
	margin:1% 0;
}
#footer .block3 ul li a
{
	color:#000;
	text-decoration:none;
}
.cntr
{
	width:100%;
	float:left;
	padding:1% 0;
	text-align:center;
	font-weight:bold;
}
input[type="text"], input[type="tel"], input[type="email"] {
    background-color: white;
    font-family: inherit;
    border: 1px solid #ccc;
    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;
    height: 16px;
    width: 95%;
}
select {
    background-color: white;
    border: 1px solid #ccc;
    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;
    height: 32px;
    width: 99%;
}
.button {
    width: 70%;
    float: left;
    margin: 0 15%;
    background: #fff;
    color: #d21212;
    text-align: center;
    padding: 5px 0;
    font-size: 19px;
    border: 0;
}
textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #ccc;
    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;
    height: 74px;
    width: 96%;
}
.main
{
	width:67%;
	float:left;
	margin-right:3%;
}
.sidebar
{
	width:30%;
	float:left;
	
}
.form-box {
    width: 100%;
    float: left;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
	margin-bottom:4%;
}
.form-box-head {
    width: 96%;
    float: left;
    padding: 3% 2%;
    background: #F59D03;
    position: relative;
}
.form-box-head h4 {
    color: #fff;
    text-align: center;
}
.form-box-head span.txtp {
    color: #fff;
    padding: 10px 2%;
    font-weight: 400;
    font-size: 40px;
    width: 96%;
    float: left;
    text-align: center;
}
.form-box-head span.txtp img {
    float: left;
    margin-left: 5%;
}
.form-box-head span.txtp span {

    float: left;
    margin-top: 0%;
    margin-left: 5%;
    font-size: 27px;
margin-bottom:5%;
}
._cbox {
    height: 35px;
    width: 35px;
    background: #fff;
    text-align: center;
    color: #333;
    bottom: -20px;
    top: auto;
    left: 45%;
    position: absolute;
    padding: 5px;
    border-radius: 60%;
    font-weight: 400;
    font-size: 17px;
}
.i-block {
    width: 96%;
    float: left;
    padding: 3% 2%;
    margin-top: 15px;
}
.form-box .button
{
	background:#F59D03;
	color:#fff;
}
.i-full {
    width: 94%;
    float: left;
    padding: 2%;
    background: #f7f7f7;
    margin: 2% 1%;
}
.i-half {
    width: 48%;
    float: left;
    padding: 4px 1%;
}
.i-full1 {
    width: 98%;
    float: left;
    padding: 4px 1%;
}
.but1 {
    width: 60%;
    float: left;
    margin: 1% 20%;
    background: #F59D03;
    color: #fff;
    text-align: center;
    padding: 1% 0;
    font-size: 19px;
    border: 0;
}
#content .sidebar .att-box
{
	width:96%;
}
.con-box {
    width: 66%;
    float: left;
    margin: 2%;
    background: #F59D03;
    margin: 1% 15%;
}
.con-box p {
    text-align: center;
}
.hasDatepicker {
    background-image: url(img/date-i.jpg);
    background-repeat: no-repeat;
    background-position: 96% 43%;
}
img.alignright { float: right; margin: 0 0 0em 1em; }
img.alignleft { float: left; margin: 0 1em 0em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.iter-inc li {
    width: 86% !important;
    float: left;
    display: block !important;
    padding: 2% 0 !important;
    padding-left: 6% !important;
    margin-left: 10px;
    text-indent: 0em;
    background: url(img/arrow.jpg) left center no-repeat;
    display: block !important;
}

@media  screen and (max-width: 850px)
{
#menu
{
background:#f2a20a;
width:100%;
float:left;
display:block !important;
}
.wrap-in {
    width: 100% !important;
    float:left
}
.right,.b1,.b2
{
width:98% !important;
float:left;
margin:1% 1% !important;
text-align:center !important;
}
.main,.sidebar
{
width:96% !important;
margin:2% !important;
}
#header .logo,#content .rent-box,.abt-img,.abt-det,.f-box,.why-box,#footer .foo-box,.sight-box,.con-box,.abt-box,#footer .block1,#footer .block3,#footer .block2
{
width:90% !important;
float:left;
margin:2% 5% !important;
text-align:center;
}
.abt-img img,.why-box img
{
width:100%;
float:left;
}
.left,.menu
{
display:none;
}
.b-inner .i-box {
    width: 96% !important;
    float: left;
    position: relative  !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    background: rgba(0,0,0,0.60);
    padding: 1% 2%;
}
#content .how-box h2 {
    color: #094B89;
    font-size: 16px !important;
}
#content .how-box {
    width: 48% !important;
}
	#content .fleet-box
{
width:88% !important;
margin:1%  5% !important;
}
	#content .fleet-box .fleet {
    width: 47% !important;
}
	#content .i-box {
    margin: 1% 5% !important;
    width: 90% !important;
    float: left;
    padding: 0;
    min-height: 400px;
}
	#content .att-box {
    width: 88%;
    float: left;
    margin: 1% 5%;
    padding: 1%;
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
}
	#content .fleet-box .fleet img
	{
		width:90% !important;
	}
}