/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");



html,

body {

	width: 100%;

	height: 100%;

	font:

		400 15px/22px "Inter",

		sans-serif;

	color: #777;

}

body {

	background: #fff;

	margin: 0px;

	padding: 0px;

	color: #777;

}



body.showNav {

	height: 100%;

	overflow: hidden;

}

* {

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

strong {

	font-weight: 600;

}

h1,

h2,

h3,

h4,

h5,

.h1,

.h2,

.h3,

.h4,

.h5 {

	color: #000;

	margin: 0;

	padding: 0;

}

.text-reverse {

	color: #fff;

}



label {

	color: #000;

	font-weight: 400;

}

h1 {

	font:

		800 3rem/2rem "Inter",

		sans-serif;

	display: block;

}

h2 {

	font:

		800 2.5rem/2.5rem "Inter",

		sans-serif;

	display: block;

}

h3,

.h3 {

	font:

		400 1.5rem/2rem "Inter",

		sans-serif;

	display: block;

}

h4 {

	font:

		400 1rem/1rem "Inter",

		sans-serif;

	display: block;

}



.btn-link {

	color: #2B3C96; font-size: 13px;

	text-decoration: underline; font-weight: 700;

	padding: 0; left: 2px;  

}

.btn-link:hover, .btn-link:focus {

	text-decoration: none;

	color: #2B3C96;

	 

}



a {

	text-decoration: none;

	color: #000;

}

.noEff,

.noEff:hover,

.noEff:focus {

	text-decoration: none;

}

a:hover,

a:focus {

	color: #16191a;

	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 !important;

}

.display-inline-block {

	display: inline-block;

}

.display-inline {

	display: inline;

}

.display-none {

	display: none;

}



.radius26 {

	border-radius: 26px;

}

.radius16 {

	border-radius: 16px;

}

.radius8 {

	border-radius: 8px;

}



.container-fluid {

	padding-left: 40px;

	padding-right: 40px;

}









/*AAAAA HOME PAGE CLASSES AAAAA*/

/*comman clasess*/

.w100{width:100% !important;}

.white {

	color: #fff;

}



.yellow {

	color: #ffbc00;

}



.danger {

	color: #2B3C96;

}



.fs18 {

	font-size: 18px;

}

.fs11 {

	font-size: 11px;

}

.fs12 {

	font-size: 12px;

}

.fs13 {

	font-size: 13px;

	line-height: 18px;

}

.fs14 {

	font-size: 14px;

	line-height: 21px;

}

.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;

}

.mr15 {

	margin-right: 15px;

}

.mr20 {

	margin-right: 20px;

}

.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;

}

.p0 {

	padding: 0 !important;

}



.pt0 {

	padding-top: 0 !important;

}

.mb0 {

	margin-bottom: 0 !important;

}

.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;

}

.mb40 {

	margin-bottom: 40px;

}

.mb50 {

	margin-bottom: 50px;

}



.ml15 {

	margin-left: 15px;

}

.pl50 {

	padding-left: 50px;

}

.pl100 {

	padding-left: 100px;

}

.pb10 {

	padding-bottom: 10px;

}

#back-top {

	position: fixed;

	bottom: 10px;

	right: 15px;

	z-index: 3;

	display: block;

}

#back-top .btn-warning {

	display: inline-block;

	overflow: hidden;

	padding: 7px 0;

	border-radius: 100%;

	line-height: inherit !important;

	width: 50px;

	height: 50px;

	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

	border: 0;

	font-size: 30px;

	transition: all linear 0.3s;

	cursor: pointer;

}



.btn {

	padding: 6px 11px;

}



.btn1{

	font:

	600 16px/56px "Inter",

	sans-serif;

	height: 56px;

	padding: 0 30px;

	border-radius: 5px;

	text-transform: uppercase;

}





.btn2{

	font:

	600 13px/46px "Inter",

	sans-serif;

	height: 46px;

	padding: 0 15px;

	border-radius: 5px;

	text-transform: uppercase;

}





.btn-warning {

	

	color: #fff;

	display: inline-block;

	overflow: hidden;

	text-decoration: none;

	background: #F16527 !important;

	border: 0 !important;  

	outline: none !important; 

}



.btn-warning:hover,

.btn-warning:focus {

	background: #F87034 !important;

}









.btn-info {

	

	color: #fff;

	display: inline-block;

	overflow: hidden;

	text-decoration: none;

	background: #2B3C96 !important;

	border: 0 !important;  

	outline: none !important; 

}



.btn-info:hover,

.btn-info:focus {

	background: #3547A8 !important;

}















.btn-border {

	font:

		500 16px/47px "Inter",

		sans-serif;

	color: #000;

	height: 48px;

	padding: 0 60px;

	display: inline-block;

	overflow: hidden;

	text-decoration: none;

	background: none !important;

	border-radius: 8px;

	border: 2px solid #000 !important;

	outline: none !important;

}



.btn-border:hover,

.btn-border:focus {

	background: #000 !important;

	color: #fff;

}



.btn-default {

	background: #eee;

	color: #000;

	outline: none !important;

	border: 0;

	font-weight: 500;

}



.comman-title {

	font-size: 30px;

	line-height: 40px;

	position: relative;

	display: inline-block;

	margin-top: 0;  

	color:#000; 

	font-weight: 900; 

}



.comman-title:after {

	position: static;

	content: "";

	background: #F16527;

	height: 2px;

	width: 130px;

	display: block;

	margin: 8px auto 0 auto;

}



.comman-title2:after {

	display: none !important;

}



.comman-title3 {

	color: #000;

	font-size: 24px;

	line-height: 32px;

	border-bottom: 1px solid #eee;

	margin: 0 0 20px 0;

	padding-bottom: 10px;

}



.bg-gray {

	background: #f2f2f2;

}



.bg-gray2 {

	background: #f3f9fe;

}



.bg-white {

	background: #fff;

}



.black {

	color: #000 !important;

}

.green {

	color: green !important;

}

.red,

.red:hover {

	color: red !important;

}

.red a,

.red a:hover {

	color: red !important;

}



.gray {

	color: #bbb;

}

.blue {

	color: #2B3C96;

}

.commanPadding {

	padding: 60px 0 100px;

}

.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-fluid {

		width: 100%;

		padding:0 15px;

	}

}



@media only screen and (max-width: 479px) {

	h2 {

		font-size: 30px;

		line-height: 34px;

	}

}

.form-control {

	border: 1px solid #bbb;

	border-radius: 8px;

	padding: 15px 15px;

	height: 50px;

	font-size: 14px;

	color: #000;

}

.form-control:focus {

	border: 1px solid #bbb;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

}





@media only screen and (max-width:991px) {

    

    

.comman-title {

	font-size: 24px;

	line-height: 32px;

  

}

}





/*comman clasess ends*/



/* top Info */

.topInfo{background-color: #2B3C96; padding: 15px; border-bottom: 2px dashed #fff; display: flex; align-items: center;

justify-content: center;}

