@font-face 
{
    font-family: Ubuntu-R;
    src: url(../fonts/Ubuntu-R.ttf);
}
@font-face 
{
    font-family: Ubuntu-M;
    src: url(../fonts/Ubuntu-M.ttf);
}

#pricing-info h3
{
	font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px dashed #cccccc;
    padding: 0px 0px 20px 0px;
    color: #2d3e50;
}
.pricing_boxshadow
{
	box-shadow:0px 0px 5px 0px #ccc;
	background-color:#fff;
	border-radius:3px;
	padding:15px;
	margin-bottom:20px;
}
.number_round
{
	border:1px solid #cccccc;
	height:42px;
	width:42px;
	text-align:center;
	border-radius:100%;
	padding:10px 0px;

}
#pricing-info h1
{
	text-transform:uppercase;
	color: #2d3e50;
	font-size:15px;
	padding:15px 0px 15px 15px;
	margin:0px !important;
	 font-family: Ubuntu-M;
}
#pricing-info h1 img
{
	padding:0px 0px 0px 20px;
}
#pricing-info input[type=text], input[type=password], input[type=number]
 {
   
    padding: 12px 20px !important;
    margin: 0px 0 !important;
    display: inline-block !important;
    border: 1px solid #e1e1e1 !important;
    box-sizing: border-box !important;
	
}
#pricing-info .form-control
{
	background-color:#efeff1 !important;
	margin:0px 0px;
	width:432px;
}
#pricing-info label
{
	font-weight:normal !important;
}
/***************step css****************/

    .wizard .nav-tabs 
	{
        position: relative;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 20px;
}
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 65%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40%;
    z-index: 1;
}
#pricing-info .nav-tabs
{
		border:none !important;
		border-bottom: 0px solid #ddd !important;
}
.wizard .tab-content > .tab-pane
{
	padding:0px;
	margin:20px 0px;
	border:none !important;
}
.tab-content
{
	z-index:0;
	position: relative;
}
.wizard h2
{
	font-size:15px !important;
	color:#424c5c;
	margin:0px !important;
	font-family: Ubuntu-R;
	text-transform:capitalize !important;
}
.wizard .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
{
	border:none !important;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
  
   background-color:#00a2e5;
   color:#fff;
   border: 2px solid #00a2e5;
}
.wizard li.active span.round-tab i{
    color: #fff;
}

span.round-tab:hover {
    color: #fff;
  
}

.wizard .nav-tabs > li {
    width: 33.33%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 0px auto;
    border-radius: 100%;
    padding: 0;
}
.wizard .nav-tabs > li a:hover 
{
    background: transparent;
}

.wizard .tab-pane 
{
    position: relative;
    padding-top: 20px;
}

