/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');



html,

body {

	width: 100%;

	height: 100%;

	font:

		400 18px/26px "Titillium Web", sans-serif;

	color: #666;

}

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: #333333;

	margin: 0;

	padding: 0;

}

.text-reverse {

	color: #fff;

}

h1 {

	font:

		700 4rem/4.5rem "Titillium Web", sans-serif;

	display: block;

}

h2 {

	font:

		700 2.3rem/2.7rem "Titillium Web", sans-serif;

	display: block;

}

h3,

.h3 {

	font:

		700 1.8rem/2rem "Titillium Web", sans-serif;

	display: block;

}

h4 {

	font:

		600 1.3rem/1.6rem "Titillium Web", sans-serif;

	display: block;

}

 



.btn-link {

	color:#D0C5F0;

	font-size: 18px;

	text-decoration: none;

	padding: 0; font-weight: 500;

	text-transform: uppercase;

	font-family: "Titillium Web", sans-serif;

}



.btn-link i{font-size: 25px; vertical-align: middle; margin-left: 5px; text-decoration: none;}



.btn-link:hover,

.btn-link:focus {

	text-decoration: none;

	color: #D0C5F0;

}





.btn-link:hover i{margin-left: 10px;}







a {

	text-decoration: none;

	color: #00A3E0;

}

.noEff,

.noEff:hover,

.noEff:focus {

	text-decoration: none;

}

a:hover,

a:focus {

	color: #333333;

	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: 80px;

	padding-right: 80px;

}





@media (max-width: 1366px) {



.container-fluid {

	padding-left: 15px;

	padding-right: 15px;

}	

}







@media (max-width: 991px) {

	.comman-title{

		     

        line-height: 34px;

        font-size: 24px;

    }

	h4 {

    font: 600 16px / 24px "Titillium Web", sans-serif;

    

}

}





/*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;

}



.pb30{padding-bottom: 30px;}



.plr{padding-left: 20px; padding-right: 20px;}





.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: 60px;

	font:

		700 18px/58px "Titillium Web", sans-serif;

	border-radius: 30px;

	padding: 0 50px;

	outline: none !important;

	text-transform: uppercase;



}

.btn2 {

	height: 42px;

	font:

		700 17px/40px "Titillium Web", sans-serif;

	border-radius: 30px;

	padding: 0 40px;

	outline: none !important;

	text-transform: uppercase;

}



.btn-primary {

	color: #fff !important;

	background: #D0C5F0 !important;

	border: 3px solid #fff !important;

	box-shadow: 0px 10px 5px -2px rgba(0, 0, 0, 0.10) !important;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active {

	background: #C5BAE8 !important;

	border: 3px solid #fff !important;

	box-shadow: 0px 10px 5px -2px rgba(0, 0, 0, 0.15) !important;

}



.btn-info {

	color: #333 !important;

	background: #93FFE8 !important;

	border: 3px solid #fff !important;

	box-shadow: 0px 10px 5px -2px rgba(0, 0, 0, 0.10) !important;

}

.btn-info:hover,

.btn-info:focus,

.btn-info:active {

	background: #81EFD7 !important;

	border: 3px solid #fff !important;

	box-shadow: 0px 10px 5px -2px rgba(0, 0, 0, 0.15) !important;

}







.commanTitle {

	font-size: 40px;

	line-height: 44px;

	font-weight: 400;

	position: relative;

	color: #333333;

}

.commanTitle strong {

	display: block;

	font-weight: 800;

	margin-top: 15px;

}

.commanTitle span {

	font-size: 24px;

	font-weight: 400;

	display: inline-block;

}



.commanTitle span::after {

	content: "";

	width: 100%;

	height: 2px;

	position: static;

	background: #224095;

	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: 0;

	border-bottom: 1px solid #666;

	color: #333333;

	border-radius: 0;

	padding: 15px 0;

	height: 72px;

	font-weight: 500;

	background: none;

	font-size: 18px;

	-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;

	

}

.form-control:focus, .form-control:hover,

.form-control:focus-visible {

	background: none;

	border-bottom: 2px solid #81EFD7 !important;

	box-shadow: none;



}

.form-group {

	margin-bottom: 20px;

}



label {

	margin-left: 3px;

	margin-bottom: 5px;

	font-weight: 600;

	color: #666;

	font-size: 16px;

}

/*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: 20px 0;

}



header .navbar .navbar-nav {

	margin: 0; margin-right: 45px;

}



header .navbar .navbar-collapse {

	flex-grow: 0;

}



header .navbar .navbar-nav li {

	padding: 0;

	margin: 0;

	position: relative !important;

}

header .navbar .navbar-nav li a {

	font-size: 18px;

	color: #333333;

	margin: 0 20px;

	font-weight: 600;

	height: 40px;

	line-height: 40px;

	text-decoration: none;

	display: block;

	position: relative;

	font-family: "Titillium Web", sans-serif;

	text-transform: uppercase;

}

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

	color: #333333;

}







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

    width: 0;

    height: 3px;

    background-color: #93FFE8;

    position: absolute;

    left: 50%;

    top: 34px;

    content: "";

    transform: translate(-50%, 0);

    transition: all linear 0.3s;

    -webkit-transition: all linear 0.3s;

    -moz-transition: all linear 0.3s;

    -ms-transition: all linear 0.3s;

}





header .navbar .navbar-nav> li.active > a:after, header .navbar .navbar-nav> li:hover > a:after {

    width: 100%;

}





header .navbar .navbar-nav li a.dropdown:before {

	content: "\e900";

	font-family: "icomoon";

	position: absolute;

	font-size: 12px;

	right: -18px;

	top: 1px;

}











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

	width: 230px;

	left: 0;

	height: auto;

	background: #333333;

	position: absolute;

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

	display: none;

	padding: 0;

	border-radius: 0;

	overflow: hidden;

	top: 40px;

}



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 #333333;

	color: #fff;

	font-size: 14px;

	padding: 0;

	line-height: 20px;

	height: auto;

	font-weight: 400;

	margin: 0;

	padding: 15px 20px;

}



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

	border: 0;

}



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

	display: none;

}

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

	color: #333333;

	background: #93FFE8;

}

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: 110px;

	height: auto;

	padding: 0;

	margin: 0;

}

header .navbar-brand .logo1 {

	/* width: 100%; */
	width: 160px;

	height: auto;

	display: block;

}