.topInfo p{ background: linear-gradient(to right, #FFF 20%, #FFBB00 40%, #FFBB00 60%, #FFF 80%);

	background-size: 200% auto;

	color: #000;

	background-clip: text;

	text-fill-color: transparent;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	-webkit-animation: shine 3s linear infinite;

			animation: shine 3s linear infinite;

		font-size: 16px; font-weight: 600; position: relative;

		margin: 0 15px; padding-left: 20px;

		}

.topInfo p::before{width:12px; height:12px; border-radius: 100%; content:""; background: #FFBB00; position: absolute; left: 0; top:5px;}



@-webkit-keyframes shine {

	to {

	  background-position: 200% center;

	}

  }

  @keyframes shine {

	to {

	  background-position: 200% center;

	}

  }

  

  

  

  

  



/* top Info end*/



/*header clasess*/

header {

	width: 100%;

	position: static;

	z-index: 9;

	background: #fff;

	transition: all linear 0.5s;

	-webkit-transition: all linear 0.5s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.5s;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.1);

	padding: 20px 0;

}



header {

	float: right;

}

header .navbar-brand {

	width: 200px;

	padding: 0;

 	height: auto;

	display: block;

}



header .navbar-brand img {

	width: 100%;

	height: auto;

	display: block;

}



header .section1 ul.topNav {

	float: right;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: space-between;

	margin:15px 0;

 

}

header .section1 ul.topNav li {

	list-style: none;

	padding: 0 20px;

	border-left: 1px solid #ddd;

}



header .section1 ul.topNav li:nth-child(2){padding-right:0;}

header .section1 ul.topNav li:nth-child(3){display:none;}







header .section1 ul.topNav li a {

	font-size: 17px;

	font-weight: 500;

	text-decoration: none;

	line-height: 20px;

	position: relative;

	padding-left: 32px;

	display: block;

	text-transform: uppercase;

}

header .section1 ul.topNav li a small {

	display: block;

	font-size: 13px;

	color: #777;

	font-weight: 400;

	line-height: 12px;

}

header .section1 ul.topNav li:nth-child(4) {

	padding-right: 0;

}

header .section1 ul.topNav li:nth-child(1) {

	padding-left: 0;

	border: 0;

}

header .section1 ul.topNav li a:before {

	position: absolute;

	content: "\e906";

	font-family: "icomoon";

	left: 0;

	top:0;

	font-size: 26px;

	font-weight: 400;

}

header .section1 ul.topNav li:nth-child(2) a::before {

	content: "\e921";

	left:0;

	top: 0;

	font-size: 22px;

}

 

 header .section1 ul.topNav li:nth-child(3) a:before{display:none;}



header .section1 ul.topNav li .search{width: 400px; position: relative;}

header .section1 ul.topNav li .search .form-control{height: 44px; padding-right: 44px;}

header .section1 ul.topNav li .search .searchBtn{position: absolute; right: 0; height: 44px; width: 44px; top: 0; background: none; 

outline: none; border: 0; color:#2B3C96; font-size: 20px;} 



header .section1 ul.topNav li a .badge {

	position: absolute;

	top: -6px;

	left: 12px;

	padding: 3px 5px;

	background: #F16527;

	border-radius: 100%;

}





header .section2 {

	background: #fff;

	 

}



header .section2 .navbar-nav > li > a {

	font:

		500 17px/46px "Inter",

		sans-serif;

	color: #000;

	padding: 0 30px;

	height: 48px;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	background: none !important;

	position: relative; text-transform: uppercase;  

}



header .section2 .navbar-nav > li > a:after {

	width: 0;

	height: 2px;

	background-color: #2B3C96;

	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 .section2 .navbar-nav > li:hover > a:after {

	width: 20px;

}

header .section2 .navbar-nav > li.active > a:after {

	width: 20px;

}



header .section2 .navbar-nav > li:nth-child(1) > a {

	padding-left: 0;

}

header .section2 .navbar-nav > li:last-child > a {

	padding-right: 0;

}

header .section2 .navbar-nav > li:nth-child(1) > a:after {

	left: 20px;

}

header .section2 .navbar-nav > li:last-child > a:after {

	left: 90px;

}



header .section2 .navbar-nav > li.dropdown i {

	font-size: 13px;

	vertical-align: middle;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	position: absolute;

	top: 17px;

	right: 12px;

}

header .section2 .navbar-nav > li.dropdown:hover i {

	transform: rotate(180deg);

}



.site-header {

	position: fixed;

	top: 0;

	z-index: 9;

	width: 100%;

	background: #fff;

	transition: transform 0.75s;

	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.2);

}



.hiddeNavBar {

	transform: translateY(-200%);

}

.contentSpace {

	padding: 50px;

}



.navbar-nav {

	 

	display: flex;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.3s;

	justify-content: center;

	align-items: center;

	margin-left: 16%;

}



header .section2 .navbar-nav > li > ul.dropdown-menu {

	left: 10px;

	background: #2B3C96;

	width: 280px;

	padding: 0;

	border-radius: 0;

}



header .section2 .navbar-nav > li > ul.dropdown-menu > li {

	position: relative;

}



header .section2 .navbar-nav > li > ul.dropdown-menu > li > a {

	display: block;

	padding: 15px 20px;

	clear: both;

	font-size: 15px;

	font-weight: 400;

	line-height: 1.42857143;

	color: #fff;

	border-bottom:1px solid  rgba(255, 255, 255, .2) !important;

}





header .section2 .navbar-nav > li > ul.dropdown-menu>li>a{white-space:normal;}





header .section2 .navbar-nav > li > ul.dropdown-menu > li > a:focus,

header .section2 .navbar-nav > li > ul.dropdown-menu > li:hover > a {

	background: #2B3C96; font-weight: 500;

}



header .section2 .navbar-nav > li > ul.dropdown-menu > li > a > i {

	transform: rotate(0deg) !important;

	top: 14px !important;

	right: 10px;

	color: #555;

}



header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown {

	left: 278px;

	background: #fff;

	width: 280px;

	position: absolute;

	padding: 0;

	display: none;

	top: 0;

	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

	border: 1px solid rgba(0, 0, 0, 0.15);

}



header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li {

	list-style: none;

}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li > a {

	display: block;

	padding: 10px 15px;

	clear: both;

	font-size: 15px;

	font-weight: 400;

	line-height: 1.42857143;

	color: #000;

	border-bottom: 1px solid #eee !important;

	text-decoration: none;

}



header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li > a:focus,

header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li > a:hover {

	background: #f5f5f5;

}



header .section2 .navbar-nav > li.dropdown:hover .dropdown-menu {

	display: block;

}



header .section2 .navbar-nav > li > ul.dropdown-menu > li:hover > ul.subDropDown {

	display: block;

}



.headerSpacer {

	height: 90px;

}





.menuIcon {

    color: #000;

    line-height: 40px; 

    font-size: 30px;

    text-decoration: none;

    margin-left: 15px;

    float: right;

    display:none;

    

}



.menuIcon:hover, .menuIcon:focus{   text-decoration:none;}





@media only screen and (max-width: 1440px) {

    

    .navbar-nav{margin-left:40px;}

}





@media only screen and (max-width: 1279px) {

    

    header .section2 .navbar-nav > li > a{padding:0 20px;}

    header .section2 .navbar-nav > li.dropdown i{right:5px;}

    

    

}



@media only screen and (max-width: 1151px) {

    

    header .section2 .navbar-nav > li > a{padding:0 15px;}

    header .section2 .navbar-nav > li.dropdown i{right:0;}

        .navbar-nav {

        margin-left: 30px;

    }

    

    

   

    

}





@media only screen and (max-width: 991px) {

    

    .menuIcon {

    

    display:inline-block;

    

}

    

    

    .navbar-nav{display:none;}

    header .section1 ul.topNav li:nth-child(3){display:block; padding-right:0; border:0;} 

     header .section1 ul.topNav li:nth-child(3) a{font-size:30px; padding-left:10px;}

     header .section1 ul.topNav{margin:5px 0;}

    

}



@media only screen and (max-width: 767px) {

    header .section1 ul.topNav li a::before{font-size:24px !important;}

    header .section1 ul.topNav li:nth-child(1) a::before{font-size:26px !important;}

    header .section1 ul.topNav{align-items: normal; }

    header .section1 ul.topNav li{border:0; padding:0 10px !important;}

    header .section1 ul.topNav li:nth-child(1), header .section1 ul.topNav li:nth-child(2){margin-top:10px;}

    

    

    

    header .navbar-brand{width:145px; margin: 7px 0;}

    header{padding:0;}

    .headerSpacer{height:50px;}

    .menuIcon{    margin-left: 5px;}

}





@media only screen and (max-width: 599px) {

    header .section1 ul.topNav li a .mobHide{display:none;}

    

}



@media only screen and (max-width: 480px) {

    

    header .section1 ul.topNav li a::before{font-size:24px !important;}

    header .section1 ul.topNav li:nth-child(1) a::before{font-size:26px !important;}

    header .section1 ul.topNav{align-items: normal; }

    header .section1 ul.topNav li{border:0;}

    header .section1 ul.topNav li:nth-child(1), header .section1 ul.topNav li:nth-child(2){margin-top:7px;}

}





/*header clasess ends*/









/*search bar */



.serchBar {

	background: #000 url(../images/bg1.jpg) no-repeat center top;

	padding: 110px 0 100px 0;

	text-align: center;

	color: #fff;

	background-attachment: fixed;

	background-size: contain;

}

.serchBar h2,

.serchBar p {

	color: #fff;

	font-size: 32px;

	line-height: 40px;

}

.serchBar p {

	font-size: 24px;

	line-height: 28px;

	margin-top: 5px;

	font-weight: 300;

}



.serchBar .searchBox {

	padding: 0 15%;

	margin-top: 20px;

}

.serchBar .searchBox .inner {

	position: relative;

}

.serchBar .searchBox .inner .form-control {

	height: 58px;

	padding: 10px 20px;

	border: 0;

	font-size: 17px;

}

.serchBar .searchBox .inner .btn-info {

	position: absolute;

	right: 0;

	line-height: 58px;

	height: 58px;

	top: 0;

	font-weight: 600;

	padding: 0 55px;

}

.serchBar .searchBox .inner .autoLocation {

	position: absolute;

	right: 190px;

	top: 13px;

	border-radius: 30px;

	color: #000;

	font-weight: 500;

	font-size: 12px;

	background: #dddddd;

	padding: 0 15px;

	line-height: 32px;

	display: inline-block;

	outline: none !important;

}

.serchBar .searchBox .inner .autoLocation i {

	font-size: 20px;

	vertical-align: middle;

	display: inline-block;

	margin-top: -2px;

}



.serchBarInside {

	padding: 70px 0 60px;

	background: #000 url(../images/bg1.jpg) no-repeat center -40px;

	background-attachment: fixed;

	background-size: contain;

}



/* search bar ends */



/* city */



.cityCon {

	display: flex;

	flex-wrap: nowrap;

	justify-content: center;

	align-items: center;

	margin: 30px 0 0 0;

	padding: 0;

}

.cityCon li {

	list-style: none;

	text-align: center;

	padding: 15px;

}

.cityCon li a {

	background: #fff;

	border-radius: 16px;

	border: 1px solid #ddd;

	display: block;

	padding: 25px 30px;

	text-decoration: none;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.3s;

}

.cityCon li a figure {

	width: 90px;

	height: auto;

}

.cityCon li a figure img {

	width: 100%;

	display: block;

}

.cityCon li a h4 {

	margin-top: 10px;

	font-weight: 500;

}



.cityCon li a:hover {

	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.2);

	border-color: #2B3C96;

	transform: scale(1.05);

}

/* city end */



/* slider */



.sliderCon {

	overflow: hidden;

	max-height: auto;

 }

 

.carousel-control.right,

.carousel-control.left {

	background: none;

}

.sliderCon .carousel-control {

	width: auto;

	text-shadow: none;

}



.carousel-control .glyphicon-chevron-left,

.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next,

.carousel-control .icon-prev {

	font-size: 40px;

}

.carousel-control .glyphicon-chevron-right,

.carousel-control .icon-next {

	margin-right: 0;

	right: 30px;

}

.carousel-control .glyphicon-chevron-left,

.carousel-control .icon-left {

	left: 30px;

}







.sliderCon .carousel-caption {

	padding: 0;

	bottom: inherit;

	top: 43%;

	left: 10%;

	transform: translate(0, -32%);

	text-align: left;  

}

 

.sliderCon .carousel-caption .captionTitle {

	font-size: 50px;

	color: #fff;

 	line-height: 62px;

	font-weight: 900;

	margin: 0;

	text-shadow: none;

}

 

.sliderCon .carousel-caption .btn {

margin-top: 30px;

}



@media only screen and (max-width: 1151px) {

    .sliderCon .carousel-caption .captionTitle {

	font-size: 42px; 

 	line-height: 52px;

 

}

}



@media only screen and (max-width: 991px) {

    .sliderCon .carousel-caption .captionTitle {

	font-size: 36px; 

 	line-height: 46px;

 

}



.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{top:45%;}

}





@media only screen and (max-width: 767px) {

    .sliderCon .carousel-caption .captionTitle {

	font-size: 24px; 

 	line-height: 32px;

 

}

.carousel-control.left{left:-10px;}

.carousel-control.right{right:-20px;}

.sliderCon .carousel-caption{text-align:center; left:0; right:0;}

  

    

}



@media only screen and (max-width: 480px) {

    .sliderCon .carousel-caption .captionTitle {

	font-size: 20px; 

 	line-height: 26px;

 

} 



  

}





/* slider end */



/*search form*/

.searchFormCon {

	margin-top: -50px;

	position: relative;

	z-index: 9;

}

.searchFormCon .formBox {

	background: #fff;

	border-radius: 20px;

	padding: 22px 20px;

	box-shadow: 0 3px 52px 0 rgba(0, 72, 99, 0.12);

}

.searchFormCon .formBox form {

	width: 100%;

	display: flex;

	flex-wrap: nowrap;

}

.searchFormCon .formBox .cols {

	width: 22%;

	margin: 5px;

}

.searchFormCon .formBox .cols:last-child {

	width: 115px;

}



@media only screen and (max-width: 767px) {

	.searchFormCon {

		margin-top: 50px;

	}



	.searchFormCon .formBox {

		padding: 12px 20px;

	}



	.searchFormCon .formBox form {

		width: 100%;

		display: inherit;

	}



	.searchFormCon .formBox .cols {

		width: 100% !important;

		margin: 10px 0;

	}

	.searchFormCon .formBox .cols .btn-info {

		display: block;

		width: 100%;

	}

}

/*search form end*/



/*products*/

.productsCon {

	 background: #F5F1EC; padding: 60px 0;

}



.featuredProducts{background: #fff;}

 

.productsCon .list {

	list-style: none;

	margin: 0;

	padding: 0; margin-top: 40px;

}

.productsCon .list li {

	padding:15px; width: 20%; float: left;

}



.hotProducts .list li {width: auto;}





.productsCon .list li .box {

	margin: 0;

	min-height: 220px;

	border-radius: 10px;

	background: #fff; border: 1px solid #ddd;

 }

.productsCon .list li .box:hover {

	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);

}



.productsCon .list li .box figure {

	width: 100%;

	height: 180px;

	display: flex;

	align-items: center;

	overflow: hidden; border-radius: 10px;

	position: relative; overflow: hidden;

}

.productsCon .list li .box figure .offer {

	width: 48px;

	height: 48px;

	border-radius: 100%;

	background: #fd4040;

	position: absolute;

	color: #fff;

	right: 0;

	top: 0;

	padding: 11px;

	text-align: center;

	font-size: 14px;

	font-weight: 600;

	line-height: 14px;

}

.productsCon .list li .box figure .offer small {

	font-weight: 400;

	display: block;

}



.productsCon .list li .box .img {

	width: auto;

	height: 100%;

	overflow: hidden;

	display: flex;

	margin: auto;

	align-items: center;

	justify-content: center;

}





.productsCon .list li .box .img img {

	width: auto;

	max-width: 100%;

	height: 100%;

	display: block;

}

.productsCon .list li .box figcaption {

	text-align: center; padding: 20px 15px 30px 15px;



  }

.productsCon .list li .box figcaption .title {

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin: 0 0 20px 0;

	overflow: hidden;

	height: 70px;

}





.productsCon .list li .box figcaption .title strong{

	display: block;

	font-weight: 700;

}



.productsCon .list li .box figcaption .title2 {

	font-size: 16px;

	font-weight: 500;

	line-height: 24px;

	margin: 0;

}



.productsCon .list li .box figcaption .price {

	font-size: 16px; color:#2B3C96;

	font-weight: 700; margin: 15px 0;

}



.productsCon .list li .box figcaption .price span {

	font-weight: 400;

	text-decoration: line-through;

	color: #000;

	margin-right: 5px;

}



.productsCon .list li .box figcaption .subtext {

	font-weight: 400;

	margin: 2px 0 0 0;

	color: #000;

}



.productsCon .list li .box figcaption .btnCon .btn-danger {

	 height: 32px; padding: 0 12px; border-radius: 4px; font-size: 12px; line-height: 32px; margin: 10px 0;

}



.productsCon .list li .box figcaption .btnCon .btn-whishlist{font-size: 18px; line-height: 34px; margin-left: 5px;}

 





.reviewsCon {

	padding: 30px 0 10px 0; border-top: 2px solid #ddd;  margin-bottom: 40px;

}

.reviewsCon h3 {

	font-size: 18px;

	line-height: 28px;

	font-weight: 700;

	display: inline-block; 

}



.reviewsCon .totalRatings {

	background:#FFA41D;

	height: 26px;

	margin-left: 10px;

	line-height: 28px;

	color: #fff;

	border-radius: 30px;

	padding: 0 12px;

	display: inline-block;

	font-size: 16px;

	font-weight: 700;

}

.reviewsCon .titleCon .btn-danger {

	float: right;

}

.reviewsCon .titleCon {

	margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;

}

.reviewsCon .reviewBox {

	padding: 25px 0;

	border-bottom: 1px solid #ddd;

}



.reviewsCon .reviewBox .cName {

	font-weight: 600;

	font-size: 16px;

	margin-bottom: 10px; color: #000;

}

.reviewsCon .reviewBox .cName small {

	font-weight: 400;

	opacity: 0.7;

	vertical-align: top;

}

 

 

.ratings.high {

	background:#FFA41D;

}

 .ratings.low {

	background:#FFA41D;

}





.ratings {

    height: 24px;

    margin-right: 3px;

    font-size: 12px;

    line-height: 24px;

    color: #fff !important;

    border-radius: 30px;

    padding: 0 8px; text-decoration: none;

}



.ratings:hover{text-decoration:none;}



.tooltip.bottom .tooltip-arrow {

	top: 1px;

}

.tooltip-inner {

	max-width: 150px;

	padding: 8px 10px;

	color: #fff;

	text-align: center;

	background-color: #000;

	border-radius: 8px;

	line-height: 15px;

}



.productsCon .list li .box figcaption .size {

	text-align: center;

	font-size: 14px;

	margin: 0 0 10px 0;

}

.owl-prev,

.owl-next {

	overflow: hidden;

	height: 45px;

	width: 45px;

	font-size: 40px; color:#2B3C96;

}



.productsCon .owl-prev {

	left: -70px;

}

.productsCon .owl-next {

	right: -70px;

}

 

  

.hotProducts .owl-prev {

	left: -35px;

}

.hotProducts .owl-next {

	right: -35px;

}

 

.brandIcon {

	margin: 10px 0;

	display: inline-block;

	max-width: 100px;

	height: auto;

	overflow: hidden;

}

.storeAvailableProduct {

	border: 1px solid #ddd;

	padding: 30px;

	border-radius: 26px;

}



.storeAvailableProduct .owl-next {

	right: -35px;

}

.storeAvailableProduct .owl-prev {

	left: -30px;

}



@media only screen and (max-width: 767px) {

	.productsCon .listOuter {

		margin: 25px 0 0 0;

		width: 100%;

		padding: 0 40px;

		position: relative;

	}



	.productsCon .btn-link {

		margin-right: 0;

	}

	.productsCon .text-right {

		text-align: center;

	}

}



@media only screen and (max-width: 1151px) {

    .productsCon .list li {

	padding:15px; width: 25%; float: left;

}

}





@media only screen and (max-width: 991px) {

    .productsCon .list li {

	padding:15px; width: 33.33333333333%; float: left;

}



.productsCon{padding:30px 0;}

.productsCon .list{margin-top:20px;}

}



@media only screen and (max-width: 991px) {

    .productsCon .list li {

	padding:5px; width: 50%; float: left;

}

}







/*products end*/



/*category products*/

.pByCatCon {

	background: #f3f9fe;

	padding: 60px 0;

}

.pByCatCon .listOuter {

	margin: 40px 0 0 0;

	width: 100%;

	position: relative;

}

.pByCatCon ul li .box {

	border-radius: 10px;

	overflow: hidden;

	position: relative;

}

.pByCatCon ul li .box .img img {

	width: 100%;

	height: auto;

	display: block;

}

.pByCatCon .list li {

	padding: 0;

}

.pByCatCon ul li .box figcaption {

	position: absolute;

	z-index: 9;

	bottom: 0;

	text-align: center;

	width: 100%;

	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));

	padding: 50px 20px 15px;

}