.wizard h3 {
    margin-top: 0;
}
.toggle-content
{
	display:block;
}
.one li
{	
	position:relative;
	z-index:100 !important;
	background-repeat:no-repeat;
}
.pricing_form ul
{
	padding:0px;
}
.pricing_form [type="checkbox"]
{	
    position: absolute;
    left: 10px;
    top: 10px;
    /*right: 10px;*/
}
.pricing_form [type="checkbox"]:checked + label
{
    position: relative;
    padding-left: 0px;
    cursor: pointer; 
	border:2px solid #00a3e5;
}
.pricing_form [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 0px;
    cursor: pointer;
	border:2px solid transparent;	
}
.pricing_form [type="checkbox"]:not(:checked) + label:before 
{
    content: '';
    position: absolute;
    top: 0px;
    right:0px;
    width: 23px !important;
    height: 23px !important;
    border: none !important;
    border-radius: 100%;
	background-color:transparent !important;  	 
}
.pricing_form [type="checkbox"]:checked + label:after
{
    content: '';
    width: 23px;
    height: 23px;
    background: url('../img/check.jpg') !important;
    position: absolute;
    top: -10px;
    right:-10px;
    border-radius: 100%;
}
.pricing_form [type="checkbox"]:not(:checked) + label:after 
{
    opacity: 0;   
}
.pricing_form [type="checkbox"]:checked + label:after 
{
    opacity: 1;    
}
.pricing_form label
{
	margin-bottom:12px;
}
.pricing_form ul li
{
	padding:0px 8px;
}
/****************covertype *******************************/
.toggle-box .covertype [type="radio"]:checked
{	
    position: absolute;
    right: 10px;
}
.toggle-box .covertype [type="radio"]:checked + label
{
    position: relative;
    padding-left: 0px;
    cursor: pointer; 
	border:2px solid #00a3e5;
}
.toggle-box .covertype [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 0px;
    cursor: pointer;
	border:2px solid transparent;	
}
.toggle-box .covertype [type="radio"]:not(:checked) + label:before 
{
    content: '';
    position: absolute;
    top: 0px;
    right:0px;
    width: 23px !important;
    height: 23px !important;
    border: none !important;
    border-radius: 100%;
	background-color:transparent !important;  	 
}
.toggle-box .covertype [type="radio"]:checked + label:after
{
    content: '';
    width: 23px;
    height: 23px;
    background: url('../img/check.jpg') !important;
    position: absolute;
    top: -10px;
    right:-10px;
    border-radius: 100%;
}
.toggle-box .covertype [type="radio"]:not(:checked) + label:after 
{
    opacity: 0;   
}
.toggle-box .covertype [type="radio"]:checked + label:after 
{
    opacity: 1;    
}
.pricing_bookbox
{
	background-color:#efeff1;
	position:relative;
	z-index:0;
	border:1px solid #e1e1e1;
	line-height:55px;
	width:222px;
	text-align:center;
}
.pricing_bookbox img
{
	padding:0px 10px;
}
 .pricing_bookbox span
{
	/*padding:0px 10px;*/
	color:#2d3e50;
}
.pricing_inte_box
{
	background-color:#efeff1;
	position:relative;
	z-index:0;
	border:1px solid #e1e1e1;
	width:135px;
	text-align:center;
	padding:5px 0px;
}
.pricing_inte_box img
{
	padding:10px;
}
 .pricing_inte_box div
{
	padding:5px 0px 0px 0px;
	color:#2d3e50;
}
.pricing_coverbox
{
	background-color:#fff;
	position:relative;
	z-index:0;
	border:1px solid #e1e1e1;
	padding:10px 0px;
	width:135px;
	color:#2d3e50;
	text-align:center;
}
.pricing_coverbox img
{
	padding:0px 10px;
}
 .pricing_coverbox div
{
	padding:5px 0px 0px 0px;
	color:#2d3e50;
} 
.pricing_economybox
{
	
	position:relative;
	z-index:0;	
	padding:0px 70px;
	
	color:#2d3e50;
	text-align:center;
	line-height:67px;
	
	background-image:url('../img/economybox.png');
	
	background-size:100% 100%;
	background-repeat:no-repeat;
}

