/* CSS Document */



@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");



html,

body {

	width: 100%;

	height: 100%;

	font:

		400 15px/23px "Inter",

		sans-serif;

	color: #777;

}

body {

	background: #fff;

	background-size: cover;

	margin: 0px;

	padding: 0px;

}

body.showNav {

	height: 100%;

	overflow: hidden;

}

* {

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

strong {

	font-weight: 600;

}

h1,

h2,

h3,

h4,

h5,

.h1,

.h2,

.h3,

.h4,

.h5 {

	color: #000;

	margin: 0;

	padding: 0;

}

.text-reverse {

	color: #fff;

}

h1 {

	font:

		700 2.8rem/3.5rem "Inter",

		sans-serif;

	display: block;

}

h2 {

	font:

		700 2.5rem/2.5rem "Inter",

		sans-serif;

	display: block;

}

h3,

.h3 {

	font:

		400 1.5rem/1rem "Inter",

		sans-serif;

	display: block;

}

h4 {

	font:

		400 1rem/1rem "Inter",

		sans-serif;

	display: block;

}

.btn-link {

	color: #181618;

	font-size: 16px;

	text-decoration: underline;

	padding: 0;

}

.btn-link:hover,

.btn-link:focus {

	text-decoration: none;

	color: #181618;

}

a {

	text-decoration: none;

	color: #181618;

}

.noEff,

.noEff:hover,

.noEff:focus {

	text-decoration: none;

}

a:hover,

a:focus {

	color: #181618;

	text-decoration: underline;

}

.trans_eff {

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.text-bold {

	font-weight: bold;

}

.text-light {

	font-weight: 300;

}

.display-block {

	display: block;

}

.display-inline-block {

	display: inline-block;

}

.display-inline {

	display: inline;

}

.display-none {

	display: none;

}

.container-fluid {

	padding-left: 40px;

	padding-right: 40px;

}


@media only screen and (max-width: 1279px) {
   .container-fluid {
	padding-left: 15px;
	padding-right: 15px;

}
 
}



/*AAAAA HOME PAGE CLASSES AAAAA*/

/*comman clasess*/

.white {

	color: #fff;

}

.yellow {

	color: #ffbc00;

}

.fs18 {

	font-size: 18px;

}

.fs11 {

	font-size: 11px;

}

.fs12 {

	font-size: 12px;

}

.fs13 {

	font-size: 13px;

}

.fs14 {

	font-size: 14px;

}

.fs16 {

	font-size: 16px;

}

.fs15 {

	font-size: 15px;

}

.fs24 {

	font-size: 24px;

}

.fs20 {

	font-size: 20px;

}

.weight600 {

	font-weight: 600;

}

.weight700 {

	font-weight: 700;

}

.weight300 {

	font-weight: 300;

}

.mr10 {

	margin-right: 10px;

}

.ml10 {

	margin-left: 10px;

}

.mr5 {

	margin-right: 5px;

}

.p5 {

	padding: 5px;

}

.p15 {

	padding: 15px;

}

.pl25 {

	padding-left: 25px;

}

.pr25 {

	padding-right: 25px;

}

.pt15 {

	padding-top: 15px;

}

.pb15 {

	padding-bottom: 15px;

}

.radius10 {

	border-radius: 10px;

}

.radiusr10 {

	border-radius: 0 10px 10px 0;

}

.p25 {

	padding: 25px;

}

.p20 {

	padding: 20px;

}

.uu {

	text-decoration: underline;

}

.uu:hover {

	text-decoration: none;

}

.pb12 {

	padding-bottom: 12px;

}

.dn {

	display: none;

}

.mt0 {

	margin-top: 0 !important;

}



.mt10 {

	margin-top: 10px !important;

}

.p0 {

	padding: 0 !important;

}

.mb0 {

	margin-bottom: 0;

}



.mt2 {

	margin-top: 2px;

}

.mt5 {

	margin-top: 5px;

}

.vam {

	vertical-align: middle;

}

.mt10 {

	margin-top: 10px;

}

.mt15 {

	margin-top: 15px;

}

.mt20 {

	margin-top: 20px;

}

.mt25 {

	margin-top: 25px;

}

.mt30 {

	margin-top: 30px;

}

.mt40 {

	margin-top: 40px;

}

.mt50 {

	margin-top: 50px;

}

.mb5 {

	margin-bottom: 5px;

}

.mb10 {

	margin-bottom: 10px;

}

.mb15 {

	margin-bottom: 15px;

}

.mb20 {

	margin-bottom: 20px;

}

.mtb5 {

	margin-bottom: 25px;

}

.mb30 {

	margin-bottom: 30px;

}

.mb50 {

	margin-bottom: 50px;

}

.mb60 {

	margin-bottom: 60px;

}

.ml15 {

	margin-left: 15px;

}

.pl50 {

	padding-left: 50px;

}

.pl100 {

	padding-left: 100px;

}

.pb10 {

	padding-bottom: 10px;

}

.pt0 {

	padding-top: 0 !important;

}

#back-top {

	position: fixed;

	bottom: 10px;

	right: 15px;

	z-index: 3;

	display: block;

}

#back-top .btn-success {

	display: inline-block;

	overflow: hidden;

	padding: 7px 0;

	border-radius: 10px;

	line-height: inherit !important;

	width: 46px;

	height: 46px;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.16);

	border: 0;

	font-size: 30px;

	transition: all linear 0.3s;

	cursor: pointer;

}

.btn1 {

	height: 44px;

	font:

		600 16px/44px "Inter",

		sans-serif;

	border-radius: 3px;

	padding: 0 35px;

	outline: none !important;

}

.btn2 {

	height: 42px;

	font:

		600 17px/40px "Inter",

		sans-serif;

	border-radius: 12px;

	padding: 0 30px;

	outline: none !important;

	text-transform: uppercase;

}



.btn-success {

	color: #fff;

	background: #45ad00 !important;

	border: 0;

}

.btn-success:hover,

.btn-success:focus,

.btn-success:active {

	background: #55c20c !important;

	color: #fff;

	border: 0;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.16);

}



.btn-default {

	color: #000;

	background: #f2f2f2 !important;

	border: 0;

}

.commanTitle {

	font-size: 20px;

	line-height: 28px;

	text-transform: uppercase;

	font-weight: 800;

	letter-spacing: 3px;

	position: relative;

}



.commanTitle::after {

	content: "";

	width: 60px;

	height: 2px;

	position: static;

	background: #45ad00;

	margin: 5px auto 0 auto;

	display: block;

}



.titleCon .btn {

	float: right;

	margin-top: 32px;

}



.bg-gray {

	background: #f5f5f5;

}

.bg-gray2 {

	background: #f3f9fe;

}

.bg-white {

	background: #fff;

}

.black {

	color: #181618;

}

.green {

	color: #1dd561;

}

.red {

	color: #ff3c3c;

}

.red a {

	color: red;

}

.gray {

	color: #777;

}

.blue {

	color: #00acb4;

}

.commanPadding {

	padding: 80px 0 120px;

}

.commanPadding2 {

	padding: 40px 0 40px;

}

.commanPadding3 {

	padding: 20px 0px;

}

.border1 {

	border: 1px solid #ddd;

}

.border3 {

	border: 5px solid #eee;

}

.bb {

	border-bottom: 1px solid #ddd;

}

.container {

	width: 1366px;

}

.fl {

	float: left;

}

.fr {

	display: inline;

	float: right;

}

.w23 {

	width: 23%;

}



@media only screen and (max-width: 1365px) {

	.container {

		width: 100% !important;

	}

}



@media only screen and (max-width: 1279px) {

	.container {

		width: 100%;

	}

}



@media only screen and (max-width: 479px) {

	h2 {

		font-size: 30px;

		line-height: 34px;

	}

}

.form-control {

	border: 2px solid #ddd;

	color: #666;

	border-radius: 6px;

	padding: 10px 15px;

	height: 48px;

	font-weight: 400;

	background: #fff;

	font-size: 14px;

	box-shadow: none;

}

.form-control:focus,

.form-control:focus-visible {

	background: #fff;

	border: 2px solid #bbb !important;

	box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.16);

}

.form-group {

	margin-bottom: 20px;

}



select {

	-webkit-appearance: none;

	-moz-appearance: none;

}

select.select {

	background-image: linear-gradient(45deg, transparent 50%, gray 50%),

		linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #deeaf3, #deeaf3);

	background-position:

		calc(100% - 20px) calc(1em + 6px),

		calc(100% - 15px) calc(1em + 6px),

		calc(100% - 2.5em) 0.5em;

	background-size:

		5.5px 5.5px,

		5.5px 5.5px,

		0 0;

	background-repeat: no-repeat;

}

select.select:focus {

	background-image: linear-gradient(45deg, transparent 50%, gray 50%),

		linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #deeaf3, #deeaf3);

	background-position:

		calc(100% - 20px) calc(1em + 6px),

		calc(100% - 15px) calc(1em + 6px),

		calc(100% - 2.5em) 0.5em;

	background-size:

	5.5px 5.5px,

	5.5px 5.5px,

	0 0;

	background-repeat: no-repeat;

}

label {

	margin-left: 3px;

	margin-bottom: 3px;

	font-weight: 600;

	color: #000;

	font-size: 15px;

}

/*comman clasess ends*/



/*header*/



header {

	height: auto;

	position: fixed;

	z-index: 16;

	width: 100%;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

}

header .navbar {

	padding: 10px 0;

}



header .navbar .navbar-nav {

	margin: 0 0 0 36px;

}

header .navbar .navbar-nav li {

	padding: 0;

	margin: 0;

	position: relative !important;

}

header .navbar .navbar-nav li a {

	font-size: 16px;

	color: #fff;

	margin: 0 15px;

	font-weight: 400;

	height: 25px;

	line-height: 25px;

	text-decoration: none;

	display: block;

	position: relative;

}

header .navbar .navbar-nav li a:hover {

	color: #fff;

}

header .navbar .navbar-nav li a i {

	font-size: 13px;

	margin-left: 3px;

	margin-top: 2px;

}

header .navbar .navbar-nav li > a:after {

	content: "";

	width: 0;

	background: #45ad00;

	height: 2px;

	position: absolute;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	left: 0;

	bottom: 0;

}

header .navbar .navbar-nav li:hover a:after,

header .navbar .navbar-nav li.active a:after {

	width: 100%;

}



.header_fixer .navbar .navbar-nav li > a:after {

	background: #45ad00;

}



header .navbar .navbar-nav li > .subLinks {

	width: 230px;

	left: 0;

	height: auto;

	background: #fff;

	position: absolute;

	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.1);

	display: none;

	padding: 0;

	border-radius: 5px;

	overflow: hidden;

}

header .navbar .navbar-nav li:last-child .subLinks {

	left: auto;

	right: 0;

}

header .navbar .navbar-nav li .subLinks li {

	list-style: none;

}