.pByCatCon ul li .box figcaption .title {

	font-size: 16px;

	color: #fff;

	text-transform: uppercase;

}

.pByCatCon .prev {

	width: 23.37px;

	height: 40px;

	background: url(../images/prev1.png) no-repeat;

	display: block;

}

.pByCatCon .next {

	width: 23.37px;

	height: 40px;

	background: url(../images/next1.png) no-repeat;

	display: block;

}

.pByCatCon .owl-prev {

	left: 10px;

}

.pByCatCon .owl-next {

	right: 10px;

}

.pByCatCon .btn-info {

	margin-top: 40px;

}

/*category products ends*/



/* reviews */



.aboutCon {

	padding: 60px 0;

}

.aboutCon .container {

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

}

.aboutCon .container .cols {

	width: 65%;

}

.aboutCon .container .left {

	width: 34%;

	flex-wrap: nowrap;

	text-align: right;

	border-right: 3px solid #ddd;

	padding: 10px 50px 10px 0;

}



.aboutCon .container figcaption {

	padding: 0 12% 0 50px;

}



.aboutCon .container h3 span {

	font-size: 20px;

	line-height: 20px;

	color: #777;

	font-family: "Cabin";

	font-weight: 400;

	display: block;

	position: relative;

	margin-bottom: 10px;

}

.aboutCon .container h3 span:before {

	content: "";

	width: 50px;

	height: 2px;

	background: #777;

	position: absolute;

	top: 8px;

	right: 75px;

}



.aboutCon .container h3 {

	font-size: 32px;

	line-height: 48px;

	font-weight: 700;

	margin: 0;

	text-transform: uppercase;

}

.aboutCon .container figcaption p {

	font-size: 16px;

	line-height: 26px;

}

.aboutCon .container .btn-info {

	margin-top: 10px;

	padding: 0 28px;

}



@media only screen and (max-width: 767px) {

	.aboutCon {

		padding: 40px 0 100px;

	}



	.aboutCon .container {

		display: inherit;

	}



	.aboutCon .container .left,

	.aboutCon .container .right {

		width: 100%;

	}

	.aboutCon .container figcaption {

		padding: 30px 0 0 0;

		text-align: center;

	}

}



/* hp form*/



/*voucher*/

.voucherCon {

	display: flex;

	background: #000;

	border-radius: 1px;

	padding: 20px;

	width: 100%;

	align-items: center;

	color: #fff;

	text-align: center;

}

.voucherCon .cols {

	width: 33.33333333%;

	margin: 10px 5px;

}

.voucherCon .col-1 {

	width: 29%;

}

.voucherCon .col-2 {

	width: 40%;

}



.voucherCon .col-2 h1 {

	color: #fff;

	font-size: 72px;

}

.voucherCon .col-3 {

	width: 31%;

}



.voucherCon .col-3 .btn-default {

	font-weight: 600;

	line-height: 48px;

	height: 48px;

	padding: 0 60px;

}



.voucherCon .col-1 h3 {

	font-size: 30px;

	line-height: 36px;

	font-family: "Cabin";

	font-weight: 400;

	margin: 0;

	color: #fff;

}

.voucherCon .col-1 p {

	font-size: 16px;

	line-height: 26px;

	margin: 0;

}



@media only screen and (max-width: 1279px) {

	.newsLtrCon .col-2 {

		width: 50%;

	}

	.newsLtrCon .col-3 {

		width: 14%;

	}

}



@media only screen and (max-width: 991px) {

	.newsLtrCon .col-2 {

		width: 45%;

	}

	.newsLtrCon .col-3 {

		width: 19%;

	}

}



@media only screen and (max-width: 767px) {

	.newsLtrCon {

		display: inherit;

		padding: 20px;

	}



	.newsLtrCon .col-1 {

		width: 100%;

		text-align: center;

	}

	.newsLtrCon .col-2 {

		width: 100%;

		margin: 20px 0 0 0;

	}

	.newsLtrCon .col-3 {

		width: 100%;

		margin: 10px 0 0 0;

	}



	.newsLtrCon .col-3 .btn-info {

		display: block;

		width: 100%;

	}

}



/*voucher end*/



/*services*/



.sericeWrapper {

	padding: 60px 0 45px;

}

.sericeWrapper2 {

	padding: 40px 0 40px;

}

.serviceCon {

	margin-right: -20px;

	margin-left: -20px;

	margin-top: 30px;

}

.serviceCon2 {

	margin-top: 20px;

}

.serviceCon .cols {

	width: 50%;

	float: left;

	padding: 20px;

}

.serviceCon .cols .flexBox {

	display: flex;

	justify-content: center;

	flex-wrap: nowrap;

	overflow: hidden;

	color: #777;

	border: 1px solid #ddd;

	border-radius: 26px;

	-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;

}

.serviceCon .cols .flexBox .box {

	width: 50%;

	min-height: 250px;

}

.serviceCon .cols .imgCon img {

	width: 100%;

}

.serviceCon .cols .textCon {

	background: #fff;

	padding: 35px 35px;

	position: relative;

}



.serviceCon .cols .flexBox:hover {

	box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.2);

}



.serviceCon .cols .text-title {

	font-size: 20px;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 28px;

	color: #000;

	font-family: "Inter", sans-serif;

}



.serviceCon .brand-title {

	height: 36px;

}

.serviceCon .brand-title img {

	height: 100%;

}



.serviceCon .brand-title2 {

	height: auto;

	font-weight: 700;

}



.serviceCon .cols .btn-info {

	margin-top: 15px;

	font-size: 15px;

	line-height: 40px;

	height: 40px;

	padding: 0 32px;

}

.serviceCon .cols p {

	margin-top: 15px;

	font-size: 15px;

	line-height: 22px;

}



@media only screen and (max-width: 1151px) {

	.sectionTwo .titleBg .rows div {

		width: 40%;

	}

	.sectionTwo .titleBg .rows div.right {

		width: 60%;

	}

}



@media only screen and (max-width: 991px) {

	.sectionTwo .titleBg .rows {

		text-align: center;

	}

	.sectionTwo .titleBg .rows div {

		width: 100%;

		padding: 0;

	}

	.sectionTwo .titleBg h2 {

		width: 100%;

		margin-bottom: 5px;

	}

	.sectionTwo .titleBg .rows div.right {

		width: 100%;

	}

	.sectionTwo .titleBg h2 span:after {

		display: none;

	}



	.serviceCon .cols {

		width: 100%;

		float: left;

	}

	.serviceCon .cols .flexBox .box {

		min-height: auto;

	}

	.serviceCon .cols:nth-child(2) .flexBox,

	.serviceCon .cols:nth-child(4) .flexBox,

	.serviceCon .cols:nth-child(6) .flexBox {

		flex-direction: row-reverse;

	}

	.serviceCon .cols:nth-child(3) .flexBox {

		flex-direction: row;

	}

}



@media only screen and (max-width: 767px) {

	.sectionTwo .titleBg h2 {

		font-size: 32px;

		line-height: 40px;

	}

}



@media only screen and (max-width: 599px) {

	.serviceCon .cols .imgCon {

		height: 360px;

	}

	.serviceCon .cols .flexBox {

		flex-wrap: wrap;

		margin: 15px 0;

		border-radius: 30px;

		overflow: hidden;

	}

	.serviceCon .cols .flexBox .box {

		width: 100%;

		text-align: center;

	}

	.serviceCon .cols .text-title:after {

		margin: 5px auto 0 auto;

	}

	.serviceCon {

		margin-top: 10px;

		border-radius: 0;

		overflow: auto;

		box-shadow: none;

	}

}



/*services end*/



/*eyewear*/

.eyewearCon {

	margin: 0;

}

.eyewearCon .imgCon {

	margin: 30px 0 0 0;

	position: relative;

	border-radius: 26px;

	overflow: hidden;

}

.eyewearCon .imgCon .btn-default {

	position: absolute;

	bottom: 30px;

	border-radius: 8px;

	left: 34px;

	font-size: 13px;

	line-height: 38px;

	height: 40px;

	padding: 0 18px;

	font-weight: 600;

	background: none !important;

	color: #fff;

	border: 2px solid #fff !important;

}

.eyewearCon .imgCon:hover .btn-default {

	background: #f7f7f7 !important;

	color: #000;

}



.eyewearCon .imgCon .btn-border {

	position: absolute;

	bottom: 70px;

	border-radius: 8px;

	left: 65px;

	font-size: 13px;

	line-height: 38px;

	height: 40px;

	padding: 0 18px;

	font-weight: 600;

	background: none !important;

	color: #000;

	border: 2px solid #000 !important;

}

.eyewearCon .imgCon:hover .btn-border {

	background: #000 !important;

	color: #fff;

}



/*eyewear end*/



/* stores */



.storeCon {

	background: #fff;

 	 

	 

}

 

.storeCon .inner{padding: 0 70px;}











.storeCon .inner ul li{list-style: none; padding:20px 0;}



.storeCon .box{border: 1px solid #ddd; display: block; border-radius: 10px;}



 



.storeCon .box figure {

	width: 100%;

	min-height: 160px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 10px;

	overflow: hidden;

}





.storeCon .box figure img {

	width: 100%;

	 

}

.storeCon .box figcaption {

	padding: 20px 15px;

	text-align: center;

}

.storeCon .box figcaption h3 {

	font-weight: 500;

	font-size: 16px;

	line-height: 22px;  

	height: 45px; overflow: hidden;

}





.storeCon .box:hover figcaption h3{color:#2B3C96; text-decoration: none;}

.storeCon .box:hover, .storeCon .box:focus {text-decoration: none;}





.storeCon .box figcaption p {

	font-size: 14px;

	line-height: 20px;

	margin-top: 3px;

}

.storeCon .box figcaption .btn {

	 

	margin-top: 20px;

}



.storeCon .box:hover {

	background: rgba(255, 255, 255, 1); box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);

}



 

 

 



.storeCon .btn-border {

	border-color: #fff !important;

	background: none !important;

	color: #fff;

}

.storeCon .btn-border:hover {

	border-color: #000 !important;

	background: #fff !important;

	color: #000;

}



.storeCon .owl-next {

	right: -70px; top: 43%;

	color:#2B3C96;

}



.storeCon .owl-prev {

	left: -70px; top: 43%;

	color:#2B3C96;

}





.storeConInside {padding:20px 0;}

.storeConInside ul{margin: 0; padding: 0;}

.storeConInside ul li{width: 20%; float: left; list-style: none; padding: 20px;}



.storeList {

	margin-left: -15px;

	margin-right: -15px;

}

.storeList li {

	width: 25%;

	float: left;

	padding: 15px;

}

.storeList .box {

	background: rgba(255, 255, 255, 0.9);

	border-radius: 26px;

	width: 100%;

	height: auto;

	border: 1px solid #ddd;

	position: relative;

}

.storeList .box:hover {

	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);

}

.storeConInside .comman-title {

	color: #2B3C96;

	text-align: center;

	display: block;

}

.storeConInside .jobsAvailability {

	margin: 20px 0;

}

.storeConInside .jobsAvailability .btn-group {

	margin-left: 5px;

	display: inline-block;

}



.tag {

	position: absolute;

	padding: 3px 10px;

	top: 20px;

	line-height: 20px;

	color: #000;

 	font-size: 14px;

	font-weight: 500;

	right: 20px;

	border-radius: 8px;

	background-color: rgba(255, 255, 255, 0.9);

}

.tag.collection {

	color: #2B3C96;

}

.tag.premium {

	color: #a92000;

}

.tag.partner {

	color: #2000a9;

}









 