header .navbar-brand .logo2 {

	display: none;

	/* width: 100%; */
	width: 160px;

	height: auto;

}



header .searchBtn {

	color: #fff;

	font-size: 20px;

	text-decoration: none;

}



 

header .iconsNav a {

	text-align: center;

	display: none;

	color: #333333;

	font-size: 28px;

 	padding: 0 15px;

	text-decoration: none;

	 

	

}  



 

header .iconsNav .search {

	font-size: 16px;

}

 

.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: 10px 0;

}



.header_fixer .navbar .navbar-nav li a,

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

	color: #333333;

}



.header_fixer .searchBtn {

	color: #333333;

}



.header_fixer .navbar-brand {

	max-width: 60px;

}

.header_fixer .navbar-brand .logo1 {

	display: none;

}

.header_fixer .navbar-brand .logo2 {

	display: block;

}

 



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



	header .navbar .navbar-nav {

	margin: 0; margin-right: 0;

}

	header .navbar .navbar-nav li a {

		margin: 0 12px;

		font-size: 16px; 

	}





}



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

	 

	header .navbar {

		display: block;

		padding: 0 0;

	}

	header .navbar-collapse {

		display: none !important;

	}

	header .navbar-brand, .header_fixer .navbar-brand {

		margin: 8px 0 10px 15px !important;

		max-width: 60px !important;

		height: auto;

	}

	header .navbar-brand .logo1 {

		display: none;

	}

	header .navbar-brand .logo2 {

		display: block;

	}



	.header_fixer .navbar {

	padding: 0;

}



.socialLinksTop .social{display: none;}

	

	header .iconsNav a {

		display: block;

	}

	 







	header .iconsNav .search {

		font-size: 18px;

	}

	 

	 

	.header_fixer {

		position: fixed;

	}

	 

}

.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: #93FFE8;

	transition: 0.5s;

	display: none;

}

.sidenav .navbarHeader {

	background: #333333;

	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: #333;

	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: #6DD8C1;

}