header .navbar .navbar-nav li .subLinks li a {

	display: block;

	border-bottom: 1px solid #eee;

	color: #000;

	font-size: 14px;

	padding: 0;

	line-height: 40px;

	height: 40px;

	font-weight: 400;

	margin: 0;

	padding: 0 15px;

}

header .navbar .navbar-nav li .subLinks li a:after {

	display: none;

}

header .navbar .navbar-nav li .subLinks li a:hover {

	color: #666;

	background: #f2f2f2;

}

header .navbar .navbar-nav li .subLinks li a i {

	position: absolute;

	right: 5px;

	top: 50%;

	transform: translate(0, -50%);

	font-size: 10px;

}

header .navbar .navbar-nav li .subLinks li .subLinksx {

	width: 230px;

	left: 230px;

	height: auto;

	background: #fff;

	position: absolute;

	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.1);

	display: none;

	top: 0;

}

header .navbar .navbar-nav li .subLinks li:hover .subLinksx {

	display: block;

}

header .navbar .navbar-nav li:hover .subLinks {

	display: block;

}

header .navbar-brand {

	max-width: 120px;

	height: auto;

	padding: 0;

	margin: 0;

}

header .navbar-brand .logo1 {

	width: 100%;

	height: auto;

	display: block;

}

header .navbar-brand .logo2 {

	display: none;

	width: 100%;

	height: auto;

}

header .iconNav {

	margin-top: 16px;

}

header .iconNav li {

	float: left;

	list-style: none;

}

header .iconNav li a {

	text-align: center;

	display: block;

	color: #000;

	font-size: 13px;

	border-right: 1px solid #eee;

	padding: 0 10px;

	text-decoration: none;

}

header .iconNav li a i {

	font-size: 16px;

	margin-right: 3px;

	color: #000;

}

header .iconsNav {  
  right:15px; position:absolute; top:31px;
  

}
 

header .iconsNav a {
    color: #fff;
    background: #45ad00;
    height: 44px;
    width: 48px;
    display: block;
    text-decoration: none;
    font-size: 28px;
    text-align: center;
    line-height: 44px;
    border-radius:3px;
 

}

header .iconsNav .search {

	font-size: 16px;

}

header .iconsNavMob {

	display: none;

}

.header_fixer {

	background: #fff;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.6);

}

.header_fixer .navbar {

	padding: 5px 0;

}



.header_fixer .navbar .navbar-nav li a,

.header_fixer .navbar .navbar-nav li a:hover {

	color: #000;

}



.header_fixer .navbar-brand {

	max-width: 100px;

}

.header_fixer .navbar-brand .logo1 {

	display: none;

}

.header_fixer .navbar-brand .logo2 {

	display: block;

}

.header_fixer .iconsNav {

	border-left: 1px solid rgba(39, 52, 86, 0.2);

}

.header_fixer .iconsNav a {

	color: #fff;

}



@media screen and (max-width: 1319px) {
    header .navbar .navbar-nav li a{margin:0 10px;}
    
}




@media screen and (max-width: 1151px) {

	header .navbar .navbar-nav li a {font-size:14px;}
	header .navbar .navbar-nav{margin:0 0 0 30px;}

}






@media screen and (max-width: 991px) {

 

	header .navbar {
		display: block;
		padding: 10px 0;

	}

 



	header .navbar-brand {
		margin: 8px 0 10px 15px !important;
		max-width: 100px !important;
		height: auto;

	}
	



	header .iconsNav .search {
		font-size: 18px;
	}

	header .iconsNavMob {

		display: block; 
	}

	.header_fixer .navbar-brand {
		margin: 0 0 2px 15px !important;
		max-width: 80px !important;
		height: auto;

	}
 
 .header_fixer .iconsNavMob{top:8px;}

}


 





.searchCon {

	position: fixed;

	height: 100%;

	width: 100%;

	z-index: 17;

	background: rgba(39, 52, 86, 0.99);

	padding: 15px;

	text-align: center;

	display: none;

}

.searchCon .searchBox {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

	display: block;

	width: 100%;

	padding: 0 15%;

}

.searchCon .searchBox .form-control {

	background: none;

	height: 100px;

	width: 100%;

	border: 0 !important;

	border-bottom: 2px solid #fff !important;

	box-shadow: none !important;

	outline: 0 !important;

	font-size: 30px;

	color: #fff;

	font-weight: 300;

	padding-right: 60px;

}

.searchCon .searchBox .cursor {

	position: relative;

}

.searchCon .searchBox .cursor i {

	position: absolute;

	width: 1px;

	height: 45%;

	background-color: #b12841;

	left: 12px;

	top: 26%;

	animation-name: blink;

	animation-duration: 800ms;

	animation-iteration-count: infinite;

	opacity: 1;

}

.searchCon .searchBox input:focus + i {

	display: none;

}

.searchCon .searchBox .searchBtn {

	font-size: 30px;

	position: absolute;

	color: #fff;

	right: 0;

	background: none;

	outline: none;

	border: 0;

	margin-top: -80px;

	padding: 15px;

	cursor: pointer;

}

.searchCon .close {

	color: #fff !important;

	opacity: 1;

	font-size: 30px;

	text-shadow: none !important;

	font-weight: 300;

}

@keyframes blink {

	from {

		opacity: 1;

	}

	to {

		opacity: 0;

	}

}



@media screen and (max-width: 767px) {

	.searchCon .searchBox {

		padding: 0 5%;

	}

}

.bodyOverlay {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(255, 255, 255, 0.8);

	z-index: 98;

}

.sidenav {

	height: 100%;

	width: 230px;

	position: fixed;

	z-index: 99;

	top: 0;

	left: -320px;

	background: #342215;

	transition: 0.5s;

	display: none;

}

.sidenav .navbarHeader {

	background: #000;

	padding: 10px 15px;

	min-height: 58px;

	position: relative;

}

.sidenav .navbarHeader .userLogin {

	color: #fff;

	font-size: 13px;

}

.sidenav .navbarHeader .userLogin span {

	display: inline-block;

	margin: 0 0 0 5px;

	vertical-align: super;

}

.sidenav .navbarHeader .userLogin figure {

	width: 40px;

	height: 40px;

	border-radius: 100%;

	display: inline-block;

	margin: 0;

	background: #f5f5f5;

	text-align: center;

	font-size: 20px;

	color: #273456;

	padding: 9px 0;

	border: 2px solid #fff;

	box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.1);

}

.sidenav ul.navList {

	padding: 0;

	height: 100%;

}

.sidenav ul.navList li a i {

	font-size: 17px;

	margin-right: 5px;

}

.sidenav ul.navList a:hover,

.sidenav ul.navList li a.active {

	background: #4f3727;

}

.sidenav .logo {

	width: 120px;

	display: block;

	float: left;

}

.sidenav .logo img {

	width: 100%;

	height: auto;

	display: block;

}

.sidenav .closebtn {

	position: absolute;

	top: 14px;

	cursor: pointer;

	right: -23px;

	color: #614532;

	font-size: 16px;

}

.sidenav .navbarFooter {

	position: absolute;

	bottom: 0;

	width: 100%;

}

.subLinkMob {

	background: #b12841;

	padding: 7px 0;

	display: none;

}

.subLinkMob a {

	border: 0 !important;

	background: #b12841 !important;

	line-height: 25px !important;

	height: auto;

	padding: 0 0 0 40px !important;

	text-transform: inherit !important;

	position: relative;

	font-weight: 300 !important;

	font-size: 13px;

}

.subLinkMob a:after {

	position: absolute;

	left: 25px;

	content: "-";

}

.subLinkMob p {

	line-height: 25px !important;

	font-size: 14px;

	color: #fff;

	border-bottom: 1px solid #be314b;

	margin: 10px 20px;

}

a.mob_link_dd b {

	width: 16px;

	height: 16px;

	float: right;

	display: block;

	background-image: url(../images/plus.png);

	background-repeat: no-repeat;

	margin: 14px 0 0 0;

}

a.mob_link_dd_act b {

	width: 16px;

	height: 16px;

	float: right;

	display: block;

	background-image: url(../images/minus.png);

	background-repeat: no-repeat;

	margin: 14px 0 0 0;

}



@media screen and (max-width: 991px) {

	.sidenav {

		display: block;

	}

}



ul.topRight {

	float: right;

	display: flex;

	margin: 0;

	padding: 0;

	justify-content: space-between;

	align-items: center;

}



ul.topRight li {

	list-style: none;

	border-right: 1px solid rgba(255, 255, 255, 0.3);

	padding: 0 12px;

	height: 35px;

}



ul.topRight li a {

	color: #fff;

	font-size: 16px;

	font-weight: 700;

	line-height: 18px;

	position: relative;

	padding-left: 28px;

	display: block;

}

ul.topRight li a small {

	display: block;

	font-weight: 300;

	font-size: 14px;

	color: #45ad00;

}

ul.topRight li:nth-child(2),

ul.topRight li:nth-child(3) {

	border: 0;

}

ul.topRight li:nth-child(3) a {

	line-height: 44px;

	color: #fff !important;

}



ul.topRight li .language {

	position: relative;

	padding-left: 28px;

}

ul.topRight li a:before,

ul.topRight li .language:before {

	position: absolute;

	content: "\e905";

	font-family: "icomoon";

	left: 0;

	top: 3px;

	font-size: 20px;

	font-weight: 300;

	color: #fff;

}



ul.topRight li:nth-child(2) .language::before {

	content: "\e928";

	left: 0;

	top: -2px;

	font-size: 20px;

}

ul.topRight li:nth-child(3) a::before {

	display: none;

}

.header_fixer ul.topRight li:nth-child(3) a {

	line-height: 44px;

	margin-top: -4px;

}



.header_fixer ul.topRight li a:before,

.header_fixer ul.topRight li .language:before {

	color: #000;

}

.header_fixer ul.topRight li a {

	color: #000;

}

.header_fixer ul.topRight li {

	border-color: rgba(0, 0, 0, 0.2);

}


@media only screen and (max-width: 1279px) {
    ul.topRight li:nth-child(1){display:none;}
}


@media only screen and (max-width: 991px) {
   ul.topRight{margin-right:59px;}
}


@media only screen and (max-width: 767px) {
   ul.topRight li .btn-success{padding:0 15px;}
}


/*slider*/

.sliderCon {
	overflow: hidden;
	min-height: 700px;
	background-attachment: fixed !important;
	background-size: cover !important;
}



.sliderCon .inner {

	padding: 60px 0 100px;

	margin-top: 70px;

}

.sliderCon .inner .cols {

	width: 50%;

}

.sliderCon .inner .left {

	float: right;

	width: 58%;

	padding: 13% 7%;

}

.sliderCon .inner .right {

	float: left;

	width: 42%;

}



.sliderCon .inner .formCon {

	background: #fff;

	border-radius: 30px;

	padding: 40px;

}

.sliderCon .inner h1 {

	color: #fff;

	font-size: 48px;

	line-height: 60px;

}



.formCon .row {

	margin-left: -5px;

	margin-right: -5px;

}

.formCon .row .col-md-6,

.formCon .row .col-md-4,

