@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800&display=swap");
*, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
body {
	margin: 0;
	padding: 0;
	font: 400 13px/18px "Poppins", sans-serif;
	color: #666;
	background: #fff
}
.mt-0 {
	margin-top: 0 !important
}
.transEff {
	-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
}
.container {
	max-width: 1200px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.display-3 {
	font-size: 55px;
	line-height: 60px;
	color:#273238;
	font-weight: 100; position: relative;
}
.secondTxt {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	padding: 0 15%
}
.btn1 {
	height: 45px;
	line-height: 45px;
	border-radius: 0;
	padding: 0 50px;
	border: 0;
	font-size: 16px
}
.btn2 {
	height: 37px;
	line-height: 37px;
	border-radius: 0;
	padding: 0 30px;
	border: 0;
	font-size: 14px
}
.btn-success {
	background: #79ae47 !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: none !important
}
.btn-success:hover {
	background: #89b758 !important
}
.btn-info {
	background: #349dd7 !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: none !important
}
.btn-info:hover {
	background: #3eabdb !important
}
.btn-dark {
	background: #000 !important;
	color: #fff !important;
	border: 0;
	box-shadow: none !important
}
.btn-dark:hover {
	background: #333 !important
}
.sbtn {
	width: 50px;
	height: 50px;
	background: #fff;
	text-align: center;
	font-size: 20px;
	color: #273238;
	padding: 14px 0; 
	display: inline-block;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.07);

}
.form-control {
	height: 48px;
	box-shadow: none;
	border-radius: 0;
	font-size: 14px;
	color: #777
}
.form-control:focus {
	box-shadow: none !important;
	border-color: #273238
}
select {
	height: 40px !important
}
.form-group {
	margin-bottom: 10px
}

@media screen and (max-width: 991px) {
.display-3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 200
}
.secondTxt {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	padding: 0 5%
}
}

@media screen and (max-width: 767px) {
.display-3 {
	font-size: 24px;
	line-height: 30px
}
}
.tooltip-inner {
	line-height: 18px;
	font-size: 13px;
	padding: 10px
}
.commanBox {
	border: 1px solid #eee;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	padding: 40px;
	background: #fff;
	margin: 30px 0
}

@media screen and (max-width: 599px) {
.commanBox {
	margin: 0;
	padding: 20px
}
}
header {
	height: auto;
	position: fixed;
	z-index: 16;
	width: 100%;
	-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
}
header .navbar {
	padding: 0
}
header .navbar .navbar-collapse {
	flex-grow: 0 !important
}
header .navbar .navbar-nav {
	margin-left: 40px;
	float: right !important
}
header .navbar .navbar-nav li {
	padding: 0;
	margin: 0; position:relative;
}
header .navbar .navbar-nav li a {
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	font-weight: 400;
	height: 72px;
	line-height: 72px;
	text-decoration: none;
	display: block
}
header .navbar .navbar-nav li a:hover {
	color: rgba(255,255,255,0.8)
}




header .navbar .navbar-nav li > .sub_Links {
	width: 290px;
	left: 20px;
	z-index: 999;
	height: auto;
	background: #fff;
	position: absolute;
	box-shadow: 0 5px 25px 5px rgba(0,0,0,0.1);
	display: none;
}
 
header .navbar .navbar-nav li .sub_Links li {
	list-style: none
}

header .navbar .navbar-nav li:hover .sub_Links{display:block;}

header .navbar .navbar-nav li .sub_Links li a {
	display: block;
	border-bottom: 1px solid #eee;
	color: #273238;
	font-size: 14px;
	padding: 0 20px;
	line-height: 40px;
	height: 40px;
	font-weight: 400
}
 
header .navbar .navbar-nav li .sub_Links li a:hover {
	color: rgba(39,52,46,.8);
}





header .navbar-brand {
	max-width:240px;
	height: auto;
	padding: 0;
	margin: 10px 0 12px
}
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 {
	border-left: 1px solid rgba(255,255,255,0.5);
	height: 18px;
	padding-left: 10px
}
header .iconsNav a {
	color: #fff;
	font-size: 18px;
	margin-left: 12px;
	text-decoration: none
}
header .iconsNav .search {
	font-size: 16px
}
header .iconsNavMob {
	display: none
}
.header_fixer {
	background: #fff;
	-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;
	box-shadow: 0 5px 10px -10px rgba(0,0,0,0.6)
}
.header_fixer .navbar .navbar-nav li a {
	height: 50px;
	line-height: 50px;
	color: #273238
}
.header_fixer .navbar .navbar-nav li a:hover {
	color: rgba(39,52,86,0.8)
}
.header_fixer .navbar-brand {
	max-width: 160px;
	margin: 10px 0 10px
}
.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: #273238
}

@media screen and (max-width: 991px) {
header {
	position: fixed;
	background: rgba(255,255,255,0.99);
	box-shadow: 0 5px 10px -10px rgba(0,0,0,0.6)
}
header .navbar {
	display: block
}
header .navbar-collapse {
	display: none !important
}
header .navbar-brand {
	margin: 8px 0 10px 15px !important;
	max-width: 80px !important;
	height: auto
}
header .navbar-brand .logo1 {
	display: none
}
header .navbar-brand .logo2 {
	display: block
}
header .iconsNav {
	border-left: 0;
	height: auto;
	padding-left: 0;
	position: absolute;
	right: 15px
}
header .iconsNav a {
	color: #273238;
	font-size: 21px;
	margin-left: 13px;
	text-decoration: none
}
header .iconsNav .search {
	font-size: 18px
}
header .iconsNavMob {
	display: block
}
.header_fixer .navbar-brand {
	margin: 8px 0 10px 15px !important;
	max-width: 80px !important;
	height: auto
}
.header_fixer .iconsNav {
	border: 0 !important
}
}
.searchCon {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 17;
	background: rgba(39,50,56,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: #fff;
	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%
}
}
.menuGrid{display: none;}
.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: #273238;
	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: #273238;
	padding: 9px 0;
	border: 2px solid #fff;
	box-shadow: inset 0 5px 5px rgba(0,0,0,0.1)
}
.sidenav ul.navList {
	padding: 0
}
.sidenav ul.navList li a {
	text-decoration: none;
	color: #fff;
	line-height: 42px;
	font-size: 13px;
	font-weight: 500;
	display: block;
	padding: 0 12px 0 20px
}
.sidenav ul.navList li a i {
	font-size: 17px;
	margin-right: 5px
}
.sidenav ul.navList a:hover, .sidenav ul.navList li a.active {
	background: #349dd7;
}
.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: #273238;
	font-size: 16px
}
.sidenav .navbarFooter {
	position: absolute;
	bottom: 0;
	width: 100%
}
.sidenav .navbarFooter a {
	display: block;
	line-height: 40px;
	font-size: 13px;
	color: #fff;
	height: 40px;
	font-weight: 500;
	background: #000;
	padding: 0 12px;
	border-left: 1px solid #479845
}
.sidenav .navbarFooter a:hover {
	background: #273238;
	text-decoration: none
}
.sidenav .navbarFooter a:first-child {
	border: 0
}
.sidenav .navbarFooter a i {
	font-size: 17px;
	margin-right: 5px
}
.subLinks {
	background: #333;
	padding: 7px 0;
	display: none
}
.subLinks a {
	border: 0 !important;
	background: #333 !important;
	line-height: 25px !important;
	height: auto;
	padding: 0 0 0 45px !important;
	text-transform: inherit !important;
	font-weight: 400 !important;
	position: relative
}
.subLinks a:after {
	position: absolute;
	left: 35px;
	content: '-'
}
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
}
}
.sliderCon {
	overflow: hidden;
	height: 100%;
	height: calc(100vh)
}
.sliderCon .carousel, .sliderCon .carousel-item, .sliderCon .active {
	height: 100%
}
.sliderCon .carousel-inner {
	height: 100%
}
.sliderCon .carousel-indicators {
	right: auto;
	left: 0;
	width: auto;
	margin: 0 0 0 15px;
	bottom: 30px
}
.sliderCon .carousel-indicators li {
	background-color: #fff !important;
	height: 5px;
	width: 10px
}
.sliderCon .carousel-indicators li.active {
	background-color: #fff !important;
	width: 40px
}
.sliderCon .carousel-caption {
	padding: 0;
	z-index: 10;
	width: 50%;
	left: auto;
	right: 0;
	bottom: 0;
	text-align: left
}
.sliderCon .carousel-caption h2 {
	font-size: 55px;
	background: #349dd7;
	line-height: 65px;
	font-weight: 100;
	padding: 30px 40px;
	margin-left: 60px;
	margin-right: 90px;
	position: relative;
	z-index: 2
}
.sliderCon .carousel-caption p {
	background: #273238;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	padding: 80px 90px 60px 70px;
	left: 0;
	z-index: 1;
	margin-top: -50px
}
.sliderCon .carousel-caption .btn-success {
	margin-top: 30px;
 }
.sliderCon .carousel-caption .btn-light:hover {
	background: rgba(255,255,255,0.8) !important
}
.sliderCon .carousel .carousel-item {
	background-color: #777
}
.sliderCon .carousel .carousel-inner .bg {
	background-repeat: no-repeat;
	background-size: cover
}
.sliderCon .carousel .carousel-inner .bg1 {
	background-image: url("../images/slider/1.jpg");
	background-position: center top
}
.sliderCon .carousel .carousel-inner .bg2 {
	background-image: url("../images/slider/2.jpg");
	background-position: center top
}
.sliderCon .carousel .carousel-inner .bg3 {
	background-image: url("../images/slider/3.jpg");
	background-position: center top
}
.sliderCon .carousel .carousel-inner .bg4 {
	background-image: url("../images/slider/4.jpg");
	background-position: center top
}

@media screen and (max-width: 1279px) {
.sliderCon .carousel-caption h2 {
	font-size: 45px;
	line-height: 55px
}
}

@media screen and (max-width: 1151px) {
.sliderCon .carousel-caption h2 {
	font-size: 34px;
	font-weight: 200;
	line-height: 40px;
	padding: 30px 40px;
	margin-left: 50px;
	margin-right: 50px
}
.sliderCon .carousel-caption p {
	padding: 70px 50px 60px 50px;
	font-size: 15px;
	line-height: 24px
}
}