.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;

	}

} 



/*slider*/

.sliderCon {

	overflow: hidden;

	 display: flex;  

	 justify-content: center;

	 background: url(../images/bg1.png) no-repeat center top;

	 max-height: 780px;

	 padding: 180px 80px 80px 80px;

	 align-items: center;

	 align-content: center;

	 background-attachment: fixed;

}



.sliderCon .cols{width: 50%;}

 





.sliderCon .cols.left h1{font-size: 34px; font-weight: 300; line-height: 48px;}
.sliderCon .cols.left h3{margin-top: 20px;
    font-weight: 600; font-size: 20px !important;
    line-height: 26px;}




.sliderCon .cols.left .btn1{margin-top: 40px;}

 .sliderCon .cols.left .btn1 .fa {margin-left: 10px;}

 

 .sliderCon .cols.right{padding-top: 60px; text-align:right;}

.sliderCon .cols.right img{width: 95%; }



 .sliderConInside{height: auto; background: url(../images/bg1.png) no-repeat center center;  padding: 140px 80px 70px 80px;}

 .sliderConInside .cols.right{width: 100%; text-align: center;}



 .sliderConInside h1{text-transform: uppercase; font-size: 48px; line-height: 60px; font-weight: 700;}





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

.sliderCon {

	 

	 padding: 180px 30px 80px 30px;

	 

}

 }





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

.sliderCon {

	 

	 padding: 100px 30px 40px 30px;

	 

}

 }





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

 .sliderCon .cols.left h1 br{

display: none;

 }



 .sliderCon .cols.left h1 {

    font-size: 30px;

    font-weight: 300;

    line-height: 40px;

}

 }

 



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

.sliderCon {

	 

	 padding: 80px 30px 40px 30px;

	 

}



.sliderCon .cols {

    width: 60%;

}

.sliderCon .cols.right{padding-top: 20px; width: 40%;}



    .sliderCon .cols.left h1 {

        font-size: 24px;

        font-weight: 300;

        line-height: 34px;

    }



	.sliderCon .cols.left .btn1{margin-top: 20px;}





  }



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

.sliderCon{flex-wrap: wrap; text-align: center;  padding: 120px 20px 40px 20px;}

	.sliderCon .cols {

    width: 100%;

}



.sliderCon .cols.right{text-align: center; width: 100%; padding-top: 0;}

 .sliderConInside h1{text-transform: uppercase; font-size: 36px; line-height: 44px; font-weight: 700;}









}







/*slider*/

 























/* famousTrips */

.famousTrips {

	background: #fff;

}

.famousTrips .card {

	border: 1px solid #eee;

}

.famousTrips .card figcaption p {

	margin-top: 10px;

}



/* famousTrips end*/



/*enquiry form*/



.formCon {

	padding: 80px 0 80px 0; background: #f5f5f5;

} 



.formCon h2{font-size: 36px;}



.formCon2 {

	padding: 70px 0 80px 0;

	background: #f5f5f5;

} 

.formCon .form {

	margin-top: 50px;

}





.formCon .contactInfo{ margin-top: 60px; }

.formCon .right{padding-left: 40px;}

.formCon .contactInfo p{font-size: 20px; line-height: 28px; margin-top: 20px;}

.formCon .contactInfo p strong{font-weight: 600; color: #333333;}

.formCon .contactInfo p a{color: #666;}

.formCon .contactInfo .btn-link{margin-top: 25px; display: inline-block;}



.mapCon{height: 400px; overflow: hidden; }



.mapCon .grayScale{  -webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	 -ms-filter: grayscale(100%);

	  -o-filter: grayscale(100%);

		 filter: grayscale(100%);}





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

.formCon {

    padding: 50px 0;

     

}

}



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

   .formCon h2 {

        line-height: 34px;

        font-size: 24px; text-align: center;

    }



	.formCon .form {

    margin-top: 10px;

}



.formCon .right{padding: 0 15px; text-align: center; margin-top: 40px;}

.formCon .contactInfo {

    margin-top: 30px;

}

	

}









/*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*/