.formCon .row .col-md-12 {

	padding-left: 5px;

	padding-right: 5px;

}



.addRemove {

	text-align: right;

	margin-top: 2px;

	margin-right: 3px;

}

.addRemove a {

	font-size: 12px;

	font-weight: 600;

	text-decoration: underline;

}

.addRemove a:hover {

	text-decoration: none;

}

.addRemove a.add {

	color: #45ad00;

}

.addRemove a.remove {

	color: #d22323;

}

.addRemove span {

	font-size: 12px;

	padding: 0 5px;

	color: #ddd;

}

.formCon .btnCon .btn1 {

	text-align: left;

	padding: 0 15px;

	border-radius: 6px;

	height: 48px;

	line-height: 48px;

	position: relative;

}

.formCon .btnCon .btn1 img {

	position: absolute;

	right: 0;

	width: 32px;

	right: 15px;

	top: 16px;

}

.labelInfo {

	background: #dddddd;

	width: 20px;

	height: 20px;

	display: inline-block;

	color: #000;

	text-align: center;

	border-radius: 100%;

	line-height: 20px;

	cursor: help;

}



.tooltip {

	text-align: left !important;

	font-size: 13px;

	line-height: 17px;

}

.bs-tooltip-auto[x-placement^="right"],

.bs-tooltip-right {

	padding: 0.4rem;

}

.bs-tooltip-auto[x-placement^="right"] .arrow,

.bs-tooltip-right .arrow {

	left: 1px;

	width: 0.4rem;

	height: 0.8rem;

}



.formDataCon {

	background: #fff;

	border-radius: 20px;

	padding: 30px;

}

.formDataCon h4 {

	font-weight: 700;

	color: #000;

	text-transform: uppercase;

	border-bottom: 1px solid #ddd;

	padding-bottom: 5px;

	margin-bottom: 15px;

}

.formDataCon .flexBox {

	display: flex;

	flex-wrap: nowrap;

	justify-content: flex-start;

	padding: 5px 0;

}

.formDataCon .flexBox p {

	width: 50%;

	margin: 0;

}

.formDataCon .flexBox p strong {

	color: #000;

}


@media only screen and (max-width: 1151px) {
    .sliderCon .inner h1 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

.sliderCon .inner .left {
    float: right;
    width: 50%;
    padding: 20% 5%;
}


.sliderCon .inner .right {
    float: left;
    width: 50%;
}

}


@media only screen and (max-width: 991px) {
    .sliderCon .inner h1 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

.sliderCon .inner .left {
    float: none;
    width: 600px; margin:auto;
    padding:0 15px 50px 15px; text-align:center;
}


.sliderCon .inner .right {
    float: none;
    width: 100%;
}

}

@media only screen and (max-width: 767px) {
    .sliderCon .inner h1 {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
}

.sliderCon .inner .left {
    float: none;
    width: 100%; margin:auto;
    padding:0 15px 50px 15px; text-align:center;
}

 

}
 


/*slider*/



/*product cat*/



.productCat {

	padding: 60px 0 60px;

	background: #f2f2f2;

}



.productCat .productList {

	margin-top: 30px;

}



.productCat .row {

	margin-right: -20px;

	margin-left: -20px;

}

.productCat .row .col-md-3,

.productCat .row .col-md-12 {

	padding-right: 20px;

	padding-left: 20px;

}

.productCat .card {

	margin: 15px 0;

	background: #fff;

	border-radius: 20px;

	overflow: hidden;

	display: block;

	border: 0;

	box-shadow: 0px 5px 16px -2px rgba(0, 0, 0, 0.05);

	text-align: center;

	text-decoration: none;

}

.productCat .card:hover {

	box-shadow: 0px 5px 30px -2px rgba(0, 0, 0, 0.1);

	background: #fff;

}

.productCat .card figure {

	width: 100%;

	border-radius: 20px;

	height: auto;

	overflow: hidden;

	position: relative;

	justify-content: center;

	align-items: center;

	margin: 0;

	display: flex;

	background: #f2f2f2;

}

.productCat .card figure img {

	max-width: 100%;

	height: auto;

	transition: transform 3s;

}

.productCat .card:hover figure img {

	transform: scale(1.2);

}

.productCat .card .duration {

	background: rgba(0, 0, 0, 0.8);

	border-radius: 30px;

	padding: 4px 10px 5px;

	position: absolute;

	bottom: 20px;

	right: 20px;

	color: #fff;

	font-size: 14px;

	line-height: 18px;

	margin: 0;

}

.productCat .card .popular {

	background: #ff3c3c;

	border-radius: 30px;

	padding: 3px 10px 3px;

	position: absolute;

	top: 20px;

	left: 20px;

	color: #fff;

	font-size: 14px;

	line-height: 20px;

	margin: 0;

	font-weight: 500;

}

.productCat .card .popular img {

	vertical-align: middle;

	margin-top: -3px;

}

.productCat .card figcaption {

	display: block;

	padding: 30px;

}

.productCat .card figcaption .title {

	font-size: 18px;

	font-weight: 700;

	line-height: 24px;

	white-space: nowrap;

	margin: 0;

	overflow: hidden;

	text-overflow: ellipsis;

}



.productCat .card figcaption .address {

	font-size: 17px;

	line-height: 22px;

	margin-top: 10px;

	font-weight: 600;

	color: #f4a944;

	position: relative;

	padding-left: 25px;

}



.productCat .card figcaption .address:before {

	background: url(../images/addressIcon.svg) no-repeat left center;

	width: 17px;

	height: 19px;

	position: absolute;

	content: "";

	left: 0;

}



.productCat .card figcaption .descrip {

	font-size: 17px;

	line-height: 22px;

	margin: 15px 0 0 0;

	height: 65px;

	overflow: hidden;

	display: none;

}

.productCat .card figcaption .price {

	font-size: 22px;

	font-weight: 600;

	color: #181618;

	float: left;

	margin: 20px 0 0 0;

}

.productCat .card figcaption .price span {

	font-weight: 400;

	color: #ff3c3c;

	font-size: 16px;

	line-height: 22px;

	text-decoration: line-through;

	display: block;

}

.productCat .card figcaption .price small {

	display: block;

	font-size: 14px;

	color: #999;

	font-weight: 400;

}

.productCat .card figcaption .btnCon {

	margin-top: 20px;

}

.productCatInside {

	padding-top: 50px;

	margin: 0;

	background: none;

}

.productCatInside .productList {

	margin: 0;

}

.productCatInside .card figcaption .btnCon {

	float: none;

	margin-top: 20px;

}

.tourInside {

	padding: 0;

	margin: 0;

	background: none;

	margin-bottom: 60px;

}

.tourInside .productList {

	margin: 0;

}

.producImg {

	max-width: 600px;

	margin: auto;

	display: block;

	border-radius: 30px;

	overflow: hidden;

	margin-bottom: 40px;

}

.producImg img {

	width: 100%;

	height: auto;

}



@media screen and (max-width: 991px) {

	.productCat {

		padding: 50px 0;

	}

	.productCat .container-fluid {

		margin-top: 30px;

	}

	.productCat .secondTxt {

		padding: 0 5%;

	}

}

/*product cat end*/



/* famousTrips */

.famousTrips{background: #fff;}

.famousTrips .card{border:1px solid #eee;}

.famousTrips .card figcaption p{margin-top: 10px;}



/* famousTrips end*/



/*gallery*/



.galleryCon {

	padding: 80px 0;

}

.galleryCon .commanTitle {

	float: none;

}



.galleryCon ul li {

	list-style: none;

}

.galleryCon ul li figure {

	margin: 0;

	padding: 0;

	position: relative;

	text-align: center;

}

.galleryCon ul li figure img {

	object-fit: cover;

	width: 100%;

	height: auto;

}



.galleryCon .owl-next,

.galleryCon .owl-prev {

	overflow: hidden;

	height: 66px;

	background: rgba(6, 30, 89, 0.9);

	padding: 18px;

	width: 66px;

	border-radius: 100%;

	text-align: center;

	box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.3);

}

.galleryCon .owl-next img,

.galleryCon .owl-prev img {

	width: 12px;

}

.galleryCon .owl-next {

	padding-left: 22px;

	right: 10px;

	top: 50%;

}

.galleryCon .owl-prev {

	padding-right: 22px;

	left: 10px;

	top: 50%;

}

.galleryCon .owl-item .item {

	padding: 100px 0;

}

.galleryCon .owl-item .item figure {

	border-radius: 30px;

	overflow: hidden;

	margin: 0;

	padding: 0;

}

.galleryCon .owl-item .item {

	-webkit-transform: scale(0.6);

	transform: scale(0.6);

}

.galleryCon .owl-item.active.center {

	-webkit-transform: scale(2.1);

	transform: scale(2.1);

}



/*gallery end*/



/*enquiry form*/



.enquiryForm {

	background: #061e59 url(../images/enquiryBg.jpg) no-repeat center top;

	text-align: center;

	background-attachment: fixed;

	background-size: cover;

	padding: 80px 0 90px;

}

.enquiryForm h2 {

	color: #fff;

	float: none;

}

.enquiryForm .email {

	font-size: 40px;

	color: #fff;

	line-height: 50px;

	margin-top: 10px;

}

.enquiryForm .email a {

	font-weight: 700;

	color: #f4a944;

}

.enquiryForm .form-con {

	margin-top: 25px;

}

.enquiryForm .form-con .form-control {

	background: none !important;

	border: 2px solid #fff;

	color: #fff;

	padding: 10px 20px;

	font-size: 18px;

	margin: 15px 0;

}

.enquiryForm .form-con .btn {

	margin-top: 30px;

	padding: 0 120px;

}



.enquiryForm .form-con ::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color: #fff !important;

}

.enquiryForm .form-con ::-moz-placeholder {

	/* Firefox 19+ */

	color: #fff !important;

}

.enquiryForm .form-con :-ms-input-placeholder {

	/* IE 10+ */

	color: #fff !important;

}

.enquiryForm .form-con :-moz-placeholder {

	/* Firefox 18- */

	color: #fff !important;

}



/*enquiry form*/



/*search form*/

.searchFormCon {

	margin-top: -50px;

	position: relative;

	z-index: 9;

}

.searchFormCon .formBox {

	background: #fff;

	border-radius: 20px;

	padding: 22px 20px;

	box-shadow: 0 3px 52px 0 rgba(0, 72, 99, 0.12);

}

.searchFormCon .formBox form {

	width: 100%;

	display: flex;

	flex-wrap: nowrap;

}

.searchFormCon .formBox .cols {

	width: 22%;

	margin: 5px;

}

.searchFormCon .formBox .cols:last-child {

	width: 115px;

}



@media only screen and (max-width: 767px) {

	.searchFormCon {

		margin-top: 50px;

	}

	.searchFormCon .formBox {

		padding: 12px 20px;

	}

	.searchFormCon .formBox form {

		width: 100%;

		display: inherit;

	}

	.searchFormCon .formBox .cols {

		width: 100% !important;

		margin: 10px 0;

	}

	.searchFormCon .formBox .cols .btn-info {

		display: block;

		width: 100%;

	}

}