@media only screen and (max-width: 1151px) {

    .storeConInside ul li {

	padding:15px; width: 25%; float: left;

}

}





@media only screen and (max-width: 991px) {

    .storeConInside ul li {

	padding:15px; width: 33.33333333333%; float: left;

}



.productsCon{padding:30px 0;}

.productsCon .list{margin-top:20px;}

}



@media only screen and (max-width: 991px) {

    .storeConInside ul li {

	padding:5px; width: 50%; float: left;

}

}











@media only screen and (max-width:991px) {

    .storeCon .inner{padding: 0 20px;}

.storeCon .owl-next{right: -30px;}

.storeCon .owl-prev{left: -30px;}

.storeCon .listOuter {margin-top:30px !important;}

}













/* store details */



.storeDetailGallery .thumbnailCon {

	position: relative;

	margin-top: 30px;

}

.storeDetailGallery .mySlides {

	display: none;

	border-radius: 26px;

	overflow: hidden;

}

.storeDetailGallery .cursor {

	cursor: pointer;

}

.storeDetailGallery .prev,

.storeDetailGallery .next {

	cursor: pointer;

	position: absolute;

	top: 40%;

	color: #fff;

	user-select: none;

	font-size: 30px;

	-webkit-user-select: none;

	text-decoration: none;

}

.storeDetailGallery .next img,

.storeDetailGallery .prev img {

	width: 100%;

	height: auto;

}

.storeDetailGallery .next {

	right: 20px;

}

.storeDetailGallery .prev {

	left: 20px;

}

.storeDetailGallery .numbertext {

	color: #f2f2f2;

	font-size: 12px;

	padding: 8px 12px;

	position: absolute;

	top: 0;

}

.storeDetailGallery .caption-container {

	text-align: center;

	padding: 0;

	margin: 0;

	left: 40px;

	font-weight: 600;

	font-size: 20px;

	color: white;

	position: absolute;

	bottom: 23%;

}

.storeDetailGallery .rows:after {

	content: "";

	display: table;

	clear: both;

}

.storeDetailGallery .column {

	float: none;

	display: inline-block;

	width: 19%;

	padding: 10px 5px;

}

.storeDetailGallery .column img {

	width: 100%;

	border-radius: 8px;

	overflow: hidden;

}

.storeDetailGallery .demo {

	opacity: 0.6;

}

.storeDetailGallery .active,

.storeDetailGallery .demo:hover {

	opacity: 1;

}



.storeMapCon {

	background: #f2f2f2;

	border-radius: 26px;

	padding: 25px 30px;

	margin-top: 30px;

}



.storeMapCon .inner {

	border-radius: 16px;

	overflow: hidden;

	border: 3px solid #fff;

}



.openingHours {

	text-align: center;

	padding-top: 15px;

}

.openingHours strong {

	color: #000;

}

.openingHours .btn-info {

	margin-top: 10px;

	line-height: 40px;

	height: 40px;

	padding: 0 25px;

}



.storeDetail {

	border: 1px solid #ddd;

	padding: 30px;

	border-radius: 26px;

	margin-top: 30px;

}

.storeDetail .cms_area {

	padding: 0;

}



.opticianInpopularCities .list a {

	font-size: 14px;

	line-height: 18px;

	position: relative;

	padding-right: 10px;

	display: inline-block;

}

.opticianInpopularCities .list a:after {

	content: "|";

	position: absolute;

	right: 0;

	top: 0;

	color: #ccc;

}



.copy {

	font-size: 16px;

	color: #999;

	margin-left: 5px;

}

/* stores end*/



/*brand logos*/

.brandLlogos {

	background: #000;

	border-radius: 1px;

	padding: 10px;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

	align-items: center;

}

.brandLlogos a {

	display: block;

	padding: 25px;

}

.brandLlogos a img {

	display: block;

	width: 100%;

}

/*brand logos end*/



/*google review*/



.googleReview {

	background: #fff;

	padding: 60px 50px;

}

.googleReview .listOuter{margin-top: 50px;}



.googleReview ul li{list-style: none;}

.googleReview p {

	margin: 0;

}

.googleReview .ratings {

	font-size: 18px;

	line-height: 26px;

	margin-top: 5px;

	float: right;

}

.googleReview .ratings .fa {

	margin: 0 2px;

}

.googleReview .ratings span {

	color: #ccc;

}

.googleReview .inner {

	padding: 0 5%;

}



.googleReview .box {

	background: #fff;

	padding: 30px;

	border-radius: 10px;

	text-align: left;

	position: relative;

	 border:1px solid #ddd;

}



.googleReview .box figure .avatarPic {

	width: 48px;

	height: 48px;

	border-radius: 100%;

	overflow: hidden;

	background: #f5f5f5;

	display: inline-block;

	margin-right: 10px;

	float: left;

}

.googleReview .box figure .avatarPic img {

	width: 100%;

	height: auto;

}

.googleReview .box figure {

	font-size: 16px;

	color: #000;

	font-weight: 700;

	line-height: 20px;

	margin-bottom: 10px;

	float: left;

}

.googleReview .box figure small {

	display: block !important;

	font-size: 13px;

	color: #777;

	font-weight: 400;

}



.googleReview .box .gIcon {

	position: absolute;

	top: 40px;

	right: 30px;

}

.googleReview .box .gIcon img {

	width: 24px;

}



.googleReview .box .dots {

	margin-top: 20px;

	line-height: 10px;

}

.googleReview .box .btn-link {

	color: #999;

	text-decoration: underline;

	font-size: 12px; text-transform: inherit; letter-spacing: 0;

}

.googleReview .box .btn-link:hover .btn-link {

	text-decoration: none;

}

.googleReview .owl-prev {

	left: -70px;

}

.googleReview .owl-next {

	right: -70px;

}

.googleReview figcaption {

	margin-top: 15px;

}

.googleReview figcaption p {

	font-size: 13px;

	line-height: 20px;

}



/*google review end*/



/* reels */