@media screen and (max-width: 991px) {
.sliderCon .carousel-caption {
	width: 60%
}
.sliderCon .carousel-caption h2 {
	font-size: 34px;
	line-height: 40px;
	padding: 20px 30px
}
.sliderCon .carousel-caption p {
	padding: 70px 50px 50px 50px;
	font-size: 15px;
	line-height: 24px
}
}

@media screen and (max-width: 991px) {
.sliderCon .carousel-caption {
	width: 60%
}
.sliderCon .carousel-caption h2 {
	font-size: 34px;
	line-height: 40px;
	padding: 20px 30px
}
.sliderCon .carousel-caption p {
	padding: 70px 50px 50px 50px;
	font-size: 15px;
	line-height: 24px
}
}

@media screen and (max-width: 767px) {
.sliderCon .carousel-indicators {
	bottom: 20px
}
.sliderCon .carousel-caption {
	width: 61%
}
.sliderCon .carousel-caption h2 {
	font-size: 24px;
	line-height: 32px;
	padding: 15px 20px;
	margin: 0 15px 0 0
}
.sliderCon .carousel-caption p {
	display: none
}
.sliderCon .carousel .carousel-inner .bg1, .sliderCon .carousel .carousel-inner .bg2, .sliderCon .carousel .carousel-inner .bg3, .sliderCon .carousel .carousel-inner .bg4 {
	background-position: left center
}
}

@media screen and (max-width: 599px) {
.sliderCon .carousel-indicators {
	bottom: 20px
}
.sliderCon .carousel-caption {
	width: 63%
}
.sliderCon .carousel-caption h2 {
	font-size: 20px;
	line-height: 26px;
	padding: 15px 15px;
	margin: 0 15px 0 0
}
.sliderCon .carousel-caption p {
	display: none
}
.sliderCon .carousel .carousel-inner .bg1, .sliderCon .carousel .carousel-inner .bg2, .sliderCon .carousel .carousel-inner .bg3, .sliderCon .carousel .carousel-inner .bg4 {
	background-position: left center
}
.sliderCon .carousel .carousel-inner .bg3, .sliderCon .carousel .carousel-inner .bg4 {
	background-position: -80px center
}
}

@media screen and (max-width: 480px) {
.sliderCon {
	height: calc(100vh - 280px)
}
.sliderCon .carousel-indicators {
	bottom: 20px;
	margin: 0;
	right: 0
}
.sliderCon .carousel-caption {
	width: 100%;
	bottom: 50px
}
.sliderCon .carousel-caption h2 {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	padding: 10px 15px;
	text-align: center;
	width: 75%;
	margin: auto;
	display: block
}
.sliderCon .carousel-caption p {
	display: none
}
.sliderCon .carousel .carousel-inner .bg1, .sliderCon .carousel .carousel-inner .bg2, .sliderCon .carousel .carousel-inner .bg3, .sliderCon .carousel .carousel-inner .bg4 {
	background-position: left center
}
.sliderCon .carousel .carousel-inner .bg3 {
	background-position: -150px center
}
.sliderCon .carousel .carousel-inner .bg4 {
	background-position: -100px center
}
}



.sectionOne {
	padding: 90px 0 100px;
	background: #fff
}
.sectionOne h3 {
	font-weight: 700;
	color: #273238;
	width: 44%;
	text-align: right;
	font-size: 27px;
	line-height: 34px;
	border-right: 2px solid #eee;
	padding: 10px 40px 10px 0;
	float: left
}
.sectionOne p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	width: 32%;
	float: left;
	margin-left: 40px;
	padding: 5px 0 10px
}
.sectionOne .btn-info {
 	padding: 0 30px;
  	margin: 15px 0 0 30px;
 }
.sectionOne .btn-light:hover, .sectionOne .btn-light:focus {
	background: rgba(238,238,238,0.8) !important
}
.sectionOne .btn-light i {
	font-size: 19px;
	vertical-align: sub
}

@media screen and (max-width: 1279px) {
.sectionOne h3 {
	width: 40%
}
}

@media screen and (max-width: 1151px) {
.sectionOne h3 {
	width: 35%
}
.sectionOne p {
	width: 30%
}
}

@media screen and (max-width: 991px) {
.sectionOne {
	padding: 50px 0
}
.sectionOne h3 {
	width: 50%
}
.sectionOne p {
	width: 40%
}
.sectionOne span {
	display: block;
	clear: both
}
.sectionOne .btn-light {
	margin: 30px auto 0 auto;
	width: 180px;
	display: block
}
}

@media screen and (max-width: 767px) {
.sectionOne h3 {
	width: 50%;
	font-size: 23px;
	line-height: 30px;
	padding: 10px 25px 10px 0
}
.sectionOne p {
	width: 44%;
	font-size: 13px;
	line-height: 22px;
	margin-left: 25px
}
.sectionOne span {
	display: block;
	clear: both
}
.sectionOne .btn-light {
	margin: 30px auto 0 auto;
	width: 180px;
	display: block
}
}

@media screen and (max-width: 599px) {
.sectionOne {
	padding: 50px 0;
	text-align: center
}
.sectionOne h3 {
	width: 100%;
	font-size: 23px;
	line-height: 30px;
	padding: 10px 0;
	text-align: center;
	border: 0
}
.sectionOne p {
	width: 100%;
	font-size: 13px;
	line-height: 22px;
	margin-left: 0
}
.sectionOne span {
	display: block;
	clear: both
}
.sectionOne .btn-light {
	margin: 20px 0 0 0;
	width: auto;
	display: inline-block
}
}
.sectionTwo {
	background: #eee url(../images/bg1.jpg) no-repeat center top;
	padding: 100px 0 120px;
	height: auto;
	background-attachment: fixed
}
.sectionTwo .innerBox {
	width: 56.5%;
	float: right
}
 .sectionTwo .innerBox .display-3 span {
	font-size: 35px;
	font-weight: 700;
	display: block;  
	position: relative
}
.sectionTwo .innerBox p {
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	margin-top: 20px
}
.sectionTwo .innerBox .btn{margin-top: 40px;}

@media screen and (max-width: 991px) {
.sectionTwo {
	background: #eee url(../images/bg1_mob.png) no-repeat center top;
	padding: 50px 0;
	text-align: center;
	background-attachment: fixed
}
.sectionTwo .innerBox {
	width: 100%
}
.sectionTwo .innerBox .display-3:after {
	position: static;
	width: 80px;
	height: 3px;
	margin: 15px auto 0 auto;
	display: block
}
.sectionTwo .innerBox .display-3 span {
	font-size: 20px;
	line-height: 26px
}
.sectionTwo .innerBox p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 20px
}
}
.sectionThree {
	padding: 100px 0 100px;
	text-align: center
}
.sectionThree .row {
	margin-top: 40px;
}
.sectionThree .card {
	border: 1px solid #eee;
	padding: 40px 28px;
 	border-radius: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 30px 0 0 0
}
.sectionThree .card:hover {
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.07)
}
.sectionThree .card figure {
	font-size: 45px;
 	width: 100px;
	height: 100px;
	border-radius: 100%;
	margin: auto;
	padding: 20px;
	color: #273238
}
.sectionThree .card figure img {
	width: 100%;
	height: auto
}
.sectionThree .card figcaption {
	padding: 20px 0 0 0
}
.sectionThree .card figcaption h4 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #273238;
}

.sectionThree .card:hover figcaption h4{color:#349dd7;}
.sectionThree .card figcaption p {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	margin-top: 10px;
	color: #777
}
.sectionThree .card span {
	display: block
}
.sectionThree .owl-next {
	right: -20px;
	opacity: 1
}
.sectionThree .owl-prev {
	left: -20px;
	opacity: 1
}
.sectionThree .card::before, .sectionThree .card::after {
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	transition: all 0.5s linear;
	background: #349dd7
}
.sectionThree .card span::before, .sectionThree .card span::after {
	content: "";
	width: 2px;
	height: 0;
	position: absolute;
	transition: all 0.5s linear;
	background: #349dd7
}
.sectionThree .card:hover::before, .sectionThree .card:hover::after {
	width: 100%
}
.sectionThree .card:hover span::before, .sectionThree .card:hover span::after {
	height: 100%
}
.cardEffect::before {
	left: 50%;
	top: 0;
	transition-duration: 0.4s
}
.cardEffect::after {
	left: 50%;
	bottom: 0;
	transition-duration: 0.4s
}
.cardEffect span::before {
	left: 0;
	top: 50%;
	transition-duration: 0.4s
}
.cardEffect span::after {
	right: 0;
	top: 50%;
	transition-duration: 0.4s
}
.cardEffect:hover::before, .cardEffect:hover::after {
	left: 0
}
.cardEffect:hover span::before, .cardEffect:hover span::after {
	top: 0
}

@media screen and (max-width: 991px) {
.sectionThree {
	padding: 50px 0
}
.sectionThree .row {
	margin: 10px 10px 0 10px
}
}

@media screen and (max-width: 599px) {
.sectionThree .card {
	padding: 40px 20px 30px
}
}
.sectionFour {
	background: #eee url(../images/bg2.jpg) no-repeat center top;
	padding: 100px 0 120px;
	height: auto;
	background-attachment: fixed
}
.sectionFour .innerBox {
	width: 56.5%
}


.sectionFour .display-3 span {
	font-size: 35px;
	font-weight: 700;
	display: block;  
	position: relative
}


.sectionFour .innerBox p {
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	margin-top: 30px
}
.sectionFour .innerBox .btn-success {
	 
	margin-top: 40px;
	 
}
.sectionFour .innerBox .btn-light:hover, .sectionFour .innerBox .btn-light:focus {
	background: rgba(255,255,255,0.5);
	color: #b12841
}
.sectionFour .innerBox .btn-light i {
	font-size: 18px;
	vertical-align: middle
}

@media screen and (max-width: 991px) {
.sectionFour {
 	padding: 50px 0;
	text-align: center;
	background-attachment: fixed
}
.sectionFour .innerBox {
	width: 100%
}
.sectionFour .innerBox .display-3:after {
	position: static;
	width: 80px;
	height: 3px;
	margin: 15px auto 0 auto;
	display: block
}
.sectionFour .innerBox .display-3 span {
	font-size: 20px;
	line-height: 26px
}
.sectionFour .innerBox p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 20px
}
}
.sectionFive {
	background: #eee url(../images/bg3.jpg) no-repeat center top;
	padding: 100px 0 120px;
	height: auto;
	background-attachment: fixed;
	position: relative
}
.sectionFive:before {
	height: 260px;
	width: 100%;
	left: 0;
	background: #eee;
	position: absolute;
	content: '';
	bottom: 0
}
.sectionFive .display-3 {
	color: #fff;
	font-size: 45px;
	line-height: 50px;
	margin-top: 25px
}
.sectionFive .secondTxt {
	font-size: 25px;
	line-height: 34px;
	font-weight: 600;
	color: #fff;
	padding: 0 12%;
	margin-top: 20px
}
.sectionFive .card {
	border: 0;
	padding: 50px 40px 50px 40px;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.03);
	margin: 90px 0 0 0;
	border-radius: 0; min-height: 250px;
	text-align: center;
	-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
}
.sectionFive .card:hover {
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.09);
	transform: scale(1.02)
}
.sectionFive .card figure {
	font-size: 45px;
	background: #eee;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	margin: auto;
	padding: 27px;
	color: #273238
}
.sectionFive .card figure img {
	width: 100%;
	height: auto
}
.sectionFive .card figcaption {
	padding: 30px 0 0 0
}
.sectionFive .card figcaption h4 {
	font-size: 55px;
	line-height: 26px;
	font-weight: 700;
	color: #349dd7;
}
.sectionFive .card figcaption p {
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	margin-top: 30px;
	color: #777
}
.sectionFive .card .arrowBtn {
	width: 50px;
	height: 50px;
	background: #b12841;
	float: right;
	display: inline-block;
	color: #fff;
	padding: 15px 0;
	font-size: 18px;
	text-decoration: none;
	margin-top: 40px;
	margin-right: -40px
}

