/* Googlefont Poppins CDN Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}
body {
	min-height: 100vh;
}
.clr {
	clear:both;
}
/*<!--header--> */
header .top-nav {
	background:#134462!important;
	width:100%;
	height:auto;
	padding: 8px 0;
	margin:0 auto;
}
header .top-nav ul {
	padding:0;
	margin:0;
}
header .top-nav ul li {
	list-style:none;
	float:left;
	padding:8px 30px 5px 0;
	color: #fff;
}
header .top-nav .social-ic {
	text-align:right!important;
	float:right;
}
header .top-nav .social-ic li {
	list-style:none;
	padding:8px 12px 5px 0;
}
header .navbar-box {
	width:100%;
	height:auto;
	background: #fff;
	padding: 3px 0;
}
.call-icon {
	color:#ffde00;
}
/*<!--header-->*//*  position: fixed;*/  
 nav {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 80px;
	background: #fff;

}
nav .navbar {
	height: 100%;
	max-width: 1250px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
	/* background: red; */
  padding: 0px;
}
.navbar .logo a {
	font-size: 30px;
	color: #262626;
	text-decoration: none;
	font-weight: 600;
}
nav .navbar .nav-links {
	line-height: 70px;
	height: 100%;
}
nav .navbar .links {
	display: flex;
}
nav .navbar .nav-links .links {
	margin-bottom:0!important
}
nav .navbar .links li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	padding: 0 14px;
}
nav .navbar .links li a {
	height: 100%;
	text-decoration: none;
	white-space: nowrap;
	color: #134462;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
}
nav .navbar .links li a:hover {
	color:#ffa900;
}
.links li:hover .htmlcss-arrow, .links li:hover .js-arrow {
/*  transform: rotate(180deg);
*/  }
nav .navbar .links li .arrow {
	/* background: red; */
  height: 100%;
	width: 22px;
	line-height: 70px;
	text-align: center;
	display: inline-block;
	color: #134462;
	transition: all 0.3s ease;
}
nav .navbar .links li .sub-menu {
	position: absolute;
	top: 70px;
	left: 0;
	line-height: 40px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 4px 4px;
	display: none;
	z-index: 99;
}
nav .navbar .links li:hover .htmlCss-sub-menu, nav .navbar .links li:hover .js-sub-menu {
	display: block;
}
.navbar .links li .sub-menu li {
	padding: 0 22px;
	border-bottom: 1px solid rgba(38, 38, 38, 0.1);
}
.navbar .links li .sub-menu a {
	color: #134462;
	font-size: 13px;
	font-weight: 500;
}
.navbar .links li .sub-menu .more-arrow {
	line-height: 40px;
}
.navbar .links li .htmlCss-more-sub-menu {
/* line-height: 40px; */
}
.navbar .links li .sub-menu .more-sub-menu {
	position: absolute;
	top: 0;
	left: 100%;
	border-radius: 0 4px 4px 4px;
	z-index: 1;
	display: none;
}
.links li .sub-menu .more:hover .more-sub-menu {
	display: block;
}
.navbar .search-box {
	position: relative;
	height: 26px;
	color: #525252;
	border-radius:25px;
	width: 160px;
	background:#ffde00;
	padding:0 8px;
	line-height: 25px;
}
.navbar .search-box span {
	text-align:right;
	padding-left:18px;
	color: #525252;
	font-size: 15px;
}
.navbar .search-box i {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 27px;
	font-size: 16px;
	color: #525252;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}
.navbar .search-box .input-box {
	position: absolute;
	right: calc(100% - 40px);
	top: 80px;
	height: 60px;
	width: 300px;
	background: #3E8DA8;
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s ease;
}
.navbar.showInput .search-box .input-box {
	top: 65px;
	opacity: 1;
	pointer-events: auto;
	background: #3E8DA8;
}
.search-box .input-box::before {
 content: '';
 position: absolute;
 height: 20px;
 width: 20px;
 background: #3E8DA8;
 right: 10px;
 top: -6px;
 transform: rotate(45deg);
}
.search-box .input-box input {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 4px;
	transform: translate(-50%, -50%);
	height: 35px;
	width: 280px;
	outline: none;
	padding: 0 15px;
	font-size: 16px;
	border: none;
}
.navbar .nav-links .sidebar-logo {
	display: none;
}
.navbar .bx-menu {
	display: none;
}
/*<!--themes--> */

.row-50 {
	padding-top:50px!important;
		padding-bottom:50px!important;
}
.row-50 h1, h3 {
	color:#ffa900;
	font-size:28px;
	text-transform:uppercase;
	line-height:25px;
}
.row-50 p {
	color:#134462;
}
.col_right-inner {
	height:auto;
	width:100%;
	float:left;
	background:#fff;
}
.box {
	cursor: pointer;
	margin:5px 3px 10px 3px;
	height: 200px;
	float:left;
	position: relative;
	border-radius: 15px!important;
	width: 100%;
	/*max-width: 400px;*/
	overflow: hidden;
}
.box img {
	transition: 550ms ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
	cursor: pointer;
	overflow: hidden;
	margin: 0px;
	position: relative;
	object-fit: cover;
}
.box:hover img {
	transform: scale(1.5);
}
.box .overbox {
	background:url(images/overlay.png) repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	opacity: 0;
	display: inline-block;
	/*max-width: 400px;*/
	height: 100%;
	width:100%;
}
.box:hover .overbox {
	opacity: 1;
}
.box .overtext {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
}
.box .title {
	font-size: .75em;
	text-transform: uppercase;
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: 550ms ease-in-out;
}
.title a {
	text-decoration:none;
	color:#fff;
}
.box:hover .title, .box:focus .title {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.box .title .button {
	background-color: #ffa900!important;
	padding:10px 15px;
	border-radius: 25px;
}
.event-default-wrap {
	text-align: left;
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}
.event-default-title {
	color: #151515;
	font-weight: normal;
}
.event-default-title:hover {
	color: #ffa900;
	text-decoration:none;
}
.event-default-inner {
	display: flex;
	justify-content: space-between;
	float:left;
	margin-top:10px;
}
.event-default-wrap .event-default-inner span {
	margin-top: 2px;
	font-weight: 400;
	color: #f18e28;
	float:right!important;
	margin-left:15px;
	font-size: 14px;
}
.heading-5 {
	font-size: 18px;
	text-transform: none;
}
.why-us {
	background-color: #f7f7f7;
	fill: #f7f7f7;
	padding:25px 0;
}
.why-us h4 {
	font-size:18px;
	text-align:center;
	line-height:20px;
}
.why-us .icon-border {
	border:solid 1px #ffa900;
	padding: 30px;
	border-radius: 100%;
	width: 120px;
	height: 120px; background: #ffde00;
	margin: 0 auto;
	margin-bottom:10px;
	cursor:pointer;
}
.why-us .icon-border:hover {
	background: #fff;
	border: 1px solid #ffde00;
}
.why-us p {
	text-align:center;
	font-size:14px;
}
.title2 {
	text-align: center;
	margin-bottom: 20px;
}
.title2 h1, h2, h3 {
	margin: 0 0 5px;
	text-align: center;
	font-weight: 800;
	color: #6a6a6a;
}
.title2 p {
	margin: 0 0 5px;
	text-align: center;
}
.title2 span {
	margin: auto;
	height: 6px;
	display: block;
}
.title2 span {
	width: 160px;
	margin-top: 20px;
	background-color: #ffa900;
}





.title3 {
	text-align: center; width:100%;
	margin-bottom: 20px; float: left;
}
.title3 h1 {
	margin: 0 0 5px;
	text-align: left; font-size:26px;
	font-weight: 800;
	color: #6a6a6a;
}

.title3 span {
	
	height: 6px;
	display: block;
}
.title3 span {
	width: 160px;
	margin-top: 20px;
	background-color: #ffa900;
}
.about{width:100%; height:auto;}
.about p{ margin-bottom:10px;}
.about h3{ text-align:left; font-size:18px; text-transform:none; line-height:24px!important; margin-top:10px; color:#ffa900;}

.jumbotron2 {
    padding: 1rem 3rem!important; background:#f9fafb!important;
}
.breadcrumb2{ background:none!important;}
.bg2 { background:none!important; height:auto!important;}
/*********************package***********************/

 .courses-block {
	position: relative;
	margin-bottom: 0px;
}
.inner-box {
	position: relative;
	width: 100%;
	display: table;
	vertical-align: middle;
	background-size: cover;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);
	margin-bottom: 50px;
}

.inner-box .image {
	position: relative;
	overflow: hidden;
	object-fit: cover;
	width:100%;
	height:180px;
}
.inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	border-radius: 6px;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.inner-box .lower-content {
	position: relative;
	border-radius: 0px 0px 4px 4px;
}
.inner-box .lower-content .upper-box {
	position: relative;
	padding: 15px 15px 15px 15px;
	border-bottom: 1px solid #e9e9e9;
}
.inner-box .lower-content h2 {
	position: relative;
	font-size: 18px;
		font-weight: 500;
	line-height:18px!important;
	margin-top: 8px;
}
.inner-box .lower-content h2 a {
	color: #134462;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.inner-box .lower-content h2 a:hover {
	text-decoration:none; color: #ffa900;
}
.inner-box .lower-content .upper-box .author {
	position: relative;
	font-size: 14px;
	margin-bottom: 2px; text-align:center;
	color: rgba(0, 0, 0, 0.60);
}
.inner-box .lower-content .rating {
	position: relative;
}
.inner-box .lower-content .rating .total-rate {
	color: rgba(0, 0, 0, 1);
}
.inner-box .lower-content .rating .total-rate .light {
	color: rgba(0, 0, 0, 0.50);
}
.inner-box .lower-content .rating .total-rate span {
	font-size: 12px;
}
.inner-box .lower-content .rating .fa {
	position: relative;
	color: #ffa00b;
	font-size: 14px;
}
.inner-box .lower-box .post-meta li.total-price {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	height: 32px;
	line-height: 1.58em;
}
.inner-box .lower-box .post-meta {
	position: relative;
}
 /* .courses-block .inner-box .details{ background:#FF3300; text-align:center; color:#fff;}
.courses-block .inner-box .details a{  color:#fff;}
 .courses-block .inner-box .details a:hover{ text-decoration:none;}*/
 
 
 
 
 
 
 .courses-block .inner-box .details{text-align:center;}
 .courses-block .inner-box .details a{font:17px; color:#bf000c; text-decoration:none; text-transform:uppercase; text-align:center; display:block; padding:5px 15px; background-color: #f7f7f7; border:1px solid #ccc; outline:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:inline-block;}
 .courses-block .inner-box .details a:hover{color:#FFF; background-color:#EA4207; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; outline:none;}
 
 
 
 
/**********breadcrumb************/
 
 .breadcrumb{background-color: #f9fafb!important; text-align:center;}
  .bd-bg{    background-color: #f9fafb!important;}
 
 
 
/************* package**********/
.our-service .single-service{border: 1px solid #e2e2e2; margin-bottom:25px; webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);}
.our-service .single-service .text {
    background: #fff;
    text-align: center;
    padding: 20px 5px 45px 5px;
    margin-bottom: 40px;
   
    box-shadow:none!important;
}

.our-service .theme-title {padding-bottom: 40px;}
.service-inner-page {padding-bottom: 20px;}

.our-service .single-service .image-box {overflow: hidden;background: #1e315d; height:200px;}
.our-service .single-service .image-box img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.our-service .single-service:hover .image-box img {
  opacity: 0.8;
  -webkit-transform:scale3D(1.1,1.1,1);
          transform:scale3D(1.1,1.1,1);
}
.our-service .single-service:hover {
  
}
.our-service .single-service .text {
    background: #fff;
    text-align: center;
    padding: 20px 5px 10px 5px!important;
    margin-bottom:0px!important;
}
.our-service.service-inner-page .single-service .text h4 a {
    font-size: 24px;
	    width: 100%;
    padding: 8px 2% 0;
    text-align: center; font-weight:normal;
    color: #f26722;
  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.our-service .single-service .text {}
.top-pad{width: 100%;
    padding: 23px 2% 0;
    text-align: center;
    color: #f26722;
    position: relative;

 }
	
	
	
	.top-pad h3 {position: relative;
    font-size: 18px; text-transform:none;
    color: #25292f;
    font-weight: 500;
    line-height: 1.0em;}
	
	.top-pad h3 a{text-align: center;
    color: #1455a6; font-weight:normal;
    font-size: 24px;}
	
	.top-pad p{font-size: 14px; color: rgba(0,0,0,0.45); margin:0 0 5px 0;}
	
	
.small-txt2 {
/*    margin: 0 2%;*/
    text-align: center;
    width: 96%;
    font-size: 13px;
    color: #656464;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
/*    height: 25px;*/
    float: left;
}
.nigh-k1 {
    width: auto;
    padding: 2px 6px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    background-color: #1455a6; position:relative;
   right:0; top:0; z-index:2; width:20%; float:right;
}
.clr{clear:both;}

.inclu-box{width:100%!important; padding:0 25px;}
.inlu{width:100%!important; max-width: 50px!important; float:left; margin:0!important; padding:0!important; margin-right:4px!important;  font-size: 11px;}
.inlu .fa{/*border:solid 1px #4A4A4A;*/ border-radius:50px; padding:10px 12px!important; font-size: 16px; text-align: center; background:#eaeaea;    color: #000;}
	
	.inlu2{width:100%!important; max-width: 68px!important; float:left; font-size: 11px; margin:0!important; padding:0!important; }
.inlu2 .fa{ /*border:solid 1px #4A4A4A;*/ border-radius:50px;  padding:10px;  font-size: 16px;
    text-align: center!important; background:#eaeaea;    color: #000;}
	
	.price-sec {
    width: 94%; margin-top:10px!important;
    margin: 0 auto; float:left; 
}
.butt-tour{float:left; width:100%; padding:0 10%; margin-bottom:25px!important;}
.view-butt {
    width: 48%;
    margin: 0 auto;
    text-align: center; float:left;     
	border: solid 1px #f1f1f1;   
    border-radius: 30px;
}
.view-butt a {
color: #1455a6;
    font-size: 15px; padding:0 10px;
    text-decoration: none;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    display: block;
}
.view-butt a:hover {
    background: #103869;
    color: #fff !important;
    text-decoration: none !important;
}
.view-butt2 {
    width: 48%; float:right;
    margin: 0 auto;
    text-align: center;
    color: #FFF; 
    background-color: #ffa900;
    border-radius: 30px;
}
.view-butt2 a {
    color: #FFF;
    font-size: 15px; padding:0 10px;
    text-decoration: none;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    display: block;
}
.view-butt2 a:hover {
    background: #d4652b;
    color: #fff !important;
    text-decoration: none !important;
}
.pri_tx1 {
    width: 28%;
    float: left;
    margin-right: 1%;
    font-size: 14px;
       color: #777777;
    padding-top: 8px;
    text-align: right;
}
.pri_tx2 {
    width: 4%;
    float: left;
        padding-top: 8px;
    text-align: center;
}
.pri_tx3 {
    width: 30%;
    float: left;
      font-size: 24px;
    color: #f26722;
}
.pri_tx4 {
    width: 36%;
    float: left;
       font-size: 14px;
        color: #777777;
    padding-top: 6px;
    text-align: left;
}
/***************footer sections css**********************/
.foter-bg {
	background:url(images/footerbg.jpg) no-repeat center 0px;
	background-size:cover;
	padding: 100px 0 50px 0;
	color: #fff;
	float:left;
	width:100%;
	position:relative;
}
.footerbg-cover {
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	z-index: 2;
}
.footerbg-cover img {
	width: 100%;
}
.foter-bg h4 {
	font-weight: 800;
}
.foter-bg ul li {
	padding: 5px 0;
	list-style: none;
}
.foter-bg ul li a {
	position: relative;
	color: #fff;
	font-size: 15px !important;
	padding-left: 20px;
	transition: 0.5s all ease;
}
.foter-bg ul li a::before {
content: '\00BB';
font-size: 1.2em;
position: absolute;
left: 0;
top: -5px;
text-decoration: none;
}
.foter-bg ul li a:hover {
	padding-left: 25px;
	transition: 0.5s all ease;
}
.copyrightbox {
	float: left;
	width: 100%;
	padding:5px 0; font-size:14px;
}
.footeraddress {
	margin-bottom: 30px;
	width: 100%;
	display: block;
}
.footeraddress a {
	color: #fff;
}
footer ul.followuslist li {
	padding: 0;
	margin-right: 10px;
	margin-bottom: 5px;
}
ul.followuslist {
	margin: 0;
	padding: 0;
}
ul.followuslist li {
	margin-right: 16px;
	float: left;
	list-style: none;
	margin-bottom: 10px;
}
 .foter-bg ul.followuslist li a::before {
content: none !important;
}
.foter-bg .container .row .col-lg-3 ul li a {
	position: relative;
	padding-left: 20px;
	transition: 0.5s all ease;
}
.foter-bg .container .row .col-lg-3 ul li a::before {
 content: '\00BB';
 font-size: 1.2em;
 position: absolute;
 left: 0;
 top: -5px;
 text-decoration: none;
}
.foter-bg .container .row .col-lg-3 ul li a:hover {
	padding-left: 15px;
	transition: 0.5s all ease;
}
/**************** Icons***************** */
.icon-button i {
	background: none;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0;
	left: 5px;
	text-align: center;
	line-height:42px;
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 10;
	font-size:18px;
}
.icon-button .icon-twitter {
	color: #4099ff;
}
.icon-button .icon-facebook {
	color: #3B5998;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button .icon-instagram {
	color: #bb289b;
}
.icon-button .icon-linkedin {
	color: #0773a3;
}
.icon-button .icon-youtube {
	color: #dd2100;
}
.icon-button .icon-pinterest {
	color: #c51b1f;
}
.icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-instagram, .icon-button:hover .icon-linkedin, .icon-button:hover .icon-youtube, .icon-button:hover .icon-pinterest, .icon-button:hover .icon-google-plus {
	color: #fff;
}
/* .activities-carousel .owl-nav{position: relative;} */
.activities-carousel .owl-nav .owl-prev {
	top:48.5%;
	left:-55px;
}
.activities-carousel .owl-nav .owl-next {
	right:-60px;
	top:48.5%;
}
.activities-carousel .owl-nav .owl-prev::before, .activities-carousel .owl-nav .owl-next::before {
border: 1px solid #123084;
}
.activities-carousel .owl-nav .owl-next::before {
padding-left: 6px;
}
.activities-carousel.carousel-btn .owl-nav .owl-prev::before, .activities-carousel.carousel-btn .owl-nav .owl-next::before {
color: #4369b0;
font-size:30px;
height: 40px;
width: 40px;
border-radius: 50%;
background: #fff;
display: block;
text-align: center;
line-height: 37px !important;
}

/*********feedback*********/


.bg-color{ background:#fcf6ef!important; padding:25px 0;}
.bg-color .title2 {
	text-align: center;
	margin-bottom: 20px;
}
.bg-color .title2 h3 {
	margin: 0 0 5px;
	text-align: center; text-transform:none;
	font-weight: 800;
	color: #6a6a6a;
}
.bg-color .title2 p {
	margin: 0 0 5px;
	text-align: center;
}
.bg-color .title2 span {
	margin: auto;
	height: 6px;
	display: block;
}
.bg-color .title2 span {
	width: 160px;
	margin-top: 20px;
	background-color: #ffa900;
}

.review-img {
    width: 28%;
    float: left; margin:15px 0;
}
.review {
    
    width: 48%;
    padding: 5px;
    line-height: 18px;
    font-size: 13px;
}
.review-mrg {
    border-left: solid 1px #e1e1e1;
}

/*************pck**********/
.pck{ text-align:left; word-wrap: break-word;
    background-color: #fff; padding:20px;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125); color: rgba(0, 0, 0, 0.60);
    border-radius: 0.25rem;}
	
.pck h3{ font-size:24px; color:#134462; text-transform:none; text-align:left;}
.pck .heading {
    font-size: 18px;
    font-weight: normal; color: rgba(0, 0, 0, 0.60);  
}
.pck .ico-color{ color:#ffa900;}
.pck .day{ margin-top: 10px; color: rgb(0 0 0 / 60%);}
.pck .sky{ font-size:30px; color:#ffa900; line-height:24px; font-weight: bold;}
.pck h4{ font-size:16px; color:#134462; text-transform:none; text-align:left;}
.pck .border-top{ padding-top:15px;}
.butt{ padding:10px 30%;}

.view-butt3 {
    width: 100%;

    margin: 0 auto;
    text-align: center;
    color: #FFF;
    background-color: #ffa900;
    border-radius: 4px;
}

.view-butt3 a {
    color: #FFF;
    font-size: 15px; padding:0 30px;
    text-decoration: none;
    border-radius: 4px;
    height: 40px;
    line-height: 40px; text-transform:uppercase;
    text-decoration: none;
    display: block;
}
.view-butt3 a:hover {
    background: #d4652b;
    color: #fff !important;
    text-decoration: none !important;
}
.iti{ padding:50px 18px;}
.pack{ padding:10px;}
.pack h4{ font-size:18px; 
    color: #134462;}
.pack .col-md-12{ padding:8px 0 0;}

.pack p{color: rgba(0, 0, 0, 0.70);}
.pack2 p{color: rgba(0, 0, 0, 0.70); font-size:13px!important;}
/*card-inc*/
.card-inc{ margin-top:25px;     border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem; padding:10px;}
.card-inc ul{ list-style:inside;}
.title4 {
	text-align: center; width:100%;
	margin-bottom: 20px; float: left;
}
.title4 h4 {
	margin: 0 0 5px;
	text-align: left; font-size:18px;
	font-weight: 500;
	color: #6a6a6a;
}

.title4 span {
	
	height: 4px;
	display: block;
}
.title4 span {
	width: 110px;
	margin-top: 10px;
	background-color: #ffa900;
}

 @media (max-width:920px) {
 nav .navbar {
 max-width: 100%;
 padding: 0 25px;
}
 nav .navbar .logo a {
 font-size: 27px;
}
 nav .navbar .links li {
 padding: 0 10px;
 white-space: nowrap;
}
 nav .navbar .links li a {
 font-size: 15px;
}
}
@media (max-width:800px) {


 nav {
/* position: relative; */
  }
 .navbar .bx-menu {
 display: block;
}
 nav .navbar .nav-links {
 position: fixed;
 top: 0;
 left: -100%;
 display: block;
 max-width: 270px;
 width: 100%;
 background:  #fff;
 line-height: 40px;
 padding: 20px;
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 transition: all 0.5s ease;
 z-index: 1000;
}
 .navbar .nav-links .sidebar-logo {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
 .sidebar-logo .logo-name {
 font-size: 25px;
 color: #fff;
}
 .sidebar-logo i, .navbar .bx-menu {
 font-size: 25px;
 color: #484747;
}
 nav .navbar .links {
 display: block;
 margin-top: 20px;
}
 nav .navbar .links li .arrow {
 line-height: 40px;
}
nav .navbar .links li {
 display: block;
}
nav .navbar .links li .sub-menu {
 position: relative;
 top: 0;
 box-shadow: none;
 display: none;
}
nav .navbar .links li .sub-menu li {
 border-bottom: none;
}
.navbar .links li .sub-menu .more-sub-menu {
 display: none;
 position: relative;
 left: 0;
}
.navbar .links li .sub-menu .more-sub-menu li {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.links li:hover .htmlcss-arrow, .links li:hover .js-arrow {
 transform: rotate(0deg);
}
 .navbar .links li .sub-menu .more-sub-menu {
 display: none;
}
 .navbar .links li .sub-menu .more span {
    /* background: red; */
    display: flex;
 align-items: center;
/* justify-content: space-between; */
  }
 .links li .sub-menu .more:hover .more-sub-menu {
 display: none;
}
 nav .navbar .links li:hover .htmlCss-sub-menu, nav .navbar .links li:hover .js-sub-menu {
 display: none;
}
.navbar .nav-links.show1 .links .htmlCss-sub-menu, .navbar .nav-links.show3 .links .js-sub-menu, .navbar .nav-links.show2 .links .more .more-sub-menu {
 display: block;
}
 .navbar .nav-links.show1 .links .htmlcss-arrow, .navbar .nav-links.show3 .links .js-arrow {
 transform: rotate(180deg);
}
 .navbar .nav-links.show2 .links .more-arrow {
 transform: rotate(90deg);
}
}
@media (max-width:370px) {
 nav .navbar .nav-links {
 max-width: 100%;
}
}