.reelsCon{ background: #F5F1EC; padding: 60px 0;}



.reelsCon .rBox{width: 100%; height: 400px; background: #000; overflow:hidden; border-radius: 16px; overflow: hidden;}

.reelsCon .list{margin:0; padding: 0; margin-top:  30px;}

.reelsCon .list li{list-style: none; width: 25%; float: left; padding: 15px;}



.reelsCon2{background: none; padding: 0;}

.reelsCon .list{margin:0; padding: 0; margin-top:  10px;}

/* reels end */



/*newsletter*/



.newsletterCon {

	padding: 100px 0 100px;

	background:#fff;

 }

.newsletterCon h3 {

	text-align: center;

	font-weight: 900;

	font-size: 40px;

	line-height: 48px;

	color:#2B3C96;

}

.newsletterCon .formBox {

	display: flex;

	width: 800px;

	margin: 50px auto 0 auto;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: center;

}



.newsletterCon .formBox .left {

	width: 66%;

}

.newsletterCon .formBox .right {

	width: 34%;

}



.newsletterCon .formBox .form-control {

	height: 74px;

	padding: 10px 25px;

	background: #fff;

	border: 0;

	border-radius: 8px 0 0 8px;

	box-shadow: none;

	font-size: 18px;

	border: 1px solid #2B3C96;

}

.newsletterCon .formBox .btn {

	height: 74px;

	padding: 0 25px;

	line-height: 74px;

	font-size: 18px;

	font-weight: 500;

	margin-left: -10px;

}

.newsletterCon .formBox .form-control:focus {

	background-color: #fff;

	box-shadow: 0px 4px 10px -8px rgba(0, 0, 0, 0.5);

	border: 1px solid #2B3C96 !important;

}

/*newsletter end*/



/*gmap*/

.gmapCon {

	background: #000;

	height: 400px;

	width: 100%;

	overflow: hidden;

	position: relative;

}



.gmapCon .contentBox {

	width: 420px;

	color: #fff;

	z-index: 999;

	padding: 50px;

	height: 100%;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	top: 0;

	right: 60px;

}

.gmapCon .contentBox .title {

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	position: relative;

	display: inline-block;

}

.gmapCon .contentBox .smallTxt {

	font-size: 14px;

	width: 150px;

	font-weight: 400;

	margin: 30px 0 30px 0;

}

.gmapCon .contentBox .contact {

	margin: 0;

}

.gmapCon .contentBox .contact a {

	color: #fff;

	font-weight: 700;

	margin-left: 5px;

}



.gmapCon .contentBox .title:after {

	content: "";

	width: 50px;

	height: 2px;

	background: #fff;

	position: absolute;

	top: 10px;

	right: -60px;

}

/*gmap end*/



/*bottom benefits list*/

 



.sectionOne{padding: 50px 0 40px 0;}

.sectionOne .inner ul{display:table; margin: 0 auto; padding: 0; width:100%;}

.sectionOne .inner ul li{list-style: none; padding: 0 15px; display: table-cell; overflow: hidden; width:33.33333333333333%;}

  



.sectionOne .inner ul li .flexCon{background: #f2f2f2; overflow: hidden; padding:30px 50px 30px 40px; border-radius:10px;}

.sectionOne .inner ul li .left{display: block; position: relative; text-align:center;}

.sectionOne .inner ul li .left img{height: 48px; position: absolute; left: 0;} 

.sectionOne .inner ul li figcaption{  padding-left: 30px;}



.sectionOne .inner ul li h3{color:#2B3C96; font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 24px;}

.sectionOne .inner ul li p{margin: 0; font-weight: 300; font-size: 15px;}

 



 

 



 @media screen and (max-width: 1151px) {

 .sectionOne .inner ul li h3{font-size: 14px; line-height: 20px;}

 .sectionOne .inner ul li p{font-size: 14px; line-height: 20px;}

 

}

 



 @media screen and (max-width: 991px) {

 .sectionOne .inner ul li .flexCon{padding:20px;}

 .sectionOne .inner ul li{padding:0 5px;}

}



@media screen and (max-width: 767px) {

 .sectionOne{padding: 30px 0;}

.sectionOne .inner ul{display:block;}

.sectionOne .inner ul li{padding:5px 0; display:block; width:100%;}

.sectionOne .inner ul li .left img{right:0; left:inherit;}

.sectionOne .inner ul li figcaption{padding-left:0;}

.sectionOne .inner ul li .left{display: block; position: relative; text-align:left;}



} 



/*bottom benefits list end*/







/* about */







.aboutCon {

	background: #2B3C96 url(../images/aboutBg.jpg) no-repeat center top;
	padding: 80px 0 90px;
	height: auto;
	background-attachment: fixed;
	margin-top: 50px;
	background-size:cover;

}

.aboutCon .innerBox {

	width: 50%;

	float: right;

	 

}

 .aboutCon .innerBox h2 {

	font-size: 48px;

	font-weight: 900;

	display: block;  

	position: relative;

	color:#fff;

	line-height: 44px;

}

.aboutCon .innerBox h2 span{

	font-size: 20px; font-weight: 500;

	text-transform: uppercase;

	position: relative;

	display: block;

}



.aboutCon .innerBox h2 span:after{

	content:""; width: 40px; height: 2px; background: #F16527; position: absolute; top: 20px; left:80px ;

}





.aboutCon .innerBox h3{color:#fff; font-weight: 700; font-size: 28px; margin-top: 40px;}





.aboutCon .innerBox p {

	font-size: 18px;

	line-height: 32px;

	font-weight: 400;

	margin-top: 15px;

	color: #fff;

	padding-right: 10%;



}



.aboutCon .innerBox ul{margin: 15px 0 0 0; padding: 0;}



.aboutCon .innerBox ul li{

	font-size: 18px;

	line-height: 32px;

	font-weight: 400;

 	color: #fff;

	list-style: none;

	position: relative;



}



.aboutCon .innerBox ul li span{

	 margin-right: 10px;

	color:#F16527;

}



.aboutCon .innerBox .btn{margin-top: 40px;}



@media screen and (max-width: 991px) {

.aboutCon {

	background: #2B3C96 url(../images/aboutBg.jpg) no-repeat center center;

	padding: 50px 0;
 	text-align: center;
    background-size:cover;
	background-attachment: scroll;

}

.aboutCon .innerBox {

	width: 100%

}

 

.aboutCon .innerBox .display-3 span {

	font-size: 20px;

	line-height: 26px

}



.aboutCon .innerBox h2 span:after{display:none;}



.aboutCon .innerBox p {

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 20px;

	padding:0;

}



.aboutCon .innerBox h3{font-size:24px; line-height:30px; margin-top:20px;}

.aboutCon .innerBox ul li {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: #fff;

    list-style: none;

    position: relative;

}





}







/* about end */































/*footer*/



.footer {

	background: #2B3C96;

	padding: 40px 0 0 0;

	margin-top: 0;

	position: relative;

}



.footer .reviewImg {

	margin-top: 30px;

}

.footer .reviewImg a {

	margin-right: 10px;

}



.sitemap {

	float: left;

	width: 70%;

	padding-right: 30px;

	border-right: 1px solid rgba(255,255,255,.1);

}

.sitemap .col-sm-3 {

	width: 22%;

	min-height: 165px;

}



.sitemap .col-sm-3:nth-child(3) {

	border-right: 1px solid rgba(255,255,255,.1);

	width: 20%;

}



.footer h4 {

	font-size: 14px;

	line-height: 24px;

	font-weight: 700;

	font-family: "Inter", sans-serif;

	margin-bottom: 10px;

	color: #fff;

	text-transform: uppercase;

	position: relative;

	z-index: 2;

}

.sitemap .links2 {

	margin-top: 66px;

}

.sitemap .links a {

	display: block;

	color: #fff;

	margin-top: 3px;

	font-size: 13px;

	line-height: 20px;

	text-decoration: none;

}

.sitemap .links a:hover {

	text-decoration: underline;

}

.fRight {

	color: #fff;

	width: 28%;

	padding-left: 30px;

	font-size: 1rem;

	float: right;

}

.fRight a {

	color: #666;

}



.footer .contact {

	width: 34%;

	padding: 0 0 0 6%;

}

.footer .contact p {

	font-size: 13px;

	color: #fff;

	line-height: 20px;

}

.footer .contact a {

	color: #fff;

	font-weight: 500;

}



.social a {

	display: inline-block;

	width: 34px;

	height: 34px;

	border-radius: 8px;

	padding: 7px;

	text-align: center;

	color: #fff;

	font-size: 20px;

	margin-right: 3px;

	background: #333333;

	text-decoration: none;

}





.social a:nth-child(1){background: #1877F2;}

.social a:nth-child(2){background: #000000;}

.social a:nth-child(3){background: #0077B5;}

.social a:nth-child(4){background: #d6249f;

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

	box-shadow: 0px 3px 10px rgba(0,0,0,.25);}

.social a:nth-child(5){background: #FF0000;}

.social a:nth-child(6){background:#E60023;}

.social a:nth-child(7){background:#ff0084;}

.social a:nth-child(8){background:#34526f;}







/* .social a:hover,

.social a:focus {

	background: #2B3C96;

	box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);

} */

.social a .fa {

	font-size: 20px;

}

.trustedBy {

	float: left;

}

.trustedBy span {

	background: #f85b59;

	border-radius: 10px;

	padding: 12px 20px;

	font-size: 20px;

	font-weight: 600;

	position: relative;

	margin-right: 10px;

}

.trustedBy span:after {

	width: 0;

	height: 0;

	content: "";

	right: -7px;

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

	border-left: 7px solid #f85b59;

}

.trustedBy img {

	margin-right: 20px;

}

.countries a {

	font-size: 16px !important;

	margin-bottom: 16px;

}

.countries a img {

	margin-right: 10px;

}

.fText {

	font-size: 0.9em;

	margin-top: 20px;

	padding: 20px 0px;

	border-top: 1px solid   rgba(255, 255, 255, 0.1);

	color: #005e80;

	line-height: 1.35rem;

	text-align: justify;

	opacity: 0.8;

}

.copyrightText {

	padding: 20px 0;

	font-size: 13px;

	color: #fff;

	border-top: 1px solid rgba(255, 255, 255, 0.1);

	margin-top: 30px;
	display:flex; justify-content:space-between;

}

.copyrightText2 {

	font-size: 13px;

	text-transform: uppercase;

	color: #fff;

	margin: 0; text-align: right; 

}

.fBtn .btn2{margin:2px;}

.copyrightText2 strong, .copyrightText2 a {

	color: #fff;

	font-weight: 600;

}



@media only screen and (max-width: 1279px) {

	.sitemap {

		float: left;

		width: 70%;

	}

	

	.footer .contact{padding: 0 0 0 3%;}

}
@media only screen and (max-width: 1151px) {
    .copyrightText {
  
	display:flex; justify-content:center; flex-wrap: wrap;

}

.fBtn{width:100%; text-align:center;}
.copyrightText2{text-align:center; width:100%; margin-top:10px;}
}


@media only screen and (max-width: 991px) {

	.sitemap {

		float: left;

		width: 100%;

	}

	.sitemap .third {

		width: 20%;

		margin-top: 30px;

	}



	.fRight {

		border-left: 0;

		padding: 30px 0 0 0;

		border-top: 1px solid rgba(255,255,255,.1);

		width: 100%;

		margin-top: 30px;

	}

	

	

	.sitemap{border:0; padding-right:0;}

	.sitemap .col-sm-3 {

     

    min-height: 105px;

}

	

 	

}





@media only screen and (max-width: 767px) {

    .sitemap .col-sm-3{width:33.3333333333%;}

    .footer .contact{width:100%; padding:0 0 0 15px; margin-top:20px;}

    .sitemap .col-sm-3:nth-child(3){border:0;}

    .sitemap .col-sm-3:nth-child(3){width:33.3333333333%;}

    .copyrightText{margin-top:30px; padding:20px 0 50px 0;}

}



@media only screen and (max-width: 480px) {

    .sitemap .col-sm-3{width:50%;}

    .footer .contact{width:100%; padding:0 0 0 15px; margin-top:20px;}

    .sitemap .col-sm-3:nth-child(3){border:0; margin-top:20px; height:80px; width:100%;}

     	.sitemap .col-sm-3 {

     

    min-height: auto;

}

.copyrightText2{font-size:12px;}



}





 

/*inside css*/



.pageTitleCon {

	background: #2680eb;

	padding: 150px 0 70px;

	text-align: center;

	position: relative;

}

.pageTitleCon:before {

	height: 80px;

	width: 100%;

	background: #ffffff;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

}

.pageTitleCon h1 {

	color: #fff;

}

.pageTitleCon p {

	color: #aec2dd;

	font-size: 15px;

	line-height: 26px;

	margin-top: 10px;

}

.pageTitleCon .form-inline {

	text-align: center;

	display: block;

	margin-top: 30px;

}

.pageTitleCon .form-inline label {

	display: inline-block;

	margin-right: 25px;

	font-size: 16px;

	color: #aec2dd;

	font-weight: 300;

}

.pageTitleCon .form-inline .form-control {

	width: 265px;

	background: #194176;

	color: #ffffff;

	border: 2px solid #5981b6 !important;

	height: 50px !important;

	padding: 5px 20px;

	font-size: 15px;

}

.pageTitleCon2 {

	padding: 150px 0 100px;

}



@media screen and (max-width: 991px) {

	.pageTitleCon {

		padding: 100px 0 40px 0;

	}

	.pageTitleCon:before {

		height: 60px;

	}

	.pageTitleCon h1 {

		font-size: 24px;

		line-height: 30px;

	}

	.pageTitleCon2 {

		padding: 120px 0 90px;

	}

}



@media screen and (max-width: 767px) {

	.pageTitleCon .form-inline {

		text-align: center;

		margin-top: 15px;

	}

	.pageTitleCon .form-inline label {

		display: block;

		margin-right: 0;

	}

	.pageTitleCon .form-inline .form-control {

		width: 265px;

		margin: auto;

		display: block;

	}

}



.breadcrumb_con {

	overflow: hidden;

	background: #f2f2f2;

	padding: 10px 0 8px;

	 

}

.breadcrumb {

	display: block;

	width: auto;

	background: none;

	font-size: 13px;

	font-weight: 400;

	margin: 0;

	padding: 0;

	color: #777;

}



.breadcrumb li a {

	font-weight: 400;

	text-decoration: underline;

	color: #000;

}

.breadcrumb li a:hover {

	text-decoration: none;

}

.breadcrumb > li + li:before {

	color: #777;

	font-size: 14px;

	margin: 0 2px;

	content: "\f105";

	position: static;

	font-family: "FontAwesome";

}

.middleGray {

	background: #f9f9f9;

}

.cmsBox {

	border: 1px solid #eee;

	border-top: 0;

	border-bottom: 0;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	background: #ffffff;

	padding: 30px 0;

	min-height: 300px;

}

.cmsBox h1 {

	font-size: 30px;

	color: #000;

	line-height: 34px;

	border-bottom: 1px solid #eee;

	padding: 0 30px 10px 30px;

}

.cmsArea {

	padding: 20px 40px 20px 40px;

}

.cmsArea h2 {

	font-size: 24px;

	line-height: 28px;

	color: #000;

	position: relative;

}

.cmsArea h2:after {

	position: static;

	margin-top: 10px;

	display: block;

	content: "";

	width: 50px;

	height: 1px;

	background: #2680eb;

}

.cmsArea h3 {

	font-size: 25px;

	line-height: 28px;

	color: #333333;

	margin: 0;

}

.cmsArea p {

	color: #020202;

	font-size: 15px;

	font-weight: 300;

	line-height: 24px;

}

.cmsArea .centerTxt {

	font-size: 18px;

	margin: 0;

	line-height: 30px;

	padding: 15px 4%;

}

.cmsArea hr {

	border-color: #eee;

	margin: 30px 0;

}

.cmsArea .btn-link {

	color: #269abc;

}

.cmsArea ul {

	margin: 20px 0 0 30px;

}

.cmsArea ul li {

	font-size: 15px;

	line-height: 24px;

	list-style: none;

	color: #020202;

	position: relative;

	padding: 0 0 0 18px;

}

.cmsArea ul li:before {

	content: "\f061";

	font-family: "FontAwesome";

	width: 10px;

	height: 10px;

	top: -2px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #2680eb;

}

.cmsArea ol {

	margin: 20px 0 0 80px;

}

.cmsArea ol li {

	color: #020202;

	font-size: 15px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 18px;

}

.cmsArea .cmsImg {

	float: right;

	margin: 10px 0 20px 20px;

}



@media screen and (max-width: 599px) {

	.cmsArea p {

		text-align: left !important;

	}

	.cmsArea ul {

		margin-left: 0;

	}

	.cmsArea ol {

		margin-left: 30px;

	}

}

.careersCon {

	padding: 40px 0;

}

.careersCon .listCon {

	padding: 30px;

	border: 1px solid #eee;

	margin: 20px 0;

	border-radius: 10px;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	background: #ffffff;

}

.careersCon .listCon:hover {

	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.03);

}

.careersCon .listCon a {

	color: #333;

	text-decoration: none;

}

.careersCon .listCon h3,

.careersCon .listCon a h3 {

	margin: 0;

	font-weight: 600;

}

.careersCon .listCon a p {

	font-size: 15px;

	margin-top: 10px;

	margin-bottom: 0;

	color: #020202;

}

.careersCon .listCon p,

.careersCon .listCon ul li {

	font-size: 15px;

	padding: 3px 0;

	color: #020202;

}

.careersCon .listCon p span {

	margin-right: 10px;

	display: inline-block;

}

.careersCon .listCon p span em {

	font-size: 15px;

	color: #999999;

}

.careersCon .listCon p span strong {

	font-weight: 500;

	color: #2680eb;

}

.careersCon .listCon:hover a p {

	text-decoration: underline;

}

.careersCon .listCon .bttonCon {

	text-align: center;

}

.careersCon .listCon .bttonCon .btn-info {

	background: #fff !important;

	font:

		400 16px/42px "K2D",

		sans-serif;

	height: 44px;

	color: #2680eb;

	border: 1px solid #2680eb !important;

	outline: none;

	border-radius: 10px;

	padding: 0 25px;

	box-shadow: none;

}

.careersCon .listCon:hover .bttonCon .btn-info,

.careersCon .listCon .bttonCon .btn-info:focus {

	background: #2680eb !important;

	box-shadow: none;

	color: #fff !important;

}

.jobsModal .modal-content {

	overflow: hidden;

}

.jobsModal .modal-header .modal-title {

	font-weight: 700;

	font-size: 20px;

	padding: 10px 20px;

	display: inline-block;

}

.jobsModal .modal-header .modal-title small {

	color: #fc952c;

}

.jobsModal .modal-body {

	background: #f9f9f9;

	padding: 30px;

}

.jobsModal .modal-body .form-control {

	height: 50px;

	border: 1px solid #b3b3b3;

	border-radius: 10px;

	padding: 12px 15px;

	margin: 10px 0;

}

.close {

	float: right;

	font-size: 30px;

	font-weight: 700;

	line-height: 1;

	color: #999;

	text-shadow: 0 1px 0 #fff;

	filter: alpha(opacity=20);

	opacity: 1;

}

.jobsModal .modal-body .btn-default {

	font:

		400 16px/42px "K2D",

		sans-serif;

	border-radius: 10px;

	height: 44px;

	padding: 0 25px;

}



.modal-body{padding: 40px;}

.modal-body .form{margin-top: 20px;}



.modal-body .close{position: absolute; right: 20px; top:20px; color:#2B3C96;}

 

@media only screen and (max-width: 768px) {

	.careersCon {

		padding: 30px 25px;

	}

	.careersCon .listCon .bttonCon {

		text-align: left;

		margin-top: 15px;

	}

}

.contactTxt p {

	font-size: 22px;

	text-align: center;

	line-height: 34px;

	font-weight: 300;

	margin: 20px 0;

}



/*inner pages clasess*/



/*login register*/



.loginCon .checkbox-inline,

.radio-inline {

	padding-left: 0;

}

.loginBg {

	background: #fff;

 }

.loginCon .hintText {

	font-size: 12px;

	line-height: 18px !important;

	margin: 5px 0 15px;

	display: block;

}



.loginCon .bottomTxt {

	font-size: 15px;

	margin-top: 25px;

	color: #000;

}

.loginCon .bottomTxt a {

	color: #2B3C96;

	text-decoration: underline;

}

.loginCon .bottomTxt a:hover {

	text-decoration: none;

}

.loginCon .loginBox {

	background: #fff;

	width: 600px;

	overflow: hidden;

	min-height: 100px;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.16);

	margin: auto;

	margin-top: 30px;

	border-radius: 16px;

	border: 1px solid #ddd;

}

.loginCon .loginBox .tab {

	border-bottom: 1px solid #deeaf3;

}

.loginCon .loginBox .tab a {

	width: 50%;

	float: left;

	text-align: center;

	font-size: 20px;

	line-height: 60px;

	color: #777;

	font-weight: 400;

	display: block;

	padding: 0 20px;

	text-decoration: none;

	background: #f5f5f5;

}

.loginCon .loginBox h3 {

	width: 100%;

	text-align: center;

	font-size: 24px;

	line-height: 34px;

	font-weight: 700;

	color: #000;

	display: block;

	margin: 40px 0 20px 0;

}

.loginCon .loginBox .tab a.active {

	background: #fff;

	color: #000;

	font-weight: 600;

}

.loginCon .loginBox .form_con {

	padding: 35px 50px 50px;

}

.loginCon .loginBox .form_con .row {

	margin-top: 5px;

	margin-left: -5px;

	margin-right: -5px;

}

.loginCon .loginBox .form_con .row .cols,

.loginCon .loginBox .form_con .row .col-md-12 {

	padding: 0 5px;

}

.loginCon .loginBox .form_con .row .form-group {

	margin: 5px 0;

}

.loginCon .loginBox .form_con h5 {

	font-size: 14px;

	font-weight: 400;

	color: #999;

}

.loginCon .loginBox .price1 label {

	font-size: 75px;

	font-weight: 600;

	margin: 30px 0 0;

	line-height: 70px;

}

.loginCon .loginBox .price1 label span {

	font-size: 50px;

	font-weight: 300;

	color: #999999;

}

.loginCon .forgot-password {

	display: inline-block;

	text-decoration: underline;

	color: #181618;

}

.loginCon .form-group {

	margin: 10px 0;

}

.loginCon .form-check-label {

	font-weight: 400;

	color: #777;

}

.loginCon .form-check-label .form-check-input {

	margin-top: 3px;

}

.loginCon .or {

	display: block;

	border-top: 2px dotted #eee;

	margin: 40px 0;

	position: relative;

}

.loginCon .or:after {

	position: absolute;

	content: "or";

	width: 35px;

	height: 35px;

	background: #ffffff;

	left: 50%;

	top: -18px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	border: 2px dotted #eee;

	border-radius: 100%;

	text-align: center;

	padding: 7px 0;

	font-weight: 500;

	color: #aaa;

	font-size: 14px;

}

.loginCon .radioBtns {

	margin: 15px 0 10px;

}

.loginCon .radioBtns label {

	width: 50%;

	float: left;

}

.loginCon .radioBtns label .btnInfo {

	text-transform: uppercase;

	text-align: center;

	border: 2px solid #38c2d9;

	color: #38c2d9;

	height: 50px;

	padding: 15px 15px;

	display: block;

	cursor: pointer;

}



.form label {

	font-weight: 500;

	font-size: 15px;

}

.loginCon .radioBtns label .btnInfo h4 {

	font-size: 14px;

}

.loginCon .radioBtns label .selectStyleRadio {

	display: none;

}

.loginCon .cCheckPoint label {

	font-size: 14px;

	line-height: 22px;

	font-weight: 300;

}

.loginCon .cCheckPoint label .form-check-input {

	margin-top: 5px;

}

.loginCon .cCheckPoint .form-check {

	margin: 20px 0 25px;

}

.loginCon .radioBtns label:nth-child(1) .btnInfo {

	border-radius: 5px 0 0 5px;

	border-right: 1px solid #38c2d9;

}

.loginCon .radioBtns label:nth-child(2) .btnInfo {

	border-radius: 0 5px 5px 0;

	border-left: 1px solid #38c2d9;

}

.loginCon .radioBtns label .selectStyleRadio:checked + .btnInfo {

	background: #38c2d9;

	color: #ffffff;

}

.socialMediaLogin {

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: nowrap;

	margin: 20px -5px 0 -5px;

}

.socialMediaLogin a {

	width: 50%;

	height: 50px;

	line-height: 48px;

	border-radius: 8px;

	display: inline-block;

	background: #fff;

	text-align: center;

	color: #38c2d9;

	font-size: 16px;

	margin: 5px;

	padding: 0;

	font-weight: 600;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.2);

	box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.2);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

}

.socialMediaLogin .facebook {

	color: #39569c;

	border: 1px solid #39569c;

}

.socialMediaLogin .facebook:hover {

	background: #39569c;

	color: #ffffff;

}

.socialMediaLogin .twitter {

	color: #5bc0de;

}

.socialMediaLogin .twitter:hover {

	background: #5bc0de;

	color: #ffffff;

}

.socialMediaLogin .google {

	color: #de5246;

	border: 1px solid #de5246;

}

.socialMediaLogin .google:hover {

	background: #de5246;

	color: #ffffff;

}

.verifyMessage {

	font-size: 15px;

	padding: 10px;

	line-height: 22px;

}



@media only screen and (max-width: 599px) {

	.loginCon .loginBox {

		width: 100%;

	}

	.loginCon .loginBox .form_con {

		padding: 20px 30px 30px;

	}

	.loginCon .facebookBtn {

		font-size: 14px;

	}

	.loginCon .facebookBtn:after {

		width: 50px;

	}

}



@media only screen and (max-width: 599px) {

	.loginCon .facebookBtn {

		padding-left: 60px;

	}

	.loginCon .facebookBtn:after {

		width: 45px;

	}

}

/*login register end*/



/*category and sub category clasess*/



ul.cs_con {

	margin: 15px 0 0 0;

	padding: 0 15px;

}

ul.cs_con li {

	width: 33.333333%;

	float: left;

	list-style: none;

	margin: 25px 0;

}

ul.cs_con li .inner {

	background: #fff;

	width: 300px;

	margin: auto;

}

ul.cs_con li .inner figure {

	width: 320px;

	display: block;

	overflow: hidden;

	height: 216px;

	border-radius: 10px;

}



ul.cs_con li .inner figure img {

	width: 100%;

	display: block;

	height: auto;

}



ul.cs_con li .inner figcaption {

	padding: 15px 10px 0 10px;

}



ul.cs_con li .inner figcaption h3 {

	font-size: 20px;

	font-weight: 400;

	line-height: 26px;

	color: #000;

	margin: 0;

}

ul.cs_con li .inner figcaption .shop_now {

	font-weight: 400;

	text-transform: uppercase;

	font-size: 13px;

	display: inline-block;

	color: #00bbff;

	margin: 5px 0 0 0;

}

ul.cs_con li .inner:hover figcaption .shop_now {

	text-decoration: underline;

}

.productList {background: #fff; padding: 0;}

.productList .list {

	padding: 0;

	margin-top: 5px;

	margin-left: -15px;

	margin-right: -15px;

}

.productList .list li {
	width: 25%;
	float: left;
	padding: 15px;

}

 @media only screen and (max-width: 1279px) {
     
.productList .list li {
	padding:15px; width: 33.333333333333%; float: left;

}
 }

@media only screen and (max-width: 1151px) {

.productList .list li {
	padding:15px; width: 33.333333333333%; float: left;

}



 



}





@media only screen and (max-width: 991px) {

    .productList .list li {

	padding:15px; width: 33.33333333333%; float: left;

}



.productsCon{padding:0 0;}

.featuredProducts{padding:40px 0;}
.productList .list{margin-top:20px; }

}



@media only screen and (max-width: 991px) {

    .productList .list li {

	padding:5px; width: 50%; float: left;

}



.productList .list {

 

	margin-left: -5px;

	margin-right: -5px;

}





}

@media only screen and (max-width: 599px) {
    .productsCon .list li .box figcaption{padding:15px;}
    .productsCon .list li{width:100%;}
}



 

/*category and subcategory end*/





/* shop by discount */



.discountSection{background: #2B3C96 url(../images/texure.png) repeat; padding: 60px 0 40px;}

.discountSection .inner{display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 70%; margin: 20px auto 0 auto;}

.discountSection .inner .cols{padding: 30px; text-align: center;}

.discountSection .inner .cols {width: 33.333333333%;}

.discountSection .inner .cols img{width: 100%;}



.discountSection .comman-title{color:#fff;}

.discountSection .comman-title:after{background: #fff;}



.discountSection .inner2{display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 80%; margin: 20px auto 0 auto;}



.discountSection .inner .cols img{width: 100%; border-radius: 10px;}

/* shop by discount end*/







/*product detail*/



.pDetailCon {

	padding: 0;

}

.pDetailCon .cols {

	width: 30%;

	float: left;

}



.dtl_images {

	margin: 0;

	position: relative;

	width: 300px;

	min-height: 250px;

	margin-top: 40px;

}

.pDetailCon .dtl_contents {

	width: 70%;

	margin-top: 40px;

	position: relative;

	padding-left: 30px;

}



.dtl_contents .wishlist {

	position: absolute;

	right: 0;

	top: 7px;

	width: 44px;

	height: 40px;

	border-radius: 8px;

	background: #fff;

	border: 1px solid #2B3C96;

	text-align: center;

	font-size: 20px;

	font-weight: 600;

	padding: 9px 0;

	color: #2B3C96;

	text-decoration: none;

}

.dtl_contents .wishlist:hover {

	background: #2B3C96;

	color: #fff;

}



.dtl_contents h3 {

	line-height: 28px;

	font-size: 18px;

	font-weight: 700;

	margin: 0;

}

.dtl_contents .table p {

	margin: 0;

}

.dtl_contents .price {

	font-size: 18px;

	color: #000;

	margin-top: 15px;

}

.dtl_contents .price .right {

	float: right;

}





.dtl_contents .price .line-through {

	text-decoration: line-through; color: #777;

}

.pSize {

	width: fit-content;

	overflow: hidden;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	margin-top: 5px;

}

/*.pSize input[type="radio"] {*/

/*	display: none;*/

/*}*/







.pSize label {

	padding: 0 5px; 

	min-width: 48px;

	height: 36px;

	line-height: 36px;

	border-radius: 2px;

	text-align: center;

	border: 1px solid #ddd;

	cursor: pointer;

	font-size: 13px;

	font-weight: 500;

	transition: all 0.3s;

	margin-right: 8px;

	position:relative;

	cursor:pointer;

}



.pSize label:hover {

	background:#f5f5f5;

	color: #000;

}

.pSize input:checked + label {

	background-color:#e7eaf8 !important;

border:1px solid #2B3C96;

}





.pSize label.active{background-color:#e7eaf8 !important;

border:1px solid #2B3C96;}





.dtl_contents .btnCon {

	margin-top: 20px;

}



.dtl_contents .btnCon .dtl_inr_box1 .btn{margin:5px; width:200px;}



.mobDetailImg{display:none;}



.dtl_contents .brandName {

	background: #000;

	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 .pCode {

	color: #000;

	font-size: 14px;

	font-weight: 500;

}

.dtl_contents .stock.green {

	color: #2dbc10;

	font-weight: 500;

}

.dtl_contents .stock.red {

	color: #ec1e1e;

	font-weight: 500;

}

 

.dtl_contents .form {

	margin-top: 10px;

}

.dtl_contents .form-control {

	height: 36px;

}

.dtl_contents .form-group {

	margin-bottom: 5px;

}

.dtl_contents .form .btn-default {

	border: 1px solid #ccc;

}

.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

	padding: 10px;

}



.dtl_contents .productColor label {

	width: 28px;

	height: 28px;

}



.dtl_contents .share {

 	float: left;

	margin-top: 4px;

}

.dtl_contents .right .btn-default {

	background: #000;

	color: #fff;

}



.dtl_inr_box1 {

	float: left;

	width: 100%;

}

.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%;

}

.mobileProductImg{text-align:center; margin:30px 0 20px;}
.mobileProductImg img{display:inline-block;}
.gallery-viewer{text-align:center;}

#gallery_pdp{margin-top:10px;}
#gallery_pdp{display:flex; flex-wrap:nowrap;}
#gallery_pdp .ds_thm {

	border-radius: 5px;

	overflow: hidden;

	width: 25%;

	height: 85px;

 

	border: 1px solid #ddd;
	margin:3px;

}


#gallery_pdp .ds_thm {text-align:center;}

#gallery_pdp .ds_thm img {

	max-width: 100%;

	height: 100%;

	display: inline-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;

}







.leftRight {display: flex; justify-content: space-between;}

.leftRight .left {

	width: 65%;

	float: left;

}











.leftRight .availability {

	width: 40%;

	padding-left: 20px;

	float: right;

	margin-top: 20px;

}

.leftRight .availability .inner {

	width: 100%;

	padding: 20px;

	background: #f5f5f5;

	border-radius: 10px;

}

.leftRight .availability .inner h4 {

	font-weight: 600;

	text-align: center;

}



.priceRadio {

	background: #fff;

	border-radius: 8px;

	padding: 24px 5px;

	border: 1px solid #ddd;

}

.priceRadio input[type="radio"] {

	margin-top: 3px;

}



.priceRadio .checkbox-inline,

.priceRadio .radio-inline {

	padding-left: 0;

	font-size: 14px;

	font-weight: 500;

	margin-left: 15px;

}





.product-dtl-img{text-align:center;}



@media only screen and (max-width: 1279px) {

	.pDetailCon .dtl_contents {

		 width:65%;

		float: right;

	}

}



@media only screen and (max-width: 1151px) {

	.pDetailCon .dtl_contents {

		 	 width:60%;

		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;

		padding: 0;

	}

	

	.mobDetailImg{display:block; text-align:center; margin-top:20px;}

	.mobDetailImg img{display:inline-block;}

}



@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;

	}

	

	.dtl_contents .btnCon .dtl_inr_box1 .btn{margin:5px 0; width:100%;}

}



/*product detail end*/



/*cms area*/

.cms_area {

	padding: 40px 0;

}

.cms_area2 {

	padding: 0 !important;

}

.cms_area h1 {

	color:#000;

	font-size: 24px;

	line-height: 32px;

	border-bottom: 1px solid #eee;

	margin: 0 0 20px 0;

	padding-bottom: 10px;

}



.cms_area h3 {

	font:

		700 18px/20px "Inter",

		sans-serif;

}

.cms_area img {

	margin: 0 0 25px 0;

}

.cms_area ul,

.cms_area ol {

	font:

		400 15px/22px "Inter",

		sans-serif;

	margin: 30px 0 30px 0px;

}

.cms_area p strong{color: black;}

/*cms area ends*/



/*cart*/

.noCartItem{min-height:300px;}

.cart-right b {

	color: #000;

}



.mylsttb {

	padding: 25px;

	border-bottom: 1px solid #ddd;

}

.thm_cont {

	width: 100px;

	height: 100px;

	text-align: center;

	border: 1px solid #ddd;

	overflow: hidden;

	background: #fff;

	display: block;

	border-radius: 8px;

}

.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: #000;

}



.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;

}

.invoice_logo {

	float: right;

	margin: 0 10px 0 0;

}

.inv_box2 {

	min-height: 170px;

}





.form-horizontal .comman-title2 {margin-bottom:15px;}





 @media only screen and (max-width: 767px) {

     .mylsttb {margin:20px 0 0 0; }

 }

 









/*cart ends*/



/*payment*/

.selectPayment {

	display: flex;

	flex-wrap: nowrap;

}

.selectPayment .cols {

	width: 50%;

}

.selectPayment .cols input[type="checkbox"],

input[type="radio"] {

	line-height: normal;

	display: inline-block;

	margin-top: 4px;

}

.selectPayment .cols:nth-child(1) {

	border-radius: 8px 0 0 8px;

}

.selectPayment .cols:nth-child(3) {

	border-radius: 0 8px 8px 0;

}

.selectPayment input[type="radio"] {

	margin-top: 3px;

}

/*payment end*/



/*invoice*/

.bg-success {

	background: #E2E9E2;

	border: 1px dashed #118D1A;

}

/*invoice end*/



/*my account*/

.myAccount {

	margin-bottom: 70px;

}



.myAccount2 {

	margin-bottom: 40px;

}

.myAccount .sectionOne {

	background: #fff;

	padding: 30px;

	border: 1px solid #ddd;

	border-radius: 16px;

	margin-top: 40px;

}



.myAccount .sectionOneStore {

	padding: 22px 30px 25px 30px;

}

.myAccount .sectionOneStore p {

	line-height: 20px;

}

.myAccount .sectionOneStore p strong {

	margin: 0 0 10px 0;

	display: block;

}



.reviesStars {

	margin-top: 10px;

}

.reviesStars .rating i {

	margin: 2px;

	font-size: 18px;

}

.reviesStars .rating {

	margin: 0;

}



.myAccount .sectionOne .left {

	float: left;

	width: 70%;

}

.myAccount .sectionOne .right {

	float: right;

	text-align: right;

}



.myAccount .sectionOne .right .btn-info {

	padding: 0 30px;

}



.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: #f2f2f2;

	border-radius: 16px;

	padding: 30px;

	margin-top: 30px;

}

.my_acount_nav a {

	line-height: 18px;

	padding: 15px 15px;

	border-radius: 8px;

	display: block;

	background: #fff;

	text-decoration: none;

	text-transform: capitalize;

	font-weight: 600;

	font-size: 16px;

	color: #000;

	margin: 7px 0;

	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: #2B3C96;

	color: #fff;

}

.acc_box {

	padding: 30px;

	background: #fff;

	margin: 30px 0 0 0;

	border-radius: 16px;

	min-height: 360px;

	border: 1px solid #ddd;

}

.acc_box_inner {

	border: 1px solid #ddd;

	background: #fff;

	padding: 30px 20px;

	margin: 15px 0;

	border-radius: 16px;

}

.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_oh .sec5 {

	width: 80%;

	float: left;

}



.cont_4_oh .sec6 {

	width: 10%;

	float: right;

	text-align: center;

}



.cont_4_oh b {

	color: #303c3c;

}



.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;

}



.searchOrder {

	width: 220px;

	float: right;

	margin-bottom: 10px;

	position: relative;

}

.searchOrder .form-control {

	height: 40px;

	padding-right: 50px;

}

.searchOrder .serchBtn {

	position: absolute;

	top: 0;

	right: 0;

	width: 40px;

	height: 40px;

	text-align: center;

	background: none;

	outline: 0;

	border: 0;

	color: #000;

}



@media only screen and (max-width:767px) {

    .acc_box  .cont_4_oh{padding:0;}

    .cont_4_oh .sec2{width:54%;}

    .form-horizontal{margin-top:10px;}

}





@media only screen and (max-width:599px) {

    .myAccount .sectionOne .left {

	float: none;

	width: 100%; text-align:center;

}



.myAccount .sectionOne .left img{ float:none !important; margin:0 auto 10px auto;}





.myAccount .sectionOne .right {

	float: none; width:100%;

	text-align: center; margin-top:10px;

}



.acc_box, .my_acount_nav{padding:20px;}





}





/*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: 5px 10px;

	text-align: center;

	font:

		bold 12px/16px "Inter",

		sans-serif;

	background: #f5f5f5;

	margin: 0px 2px;

	color: #777;

	border-radius: 5px;

	border: 1px solid #eee;

	text-decoration: none;

}

.paging a:hover,

.paging a.act {

	color: #fff;

	background: #2B3C96;

	border: 1px solid #2B3C96;

}

.paging .sort_by {

	float: right;

	margin: 0 0 0 5px;

}

/*pagging*/



/*testimonoial*/

.t_container .ts_con {

	background: #fff;

	padding: 25px 40px;

	margin: 30px 0 0 0;

	position: relative;

}

.t_container .ts_con2 {

	background: #fff;

	padding: 25px 40px;

	margin: 30px 0 0 0;

	position: relative;

	border-radius: 16px;

	border: 1px solid #ddd !important;

	-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;

}



.t_container .ts_con2:hover {

	box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.2);

}

.t_container .tsCollon {

	margin-top: 40px;

}

.t_container .tsCollon .ts_colon {

	float: left;

	width: 80px;

	height: 50px;

	background: url(../images/ts_colon.png) no-repeat left center;

}



.t_container .ts_con .text_con article {

	font-size: 15px;

	line-height: 22px;

	color: #777;

}

.t_container .ts_con2 .text_con article {

	font-size: 16px;

	line-height: 26px;

}



.t_container .ts_con2 .ratings {

	margin-top: 5px;

}

.t_container .ts_con2 .ratings i {

	margin-right: 3px;

}



.t_container .ts_con .text_con .c_name {

	font-size: 18px;

	font-weight: 700;

	color: #000;

	line-height: 24px;

}

.t_container .ts_con .text_con .c_name span {

	font-weight: 400;

	font-size: 14px;

}



.t_container .carousel-indicators {

	left: 0;

	margin: 0;

	bottom: -30px !important;

	width: auto;

}

.t_container .carousel-indicators li {

	background-color: #e1dedc;

	border: 1px solid #c5c1bf;

	width: 13px;

	height: 13px;

}

.t_container .carousel-indicators .active {

	background-color: #dcbd48;

	border: 1px solid #dcbd48;

	width: 13px;

	height: 13px;

}



.t_container_storeReview {

	border: 1px solid #ddd;

	padding: 30px;

	border-radius: 26px;

	margin-top: 40px;

}

.t_container_storeReview .ts_con {

	box-shadow: none !important;

	border-radius: 0;

	padding: 0;

	border: 0 !important;

	border-bottom: 1px solid #ddd !important;

	padding-bottom: 20px;

	margin: 20px 0;

}

.t_container_storeReview .tsCollon {

	margin-top: 25px;

}



.t_container_storeReview .titleInfo {

	border-bottom: 1px solid #ddd;

	padding-bottom: 10px;

	margin-bottom: 30px;

}

.t_container_storeReview .left {

	float: left;

}

.t_container_storeReview .left h1 {

	border: 0;

	padding: 0;

	margin: 0;

}

.t_container_storeReview .reviesStars {

	margin-top: 5px;

}

.t_container_storeReview .titleInfo .btn-info {

	float: right;

	margin-top: 5px;

}



.ownerProfile {

	text-align: center;

	padding:25px;

}



.ownerProfile .flexCon{display: flex; flex-wrap: nowrap; justify-content: space-between;}



.ownerProfile .flexCon .cols.left{width:30%;}

.ownerProfile .flexCon .cols.right{width:70%;}





.ownerProfile .flexCon .cols.left .card{background: #fff; border-radius: 30px 0 0 30px; padding: 20px;

	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.1); border-right: 1px solid #eee;}



	.ownerProfile .flexCon .cols.right .innerBox{background: #fff; border-radius:0 30px 30px 30px; padding: 20px;

		box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.1); min-height: 600px;}







		.ownerProfile .flexCon .cols.right .innerBox table{text-align: left; font-size: 13px; line-height:20px;}



		.ownerProfile .flexCon .cols.right .innerBox table tr th{color:#999; background: #f5f5f5; text-transform: uppercase; font-size: 12px; }

		.ownerProfile .flexCon .cols.right .innerBox table tr td strong{color:#000; font-weight:500;}





.ownerProfile .profilePic {

	width: 180px;

	height: 180px;

	border-radius: 100%;

	overflow: hidden;

	display: block;

	margin: auto;

	border: 3px solid #fff;

}

.ownerProfile .profilePic img {

	width: 100%;

}

.ownerProfile figcaption {

	padding: 20px 0;

}

.ownerProfile figcaption h3 {

	font-weight: 700;

	margin-bottom: 15px;

}

.ownerProfile figcaption p strong {

	color: #000;

}

.ownerProfile figcaption p {

	margin: 0; font-size: 14px; line-height: 20px;

}









/*testimonoial*/



/*faq*/



.faqCon {

	padding: 40x 0;

}

.faq-content {

	padding: 0;

	margin: 10px 0 0 0;

}

.faq-content .card {

	min-height: auto;

	padding: 0;

	border-radius: 16px;

}

.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;

	border-radius: 16px;

}

.faq-content .more-less {

	float: right;

	margin-top: 2px;

	color: #000;

	font-size: 20px;

}

.faq-content .card {

	border-color: #ddd;

	border: 1px solid #ddd;

	border-radius: 10px;

	margin-bottom: 10px;

	text-decoration: none;

}

.faq-content .card-body {

	padding: 20px 20px 20px 20px !important;

	border: none !important;

}

.faq-content .card-header {

	border-bottom: 1px solid transparent;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;

}

a.card-link {

	text-decoration: none;

	display: block;

	background: #fff;

	font-size: 18px;

	line-height: 28px;

	padding: 15px;

	color: #000;

	font-weight: 700;

	border-radius: 16px;

}

a.card-link i {

	font-size: 14px;

}

.faq-content .card:hover {

	border-bottom: 1px solid #000;

}

.faq-content .card-body ul {

	margin-top: 30px;

	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: 10px;

		width:70px;

	}

}



.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%;

}



.contactCon {

	padding: 50px 0 70px;

}

.contactCon .secondaryTxt {

	padding: 0 28%;

	margin-top: 10px;

}

.contactCon .left {

	width: 50%;

	float: left;

	padding: 0 20px;

}

.contactCon .right {

	width: 50%;

	float: right;

	padding: 0 20px;

}

.contactCon .inner {

	border: 1px solid #ddd;

	border-radius: 16px;

	padding: 40px;

	margin: 30px 0 0 0; min-height: 500px;

}

.contactCon .inner p {

	margin: 0;

}

.contactCon .inner h3 {

	font-weight: 700;

	font-size: 20px;

	margin: 0 0 5px 0;

}

.contactCon .inner p a {

	font-weight: 500;

	display: inline-block;

	margin-top: 5px;

}



.contactCon .contactInfo p {

	line-height: 20px;

	margin: 30px 0;

	position: relative;

	padding-left: 60px;

}

.contactCon .contactInfo p a {

	font-weight: 600;

	font-size: 18px;

}

.contactCon .contactInfo p::before {

	width: 48px;

	height: 48px;

	border-radius: 100%;

	background: #f2f2f2;

	position: absolute;

	content: "\e905";

	font-family: "icomoon";

	text-align: center;

	color: #2B3C96;

	font-size: 24px;

	border: 2px solid #2B3C96;

	padding: 13px 0;

	left: 0;

	font-weight: 600;

}



.contactCon .contactInfo p:nth-child(2):before {

	content: "\e90a";

}

.contactCon .contactInfo p:nth-child(3):before {

	content: "\e925";

}

.contactCon .contactInfo p:nth-child(4):before {

	content: "\e911";

}




.gMap{height: 400px; width: 100%; overflow: hidden;}


.brochureBtn .btn{margin:5px;}


@media only screen and (max-width: 1151px) {

    .contactCon {

	padding: 30px 0 50px;

}



.contactCon .secondaryTxt{padding:0 18%;}



}





@media only screen and (max-width: 991px) {

 



.contactCon .secondaryTxt{padding:0 5%;}

.contactCon .left, .contactCon .right{width:100%; padding:0;}

.contactCon .inner{min-height:auto;}

}





/* popup form */

.popupForm {

	padding: 40px;

}

.popupForm h3 {

	font-weight: 700;

	font-size: 20px;

	margin: 0 0 5px 0;

}

.popupForm input[type="radio"],

.popupForm input[type="checkbox"] {

	margin-top: 2px;

}

.popupForm .checkbox-inline,

.popupForm .radio-inline {

	padding-left: 0;

}

/* popup form end*/



/* language */



.goog-te-gadget .goog-te-combo {

	margin: 0 !important ;

	width: 100px;

}

.goog-te-gadget .goog-te-combo {

	background: none;

	border: 0;

	font-family: "Inter", sans-serif;

	font-size: 16px;

	font-weight: 700;

	color: #16191a;

	outline: none;

}

#google_translate_element select {

	appearance: none;

}

#google_translate_element {

	appearance: none;

	position: relative;

	margin-bottom: -5px;

}