@media screen and (max-width: 991px) {
.sectionFive {
	padding: 60px 0
}
.sectionFive:before {
	display: none
}
.sectionFive .card {
	margin: 30px 0 0 0
}
.sectionFive .secondTxt {
	font-size: 20px;
	line-height: 24px;
	padding: 0 5%;
	margin: 20px 0 20px 0
}
}

@media screen and (max-width: 767px) {
.sectionFive {
	padding: 60px 0
}
.sectionFive .display-3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 25px
}
.sectionFive .secondTxt {
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
	padding: 0 5%;
	margin: 10px 0 10px 0
}
}

@media screen and (max-width: 599px) {
.sectionFive {
	padding: 60px 0
}
.sectionFive .card {
	padding: 40px 20px 0 20px
}
.sectionFive .card .arrowBtn {
	margin-right: -20px
}
}
.sectionSix {
	padding: 100px 0 100px
}

.sectionSixIinside{padding: 40px 0 20px 0;}
 
 
.sectionSix .cols {
	padding-left: 8px;
	padding-right: 8px
}
.sectionSix .pBox {
	margin: 16px 0 0 0;
	position: relative;
	overflow: hidden; display: block;
	min-height:280px; background:#f5f5f5;
}
.sectionSix .pBox figure {
	width: 100%;
	height: auto;
	margin: 0
}
.sectionSix .pBox figure img {
	width: 100%;
	height: auto
}
.sectionSix .pBox figcaption {
	position: absolute;
	min-height: 50px;
	background: #349dd7;
	min-width: 50%;
	bottom: 0;
	left: 15px;
	padding: 15px 20px;
	text-align: center;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out
}
.sectionSix .pBox figcaption h4 {
	font-size: 16px;
	color: #fff
}
.sectionSix .pBox figcaption p {
	font-size: 13px;
	color: #fff;
	font-weight: 300
}
.sectionSix .pBox:hover figcaption {
	bottom: -100%
}

@media screen and (max-width: 991px) {
.sectionSix {
	padding: 50px 0
}
.sectionSix .container-fluid {
	margin-top: 30px
}
.sectionSix .secondTxt {
	padding: 0 5%
}
}
.tsCon {
	background: #349dd7 url(../images/tsBg.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;
	padding: 80px 0 80px
}
.tsCon .owl-theme {
	margin: 60px 0 50px 0
}
.tsCon .card {
	float: left;
	border: 0;
	border-radius: 0;
	padding: 0;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.03)
}
.tsCon .card .card-header {
	background: rgba(0,0,0,0.05);
	padding: 25px 40px;
	border: 0;
	position: relative
}
.tsCon .card .card-header:after {
	position: absolute;
	content: '';
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.05);
	left: 40px;
	bottom: -19px
}
.tsCon .card .card-header h4 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: #273238; line-height: 26px;
}
.tsCon .card .card-header small {
	font-size: 14px;
	font-weight: 400;
	color: #999;
}
.tsCon .card .card-body {
	font-size: 14px;
	line-height: 24px;
	padding: 30px 40px 40px
}
.tsCon .owl-carousel .owl-item {
	text-align: left
}
.tsCon .owl-next {
	right: -30px;
	opacity: 1
}
.tsCon .owl-prev {
	left: -30px;
	opacity: 1
}


.tsConInside{background: none; padding: 0; margin-top: 30px;}
.tsConInside .card {
	float: none;
	border-radius: 0;
	padding: 0; margin-top: 20px;
	box-shadow:none; border: 1px solid #eee;
}


.tsConInside .card:hover {
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.05); border: 1px solid #ddd;
}

@media screen and (max-width: 1279px) {
.tsCon .owl-next {
	right: -15px;
	opacity: .5
}
.tsCon .owl-prev {
	left: -15px;
	opacity: .5
}
}

@media screen and (max-width: 991px) {
.tsCon {
 	padding: 50px 0 60px 0
}
.tsCon .owl-theme {
	margin-top: 30px
}
.tsCon .card .card-header {
	padding: 20px 30px
}
.tsCon .card .card-body {
	padding: 25px 30px 30px 30px
}
}
.newsCon {
	padding: 80px 0 100px
}
.newsCon .row {
	margin: 30px 0 60px 0;
	margin-left: -10px;
	margin-right: -10px
}
.newsCon .cols {
	padding-left: 10px;
	padding-right: 10px
}
.newsCon .newsBox {
	border: 1px solid #eee;
	position: relative;
	margin-top: 20px;
	overflow: hidden
}
.newsCon .newsBox figure {
	width: 100%;
	height: auto;
	display: block;
	margin: 0
}
.newsCon .newsBox figure img {
	width: 100%;
	height: auto;
	display: block;
	-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
}
.newsCon .newsBox figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0 35px 25px;
	background-image: linear-gradient(rgba(26,33,53,0), #1a2135);
	z-index: 9
}
.newsCon .newsBox figcaption .newsTitle {
	font-size: 19px;
	line-height: 26px;
	color: #fff;
	font-weight: 400;
	position: relative
}
.newsCon .newsBox figcaption .newsTitle:after {
	content: '';
	width: 50px;
	height: 1px;
	background: #b12841;
	position: static;
	display: block;
	margin-top: 20px
}
.newsCon .newsBox figcaption .newsDate {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	margin-top: 10px
}
.newsCon .newsBox figcaption .newsDate i {
	margin-right: 5px
}
.newsCon .newsBox:hover figure img {
	transform: scale(1.05)
}

@media screen and (max-width: 991px) {
.newsCon {
	padding: 50px 0
}
.newsCon .row {
	margin: 10px 0 40px 0
}
}
footer {
	background: #273238;
	padding: 70px 0 0 0
}
footer .column {
	width: 25%;
	float: left;
	min-height: 190px;
	border-right: 1px solid #323d42;
 	padding: 0 5%
}
footer h3 {
	font-size: 18px;
	font-weight: 300;
	color: #fff
}
footer .fLinks {
	margin: 20px 0 0 1px
}
footer .fLinks a {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding: 3px 0;
	font-weight: 300
}
footer .fContactCon {
	margin-top: 20px
}
footer .fContactCon p {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	padding: 5px 0;
	font-weight: 300; position: relative; padding-left: 25px;
}
footer .fContactCon p i {
	margin-right: 7px;
	font-size: 16px;
	vertical-align: middle
}

footer .fContactCon p:before{position:absolute; content: "\e919"; font-size: 16px; font-family:"icomoon"; left: 0; top:5px; }
footer .fContactCon p:nth-child(2):before{content: "\e91b"; }
footer .fContactCon p:nth-child(3):before{content: "\e911"; }

footer .socialCon {
	margin-top: 20px
}
footer .socialCon a {
	height: 40px;
	width: 40px;
	display: inline-block;
	border-radius: 100%;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 15px;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 12px 0
}
footer .socialCon a:hover {
	background: #79ae47;
	color: #fff; border: 1px solid #79ae47;
}
footer .copyright {
	background: #1f292d;
	margin: 60px 0 0 0;
	padding: 25px 0;
	text-align: center
}
footer .copyright p {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 300
}
footer .column:nth-child(1) {
	width: 15%;
	padding-left: 0
}
footer .column:nth-child(2) {
	width: 25%
}
footer .column:nth-child(3) {
	width: 30%
}
footer .column:nth-child(4) {
	width: 30%;
	border: 0;
	padding-right: 0
}

@media screen and (max-width: 1151px) {
footer .column {
	padding: 0 3%
}
}

@media screen and (max-width: 991px) {
footer {
	text-align: center
}
footer .column {
	padding: 0 5%
}
footer .fLinks {
	margin-left: 0
}
footer .copyright {
	margin: 30px 0 0 0
}
footer .column:nth-child(1) {
	width: 28%;
	padding-left: 0
}
footer .column:nth-child(2) {
	width: 36%
}
footer .column:nth-child(3) {
	width: 36%;
	border: 0;
	padding-right: 0
}
footer .column:nth-child(4) {
	width: 100%;
	border: 0;
	padding: 0;
	text-align: center;
	min-height: auto;
	margin-top: 30px
}
}