/*search form end*/



/*products*/



.productsCon .listOuter {

	margin: 30px 0 0 0;

	width: 100%;

	padding: 0;

	position: relative;

}

.productsCon .list {

	list-style: none;

	margin: 0;

	padding: 0;

}

.productsCon .list li {

	padding: 10px 0;

}

.productsCon .list li .box {

	margin: 0;

	min-height: 220px;

	padding: 5px 30px 30px 30px;

	border-radius: 1px;

	overflow: hidden;

	border: 1px solid #ddd;

}

.productsCon .list li .box:hover {

	box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.1);

}

.productsCon .list li .box figure {

	width: 100%;

	height: 220px;

	display: flex;

	align-items: center;

	overflow: hidden;

}

.productsCon .list li .box .img {

	overflow: hidden;

}

.productsCon .list li .box .img img {

	width: 100%;

	height: auto;

	overflow: hidden;

	display: block;

	margin: auto;

}

.productsCon .list li .box .img img {

	width: 100%;

	height: auto;

	display: block;

}

.productsCon .list li .box figcaption {

	text-align: left;

	margin-top: 15px;

}

.productsCon .list li .box figcaption .title {

	font-size: 16px;

	font-weight: 700;

	line-height: 24px;

	margin: 0;

}

.productsCon .list li .box figcaption .subtext {

	font-weight: 400;

	font-size: 14px;

	margin: 2px 0 0 0;

	color: #777;

}

.productsCon .list li .box figcaption .subtext strong {

	font-weight: 700;

	color: #303c3c;

}

.productsCon .list li .box figcaption .price {

	font-weight: 700;

	color: #303c3c;

	font-size: 20px;

	margin-top: 25px;

}

.productsCon .list li .box figcaption .btnCon {

	margin-left: -3px;

	margin-right: -3px;

	margin-top: 15px;

}

.productsCon .list li .box figcaption .btn {

	font-size: 14px;

	line-height: 40px;

	height: 40px;

	padding: 0 25px;

	font-weight: 500;

	border-radius: 1px;

	margin: 3px;

}

.productsCon .list li .box figcaption .btn.cart {

	width: 44px;

	padding: 0;

	margin-left: 5px;

}

.productsCon .list li .box figcaption .btn.cart img {

	width: 100%;

}



@media only screen and (max-width: 767px) {

	.productsCon .listOuter {

		margin: 25px 0 0 0;

		width: 100%;

		padding: 0 40px;

		position: relative;

	}

}

/*products end*/



/*category products*/

.pByCatCon {

	background: #f3f9fe;

	padding: 60px 0;

}

.pByCatCon .listOuter {

	margin: 40px 0 0 0;

	width: 100%;

	position: relative;

}

.pByCatCon ul li .box {

	border-radius: 10px;

	overflow: hidden;

	position: relative;

}

.pByCatCon ul li .box .img img {

	width: 100%;

	height: auto;

	display: block;

}

.pByCatCon .list li {

	padding: 0;

}

.pByCatCon ul li .box figcaption {

	position: absolute;

	z-index: 9;

	bottom: 0;

	text-align: center;

	width: 100%;

	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));

	padding: 50px 20px 15px;

}

.pByCatCon ul li .box figcaption .title {

	font-size: 16px;

	color: #fff;

	text-transform: uppercase;

}

.pByCatCon .prev {

	width: 23.37px;

	height: 40px;

	background: url(../images/prev1.png) no-repeat;

	display: block;

}

.pByCatCon .next {

	width: 23.37px;

	height: 40px;

	background: url(../images/next1.png) no-repeat;

	display: block;

}

.pByCatCon .owl-prev {

	left: 10px;

}

.pByCatCon .owl-next {

	right: 10px;

}

.pByCatCon .btn-info {

	margin-top: 40px;

}

/*category products ends*/



/* about */

.aboutCon {

	padding: 90px 0;

}



.aboutCon .left {

	float: left;

	width: 50%;

	padding-right: 25px;

}

.aboutCon .right {

	float: right;

	width: 50%;

	padding-left: 25px;

	padding-top: 50px;

}



.aboutCon .left figure {

	margin: 0;

	padding: 0;

	border-radius: 20px;

	overflow: hidden;

}



.aboutCon .container-fluid .cols {

	text-align: left;

	width: 100%;

	margin-top: 0;

}



.aboutCon .container-fluid h3 {

	font-size: 40px;

	line-height: 46px;

	font-weight: 900;

	margin: 0;

}



.aboutCon .container-fluid h3 span {

	font-family: "Inter", sans-serif;

	font-size: 18px;

	color: #45ad00;

	font-weight: 400;

	position: relative;

	display: block;

	letter-spacing: 3px;

	line-height: 24px;

	text-transform: uppercase;

}



.aboutCon .container-fluid h3 span:after {

	width: 70px;

	height: 1px;

	background: #45ad00;

	position: absolute;

	left: 165px;

	top: 10px;

	content: "";

}



.aboutCon .container-fluid figcaption p {

	margin: 20px 0 0 0;

	padding-right: 8%;

}



.aboutCon .container-fluid .flexCon {

	display: flex;

	flex-wrap: nowrap;

	margin: 30px 0 0 0;

}

.aboutCon .container-fluid .flexCon .card {

	border: 0;

	border-right: 1px solid rgba(0, 0, 0, 0.2);

	border-radius: 0;

	padding: 0 25px;

}



.aboutCon .container-fluid .flexCon .card:nth-child(1) {

	padding-left: 0;

}

.aboutCon .container-fluid .flexCon .card:nth-child(3) {

	padding-right: 0;

	border: 0;

}



.aboutCon .container-fluid .flexCon .card p {

	font-weight: 400;

	margin: 0;

	font-size: 15px;

	line-height: 24px;

	position: relative;

	padding-left: 50px;

}

.aboutCon .container-fluid .flexCon .card p strong {

	font-weight: 800;

	color: #000;

	font-size: 20px;

	display: block;

}



.aboutCon .container-fluid .flexCon .card p img {

	position: absolute;

	left: 0;

	width: 40px;

	top: 3px;

}



@media only screen and (max-width: 767px) {

	.aboutCon {

		padding: 40px 0 100px;

	}

	.aboutCon .container {

		display: inherit;

	}

	.aboutCon .container .left,

	.aboutCon .container .right {

		width: 100%;

	}

	.aboutCon .container figcaption {

		padding: 30px 0 0 0;

		text-align: center;

	}

}

/*hp form*/



/* why us */

.whyUsCon {

	background: #000 url(../images/whyBg.jpg) no-repeat center top;

	text-align: center;

	background-attachment: fixed;

	background-size: cover;

	padding: 80px 0 80px;

}



.whyUsCon .left {

	float: left;

	width: 50%;

	padding-right: 25px;
	margin-top: 30px;

}

.whyUsCon .right {

	float: right;

	width: 50%;

	padding-left: 25px;

	padding-top: 20px;

}



.whyUsCon .right figure {

	margin: 0;

	padding: 0;

	border-radius: 20px;

	overflow: hidden;

}



.whyUsCon .container-fluid .cols {

	text-align: left;

	width: 100%;

	margin-top: 0;

}



.whyUsCon .container-fluid h3 {

	font-size: 40px;

	line-height: 46px;

	font-weight: 900;

	margin: 0;

	color: #fff;

}



.whyUsCon h3 span {

	font-family: "Inter", sans-serif;

	font-size: 18px;

	color: #45ad00;

	font-weight: 400;

	position: relative;

	display: block;

	letter-spacing: 3px;

	line-height: 24px;

	text-transform: uppercase;

}



.whyUsCon h3 span:after {

	width: 70px;

	height: 1px;

	background: #45ad00;

	position: absolute;

	left: 240px;

	top: 12px;

	content: "";

}



.whyUsCon figcaption p {

	margin: 20px 0 0 0;

	padding-right: 8%;

	color: #fff;

}

.whyUsCon ul.list {

	margin: 0;

	margin-top: 30px;

	padding: 0;

}

.whyUsCon ul.list li {

	list-style: none;

	float: left;

	width: 50%;

	color: #fff;

	font-weight: 500;

	margin: 3px 0;

	position: relative;

	padding-left: 25px;

}

.whyUsCon ul.list li::before {

	font-family: "icomoon";

	content: "\e91d";

	color: #45ad00;

	position: absolute;

	left: 0;

	font-weight: 700;

}

.whyUsCon .btn-success {

	margin-top: 35px;

}

/* why us end*/



/* testimonials */



.testimonialsCon {

	background: #f2f2f2;

	padding: 60px 70px;

}

.testimonialsCon .ratings {

	font-size: 17px;

	line-height: 26px;

	position: absolute;

	top: 40px;

	right: 30px;

}

.testimonialsCon .ratings .fa {

	margin: 0 2px;

}

.testimonialsCon .ratings span {

	color: #ccc;

}



.testimonialsCon .box {

	background: #fff;

	padding: 30px;

	border-radius: 20px;

	text-align: left;

	position: relative;

	box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1);

}

.testimonialsCon .box figure {

	font-size: 16px;

	color: #000;

	font-weight: 800;

	line-height: 20px;

	margin-bottom: 10px;

}

.testimonialsCon .box figure small {

	display: block !important;

	font-size: 14px;

	color: #777;

	font-weight: 400;

}

.testimonialsCon .box figcaption {

	margin-top: 30px;

}

.testimonialsCon .box figcaption p {

	font-size: 14px;

}



.testimonialsCon .box .dots {

	margin-top: 0;

	line-height: 10px;

}

.testimonialsCon .box .btn-link {

	color: #999;

	text-decoration: underline;

	font-size: 14px;

}

.testimonialsCon .box .btn-link:hover {

	text-decoration: none;

}

.testimonialsCon .owl-prev {

	left: -30px;

	font-size: 30px;

}

.testimonialsCon .owl-next {

	right: -30px;

	font-size: 30px;

}

.testimonialsCon .owl-carousel .item {

	padding: 15px;

}



.testimonialsConInside {

	background: none;

	padding: 0;

}

.testimonialsConInside .box {

	border: 1px solid #ddd;

	margin: 20px 0;

}



.modal-content {

	border-radius: 16px;

	border: 0;

}

.modal-content .modal-content {

	border: 0;

}

.modal-content .modal-header {

	text-align: center;

	display: block;

	padding: 15px;

}

.modal-content .modal-title {

	color: #000;

	font-size: 20px;

	font-weight: 700;

}

.modal-content .modal-title2 {

	color: #000;

	font-size: 20px;

}

.modal-content .modal-title2 small {

	font-size: 14px;

	color: #777;

}

.modal-content .modal-body {

	padding: 30px;

	background: #f5f5f5;

}

.modal-content .modal-body2 {

	background: #eee;

	padding: 25px 30px;

}

.modal-content .close {

	outline: 0;

	position: absolute;

	z-index: 999;

	top: -25px;

	right: -15px;

	color: #ec0d10 !important;

	opacity: 1;

	font-size: 40px;

	text-shadow: none;

}