/*section1*/

 .section1{display: table; width: 100%;}

 .section1 .cols{width: 50%; min-height: 560px;  /* padding: 120px 100px; */ padding: 80px 59px; display: table-cell;}
.section1 .cols.left{border:3px solid #C5BAE8;}
 .section1 .cols.right{background: #93FFE8;}

  .section1 .cols.right p{color: #333; margin: 0;}



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



.section1 .cols {

    width: 50%;

    min-height: auto;

    padding: 80px 60px;

    display: table-cell;

}
  
  .section1 .cols.left{background-size: contain !important;}
  
  

}



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

	.section1 .cols {

    width: 50%;

    min-height: auto;

    padding: 60px 30px;

    

}

}







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

	

	.section1{display: flex; width: 100%; flex-wrap: wrap; flex-direction: column-reverse; align-items: center;}

	

	.section1 .cols {

    width: 100%;

    min-height: auto;

    padding: 50px 20px; text-align: center;

    

}



.section1 .cols.left{min-height: 400px;}





}



@media screen and (max-width:479px) {
  
.section1 .cols.left{min-height: 250px;}

  
}



  

/*section1 ends*/







/*section2*/

 .section2{ background: url(../images/bg2.png) no-repeat center center; background-size: cover; min-height:400px; padding: 80px;

	background-attachment: fixed;

}

 .section2 h4{margin-top: 15px;}



.section2 .flexBox{ display: flex;

justify-content: center; align-items: center;}



 .section2 .flexBox .cols{width: 50%;} 



.section2 .flexBox .cols.left{text-align: right; margin-top: 50px;}

.section2 .flexBox .cols.left ul{list-style: none;}

.section2 .flexBox .cols.left ul li{font-size: 20px; line-height: 32px; padding-right: 50px; position: relative; margin: 10px 0; color: #333;}

.section2 .flexBox .cols.left ul li img{position: absolute; right: 0; width: 30px; top: 3px;} 

.section2 .flexBox .cols.right{padding: 0 120px;}

.section2 .flexBox .cols.right img{width: 220px; margin-top: 50px; user-drag: none;

	-webkit-user-drag: none;

	-moz-user-select: none;}







.section2Inside{padding: 70px 0;}

.section2 .flexBox2{ display: flex;

justify-content: center; align-items: center; margin-left: -30px; margin-right: -30px;}



.section2 .flexBox3 {flex-direction: row-reverse;}





 .section2 .flexBox2 .cols{width: 50%; padding: 30px;} 

.section2 .flexBox2 .cols img{width: 100%;  }



.section2 .flexBox2 .cols p{font-size: 24px; line-height: 38px;}





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

		.section2{padding: 80px 15px;}

	}



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

		.section2 .flexBox .cols.left ul li {

    font-size: 18px;

    line-height: 28px;

     

     

}

	}





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

.section2{padding: 40px 15px;}

.section2 .flexBox .cols.left ul{padding-left: 0;}

.section2 .flexBox .cols.left{width: 65%; padding:0 40px 0 0; margin-top: 30px;}

.section2 .flexBox .cols.right { width: 35%;

    padding: 0 0; text-align: center;

}



		}





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

			.section2 .flexBox{flex-wrap: wrap;}

			.section2 .flexBox .cols{width: 100% !important;}

			    .section2 .flexBox .cols.left {padding: 0; text-align: left;}

				    .section2 .flexBox .cols.left ul li {

        font-size: 16px;

        line-height: 20px; border: 1px solid #ddd; padding: 10px 50px 10px 10px;

    }



	.section2 .flexBox .cols.left ul li img {

    position: absolute;

    right: 10px;

    width: 30px;

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

}



.section2 .flexBox2{flex-wrap: wrap;}

.section2 .flexBox2 .cols{width: 100%; padding: 15px;} 





		}

		





	

/*section2 ends*/





/*section3*/

 .section3{ background:#D0C5F0 url(../images/bg3.jpg) no-repeat center center; background-size: cover; min-height:400px; padding: 180px 80px;

display: flex; background-attachment: fixed;

justify-content: center; align-items: center;



}

 

 

 .section3 .cols{width: 50%;} 