@media screen and (max-width: 767px) {
footer {
	text-align: center;
	padding: 50px 0 0 0
}
footer .column {
	padding: 0 2%
}
footer h3 {
	font-size: 16px
}
footer .fLinks {
	margin-top: 10px
}
footer .column:nth-child(1) {
	width: 26%;
	padding-left: 0
}
footer .column:nth-child(2) {
	width: 36%
}
footer .column:nth-child(3) {
	width: 38%;
	border: 0;
	padding-right: 0
}
}

@media screen and (max-width: 599px) {
footer {
	padding: 50px 0 0 0
}
footer .column {
	padding: 0;
	border: 0 !important;
	margin-top: 20px;
	min-height: auto;
	border-bottom: 1px solid #9a9a9a !important;
	padding-bottom: 15px
}
footer .column:nth-child(1) {
	width: 100%;
	margin: 0
}
footer .column:nth-child(2) {
	width: 100%
}
footer .column:nth-child(3) {
	width: 100%
}
footer .column:nth-child(4) {
	border: 0 !important
}
}




.insideBannerCon {
	background: #e6e6e6;
	min-height: 500px;
	text-align: center
}
.insideBannerCon .bnr1 {
	background: url(../images/1.jpg) no-repeat center top
}
.insideBannerCon .bnr2 {
	background: url(../images/2.jpg) no-repeat center top
}
.insideBannerCon .bnr3 {
	background: url(../images/3.jpg) no-repeat center top
}
.insideBannerCon .bnr4 {
	background: url(../images/4.jpg) no-repeat center top
}
.insideBannerCon .bnr5 {
	background: url(../images/5.jpg) no-repeat center top
}
.insideBannerCon .bnr6 {
	background: url(../images/6.jpg) no-repeat center top
}
.insideBannerCon .bnr7 {
	background: url(../images/7.jpg) no-repeat center top
}
.insideBannerCon .bnr8 {
	background: url(../images/8.jpg) no-repeat center top
}

.insideBannerCon .bnr9 {
	background: url(../images/9.jpg) no-repeat center top
}

.insideBannerCon .bnr10 {
	background: url(../images/10.jpg) no-repeat center top
}

.insideBannerCon .bnr11 {
	background: url(../images/11.jpg) no-repeat center top
}

.insideBannerCon .bnr12 {
	background: url(../images/12.jpg) no-repeat center top
}

.insideBannerCon .bnr13 {
	background: url(../images/13.jpg) no-repeat center top
}

.insideBannerCon .bnr14 {
	background: url(../images/14.jpg) no-repeat center top
}
 
.insideBannerCon .bnr {
	height: 500px;
	width: 100%;
	background-attachment: fixed;
	background-size: cover
}
.insideBannerCon .bnr .container {
	position: relative;
	height: 100%
}

@media screen and (max-width: 767px) {
.insideBannerCon .bnr h1 {
	font-size: 24px;
	line-height: 30px;
	padding: 15px 25px;
	left: 15px
}
}

@media screen and (max-width: 599px) {
.insideBannerCon .bnr h1 {
	width: 65%
}
}
.breadcrumb-con {
	padding: 10px 0;
	border-bottom: 1px solid #fff
}
.breadcrumb {
	background: none;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
	padding: 0;
	color: #121212
}
.breadcrumb li a {
	font-weight: 400;
	text-decoration: none;
	color: #121212
}
.breadcrumb li a:hover {
	text-decoration: underline
}
.breadcrumb>li+li:before {
	color: #ccc;
	font-size: 10px;
	margin: 0 5px;
	content: "\e90c";
	font-family: 'icomoon'
}



.contactCon {
    margin: 0 0 70px 0
}

.contactCon figcaption h5 {
    color: #273238;
    font-size: 16px
}

.contactCon figcaption p {
    font-size: 20px;
    line-height: 30px;
    color: #273238;
    padding: 0 50% 0 0
}

.contactCon figcaption .careerTxt {
    padding: 0 14% 0 0
}

.contactCon figcaption a {
    font-size: 18px; line-height: 24px;
    color: #273238;
    display: inline-block;
    text-decoration: underline
}

.contactCon figcaption a:hover {
    text-decoration: none
}

.formCon p {
    color: rgba(255,255,255,0.5);
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    text-align: center
}

.formCon .form-control {
    margin: 7px 0;
    padding: 7px 15px;
    font-size: 13px;
    background: rgba(255,255,255,0.8)
}

.formCon .form-control:focus {
    border-color: #121212;
    color: #121212;
    background: #fff
}

.formCon .contactForm .row {
    margin: 30px -7px 0 -7px
}

.formCon .contactForm .row .col-sm-6,.formCon .contactForm .row .col-sm-12 {
    padding: 0 7px
}

.formCon .contactForm label {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0 10px 0
}

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


.mapCon .map {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 450px;
}

.mapCon iframe {
    border: 0;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 991px) {
    .contactCon .innerBox {
        margin-top:30px
    }

    .contactCon .officeBox {
        margin: 20px 0 0 0;
        padding: 30px 20px
    }

    .contactCon .officeBox h4 {
        font-size: 18px
    }

    .contactCon .officeBox figure {
        margin: 15px 0
    }

    .contactCon .officeBox figcaption {
        padding: 10px 0 10px 0
    }

    .contactCon .officeBox figcaption h5 {
        color: #121212;
        font-size: 18px;
        line-height: 22px
    }

    .contactCon .officeBox figcaption p {
        font-size: 14px;
        line-height: 22px;
        padding: 0 5%;
        margin: 15px 0 25px
    }

    .contactCon .officeBox figcaption a {
        font-size: 14px;
        padding: 7px 10px
    }
}

@media screen and (max-width: 767px) {
    .contactCon .officeBox h4 {
        font-size:18px
    }

    .contactCon .officeBox figcaption {
        padding: 10px 0 10px 0
    }

    .contactCon .officeBox figcaption h5 {
        color: #121212;
        font-size: 18px;
        line-height: 22px
    }

    .contactCon .officeBox figcaption p {
        font-size: 14px;
        line-height: 22px;
        padding: 0
    }

    .contactCon .officeBox figcaption a {
        font-size: 14px
    }
}


 
ul.productsList {
	margin: 15px -15px 0 -15px
}
ul.productsList li {
	width: 25%;
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 15px 0
}
ul.productsList li .item {
	width: 100%;
	min-height: 100px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.01);
	text-align: center
}
ul.productsList li .item figure {
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0
}
ul.productsList li .item figure img {
	width: 100%;
	height: auto;
	display: block
}
ul.productsList li .item figcaption {
	padding: 20px 10px 25px;
	border: 1px solid #eee;
	border-top: 0
}
ul.productsList li .item figcaption .pPitle {
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777;
	height: 40px;
	display: block
}
ul.productsList li .item figcaption .price {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin-top: 15px
}
ul.productsList li .item figcaption .price span {
	font-weight: 400;
	color: #999;
	text-decoration: line-through;
	margin-right: 5px
}
ul.productsList li .item figcaption .btn-dark {
	margin-top: 15px;
	padding: 0 20px
}
ul.productsList li .item:hover .btn-dark {
	background: #333 !important
}

@media screen and (max-width: 1151px) {
ul.productsList {
	margin: 15px 0 0 0
}
ul.productsList li {
	width: 33.333333%
}
}

@media screen and (max-width: 767px) {
ul.productsList li {
	width: 50%;
	padding: 0 10px;
	margin: 10px 0
}
}

@media screen and (max-width: 480px) {
ul.productsList li {
	width: 100%;
	padding: 0
}
}
.productStyleCon .nav-tabs {
	text-align: center;
	display: block;
	margin-top: 30px;
	border: 0
}
.productStyleCon .nav-tabs li {
	display: inline-block;
	float: none;
	margin: 2px 2px;
	border: 0;
	padding: 0
}
.productStyleCon .nav-tabs li a {
	font-size: 15px;
	border-radius: 0;
	color: #999;
	border: 0;
	padding: 0 50px;
	line-height: 40px;
	display: block;
	border-bottom: 2px solid #ddd;
	font-weight: 400;
	position: relative
}
.productStyleCon .nav-tabs .nav-item.show .nav-link, .productStyleCon .nav-tabs .nav-link.active {
	color: #000;
	border-bottom: 2px solid #273238;
	font-weight: 500
}
.productStyleCon .tab-content {
	margin-top: 30px
}
.productStyleCon .nav-tabs .nav-link.active:after {
	content: '';
	width: 18px;
	height: 11px;
	position: absolute;
	background: url(../images/angledown.png) no-repeat;
	bottom: -11px;
	left: 50%;
	transform: translate(-50%, 0)
}
ul.selectWStyle li {
	width: 20%;
	list-style: none;
	float: left;
	padding: 0 10px;
	min-height: 200px;
	margin: 10px 0
}
ul.selectWStyle li .box {
	width: 100%;
	min-height: auto;
	text-align: center
}
ul.selectWStyle li .box label {
	margin: 0;
	display: inline-block
}
ul.selectWStyle li .box label .selectStyleRadio {
	display: none
}
ul.selectWStyle li .box label .selectImg {
	border: 1px solid #eee;
	box-shadow: 0 5px 15px rgba(0,0,0,0.03);
	padding: 10px;
	display: block;
	position: relative;
	cursor: pointer
}
ul.selectWStyle li .box label .selectImg img {
	width: 100%;
	height: auto;
	display: block
}
ul.selectWStyle li .box label .styleInfo {
	padding: 10px 0;
	display: inline-block
}
ul.selectWStyle li .box label .styleInfo h4 {
	font-size: 13px;
	line-height: 18px;
	color: #777
}
ul.selectWStyle li .box label .styleInfo .btn-dark {
	margin-top: 10px
}
ul.selectWStyle li .box label .selectStyleRadio:checked+.selectImg img {
	opacity: .3;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05)
}
ul.selectWStyle li .box label .selectImg:after {
	content: '\e902';
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background: #b12841;
	position: absolute;
	top: 7px;
	right: 7px;
	color: #fff;
	font-family: 'icomoon';
	padding: 4px 0;
	text-align: center;
	display: none;
	font-size: 13px
}
ul.selectWStyle li .box label .selectStyleRadio:checked+.selectImg:after {
	display: block
}
.selectedCon {
	border: 1px solid #eee;
	padding: 40px;
	min-height: 400px;
	margin: 20px 0 20px 0;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02)
}
.selectedCon .selectedImgBox .selectedImg {
	border: 1px solid #eee;
	padding: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.03)
}
.selectedCon .cmsArea1 {
	padding: 0 !important
}
.selectedCon .cmsArea1 p {
	margin-top: 15px
}