.modal {

	background: rgba(0, 0, 0, 0.7);

	padding: 0 !important;

}



label {

	font-size: 15px;

	font-weight: 500;

	color: #000;

}

.red {

	color: #f00;

}



@media only screen and (max-width: 599px) {

	.modal-dialog {

		margin: 1rem;

	}

}

/* testimonials end*/



/*footer*/

.footer {

	background: #181618;

	padding: 70px 0 30px;

	margin-top: 0;

	position: relative;

	color: #fff;

}

.footer .row1 {

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: space-between;

	border-bottom: 1px solid rgba(255, 255, 255, 0.16);

	padding-bottom: 60px;

}



.footer .row1 .cols {

	width: 20%;

}

.footer .row1 .cols:nth-child(1) {

	width: 10%;

}

.footer .row1 .cols:nth-child(2) {

	width: 15%;

}


.footer .row1 .cols:nth-child(3) {

	width: 25%;

}

.footer .row1 .cols:nth-child(4) {

	width: 18%;

}

.footer .row1 .cols:nth-child(5) {

	text-align: right;
		width: 18%;

}



.footer .row1 .cols:nth-child(2) a {

	color: #fff;

	text-decoration: underline;

	line-height: 24px;

	margin: 1px;

	display: inline-block;

}

.footer .row1 .cols:nth-child(2) a:hover {

	text-decoration: none;

}

.footer .contact {

	color: #fff;

	font-weight: 300;

	margin: 0;

}

.footer .contact a {

	color: #fff;

	font-weight: 700;

}

.footer .row1 span {

	padding-right: 10px;

}

.social a {

	display: inline-block;

	width: 34px;

	height: 34px;

	border-radius: 5px;

	padding: 0;

	text-align: center;

	color: #fff;

	font-size: 18px;

	margin: 4px;

	border: 2px solid #fff;

	background: #181618;

}

.social a img {

	height: 100%;

}

.social a:hover,

.social a:focus {

	background: #45ad00;

	border-color: #45ad00;

}

.copyrightText {

	padding: 30px 0 0 0;

}

.copyrightText p {

	text-align: center;

	color: #fff;

	font-size: 14px;

	font-weight: 300;

	text-transform: uppercase;

}

.copyrightText p a {

	font-weight: 600;

	color: #fff;

}



@media only screen and (max-width: 1279px) {

.footer .row1 {
	flex-wrap: wrap;
}

.footer{padding-top:30px;}

.footer .row1 .cols{margin-top:20px;}
.footer .row1 .cols:nth-child(1) {

	display:none;

}

.footer .row1 .cols:nth-child(2) {

	width:  50%;

}


.footer .row1 .cols:nth-child(3) {

	width:  50%;

}

.footer .row1 .cols:nth-child(4) {

width:  50%;

}

.footer .row1 .cols:nth-child(5) {

	text-align: left;
	width:  50%;

}

.social span{display:none;}



}



@media only screen and (max-width: 767px) {
    
    .footer .row1 {
    
    align-items: center;
    justify-content: center; 
    text-align: center;
}

 .footer .row1 .cols{width:100% !important;}
 
.footer .row1 .cols:nth-child(5) {

	text-align: center;
 

}
}



@media only screen and (max-width: 599px) {

	.sitemap {

		float: left;

		width: 100%;

	}

	.sitemap .first,

	.sitemap .second,

	.sitemap .third {

		width: 100%;

	}

	.sitemap .second,

	.sitemap .third {

		margin-top: 30px;

	}

	.sitemap .third {

		margin-top: 0;

	}

	.fRight {

		border-left: 0;

		padding: 30px 0 0 0;

		border-top: 1px solid #333;

		width: 100%;

		margin-top: 30px;

	}

}

/* footer end */



/*inside css*/



.insideBannerBg {

	background: #000 url(../images/bannerBg.jpg) no-repeat center -150px;

	background-attachment: fixed;

	background-size: cover;

	padding: 160px 0 80px 0;

	height: auto;

	text-align: center;

}

.insideBannerBg .commanTitle {

	float: none;

	color: #fff;

}



.serviceTabs {

	background: #f2f2f2;

}

.serviceTabs .tabs {

	text-align: center;

}

.serviceTabs .tabs li {

	display: inline-block;

	text-align: center;

}

.serviceTabs .tabs li a {

	font-size: 16px;

	line-height: 48px;

	display: block;

	padding: 0 40px;

	color: #777;

	text-transform: uppercase;

	text-decoration: none;

	border-bottom: 2px solid transparent;

}

.serviceTabs .tabs li.active a {

	background: #fff;

	color: #000;

	font-weight: 600;

	border-bottom: 2px solid #45ad00;

}



/*breadcrum*/



.breadcrumb {

	text-align: center;

	display: block;

	width: auto;

	background: none;

	font-size: 14px;

	font-weight: 400;

	margin: 15px 0 0 0;

	padding: 0;

	color: #fff;

}

.breadcrumb li {

	display: inline-block;

}

.breadcrumb li a {

	font-weight: 400;

	text-decoration: underline;

	color: #fff;

}

.breadcrumb li a:hover {

	text-decoration: none;

}

.breadcrumb > li + li:before {

	background: url(../images/rightAngle.svg) no-repeat;

	content: "";

	width: 5px;

	height: 16px;

	margin: 0 5px;

	vertical-align: middle;

	margin-top: 5px;

	display: inline-block;

}

.middleGray {

	background: #f9f9f9;

}



.cmsArea ul {

	margin: 10px 0 0 20px;

}

.cmsArea ul li {

	font-size: 15px;

	line-height: 24px;

	list-style: disc;

	color: #777;

	position: relative;

	padding: 0 0 0 0px;

}



.cmsArea ol {

	margin: 20px 0 0 20px;

}

.cmsArea ol li {

	color: #777;

	font-size: 15px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 0;

}

.cmsImg {

	display: block;

}



 

.address {

	font-size: 17px;

	line-height: 22px;

	margin-top: 10px;

	font-weight: 600;

	color: #f4a944;

	position: relative;

	padding-left: 25px;

}

.address:before {

	background: url(../images/addressIcon.svg) no-repeat left center;

	width: 17px;

	height: 19px;

	position: absolute;

	content: "";

	left: 0;

}



@media screen and (max-width: 599px) {

	.cmsArea p {

		text-align: left !important;

	}

	.cmsArea ul {

		margin-left: 0;

	}

	.cmsArea ol {

		margin-left: 30px;

	}

}



/*inner pages clasess*/



/*login register*/



.loginCon .bottomTxt {

	font-size: 15px;

	margin-top: 25px;

	color: #181618;

}

.loginCon .bottomTxt a {

	color: #f12f2f;

	text-decoration: underline;

}

.loginCon .bottomTxt a:hover {

	text-decoration: none;

}

.loginCon .loginBox {

	background: #fff;

	width: 600px;

	overflow: hidden;

	min-height: 100px;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.16);

	margin: auto;

	margin-top: 30px;

	border-radius: 30px;

}

.loginCon .loginBox .tab {

	border-bottom: 1px solid #deeaf3;

}

.loginCon .loginBox .tab a {

	width: 50%;

	float: left;

	text-align: center;

	font-size: 20px;

	line-height: 60px;

	color: #777;

	font-weight: 400;

	display: block;

	padding: 0 20px;

	text-decoration: none;

	background: #f0f7fc;

}

.loginCon .loginBox h3 {

	width: 100%;

	text-align: center;

	font-size: 24px;

	line-height: 50px;

	font-weight: 600;

	color: #181618;

	display: block;

	margin: 40px 0 20px 0;

}

.loginCon .loginBox .tab a.active {

	background: #fff;

	color: #181618;

	font-weight: 600;

}

.loginCon .loginBox .form_con {

	padding: 35px 50px 50px;

}

.loginCon .loginBox .form_con .row {

	margin-top: 5px;

	margin-left: -5px;

	margin-right: -5px;

}

.loginCon .loginBox .form_con .row .cols,

.loginCon .loginBox .form_con .row .col-md-12 {

	padding: 0 5px;

}

.loginCon .loginBox .form_con .row .form-group {

	margin: 5px 0;

}

.loginCon .loginBox .form_con h5 {

	font-size: 14px;

	font-weight: 400;

	color: #999;

}

.loginCon .loginBox .price1 label {

	font-size: 75px;

	font-weight: 600;

	margin: 30px 0 0;

	line-height: 70px;

}

.loginCon .loginBox .price1 label span {

	font-size: 50px;

	font-weight: 300;

	color: #999999;

}

.loginCon .forgot-password {

	display: inline-block;

	text-decoration: underline;

	color: #181618;

}

.loginCon .form-group {

	margin: 10px 0;

}

.loginCon .form-check-label {

	font-weight: 400;

	color: #777;

}

.loginCon .form-check-label .form-check-input {

	margin-top: 3px;

}

.loginCon .or {

	display: block;

	border-top: 2px dotted #eee;

	margin: 40px 0;

	position: relative;

}

.loginCon .or:after {

	position: absolute;

	content: "or";

	width: 35px;

	height: 35px;

	background: #ffffff;

	left: 50%;

	top: -18px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	border: 2px dotted #eee;

	border-radius: 100%;

	text-align: center;

	padding: 7px 0;

	font-weight: 500;

	color: #aaa;

	font-size: 14px;

}

.loginCon .radioBtns {

	margin: 15px 0 10px;

}

.loginCon .radioBtns label {

	width: 50%;

	float: left;

}

.loginCon .radioBtns label .btnInfo {

	text-transform: uppercase;

	text-align: center;

	border: 2px solid #38c2d9;

	color: #38c2d9;

	height: 50px;

	padding: 15px 15px;

	display: block;

	cursor: pointer;

}

.loginCon .radioBtns label .btnInfo h4 {

	font-size: 14px;

}

.loginCon .radioBtns label .selectStyleRadio {

	display: none;

}

.loginCon .cCheckPoint label {

	font-size: 14px;

	line-height: 22px;

	font-weight: 300;

}

.loginCon .cCheckPoint label .form-check-input {

	margin-top: 5px;

}

.loginCon .cCheckPoint .form-check {

	margin: 20px 0 25px;

}

.loginCon .radioBtns label:nth-child(1) .btnInfo {

	border-radius: 5px 0 0 5px;

	border-right: 1px solid #38c2d9;

}

.loginCon .radioBtns label:nth-child(2) .btnInfo {

	border-radius: 0 5px 5px 0;

	border-left: 1px solid #38c2d9;

}

.loginCon .radioBtns label .selectStyleRadio:checked + .btnInfo {

	background: #38c2d9;

	color: #ffffff;

}

.socialMediaLogin {

	text-align: center;

}

.socialMediaLogin a {

	width: 50px;

	height: 50px;

	border-radius: 100%;

	display: inline-block;

	background: #fff;

	text-align: center;

	color: #38c2d9;

	font-size: 18px;

	margin: 10px;

	padding: 16px 0;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

}