#google_translate_element:after {

	background: url(../images/caret.svg) no-repeat;

	width: 13px;

	height: 8px;

	margin-left: 5px;

	position: absolute;

	content: "";

	top: 9px;

	right: 0;

	z-index: -1;

}



.language span {

	display: block;

	font-size: 13px;

	color: #777;

	font-weight: 400;

	line-height: 6px;

}

/* language end */



/* select lens */



.selectLenseCon a.card-link {

	font-size: 16px;

	line-height: 20px;

	padding: 12px 15px;

	font-weight: 600;

}

.selectLenseCon .more-less {

	margin-top: 0;

}

.selectLenseCon .card-body {

	padding: 0 !important;

}

.selectLenseCon .card-body .subList {

	padding: 12px 15px;

	display: block;

	font-weight: 500;

	text-decoration: none;

	border-top: 1px solid #ddd !important;

	position: relative;

}

.selectLenseCon .card-body .subList:after {

	content: "\e900";

	font-family: "icomoon";

	position: absolute;

	right: 20px;

	top: 13px;

	font-size: 12px;

	color: #000;

}



.selectLenseCon .card-body .selectCardCon {

	padding: 0 15px 12px;

}

.selectLenseCon .card-body .selectCard {

	background: #f2f2f2;

	padding: 12px 15px;

	border-radius: 5px;

	display: block;

	border: 1px solid transparent;

}