@media screen and (max-width: 1151px) {
ul.selectWStyle li {
	width: 25%
}
}

@media screen and (max-width: 991px) {
ul.selectWStyle li {
	width: 25%
}
}

@media screen and (max-width: 767px) {
.selectedCon {
	padding: 30px
}
.selectedCon .cmsArea1 {
	margin-top: 25px
}
.selectedCon .selectedImgBox .selectedImg {
	border: 0;
	padding: 0;
	box-shadow: none;
	margin-bottom: 20px
}
.selectedCon .selectedImgBox .selectedImg img {
	border: 1px solid #eee;
	padding: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.03)
}
ul.selectWStyle li {
	width: 33.3333%
}
}

@media screen and (max-width: 599px) {
.selectedCon {
	padding: 15px
}
.selectedCon .cmsArea1 {
	margin-top: 25px
}
ul.selectWStyle li {
	width: 50%;
	padding: 0 5px
}
.productStyleCon .nav-tabs {
	margin-top: 20px
}
.productStyleCon .nav-tabs li {
	display: inline-block;
	float: none;
	margin: 2px 2px;
	border: 0;
	padding: 0
}
.productStyleCon .nav-tabs li a {
	padding: 0 30px
}
}
.bs-wizard {
	margin-top: 40px;
	text-align: center;
	margin: auto
}
.bs-wizard {
	border-bottom: solid 1px #e0e0e0;
	padding: 0 10%
}
.bs-wizard>.bs-wizard-step {
	width: 33.3333333%;
	position: relative
}
.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
	color: #595959;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 500
}
.bs-wizard>.bs-wizard-step .bs-wizard-info {
	color: #999;
	font-size: 14px
}
.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	background: #94d58b;
	top: 15px;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	border-radius: 50%
}
.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
	content: '';
	width: 14px;
	height: 14px;
	background: #1fa30d;
	border-radius: 50px;
	position: absolute;
	top: 8px;
	left: 8px
}
.bs-wizard>.bs-wizard-step>.progress {
	position: relative;
	border-radius: 0px;
	height: 3px;
	box-shadow: none;
	margin: 15px 0
}
.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
	width: 0px;
	box-shadow: none;
	background: #94d58b
}
.bs-wizard>.bs-wizard-step .progress {
	background: #eee
}
.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
	width: 100%
}
.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
	width: 50%
}
.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
	width: 0%
}
.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
	width: 100%
}
.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
	background-color: #eee
}
.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
	opacity: .5;
	background: #ccc
}
.bs-wizard>.bs-wizard-step:first-child>.progress {
	left: 50%;
	width: 50%
}
.bs-wizard>.bs-wizard-step:last-child>.progress {
	width: 50%
}
.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
	pointer-events: none
}
.customiseCon {
	border: 1px solid #f00;
	margin: 40px 0 30px;
	border: 1px solid #eee;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	padding: 40px;
	position: relative
}
.customiseCon h1 {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 36px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translate(-50%, 0)
}
.customiseCon h1 b {
	text-transform: none
}
.customiseCon h1 span {
	background: #273238;
	padding: 4px 30px 3px;
	position: relative
}
.customiseCon .leftCon {
	margin-top: 30px
}
.customiseCon .leftCon h3 {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	line-height: 20px
}
.customiseCon .leftCon h3 span {
	background: #ccc;
	color: #000;
	padding: 3px 5px 2px;
	width: 40px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
	margin-top: -3px;
	position: relative;
	margin-right: 5px
}
.customiseCon .leftCon h3 span:after {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ccc;
	position: absolute;
	content: '';
	right: -5px;
	top: 8px
}
.customiseCon .leftCon h4 {
	font-size: 16px;
	color: #273238;
	margin-top: 25px;
	line-height: 24px
}
.customiseCon .leftCon h4 i {
	display: inline-block;
	vertical-align: middle
}
.customiseCon .leftCon h5 {
	font-size: 16px;
	color: #777;
	font-weight: 300;
	margin-top: 5px;
	line-height: 24px
}
.customiseCon .leftCon h5 strong {
	color: #000;
	font-weight: 600
}
.customiseCon .leftCon .formCon .form-group {
	margin: 0
}
.customiseCon .leftCon .formCon .form-control {
	background: #f5f5f5
}
.customiseCon .leftCon .formCon .form-control:focus {
	box-shadow: none !important;
	border-color: #273238
}
.customiseCon .leftCon .formCon label {
	font-size: 14px
}
.customiseCon .leftCon .formCon label strong {
	color: #000
}
.customiseCon .stepsCon {
	margin-top: 30px
}
.customiseCon .scrollStyle {
	margin-top: 25px
}
.customiseCon .scrollStyle li {
	list-style: none
}
.customiseCon .scrollStyle li .box {
	width: 100%;
	min-height: auto;
	text-align: center
}
.customiseCon .scrollStyle li .box label {
	margin: 0;
	display: inline-block
}
.customiseCon .scrollStyle li .box label .selectStyleRadio {
	display: none
}
.customiseCon .scrollStyle li .box label .selectImg {
	border: 1px solid #ddd;
	box-shadow: 0 5px 15px rgba(0,0,0,0.03);
	padding: 10px;
	display: block;
	position: relative;
	cursor: pointer
}
.customiseCon .scrollStyle li .box label .selectImg img {
	width: 100%;
	height: auto;
	display: block
}
.customiseCon .scrollStyle li .box label .styleInfo {
	padding: 10px 0 0 0;
	display: inline-block
}
.customiseCon .scrollStyle li .box label .styleInfo h4 {
	font-size: 13px;
	line-height: 18px;
	border-bottom: 1px solid #eee;
	display: inline-block;
	color: #666;
	margin: 0
}
.customiseCon .scrollStyle li .box label .styleInfo .btn-dark {
	margin-top: 10px
}
.customiseCon .scrollStyle .owl-prev {
	top: 43%;
	left: -35px
}
.customiseCon .scrollStyle .owl-next {
	top: 43%;
	right: -35px
}
.customiseCon .scrollStyle li .box label .selectStyleRadio:checked+.selectImg img {
	opacity: .3;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05)
}
.customiseCon .scrollStyle li .box label .selectImg:after {
	content: '\e902';
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background: #b12841;
	position: absolute;
	top: 7px;
	right: 7px;
	color: #fff;
	font-family: 'icomoon';
	padding: 4px 0;
	text-align: center;
	display: none;
	font-size: 13px
}
.customiseCon .scrollStyle li .box label .selectStyleRadio:checked+.selectImg:after {
	display: block
}
.customiseCon .selectedCon {
	border: 1px solid #eee;
	padding: 40px;
	min-height: 400px;
	margin: 20px 0 20px 0;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02)
}
.customiseCon .selectedCon .selectedImgBox .selectedImg {
	border: 1px solid #eee;
	padding: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.03)
}
.customiseCon .devider {
	border-color: #eee;
	margin: 30px 0 30px
}
.owlbtn {
	display: inline-block;
	font-size: 35px;
	color: #000
}
.rightCon {
	margin-top: 30px;
	padding-left: 50px
}
.rightCon .inner {
	background: #eee
}
.rightCon .inner h3 {
	background: #000;
	padding: 8px 20px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 24px
}
.rightCon .inner .windowImg {
	padding: 7px;
	border: 1px solid #ddd;
	max-width: 200px;
	background: #fff;
	margin: 20px auto 20px auto;
	box-shadow: 0 5px 15px rgba(0,0,0,0.03)
}
.rightCon .inner .windowImg img {
	width: 100%;
	height: auto;
	display: block
}
.rightCon .inner .windowImg a {
	cursor: zoom-in
}
.rightCon .inner .priceCon {
	width: 100%;
	padding: 0 15px
}
.rightCon .inner .priceCon .inner {
	height: 132px;
	overflow: auto;
	border-bottom: 2px solid #000;
	padding-top: 5px
}
.rightCon .inner .priceCon table {
	margin: 0;
	border-spacing: 0
}
.rightCon .inner .priceCon table strong {
	font-weight: 600;
	color: #000
}
.rightCon .inner .priceCon .table-sm td, .rightCon .inner .priceCon .table-sm th {
	padding: .4rem
}
.rightCon .inner .priceCon .totalPrice table td {
	font-size: 14px;
	color: #273238;
	padding: .7rem .4rem
}
.rightCon .inner .priceCon .totalPrice table td strong {
	font-size: 18px;
	color: #273238
}
.rightCon .inner .priceCon .totalPrice table td small {
	color: #000;
	font-size: 12px
}
.typeOfServiceBox {
	margin-top: 30px
}
.typeOfServiceBox .btn-dark {
	padding: 10px 30px;
	width: 100%;
	font-size: 20px;
	height: auto;
	line-height: 70px;
	border-radius: 3px;
	background: #fff !important;
	color: #000 !important;
	border: 2px solid #000
}
.typeOfServiceBox .btn-dark:hover {
	background: #000 !important;
	color: #fff !important
}
.typeOfServiceBox .cmsArea {
	padding: 0;
	margin-top: 20px
}
.typeOfServiceBox .cmsArea p {
	line-height: 20px;
	font-size: 13px
}
.typeOfServiceBox .cmsArea ul {
	margin: 10px 0 0 0
}
.typeOfServiceBox .cmsArea ul li {
	font-size: 13px
}

@media screen and (max-width: 1279px) {
.customiseCon {
	padding: 30px
}
.rightCon {
	padding-left: 30px
}
}