.socialMediaLogin .facebook {

	color: #428bca;

}

.socialMediaLogin .facebook:hover {

	background: #428bca;

	color: #ffffff;

}

.socialMediaLogin .twitter {

	color: #5bc0de;

}

.socialMediaLogin .twitter:hover {

	background: #5bc0de;

	color: #ffffff;

}

.socialMediaLogin .google {

	color: #d9534f;

}

.socialMediaLogin .google:hover {

	background: #d9534f;

	color: #ffffff;

}

.verifyMessage {

	font-size: 15px;

	padding: 10px;

	line-height: 22px;

}



@media only screen and (max-width: 599px) {

	.loginCon .loginBox {

		width: 100%;

	}

	.loginCon .loginBox .form_con {

		padding: 20px 30px 30px;

	}

	.loginCon .facebookBtn {

		font-size: 14px;

	}

	.loginCon .facebookBtn:after {

		width: 50px;

	}

}



@media only screen and (max-width: 599px) {

	.loginCon .facebookBtn {

		padding-left: 60px;

	}

	.loginCon .facebookBtn:after {

		width: 45px;

	}

}

/*login register end*/



/*category and subcategory*/



/*category and sub category clasess*/



ul.cs_con {

	margin: 15px 0 0 0;

	padding: 0 15px;

}

ul.cs_con li {

	width: 33.333333%;

	float: left;

	list-style: none;

	margin: 25px 0;

}

ul.cs_con li .inner {

	background: #fff;

	width: 300px;

	margin: auto;

}

ul.cs_con li .inner figure {

	width: 320px;

	display: block;

	overflow: hidden;

	height: 216px;

	border-radius: 10px;

}

ul.cs_con li .inner figure img {

	width: 100%;

	display: block;

	height: auto;

}

ul.cs_con li .inner figcaption {

	padding: 15px 10px 0 10px;

}

ul.cs_con li .inner figcaption h3 {

	font-size: 20px;

	font-weight: 400;

	line-height: 26px;

	color: #303c3c;

	margin: 0;

}

ul.cs_con li .inner figcaption .shop_now {

	font-weight: 400;

	text-transform: uppercase;

	font-size: 13px;

	display: inline-block;

	color: #00bbff;

	margin: 5px 0 0 0;

}

ul.cs_con li .inner:hover figcaption .shop_now {

	text-decoration: underline;

}

.productList .list {

	padding: 0;

	margin-top: 5px;

	margin-left: -15px;

	margin-right: -15px;

}

.productList .list li {

	width: 33.3333333%;

	float: left;

	padding: 15px;

}



@media only screen and (max-width: 1151px) {

	ul.cs_con li {

		width: 50%;

	}

	ul.cs_con {

		padding: 0;

	}

}



@media only screen and (max-width: 991px) {

	.productList ul li {

		width: 50%;

	}

}



@media only screen and (max-width: 599px) {

	.productList ul li {

		width: 100%;

	}

}



@media only screen and (max-width: 767px) {

	ul.cs_con li {

		width: 100%;

	}

	ul.cs_con li .inner {

		background: #fff;

		width: 300px;

		margin: auto;

	}

	ul.cs_con li .inner figure {

		width: 300px;

		display: block;

		overflow: hidden;

		height: auto;

		border-radius: 10px;

	}

}

/*category and subcategory end*/



/*product detail*/



.pDetailCon {

	padding: 0;

}

.pDetailCon .cols {

	width: 40%;

	float: left;

}

.dtl_images {

	margin: 0 0 0 5px;

	position: relative;

	width: 400px;

	min-height: 250px;

	margin-top: 40px;

}

.pDetailCon .dtl_contents {

	width: 59%;

	margin-top: 40px;

}

.dtl_contents h3 {

	line-height: 32px;

	font-size: 24px;

	font-weight: 700;

	margin: 0;

}

.dtl_contents .table p {

	margin: 0;

}

.dtl_contents .price {

	font-size: 18px;

	color: #303c3c;

	float: left;

}

.dtl_contents .btnCon {

	margin-top: 20px;

}

.dtl_contents .brandName {

	background: #303c3c;

	padding: 10px;

	border-radius: 3px;

	width: 120px;

	height: auto;

	margin-bottom: 15px;

}

.dtl_contents .brandName img {

	width: 100%;

	display: block;

}

.dtl_contents .brandName2 {

	width: 80px;

	height: auto;

	margin-bottom: 15px;

}

.dtl_contents .brandName2 img {

	width: 100%;

	display: block;

}

.dtl_contents strong {

	color: #303c3c;

}

.dtl_contents select {

	height: 36px;

	padding: 5px 0;

	font-size: 16px;

	max-width: 150px;

	background: none;

	border: 0 !important;

	box-shadow: none;

}

.dtl_contents .form-control:focus {

	box-shadow: none;

}

.dtl_contents .share {

	margin-left: 20px;

	float: right;

	margin-top: -2px;

}

.dtl_inr_box1 {

	float: left;

	width: 50%;

}

.dtl_inr_box2 {

	float: right;

	width: 22%;

	background: #f3f9fe;

	text-align: center;

}

.dtl_inr_box2 .form-control {

	display: inline-block;

	margin-top: 3px;

	vertical-align: middle;

}

.bottonAction {

	margin-top: 20px;

}

.bottonAction p {

	width: 33.333333%;

	float: left;

}

.dtl_color a {

	width: 28px;

	height: 28px;

	border: #f8f8f8 solid 3px;

	display: inline-block;

	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.6);

	border-radius: 20px;

	margin: 0 3px 0 0;

}

.dtl_color a.act {

	border: #fff solid 3px;

	box-shadow: 0 0 3px 3px rgba(255, 26, 0, 1);

}

.dtl_seller {

	float: right;

	width: 20%;

}

.dtl_left {

	width: 73%;

	float: left;

	margin: 25px 0 0 0;

}

.dtl_right {

	width: 25%;

	float: right;

	margin: 25px 0 0 0;

	border: #ddd solid 1px;

	border-width: 1px 0 0 1px;

	padding: 15px 0 0 1.5%;

}

.ds_thm {

	border-radius: 100%;

	overflow: hidden;

	width: 100px;

	height: 100px;

	box-shadow: 0 4px 5px 1px rgba(0, 72, 99, 0.1);

	border: 1px solid #eee;

}

.ds_thm img {

	width: 100%;

	height: auto;

	display: block;

}

.myulx li {

	margin: 10px 5px 0;

	padding-bottom: 5px;

	overflow: hidden;

}

.myulx {

	padding: 0;

	padding-left: 30px;

}

.myulx li img {

	display: block;

}

ul.p_discrip {

	margin: 25px 0 0 15px;

}

ul.p_discrip li {

	color: #777;

	list-style: none;

	background: url(../images/right_icon.jpg) left 5px no-repeat;

	padding-left: 20px;

	margin-left: 0;

}



@media only screen and (max-width: 1279px) {

	.pDetailCon .dtl_contents {

		width: 47%;

		float: right;

	}

}



@media only screen and (max-width: 1151px) {

	.pDetailCon .dtl_contents {

		width: 45%;

		float: right;

	}

	.dtl_inr_box2 {

		padding: 12px 10px;

	}

}



@media only screen and (max-width: 991px) {

	.dtl_images {

		display: none;

	}

	.pDetailCon .dtl_contents {

		width: 100%;

		margin-top: 30px;

	}

}



@media only screen and (max-width: 599px) {

	blue .dtl_inr_box1 {

		float: left;

		width: 100%;

	}

	.dtl_inr_box2 {

		width: 100%;

		margin-top: 10px;

	}

	.bottonAction {

		text-align: center;

	}

	.bottonAction p {

		width: 100%;

		float: none;

	}

}

/*product detail end*/



/*cms area*/

.middleBox {

	padding: 50px 50px 60px 50px;

	min-height: 300px;

	background: #fff;

}

.cms_area {

	background: #fff;

	border-radius: 0;

}

.cms_area2 {

	padding: 0 !important;

}



.cms_area h3 {

	font:

		700 20px/28px "Inter",

		sans-serif;

	margin-bottom: 15px;

}

.cms_area ul,

.cms_area ol {

	font:

		400 18px/26px "Inter",

		sans-serif;

	margin: 20px 0 30px 0px;

}



.serviceConInside h3 a {

	font-weight: 600;

	font-size: 18px;

	color: #45ad00;

}

.serviceConInside p {

	padding: 0 10%;

}



.formInside {

	background: #f2f2f2;

	padding: 40px;

	border-radius: 30px;

	margin-top: 40px;

}

.form-check-inline .form-check-input {

	margin-top: 2px;

	margin-right: 10px;

}

.rcCon {

	margin-top: 26px;

	margin-bottom: 15px;

	padding: 12px 15px;

}

/*cms area ends*/



/*cart*/



.mylsttb {

	padding: 25px;

	border-bottom: 1px solid #ddd;

}

.thm_cont {

	width: 90px;

	height: 90px;

	text-align: center;

	border: 1px solid #ddd;

	overflow: hidden;

	background: #fff;

	display: block;

}

.thm_cont img {

	display: block;

	margin: auto;

	width: 100%;

	height: auto;

}

.thm_cont_s {

	width: 72px;

	height: 72px;

	text-align: center;

	border: 1px solid #ddd;

	overflow: hidden;

}

.cod_input {

	width: 70%;

}

.cont_4 strong {

	display: none;

}

.cont_4 b {

	color: #303c3c;

}

.cont_4 .sec1 {

	width: 10%;

	float: left;

	text-align: left;

}

.cont_4 .sec2 {

	width: 60%;

	float: left;

	text-align: left;

}

.cont_4 .sec3 {

	width: 15%;

	float: left;

	text-align: center;

}

.cont_4 .sec4 {

	width: 15%;

	float: left;

	text-align: center;

}

.cart_text {

	text-align: right;

	padding: 15px 10px 0 0;

}

.cart_btns b {

	margin-left: 3px;

}

.ship_type {

	float: left;

	margin: 20px 0 0 0;

}

.inv_box2 {

	min-height: 190px;

}

.cart-right b {

	color: #303c3c;

}

.cart-right p {

	margin-bottom: 5px;

}

/*cart ends*/



/*payment*/

.selectPayment {

	display: flex;

	flex-wrap: nowrap;

}

.selectPayment .cols {

	width: 33.333333%;

}

.selectPayment .cols input[type="checkbox"],

input[type="radio"] {

	line-height: normal;

	display: inline-block;

	margin-top: 4px;

}

.selectPayment input[type="radio"] {

	margin-top: 3px;

}

/*payment end*/



/*invoice*/



.invoice .invoiceBox {

	text-align: left !important;

	background: #fff url(../images/invoiceBg.png) no-repeat center center;

	background-size: contain;

}

.invoice {

	background: #fff;

	border-radius: 30px;

	padding: 50px 40px;

}

.thanksBox h1 {

	font-family: "Inter", sans-serif;

	color: #f12f2f;

}

.bg-success {

	background: rgba(0, 172, 180, 0.1);

	border: 1px dashed #00acb4;

}