@media( max-width : 585px ) 
{	
    .wizard 
	{
        width: 100%;
        height: auto !important;
    }
    span.round-tab 
	{
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard .nav-tabs > li a 
	{
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard li.active:after 
	{
        content: " ";
        position: absolute;
        left: 35%;
    }
}
#listol .form-group 
{
    margin-bottom: 15px;
    margin-top: 0px !important;
}
.pricing .panel-group .panel + .panel 
{
    margin-top: 25px !important;
}
#listol
{
	margin: 0;
  	padding: 0;
  	list-style-type: none;
}
#listol li 
{
  counter-increment: step-counter; 
}
#listol li .toggle-title::before  
{
  margin-right: 5px;
  font-size:15px;
  text-align:center;
  background-color: #fff;
  border:1px solid #e0e0e0;
  color: #2d3e50;
  font-weight: bold;
  padding: 15px 20px;
  line-height:70px;
  border-radius: 100%;
  height:100px !important;
  z-index:1;
  position:relative;
  content: counter(step-counter);	
}
#listol li ul li
{
  counter-increment:none;
}
.toggle-title
{
	display:inline-block;
}
.toggle-content
{
	padding-left:70px;
}
.pricing_list_boxshadow 
{
    box-shadow: 0px 0px 5px 0px #ccc;
	margin:20px 0px 20px 0px;
	width:430px;
	padding:30px 0px 30px 30px;
}
.pricing_list_boxshadow ul
{
	padding:0px;
	list-style:none;
}
.pricing_list_boxshadow table th
{
	padding:15px 0px;
}
.pricing_list_boxshadow td
{
	font-size:19px;/*Krunal*/
}

.orderbtn
{
	background-color:#00a2e5;
	line-height:30px;
	color:#fff;
	text-align:center;
	border-radius:5px;
	padding:8px 0px;
	font-size:16px;
	box-shadow:none !important;
	border:none !important;
	width:164px;
	float:right;
}
.specifi h5
{
	color:#2d3e50 !important;
	margin:0px 0px 20px 0px !important;
	font-family: Ubuntu-M;
}
#pricing-info .specifi .form-control_month
{
	padding: 12px 20px !important;
	margin: 0px 0px 20px 0px !important;
	width:150px !important;
	display: inline-block !important;
	border: 1px solid #e1e1e1 !important;
	box-sizing: border-box !important;
	background-color: #fff !important;
	height:50px !important;
}
#pricing-info .specifi .form-control
{
	padding: 12px 20px !important;
	margin: 0px 0px 20px 0px !important;
	width:100%;
	display: inline-block !important;
	border: 1px solid #e1e1e1 !important;
	box-sizing: border-box !important;
	background-color: #fff !important;
	height:50px !important;
}
#pricing-info .specifi textarea
{
	width:100%;
	border: 1px solid #e1e1e1 !important;
	border-radius: 4px;
}
#pricing-info .specifi
{
	width:850px;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : portrait)
{
	#pricing-info .specifi
	{
		width:100%;
	}
	.pricing_economybox
	{
		width:100%;padding:0px 20px;
	}
	.pricing_form ul li
	{
		padding:0px;
	}
	.pricing_box
	{
		width:100%;
		line-height:50px;
	}
	.orderbtn{width:100%;float:none}
	.pricing_list_boxshadow {width:100%;padding:20px 0px 20px 20px;margin:30px 0px 20px 0px;}
	.pricing_list_boxshadow table th {font-size: 11px;}/*Krunal*/
	.pricing_list_boxshadow td {font-size: 15px;}/*Krunal*/
	#pricing-info h1{font-size:13px;padding-left:0px}
	#listol li ul li label::before {width:0px}
	#listol li ul li::before {width:0px}
	#listol li .toggle-title::before{padding:10px 15px;top: 0px;left: 0px;}
	.toggle-content {padding-left: 46px;}
	.wizard h2 {font-size: 13px !important;}
	#listol li::before
	{
		content: "";
		width: 2px;
		height: 100%;
		background: #e8e9ed;
		position: absolute;
		top: 20px;
		left: 20px;
		z-index:0;
	}
	#listol li .pricing_form li::before{width: 0px;}
	/*.toggle-content{display:none;}*/
	.toggle-content{display:block;}
	#pricing-info .form-control{width:100%;}
	#pricing-info .collapse.in{display:block !important;}
	#pricing-info .collapse{display:none !important;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape)
{
	#pricing-info .specifi
	{
		width:100%;
	}
	.pricing_form ul li{padding:0px; !important}
	.pricing_box
{
	width:100%;
	line-height:40px;
}
	.orderbtn{width:100%;float:none}
	.pricing_list_boxshadow {width:100%;padding:20px 0px 0px 50px;margin:30px 0px 20px 0px;}
	.pricing_list_boxshadow table th {font-size: 13px;}
	.pricing_list_boxshadow td {font-size: 26px;}
	#pricing-info h1{font-size:13px;padding-left:0px}
	#listol li ul li label::before {width:0px}
	#listol li ul li::before {width:0px}
	#listol li .toggle-title::before{padding:10px 15px;top: 0px;left: 0px;}
	.toggle-content {padding-left: 46px;}
	.wizard h2 {font-size: 13px !important;}
	#listol li::before
	{
		content: "";
		width: 2px;
		height: 100%;
		background: #e8e9ed;
		position: absolute;
		top: 20px;
		left: 20px;
		z-index:0;
	}
	#listol li .pricing_form li::before{width: 0px;}
	.toggle-content{display:block;}
	/*.toggle-content{display:none;}*/
	#pricing-info .form-control{width:100%;}
	#pricing-info .collapse.in{display:block !important;}
	#pricing-info .collapse{display:none !important;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
	.pricing_list_boxshadow {padding:20px 0px 30px 20px;margin:20px 0px 20px 30px;}
	.pricing_list_boxshadow table th {font-size: 13px;}
	.pricing_list_boxshadow td {font-size: 26px;}
	#pricing-info h1{font-size:13px;padding-left:0px}
	#listol li ul li label::before {width:0px}
	#listol li ul li::before {width:0px}
	#listol li .toggle-title::before{padding:10px 15px;top: 0px;left: 0px;}
	.toggle-content {padding-left: 46px;}
	.wizard h2 {font-size: 13px !important;}
	#listol li::before
	{
		content: "";
		width: 2px;
		height: 100%;
		background: #e8e9ed;
		position: absolute;
		top: 20px;
		left: 20px;
		z-index:0;
	}
	#listol li .pricing_form li::before{width: 0px;}
	.toggle-content{display:block;}
	/*.toggle-content{display:none;}*/
	#pricing-info .form-control{width:100%;}
	#pricing-info .collapse.in{display:block !important;}
	#pricing-info .collapse{display:none !important;}
}