@media screen and (max-width: 991px) {
.rightCon {
	padding-left: 15px
}
.customiseCon h1 {
	font-size: 20px;
	line-height: 24px
}
}

@media screen and (max-width: 767px) {
.customiseCon {
	padding: 30px
}
.rightCon {
	padding-left: 15px
}
.customiseCon h1 {
	font-size: 20px;
	line-height: 24px;
	top: -12px
}
.customiseCon .leftCon .formCon .form-group {
	margin: 5px 0
}
.customiseCon .form-group select {
	margin: 5px 0
}
.typeOfServiceBox .btn-dark {
	line-height: 50px;
	font-size: 14px;
	font-weight: 600
}
}

@media screen and (max-width: 599px) {
.customiseCon {
	padding: 20px
}
.rightCon {
	padding-left: 15px
}
.customiseCon h1 {
	font-size: 20px;
	line-height: 24px;
	top: 0;
	color: #273238;
	position: static;
	transform: translate(0, 0);
	border-bottom: 1px solid #eee
}
.customiseCon h1 span {
	background: none;
	display: block
}
.customiseCon .scrollStyle .owl-next {
	right: -10px
}
.customiseCon .scrollStyle .owl-prev {
	left: -10px
}
.customiseCon .leftCon h3 {
	font-size: 14px
}
.customiseCon .leftCon h3 span {
	font-size: 14px;
	width: 30px
}
.customiseCon .leftCon .formCon .form-group {
	margin: 5px 0
}
.customiseCon .form-group select {
	margin: 5px 0
}
.typeOfServiceBox .btn-dark {
	line-height: 40px;
	padding: 0px 20px
}
}

@media screen and (max-width: 480px) {
.customiseCon {
	padding: 15px
}
.rightCon {
	padding-left: 15px
}
.customiseCon h1 {
	font-size: 16px;
	line-height: 24px;
	top: 0;
	color: #273238;
	position: static;
	transform: translate(0, 0);
	border-bottom: 1px solid #eee
}
.customiseCon h1 span {
	background: none;
	display: block
}
}
.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: #273238;
	font-size: 25px; font-weight: 700;
}
.modal-content .modal-title2 {
	color: #273238;
	font-size: 20px
}
.modal-content .modal-title2 small {
	font-size: 14px;
	color: #777
}
.modal-content .modal-body {
	background: #eee;
	padding: 30px 40px
}
.modal-content .modal-body2 {
	background: #eee;
	padding: 25px 30px
}
.modal-content .close {
	outline: 0;
	position: absolute;
	top: -11px;
	right: -11px;
	color: #EC0D10 !important;
	opacity: 1;
	text-shadow: none
}
.modal {
	background: rgba(0,0,0,0.8);
	padding: 0 !important
}

@media only screen and (max-width: 599px) {
.modal-dialog {
	margin: 1rem
}
}
.popupTable {
	background: #fff
}
.popupTable table {
	margin: 0
}
.popupTable table td {
	font-size: 13px
}
.popupTable table td strong {
	color: #000
}
.cartCon {
	margin: 30px 0 30px;
	border: 1px solid #eee;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	padding: 30px
}
.cartColumns .col_1 {
	width: 7%;
	float: left
}
.cartColumns .col_2 {
	width: 60%;
	float: left
}
.cartColumns .col_3 {
	width: 10%;
	float: left
}
.cartColumns .col_4 {
	width: 10%;
	float: left
}
.cartColumns .col_5 {
	width: 13%;
	float: left
}
.cartColumns .col_6 {
	width: 70%;
	float: left
}
.cartTitle {
	background: #eee;
	padding: 15px 15px;
	font-size: 14px;
	color: #000;
	font-weight: 600
}
.cartBox {
	border: 1px solid #eee;
	border-top: 0;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	padding: 25px 15px
}
.cartBox .thumbnailImg {
	width: 130px;
	height: 130px;
	border: 1px solid #ddd;
	overflow: hidden;
	background: #fff;
	display: block;
	float: left;
	margin-right: 20px
}
.cartBox .productInfoTxt {
	float: left;
	width: 70%
}
.cartBox .productInfoTxt .productTitle {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #000
}
.cartBox .productInfoTxt .productTitle span {
	font-weight: 400;
	color: #777;
	font-size: 16px
}
.cartBox .productInfoTxt .table {
	border: 0;
	width: 95%;
	margin: 10px 0 0 0
}
.cartBox .productInfoTxt .table td {
	padding: 4px 0;
	border: 0;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	padding-left: 15px
}
.cartBox .productInfoTxt .table td strong {
	color: #000
}
.cartBox .mobOnly {
	display: none
}
.cartTitle2 {
	background: #000;
	color: #fff !important;
	font-weight: 500
}
.cartCon .cartBox .productInfoTxt .table tr td:first-child {
	border-left: 0;
	padding-left: 0
}
.auctionBtn a {
	font-size: 13px;
	width: 25px;
	display: inline-block;
	height: 25px;
	border-radius: 100%;
	background: #eee;
	border: 1px solid #ccc;
	color: #000;
	padding: 4px 0;
	text-decoration: none;
	margin: 2px
}
.auctionBtn a.delete {
	background: #eee;
	font-size: 10px;
	padding: 4px 0
}
.quantity {
	width: 40px;
	text-align: center;
	display: inline-block;
	height: 30px;
	border-radius: 3px;
	background: #f5f5f5;
	box-shadow: none !important
}
.quantity:focus {
	box-shadow: none !important;
	border-color: #273238
}
.price {
	font-size: 16px;
	font-weight: 600;
	color: #273238
}
.btnCon {
	margin: 15px 0 0 0
}
.btnCon .leftBtn {
	float: left
}
.btnCon .rightBtn {
	float: right
}
.totalAmount {
	text-align: right;
	padding: 15px 5px 5px
}
.totalAmount p {
	font-size: 14px;
	line-height: 20px
}
.totalAmount p strong {
	color: #000
}
.totalAmount h6 {
	font-size: 18px;
	color: #273238;
	margin-top: 5px
}

@media only screen and (max-width: 991px) {
.cartBox {
	border: 1px solid #eee;
	margin: 10px 0
}
.cartBox .productInfoTxt .table {
	width: 100%
}
.cartBox .mobOnly {
	display: inline-block
}
.cartTitle {
	display: none
}
.cartColumns .col_1 {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-weight: 600
}
.cartColumns .col_2 {
	width: 100%;
	float: left
}
.cartColumns .col_3 {
	width: 100%;
	float: left;
	text-align: right !important;
	padding: 5px 0;
	margin-top: 15px
}
.cartColumns .col_4 {
	width: 100%;
	float: left;
	text-align: right !important;
	padding: 5px 0
}
.cartColumns .col_5 {
	width: 100%;
	float: left;
	text-align: right !important;
	padding: 5px 0 0 0
}
.cartColumns .col_6 {
	width: 100%;
	float: left
}
.auctionBtn a {
	text-align: center
}
}

@media only screen and (max-width: 767px) {
.cartCon {
	padding: 15px 20px 20px
}
.cartBox {
	border: 1px solid #eee;
	margin: 10px 0
}
.cartBox .thumbnailImg {
	float: none;
	margin-bottom: 15px
}
.cartBox .productInfoTxt {
	display: block;
	width: 100%
}
.cartBox .productInfoTxt .productTitle {
	font-size: 16px
}
.cartBox .productInfoTxt .productTitle span {
	font-size: 12px
}
.cartBox .mobOnly {
	display: inline-block
}
.cartTitle {
	display: none
}
.cartColumns .col_1 {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-weight: 600
}
.cartColumns .col_2 {
	width: 100%;
	float: left
}
.cartColumns .col_3 {
	width: 100%;
	float: left;
	text-align: right !important;
	padding: 5px 0;
	margin-top: 15px
}
.cartColumns .col_4 {
	width: 100%;
	float: left;
	text-align: right !important;
	padding: 5px 0
}
.cartColumns .col_5 {
	width: 100%;
	float: left;
	text-align: right !important;
	padding: 5px 0 0 0
}
.cartColumns .col_6 {
	width: 100%;
	float: left
}
.auctionBtn a {
	text-align: center
}
.btnCon .btn1 {
	padding: 0 30px !important
}
}

@media only screen and (max-width: 599px) {
.btnCon .leftBtn {
	display: block;
	float: none
}
.btnCon .rightBtn {
	display: block;
	float: none
}
.btnCon .btn1 {
	padding: 0 30px !important;
	display: block;
	margin: 3px 0
}
}
.loginCon {
	background: #eee;
	min-height: 100px;
	width: 100%;
	padding: 8% 0 9%
}
.loginCon .loginBox {
	background: #fff;
	width: 450px;
	min-height: 100px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	margin: auto
}
.loginCon .loginBox .tab {
	border-bottom: 1px solid #eee
}
.loginCon .loginBox .tab a {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	color: #999;
	font-weight: 500;
	background: #f5f5f5;
	display: block;
	padding: 0 15px;
	border-top: 3px solid #000;
	text-transform: uppercase;
	text-decoration: none
}
.loginCon .loginBox .tab h3 {
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	color: #000;
	background: #f5f5f5;
	display: block;
	padding: 0 15px;
	border-top: 3px solid #273238;
	text-transform: uppercase
}
.loginCon .loginBox .tab a.active {
	background: #fff;
	color: #000;
	border-top-color: #273238
}
.loginCon .loginBox .form_con {
	padding: 30px 50px
}
.loginCon .loginBox .form_con h5 {
	font-size: 14px;
	font-weight: 400;
	color: #999
}
.loginCon .forgot-password {
	margin-top: 10px;
	display: inline-block;
	text-decoration: underline;
	color: #000
}
.loginCon .form-group {
	margin: 8px 0
}
.loginCon .checkbox {
	margin-top: 5px
}
.loginCon .checkbox input[type='checkbox'] {
	vertical-align: sub
}