/*invoice end*/



/*my account*/

.myAccount {

	margin-bottom: 70px;

}

.myAccount .sectionOne {

	background: #fff;

	padding: 30px;

	border-radius: 30px;

}

.myAccount .sectionOne .left {

	float: left;

	width: 60%;

}

.myAccount .sectionOne .right {

	float: right;

	text-align: right;

}

.myAccount .sectionOne .wallet {

	display: block;

	color: #777;

	text-decoration: none;

	text-align: left;

	position: relative;

	padding-left: 60px;

	line-height: 20px;

	float: left;

	margin-top: 10px;

	margin-right: 30px;

}

.myAccount .sectionOne .wallet strong {

	color: #181618;

	display: block;

	font-size: 24px;

}

.myAccount .sectionOne .wallet:before {

	background: url(../images/wallet.svg) no-repeat;

	width: 48px;

	height: 38px;

	content: "";

	position: absolute;

	left: 0;

}

.wallet2 {

	display: block;

	color: #777;

	text-decoration: none;

	text-align: center;

	line-height: 30px;

	margin-top: 50px;

}

.wallet2 strong {

	color: #181618;

	display: block;

	font-size: 40px;

}

.myAccount .sectionOne .user {

	margin-top: 7px;

}

.myAccount .sectionOne .user strong {

	display: block;

	line-height: 20px;

}

.my_acount_nav {

	background: #fff;

	border-radius: 30px;

	padding: 30px;

	margin-top: 30px;

}

.my_acount_nav a {

	line-height: 18px;

	padding: 15px 15px;

	border-radius: 16px;

	display: block;

	background: #fff;

	text-decoration: none;

	text-transform: capitalize;

	font-weight: 600;

	font-size: 16px;

	color: #181618;

	margin: 7px 0;

	border: 2px solid #ebf3f9;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

}

.my_acount_nav a:hover,

.my_acount_nav a.active {

	background: #ff3c3c;

	border: 2px solid #ff3c3c;

	color: #fff;

}

.acc_box {

	padding: 30px;

	background: #fff;

	margin: 30px 0 0 0;

	border-radius: 30px;

	min-height: 420px;

}

.acc_box_inner {

	border: 2px solid #ebf3f9;

	padding: 30px;

	margin: 15px 0;

	border-radius: 30px;

}

.cont_4_oh {

}

.cont_4_oh strong {

	display: none;

	font-weight: normal;

}

.cont_4_oh .sec1 {

	width: 10%;

	float: left;

	text-align: left;

}

.cont_4_oh .sec2 {

	width: 45%;

	float: left;

	text-align: left;

}

.cont_4_oh .sec3 {

	width: 35%;

	float: left;

	text-align: center;

}

.cont_4_oh .sec4 {

	width: 10%;

	float: left;

	text-align: center;

}

.cont_4_address_new {

}

.cont_4_address_new strong {

	display: none;

	font-weight: normal;

}

.cont_4_address_new .sec1 {

	width: 10%;

	float: left;

	text-align: left;

}

.cont_4_address_new .sec2 {

	width: 75%;

	float: left;

	text-align: left;

}

.cont_4_address_new .sec3 {

	width: 15%;

	float: left;

	text-align: center;

}

/*my account*/



/*pagging*/

.paging_container {

	padding: 8px 10px;

	border-radius: 3px;

	text-align: center;

}

.paging_container_x {

	background: none;

}

.paging_container .one {

	float: left;

}

.paging_container .two {

	float: none;

	margin: 2px 0 0 0;

}

.paging a,

.paging a:visited {

	display: inline-block;

	padding: 8px 16px;

	text-align: center;

	font:

		400 14px/16px "Inter",

		sans-serif;

	background: #fff;

	margin: 0px 2px;

	color: #181618;

	border-radius: 5px;

	border: 1px solid #deeaf3;

	text-decoration: none;

}

.paging a:hover,

.paging a.act {

	color: #fff;

	background: #f4a944;

	font-weight: 600;

	border: 1px solid #f4a944;

}

.paging .sort_by {

	float: right;

	margin: 0 0 0 5px;

}

/*pagging*/



/*testimonoial*/



.t_container {

	background: #deeaf3;

	padding: 90px 0;

}

.t_container .tsInner {

	padding: 0 5%;

	margin-top: 50px;

}

.t_container .left {

	float: right;

	width: 38%;

}

.t_container .right {

	float: left;

	width: 62%;

	padding-right: 14%;

	margin-top: 65px;

}

.t_container .right p {

	font-size: 18px;

	line-height: 30px;

	margin: 20px 0 0 0;

}

.t_container .tsInner .card .ratings i {

	font-size: 22px;

	margin-right: 5px;

}

.t_container .tsInner .card .clientName {

	position: relative;

	margin-top: 40px;

	padding-left: 80px;

}

.t_container .tsInner .card .clientName h4 {

	font-size: 20px;

	font-weight: 700;

	line-height: 34px;

}

.t_container .tsInner .card .clientName h4 small {

	display: block;

}

.t_container .tsInner .card .clientName:before {

	background: url(../images/tsQuote.svg) no-repeat left center;

	width: 60px;

	height: 45px;

	position: absolute;

	left: 0;

	top: 8px;

	content: "";

}

.t_container .tsInner .owl-prev,

.t_container .tsInner .owl-next {

	position: static;

	transform: translate(0);

	opacity: 1;

	height: 50px;

	width: 50px;

	background: rgba(0, 0, 0, 1);

	padding: 11px;

	display: inline-block;

	margin-left: 15px;

}

.t_container .tsInner .owl-nav {

	float: right;

	margin-top: -50px;

}

.t_containerInside {

	background: none;

	padding: 0;

}

.t_containerInside .tsInner {

	padding: 0;

	margin: 0;

}

.t_containerInside .right {

	margin: 0;

	padding: 0;

	float: none;

	width: 100%;

}

.t_containerInside .card {

	padding: 40px;

	border-radius: 30px;

	border: 1px solid #deeaf3;

	margin-bottom: 30px;

}

.t_containerInside .tsInner .card .clientName {

	margin-top: 20px;

}

.t_containerInside .tsInner .card:hover {

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.1);

}

/*testimonoial*/



/*faq*/



.faq-content {

	padding: 30px 30px 15px 30px;

	margin: 0;

}

.faq-content .card {

	min-height: auto;

	padding: 0;

	border-radius: 5px;

}

.faq-content .card:hover {

	transform: translate(0);

}

.faq-content .card > .card-header {

	background-color: #fff;

	border-color: none !important;

	border: none !important;

	-webkit-box-shadow: 0 !important;

	box-shadow: 0 !important;

}

.faq-content .more-less {

	float: right;

	margin-top: 2px;

	color: #ccc;

	font-size: 20px;

}

.faq-content .card {

	border-color: #ddd;

	border: 1px solid #ddd;

	border-radius: 10px;

	margin-bottom: 10px;

	text-decoration: none;

}

.faq-content .card-body {

	padding: 20px 20px 20px 20px !important;

	border: none !important;

}

.faq-content .card-header {

	border-bottom: 1px solid transparent;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;

}

a.card-link {

	text-decoration: none;

	display: block;

	background: #f2f2f2;

	font-size: 16px;

	line-height: 24px;

	padding: 20px;

	color: #000;

	font-weight: 600;

}

a.card-link i {

	font-size: 14px;

}

.faq-content .card:hover {

	border-bottom: 1px solid #dbd6d2;

}

.faq-content .card-body ul {

	margin-top: 20px;

	margin-left: 30px;

}



@media screen and (max-width: 767px) {

	.faq-content {

		padding: 20px;

	}

	a.card-link {

		font-size: 16px;

		line-height: 20px;

		padding: 13px 15px 15px 15px;

	}

	.faq-content .card-body ul {

		margin-left: 30px;

	}

}



/* faq end */



/*comman responsive*/



.qtyMobile {

	display: none;

}



@media only screen and (max-width: 767px) {

	.sopping_con {

		padding: 15px 0;

	}

	.S_hide,

	.mylsttb .sec1 {

		display: none;

	}

	.cont_4 .sec2 {

		width: 80%;

	}

	.cont_4 .sec4 {

		display: none;

	}

	.cont_4 .sec3 {

		float: right;

	}

	.selectPayment {

		display: initial;

	}

	.selectPayment .cols {

		width: 100%;

	}

	.qtyMobile {

		display: inline-block;

	}

	.mylsttb {

		padding: 10px 0;

	}

	.cont_4_oh .sec1 {

		display: none;

	}

	.cont_4_address_new .sec1 {

		display: none;

	}

	.p25 {

		padding: 15px;

	}

	.cont_4_address_new .sec2 {

		width: 100%;

	}

	.thm_cont {

		margin-bottom: 35px;

	}

}



@media only screen and (max-width: 599px) {

	.sopping_con {

		padding: 15px 0;

	}

	.S_hide,

	.mylsttb .sec1 {

		display: none;

	}

	.cont_4 .sec2 {

		width: 100%;

	}

	.cont_4 .sec4 {

		display: none;

	}

	.cont_4 .sec3 {

		float: left;

		margin-top: 20px;

	}

}

.checkInline {

	margin-right: 15px;

	display: block;

	margin-top: 10px;

}

.checkInline input[type="checkbox"] {

	margin-top: 4px !important;

}

.checkInline label {

	margin-left: 3px;

}

.voucherPupBox {

	padding: 50px 30px;

	color: #fff;

	text-align: center;

}

.voucherPupBox h1,

.voucherPupBox h4,

.voucherPupBox p {

	color: #fff;

}

.voucherPupBox h1 {

	font-size: 66px;

	line-height: 76px;

}

.voucherPupBox h4 {

	font-size: 22px;

	line-height: 32px;

}

.voucherPupBox p {

	font-size: 18px;

}

.voucherPupBox .form {

	padding: 0 15%;

}

/*banner inside*/



/*contact us*/



.contactBox .flexCon {

	display: flex;

	flex-wrap: nowrap;

	justify-content: center;

	margin-top: 50px;

}

.contactBox .flexCon .col {

	width: 33.333333%;

	text-align: center;

	padding: 0 30px;

	border-right: 1px solid #ddd;

}

.contactBox .flexCon .col:nth-child(3) {

	border: 0;

}

.contactBox .flexCon .col p {

	font-size: 16px;

}

.contactBox .flexCon .col p strong {

	font-weight: 800;

	color: #000;

	display: block;

	font-size: 18px;

	margin-bottom: 0px;

}

.contactBox .flexCon .col img {

	margin-bottom: 15px;

}



.contactBox .flexCon .col p a {

	text-decoration: underline;

}

.contactBox .flexCon .col p a:hover {

	text-decoration: none;

}



.contactBox h3 {

	display: block;

	font-size: 28px;

	line-height: 36px;

	font-weight: 500;

	color: #000;

	margin-top: 20px;

}



.contactBox h3 strong {

	font-weight: 700;

}



.contactBox .descript {

	padding: 0 12%;

	margin-top: 20px;

}