.section3 .cols.left h2{color: #fff; text-transform: uppercase;  line-height: 60px; font-size: 48px;} 







.section3 .cols.right{text-align: right;}

.section3 .cols.right img{  user-drag: none; width: 400px;

	-webkit-user-drag: none;

	-moz-user-select: none;}







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

		 .section3{padding:100px 15px;}

	}



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

.section3 .cols.left h2{line-height: 46px; font-size:36px;} 





	}





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

    .section3 .cols.left h2 {

        

        line-height: 34px;

        font-size: 24px;

    }



	.section3 .cols.right img{width: 90%;}

	.section3{padding:60px 15px; min-height: auto;}



		}

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

.section3 .cols{width: 100%;}

.section3{flex-wrap: wrap; text-align:center;}

.section3 .cols.left h2{padding: 0 15%;}

.section3 .cols.left h2 br{display: none;}

.section3 .cols.right {

    text-align: center;

}



.section3 .cols.right img{width:60%; margin-top: 30px;}

}









/*section3 ends*/







/*section4*/

 .section4{ background:#fff url(../images/bg4.png) no-repeat center center; background-size: cover; min-height:400px; padding: 80px 0 0 0;

background-attachment: fixed;}



 .section4 .padding{padding: 0 80px;}

 .section4 .padding p{padding: 0 13%; margin-top: 20px;}





.section4 .inner{display: table; margin-top: 80px; width: 100%;}

 .section4 .inner .cols{width: 50%; min-height: 560px;  padding: 160px 30px; display: table-cell; text-align: center;}

.section4 .inner .cols{width: 50%;} 

.section4 .inner .cols.right{text-align: center;}

.section4 .inner .cols.right img{  user-drag: none; width: 200px;

	-webkit-user-drag: none;

	-moz-user-select: none;}



.section4 .inner .cols.mob{display: none;}





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

 .section4 .padding{padding: 0 20px;}

 .section4 .padding p{padding: 0; margin-top: 20px;}



}







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

		 .section4 .inner .cols{min-height: auto;  padding: 60px 30px;}

	 

	}





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

		.section4 .inner .cols.right img{width: 60%;}

		 .section4{min-height:auto; padding: 50px 0 0 0;}

		 	.section4 .inner{margin-top: 50px;}

	 

	}



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

	.section4 .inner .cols{display: block; width: 100%;}

	.section4 .inner .cols.desk{display: none;}

	.section4 .inner .cols.mob{display: block; text-align: center;}

	.section4 .inner .cols.right{min-height: 400px;}







}

	

	 



 





/*section4 ends*/













/*section5*/

 .section5{display: table; width: 100%; text-align: center;}

 .section5 .cols{width: 50%; min-height: 560px;  padding: 120px 30px; display: table-cell;}

 .section5 .cols.right{background: #93FFE8;} 



 .section5  .cols.right img{  user-drag: none; width: 400px;

	-webkit-user-drag: none;

	-moz-user-select: none;}





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

	.section5 .cols.right img{width:72%;}

}



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

	.section5 .cols.right img{width:72%;}

	.section5 .cols{min-height: auto; padding: 60px 30px;}

	

}



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

	.section5 .cols.right img{width:90%;}

	.section5 .cols.left{min-height:400px;}

.section5 .cols{width: 100%; display: block;}

}













/*section5 ends*/







/*section6*/

 .section6{ background:#fff url(../images/bg2.png) no-repeat center center; background-size:100%; min-height:auto; padding: 80px;

background-attachment: fixed; text-align: center;}

 

 .section6 p{padding: 0 12%; margin: 0;}



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

	 .section6 p{padding: 0;}

	  .section6{padding: 60px 20px;}

}



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

	  

	  .section6{padding: 40px 20px;}

}

 

/*section6 end*/





/*section7*/