@media only screen and (max-width: 599px) {
.loginCon {
	padding: 30px 0
}
.loginCon .loginBox {
	width: 100%
}
.loginCon .loginBox .form_con {
	padding: 20px 30px
}
}
.checkoutCon {
	border: 1px solid #eee;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	padding: 40px;
	background: #fff;
	margin: 30px 0
}
.checkoutCon .rightCartItems h3 {
	font-size: 18px;
	color: #000;
	font-weight: 600;
	line-height: 24px
}
.checkoutCon .rightCartItems .cartBox {
	border: 1px solid #ddd;
	padding: 30px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	margin: 10px 0 0 0;
	position: relative
}
.checkoutCon .rightCartItems .cartBox h4 {
	font-size: 16px;
	color: #000;
	line-height: 20px
}
.checkoutCon .rightCartItems .cartBox h4 a {
	color: #000;
	text-decoration: none
}
.checkoutCon .rightCartItems .cartBox h4 span {
	display: block;
	font-weight: 400;
	color: #777;
	font-size: 13px
}
.checkoutCon .rightCartItems .cartBox hr {
	margin: 10px 0
}
.checkoutCon .rightCartItems .cartBox p .price {
	color: #273238;
	font-size: 14px
}
.checkoutCon .rightCartItems .cartBox p strong {
	color: #000
}
.checkoutCon .rightCartItems .cartBox .close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #EC0D10;
	font-size: 14px;
	opacity: 1 !important
}
.checkoutCon .rightCartItems .cartBox .viewAll {
	background: #273238;
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
	margin-top: 2px;
	text-decoration: none
}
.billing_cont {
	display: none
}

@media only screen and (max-width: 991px) {
.checkoutCon {
	padding: 25px
}
.checkoutCon .rightCartItems .cartBox {
	padding: 15px
}
}

@media only screen and (max-width: 767px) {
.checkoutCon {
	padding: 25px
}
.checkoutCon .rightCartItems {
	margin-top: 30px
}
.checkoutCon .rightCartItems .cartBox {
	padding: 15px
}
}

@media only screen and (max-width: 599px) {
.checkoutCon {
	padding: 20px
}
.checkoutCon2 {
	margin-top: 0
}
}
.formTitle {
	color: #000;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px
}
.formBox {
	border: 1px solid #eee;
	padding: 35px 20px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	margin-top: 10px
}
.form-horizontal h4 {
	font-size: 16px;
	font-weight: 400;
	color: #999
}
.form-horizontal .col-form-label {
	text-align: right;
	font-size: 13px;
	font-weight: 500;
	color: #000
}
.form-horizontal .col-form-label .red {
	color: #EC0D10
}
.form-horizontal input[type='checkbox'] {
	vertical-align: sub
}

@media only screen and (max-width: 767px) {
.formBox {
	padding: 25px 25px 0 25px
}
.form-horizontal .col-form-label {
	text-align: left
}
}

@media only screen and (max-width: 599px) {
.formBox {
	padding: 0;
	border: 0
}
.form-horizontal .col-form-label {
	text-align: left
}
}
.paymentCon hr {
	margin-top: 10px
}
.paymentCon h6 {
	font-size: 16px;
	font-weight: 400
}
.paymentCon h6 strong {
	font-weight: 600;
	color: #273238
}
.paymentCon .cardBox {
	background: #eee;
	padding: 20px 25px;
	margin-top: 15px
}
.paymentCon .cardBox ul {
	margin: 0
}
.paymentCon .cardBox ul li {
	float: left;
	width: 33.3333%;
	list-style: none;
	padding: 0 5px
}
.paymentCon .cardBox ul li .box {
	text-align: center;
	display: block;
	margin: 5px 0
}
.paymentCon .cardBox ul li .box .selectBox {
	background: #fff;
	padding: 15px 10px;
	min-height: 50px;
	font-size: 14px;
	border: 1px solid #fff;
	cursor: pointer
}
.paymentCon .cardBox ul li .box .selectBox h6 {
	color: #000
}
.paymentCon .cardBox ul li .box .selectStyleRadio {
	display: none
}
.paymentCon .cardBox ul li .box .selectStyleRadio:checked+.selectBox {
	background: #f1f1f1;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05)
}

@media only screen and (max-width: 599px) {
.paymentCon .cardBox {
	padding: 15px
}
.paymentCon .cardBox ul li {
	width: 100%
}
}
.successCon {
	background: #e2f1e0;
	border: 1px dashed #ccc;
	padding: 25px
}
.successCon figure {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background: #1fa30d;
	text-align: center;
	color: #fff;
	font-size: 35px;
	padding: 17px 0;
	margin-right: 20px;
	margin-bottom: 0
}
.successCon .media-body {
	padding: 10px 0
}
.successCon .media-body h4 {
	color: #000
}
.successCon .media-body p {
	font-size: 15px;
	margin-top: 5px
}
.invoiceCon {
	border: 1px solid #eee;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	padding: 30px;
	margin-top: 30px
}
.invoiceCon .invoiceLogo {
	float: right;
	width: 200px;
	margin: 25px 0 0 0
}
.invoiceCon .invoiceLogo img {
	width: 100%;
	height: auto
}
.invoiceCon .leftInfo h4 {
	color: #000;
	text-transform: uppercase
}
.invoiceCon .leftInfo p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px
}
.invoiceCon .leftInfo p strong {
	color: #273238
}
.orederInfo {
	display: flex;
	flex-wrap: nowrap;
	margin: 25px -10px 0 -10px
}
.orederInfo .column {
	border: 2px solid #eee;
	padding: 20px 25px;
	width: 50%;
	margin: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	background: #fff
}
.orederInfo .column h5 {
	color: #000;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px
}
.orederInfo .column P {
	margin-top: 10px;
	line-height: 20px
}
.orederInfo .column P strong {
	color: #000
}
.orederInfo .column P span {
	font-size: 14px;
	line-height: 20px;
	display: inline-block
}
.orederInfo .column hr {
	margin: 7px 0
}

@media only screen and (max-width: 991px) {
.orederInfo {
	display: block
}
.orederInfo .column {
	display: block;
	width: 100%;
	margin: 10px 0
}
}