.selectLenseCon .card-body .selectCard .mediaLeft {

	float: left;

}

.selectLenseCon .card-body .selectCard .mediaLeft img {

	width: 40px;

	border: 1px solid #ccc;

	border-radius: 3px;

	margin-right: 5px;

}

.selectLenseCon .card-body .selectCard .mediaRight {

	float: right;

}

.selectLenseCon .card-body .selectCard .mediaRight p {

	font-weight: 600;

	margin: 0;

	margin-top: 7px;

}

.selectLenseCon .card-body .selectCard:hover {

	border: 1px solid #ccc;

}



.table-form {

	margin-top: 20px;

}

.table-form table th {

	font-weight: 500;

	font-size: 15px;

	color: #000;

}



.table-form table tr td {

	font-weight: 500;

	font-size: 15px;

	color: #000;

}

.table-form table tr td .form-control {

	height: 40px;

	padding: 0 10px;

	font-size: 13px;

}



/* select lense end */



/* video clasess */

.videoCon {

	padding: 60px 0;

}

.videoCon .vidioInnter {

	background: #000;

	border-radius: 26px;

	overflow: hidden;

}

.videoCon .owl-prev {

	left: -70px;

}



.videoCon .owl-next {

	right: -70px;

}



.videoConInside .vidioInnter {margin: 20px 0;}