.section7{ background:#D0C5F0; padding: 80px; display: flex; justify-content: center; align-items: center;}

.section7 .cols.left{width: 40%; padding-right: 60px;}

.section7 .cols.left img{width:100%;}



.section7 .cols.right{width: 60%;}

.section7 .cols.right h4{color: #fff; text-transform: uppercase; font-weight: 700; line-height: 36px;}

.section7 .cols.right h3{color: #fff; font-weight: 400; line-height: 50px; margin-top: 40px; font-size: 35px;}



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

	.section7{padding: 60px 20px;}

}





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

	 .section7 .cols.right h3 {

     

    line-height: 32px;

    margin-top: 40px;

    font-size: 24px;

}



.section7 .cols.right h4 {

     

    line-height: 26px;

    font-size: 18px;

}



.section7 .cols.left {

    width: 40%;

    padding-right: 40px;

}



}





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

	 .section7 .cols.right h3 {

     

    line-height: 26px;

    margin-top: 20px;

    font-size: 18px;

}

}



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



.section7{flex-wrap: wrap;}

.section7 .cols {

  width: 100% !important; text-align: center;

}





.section7 .cols.left {

    

    padding-right: 0; margin-bottom: 30px;

}



.section7 .cols.left img{width: 72%;}



}







/*section7 end*/



 



/* testimonials */



.testimonialsCon {

	background: #fff;

	padding: 70px 50px 30px;

}

.testimonialsCon .ratings {

	font-size: 17px;

	line-height: 26px;

	position: absolute;

	top: 40px;

	right: 30px;

}

.testimonialsCon .ratings span {

	color: #ccc;

}



.testimonialsCon .box {

	background: #f5f5f5;

	padding: 40px;

	text-align: left;

	position: relative;

}



.testimonialsCon .box img {

	width: 36px;

	margin: 5px;

}



.testimonialsCon .box figure {

	font-size: 24px;

	color: #333;

	font-weight: 800;

	line-height: 30px;

	margin-bottom: 10px;

	text-align: left;

	  font-weight: 700;

}

.testimonialsCon .box figure small {

	display: block !important;

	font-size: 16px;

	color: #999;

	font-weight: 400;

	text-transform: uppercase;

}



 

 



.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;

	color: #D0C5F0;

}

.testimonialsCon .owl-next {

	right: -30px;

	color: #D0C5F0;

	font-size: 30px;

}

.testimonialsCon .owl-carousel .item {

	padding: 15px;

}



.testimonialsConInside {

	background: none;

	padding: 0;

	margin-top: -20px;

}







.testimonialsConInside .box {

	margin: 20px 0;

	padding: 40px; 

	border: 1px solid transparent;

}







.testimonialsConInside .box:hover {

	border: 1px solid #D0C5F0;

	 



}





 



.testimonialsConInside .box img{width: 24px;}

 



.testimonialsConInside .box figure{font-size: 20px; line-height: 24px;}

.testimonialsConInside .box figure small{font-size: 14px;}







.testimonialsConInside .box figcaption {

	margin-top: 0;

}

.modal-content {

	border-radius: 0;

	border: 0;

}

.modal-content .modal-content {

	border: 0;

}

.modal-content .modal-header {

	text-align: center;

	display: block;

	padding: 15px;

}

.modal-content .modal-title {

	color: #224095;

	font-size: 20px;

	font-weight: 700;

}

.modal-content .modal-title2 {

	color: #333333;

	font-size: 20px;

}

.modal-content .modal-title2 small {

	font-size: 14px;

	color: #777;

}

.modal-content .modal-body {

	padding: 30px;

	background: #fff;

}

.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;

}



.red {

	color: #f00;

}





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

.testimonialsCon{padding: 70px 5px 30px;}

.testimonialsCon .owl-prev {

	left: 0;

	 

}

.testimonialsCon .owl-next {

	right: 0;

	 

}

}





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

.testimonialsCon{padding: 40px 5px 30px;} 

}



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

	.modal-dialog {

		margin: 1rem;

	}

}

/* testimonials end*/



/*footer*/

.footer {

	background: #f5f5f5;

	padding:40px 0;

	margin-top: 0;

	position: relative; 

	font-family: "Titillium Web", sans-serif;

	border-top: 1px solid #ddd;

}

.footer .row1 {

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: space-between; 

}





.footer a {text-decoration: none;}



.footer .row1 .cols {

	width: 50%;

} 



 