@media only screen and (max-width: 767px) {
.successCon {
	padding: 15px
}
.successCon figure {
	width: 40px;
	height: 40px;
	font-size: 20px;
	padding: 10px 0
}
.invoiceCon .invoiceLogo {
	display: block;
	float: none;
	margin: 0 0 15px 0
}
.invoiceCon .leftInfo h4 {
	display: none
}
}
.myaccUser .media {
	float: left
}
.myaccUser .media figure {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #fff;
	margin: 0 15px 0 0;
	text-align: center;
	border: 1px solid #ddd;
	font-size: 25px;
	padding: 15px 0;
	background: #f9f9f9
}
.myaccUser .media .media-body {
	padding: 12px 0
}
.myaccUser .media .media-body h4 {
	color: #000;
	font-size: 18px;
	text-transform: uppercase
}
.myaccUser .media .media-body h4 span {
	color: #273238
}
.myaccUser .media .media-body p {
	margin-top: 5px
}
.myaccUser .logoutCon {
	float: left;
	border-left: 1px solid #ddd;
	padding: 17px 20px;
	margin-left: 20px
}
.myaccUser .logoutCon .btn-warning i {
	font-size: 16px;
	display: inline-block;
	vertical-align: sub
}
.dashboardCon {
	border: 1px solid #f00;
	margin: 20px 0 30px;
	border: 1px solid #eee;
	box-shadow: 0 5px 15px rgba(0,0,0,0.02);
	padding: 15px 30px;
	min-height: 300px
}
.dashboardCon .leftNavCon {
	padding: 0;
	height: 100%;
	background-image: linear-gradient(#eee, #fff)
}
.dashboardCon .leftNavCon .navTabs {
	min-height: 300px
}
.dashboardCon .leftNavCon .navTabs a {
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 22px;
	padding: 10px 20px;
	border-bottom: 1px solid #e9e9e9;
	font-weight: 500;
	border-left: 3px solid transparent;
	position: relative
}
.dashboardCon .leftNavCon .navTabs a:hover {
	background: #000;
	color: #fff;
	border-left: 3px solid #273238;
	text-decoration: none
}
.dashboardCon .leftNavCon .navTabs a.active {
	background: #000;
	color: #fff;
	border-left: 3px solid #273238;
	text-decoration: none
}
.dashboardCon .leftNavCon .navTabs a.active:after {
	content: '';
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #000;
	position: absolute;
	right: -7px;
	top: 50%;
	transform: translate(0, -50%)
}
.dashboardCon .dashBoardItems {
	padding: 15px 0 15px 30px
}
.dashboardCon .dashBoardItems .secondTxt {
	font-size: 17px;
	line-height: 22px;
	margin: 5px 0 0 3px
}
.dashboardCon .dashBoardItems h1 {
	font-size: 30px;
	line-height: 34px;
	color: #000;
	font-weight: 600
}
.dashboardCon .dashBoardItems h1 span {
	font-weight: 300
}
.dashboardCon .dashBoardItems .title2 {
	font-size: 26px;
	line-height: 30px;
	color: #000;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px
}
.dashboardCon .frontBoxesCon {
	margin-top: 10px
}
.dashboardCon .frontBoxesCon .inner {
	text-align: center;
	border: 1px solid #eee;
	padding: 25px;
	margin: 15px 0
}
.dashboardCon .frontBoxesCon .inner h4 {
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	font-weight: 600
}
.dashboardCon .frontBoxesCon .inner h4 span {
	font-weight: 300;
	font-size: 22px;
	line-height: 24px;
	text-transform: none;
	color: #888
}

@media screen and (max-width: 1151px) {
.dashboardCon .frontBoxesCon .inner {
	padding: 15px
}
.dashboardCon .frontBoxesCon .inner h4 {
	font-size: 14px
}
.dashboardCon .frontBoxesCon .inner h4 span {
	font-size: 18px
}
}

@media screen and (max-width: 1151px) {
.dashboardCon .frontBoxesCon .inner {
	padding: 15px
}
.dashboardCon .frontBoxesCon .inner h4 {
	font-size: 14px
}
.dashboardCon .frontBoxesCon .inner h4 span {
	font-size: 18px
}
}

@media screen and (max-width: 991px) {
.dashboardCon .dashBoardItems {
	padding: 0px 0 15px 15px
}
}

@media screen and (max-width: 767px) {
.dashboardCon .dashBoardItems {
	padding: 20px 0 0 0
}
.dashboardCon .dashBoardItems h1 {
	font-size: 24px;
	line-height: 26px
}
.dashboardCon .dashBoardItems .secondTxt {
	font-size: 14px
}
.dashboardCon .leftNavCon .navTabs {
	min-height: auto
}
.dashboardCon .leftNavCon .navTabs a.active:after {
	display: none
}
}

@media screen and (max-width: 599px) {
.dashboardCon .rightInfo {
	padding: 0
}
.dashboardCon .dashBoardItems {
	padding: 20px 0 0 0
}
.dashboardCon .dashBoardItems h1 {
	font-size: 20px;
	line-height: 22px
}
.dashboardCon .dashBoardItems .secondTxt {
	font-size: 13px;
	margin: 0
}
.myaccUser {
	text-align: center
}
.myaccUser .media {
	float: none;
	display: block
}
.myaccUser .media figure {
	display: block;
	margin: auto
}
.myaccUser .logoutCon {
	float: none;
	border: 0;
	margin: 0;
	padding: 5px 0 0 0
}
}
.hwList {
	border: 0;
	padding: 0;
	margin: 0
}
.hwList .invoiceNo {
	font-size: 18px;
	font-weight: 300
}
.hwList .invoiceNo a {
	font-weight: 600;
	color: #000
}
.hwList p {
	font-size: 13px;
	line-height: 20px
}
.hwList .status {
	font-size: 13px
}
.hwList .status .pending {
	background: #eee;
	padding: 2px 5px;
	border-radius: 2px;
	color: #888
}
.hwList .status .cancelled {
	background: #EC0D10;
	padding: 2px 5px;
	border-radius: 2px;
	color: #fff
}
.hwList .status .delivered {
	background: #1fa30d;
	padding: 2px 5px;
	border-radius: 2px;
	color: #fff
}
.hwList .view {
	font-size: 18px;
	color: #000;
	font-weight: 600;
	text-decoration: none
}
.hwList .view:hover {
	color: #273238
}
.hwList .remove {
	font-size: 18px;
	color: #EC0D10;
	font-weight: 600;
	text-decoration: none
}
.hwList .remove:hover {
	color: #EC0D10
}
.hwList .thumbnailImg {
	width: 90px;
	height: 90px
}
.hwList .productInfoTxt {
	padding: 8px 0
}
.hwList .productInfoTxt .productTitle {
	font-size: 16px;
	line-height: 20px
}
.hwList .productInfoTxt .productTitle a {
	color: #000
}
.hwList .productInfoTxt .productTitle span {
	font-weight: 400;
	color: #777;
	font-size: 14px
}
.hwList .productInfoTxt p strong {
	font-weight: 600;
	color: #000
}
.hwList .productInfoTxt .viewAll {
	background: #ef8737;
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
	margin-top: 5px;
	text-decoration: none
}
.owColumns .col_1 {
	width: 10%;
	float: left
}
.owColumns .col_2 {
	width: 60%;
	float: left
}
.owColumns .col_3 {
	width: 15%;
	float: left
}
.owColumns .col_4 {
	width: 15%;
	float: left
}
.owColumns .col_5 {
	width: 75%;
	float: left
}
.pagingCon {
	text-align: center;
	margin-top: 40px;
	font-size: 12px;
	font-weight: 500
}
.pagingCon a {
	display: inline-block;
	padding: 3px 10px 2px;
	text-align: center;
	background: #273238;
 	color: #fff;
	margin: 2px 2px 0 2px;
	border-radius: 2px
}
.pagingCon a:hover {
	text-decoration: none;
	color: #fff;
	background: #349dd7;
}
.pagingCon a.active {
	background: #273238;
	color: #fff
}

@media screen and (max-width: 767px) {
.owColumns .col_1 {
	width: 100%;
	float: left
}
.owColumns .col_2 {
	width: 100%;
	float: left;
	margin-top: 5px
}
.owColumns .col_3 {
	width: 100%;
	float: left;
	text-align: left !important;
	margin-top: 10px
}
.owColumns .col_4 {
	width: 100%;
	float: left;
	text-align: left !important;
	margin-top: 5px
}
.owColumns .col_5 {
	width: 100%;
	float: left;
	margin-top: 10px
}
.hwList .view {
	vertical-align: sub
}
}
.messageCon h1 {
	color: #273238;
	font-weight: 300
}
.messageCon h6 {
	font-size: 20px;
	font-weight: 400;
	color: #000
}
.messageCon p {
	font-size: 14px;
	line-height: 22px
}

@media screen and (max-width: 599px) {
.messageCon h1 {
	font-size: 30px
}
.messageCon h6 {
	font-size: 16px;
	margin-bottom: 10px
}
.messageCon p {
	font-size: 13px;
	line-height: 20px
}
}



.middleCon{padding-bottom: 60px;}


.middleCon .insideTitle{ font-size: 24px; line-height: 32px;  font-weight: 700;
	text-align: center; color:#273238;
}
.middleCon .insideTitle:after {
	display: block;
	margin: auto
}

.middleCon .insideTitle:after {
    position: static;
    width: 100px;
    height: 2px;
    content: '';
    background: #349dd7;
    margin-top: 5px;
    display: block;
}
 
.cmsArea h3 {
	font-size: 20px;
    line-height: 30px;
    color: #273238;
    margin: 0;
    font-weight: 600;
    position: relative;
}
.cmsArea p {
	font-size: 16px;
	line-height: 28px
}
.cmsArea .centerTxt {
	font-size: 18px;
	margin: 0;
	line-height: 30px;
	padding: 15px 4%
}
.cmsArea hr {
	border-color: #eee;
	margin: 25px 0
}
.cmsArea .btn-link {
	color: #000
}
.cmsArea ul {
	margin: 40px 0 0 60px
}
.cmsArea ul li {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 24px;
	list-style: none;
	position: relative;
	padding: 3px 0 3px 18px
}
.cmsArea ul li:before {
	content: '\e902';
	font-family: 'icomoon';
	width: 10px;
	height: 10px;
	top: 3px;
	left: 0;
	position: absolute;
	font-size: 12px;
	color: #349dd7;
}
.cmsArea ol {
	margin: 20px 0 0 80px
}
.cmsArea ol li {
	font-size: 14px;
	line-height: 24px;
	list-style: decimal;
	position: relative;
	padding: 0 0 0 18px
}
.cmsImg {
	margin: 40px 0;
	text-align: center;
	padding: 15px
}
.cmsImg img {
	display: inline-block !important
}

@media screen and (max-width: 991px) {
.cmsArea h3:after {
	width: 50px;
	margin: 25px 0 0 0;
	background: #b12841
}
}

@media screen and (max-width: 767px) {
.cmsArea p {
	text-align: left !important
}
.cmsArea ul {
	margin: 30px 0 0 20px
}
}




.faq-content {
	padding: 30px 30px 15px 30px;
	margin: 0
}
.faq-content .card>.card-header {
	background-color: #f9f9f9;
	border-color: none !important;
	border: none !important;
	box-shadow: 0 !important
}
.faq-content .more-less {
	float: right;
	margin-top: 3px;
	color: #ccc
}
.faq-content .card {
	border-color: #f9f9f9;
	border: 1px solid #f9f9f9;
	border-radius: 0px;
	margin-bottom: 10px
}
.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;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 15px 6px 20px;
	color: #333;
	font-weight: 500
}
a.card-link i {
	font-size: 14px
}
.faq-content .card:hover {
	border-bottom: 1px solid #dbd6d2
}
.faq-content .card-body p {
	font-size: 14px;
	line-height: 24px;
	color: #777
}
.faq-content .card-body ul {
	margin: 0px;
	margin-left: 50px
}
.faq-content .card-body ul li {
	font-size: 14px;
	list-style: disc;
	line-height: 24px;
	padding: 0
}

@media screen and (max-width: 767px) {
.faq-content {
	padding: 20px
}
a.card-link {
	font-size: 16px;
	line-height: 20px;
	padding: 8px 10px 10px 15px
}
.faq-content .card-body ul {
	margin-left: 30px
}
}

 
 
/*subproduct List*/
.subProductCon{margin-top:30px; padding-top: 30px;}
.subProductCon h3{font-size: 20px;
    line-height: 30px;
    color: #273238;
    margin: 0;
    font-weight: 600;
    }
.subProductCon .flexBox{display: flex; flex-wrap: wrap;  align-items:flex-start;  margin-left: -15px; margin-right: -15px;}
.subProductCon .flexBox .cols{width: 25%; padding: 15px; }
.subProductCon .flexBox .cols .inner{min-height: 300px; background: #fff; box-shadow: 0 0 15px 5px rgba(0,0,0,0.03); padding:20px; border:1px solid #ddd;}

.subProductCon2  .flexBox .cols .inner {min-height: auto;}

.subProductCon .flexBox .cols .inner figure{width: 100%; height: 170px; display: flex; background: #f5f5f5; align-items: center;
    justify-content: center; overflow: hidden;}
    
    
    
.subProductCon2 .flexBox .cols .inner figure{margin:0;}
    
    
.subProductCon .flexBox .cols .inner figure img{max-width:100%; height: auto;   transition: transform 3s ;}


.subProductCon .flexBox .cols:hover .inner figure img{transform: scale(1.5);}




.subProductCon .flexBox .cols .inner h4{font-size: 16px;
    line-height: 26px;
    color: #273238;
    margin: 0;
    font-weight: 600;}
.subProductCon .flexBox .cols .inner p{font-size: 14px; line-height: 20px; margin-top: 5px;}



@media screen and (max-width: 991px) {.subProductCon .flexBox .cols{width: 33.333333333%; padding: 15px; }}
@media screen and (max-width: 767px) {.subProductCon .flexBox .cols{width: 50%; padding: 15px; }}
@media screen and (max-width: 599px) {.subProductCon .flexBox .cols{width: 100%; padding: 15px; }
    .subProductCon .flexBox .cols .inner, .subProductCon2 .flexBox .cols .inner {
    min-height: auto;
}
    
}