/* video clasess end */



/* blog */



.blogCon {

	padding: 60px 0;

	background: #f2f2f2;

}



.blogConInside{background: none; padding: 0;}



.blogCon .card {

	display: block;

	border-radius: 26px;

	overflow: hidden;

	border: 0;

	background: #fff;

	text-decoration: none;

	padding: 0;

	text-align: left !important;

	margin: 0 0 0 0;

	min-height: 200px;

	box-shadow: 0px 4px 10px -8px rgba(0, 0, 0, 0.5);

}



.blogConInside .card{border:1px solid #eee;}

.blogConInside .card{margin: 15px 0;}





.blogCon .card .cardIcon {

	width: 100%;

	background: #ccc;

	border: 0;

	height: auto;

	margin: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	overflow: hidden;

	border-radius: 26px;

	padding: 0;

}



.blogCon .card .cardIcon img {

	max-width: 100%;

	display: inline-block;

	transition: transform 3s;

}



.blogCon .card:hover .cardIcon img {

	transform: scale(1.2);

}



.blogCon .card .cardItems {

	display: block;

	padding: 30px 30px 40px;

}



.blogCon .card .cardItems h5 {

	height: 80px;

	overflow: hidden;

	line-height: 24px;

}



.blogCon .card .cardItems h5 a {

	font-weight: 700;

	font-size: 18px;

	line-height: 24px;

	color: #000;

	text-decoration: none;

}



.blogCon .card .cardItems p {

	margin: 10px 0 0 0;

	height: 80px;

	overflow: hidden;

	font-size: 14px;

	line-height: 20px;

}



.blogCon .card:hover .cardItems h5 a {

	color: #2B3C96;

	text-decoration: underline;

}

.blogCon .card .cardItems .time i {

	margin-right: 3px;

	font-size: 19px;

	vertical-align: middle;

	margin-top: -3px;

	display: inline-block;

}

.blogCon .card .cardItems .time {

	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	text-transform: uppercase;

	color: #2B3C96;

	height: auto;

	margin: 0 0 15px 0;

}

.blogCon .owl-prev {

	left: -70px;

}



.blogCon .owl-next {

	right: -70px;

}





.blogDetail h3{font-size: 24px; line-height: 32px; font-weight: 500; }

.blogDetail .titleCon{position: relative; padding-left: 130px; margin-bottom: 25px;}

.blogDetail .titleCon small{font-weight: 600; margin-top: 5px; margin-bottom: 20px;}

.blogDetail .titleCon .time{background: #f2f2f2; display: inline-block; width: 110px; height: 110px; position: absolute; left: 0; 

	top:5px; border-radius: 5px; text-align: center; padding:25px 10px; color:#000; font-weight: 600; text-transform: uppercase; line-height: 20px;}

	.blogDetail .titleCon .time strong{font-size: 28px; font-weight: 700; display: block; text-transform: none;}

	.blogDetail .titleCon .time strong sup{font-size: 16px;}

/*blog end */





/* new detail classes */

.chngeViewCon{display: flex; align-items: center; margin-top: 20px;}

.chngeViewCon .title{font-weight: 600; color: #000;}

.chngeViewCon .grid{border: 1px solid #ddd; background: #fff; height:44px; width: 80px; padding:4px; display: flex; align-items: center; list-style: none;



}



.chngeViewCon .grid>li{margin: 0;}







.chngeViewCon .grid>li a{width:36px; height: 36px; display: inline-block; padding: 5px; text-align: center; border: 1px solid #eee;

margin: 0; border-radius: 0;}

.chngeViewCon .nav-tabs>li.active>a, .chngeViewCon .nav-tabs>li.active>a:focus, .chngeViewCon .nav-tabs>li.active>a:hover{background: #ccc; border: 1px solid #ccc;}





.chngeViewCon .grid>li a img{height: 24px; }

.chngeViewCon  .grid>li:nth-child(2)  a img{height: 19px;}

 

 .pDetailCon   tr {

	width: 100%;

	display: inline-table;

	height:60px;

	table-layout: fixed; border: 1px solid #ddd; cursor: pointer;

	  

	}

	

	.pDetailCon  table{

	 height:430px; 

	 display: block; position: relative;  

	 border-bottom: 1px solid #ddd;

	}



.pDetailCon  table thead th{color: #000; font-weight: 600; font-size: 14px; vertical-align: middle; width: 20%;}

.pDetailCon  table tbody tr td{color: #000; font-size: 14px; vertical-align: middle; width: 20%;}

.pDetailCon  table thead th:nth-child(5){width: 25%;}

.pDetailCon  table tbody tr td:nth-child(5){width: 25%;}



.pDetailCon  table tbody tr.active{border:1px solid #2B3C96; }







	.pDetailCon  tbody{

	  overflow-y: scroll;

	  height: 357px;

	  width: 100%;

	  position: absolute;

	}





	.pDetailCon .table > tbody > tr > td, 

	.pDetailCon .table > tbody > tr > th, 

	.pDetailCon .table > tfoot > tr > td, 

	.pDetailCon .table > tfoot > tr > th, 

	.pDetailCon .table > thead > tr > td, 

	.pDetailCon .table > thead > tr > th{padding: 15px 10px;}









	.pDetailCon .table>tbody>tr.active>td, 

	.pDetailCon .table>tbody>tr.active>th, 

	.pDetailCon .table>tbody>tr>td.active, 

	.pDetailCon .table>tbody>tr>th.active,

	.pDetailCon .table>tfoot>tr.active>td, 

	.pDetailCon .table>tfoot>tr.active>th, 

	.pDetailCon .table>tfoot>tr>td.active, 

	.pDetailCon .table>tfoot>tr>th.active, 

	.pDetailCon .table>thead>tr.active>td, 

	.pDetailCon .table>thead>tr.active>th, 

	.pDetailCon .table>thead>tr>td.active, 

	.pDetailCon .table>thead>tr>th.active {

		background-color:#e7eaf8 !important;

		color:  #2B3C96;

	}





	.leftRight .right{width: 35%; padding-left: 25px;}

	.pDetailCon .priceBox{border: 1px solid #ddd; padding: 20px;}

	.pDetailCon .priceBox .price{font-size: 14px; font-weight: 600; color: #000; margin: 0;}

	.pDetailCon .priceBox .price span{font-size: 14px; font-weight: 400; color: #777;}



.pDetailCon .priceBox .details .flexBox{display: flex; flex-wrap: nowrap;}

.pDetailCon .priceBox .details .flexBox p{flex: 1; font-size: 14px; color: #000;}



@media only screen and (max-width: 1279px) {

	.leftRight .right, .leftRight .left{width: 100%; padding-left: 0;}

	.leftRight {

		

		flex-wrap: wrap;

	}

}



@media only screen and (max-width: 767px) {

    .pDetailCon{overflow-x:scroll;}

    .dtable{width:700px;}

    

}

/* new detail classes end */

/* about page clasess */

.aboutPageCon .story{
	background:#2B3C96 url(../images/storyImg.jpg) no-repeat center top; background-size: cover;
	background-attachment: fixed; padding: 100px 0;  
}

.aboutPageCon .story h2, .aboutPageCon .story p{color: #fff;}
.aboutPageCon .story p {margin-top: 30px;}
.aboutPageCon .story p strong{color: #fff !important;}
.aboutPageCon .story .inner{padding-right: 50%;}

.portfolioCon{background: #F16527; padding: 40px; margin-top: 50px; border-radius: 16px; min-height: 300px;}
.portfolioCon h2,  .portfolioCon p, .portfolioCon ul li{color: #fff;}
.portfolioCon p{margin-top: 5px;}
.portfolioCon p strong{color: #fff !important;}
.portfolioCon ul li{border-bottom: 1px solid rgba(255,255,255,.3); padding: 10px 0; font-size: 16px;}
.portfolioCon ul {margin-left: -25px;}
.aboutPageCon .mission .cms_area ul li{margin: 5px 0;}
.aboutPageCon .mission .cms_area ul{margin-left: -25px;}
.portfolioCon em{color: #fff;}

.apartCon{background-color: #f2f2f2; padding: 60px 0;}

.apartCon .flexBox{display: flex; flex-wrap: nowrap; margin-top: 40px;}
.apartCon .flexBox .cols{width: 25%; padding:0 40px;}
.apartCon .flexBox .cols p{font-size: 20px; line-height: 28px; color: #000;}
.apartCon .flexBox .cols p strong{font-weight: 700;}
.apartCon .flexBox .cols img{margin-bottom: 30px;}
.apartCon .flexBox .cols{border-right: 1px solid #ccc;}
.apartCon .flexBox .cols:nth-child(1){border-left: 1px solid #ccc;}

@media only screen and (max-width: 991px) {
    .apartCon .flexBox{flex-wrap:wrap;}
    .apartCon .flexBox .cols{width:50%; margin:30px 0;}
     .apartCon {margin-top:40px;}
}


@media only screen and (max-width: 767px) {
    .aboutPageCon .story .inner{padding:0;}
     .apartCon .flexBox .cols{width:100%; margin:30px 0; border-right:0; border-bottom:1px solid #ddd; padding:40px 0; margin:0; text-align:center;}
     .apartCon .flexBox .cols:nth-child(1){border-left:0; }
    
}



/* about page clasess end*/