.footer .row1 .cols{color: #666; text-transform: uppercase; font-size: 14px;}

.footer .row1 .cols p{margin: 0;}

.footer .row1 .cols a{color: #666;}

.footer .row1 .cols:nth-child(2){text-align: right;}





.social a {

	display: inline-block;



	height: 18px;

	padding: 0;

	text-align: center;

	color: #333;

	font-size: 18px;

	padding: 0 8px;

	 

}



.social a:nth-child(4) {

	border-right: 0;

	padding-right: 0;  

}



.social a img {

	height: 100%;

}

 

.copyrightText p {

	text-align: left;

	color: #666;

	font-size: 14px;

	font-weight: 400;

	line-height: 24px;

	text-transform: uppercase; margin: 0;

}

 

.copyrightText p a{color: #666;}

.copyrightText p strong, .copyrightText p strong a  {

	font-weight: 700;

	color: #333333;  

}



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

	.footer .row1 .cols{width: 100%; text-align: center !important;}

	 .footer .row1{flex-direction: column-reverse; flex-wrap: wrap;}

	 .copyrightText p{text-align: center; margin-top: 10px;}

	 .copyrightText{margin-top: 20px;}

}

 

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

.copyrightText p br{display: none;}

}



/* footer end */



/*inside css*/



.insideBannerBg {

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

	background-attachment: fixed;

	background-size: cover;

	padding: 280px 0 160px 0;

	height: auto;

	text-align: center;

}

.insideBannerBg .commanTitle {

	float: none;

	color: #fff;

}



.serviceTabs {

	background: #f2f2f2;

}

.serviceTabs .tabs {

	text-align: center;

	margin: 0;

}

.serviceTabs .tabs li {

	display: inline-block;

	text-align: center;

}

.serviceTabs .tabs li a {

	font-size: 15px;

	line-height: 20px;

	display: block;

	padding: 12px 30px;

	color: #666;

	text-decoration: none;

	border-bottom: 2px solid transparent;

}

.serviceTabs .tabs li.active a {

	background: #fff;

	color: #224095;

	font-weight: 600;

	border-bottom: 2px solid #224095;

}



/*breadcrum*/



.breadcrumb {

	text-align: left;

	display: block;

	width: auto;

	background: none;

	font-size: 14px;

	font-weight: 400;

	margin: 15px 0 0 0;

	padding: 0;

	color: #666;

}

.breadcrumb li {

	display: inline-block;

}

.breadcrumb li a {

	font-weight: 400;

	text-decoration: underline;

	color: #333333;

}

.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: 20px 0 0 20px;

}

.cmsArea ul li {

	font-size: 15px;

	line-height: 24px;

	list-style: disc;

	color: #666;

	position: relative;

	padding: 0 0 0 0px;

}



.cmsArea ol {

	margin: 20px 0 0 20px;

}

.cmsArea ol li {

	color: #666;

	font-size: 15px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 0;

}

.cmsImg {

	display: block;

	width: 100%;

	margin: 30px 0;

}



.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*/

 



 

 



.productCatInside{padding: 50px 0;}

.productCatInside .row .col-md-3, .productCatInside .row .col-md-12{padding: 0 15px;}

.productCatInside .card figcaption{padding: 30px 20px;}

.productCatInside .card{margin: 15px 0;}



 



/*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: 60px 0 60px 0;

	min-height: 300px;

	 

}

.cms_area {

	 

	border-radius: 0;

}

.cms_area2 {

	padding: 0 !important;

}



.cms_area h3 {

	font:

		600 24px/28px "Titillium Web", sans-serif;

	margin-bottom: 15px;

	margin-top: 30px;

	color: #333333;

}

.cms_area ul,

.cms_area ol {

	font:

		400 18px/26px "Titillium Web", sans-serif;

	margin: 30px 0 30px 0px;

}



 

.serviceConInside p {

	padding: 0 10%;

}



.formInside {

	background: #fff;



	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*/





.faqCon{padding: 30px 0 40px;}



.faq-content {

	padding: 30px 30px 15px 30px;

	margin: 0;

}

.faq-content .card {

	min-height: auto;

	padding: 0;

	border-radius: 0;

}

.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: #333;

	font-size: 20px;

}

.faq-content .card {

	border-color: #ddd;

	border: 1px solid #ddd;

	border-radius: 0;

	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: #fff;

	font-size: 18px;

	line-height: 24px;

	padding: 20px;

	color: #333333;

	font-weight: 600;

}