.rowForm {

	margin-right: -5px;

	margin-left: -5px;

}

.rowForm .col-md-4,

.rowForm .col-md-8 {

	padding-left: 5px;

	padding-right: 5px;

}

.contactBox .form {

	margin-top: 40px;

}

.gmap {

	overflow: hidden;

	background: #deeaf3;

	border: 1px solid #deeaf3;

	height: 450px;

}

/*contact us*/



/*tour details*/

.tourDetails {

	margin-bottom: 70px;

}

.tourDetails .sectionOne {

	background: #fff;

	border-radius: 30px;

	padding: 30px;

}

.tourDetails .sectionOne .left {

	float: left;

}

.tourDetails .sectionOne .right {

	float: right;

	text-align: right;

}

.tourDetails h2 {

	font-size: 28px;

	line-height: 38px;

	font-weight: 800;

}

.tourDetails .flexBox {

	display: flex;

	align-items: center;

	margin-top: 5px;

}

.tourDetails .duration {

	background: rgba(0, 0, 0, 0.8);

	border-radius: 30px;

	padding: 4px 10px 5px;

	color: #fff;

	font-size: 14px;

	line-height: 18px;

	margin: 0;

	display: inline-block;

}

.tourDetails .price {

	font-size: 22px;

	font-weight: 600;

	color: #181618;

	margin: 10px 0 0 0;

	line-height: 24px;

}

.tourDetails .price span {

	font-weight: 400;

	color: #ff3c3c;

	text-decoration: line-through;

}

.tourDetails .price small {

	font-size: 16px;

	line-height: 16px;

	color: #181618;

	font-weight: 400;

}

.tourDetails .tags {

	margin-left: 10px;

}

.tourDetails .tags a {

	border: 1px solid #deeaf3;

	border-radius: 30px;

	padding: 2px 10px;

	background: #deeaf3;

	text-decoration: none;

	margin-left: 3px;

	cursor: auto;

	display: inline-block;

	font-size: 14px;

	line-height: 18px;

}

.tourDetails .sectionOne .currentInfoTxt {

	margin: 5px 0 0 0;

	text-align: right;

}

.tourDetails .sectionOne .currentInfoTxt span {

	border-right: 1px solid #ccc;

	font-size: 14px;

	padding: 0 10px;

}

.tourDetails .sectionOne .currentInfoTxt span strong {

	color: #181618;

}

.tourDetails .sectionOne .currentInfoTxt span:nth-child(2) {

	padding-right: 0;

	border: 0;

}

.tourDetails .sectionTwo {

	background: #fff;

	border-radius: 30px;

	padding: 40px 30px;

	min-height: 400px;

	margin-top: 30px;

}

.tourDetails .sectionTwo h3 {

	font-size: 20px;

	font-weight: 600;

	text-align: center;

}

.tourDetails .sectionTwo .form {

	margin-top: 30px;

}

.tourDetails .sectionTwo .btn-default {

	font-size: 14px;

	padding: 0 20px;

	margin-top: 10px;

	height: 30px;

	line-height: 28px;

	border-color: #ddd;

}

.tourDetails .sectionTwo .form .alert {

	text-align: center;

	display: block;

	padding: 0;

	margin: 0;

}

.tourDetails .personCon {

	position: relative;

}

.tourDetails .personCon .box {

	border-radius: 30px;

	padding: 15px 30px;

	background: #deeaf3;

	text-align: left;

	margin-top: 10px;

	cursor: pointer;

	display: block;

	text-decoration: none;

	font-size: 18px;

	font-weight: 500;

}

.tourDetails .personCon .box i {

	float: right;

}

.tourDetails .personCon .box:focus,

.tourDetails .personCon .box:focus-visible {

	background: #fff;

	border: 1px solid #ddd !important;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.16);

}

.tourDetails .personCon .dropBox {

	display: none;

	background: #fff;

	border-radius: 15px;

	box-shadow: 0px 10px 40px -4px rgb(0 0 0 / 30%);

	position: absolute;

	padding: 20px;

	width: 100%;

}

.tourDetails .dropBox .adults {

	float: left;

	color: #181618;

}

.tourDetails .dropBox .pm {

	float: right;

}

.tourDetails .dropBox .pm i {

	border-radius: 100%;

	width: 28px;

	height: 28px;

	background: #fff;

	color: #181618;

	text-align: center;

	padding: 6px 3px;

	margin: 0 5px;

	cursor: pointer;

	border: 1px solid #ddd;

}

.tourDetails .dropBox .value {

	text-align: center;

	font-size: 24px;

	font-weight: 500;

	line-height: 32px;

	padding: 20px;

}

.tourDetailsInfo {

	background: none;

	margin-top: 40px;

	border-radius: 30px;

	border: 1px solid #ddd;

	padding: 30px;

}

.calendar .ui-widget.ui-widget-content {

	border: 1px solid #ddd !important;

	padding: 20px;

	border-radius: 20px;

}

.calendar .ui-datepicker {

	width: 100% !important;

}

.calendar .ui-widget-header {

	background: #fff;

	border: 0;

}

.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default,

.ui-button,

.ui-button.ui-state-disabled:hover,

.ui-button.ui-state-disabled:active {

	border: 1px solid #fff !important;

	background: #f5f5f5;

	font-weight: normal;

	color: #181618;

	border-radius: 5px !important;

}

.ui-datepicker td span,

.ui-datepicker td a {

	text-align: center !important;

}

.ui-state-highlight,

.ui-widget-content .ui-state-highlight,

.ui-widget-header .ui-state-highlight {

	background: #ebf3f9 !important;

	color: #181618 !important;

}

.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active,

a.ui-button:active,

.ui-button:active,

.ui-button.ui-state-active:hover {

	background: #fff !important;

	color: #181618 !important;

}

.ui-datepicker td span,

.ui-datepicker td a {

	padding: 10px !important;

}

.ui-state-hover,

.ui-widget-content .ui-state-hover,

.ui-widget-header .ui-state-hover,

.ui-state-focus,

.ui-widget-content .ui-state-focus,

.ui-widget-header .ui-state-focus,

.ui-button:hover,

.ui-button:focus {

	background: transparent !important;

	border: none !important;

}

.calendar .legends {

	margin-top: 20px;

}

.calendar .legends .red,

.calendar .legends .green {

	color: #181618;

	border: 1px solid #ddd;

	padding: 5px 10px 5px 25px;

	border-radius: 30px;

	font-size: 14px;

	position: relative;

	margin-right: 5px;

}

.calendar .legends .red:before {

	width: 10px;

	height: 10px;

	border-radius: 100%;

	background: #ff3c3c;

	content: "";

	position: absolute;

	left: 10px;

	top: 8px;

}

.calendar .legends .green:before {

	width: 10px;

	height: 10px;

	border-radius: 100%;

	background: #1dd561;

	content: "";

	position: absolute;

	left: 10px;

	top: 8px;

}

/*image gallery*/



.detailsGallery .thumbnailCon {

	position: relative;

	margin-top: 30px;

	margin-bottom: 30px;

}

.detailsGallery .mySlides {

	display: none;

	border-radius: 30px;

	overflow: hidden;

}

.detailsGallery .cursor {

	cursor: pointer;

}

.detailsGallery .prev,

.detailsGallery .next {

	cursor: pointer;

	position: absolute;

	top: 40%;

	user-select: none;

	-webkit-user-select: none;

}

.detailsGallery .next img,

.detailsGallery .prev img {

	width: 100%;

	height: auto;

}

.detailsGallery .next {

	right: 20px;

}

.detailsGallery .prev {

	left: 20px;

}

.detailsGallery .numbertext {

	color: #f2f2f2;

	font-size: 12px;

	padding: 8px 12px;

	position: absolute;

	top: 0;

}

.detailsGallery .caption-container {

	text-align: center;

	padding: 0;

	margin: 0;

	left: 40px;

	font-weight: 600;

	font-size: 20px;

	color: white;

	position: absolute;

	bottom: 23%;

}

.detailsGallery .rows:after {

	content: "";

	display: table;

	clear: both;

}

.detailsGallery .column {

	float: left;

	width: 20%;

	padding: 10px 5px;

}

.detailsGallery .column img {

	width: 100%;

	border-radius: 15px;

	overflow: hidden;

}

.detailsGallery .demo {

	opacity: 0.6;

}

.detailsGallery .active,

.detailsGallery .demo:hover {

	opacity: 1;

}

/*tour details end*/



/*checkout*/



.checkoutForm {

	background: #fff;

	border-radius: 30px;

	padding: 40px;

}

.tourDetails .tourInfo {

	margin-top: 0;

	text-align: center;

	min-height: auto;

}

.tourDetails .tourInfo .inner {

	margin-top: 20px;

}

.tourDetails .tourInfo .inner p {

	margin: 0;

}

.tourDetails .tourInfo .inner p strong {

	color: #181618;

}

.tourDetails .tourInfo h4 {

	font-weight: 600;

}

.checkBoxStyle label {

	margin-left: 0 !important;

	padding-left: 0;

}

.checkBoxStyle .checkbox input[type="checkbox"],

.checkBoxStyle .checkbox-inline input[type="checkbox"],

.checkBoxStyle .radio input[type="radio"],

.checkBoxStyle .radio-inline input[type="radio"] {

	position: static;

	margin-right: 10px;

	margin-top: 4px;

}

.otherServiceAddonList ul {

	margin-left: -10px;

	margin-right: -10px;

	padding: 0;

 }

.otherServiceAddonList ul li {

	width: 50%;

	float: left;

	padding:0 10px;

	list-style: none;

}

.otherServiceAddonList .cols .box {

	background: #fff;

	padding: 15px;

	position: relative;

	border-radius: 12px;

	border: 2px solid #ddd;

}

.otherServiceAddonList label {

	margin: 0;

	display: block;

	position: relative;

}

.otherServiceAddonList label .selectStyleCheckBox {

	display: none;

}

.otherServiceAddonList label .selectStyleCheckBox:checked + .box {

	-webkit-transform: scale(0.95);

	transform: scale(0.95);

	border: 2px solid #009cde;

	-webkit-box-shadow: 0 5px 20px -10px #009cde;

	box-shadow: 0 5px 20px -10px #009cde;

}

.otherServiceAddonList .cols .box {

	text-align: center;

}

.otherServiceAddonList .cols .box h5 {

	font-weight: 500;

	font-size: 16px;

}

.otherServiceAddonList .cols .box img {

	width: 140px;

}



.otherServiceAddonList ul li:nth-child(1) .cols .box img{width: 92px;}

.cardDetails{padding:30px; border:1px solid #ddd; border-radius: 16px; background: #f7f7f7; margin-top: 30px; display: none;}

.cardDetails.on{display: block;}

.cardDetails h4{font-weight: 700;

    color: #000;

    text-transform: uppercase;

    border-bottom: 1px solid #ddd;

    padding-bottom: 5px;

    margin-bottom: 20px; text-align: center;}

	.cardDetails  label{margin-bottom: 5px;}

  

/*checkout*/