a.card-link i {

	font-size: 14px;

}

.faq-content .card:hover {

	border: 1px solid #D0C5F0;

}

.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: #333333;

	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: #333333;

	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;

}



/* gallery */



.galleryCon .flexBox {

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	align-content: center;

	justify-content: space-between;

}



.galleryConInside .flexBox {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	align-content: center;

	justify-content: space-between;

}



.galleryConInside .flexBox .cols {

	margin: 10px 0;

}



.galleryCon .flexBox ul li {

	list-style: none;

}



.galleryCon .flexBox .cols {

	padding: 1px;

}



.galleryCon .flexBox .owl-nav {

	display: none;

}



.galleryCon .flexBox .cols .card {

	text-align: center;

	-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;

	width: 320px;

	position: relative;

	box-shadow: none;

	border-radius: 0;

	border: 0;

}





.galleryCon .flexBox .cols .card span{

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

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

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

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

}



.galleryCon .flexBox .cols .card:hover span{transform: scale(1.5);}



.carouselTicker__item {

	list-style: none;

}



.galleryCon .flexBox .cols .card .plusBtn {

	position: absolute;

	left: 50%;

	top: 50%;

	width: 72px;

	height: 72px;

	border: 2px solid #224095;

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

	border-radius: 100%;

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

	color: #224095;

	text-decoration: none;

	font-size: 24px;

	line-height: 70px;

	z-index: 2;

	visibility: hidden;

	transition: all 0.3s ease-in-out;

}



.galleryCon .flexBox .cols .card:hover .plusBtn {

	visibility: visible;

}



.galleryCon .flexBox .cols .card figure {

	margin: 0;

	padding: 0;

	width: 100%;

}

.galleryCon .flexBox .cols .card figure img {

	width: 100%;

}



/* bottom links */

.bottomLinks{background: #93FFE8; text-align: center;}

.bottomLinks .flexBox{display: flex; flex-wrap: no-wrap; justify-content: center; align-items: center;}

.bottomLinks .flexBox .cols{width: 33.33333333%; padding:30px 15px; border-right: 1px solid #fff;}

.bottomLinks .flexBox .cols a{font-size: 18px; text-transform: uppercase; font-weight: 600; line-height: 22px; color: #333;}

.bottomLinks .flexBox .cols:last-child{border: 0;}

.bottomLinks .flexBox .cols a:hover, .bottomLinks .flexBox .cols a:active{color: #fff;}



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

.bottomLinks .container{width: 100% !important;}

}



@media (min-width: 992px) {

    .container {

        max-width: 100%;

    }

}



@media (min-width: 576px) {

    .container {

        max-width: 100%;

    }

}



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

	.bottomLinks .flexBox .cols {

    padding: 30px 10px;

}



.bottomLinks .flexBox .cols a {

    font-size: 16px;

    line-height: 20px; 

}



}





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



.bottomLinks .flexBox{flex-wrap: wrap;}



	.bottomLinks .flexBox .cols {

    padding: 30px 10px; width: 100%;

	    border-right: 0;

		border-bottom: 1px solid #fff;

}







.bottomLinks .flexBox .cols a {

    font-size: 16px;

    line-height: 20px; 

}



}









/* bottom links end*/







/* sleep count */

.sleepCount{display: flex; flex-wrap:nowrap; justify-content: space-between; margin-left: -20px; margin-right: -20px;}

.sleepCount .cols{width: 50%; padding: 20px; }



.sleepCount .cols h2{background: #333; font-size: 36px; line-height: 46px; padding: 5px 10px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600;}

.sleepCount .cols ul.imagesCon{margin: 0; padding: 0; border: 1px solid #ddd; overflow: hidden;}

.sleepCount .cols ul.imagesCon li{padding: 20px; width: 50%; float: left; text-align: center; list-style: none;}





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

.sleepCount .cols ul.imagesCon li{width: 100%;}



 .sleepCount .cols h2 {

        line-height: 34px;

        font-size: 24px;

        text-align: center;

    }



}



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

	.sleepCount{flex-wrap:wrap;}

.sleepCount .cols{width: 100%; padding: 20px; }

}









/* sleep count */