@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@font-face {
	font-family: HVDFontsBrandonTextBold;
	src: url(../fonts/HVDFontsBrandonTextBold.eot);
	src: url(../fonts/HVDFontsBrandonTextBold.eot) format('embedded-opentype'), url(../fonts/HVDFontsBrandonTextBold.woff2) format('woff2'), url(../fonts/HVDFontsBrandonTextBold.woff) format('woff'), url(../fonts/HVDFontsBrandonTextBold.ttf) format('truetype'), url(../fonts/HVDFontsBrandonTextBold.svg#HVDFontsBrandonTextBold) format('svg')
}
@font-face {
	font-family: HVDFontsBrandonTextRegular;
	src: url(../fonts/HVDFontsBrandonTextRegular.eot);
	src: url(../fonts/HVDFontsBrandonTextRegular.eot) format('embedded-opentype'), url(../fonts/HVDFontsBrandonTextRegular.woff2) format('woff2'), url(../fonts/HVDFontsBrandonTextRegular.woff) format('woff'), url(../fonts/HVDFontsBrandonTextRegular.ttf) format('truetype'), url(../fonts/HVDFontsBrandonTextRegular.svg#HVDFontsBrandonTextRegular) format('svg')
}
@font-face {
	font-family: HVDFontsBrandonTextThin;
	src: url(../fonts/HVDFontsBrandonTextThin.eot);
	src: url(../fonts/HVDFontsBrandonTextThin.eot) format('embedded-opentype'), url(../fonts/HVDFontsBrandonTextThin.woff2) format('woff2'), url(../fonts/HVDFontsBrandonTextThin.woff) format('woff'), url(../fonts/HVDFontsBrandonTextThin.ttf) format('truetype'), url(../fonts/HVDFontsBrandonTextThin.svg#HVDFontsBrandonTextThin) format('svg')
}
@font-face {
	font-family: HVDFontsBrandonTextLight;
	src: url(../fonts/HVDFontsBrandonTextLight.eot);
	src: url(../fonts/HVDFontsBrandonTextLight.eot) format('embedded-opentype'), url(../fonts/HVDFontsBrandonTextLight.woff2) format('woff2'), url(../fonts/HVDFontsBrandonTextLight.woff) format('woff'), url(../fonts/HVDFontsBrandonTextLight.ttf) format('truetype'), url(../fonts/HVDFontsBrandonTextLight.svg#HVDFontsBrandonTextLight) format('svg')
}
.a-ember body {
	font-family: "Amazon Ember", Arial, sans-serif
}
.a-ember .a-text-quote {
	font-family: "Amazon Ember", Arial, sans-serif
}
.-mt-25 {
	margin-top: -25px
}
.pb-40 {
	padding-bottom: 40px
}
.pt-40 {
	padding-top: 40px
}
.mb-25 {
	margin-bottom: 25px
}
.bg-gray {
	background-color: #eaeded;
	float: left;
	width: 100%;
	text-align: center
}
.pt-15 {
	padding-top: 15px
}
body {
	font-family: HVDFontsBrandonTextRegular
}
.header-top {
	float: left;
	width: 100%;
	z-index: 111111;
	background: #fff;
	position: fixed;
	border-bottom: 2px solid #0000001c
}

@media (max-width:768px) {
.who-drapefit .who-drapefit-img img {
	width: 100%
}
.who-drapefit .who-drapefit-section h2 {
	font-size: 23px
}
.who-drapefit .who-drapefit-section p {
	font-size: 15px
}
}

@media (max-width:991px) {
.pt-40 {
	padding-top: 0
}
}
.logo {
	width: 100%;
	float: left;
	padding: 10px 0
}
.logo img {
	width: 179px;
	position: relative;
	top: 0
}
.logo a {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #fff;
	display: inline-block;
	font-family: lobster
}
.logo a:hover {
	text-decoration: none;
	color: #fff
}
.logo a:focus {
	text-decoration: none;
	color: #fff
}
input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px;
	line-height: normal;
	display: inline-block
}
.menu-list label {
	display: none!important;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700
}
.logo span {
	font-size: 19px;
	font-weight: 700;
	border-radius: 50%;
	color: #fff;
	padding: 4px 0 3px 3px;
	display: inline-block;
	font-family: lobster;
	margin-right: 10px;
	text-align: left;
	line-height: 35px
}
#menu-toggle {
	display: none
}
.menu-bar {
	width: 100%;
	float: left
}
.menu-bar ul {
	margin: 0;
	padding: 0;
	float: right
}
.menu-bar ul li {
	margin: 0;
	padding: 14px 0;
	text-align: center;
	display: inline-block;
	position: relative
}
.menu-bar ul li i.fa.fa-angle-down {
	position: relative;
	top: 0;
	right: -7px
}
.menu-bar ul li:after {
	position: absolute;
	content: '';
	height: 15px;
	width: 1px;
	background: #313d4b;
	top: 50%;
	left: -2px;
	transform: translate(-50%, -50%)
}
.menu-bar ul li:first-child:after {
	display: none
}
.menu-bar ul li a {
	color: #273342;
	display: inline-block;
	font-size: 17px;
	cursor: pointer;
	padding: 6px 22px!important;
	text-decoration: none;
	font-weight: 500;
	padding-top: 0;
	font-family: HVDFontsBrandonTextRegular
}
.menu-bar ul li a.active {
	color: #ff6c00
}
.menu-bar ul li a i {
	position: relative;
	top: 0px
}
.menu-bar ul li a span.noti {
	position: relative;
	top: 2px;
	background: #fe6c21;
	height: 20px;
	width: 20px;
	line-height: 22px;
	font-size: 12px;
	border-radius: 80px;
	color: #fff !important;
	float: right;
	margin-left: 10px
}
.menu-bar ul li a:hover i, .menu-bar ul li a:hover span {
	color: #ff6c00
}
.menu-bar ul li a span.bell-icon {
	display: inline-block!important;
	border-radius: 100%;
	padding: 0!important;
	margin: 0!important;
	text-align: center;
	font-size: 13px;
	position: absolute;
	right: 17px;
	top: 7px
}
.menu-bar ul li a span.bell-icon .notifay-no {
    position: absolute;
    top: -5px;
    right: -9px!important;
    font-size: 10px;
    background: #ffffff;
    margin: 0!important;
    padding: 0!important;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    text-align: center!important;
    line-height: 15px;
    color: #2a313c;
}
.submenu {
	position: absolute;
	right: 0;
	width: 200px;
	text-align: left;
	transition: .5s all ease-in-out 0s;
	top: 47px;
	max-height: 0;
	overflow: hidden;
	padding-top: 11px;
	z-index: 99999
}
.submenu ul {
	float: left;
	width: 100%;
	background: #232e3e
}
.submenu-box2:after {
	content: "\f0d8";
	font-family: "Font Awesome 5 Free";
	width: 100%;
	top: -17px;
	left: 0;
	height: 23px;
	position: absolute;
	color: #232e3e;
	font-weight: 700;
	text-align: center;
	font-size: 33px;
	transition: .5s all ease-in-out 0s
}
.submenu ul li {
	display: inline-block;
	width: 100%;
	text-align: left;
	padding: 0
}
.submenu ul li a {
	display: inline-block;
	width: 100%;
	padding: 7px 12px;
	font-size: 12px!important;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid #18222f
}
.submenu ul li a:hover {
	background: #1b2431;
	color: #f76c02
}
.submenu ul li a i {
	top: 0
}
.menu-bar ul li:hover .submenu {
	max-height: 600px;
	transition: .5s all ease-in-out 0s
}
.submenu ul li.setting {
	border-top: 1px solid #fff
}
.new-submenu {
	position: absolute;
	right: -37px;
	width: 190px;
	text-align: left;
	transition: .5s all ease-in-out 0s;
	top: 54px;
	max-height: 0;
	overflow: hidden;
	padding-top: 11px;
	z-index: 99999
}
.new-submenu ul li a {
	display: inline-block;
	width: 100%;
	padding: 7px 12px !important;
	font-size: 12px!important;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #18222f;
}
.menu-bar ul li:last-child a {
	border: 1px solid #000;
	padding: 6px 12px!important;
	border-radius: 3px
}
.menu-bar ul li:last-child a i {
	position: relative;
	top: 0
}
.menu-bar ul li:last-child:after {
	display: none
}
body {
	font-family: Arial, Helvetica, sans-serif
}
* {
	box-sizing: border-box
}
input[type=password], input[type=text] {
	width: 100%;
	height: 52px;
	padding: 5px 10px;
	margin: 8px 0 8px 0;
	display: inline-block;
	border: none;
	border-radius: 3px;
	border-bottom: 1px solid #d4d4d4;
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 25px
}
.sign-up input[name=name], .sign-up-form input[name=name] {
	width: 49%;
	padding: 9px 10px;
	margin: 5px 0 15px 0;
	display: inline-block;
	border: 1px solid #ccc;
	background: #f5f5f5
}
.sign-up input[type=password], .sign-up-form input[type=text]  {
width: 100%;
    padding: 9px 10px;
    margin: 0 !important;
    display: inline-block;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0px !important;
}
#menuserformsignup input[type=password], #menuserformsignup input[type=text],#womenuserformsignup input[type=password],#womenuserformsignup input[type=text]{
border: 1px dashed #d5d5d5 !important;
    margin-top: 6px !important;
}
input[type=password]:focus, input[type=text]:focus {
	background-color: #ddd;
	outline: 0
}
.need {
	font-weight: 700!important;
	font-size: 16px!important
}
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(71,78,93,.67)
}
.modal-content {
	background-color: #fefefe!important;
	margin: 13% auto 15% auto;
	border: 1px solid #888;
	width: 35%!important;
	padding-bottom: 20px
}
.box .box-body .modal-content {
	width: 50%!important
}
.box .box-body .modal-content .checkbox label {
	display: block
}
.gift-card-content {
	width: 54%!important
}
.setting-add-new-address {
	width: 100%;
	float: left
}
.pop-up {
	display: none;
	position: fixed;
	z-index: 11111;
	left: 0;
	top: 0;
	width: 100%;
	float: left;
	overflow: auto;
	background-color: rgba(71,78,93,.67);
	overflow-x: scroll;
	height: 100%
}
.pop-up-content {
	background-color: #fefefe!important;
	margin: 5% auto 15% auto;
	border: 1px solid #888;
	width: 80%!important;
	padding: 15px!important;
	padding-top: 0!important;
	position: relative
}
.pop-up-content img {
	width: 40px
}
.close1 {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 26px!important;
	font-weight: 700!important;
	color: #fe6c00!important;
	opacity: 1!important;
	text-shadow: none!important;
	cursor: pointer;
	z-index: 11111
}
.pop-up-top {
	background: #ccc;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px!important;
	height: 38px
}
.pop-up-top p {
	margin: 5px 0;
	padding: 0;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	position: relative;
	top: 10px
}
.pop-up form label {
	width: 100%;
	margin: 10px 0 5px
}
#addressDiv label {
	width: auto
}
.card-holder-name {
	width: 100%;
	float: left
}
.card-holder-name input {
	margin: 0!important;
	padding: 2px 5px;
	width: 25%
}
.date {
	width: 100%;
	float: left
}
.date span {
	display: block
}
.date select {
	padding: 2px 5px;
	background: 0 0;
	border: 1px solid #ccc;
	padding: 7px 12px;
	margin-bottom: 5px
}
.setting-pop-up-address-details {
	width: 100%;
	margin-top: 50px
}
.setting-pop-up-address-details p {
	margin: 0!important;
	margin-bottom: 3px!important
}
.setting-pop-up-buttons {
	width: 100%;
	text-align: right;
	float: left
}
.setting-pop-up-buttons a {
	width: 130px;
	display: inline-block;
	background: #232f3e;
	text-align: center;
	color: #ff6c00;
	font-weight: 700;
	padding: 5px 0
}
.setting-pop-up-buttons a:focus, .setting-pop-up-buttons a:hover {
	color: #232f3e;
	background: #ff6c00;
	text-decoration: none
}
tr.border-top:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #d4d4d4;
	left: 0;
	position: absolute
}
.order-detailbox {
	margin-top: 0
}
hr {
	border: 1px solid #f1f1f1;
	margin-bottom: 25px
}
.close {
	position: absolute;
	right: -25px;
	top: -35px;
	font-size: 40px!important;
	font-weight: 700!important;
	color: #fe6c00!important;
	opacity: 1!important;
	text-shadow: none!important
}
.close:focus, .close:hover {
	color: #ff994d!important;
	cursor: pointer!important
}
.clearfix::after {
	content: "";
	clear: both;
	display: table
}
.untitled {
	position: absolute;
	height: 100%;
	width: 100%
}
@-webkit-keyframes rotateHue {
0% {
filter:hue-rotate(0)
}
20% {
filter:hue-rotate(0)
}
25% {
filter:hue-rotate(90deg)
}
45% {
filter:hue-rotate(90deg)
}
50% {
filter:hue-rotate(180deg)
}
70% {
filter:hue-rotate(180deg)
}
75% {
filter:hue-rotate(270deg)
}
95% {
filter:hue-rotate(270deg)
}
100% {
filter:hue-rotate(360deg)
}
}
@keyframes rotateHue {
0% {
filter:hue-rotate(0)
}
20% {
filter:hue-rotate(0)
}
25% {
filter:hue-rotate(90deg)
}
45% {
filter:hue-rotate(90deg)
}
50% {
filter:hue-rotate(180deg)
}
70% {
filter:hue-rotate(180deg)
}
75% {
filter:hue-rotate(270deg)
}
95% {
filter:hue-rotate(270deg)
}
100% {
filter:hue-rotate(360deg)
}
}
.untitled__shutters {
	position: absolute;
	height: 150vmax;
	width: 150vmax;
	left: calc(50% - 75vmax);
	top: calc(50% - 75vmax);
	pointer-events: none;
	z-index: 2;
	-webkit-animation: rotateFrame 14s linear infinite;
	animation: rotateFrame 14s linear infinite
}
@-webkit-keyframes rotateFrame {
50% {
transform:rotate(0)
}
100% {
transform:rotate(180deg)
}
}
@keyframes rotateFrame {
50% {
transform:rotate(0)
}
100% {
transform:rotate(180deg)
}
}
.untitled__shutters:after, .untitled__shutters:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	background-color: #fff;
	pointer-events: auto
}
.untitled__shutters:before {
	bottom: 50%;
	-webkit-animation: openTop 7s infinite;
	animation: openTop 7s infinite
}
@-webkit-keyframes openTop {
0% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.8, 0, .1, 1);
animation-timing-function:cubic-bezier(.8, 0, .1, 1)
}
40% {
transform:translate3d(-50%, -65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
70% {
transform:translate3d(-50%, -65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
100% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.6, .04, .98, .335);
animation-timing-function:cubic-bezier(.6, .04, .98, .335)
}
}
@keyframes openTop {
0% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.8, 0, .1, 1);
animation-timing-function:cubic-bezier(.8, 0, .1, 1)
}
40% {
transform:translate3d(-50%, -65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
70% {
transform:translate3d(-50%, -65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
100% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.6, .04, .98, .335);
animation-timing-function:cubic-bezier(.6, .04, .98, .335)
}
}
.untitled__shutters:after {
	top: 50%;
	-webkit-animation: openBottom 7s infinite;
	animation: openBottom 7s infinite
}
@-webkit-keyframes openBottom {
0% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.8, 0, .1, 1);
animation-timing-function:cubic-bezier(.8, 0, .1, 1)
}
40% {
transform:translate3d(-50%, 65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
70% {
transform:translate3d(-50%, 65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
100% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.6, .04, .98, .335);
animation-timing-function:cubic-bezier(.6, .04, .98, .335)
}
}
@keyframes openBottom {
0% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.8, 0, .1, 1);
animation-timing-function:cubic-bezier(.8, 0, .1, 1)
}
40% {
transform:translate3d(-50%, 65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
70% {
transform:translate3d(-50%, 65vmax, 0);
animation-timing-functon:cubic-bezier(.6, .04, .98, .335)
}
100% {
transform:translate3d(-50%, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.6, .04, .98, .335);
animation-timing-function:cubic-bezier(.6, .04, .98, .335)
}
}
.untitled__slides {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #e3e3e3
}
.untitled__slide {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-animation: showHideSlide infinite 28s steps(1);
	animation: showHideSlide infinite 28s steps(1)
}
@-webkit-keyframes showHideSlide {
0% {
opacity:1;
pointer-events:auto;
z-index:1
}
25% {
opacity:0;
pointer-events:none;
z-index:-1
}
100% {
opacity:0;
pointer-events:none;
z-index:-1
}
}
@keyframes showHideSlide {
0% {
opacity:1;
pointer-events:auto;
z-index:1
}
25% {
opacity:0;
pointer-events:none;
z-index:-1
}
100% {
opacity:0;
pointer-events:none;
z-index:-1
}
}
.untitled__slide:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.untitled__slide:nth-child(1) .untitled__slideBg {
	background-image: url(../img/banner2.png)
}
.untitled__slide:nth-child(2) {
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}
.untitled__slide:nth-child(2) .untitled__slideBg {
	background-image: url(../img/banner1.png)
}
.untitled__slide:nth-child(3) {
	-webkit-animation-delay: 14s;
	animation-delay: 14s
}
.untitled__slide:nth-child(3) .untitled__slideBg {
	background-image: url(../img/banner3.png)
}
.untitled__slide:nth-child(4) {
	-webkit-animation-delay: 21s;
	animation-delay: 21s
}
.untitled__slide:nth-child(4) .untitled__slideBg {
	background-image: url(../img/banner4.png)
}
.untitled__slideBg {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-blend-mode: hard-light;
	opacity: 1;
	z-index: -1;
	-webkit-animation: bgInOut 7s infinite;
	animation: bgInOut 7s infinite
}
@-webkit-keyframes bgInOut {
0% {
transform:rotate(-45deg) scale(1.1);
-webkit-animation-timing-function:cubic-bezier(.165, .84, .44, 1);
animation-timing-function:cubic-bezier(.165, .84, .44, 1)
}
33% {
transform:rotate(0)
}
50% {
transform:rotate(0)
}
66% {
transform:rotate(0);
-webkit-animation-timing-function:cubic-bezier(.895, .03, .685, .22);
animation-timing-function:cubic-bezier(.895, .03, .685, .22)
}
100% {
transform:rotate(45deg) scale(.9)
}
}
@keyframes bgInOut {
0% {
transform:rotate(-45deg) scale(1.1);
-webkit-animation-timing-function:cubic-bezier(.165, .84, .44, 1);
animation-timing-function:cubic-bezier(.165, .84, .44, 1)
}
33% {
transform:rotate(0)
}
50% {
transform:rotate(0)
}
66% {
transform:rotate(0);
-webkit-animation-timing-function:cubic-bezier(.895, .03, .685, .22);
animation-timing-function:cubic-bezier(.895, .03, .685, .22)
}
100% {
transform:rotate(45deg) scale(.9)
}
}
.untitled__slideContent {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	color: #18222f;
	font-family: Gotham, Gotham;
	line-height: .8;
	letter-spacing: -.025em;
	z-index: 2;
	opacity: 2;
	text-shadow: 2 2 2.5em #634136;
	text-align: center
}
.slide-text {
	width: 100%;
	left: 0!important;
	transform: translate(0, -50%)!important;
	text-align: center!important
}
.untitled__slideContent span {
	display: block;
	font-size: 5vmin;
	font-family: HVDFontsBrandonTextBold
}
.left-text-banner {
    text-align: left !important;
}
.left-text-banner p {
    font-size: 20px;
    line-height: 21px;
    margin: 15px 0px 0;
}
.button {
	font-family: HVDFontsBrandonTextBold;
	text-decoration: none;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2vmin;
	display: inline-block;
	position: relative;
	border: 3px solid #fff;
	box-shadow: -.5vmin .5vmin 0 rgba(255,255,255,.5);
	background: 0 0;
	margin-top: 5vmin;
	mix-blend-mode: hard-light;
	color: #fff;
	padding: 2vmin 2vmin 1.8vmin 2vmin;
	letter-spacing: .1em;
	text-shadow: none;
	line-height: 1;
	transform: translate3d(.5vmin, -.5vmin, 0);
	transition: all .1s linear;
	background: #ff6c00;
	background-image: linear-gradient(to right, rgb(35 47 62), rgb(251 108 2 / 90%));
	border-radius: 100px;
	padding: 15px 29px
}
.button:hover {
	transform: translate3d(1vmin, -1vmin, 0);
	box-shadow: -1vmin 1vmin 0 rgba(255,255,255,.5);
	color: #fff;
	background-image: linear-gradient(to left, rgb(35 47 62), rgb(251 108 2 / 90%));
	text-decoration: none
}
.button:active {
	transform: translate3d(0, 0, 0);
	box-shadow: 0 0 0 rgba(0,0,0,.5)
}
.slide-text2 {
	text-align: right!important
}
.banner {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 74vh;
	margin-top: 65px;
}
.section-head2 {
	float: left;
	width: 100%
}
section.fit-box h3 {
	font-size: 51px;
	font-weight: 900;
	line-height: 40px;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #000;
	margin-top: -126px
}
section.fit-box h3 span {
	font-size: 27px;
	display: block;
	-webkit-text-fill-color: #232f3e;
	-webkit-text-stroke-width: 0;
	-webkit-text-stroke-color: #000
}
section.fit-box h3 span.how-box2 {
	float: right
}

@media screen and (max-width:300px) {
.cancelbtn, .signupbtn {
	width: 100%
}
}
.sign-up-page {
	width: 100%;
	float: left;
	padding: 0 15px;
	margin-top: 20px;
	text-align: center
}
.sign-up-page a {
	color: #fff;
	font-size: 13px
}
.sign-up-page a:hover {
	text-decoration: none;
	opacity: 1;
	color: #fff
}
.sign-up-page h1 {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 0
}
.sign-up-page h2 {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 0
}
.sign-up-page h4 {
	float: left;
	width: 100%;
	position: relative
}
.sign-up-page span {
	color: #777;
	font-size: 10px;
	font-weight: 700;
	position: relative;
	margin-bottom: 15px;
	display: inline-block;
	background: #fff;
	z-index: 1;
	padding: 0 10px
}
.sign-up-page h4:after {
	top: 5px;
	left: 0;
	height: 2px;
	width: 100%;
	content: " ";
	right: 0;
	text-shadow: none;
	position: absolute;
	display: inline-block;
	background-color: #999
}
.sign-up-form {
	float: left;
	width: 100%;
	padding: 0 15px;
	position: relative
}
.sign-up-form a {
	font-size: 13px;
	text-align: left;
	color: #ff6c00;
	display: inline-block;
	text-decoration: underline!important;
	font-size: 15px
}
.sign-up-form p {
	font-size: 15px;
	font-weight: 400;
	text-align: left
}
.sign-up-form p input[type=radio] {
	top: 2px;
	position: relative;
	margin-left: 10px;
	opacity: 1;
	display: inline-block
}
.facebook {
	color: #fff;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
	background: #3c5a99;
	margin-bottom: 15px
}
.google {
	color: #fff;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
	background: #db4437;
	margin-bottom: 15px
}
.facebook, .google {
	opacity: 1!important;
	color: #fff!important;
	text-decoration: none!important
}
.last-para {
	width: 100%;
	font-size: 13px;
	margin: 0;
	float: left;
	text-align: center;
	margin-bottom: 10px!important
}
.last-para a {
	color: #ff6c00
}
.last-para a:focus, .last-para a:hover {
	color: #232f3e;
	text-decoration: none
}
.last-para2 {
	color: #ff6c00
}
.last-para2:focus, .last-para2:hover {
	color: #232f3e;
	text-decoration: none
}
.show-password {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 0!important
}
.input_box {
	float: left;
	width: 49%
}
.input_box2 {
	float: right;
	width: 49%
}
.show-password span {
	position: absolute;
	font-size: 15px;
	right: 0;
	top: 17px;
	display: inline-block;
	cursor: pointer;
	height: 27px;
	padding: 4px 9px
}
.new-register .show-password span {
	top: 21px
}

button#signupbtn {
	margin-top: 16px
}
.sign-up-form label.error {
    position: relative;
    top: -2px;
    text-align: left;
    width: 100%;
    color: red!important;
    font-weight: 400;
    font-size: 12px;
    clear: both;
}
.sign-up-form label#email-error {
	margin-top: 7px
}
.sign-up-form p {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 0
}
.sign-up-form p label.error {
	position: absolute;
	top: 40px;
	left: 0
}
.signupbtn {
	float: right;
	color: #fff;
	margin-right: 15px;
	background-color: #232e3e;
	color: #ff6c00;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	opacity: .9;
	text-transform: uppercase;
	font-weight: 700
}
.sign-up-form input.error {
	height: auto
}
.sign-up-form p label#gender-error {
	top: 23px
}
#gender-error {
	text-align: left;
	margin-bottom: 18px;
	top: 19px
}
#chk-error {
	text-align: left
}
.sign-up-form p.need label {
	margin-bottom: 30px
}
.schedule-box {
	float: left;
	width: 100%;
	background: #fff;
	padding-top: 12%
}
.banner.footer-inner-banner3 {
	background: url(../images/footer-banner1.jpg);
	background-size: cover
}
.banner .col-md-12 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}
.banner-text {
	width: 465px;
	height: 325px;
	color: #000;
	background: #fff;
	margin: 0;
	border-radius: 5px;
	text-align: center;
	display: inline-block
}
.footer-inner-banner3 .banner-text {
	height: auto!important;
	width: 64%;
	padding: 0 0 20px;
	margin: 40px auto
}
.banner-text h2 {
	padding-top: 25px;
	padding-bottom: 15px;
	margin: 0;
	color: #ff6c00;
	font-size: 35px;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif
}
.personal-banner-inner .banner-text {
	margin: 95px auto
}
.banner-text h3 {
	font-size: 15px;
	font-weight: 600!important;
	color: #ff6c00;
	padding-bottom: 10px;
	margin: 0;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400
}
.banner-text p {
	width: 96%;
	font-size: 16px;
	margin: 10px auto;
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #232f3e
}
.banner-text ul {
	margin-top: 18px;
	padding: 7px 0;
	text-align: center
}
.banner-text ul li {
	margin: 0 10px;
	display: inline-block
}
.banner-text ul li a {
	background: #232f3e;
	color: #ff6c00;
	padding: 10px;
	width: 100px;
	font-size: 15px;
	display: inline-block;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif
}
.banner-text ul li a:hover {
	background: #ff6c00;
	color: #000;
	text-decoration: none
}
.banner-text ul li a:focus {
	text-decoration: none
}
.how-it-work {
	float: left;
	width: 100%;
	position: relative;
	z-index: 111
}
.section-head {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 47px
}
.section-head ul {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	top: 18px
}
.section-head ul li {
	display: inline-block;
	font-family: HVDFontsBrandonTextRegular;
	font-size: 18px;
	font-weight: 700;
	color: #232f3e
}
.section-head ul li a {
	color: #ff6c00
}
.inner-banner2 {
	height: 450px;
	overflow: hidden;
	float: left;
	width: 100%
}
.inner-b {
	padding-bottom: 50px
}
.faq-box {
    float: left;
    width: 100%;
    margin-top: 0;
    padding-bottom: 40px !important;
}
.inner-b p {
	font-family: HVDFontsBrandonTextRegular;
	font-size: 18px;
	color: #232f3e
}
.inner-b .section-head {
	margin-bottom: 25px
}
.it-work-top {
	float: left;
	width: 100%;
	border-radius: 73px;
	background: #fff;
	margin-top: -90px
}
.section-head h2 {
	color: #232f3e;
	font-size: 38px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	font-family: HVDFontsBrandonTextBold;
	margin-bottom: 15px;
	padding-bottom: 0;
	text-transform: uppercase
}
.how-it-work .section-head h2 {
	padding-top: 22px
}
.section-head h2 span {
	font-weight: 300
}
.section-head h2 span {
	font-family: HVDFontsBrandonTextLight;
	display: inline-block
}
.section-head h1 {
	color: #232f3e;
	font-size: 38px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	font-family: HVDFontsBrandonTextBold;
	margin-bottom: 15px;
	padding-bottom: 0;
	text-transform: uppercase
}
.how-it-work .section-head h1 {
	padding-top: 22px
}
.section-head h1 span {
	font-weight: 300
}
.section-head h1 span {
	font-family: HVDFontsBrandonTextLight;
	display: inline-block
}
.how-it-item {
	float: left;
	width: 100%;
	text-align: center
}
.item-round-images {
	width: 100%;
	float: left;
	text-align: center;
	position: relative
}
span.round-img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #232f3e;
	position: relative
}
.item-round-images:after {
	position: absolute;
	content: '';
	width: 106px;
	height: 30px;
	bottom: -26px;
	left: 50%;
	transform: translate(-50%, 0);
	background: url(../img/shado.png) center center no-repeat;
	z-index: 1111;
	background-size: 100%
}
span.round-img img {
	width: 100%;
	height: 100%;
	border: 5px solid #fff;
	border-radius: 50%
}
span.item0_no {
	position: absolute;
	background: #fb6c02;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 3px solid #fff;
	line-height: 33px;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	font-size: 17px;
	font-weight: 700;
	z-index: 11
}
.how-it-item h3 {
	font-size: 17px;
	color: #232f3e;
	margin: 7px auto;
	font-family: HVDFontsBrandonTextRegular;
	text-transform: capitalize;
	font-weight: 600;
	margin-top: 28px;
	display: inline-block
}
.how-it-item p {
	font-size: 17px;
	font-weight: 300;
	color: #a5aab0;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular
}
.sign-up-btn {
	background: #232f3e;
	background-image: linear-gradient(to right, rgb(35 47 62), rgb(251 108 2 / 90%));
	color: #fff;
	padding: 10px;
	width: 260px;
	font-size: 19px;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: HVDFontsBrandonTextBold;
	border-radius: 26px
}
.sign-up-btn:hover {
	text-decoration: none;
	color: #fff;
	background-image: linear-gradient(to left, rgb(35 47 62), rgb(251 108 2 / 90%))
}
.do-best-fit .sign-up-btn {
	font-size: 15px
}
.sign-up-member {
	font-size: 16px;
	margin-top: 10px;
	font-weight: 600;
	color: #232f3e!important;
	font-family: HVDFontsBrandonTextRegular
}
.sign-in {
	font-size: 14px;
	margin-top: 10px;
	font-weight: 600;
	color: #fe6c00
}
.fabulous-ways-to {
	float: left;
	width: 100%;
	padding: 30px 0 40px 0
}
.find-left-right-box {
	float: left;
	width: 100%;
	background: #f6f8f7;
	padding-bottom: 51px
}
.find-left {
	float: left;
	width: 100%;
	background: #fff;
	padding: 0 32px 10px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	border-bottom: 5px solid #e0650a;
	height: 261px
}
.find-left h3 {
	text-transform: capitalize;
	font-size: 19px;
	font-weight: 500;
	font-family: HVDFontsBrandonTextBold;
	color: #232f3e
}
.find-left p {
	font-size: 17px;
	font-weight: 300;
	color: #a5aab0;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular
}
.find-left.find-right {
	border-bottom: 5px solid #2d323c
}
.just-perfect-p {
	font-size: 17px;
	font-weight: 300;
	color: #a5aab0;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular
}
.just-perfect-inline-heding {
	display: inline-block;
	margin: 0!important;
	font-size: 17px;
	font-weight: 300;
	color: #a5aab0;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular;
	width: fit-content
}
.expect-box {
	float: left;
	width: 100%;
	padding-bottom: 80px
}
.expect-box ul {
	display: inline-block;
	width: 100%;
	position: relative
}
.expect-box ul:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 0;
	height: 73%;
	width: 5px;
	background: #232f3e;
	transform: translate(-50%, 0);
	visibility: visible!important
}
.expect-box ul li {
	float: left;
	width: 100%;
	position: relative;
	display: inline-block
}
.expect-box ul li .expect-box-small {
	float: right;
	width: 50%;
	padding: 0 30px;
	position: relative
}
.expect-box ul li .expect-box-small h4 {
	font-family: HVDFontsBrandonTextBold;
	font-size: 18px;
	color: #232f3e
}
.expect-box ul li .expect-box-small p {
	font-family: HVDFontsBrandonTextRegular;
	font-size: 17px
}
.expect-box ul li:nth-child(2n) .expect-box-small {
	float: left
}
.boxes1 {
	float: left;
	width: 300px;
	border: 2px solid #232f3e;
	padding: 25px;
	position: relative;
	margin-left: 9px
}
.boxes2 {
	float: right;
	width: 300px;
	border: 2px solid #232f3e;
	padding: 25px;
	position: relative;
	margin-left: 0;
	margin-right: 9px
}
.expect-box ul li .expect-box-small span {
	position: absolute;
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #232f3e;
	color: #fff;
	font-weight: 700;
	font-size: 25px;
	border-radius: 61px;
	text-align: center;
	line-height: 58px;
	border: 7px solid #fff;
	position: absolute;
	right: -30px;
	bottom: -30px
}
.expect-box ul li .expect-box-small .boxes2 span {
	right: inherit;
	left: -30px
}
.expect-box ul li .expect-box-small:after {
	content: "";
	left: -12px;
	top: -12px;
	height: 25px;
	width: 25px;
	background: #000;
	position: absolute;
	border-radius: 41px;
	border: 4px solid #fff;
	z-index: 11
}
.expect-box ul li:nth-child(2n) .expect-box-small:after {
	left: inherit;
	right: -12px
}
.expect-box ul li .expect-box-small:before {
	content: "";
	left: 9px;
	top: -12px;
	height: 25px;
	width: 43px;
	background: url(../img/arrow.png) left center no-repeat;
	position: absolute;
	border-radius: 41px;
	z-index: 11;
	background-size: 25px
}
.expect-box ul li:nth-child(2n) .expect-box-small:before {
	left: inherit;
	right: 9px;
	background: url(../img/arrow.png) left center no-repeat;
	background-size: 25px;
	transform: rotate(180deg)
}
.fit-right {
	float: left;
	width: 100%;
	background: #fff;
	width: 600px;
	margin-left: -149px;
	padding: 40px 40px;
	margin-top: 25px
}
.it-img-box {
	float: left;
	width: 100%
}
.fit-box {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 150px;
	margin-bottom: 70px;
	padding-bottom: 66px
}
.fit-box-img img {
	margin-top: -130px
}
.fit-box .container {
	position: relative;
	z-index: 11
}
.fit-box .container:after {
	position: absolute;
	top: -41px;
	left: -72px;
	height: 70%;
	width: 72%;
	border: 1px solid #232f3e;
	content: "";
	z-index: -1
}
.fit-box:after {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 400px;
	width: 60%;
	background: #232f3e;
	content: ""
}
.fit-img-box {
	float: left;
	width: 100%;
	padding: 12px 0 0 60px
}
.img-box-img {
	height: 150px;
	width: 150px;
	overflow: hidden;
	border-radius: 100%;
	display: inline-block;
	margin: 0 12px
}
.img-box-img img {
	height: 100%
}
.fit-right ul li {
	padding: 13px 0;
	list-style-type: disc;
	font-family: HVDFontsBrandonTextRegular;
	font-size: 17px
}
.three-box {
	float: left;
	width: 100%;
	background: #f4f4f5;
	padding: 55px 0;
	margin-top: -8px
}
.drafit-cont-img-box {
	float: left;
	width: 100%;
	position: relative
}
.drafit-cont-left {
	float: left;
	width: 50%;
	padding: 82px 0 84px 100px
}
.drafit-cont-right {
	width: 50%;
	float: left;
	height: 465px;
	overflow: hidden
}
.drafit-cont-right img {
	width: 100%
}
.conten-box {
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 0 140px 140px 0;
	padding: 45px 118px 45px 0;
	margin-left: 67px;
	position: relative;
	z-index: 111
}
.conten-box h2 {
	font-size: 22px;
	color: #232f3e;
	font-weight: 800;
	font-family: HVDFontsBrandonTextBold;
	text-transform: uppercase;
}
.conten-box p {
	font-size: 17px;
	font-weight: 400;
	color: #424242;
	line-height: 26px;
	font-family: HVDFontsBrandonTextRegular
}
.why-drapefit-p {
	font-size: 17px;
	font-weight: 400;
	color: #424242;
	line-height: 26px;
	font-family: HVDFontsBrandonTextRegular;
	float: left;
	width: fit-content
}
.why-drapefit-p .inline-heding {
	display: inline-block;
	margin: 0!important;
	font-size: 17px;
	font-weight: 400;
	color: #424242;
	line-height: 26px;
	font-family: HVDFontsBrandonTextRegular;
	width: fit-content
}
.drafit-cont-left.content-righr-boxggg {
	float: right
}
.drafit-cont-right.img-right-boggggg {
	float: left;
	background: #ccc
}
.drafit-cont-left.content-righr-boxggg {
	float: right;
	padding: 82px 100px 82px 0
}
.drafit-cont-left.content-righr-boxggg .conten-box {
	background: #fff;
	border-radius: 50px 0 0 50px;
	padding: 40px 0 50px 51px;
	margin-right: 0;
	position: relative;
	margin-left: -75px;
	z-index: 11;
}
.three-box {
	float: left;
	width: 100%;
	background: #f4f4f5;
	padding: 55px 0;
	margin-top: -8px
}
.three-box .col-md-6 {
	margin: 0 0 20px 0;
}
.pr-box {
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 89px;
	padding: 8px 12px;
	border: 1px solid #d8d8d8;
	position: relative;
	overflow: hidden
}
.pr-box-img {
	float: left;
	height: 130px;
	width: 130px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 25px
}
.pr-box-text {
	float: left;
	padding-top: 22px;
	padding-right: 30px;
	width: 40%
}
.pr-box-text h4 {
	font-family: HVDFontsBrandonTextBold;
	font-size: 18px;
	color: #232f3e
}
.pr-box-text p {
	font-family: HVDFontsBrandonTextRegular;
	font-size: 17px
}
.pr-box span.view {
	background: #ff6c00;
	color: #fff;
	height: 100%;
	position: absolute;
	padding: 0 45px 0 17px;
	line-height: 136px;
	top: 0;
	font-size: 25px
}
.about-the-dfit {
	margin-top: -74px;
	float: left;
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative
}
.about-the-dfit-content {
	position: absolute;
	top: 14%;
	background-color: #fff;
	color: #171717;
	padding: 20px;
	left: 606px;
	font-family: HVDFontsBrandonTextRegular;
	text-align: center;
	margin-right: 30px
}
.do-best-fit {
	float: left;
	width: 100%;
	background: #fff;
	padding: 50px 0
}
.section-head p {
	font-size: 17px;
	color: #000;
	padding: 0 264px;
	line-height: 23px;
	font-family: HVDFontsBrandonTextRegular
}
section.do-best-fit .section-head h2 {
	margin-top: 0
}
.do-best-fit-round-main {
	float: left;
	width: 100%;
	text-align: center
}
.best-fit-round-left {
	width: 400px;
	height: 400px;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	background: #000;
	margin-left: -82px;
	position: relative
}
.best-fit-round-left img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
.best-fit-round-left.best-fit-round-right {
	background: #fff;
	box-shadow: 0 0 34px -6px #ccc;
	text-align: center;
	padding: 78px 50px
}
.best-fit-round-left.best-fit-round-right h3 {
	text-transform: capitalize;
	font-size: 22px;
	color: #232f3e;
	font-family: HVDFontsBrandonTextBold
}
.best-fit-round-left.best-fit-round-right p {
	font-size: 17px;
	color: #27303d;
	line-height: 25px;
	font-family: HVDFontsBrandonTextRegular
}
.last-para {
	width: 100%;
	font-size: 17px;
	margin: 0;
	float: left;
	text-align: center;
	margin-bottom: 10px!important
}
.last-para a {
	color: #e0650a
}
.last-para a:hover {
	text-decoration: none;
	color: #000
}
.sign-up {
	width: 100%;
	float: left;
	margin-top: 33px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 70px
}
.sign-up:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background: #ececec;
	content: " ";
	position: absolute;
	z-index: 1;
	margin: 30px 0;
	display: inline-block
}
.sign-up-btn {
	background: #232f3e;
	background-image: linear-gradient(to right, rgb(35 47 62), rgb(251 108 2 / 90%));
	color: #fff;
	padding: 10px;
	width: 260px;
	font-size: 19px;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: HVDFontsBrandonTextBold;
	border-radius: 26px
}
.sign-up-btn:focus, .sign-up-btn:hover {
	background-image: linear-gradient(to left, rgb(35 47 62), rgb(251 108 2 / 90%));
	color: #fff;
	text-decoration: none;
	transition: .9s
}
.sign-up-member {
	font-size: 14px;
	margin-top: 10px;
	font-weight: 600;
	color: #232f3e!important
}
.sign-up-member:focus, .sign-up-member:hover {
	color: #232f3e!important;
	text-decoration: none
}
.sign-in {
	font-size: 14px;
	margin-top: 10px;
	font-weight: 600;
	color: #fe6c00
}
.sign-in:hover {
	text-decoration: none
}
.sign-in i {
	font-size: 7px
}
.finally-box {
	position: relative;
	z-index: 11;
	width: 40%!important;
	padding: 25px 0!important;
	text-align: center;
	background: #fff;
	margin: 0 auto!important;
	border: 2px solid #232f3e!important
}
.finally-box h4 {
	font-family: "Amazon Ember", Arial, sans-serif;
	position: absolute;
	width: 100%;
	top: -21px;
	font-weight: 700
}
.finally-box h4 span {
	display: inline-block;
	position: relative;
	z-index: 1111111;
	padding: 0 8px
}
.finally-box h4 span:after {
	content: "";
	height: 5px;
	width: 100%;
	background: #fff;
	left: 0;
	position: absolute;
	bottom: 7px;
	z-index: -11
}
.footer {
	width: 100%;
	float: left;
	background: #fff;
	padding-bottom: 40px;
	padding-top: 45px
}
.footer-logo {
	width: 100%;
	float: left;
	padding: 0 0
}
.footer-logo img {
	width: 179px
}
.footer-logo a {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #232f3e;
	display: inline-block;
	font-family: lobster
}
.footer-logo a:hover {
	text-decoration: none;
	color: #232f3e
}
.footer-logo a:focus {
	text-decoration: none;
	color: #232f3e
}
.footer-logo span {
	font-size: 19px;
	width: 40px;
	font-weight: 700;
	height: 40px;
	border-radius: 50%;
	color: #232f3e;
	padding: 4px 0 3px 3px;
	display: inline-block;
	border: 2px solid #232f3e;
	font-family: lobster;
	margin-right: 10px;
	text-align: center
}
.footer-logo {
	width: 92%;
	float: left;
	display: inline-block;
	padding-top: 49px;
	background: #f2f3f4;
	position: relative;
	z-index: 11
}
.footer-logo:after {
	content: "";
	left: -14px;
	top: -39px;
	height: 429px;
	width: 100%;
	position: absolute;
	background: #f2f3f4;
	z-index: -1
}
.footer-logo p {
	margin: 0;
	padding: 0;
	margin-left: 22px;
	font-size: 12px;
	font-weight: 600;
	position: relative;
	top: -9px;
	left: 34px;
	color: #ff6c00;
	text-transform: uppercase;
	font-family: "Amazon Ember", Arial, sans-serif
}
.footer-links {
	width: 100%;
	float: left
}
.footer-links {
	width: 100%;
	float: left;
	display: inline-block
}
.footer-links h3 {
	color: #2a313c;
	margin: 0;
	text-align: left;
	padding-top: 10px;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 6px;
	line-height: 1;
	font-family: HVDFontsBrandonTextBold;
	text-transform: capitalize
}
.footer-links ul {
	margin: 0;
	padding: 0
}
.footer-links ul li {
	margin: 0;
	padding: 6px 0;
	list-style-type: none
}
.footer-links ul li a {
	color: #232f3e!important;
	font-size: 15px;
	text-decoration: none;
	font-family: HVDFontsBrandonTextRegular;
	margin-bottom: 2px;
	display: inline-block
}
.footer-links ul li a:hover {
	color: #ff6c00!important
}
.footer-social {
	width: 100%;
	float: left
}
.footer-social {
	width: 100%;
	float: left;
	display: inline-block
}
.footer-social h3 {
	margin: 0;
	color: #ff6c00;
	padding-top: 10px;
	font-size: 17px;
	text-align: left;
	font-weight: 800;
	margin-bottom: 15px;
	line-height: 1;
	font-family: "Amazon Ember", Arial, sans-serif
}
.footer-social a.us-country {
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #232f3e;
	background: url(../images/us.png) 10px center no-repeat;
	background-size: 20px;
	padding-left: 28px;
	font-weight: 400;
	font-size: 15px;
	border: 1px solid #232f3e;
	padding: 7px 17px 7px 43px;
	border-radius: 2px
}
.footer-social ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%
}
.footer-social ul li {
	display: inline-block;
	list-style-type: none;
	padding: 0 3px
}
.footer-social ul li a {
	height: 30px;
	width: 30px;
	color: #232f3e!important;
	display: inline-block;
	text-align: center;
	padding: 1px 2px;
	border: 1px solid #000;
	border-radius: 50%
}
.help:hover {
	background: #ff6c00;
	color: #232f3e;
	text-decoration: none
}
.modal {
	height: 100vh!important;
	overflow-y: scroll!important;
	z-index: 111111
}
.modal-backdrop.fade.in {
	display: none
}
.live-chat-side {
	width: auto;
	background: #232f3e;
	position: fixed;
	margin-top: 0;
	text-align: center;
	z-index: 1111;
	letter-spacing: 1px;
	top: 45%;
	color: #ff6c00;
	vertical-align: middle;
	font-weight: 700;
	font-size: 15px;
	right: -17px;
	font-family: "Amazon Ember", Arial, sans-serif;
	padding: 9px 15px;
	text-orientation: mixed;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	text-transform: uppercase;
	font-size: 16px
}
.live-chat-side.help {
	width: auto;
	background: #232f3e;
	position: fixed;
	margin-top: 0;
	text-align: center;
	z-index: 1111;
	letter-spacing: 1px;
	bottom: 0;
	color: #ff6c00;
	vertical-align: middle;
	font-weight: 700;
	font-size: 15px;
	right: 0;
	font-family: "Amazon Ember", Arial, sans-serif;
	padding: 9px 15px;
	text-orientation: mixed;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 25px;
	transform: inherit;
	-webkit-transform: inherit;
	height: 40px;
	top: inherit
}
.live-chat-side:focus, .live-chat-side:hover {
	background: #ff6c00;
	color: #232f3e;
	text-decoration: none
}
.live-button {
	right: -39px
}
.customer-details {
	float: left;
	width: 100%;
	margin-top: 59px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	position: fixed;
	background: #fff;
	display: inline-block;
	z-index: 999;
	left: 0;
	height: 59px
}
.customer-details ul {
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block
}
.customer-details ul li {
	float: left;
	display: inline-block;
	list-style-type: none;
	position: relative;
	padding-top: 0
}
.customer-details ul li span {
	color: #ff6c00;
	width: 30px;
	height: 30px;
	background: #232f3e;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	padding: 2px 8px;
	font-size: 20px;
	font-weight: 900;
	line-height: 27px;
	position: relative;
	top: 6px;
	overflow: hidden;
	letter-spacing: 20px;
	top: 15px
}
.customer-details ul li a {
	color: #ff6c00;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	padding: 15px 0 15px 0;
	margin-right: 35px;
	display: inline-block;
	border-bottom: 2px solid transparent;
	font-family: "Amazon Ember", Arial, sans-serif;
	position: relative;
	top: 6px
}
.customer-details ul li a:hover, .customer-details ul li.active a {
	color: #ff6c00;
	border-bottom: 2px solid #ff6c00;
	position: relative
}
.check-out-address-details {
	float: left;
	width: 100%;
	margin-top: 0;
	padding-top: 150px;
	background: #fff;
	padding-bottom: 2%;
	text-align: center
}
.Address-details {
	width: 30%;
	float: none;
	padding: 0 45px;
	text-align: left;
	font-size: 14px;
	font-family: "Amazon Ember", Arial, sans-serif;
	display: inline-block;
	border-right: 1px solid #ccc;
	margin: 12px 0;
	vertical-align: top
}
.Address-details:nth-child(3n+3) {
	border: none
}
.Address-details form {
	width: 100%;
	float: left
}
.Address-details form ul {
	margin: 0;
	padding: 0;
	height: 230px;
	overflow: hidden
}
.Address-details form ul li {
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 15px;
	word-wrap: break-word
}
.Address-details form ul li:first-child {
	font-size: 17px
}
.Address-details form button {
	margin-top: 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 14px;
	font-weight: 600;
	font-family: "Amazon Ember", Arial, sans-serif;
	border: 1px solid #232f3e;
	border-radius: 0!important;
	opacity: 1!important;
	padding: 8px 0;
	width: 100%;
	text-transform: uppercase
}
.Address-details form button:focus, .Address-details form button:hover {
	color: #232f3e;
	background: #ff6c00;
	border: 1px solid #ff6c00;
	opacity: 1!important
}
.Address-details form a {
	float: left;
	text-align: center;
	width: 48%;
	border: 1px solid #ccc;
	padding: 7px 15px;
	margin: 10px 2px;
	text-decoration: none;
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #232e3e
}
.Address-details form a:hover {
	color: #ff6c00
}
.Address-details form a.deliver-btn {
	margin-top: 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 14px;
	font-weight: 600;
	font-family: "Amazon Ember", Arial, sans-serif;
	border: 1px solid #232f3e;
	border-radius: 0!important;
	opacity: 1!important;
	padding: 8px 0;
	width: 100%;
	text-transform: uppercase
}
.Address-details form a.deliver-btn:focus, .Address-details form a.deliver-btn:hover {
	color: #232f3e;
	background: #ff6c00;
	border: 1px solid #ff6c00;
	opacity: 1!important
}
.check-out-address {
	float: left;
	width: 100%;
	background: #fff
}
.check-out-address-form {
	float: none;
	width: 40%;
	padding-bottom: 2%;
	margin: 0 auto;
	margin-top: 35px;
	text-align: center
}
.check-out-address-form h3 {
	font-size: 20px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	color: #232e3e;
	text-align: center
}
.check-out-address-form ul {
	margin: 0!important;
	padding: 0!important
}
.check-out-address-form ul li {
	margin: 0!important;
	padding: 0!important;
	list-style-type: none;
	border: none!important
}
.check-out-address-form ul li label {
	width: 100%!important;
	margin-bottom: 0!important;
	padding-left: 5px;
	text-align: left;
	font-weight: 600!important;
	font-family: "Amazon Ember", Arial, sans-serif
}
.setting-add-new-address .check-out-address-form ul li label.error {
	height: 25px;
	margin: -13px 0 0!important;
	padding: 0!important
}
.check-out-address-form ul li input, .check-out-address-form ul li select {
	width: 100%!important;
	height: 30px;
	padding: 5px 15px!important;
	border: 1px solid #ccc!important;
	border-radius: 3px;
	margin-bottom: 15px!important;
	margin-top: 3px!important;
	background: 0 0
}
.check-out-address-form textarea {
	height: auto;
	width: 100%;
	padding: 5px 7px;
	resize: vertical;
	margin-bottom: 15px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.deliver-address {
	float: none;
	margin-top: 20px;
	color: #ff6c00!important;
	background: #232f3e!important;
	font-size: 14px!important;
	font-weight: 600!important;
	font-family: "Amazon Ember", Arial, sans-serif;
	border: 1px solid #232f3e!important;
	border-radius: 0!important;
	opacity: 1!important;
	text-transform: uppercase;
	padding: 9px 25px!important
}
.deliver-address:focus, .deliver-address:hover {
	color: #232f3e!important;
	background: #ff6c00!important;
	border: 1px solid #ff6c00!important;
	outline: 0;
	border-radius: 0!important;
	font-family: "Amazon Ember", Arial, sans-serif;
	opacity: 1!important
}
#delivery-day {
	width: 100%;
	float: left;
	padding-left: 4%;
	display: none
}
#delivery-day p {
	padding-top: 15px;
	margin-bottom: 7px;
	font-family: "Amazon Ember", Arial, sans-serif
}
summary {
	cursor: pointer;
	font-family: "Amazon Ember", Arial, sans-serif
}
summary:focus {
	outline: 0
}
.check-out-address #shipaddress label.error {
	color: #fe6c21;
	display: inline-block;
	height: auto;
	font-weight: 400!important;
	text-align: right!important;
	position: relative;
	top: -7px;
	font-size: 14px
}
label.error {
	color: #fe6c21!important
}
.copy-right {
	width: 100%;
	float: left;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 0;
	background: #de640a;
	text-align: center
}
.copy-right span {
	font-size: 15px;
	font-weight: 400;
	font-family: HVDFontsBrandonTextRegular
}
.payment {
	float: left;
	width: 100%;
	margin-top: 47px;
	background: #fff;
	min-height: 370px;
	padding-top: 80px;
	min-height: 600px
}
.payment h2 {
	margin: 10px 0;
	padding: 0;
	font-size: 22px;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif
}
.get-off {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px
}
.get-off p {
	line-height: 1.2;
	font-size: 14px;
	margin: 0;
	font-family: "Amazon Ember", Arial, sans-serif
}
.card-border {
	float: left;
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #ccc
}
#new-card {
	width: 100%;
	float: left;
	display: none;
	padding-left: 15px;
	padding-top: 10px
}
.new-card-form {
	float: left;
	width: 100%
}
.new-card-form ul {
	margin: 0;
	padding: 0
}
.new-card-form ul li {
	padding: 0!important;
	margin: 0!important;
	width: 19%!important;
	list-style-type: none;
	display: inline-block!important;
	border: none!important;
	vertical-align: middle
}
.new-card-form ul li p {
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.new-card-form ul li label {
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.new-card-form ul li input {
	width: 100%!important;
	display: inline-block;
	height: 31px;
	margin: 0!important;
	border: 1px solid #ccc!important
}
.new-card-form ul li select {
	width: 47%;
	display: inline-block;
	height: 31px
}
#card_payment, .new-card-form ul li input[type=button] {
	width: 100%;
	height: 32px;
	padding: 5px;
	color: #ff6c00;
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	background: #232f3e;
	font-weight: 700;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	margin-top: 27px!important
}
#card_payment:focus, #card_payment:hover, .new-card-form ul li input[type=button]:focus, .new-card-form ul li input[type=button]:hover {
	color: #232f3e;
	background: #ff6c00;
	outline: 0
}
.card {
	float: left;
	width: 100%;
	cursor: pointer;
	margin-top: 7px
}
.card ul {
	margin: 0!important;
	border: 1px solid #ccc!important;
	padding: 4px 10px!important
}
#personal-details {
	width: 100%;
	float: left
}
.card ul li {
	margin: 0!important;
	padding: 0!important;
	width: 23%!important;
	display: inline-block!important;
	vertical-align: middle;
	border-bottom: 0 solid!important
}
.card ul li p {
	margin: 0!important
}
.card ul li p span {
	display: none
}
.card ul li:first-child {
	width: 25px!important
}
.card ul li:nth-child(2) {
	width: 40px!important
}
.card ul li:nth-child(2) img {
	width: 100%
}
.card ul li:nth-child(3) {
	width: 52%!important;
	padding-left: 15px!important
}
.card ul li:nth-child(3) h6 {
	font-size: 13px;
	font-weight: 600;
	font-family: "Amazon Ember", Arial, sans-serif
}
.card ul li:nth-child(3) span {
	font-size: 11px;
	color: #909090;
	font-family: "Amazon Ember", Arial, sans-serif
}
.card ul li:last-child {
	width: 100px!important;
	text-align: right!important
}
.card ul li input[type=radio] {
	margin: 0;
	padding: 0
}
.card-info {
	float: right;
	width: 91%;
	padding-bottom: 5px;
	display: none
}
.card-info ul {
	margin: 0;
	padding: 0
}
.card-info ul li {
	margin: 0;
	padding: 0 15px!important;
	list-style-type: none;
	width: 100%!important;
	border: 0 solid!important;
	text-align: left!important
}
.card-info ul li span {
	font-size: 14px!important;
	color: #000!important;
	font-family: "Amazon Ember", Arial, sans-serif
}
.card-details-heading {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc
}
.card-details-heading ul {
	margin: 0!important;
	padding: 0!important
}
.card-details-heading ul li {
	margin: 0!important;
	padding: 0!important;
	width: 61%!important;
	display: inline-block!important;
	border-bottom: 0 solid!important
}
.card-details-heading ul li:nth-child(2) {
	width: 23%!important
}
.card-details-heading ul li:last-child {
	width: 100px!important;
	text-align: right!important
}
.card-details-heading ul li h4 {
	font-size: 17px!important;
	font-weight: 600!important;
	font-family: "Amazon Ember", Arial, sans-serif!important;
	margin: 0!important;
	padding: 5px 0 15px 0!important
}
.card-details-heading ul li p {
	color: #909090!important;
	font-size: 14px!important;
	margin: 0!important;
	font-weight: 400!important;
	width: 100%!important;
	float: none!important;
	font-family: "Amazon Ember", Arial, sans-serif!important
}
.card-cvv {
	width: 100%;
	float: right;
	display: none;
	padding-left: 15px;
	padding-right: 10px;
	border: 1px solid #ccc
}
.card-cvv ul {
	margin: 0!important;
	padding: 0!important;
	border: none!important
}
.card-cvv ul li {
	width: 100%!important;
	text-align: left!important;
	border-bottom: none!important;
	padding-left: 25px
}
.card-cvv input {
	width: 90px;
	height: 30px;
	border: 1px solid red;
	display: inline-block
}
.shipping-address-details {
	float: left;
	width: 100%;
	cursor: pointer
}
.shipping-address-details ul {
	margin: 0!important;
	padding: 4px 10px!important
}
.shipping-address-details ul li {
	margin: 0!important;
	padding: 0!important;
	width: 11%!important;
	display: inline-block!important;
	vertical-align: middle;
	border-bottom: 0 solid!important
}
.shipping-address-details ul li p {
	margin: 0!important
}
.shipping-address-details li p span {
	display: none
}
.shipping-address-details ul li:first-child {
	width: 11%!important;
	margin-left: 18px!important
}
.inquiryForm {
	margin-bottom: 60px
}
.payment-button {
	float: left;
	width: 100%;
	padding: 15px;
	margin-top: 10px;
	border: 1px solid #ccc
}
.payment-button p span{
  float: right;
  font-weight: bold;
}

.con-text-box p {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 7px !important;
    padding: 0 0 0 20px;
}
.con-text-box p:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border: 1px solid #818181;
    border-radius: 100%;
    left: 2px;
    top: 5px;
}

.total-box {
    font-size: 16px;
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 18px;
    margin-top: 14px;
}

.payment-button button {
	float: left;
	width: 100%;
	padding: 8px 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
	border-radius: 0;
	text-transform: uppercase
}
.payment-button button:focus, .payment-button button:hover {
	color: #232f3e;
	outline: 0;
	background: #ff6c00
}
.card-payment-option {
	float: left;
	width: 100%;
	background: #fff;
	padding-bottom: 20px
}
.card-cvv-drop-left {
	width: 70%;
	float: left;
	text-align: left;
	padding-left: 14px
}
.card-cvv-drop-left label, .card-cvv-drop-right label {
	font-size: 15px!important;
	font-family: "Amazon Ember", Arial, sans-serif!important;
	font-weight: 700!important
}
.card-cvv-drop-left p, .card-cvv-drop-right p {
	color: #232f3e!important;
	font-size: 13px!important;
	font-family: "Amazon Ember", Arial, sans-serif!important
}
.card-cvv-drop-last {
	width: 100%;
	float: left;
	text-align: right;
	padding-right: 0
}
.card-cvv-drop-last a {
	color: #ff6c00;
	background: #232f3e;
	width: 85px!important;
	display: inline-block;
	text-align: center;
	padding: 6px 0;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.card-cvv-drop-last a:focus, .card-cvv-drop-last a:hover {
	color: #232f3e;
	background: #ff6c00;
	text-decoration: none
}
.card-cvv-drop-right {
	width: 30%;
	float: right;
	text-align: left;
	padding-left: 14px
}
.card-cvv-drop-right div {
	width: 67%;
	float: right
}
.card-payment-option details {
	margin-top: 15px
}
.checkout-payment-conformation {
	float: left;
	width: 100%;
	margin-top: 85px;
	background: #fff;
	padding-bottom: 100;
	min-height: 398px
}
.conformation-message {
	float: none;
	width: 56%;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	margin: 61px auto 0;
	text-align: center
}
.conformation-message i {
	margin: 0 10px
}
.conformation-message h3 {
	margin: 0;
	padding: 0;
	color: #ff6c00;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 7px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.conformation-message p {
	margin: 0;
	margin-left: 43px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	font-family: "Amazon Ember", Arial, sans-serif
}
.conformation-message p.go-home {
	text-align: center
}
.conformation-message h5 {
	margin: 7px 0;
	padding: 0;
	color: #ff6c00;
	font-size: 15px;
	font-weight: 700;
	margin-left: 43px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.card-cvv .panel-body-button span, .conformation-message a {
	font-size: 15px;
	margin-left: 0;
	text-decoration: none;
	width: auto;
	background: #232f3e;
	color: #ff6c00;
	font-family: "Amazon Ember", Arial, sans-serif;
	padding: 9px 15px;
	border-radius: 0;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 12px
}
.card-cvv .panel-body-button span:focus, .card-cvv .panel-body-button span:hover, .conformation-message a:focus, .conformation-message a:hover {
	text-decoration: none;
	background: #ff6c00;
	color: #232f3e
}
.shipping-details {
	float: left;
	width: 100%;
	margin-top: 115px;
	background: #fff;
	padding-bottom: 20px;
	min-height: 380px
}
.shipped {
	float: left;
	width: 100%;
	margin-top: 15px;
	text-align: center
}
.shipping-track {
	width: 45%;
	float: none;
	text-align: center;
	margin: 0 auto
}
.shipping-track h3 {
	margin: 0;
	padding: 0;
	color: #ff6c00;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 7px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.shipping-track p {
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: 400;
	font-family: "Amazon Ember", Arial, sans-serif
}
.track {
	width: 60%;
	padding: 15px 0;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 auto
}
.track h5 {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 7px
}
.track p {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: 400;
	font-family: "Amazon Ember", Arial, sans-serif
}
.track button {
	color: #ff6c00;
	font-size: 15px;
	font-weight: 700;
	background: #232f3e;
	margin-top: 15px;
	border-radius: 0!important;
	font-family: "Amazon Ember", Arial, sans-serif;
	text-transform: uppercase;
	padding: 8px 25px
}
.track button:focus, .track button:hover {
	background: #ff6c00;
	color: #232f3e;
	outline: 0
}
.check-out {
	float: left;
	width: 100%;
	margin-top: 110px;
	background: #fff;
	padding-bottom: 20px;
	padding-top: 30px
}
.Product-heding {
	float: left;
	width: 100%
}
.Product-heding ul {
	margin: 0;
	padding: 0
}
.Product-heding ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block
}
.Product-heding ul li:first-child {
	width: 50%
}
.Product-heding ul li:nth-child(2) {
	width: 100px
}
.Product-heding ul li:last-child {
	width: 40%;
	text-align: right
}
.check-out-product-img {
	float: left;
	width: 100px
}
.check-out-product-img img {
	float: left;
	width: 100%
}
.check-out-product-details {
	width: 80%;
	float: left;
	margin-left: 10px;
	display: inline-block
}
.check-out-product-details p {
	margin: 0;
	padding: 0
}
.order-review .Product-table #cart tr th:last-child {
	text-align: right
}
.order-review .Product-table #cart tr td:last-child .change-btn2 {
	float: right
}
.order-review .Product-table #cart tr td img {
	width: 50%
}
.style-men .form-box-data h6 {
	text-align: left
}
.investors-small-header-box {
	float: left;
	width: 100%;
	background: #354456;
	padding: 13px 0 15px;
	margin-top: 65px
}
.investors-small-header-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px
}
.investors-small-header-box ul li {
	display: inline-block;
	position: relative;
	padding: 0 10px;
	color: #ffff
}
.investors-small-header-box li a {
	color: #ef6b03;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600
}
.investors-small-header-box ul li:before {
	color: #ccc;
	content: "/\00a0";
	position: absolute;
	left: -4px;
	top: 1px
}
.investors-small-header-box ul li:first-child:before {
	display: none
}
.investors-small-header-box h3 {
	font-size: 20px;
	color: #ffff;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	padding-left: 10px;
	margin: 0
}
.banner-box {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden
}
.banner-box img {
	width: 100%
}
.banner-box .bannere-text {
	float: left;
	width: 100%;
	text-align: center;
	position: absolute;
	top: -331px
}
.banner-box .bannere-text h2 {
	font-size: 44px;
	color: #ffff;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	margin: 0;
	line-height: 58px
}
.banner-box ul {
    position: relative;
    width: 100%;
    z-index: 1111;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 10px;
}
.banner-box ul li {
    display: inline-block;
    color: #fff;
}
.breadcrumbs {
    text-align: center;
}
.banner-box ul li a{
    color: #fff;
}
.cognizant-ranks {
	width: 100%;
	background: #354356;
	text-align: center;
	float: left;
	padding: 43px 0
}
.cognizant-ranks h3 {
	background: url(../images/taggie.png) 5px 2px no-repeat;
	background-size: 20px;
	padding: 5px 5px 5px 35px;
	margin: 0;
	font-weight: 700;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	margin-bottom: 13px
}
.cognizant-ranks p {
	font-size: 20px;
	color: #ffff;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	text-align: center
}
.cognizant-ranks h3 span {
	font-weight: 700;
	font-size: 15px;
	padding-left: 23px
}
.cognizant-ranks a {
	display: inline-block;
	padding: 11px 25px 10px;
	margin: 10px;
	background: #ef6b03;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase
}
.cognizant-ranks a:hover {
	background: #232f3e;
	color: #fff
}
.searchnews-room {
	float: left;
	width: 100%;
	background: #e6e6e6!important;
	padding: 20px 0
}
.searchnews-room .form-boxes {
	width: 50%;
	float: right;
	text-align: right
}
.searchnews-room .form-boxes form input[type=search] {
	padding-left: 13px!important;
	color: #fff;
	vertical-align: top;
	background: #fff;
	border: none;
	display: inline-block;
	padding: 10px 95px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif
}
.searchnews-room input[type=submit] {
	background: #eceef2 url(../assets/images/search-mag.gif) center center no-repeat;
	border: 0;
	color: transparent;
	width: 47px;
	height: 42px;
	margin-left: -10px;
	position: relative
}
.news-headlines-tab {
	float: left;
	width: 100%;
	padding: 45px 0
}
.news-headlines-tab .tab-pane {
	margin: 0;
	color: #fff;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #c1c1c0
}
.news-headlines-tab .tab-pane .tab-text-box {
	border-bottom: 1px solid #c1c1c0;
	padding-bottom: 16px;
	width: 100%
}
.tab-content .tab-text-box h5 {
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	background-color: #ef6b01;
	color: #fff;
	margin-bottom: 5px;
	padding: 7px 10px;
	font-family: 'Open Sans', sans-serif
}
.tab-content .tab-text-box a {
	text-decoration: none;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
	font-weight: 700;
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-height: inherit;
	color: #232f3e;
	text-decoration: none;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px
}
.tab-content .tab-text-box p {
	font-weight: 400;
	overflow-wrap: break-word;
	color: #000;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif
}
.see-more-news-button {
	text-align: center;
	width: 100%
}
.see-more-news-button a {
	padding: 13px 23px;
	text-transform: uppercase;
	font-size: 15px;
	transition: background-color .25s ease-out, color .25s ease-out;
	font-weight: 700!important;
	text-decoration: none;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	margin-top: 11px;
	position: relative;
	background: #ef6b01;
	color: #232f3e
}
.see-more-news-button a:hover {
	background-color: #232f3e;
	color: #ef6b01
}
.see-more-news-button a:after {
	content: "";
	position: absolute;
	font-family: Cognizant-Icons;
	font-style: normal;
	margin-top: -.2rem;
	margin-left: .5rem
}
#exTab1 .nav-pills>li>a {
	border-radius: 0
}
#exTab3 .nav-pills>li>a {
	border-radius: 4px 4px 0 0
}
#exTab3 .tab-content {
	color: #fff;
	background-color: #428bca;
	padding: 5px 15px
}
#exTab2 .nav-tabs>li.active>a, #exTab2 .nav-tabs>li.active>a:focus, #exTab2 .nav-tabs>li.active>a:hover {
	color: #13339f;
	cursor: default;
	background: #fff;
	border: 1px solid #f1bcbc!important;
	border-top: 4px solid #ef6b03!important
}
#exTab2 .nav-tabs>li>a {
	margin-right: 0;
	border: 1px solid #00000040!important;
	border-radius: 0;
	color: #232f3e
}
#exTab2 .nav-tabs>li>a:hover {
	background: #fff;
	color: #ef6b01;
	border-top-color: #ef6b01!important
}
#exTab2 .nav>li>a {
	position: relative;
	display: block;
	padding: 17px 26px;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	border-top: 4px solid #232f3e!important
}
.social-tab-box {
	float: left;
	width: 100%
}
.social-tab-box .nav-tabs>li {
	float: left;
	margin-bottom: 0;
	border: 1px solid #00000045;
	margin-right: 3px
}
.social-tab-box .nav-tabs>li.active>a, .social-tab-box .nav-tabs>li.active>a:focus, .social-tab-box .nav-tabs>li.active>a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #f1bcbc
}
.social-tab-box .nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif
}
.social-tab-box i.fa-facebook-square, .social-tab-box i.fa-linkedin-square, .social-tab-box i.fa-twitter-square {
	font-size: 20px
}
.social-tab-box .nav>li>a {
	position: relative;
	display: inline-block;
	padding: 5px 10px 3px;
	color: #232f3e;
	font-weight: 700;
	background: #fff
}
.social-tab-box .tab-content {
	border: 1px solid #c1c1c0!important
}
.social-tab-box .tab-pane {
	color: #000;
	background-color: #fff;
	padding: 10px;
	border: none
}
.social-tab-box .nav-tabs>li span {
	display: block;
	text-align: center
}
.icon-mane-box {
	float: left;
	width: 100%;
	background: #e6e6e6
}
.icon-mane-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.icon-mane-box ul li {
	display: inline-block
}
.icon-mane-box ul li a {
	color: #38bb52;
	text-decoration: none;
	font-size: 23px;
	display: inline-block;
	padding: 18px
}
.icon-mane-box ul li a:hover {
	color: #007e2e
}
.last-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right
}
.last-menu ul li {
	display: inline-block;
	padding: 12px 0
}
.last-menu ul li a {
	color: #000;
	text-decoration: none;
	font-size: 15px;
	display: inline-block;
	padding: 11px;
	font-family: 'Open Sans', sans-serif
}
.last-menu ul li a:hover {
	background: rgba(0,177,64,.2);
	color: #000
}
.demo-banner-box {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	background: url(../images/FIS_Global_Banner_Executive_Team.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 291px;
	position: relative;
	overflow: hidden
}
.demo-banner-box:after {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #ffffff8a;
	z-index: 99;
	left: 0;
	transform: translate(-21%, 21%) rotate(32deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.demo-banner-box:before {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #ffffff8a;
	z-index: 99;
	right: 0;
	transform: translate(12%, 9%) rotate(-40deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.demo-banner-box h1 {
	font-size: 44px;
	color: #fff;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
	margin: 0;
	margin-top: 46px;
	position: relative;
	display: inline-block
}
.demo-banner-box h1:after {
	content: "";
	width: 82px;
	height: 3px;
	background-color: #8dc63f;
	position: absolute;
	bottom: -26px;
	left: 120px
}
.officer-list-box {
	float: left;
	width: 100%;
	padding: 30px 0
}
.officer-list-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.officer-list-box ul li {
	display: inline-block;
	width: 18%;
	margin: 0 9px 0 10px
}
.officer-list-box ul li .img-box {
	height: auto;
	overflow: hidden;
	width: 100%
}
.officer-list-box ul li .img-box img {
	width: 100%
}
.officer-list-box ul li h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 1.4;
	font-size: 18px;
	color: #000
}
.officer-list-box ul li p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.4;
	font-size: 14px;
	color: #000
}
.lets-talk-box {
	width: 100%;
	float: left;
	background: #00565b;
	padding: 71px 477px 93px;
	position: relative;
	overflow: hidden
}
.lets-talk-box:after {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #34747a73;
	z-index: 99;
	left: 0;
	transform: translate(-27%, 38%) rotate(35deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-box:hover:after {
	transform: translate(-31%, 29%) rotate(57deg);
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-box:before {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #34747a73;
	z-index: 99;
	right: 0;
	transform: translate(30%, 37%) rotate(-37deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-box:hover:before {
	transform: translate(25%, 19%) rotate(-55deg);
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-text {
	text-align: center
}
.lets-talk-text h2 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	font-weight: 600
}
.lets-talk-text p {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px
}
.lets-talk-text a {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-decoration: none;
	border-radius: 2px;
	color: #fff;
	background-color: #83ba22;
	-webkit-transition: .3s all;
	transition: .3s all;
	padding: 14px 44px;
	margin-top: 10px;
	font-weight: 600;
	display: inline-block;
	letter-spacing: 1px
}
.lets-talk-text a:hover {
	color: #fff;
	background-color: #00a4b6
}
.footer {
	float: left;
	width: 100%;
	padding: 40px 0;
	background: #f9f9f9;
	position: relative;
	overflow: hidden;
	z-index: 111
}
.footer:after {
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 27%;
	position: absolute;
	background: #f2f3f4
}
.footer h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 1.4;
	font-size: 18px;
	color: #000
}
.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.Investors-box {
	float: left;
	width: 100%;
	background-color: #232f3e;
	background: linear-gradient(to right, rgba(53, 68, 86) 0, #3f5167 0, #384658 60%, rgba(141,198,63,0) 100%);
	margin-top: 65px
}
.Investors-box h1 {
	color: #fff;
	margin: 0;
	font-family: 'Open Sans', sans-serif
}
.small-header-box {
	float: left;
	width: 100%
}
.small-header-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.small-header-box ul li {
	display: inline-block;
	position: relative;
	padding: 0 10px
}
.small-header-box li a {
	color: #ef6b03;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600
}
.small-header-box ul li:before {
	color: #ccc;
	content: "/\00a0";
	position: absolute;
	left: -4px;
	top: 1px
}
.small-header-box ul li:first-child:before {
	display: none
}
.events-calender-box {
	float: left;
	width: 100%;
	margin-top: 30px
}
.events-calender-box h2 {
	font-size: 27px;
	color: #3a495c;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif
}
.events-calender-box .even {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px
}
.events-calender-box .even li {
	display: inline-block;
	position: relative;
	padding-right: 12px
}
.events-calender-box .even li a {
	color: #e77e00;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600
}
.events-calender-box .even li:before {
	position: absolute;
	content: "|";
	color: #464645;
	left: -10px;
	top: -1px
}
.events-calender-box .even li:first-child:before {
	display: none
}
.events-calender-box p {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400
}
.tab-box {
	float: left;
	width: 100%;
	border-left: 3px solid #8dc63f;
	margin-top: 60px
}
.accordion-container {
	position: relative;
	max-width: 500px;
	height: auto
}
.accordion-container>h2 {
	text-align: center;
	color: #fff;
	padding-bottom: 5px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd
}
.set {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #f5f5f5
}
.set>a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #555;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif
}
.set>a i {
	float: right;
	margin-top: 2px
}
.set>a.active {
	background-color: #39c;
	color: #fff
}
.alerts-box {
	float: left;
	width: 100%;
	text-align: center
}
.alerts-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.alerts-box ul li {
	display: inline-block;
	padding: 0 10px
}
.alerts-box ul li a {
	font-size: 15px;
	color: #ef6b03;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-decoration: none
}
.alerts-small-box {
	margin: 20px 0;
	padding: 26px 0;
	background: #f5f5f5;
	border: 1px solid #ddd;
	text-align: center
}
.common-stock {
	list-style-type: none;
	float: left;
	width: 72%
}
.common-stock li {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	color: #232f3e;
	font-size: 15px
}
.common-stock li:last-child {
	border-bottom: none
}
.common-stock li span {
	width: 150px;
	display: inline-block
}
.events-calender-box h3 {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #ed761b;
	font-weight: 700;
	margin-bottom: 0
}
.right-call ul {
	float: left;
	width: 100%;
	list-style-type: none
}
.right-call ul li {
	float: left;
	width: 100%
}
.right-call ul li a {
	display: inline-block;
	color: #232f3e
}
.right-call ul li a:hover {
	color: #ed761b;
	text-decoration: none
}
.demo-banner-box {
	float: left;
	width: 100%;
	text-align: center;
	background: url(../css/images/FIS_Global_Banner_Executive_Team.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 343px;
	position: relative;
	overflow: hidden;
	margin-top: 65px
}
.investors-banner {
	background: url(../css/images/investors.jpg)
}
.news-banner {
	background: url(../css/images/news.jpg)
}
.demo-banner-box:after {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #ffffff8a;
	z-index: 99;
	left: 0;
	transform: translate(-21%, 21%) rotate(32deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.demo-banner-box:before {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #ffffff8a;
	z-index: 99;
	right: 0;
	transform: translate(12%, 9%) rotate(-40deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.demo-banner-box h1 {
	font-size: 44px;
	color: #232f3e;
	font-weight: 700;
	font-family: HVDFontsBrandonTextBold;
	text-transform: capitalize;
	margin: 0;
	margin-top: 46px;
	position: relative;
	display: inline-block;
	position: absolute;
	right: 53%;
	z-index: 1111;
	top: 20%;
	transform: translate(185%, -50%)
}
.demo-banner-box h1:after {
	content: "";
	width: 82px;
	height: 3px;
	background-color: #ef6b01;
	position: absolute;
	bottom: -26px;
	right: 0;
	left: inherit
}
.investors-banner h1:after {
	left: 54px
}
.news-banner h1:after {
	left: 24px
}
.officer-list-box {
	float: left;
	width: 100%;
	padding: 30px 0;
	background: #fff
}
.officer-list-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center
}
.officer-list-box ul li {
	display: inline-block;
	width: 100%;
	margin: 0 9px 24px 10px
}
.officer-list-box ul li .img-box {
	height: auto;
	overflow: hidden;
	width: 19%;
	float: left
}
.officer-list-box ul li .detail-box {
	float: left;
	width: 80%;
	text-align: left;
	padding-left: 30px
}
.officer-list-box ul li .img-box img {
	width: 100%
}
.officer-list-box ul li h4 {
	font-family: HVDFontsBrandonTextBold;
	font-weight: 700;
	line-height: 1.4;
	font-size: 18px;
	color: #232f3e
}
.officer-list-box ul li p {
	font-family: HVDFontsBrandonTextRegular;
	font-weight: 400;
	line-height: 1.4;
	font-size: 18px;
	color: #000
}
.lets-talk-box {
	width: 100%;
	float: left;
	background: #1d2733;
	padding: 71px 477px 93px;
	position: relative;
	overflow: hidden
}
.lets-talk-box:after {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #232f3e;
	z-index: 99;
	left: 0;
	transform: translate(-27%, 38%) rotate(35deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-box:hover:after {
	transform: translate(-31%, 29%) rotate(57deg);
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-box:before {
	position: absolute;
	content: " ";
	width: 50%;
	height: 400px;
	background: #232f3e;
	z-index: 99;
	right: 0;
	transform: translate(30%, 37%) rotate(-37deg);
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-box:hover:before {
	transform: translate(25%, 19%) rotate(-55deg);
	-webkit-transition: .3s all;
	transition: .3s all
}
.lets-talk-text {
	text-align: center
}
.lets-talk-text h2 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	font-weight: 600
}
.lets-talk-text p {
	color: #fff;
	font-family: HVDFontsBrandonTextRegular;
	font-size: 19px
}
.lets-talk-text a {
	font-family: HVDFontsBrandonTextRegular;
	font-size: 16px;
	text-decoration: none;
	border-radius: 2px;
	color: #fff;
	background-color: #ef6b03;
	-webkit-transition: .3s all;
	transition: .3s all;
	padding: 10px 25px;
	margin-top: 10px;
	font-weight: 600;
	display: inline-block;
	letter-spacing: 1px
}
.lets-talk-text a:hover {
	color: #fff;
	background-color: #232f3e
}
.col-sm-12.df-detls {
	text-align: center
}
.col-sm-12.df-detls h2 {
	position: relative;
	z-index: 1111;
	font-family: HVDFontsBrandonTextBold
}
.col-sm-12.df-detls p {
	font-size: 15px;
	margin: 5px 0 35px 0;
	color: #232f3e;
	font-weight: 200;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular
}
.your-team-yyzzzzz {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	display: inline-block;
	background: #fbfbfbe3;
	box-shadow: 0 6px 24px -12px #00000069;
	border-radius: 4px;
	margin-top: 54px;
	margin-bottom: 50px;
	padding: 0 20px
}
.your-team-yyzzzzz .src-components-ResponsiveImage {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
	margin-top: -49px;
	box-shadow: 0 0 18px -7px #000
}
.your-team-yyzzzzz .src-components-ResponsiveImage img {
	width: 100%
}
.col-centered {
	float: none;
	margin: 0 auto
}
.closees {
	cursor: pointer
}
.col-sm-12.cl-lg-12.col-md-12.df-detls.team-heading {
	margin-bottom: 40px
}
.team-contan {
	float: left;
	width: 100%;
	padding: 10px 10px 40px
}
.team-contan h3 {
	font-size: 21px;
	margin: 0;
	color: #232f3e;
	font-weight: 500;
	font-family: HVDFontsBrandonTextBold
}
.team-contan h6 {
	font-size: 13px;
	font-weight: 300;
	color: #7e7878;
	margin: 5px 0
}
.team-contan p {
	font-size: 15px;
	margin: 12px 0 15px;
	color: #434344;
	font-weight: 400;
	line-height: 22px;
	font-family: "Amazon Ember", Arial, sans-serif;
	height: 69px;
	overflow: hidden
}
.team-contan .bbt-read {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color .4s cubic-bezier(.23, 1, .32, 1);
	cursor: pointer;
	overflow: visible;
	padding: 11px 22px;
	font: normal normal .875rem/1rem BrandonText-Medium, sans-serif;
	color: #515762;
	background-color: transparent;
	border: 1px solid #515762;
	font-size: 14px;
	transition: .9s;
	font-family: HVDFontsBrandonTextBold
}
.team-contan .bbt-read:hover {
	background: #232f3e;
	color: #fff;
	transition: .9s
}
.team-gggg {
	position: relative
}
.team-tetail-pup-box {
	position: absolute;
	overflow: hidden;
	background: #f2f3f4;
	width: 100%;
	margin-top: -38px;
	padding: 0;
	min-height: auto;
	opacity: 1;
	transition: visibility .5s, opacity .8s, transform .8s;
	padding: 20px 24px;
	text-align: center;
	z-index: 9999;
	left: 50%;
	transform: translate(-50%, 0);
	top: -43px;
	border-radius: 12px;
	font-family: 'Amazon Ember'
}
.bbt-read:focus+.team-tetail-pup-box {
	visibility: visible
}

@media only screen and (max-width:1199px) {
.banner {
	margin-top: 59px
}
.banner-text {
	width: 435px;
	height: 230px;
	margin: 85px auto
}
.banner-text h2 {
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 600
}
.banner-text h3 {
	font-size: 13px;
	padding-bottom: 0
}
.banner-text p {
	width: 80%;
	font-size: 15px
}
.banner-text ul li a {
	width: 85px;
	font-size: 13px
}
.men-banner-text {
	padding: 115px 21px
}
.men-banner-text h2 {
	font-size: 24px!important
}
.men-banner-text p {
	padding: 5px 0
}
.how-it-works h4 {
	font-size: 17px
}
.from-us p {
	line-height: 20px
}
legend {
	font-size: 16px!important
}
.modal-content {
	width: 45%!important
}
.sign-up-page span:before {
	left: -155px!important;
	width: 145px!important
}
.Address-details {
	width: 30%;
	float: none;
	margin: 0 0;
	padding: 0 13px
}
.card-details-heading ul li:nth-child(2) {
	width: 21%
}
.card ul li {
	width: 18%
}
.card ul li:nth-child(3) {
	width: 49%!important
}
.order-detailbox .Address-details {
	width: 32%;
	padding: 0 14px
}
.order-detailbox h5 {
	font-size: 16px
}
.big-images img {
	width: 100%
}
.shipping-address-details ul li {
	width: 49%!important;
	word-break: break-word
}
#changeShipAddress .shipping-address-details ul li:first-child {
	width: 97%!important
}
#changeShipAddress .panel-heading input[type=radio] {
	top: 12px!important
}
#changeAddress .shipping-address-details ul li {
	width: 49%!important;
	word-break: break-word
}
#changeAddress .shipping-address-details ul li:first-child {
	width: 97%!important
}
}

@media only screen and (max-width:1024px) {
.reservation {
	padding-top: 15%!important
}
}

@media only screen and (max-width:991px) {
.payment .col-md-3 {
    float: left;
    width: 100%;
}
.logo {
	width: 42%;
	float: left;
	padding: 10px 0
}
.menu-bar {
	width: 58%;
	float: right
}
.banner {
	margin-top: 59px
}
.banner-text {
	width: 435px;
	height: 230px;
	margin: 85px auto
}
.banner-text h2 {
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 600
}
.banner-text h3 {
	font-size: 13px;
	padding-bottom: 0
}
.banner-text p {
	width: 80%;
	font-size: 15px
}
.banner-text ul li a {
	width: 85px;
	font-size: 13px
}
.working h2 {
	font-size: 25px;
	margin-bottom: 20px
}
.how-it-works h4 {
	font-size: 15px
}
.how-it-works p {
	width: 50%
}
.expecting h2 {
	font-size: 25px;
	margin-bottom: 20px
}
.from-us {
	height: auto;
	margin: 5px auto;
	padding-bottom: 15px;
	min-height: inherit!important
}
.cost-details {
	width: 85%
}
.cost-details h2 {
	font-size: 25px;
	margin-bottom: 15px
}
.dress {
	height: auto
}
.women-men-kids {
	margin-bottom: 25px
}
.best-fit h2 {
	font-size: 25px
}
.best-fit p {
	font-size: 15px
}
legend {
	width: 70%!important
}
.sign-up-btn {
	font-size: 10px
}
.how-it-works {
	width: 33%;
	float: left;
	text-align: center;
	padding-bottom: 15px
}
.how-it-works img {
	width: 149px
}
.how-it-works p {
	width: 100%
}
.footer-logo {
	width: 100%;
	float: left;
	text-align: center;
	padding: 1px 1px;
	padding-bottom: 20px
}
.footer-links {
	width: 33%;
	float: left;
	margin-top: 28px;
	padding-bottom: 20px
}
.footer-social h3 {
	margin: 0;
	color: #ff6c00;
	padding-top: 10px;
	font-size: 17px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 15px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.footer-social ul {
	margin: 0;
	padding: 0;
	text-align: center
}
.footer-logo p {
	left: 17px;
	display: inline-block
}
.Address-details {
	width: 30%;
	float: none;
	margin: 0 0
}
.Address-details form a {
	width: 47%
}
.customer-details {
	margin-top: 70px
}
.order-review {
	padding-top: 15%
}
.order-review .col-md-9 {
	width: 100%
}
.order-review .col-md-3 {
	width: 100%
}
.order-review #cart .col-sm-9 p {
	padding-top: 4px;
	padding-left: 20px;
	font-size: 14px
}
.table>thead:first-child>tr:first-child>th span {
	margin-left: 14px!important
}
.order-review .table>thead>tr>th {
	font-size: 13px
}
.big-images img {
	width: auto
}
.payment-sucess .jumbotron2 {
	width: 70%!important
}
.payment-sucess .jumbotron2 .display-3 {
	font-size: 27px!important
}
.select-service {
	width: 342px!important
}
}

@media only screen and (max-width:900px) {
.men-banner-text {
	margin-right: -85px
}
}

@media only screen and (max-width:800px) {
.reservation {
	padding-top: 12%!important
}
}

@media only screen and (max-width:767px) {
.stylists1 .container {
	padding: 0!important
}
.text-block1 .bg-white {
	box-shadow: 0 2px 7px 1px rgba(159,154,154,.27);
	padding: 10px 16px
}
.text-block1 {
	position: relative;
	margin-top: 0;
	padding: 2rem;
	margin: 0 auto;
	padding: 2rem;
	text-align: center;
	box-shadow: 0 2px 5px 1px rgba(0,0,0,.08);
	right: 0;
	width: 100%
}
.menu-list {
	width: 13%;
	padding: 0
}
.menu label {
	display: none
}
label[for=menu-toggle] {
	display: inline-block!important;
	max-width: 100%;
	margin-bottom: 0;
	font-weight: 700;
	height: 40px;
	width: 40px;
	border: 1px solid #455569;
	border-radius: 25px;
	text-align: center;
	background: #304258;
	margin-top: 10px
}
label[for=menu-toggle] img {
	width: 17px;
	margin-top: 2px
}
#menu {
	overflow: hidden;
	max-height: 0;
	padding: 0;
	background: #232f3e;
	margin: 0 auto;
	-webkit-transition: all .3s ease;
	width: 139px;
	position: absolute;
	right: 0;
	top: 67px;
	background: #232f3e
}
input[type=checkbox], input[type=radio] {
	display: none
}
input[type=checkbox] {
	display: block
}
.sign-up-form input[type=checkbox] {
	display: inline-block
}
#menu-toggle:checked+#menu {
	max-height: 625px;
	padding-bottom: 0
}
#content {
	background-color: #9acd32
}
#content, label {
	padding: 8px 0 0 0
}
label {
	display: inline-block;
	max-width: 100%;
	left: 0;
	top: 0;
	position: relative;
	float: right;
	margin-bottom: 5px;
	font-weight: 700
}
input#menu-toggle {
	display: none!important
}
.logo {
	width: 160px!important;
	float: left;
	padding: 10px 0
}
.menu-bar ul li a {
	cursor: pointer;
	text-decoration: none;
	padding: 10px 13px;
	display: inline-block;
	width: 100%;
	border-top: 1px solid #344963
}
.menu-bar ul li a:hover {
	background: #2c3e54
}
.menu-bar ul li a span {
	padding: 0
}
.menu-bar ul li {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	float: left;
	display: inline-block
}
.menu-bar ul li a i {
	font-size: 17px;
	float: left;
	position: relative;
	top: 2px;
	margin-right: 10px
}
.check-out-address-form {
	width: 100%
}
.check-out-address-form ul li label {
	float: left
}
.Address-details {
	width: 100%;
	float: none;
	margin: 0 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 14px;
	border-right: none
}
.Address-details form ul {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	float: left;
	width: 100%
}
.Address-details form button {
	display: block;
	width: 240px
}
.Address-details form a {
	width: 117px
}
.shipping-track {
	width: 100%
}
.conformation-message p {
	margin-left: 0
}
.menu-bar ul li:hover .submenu {
	position: relative
}
.submenu {
	top: -11px;
	padding-top: 11px;
	padding-left: 14px
}
.card ul li input[type=radio] {
	display: inline-block!important
}
.card ul li:nth-child(4), .card ul li:nth-child(5) {
	display: inline-block;
	width: 100%;
	padding-left: 30px;
	text-align: left
}
.card ul li:nth-child(2) {
	width: 40px;
	border: 1px solid red;
	margin-bottom: 15px
}
.card ul li p span {
	display: block;
	font-weight: 700
}
.order-review #cart .col-sm-9 p {
	padding-top: 4px;
	padding-left: 0;
	font-size: 16px
}
.order-detailbox .col-md-4 {
	margin-top: 24px;
	margin-bottom: 24px
}
.order-review h1 {
	margin-bottom: 0
}
.order-review {
	padding-top: 144px
}
.setting-box .col-md-9 {
	clear: both
}
.conformation-message {
	width: 100%
}
.conformation-message p {
	padding-left: 45px
}
table#cart tbody td .form-control {
	width: 20%;
	display: inline!important
}
.actions .btn {
	width: 36%;
	margin: 1.5em 0
}
.actions .btn-info {
	float: left
}
.actions .btn-danger {
	float: right
}
table#cart thead {
	display: none
}
table#cart tbody td {
	display: block;
	padding: .6rem;
	min-width: 290px;
	width: 100%!important;
	text-align: left
}
table#cart tbody td:before {
	content: attr(data-th);
	font-weight: 700;
	display: inline-block;
	width: 8rem
}
table#cart tfoot td {
	display: block
}
table#cart tfoot td .btn {
	display: block;
	margin-top: 11px
}
.change-btn {
	position: relative;
	text-align: left;
	width: 100%;
	float: left;
	margin-bottom: 15px
}
.change-btn label {
	float: none
}
.check-out h1 {
	font-size: 22px;
	margin-bottom: 15px;
	border-bottom: 1px solid #232e3e;
	padding-bottom: 15px
}
.check-out .table-condensed>tbody>tr>td.actions {
	padding-top: 16px!important;
	display: inline-block!important
}
.check-out h3 {
	margin-left: 0;
	float: left;
	width: 100%
}
img.img-responsive {
	margin-top: 10px
}
table#cart tfoot td.text-center {
	text-align: right
}
.mens-fit-image {
	margin-bottom: 0!important
}
.card-cvv-drop-left {
	width: 100%;
	float: left
}
.card-cvv-drop-right {
	width: 100%;
	float: right;
	padding-left: 0
}
.card-cvv-drop-right div {
	width: 100%!important;
	float: right
}
.order-detailbox .Address-details {
	border-right: none!important
}
.order-detailbox .Address-details {
	height: auto
}
}

@media only screen and (max-width:767px) {
.form-box-data h3 {
	margin-bottom: 20px
}
.right-bar label.error {
	position: absolute;
	left: 16px!important;
	top: 14px!important
}
.menu-bar ul li a span.noti {
	right: 17px;
	top: 0;
	color: #fff!important;
	text-align: center;
	padding-top: 0;
	line-height: 19px
}
.menu-bar ul li a span.bell-icon .notifay-no {
	right: 7px!important
}
#addressDiv {
	float: left;
	width: 100%
}
#addressDiv label {
	width: 100%;
	text-align: left;
	float: left;
	margin: 5px 0;
	padding: 0 0 0 24px
}
#addressDiv input[type=checkbox], #addressDiv input[type=radio] {
	display: inline-block;
	float: left;
	margin: 0 0 -13px 0;
	position: relative;
	top: 9px;
	z-index: 111
}
.live-button {
	left: inherit;
	right: 6px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	top: inherit;
	bottom: 20px;
	border-radius: 29px;
	padding: 10px 17px;
	font-size: 14px;
	letter-spacing: inherit
}
}

@media only screen and (max-width:640px) {
.best-fit p {
	width: 100%
}
fieldset {
	width: 100%!important
}
.modal-content {
	width: 90%!important
}
legend {
	width: 235px!important
}
.sign-up-btn {
	font-size: 14px
}
.card-details-heading ul li {
	width: 58%!important
}
.card ul li:nth-child(3) {
	width: 45%!important
}
.conformation-message {
	width: 100%
}
.conformation-message {
	padding-left: 15px
}
.checkout-payment-conformation {
	padding-bottom: 0
}
#changeShipAddress .shipping-address-details ul li {
	width: 100%!important
}
#changeShipAddress .shipping-address-details ul li:first-child {
	width: 97%!important
}
#changeAddress .shipping-address-details ul li {
	width: 100%!important
}
#changeAddress .shipping-address-details ul li:first-child {
	width: 97%!important
}
.right-bar label.error {
	top: 20px!important
}
.lets-talk-box {
	padding: 71px 75px 93px
}
.officer-list-box ul li .img-box {
	width: 200px
}
.officer-list-box ul li .detail-box {
	width: 100%;
	padding-left: 0
}
.lets-talk-text {
	position: relative;
	z-index: 111
}
}

@media only screen and (max-width:500px) {
.footer-links {
	width: 100%;
	float: left;
	margin-top: 28px;
	padding-bottom: 20px
}
.banner-text {
	width: 100%;
	height: 230px;
	margin: 85px auto
}
.how-it-works {
	width: 100%
}
.dress {
	height: auto
}
legend {
	font-size: 15px!important
}
.customer-details ul li a {
	font-size: 12px;
	margin-right: 20px
}
.customer-details ul li span {
	line-height: 28px
}
.track {
	width: 100%
}
.shipping-track h3 {
	font-size: 16px
}
.track button {
	font-size: 14px
}
.conformation-message h3 {
	font-size: 13px
}
.conformation-message {
	width: 100%
}
.conformation-message p {
	padding-left: 37px
}
.card-details-heading ul li h4 {
	font-size: 13px!important
}
.card-details-heading ul li {
	width: 52%!important
}
}

@media only screen and (max-width:480px) {
.customer-details ul li:first-child {
	top: -2px
}
}

@media only screen and (max-width:400px) {
.logo {
	width: 36%;
	float: left;
	padding: 10px 0
}
.from-us h4 {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	display: block;
	margin: 2px 0;
	padding: 0;
	color: #ff6c00;
	padding-top: 10px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.cost-details h2 {
	font-size: 19px;
	margin-bottom: 15px
}
.cost-details ul li {
	font-size: 16px;
	padding: 5px 0;
	text-align: left;
	color: #232f3e;
	font-weight: 400;
	line-height: 23px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.close {
	right: -15px;
	top: -27px;
	font-size: 31px!important
}
.change-btn label {
	width: 80px;
	font-size: 12px;
	padding: 8px 0
}
.setting-box .tab-content ul li input[type=email], .setting-box .tab-content ul li input[type=password], .setting-box .tab-content ul li input[type=text] {
	width: 100%
}
.conformation-message {
	width: 100%
}
.conformation-message p {
	padding-left: 36px
}
.reservation {
	padding-top: 25%!important
}
.setting-pop-up-buttons a {
	width: 100%;
	margin-top: 10px
}
.setting-pop-up-address-details {
	margin-left: 0
}
}

@media only screen and (max-width:370px) {
.banner-text h2 {
	font-size: 24px;
	padding-top: 21px;
	padding-bottom: 5px;
	font-weight: 600
}
.banner-text p {
	width: 80%;
	font-size: 14px
}
.banner-text ul li a {
	font-size: 11px
}
.banner-text ul li {
	margin: 0 3px;
	display: inline-block
}
.best-fit {
	width: 100%;
	float: left;
	margin-top: 0;
	margin-bottom: 10px
}
.best-fit p {
	width: 100%;
	font-size: 16px;
	margin: 10px auto;
	text-align: center;
	font-family: "Amazon Ember", Arial, sans-serif
}
.customer-details ul li span {
	width: 29px;
	height: 29px;
	line-height: 26px
}
.customer-details ul li:first-child a {
	top: 7px
}
}

@media only screen and (max-width:360px) {
.logo {
	width: 36%;
	float: left;
	padding: 10px 0
}
.from-us p {
	font-size: 12px;
	color: #fff;
	line-height: 21px
}
.banner-text h2 {
	font-size: 27px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 600
}
.banner-text p {
	width: 80%;
	font-size: 13px
}
.best-fit {
	margin-top: 0
}
.best-fit h2 {
	font-size: 23px
}
.best-fit p {
	width: 100%
}
.logo {
	width: 46%;
	float: left;
	padding: 10px 0
}
.sign-up-btn {
	font-size: 12px
}
.sign-up-member {
	font-size: 11px;
	font-weight: 600;
	color: #000000de
}
.sign-up {
	padding-bottom: 0
}
.footer-links h3 {
	color: #ff6c00;
	margin: 0;
	padding-top: 10px;
	font-size: 15px;
	font-weight: 800;
	margin-bottom: 15px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.expecting h2 {
	font-size: 23px;
	margin-bottom: 20px
}
.cost-details ul li {
	font-size: 14px
}
}

@media only screen and (max-width:340px) {
.from-us h4 {
	padding-top: 3px
}
.expecting h2 {
	font-size: 20px;
	margin-bottom: 20px
}
.cost-details h2 {
	font-size: 16px;
	margin-bottom: 15px
}
.conformation-message h3 {
	font-size: 12px
}
.conformation-message {
	width: 100%
}
}

@media only screen and (max-width:320px) {
.conformation-message h3 {
	font-size: 12px
}
.conformation-message {
	width: 100%
}
}
.table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle
}
.change-btn {
	position: relative;
	text-align: right;
	width: 327px
}
.change-btn input[type=radio] {
	position: absolute;
	opacity: 0;
	display: none
}
.change-btn label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	background: #232e3e;
	color: #f76c02;
	display: inline-block;
	width: 103px;
	text-align: center;
	font-size: 13px;
	padding: 8px 0;
	text-transform: uppercase;
	cursor: pointer
}
.change-btn label:hover {
	background: #ff6c00;
	color: #000;
	text-decoration: none
}
.change-btn input[type=radio]:checked+label {
	background: #ff6c00;
	color: #000;
	text-decoration: none
}
.change-btn1 {
	position: relative;
	text-align: left;
	width: 327px
}
.change-btn1 input[type=radio] {
	position: absolute;
	opacity: 0;
	display: none
}
.change-btn1 label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	background: #232e3e;
	color: #f76c02;
	display: inline-block;
	width: 60px;
	text-align: center;
	font-size: 13px;
	padding: 8px 0;
	text-transform: uppercase;
	cursor: pointer
}
.change-btn1 label:hover {
	background: #ff6c00;
	color: #000;
	text-decoration: none
}
.change-btn1 input[type=radio]:checked+label {
	background: #ff6c00;
	color: #000;
	text-decoration: none
}
.table-hover>tbody>tr:hover {
	background: 0 0!important
}
.size-sty-box1 {
	float: right;
	margin-right: -41%
}
.size-sty-box1 h3 {
	margin-left: 0!important
}
.change-btn2 {
	position: relative;
	text-align: right;
	width: 327px
}
.change-btn2 input[type=radio] {
	position: absolute;
	opacity: 0;
	display: none
}
.change-btn2 label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	background: #ff6c00;
	color: #000;
	display: inline-block;
	width: 103px;
	text-align: center;
	font-size: 13px;
	padding: 8px 0;
	text-transform: uppercase
}
.change-btn2 label:hover {
	background: #ff6c00;
	color: #000;
	text-decoration: none
}
.change-btn2 input[type=radio]:checked+label {
	background: #ff6c00;
	color: #000;
	text-decoration: none
}
.Product-table {
	width: 80%;
	margin: 0 auto
}
.Product-table th {
	font-size: 15px!important
}
.Product-table p {
	margin-top: 37px
}
.Address-details1 {
	width: 30%;
	height: 275px;
	float: none;
	padding: 0 0;
	text-align: left;
	font-size: 14px;
	font-family: "Amazon Ember", Arial, sans-serif;
	display: inline-block;
	border: 2px solid #ccc;
	margin-top: 20px;
	margin-left: 24px;
	vertical-align: top
}
.Address-details2:nth-child(2) {
	padding: 115px 74px;
	border: 2px dashed #ccc;
	text-align: center;
	float: left;
	color: #ddd;
	margin-left: 25px;
	cursor: pointer;
	margin-top: 20px;
	vertical-align: top;
	width: 30%;
	height: 270px
}
.Address-details1:nth-child(2) i {
	font-size: 50px
}
.Address-details1:nth-child(2) p {
	margin: 0;
	color: #232e3e!important;
	font-size: 16px!important;
	font-weight: 700!important
}
.Address-details1 form {
	width: 100%;
	float: left;
	padding: 7px;
	margin: 0
}
.Address-details1 form ul {
	margin: 0!important;
	padding: 0!important;
	width: 100%!important;
	height: 165px!important;
	overflow: hidden
}
.Address-details1 form ul li {
	float: left;
	width: 100%!important;
	list-style-type: none;
	font-size: 15px!important;
	padding: 0 0!important;
	border: none!important
}
.Address-details1 form ul li:first-child {
	font-size: 17px
}
.Address-details1 form button {
	margin-top: 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 14px;
	font-weight: 600;
	font-family: "Amazon Ember", Arial, sans-serif;
	border: 1px solid #232f3e;
	border-radius: 0!important;
	opacity: 1!important;
	padding: 8px 0;
	width: 100%;
	text-transform: uppercase
}
.Address-details1 form button:focus, .Address-details1 form button:hover {
	color: #232f3e;
	background: #ff6c00;
	border: 1px solid #ff6c00;
	opacity: 1!important
}
.Address-details1 form a {
	float: left;
	text-align: center;
	width: 48%;
	border: 1px solid #ccc;
	padding: 7px 15px;
	margin: 10px 2px;
	text-decoration: none;
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #232e3e
}
.Address-details1 form a:hover {
	color: #ff6c00
}
a.defult-setting-button {
	float: left!important;
	text-align: center!important;
	width: 98%!important;
	border: 1px solid #ccc!important;
	padding: 7px 15px!important;
	margin: 10px 2px!important;
	text-decoration: none!important;
	font-family: "Amazon Ember", Arial, sans-serif!important;
	color: #f76c02!important;
	background: #232e3e!important;
	margin-top: 0!important;
	text-transform: uppercase;
	font-weight: 700
}
a.a.defult-setting-button:focus, a.defult-setting-button:hover {
	color: #232f3e!important;
	background: #f76c02!important
}
.check-out-address {
	float: left;
	width: 100%;
	background: #fff
}
.qty {
	width: 65px!important
}
.check-out .table-condensed>thead>tr>th {
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #232e3e;
	font-size: 15px;
	padding: 10px 0
}
.check-out .table-condensed>tbody>tr>td {
	padding: 10px 0
}
.check-out p {
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #232e3e
}
.check-out .btn-warning {
	background: #232e3e;
	color: #f76c02;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	border-radius: 0;
	padding: 10px 18px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.check-out .btn-warning:hover {
	background: #f76c02;
	color: #232e3e
}
.check-out .btn-block {
	background: #232e3e;
	color: #f76c02;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	border-radius: 0;
	padding: 10px 18px;
	font-family: "Amazon Ember", Arial, sans-serif;
	width: 200px;
	float: right
}
.check-out .btn-block:hover {
	background: #f76c02;
	color: #232e3e
}
.check-out .hidden-xs strong {
	position: relative;
	top: 11px
}
.check-out h1 {
	font-size: 26px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	color: #232e3e;
	margin-bottom: 30px;
	border-bottom: 2px solid #232e3e;
	padding-bottom: 20px
}
.price-right h3 {
	font-size: 17px;
	font-weight: 700;
	color: #232e3e;
	text-transform: uppercase;
	font-family: "Amazon Ember", Arial, sans-serif
}
.price-right h3 span {
	float: right
}
.price-right .proceed {
	display: inline-block;
	background: #232e3e;
	color: #f76c02;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	border-radius: 0;
	padding: 10px 18px;
	font-family: "Amazon Ember", Arial, sans-serif;
	width: 100%;
	text-align: center
}
.price-right .proceed:hover {
	background: #f76c02;
	color: #232e3e;
	text-decoration: none
}
.table-condensed>tbody>tr>td {
	vertical-align: middle!important
}
#cart .col-sm-10 p {
	padding-top: 20px
}
.chack-out-table #cart .col-sm-2 {
	width: 25%
}
.chack-out-table #cart .col-sm-10 {
	width: 73%
}
.check-out h3 {
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	color: #232e3e;
	margin-bottom: 11px;
	margin-left: 11px;
	margin-top: 7px
}
.check-out .table-condensed>thead>tr>th span {
	margin-left: 31%
}
.order-review {
	float: left;
	width: 100%;
	padding-top: 10%;
	background: #fff;
	margin-bottom: 3px;
	padding-bottom: 40px;
	min-height: 450px
}
.order-review h1 {
	margin: 0;
	padding: 0;
	color: #232e3e;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 7px;
	font-family: "Amazon Ember", Arial, sans-serif;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 2px solid #232e3e;
	padding-bottom: 20px
}
.order-review h3 {
	color: #ef6a04;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 20px;
	border-bottom: 1px solid #ef6a04;
	padding-bottom: 14px
}
.order-review h3 span {
	float: right;
	font-size: 16px;
	font-weight: 400
}
.checking-out {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 20px
}
.checking-out-left {
	float: left;
	width: 50px;
	height: 49px;
	border: 2px solid #232e3e;
	border-radius: 100%;
	text-align: center;
	padding-top: 11px;
	font-size: 24px;
	color: #232e3e
}
.checking-out-right {
	float: left;
	width: 90%
}
.checking-out-right h3 {
	color: #757575;
	font-size: 20px;
	margin-top: 0;
	font-family: "Amazon Ember", Arial, sans-serif
}
.order-detailbox h5 {
	color: #232e3e;
	font-size: 17px;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif
}
.order-detailbox h5 a {
	display: inline-block;
	color: #ff6c00;
	margin-left: 7px
}
.order-detailbox h5 a:hover {
	color: #232f3e;
	text-decoration: none
}
.order-detailbox p {
	color: #232e3e;
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	margin: 0;
	word-break: break-word
}
.order-detailbox .col-md-4 a {
	display: inline-block;
	color: #ff6c00;
	margin-left: 7px;
	font-weight: 700
}
.order-detailbox .col-md-4 a:hover {
	text-decoration: none;
	color: #232f3e
}
.place-order button {
	float: left;
	width: 100%;
	padding: 8px 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 15px;
	border-radius: 0;
	text-transform: uppercase
}
.place-order button:focus, .place-order button:hover {
	color: #232f3e;
	outline: 0;
	background: #ff6c00
}
.place-order h5 {
	color: #232e3e;
	font-size: 17px;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif
}
.place-order {
	float: left;
	width: 100%;
	padding: 15px;
	margin-top: 0;
	border: 1px solid #ccc
}
.place-order ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%
}
.place-order ul li {
	display: inline-block;
	width: 100%;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 14px;
	color: #232e3e;
	text-align: left;
	padding: 6px 0
}
.place-order ul li span {
	float: right;
	font-weight: 700
}
.place-order ul.tax {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 8px 0;
	padding: 4px 0
}
.place-order h4 {
	color: #ff6c00;
	font-size: 18px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	float: left;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px
}
.place-order h4 span {
	float: right
}
.order-review .table>thead>tr>th {
	vertical-align: top
}
.order-review .btn-block {
	background: #232e3e;
	color: #f76c02;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	border-radius: 0;
	padding: 10px 18px;
	font-family: "Amazon Ember", Arial, sans-serif;
	width: 200px;
	float: right
}
.order-review .btn-block:hover {
	background: #f76c02;
	color: #232e3e
}
.order-review #cart {
	margin-top: 25px
}
.order-detailbox .Address-details {
	width: 33%;
	float: none;
	padding: 0 23px;
	text-align: left;
	font-size: 14px;
	font-family: "Amazon Ember", Arial, sans-serif;
	display: inline-block;
	border-right: 1px solid #ccc;
	vertical-align: top;
	min-height: 208px
}
.Address-details:last-child {
	border: none
}
.order-detailbox .table>thead>tr>th {
	font-size: 15px
}
.current-bal {
	float: left;
	width: 100%;
	margin-top: 10px
}
.current-bal li {
	display: inline-block;
	width: 100%;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 14px;
	color: #232e3e;
	text-align: left;
	padding: 6px 0
}
.current-bal li span {
	float: right;
	font-weight: 700
}
details summary {
	font-weight: 700;
	font-size: 16px;
	color: #fe6c00;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	width: 100px;
	right: 13px;
	text-align: right
}
.card-payment-option details {
	margin-top: 15px;
	overflow: hidden
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
body {
	line-height: 0!important
}
body div {
	line-height: 1.42857143
}
.live-chat {
	padding: 18px 15px
}
}
@-moz-document url-prefix() {
details summary:after {
display:none
}
}
::i-block-chrome, details summary:after {
border:1px solid red;
display:none
}
details summary:hover {
	color: #232e3e
}
.setting-box {
	float: left;
	width: 100%;
	padding-top: 150px;
	background: #fff;
	margin-bottom: 3px;
	padding-bottom: 40px
}
.setting-box2 {
	text-align: center
}
.setting-box h1 {
	margin: 0;
	padding: 0;
	color: #232e3e;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 7px;
	font-family: "Amazon Ember", Arial, sans-serif;
	float: left;
	width: 100%;
	padding-bottom: 10px
}
.setting-left {
	margin: 0;
	padding: 0;
	background: #e8e8e8;
	border: solid 1px #dedede;
	float: left;
	width: 100%
}
.setting-left ul {
	margin: 0!important;
	padding: 0;
	float: left;
	width: 100%
}
.setting-left ul li {
	display: inline-block;
	width: 100%;
	text-align: left;
	font-family: "Amazon Ember", Arial, sans-serif
}
.setting-left ul li a {
	margin: 0;
	display: inline-block;
	width: 100%;
	font-size: 15px;
	border-bottom: 1px solid #dedede;
	color: #232e3e
}
.setting-left .nav-tabs>li.active>a, .setting-left .nav-tabs>li.active>a:focus, .setting-left .nav-tabs>li.active>a:hover {
	color: #fe6c00;
	cursor: default;
	background-color: #232e3e;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-radius: 0;
	border: none
}
.setting-box .tab-content {
	display: inline-block;
	width: 100%;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 13px 19px 70px;
	min-height: 307px;
	position: relative
}
.setting-box .tab-content h5 {
	font-size: 17px;
	font-weight: 600;
	font-family: "Amazon Ember", Arial, sans-serif;
	margin: 0;
	padding: 5px 0 15px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #fe6c21;
	color: #fe6c00
}
.setting-box .tab-content ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 11px 0 0 0
}
.setting-box .tab-content ul li {
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 16px;
	margin: 0;
	border-bottom: 1px solid #e4e4e4;
	word-wrap: break-word
}
.setting-box .tab-content .credit-right ul li {
	font-size: 24px
}
.setting-box .tab-content .credit-right ul li:first-child {
	font-size: 16px!important
}
.setting-box .tab-content ul li label {
	float: left;
	width: 140px;
	max-width: inherit;
	margin: 0;
	padding-top: 4px;
	font-size: 15px
}
.setting-box .tab-content #four ul li label, .setting-box .tab-content .satya ul li label {
	width: 200px!important;
	height: 200px!important;
	border-radius: 100%;
	text-align: center;
	overflow: hidden;
	padding: 46px 0!important;
	float: none
}
.setting-box2 .tab-content ul li label {
	width: 200px!important;
	height: 200px!important;
	border-radius: 100%;
	text-align: center;
	overflow: hidden;
	padding: 46px 0!important
}
.setting-box .tab-content #four h5, .setting-box .tab-content .satya h5 {
	text-align: center
}
.setting-box2 .tab-content h5 {
	text-align: center
}
.setting-box .tab-content ul li input[type=email], .setting-box .tab-content ul li input[type=password], .setting-box .tab-content ul li input[type=text] {
	float: left;
	width: 60%;
	border: none;
	background: 0 0;
	margin: 0;
	padding: 5px;
	font-size: 15px;
	color: #232f3e;
	font-family: "Amazon Ember", Arial, sans-serif
}
.tab-button {
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 16px 20px;
	text-align: right
}
.tab-button .btn-boxes {
	display: inline-block;
	padding: 10px 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 13px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
	border-radius: 0;
	text-transform: uppercase;
	border: none
}
.tab-button .btn-boxes:hover {
	background: #ff6c00;
	color: #232f3e
}
.setting-box .tab-content textarea {
	float: left;
	width: 100%;
	border: none;
	background: 0 0;
	margin: 0;
	padding: 5px;
	font-size: 15px;
	color: #a9a9a9;
	text-align: left;
	min-height: 200px;
	margin-top: 21px;
	font-family: "Amazon Ember", Arial, sans-serif;
	line-height: 27px
}
.tab-content ul#customers li {
	display: inline-block;
	width: 100%;
	padding: 13px 0
}
.tab-content ul#customers li span:last-child {
	display: inline-block;
	width: 61%
}
.tab-content ul#customers li strong {
	width: 185px;
	display: inline-block;
	font-size: 13px;
	font-family: "Amazon Ember", Arial, sans-serif;
	vertical-align: top
}
.tab-content ul#customers li span {
	dispaly: inline-block;
	margin-left: 23px;
	font-size: 14px;
	color: #797979;
	font-family: "Amazon Ember", Arial, sans-serif;
	vertical-align: top
}
.tab-content ul#customers {
	padding-top: 0;
	margin-top: 0
}
.tab-content ul#customers li:first-child {
	padding-top: 0
}
.tab-content ul#customers li:last-child {
	border: none;
	padding-bottom: 0
}
.tab-content .checkbox-sitting {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px
}
.tab-content .checkbox-sitting input[type=checkbox] {
	opacity: 0
}
.tab-content #four .checkbox-sitting label .tab-content .satya .checkbox-sitting label {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #5a5a5a;
	padding-left: 20px!important;
	font-family: "Amazon Ember", Arial, sans-serif;
	cursor: pointer
}
.tab-content #four .checkbox-sitting label::before, .tab-content .satya .checkbox-sitting label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	margin-left: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}
.tab-content #four .checkbox-sitting input[type=checkbox]:checked+label:before, .tab-content .satya .checkbox-sitting input[type=checkbox]:checked+label:before {
	background-color: #232e3e;
	border-color: #232e3e
}
.tab-content #four .checkbox-sitting input[type=checkbox]:checked+label:after, .tab-content .satya .checkbox-sitting input[type=checkbox]:checked+label:after {
	font-family: FontAwesome;
	font-weight: 900;
	content: "\f00c";
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: -3px;
	top: 1px;
	margin-left: 2px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 12px;
	color: #fff
}
.checkbox-sitting label {
	margin-left: 10px
}
.tab-content #four h6, .tab-content .satya h6 {
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #5a5a5a;
	margin-top: 20px
}
.setting-box .tab-content p {
	font-size: 15px;
	font-weight: 400;
	color: #5a5a5a;
	font-family: "Amazon Ember", Arial, sans-serif;
	cursor: pointer;
	float: left;
	width: 100%
}
.credit-right-main .credit-right .switch-field {
	width: 333px;
	margin: 0 auto;
	margin-bottom: 15px
}
.credit-right-main .credit-right .switch-field label {
	padding: 10px 14px
}
.credit-right-main .credit-right .copy-text {
	margin-top: 0;
	margin-bottom: 20px
}
.credit-right-main .credit-right .copy-text p {
	font-size: 10px;
	padding: 15px 5px
}
.credit-right-main .credit-right .copy-text a:hover {
	text-decoration: none
}
.referral-work h4 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
	margin-bottom: 17px
}
.referral-work p {
	float: left!important;
	width: 100%!important;
	text-align: left!important
}
.referral-work p span {
	display: inline-block;
	border: 1px solid #232f3e;
	height: 25px;
	width: 25px;
	border-radius: 100%;
	font-size: 15px;
	padding-top: 1px;
	margin-right: 15px;
	text-align: center;
	float: left
}
.tab-content #four, .tab-content .satya {
	text-align: center
}
.tab-content #four ul, .tab-content .satya ul {
	float: left;
	width: 100%;
	margin: 12px 0 15px 0;
	padding: 0
}
.tab-content #four ul li, .tab-content .satya ul li {
	display: inline-block;
	width: 22%;
	margin: 0 10px;
	padding-bottom: 0
}
.tab-content #four ul li:first-child, .tab-content .satya ul li:first-child {
	margin-left: 0
}
.setting-box .tab-content #four ul li h5, .setting-box .tab-content .satya ul li h5 {
	font-size: 13px;
	color: #232e3e;
	padding-bottom: 7px;
	margin-bottom: 9px
}
.setting-box .tab-content #four ul li p .setting-box .tab-content .satya ul li p {
	font-size: 14px;
	font-weight: 400;
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #767f8c
}
.setting-box .tab-content #four ul li label, .setting-box .tab-content .satya ul li label {
	width: 100%;
	height: auto;
	padding: 11px 8px;
	border: 1px solid #ccc;
	position: relative;
	cursor: pointer
}
.setting-box .tab-content #four ul li input[type=radio], .setting-box .tab-content .satya ul li input[type=radio] {
	opacity: 0
}
.setting-box .tab-content #four ul li input[type=radio]:checked+label, .setting-box .tab-content .satya ul li input[type=radio]:checked+label {
	background: #d6d8dc;
	border: 1px solid #a7b9d4
}
.setting-box .tab-content #four ul li input[type=radio]:checked+label:before .setting-box .tab-content .satya ul li input[type=radio]:checked+label:before {
background:#d6d8dc;
border:1px solid #d64ad
}
.setting-box .tab-content #four ul li label:before, .setting-box .tab-content .satya ul li label:before {
	content: "";
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	right: 0;
	top: -24px;
	border-radius: 100%;
	border: 2px solid #fff
}
.setting-box .tab-content #four ul li input[type=radio]:checked+label:after, .setting-box .tab-content .satya ul li input[type=radio]:checked+label:after {
	background: #fff;
	font-family: FontAwesome;
	font-weight: 900;
	content: "\f00c";
	display: inline-block;
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	right: 0;
	top: -20px;
	font-size: 15px;
	color: #939bab;
	text-align: center;
	padding-top: 3px;
	border: 1px solid #d6d8dc;
	border-radius: 100%
}
.setting-box .tab-content h5 span {
	float: right;
	font-size: 14px;
	color: #232e3e;
	text-transform: capitalize
}
.setting-box .tab-content #five h5 {
	margin-bottom: 15px
}
.tab-content #four ul li, .tab-content .satya ul li {
	width: 27%!important;
	border-bottom: none
}
.setting-box2 .tab-content ul li {
	text-align: center;
	width: 20%!important
}
.acc {
	border: 1px solid #ccc;
	width: 49%;
	display: inline-block;
	padding: 15px
}
.credit-right-main {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 15px
}
.credit-right {
	text-align: center;
	border: 1px solid #ccc;
	position: relative;
	width: 100%;
	padding-bottom: 13px;
	float: none;
	padding: 0 15px;
	display: inline-block
}
.acc label {
	color: #232e3e;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.acc button {
	float: left;
	width: auto;
	padding: 8px 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
	border-radius: 0;
	text-transform: uppercase;
	border: none
}
.acc button:hover {
	color: #232f3e;
	background: #ff6c00
}
.acclab {
	float: left;
	width: 100%
}
.acclab a {
	display: inline-block;
	color: #ff6c00;
	text-transform: initial;
	font-size: 15px;
	margin-top: 5px
}
.acclab a:hover {
	color: #232f3e;
	text-decoration: none
}
#promocode {
	padding: 9px
}
.credit-right h2 {
	font-size: 20px;
	color: #232e3e;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif
}
.credit-right .save {
	display: inline-block;
	width: auto;
	padding: 8px 15px;
	color: #ff6c00;
	background: #232f3e;
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
	border-radius: 0;
	text-transform: uppercase;
	border: none
}
.credit-right .save:hover {
	color: #232f3e;
	background: #ff6c00
}
.credit-right ul {
	float: left;
	width: 100%;
	margin: 0!important
}
.credit-right ul li {
	display: inline-block!important;
	border: none!important;
	width: auto!important;
	padding: 0 4px!important;
	margin-bottom: 16px!important
}
.setting-box .tab-content #baun h6, .setting-box .tab-content #six h6 {
	font-size: 16px;
	color: #232e3e;
	font-family: "Amazon Ember", Arial, sans-serif
}
.email-label {
	float: left;
	width: 100%
}
.email-label input[type=radio] {
	position: absolute;
	opacity: 0
}
.email-label .input-control {
	cursor: pointer;
	display: inline-block;
	padding-left: 33.75px;
	position: relative;
	font-size: 15px;
	font-weight: 100;
	line-height: 27px;
	color: #232e3e;
	font-weight: 700;
	margin: 9px 0!important;
	width: 100%;
	font-family: "Amazon Ember", Arial, sans-serif
}
.email-label .input-control__indicator {
	border-radius: 80%;
	display: block;
	height: 20px;
	position: absolute;
	top: 5px;
	left: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 20px;
	text-align: center;
	background-color: #232e3e;
	background-size: 50% 50%;
	background-position: center center;
	background-repeat: no-repeat
}
.email-label .input-control.radio input:active~.input-control__indicator, .email-label .input-control.radio input:focus~.input-control__indicator {
	background: #232e3e
}
.email-label .input-control.radio input:checked~.input-control__indicator:after {
	border-radius: 80%;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	background: #fff
}
.email-label .input-control.radio input:checked~.input-control__indicator:after {
	border-radius: 80%;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	background: #fe6c00
}
.setting-box .tab-content #seven h6 {
	font-size: 15px;
	font-weight: 700;
	color: #232e3e;
	font-family: "Amazon Ember", Arial, sans-serif
}
.setting-box .tab-content #seven a {
	padding: 13px 29px 13px 60px;
	background: #3b5998;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	display: inline-block;
	font-weight: 700;
	position: relative;
	border-radius: 4px
}
.loginBtn--facebook:before {
	border-right: #364e92 1px solid;
	background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png) 11px 13px no-repeat
}
.loginBtn:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 100%
}
.setting-box2 .tab-content .new-card-form ul li label {
	height: auto!important;
	margin: 0;
	padding: 0!important;
	text-align: left;
	overflow: visible
}
.size-sty-box {
	float: right;
	margin-right: -15%
}
.chack-out-table {
	margin: 0 auto;
	width: 80%;
	position: relative
}
.card {
	margin-top: 0
}
.size-sty-box {
	margin-right: -32%
}
.faq-cat-tabs li a {
	padding: 15px 10px 15px 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #777
}
.nav-tabs li a:focus, .panel-heading a:focus {
	outline: 0
}
.panel-heading a, .panel-heading a:focus, .panel-heading a:hover {
	text-decoration: none;
	color: #777
}
.faq-cat-content .panel-heading:hover {
	background-color: #efefef
}
.active-faq {
	border-left: 5px solid #888
}
.panel-faq .panel-heading .panel-title span {
	font-size: 13px;
	font-weight: 400
}
.tab-content {
	float: left;
	width: 100%
}
.tab-pane {
	float: left;
	width: 100%;
	margin-top: 15px
}
.sectiion1 {
	border: none;
	padding: 0
}
.section1>.active {
	display: block
}
.panel-group {
	float: left;
	width: 100%
}
.panel {
	float: left;
	width: 100%
}
.panel-heading {
	float: left;
	width: 100%;
	padding: 0!important
}
.panel-collapse {
	float: left;
	width: 100%
}
.active-faq {
	border-left: none
}
.panel-group .panel {
	border: none
}
.card-cvv {
	width: 100%;
	float: right;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 12px 15px 15px;
	margin-top: -1px
}
.panel-body {
	float: left;
	width: 100%;
	padding: 0!important
}
.card-cvv-drop-left {
	padding-left: 0
}
.card-cvv-drop-right div {
	width: 76%;
	float: right
}
.card-cvv ul {
	list-style-type: none
}
.card-cvv-drop-last {
	margin-top: 15px
}
#one ul li {
	padding: 9px 0
}
.settings-profile ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc
}
.settings-profile ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block
}
.settings-profile ul li a {
	color: #232e3e;
	font-size: 20px;
	font-weight: 700;
	margin-right: 30px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.settings-profile ul li a:focus, .settings-profile ul li a:hover {
	color: #ff6c00;
	text-decoration: none
}
.nav-tabs.faq-cat-tabs li a {
	margin-right: 0;
	font-family: "Amazon Ember .tab-pane", Arial, sans-serif;
	font-size: 18px;
	border: none!important
}
.setting-box .tab-content h3 {
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 19px!important;
	font-weight: 700;
	margin-top: 0!important;
	margin-bottom: 20px!important;
	line-height: normal!important;
	text-align: left!important
}
#faq-cat-2 .tab-pane {
	margin-top: 0
}
#faq-cat-2 .tab-pane .checkbox-sitting label {
	padding-left: 12px
}
.nav-tabs>li.active>a {
	color: #ff6c00!important;
	border: 1px solid #ddd!important
}
.work-process-box {
	float: left;
	width: 100%;
	background: #f6f8f7;
	padding: 29px 0 60px;
	margin-top: 60px
}
.inner-banner img {
	width: 100%
}
.inner-banner-text {
	position: absolute;
	width: 100%;
	left: 0;
	top: 40%;
	z-index: 111;
	transform: translate(0, -50%);
	text-align: right
}
.inner-banner h1 {
	text-transform: capitalize;
	color: #232f3e;
	font-size: 35px;
	font-weight: 800;
	margin-bottom: 0;
	font-family: HVDFontsBrandonTextBold
}
.inner-banner h2 {
	text-transform: capitalize;
	color: #232f3e;
	font-size: 38px;
	font-weight: 800;
	margin-bottom: 0;
	font-family: HVDFontsBrandonTextBold
}
.inner-banner h1 a, .inner-banner h2 a {
	color: #232f3e
}
.inner-banner h1 a:hover, .inner-banner h2 a:hover {
	color: #ff6c00;
	text-decoration: none
}
.inner-banner-text a {
	margin-top: 15px
}
.life-style p {
	font-size: 18px;
	font-weight: 300;
	color: #6e7379;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular;
	text-align: center;
	padding: 0 14%;
	margin-top: -20px;
	margin-bottom: 30px
}
.kids-drapefit-p {
	font-size: 18px;
	font-weight: 300;
	color: #6e7379;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular;
	text-align: center;
	padding: 0 14%;
	margin-top: -20px;
	margin-bottom: 30px
}
.kids-drapefit-inline-heding {
	display: inline-block;
	margin: 0!important;
	font-size: 18px;
	font-weight: 300;
	color: #6e7379;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular;
	width: fit-content
}
.work-process-box {
	float: left;
	width: 100%
}
.process-box {
	float: left;
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 15px;
	height: 379px;
	border: 1px dashed #b3bfce;
	border-radius: 8px;
	margin-top: 70px
}
.prosses-img {
	display: inline-block;
	height: 150px;
	width: 150px;
	overflow: hidden;
	border-radius: 100%;
	border: 6px solid #fff;
	box-shadow: 0 0 11px -4px #b3bfce;
	margin-top: -76px;
	margin-bottom: 16px
}
.prosses-img img {
	width: 100%
}
.process-box h4 {
	color: #ff6c00;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	margin-top: 0;
	font-family: HVDFontsBrandonTextBold;
	text-transform: capitalize
}
.process-box h4 span {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #ccc
}
.process-box h4 span {
	display: inline-block;
	height: 45px;
	width: 45px;
	background: #ff6c00;
	color: #232f3e;
	font-weight: 800;
	border-radius: 63px;
	line-height: 38px;
	border: 3px solid #fff;
	box-shadow: 0 0 11px -4px #b3bfce
}
.process-box p {
	font-size: 17px;
	font-weight: 300;
	color: #6e7379;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular;
	text-align: center;
	margin-bottom: 0;
	padding: 0;
	line-height: 23px
}
.men-fit .drafit-cont-right {
	height: 540px
}
.men-fit .drafit-cont-left.content-righr-boxggg .conten-box {
	background: #fff;
	border-radius: 0;
	padding: 30px;
	margin-right: 0;
	position: relative;
	margin-left: 0;
	z-index: 11
}
.men-fit .conten-box ul {
	float: left;
	width: 100%;
	margin: 0
}
.men-fit .conten-box ul li {
	width: 100%;
	margin: 10px 0;
	float: left;
	list-style-type: none;
	font-size: 17px;
	font-weight: 400;
	font-family: HVDFontsBrandonTextRegular
}
.men-fit .drafit-cont-left.content-righr-boxggg {
	float: right;
	padding: 10px 100px 9px 14px
}
.testim {
	width: 100%;
	position: relative;
	float: left;
	width: 100%;
	background: #273342;
	padding: 30px 0
}
.testim .wrap {
	position: relative;
	width: 100%;
	max-width: 1020px;
	padding: 40px 20px;
	margin: auto
}
.testim .arrow {
	display: block;
	position: absolute;
	color: #eee;
	cursor: pointer;
	font-size: 2em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 5px;
	z-index: 22222222
}
.testim .arrow:before {
	cursor: pointer
}
.testim .arrow:hover {
	color: #ea830e
}
.testim .arrow.left {
	left: 10px
}
.testim .arrow.right {
	right: 10px
}
.testim .dots {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 60px;
	left: 0;
	display: block;
	z-index: 3333;
	height: 12px
}
.testim .dots .dot {
	list-style-type: none;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #eee;
	margin: 0 10px;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position: relative
}
.testim .dots .dot.active, .testim .dots .dot:hover {
	background: #ea830e;
	border-color: #ea830e
}
.testim .dots .dot.active {
	-webkit-animation: testim-scale .5s ease-in-out forwards;
	-moz-animation: testim-scale .5s ease-in-out forwards;
	-ms-animation: testim-scale .5s ease-in-out forwards;
	-o-animation: testim-scale .5s ease-in-out forwards;
	animation: testim-scale .5s ease-in-out forwards
}
.testim .cont {
	position: relative;
	overflow: hidden
}
.testim .cont>div {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0 70px 0;
	opacity: 0
}
.testim .cont>div.inactive {
	opacity: 1
}
.testim .cont>div.active {
	position: relative;
	opacity: 1
}
.testim .cont div .img img {
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 50%
}
.testim .cont div h2 {
	color: #ea830e;
	font-size: 1em;
	margin: 15px 0;
	font-family: HVDFontsBrandonTextBold
}
.testim .cont div h2 span {
	display: block;
	font-family: HVDFontsBrandonTextThin;
	color: #fff
}
.testim .cont div ul {
	float: left;
	width: 100%;
	margin: -10px 0 10px;
	padding: 0
}
.testim .cont div ul li {
	display: inline-block;
	color: #ea830e
}
.testim .cont div p {
	font-size: 1.15em;
	color: #eee;
	width: 80%;
	margin: auto;
	font-family: HVDFontsBrandonTextRegular
}
.testim .cont div.active .img img {
	-webkit-animation: testim-show .5s ease-in-out forwards;
	-moz-animation: testim-show .5s ease-in-out forwards;
	-ms-animation: testim-show .5s ease-in-out forwards;
	-o-animation: testim-show .5s ease-in-out forwards;
	animation: testim-show .5s ease-in-out forwards
}
.testim .cont div.active h2 {
	-webkit-animation: testim-content-in .4s ease-in-out forwards;
	-moz-animation: testim-content-in .4s ease-in-out forwards;
	-ms-animation: testim-content-in .4s ease-in-out forwards;
	-o-animation: testim-content-in .4s ease-in-out forwards;
	animation: testim-content-in .4s ease-in-out forwards
}
.testim .cont div.active ul {
	-webkit-animation: testim-content-in .4s ease-in-out forwards;
	-moz-animation: testim-content-in .4s ease-in-out forwards;
	-ms-animation: testim-content-in .4s ease-in-out forwards;
	-o-animation: testim-content-in .4s ease-in-out forwards;
	animation: testim-content-in .4s ease-in-out forwards
}
.testim .cont div.active p {
	-webkit-animation: testim-content-in .5s ease-in-out forwards;
	-moz-animation: testim-content-in .5s ease-in-out forwards;
	-ms-animation: testim-content-in .5s ease-in-out forwards;
	-o-animation: testim-content-in .5s ease-in-out forwards;
	animation: testim-content-in .5s ease-in-out forwards
}
.testim .cont div.inactive .img img {
	-webkit-animation: testim-hide .5s ease-in-out forwards;
	-moz-animation: testim-hide .5s ease-in-out forwards;
	-ms-animation: testim-hide .5s ease-in-out forwards;
	-o-animation: testim-hide .5s ease-in-out forwards;
	animation: testim-hide .5s ease-in-out forwards
}
.testim .cont div.inactive h2 {
	-webkit-animation: testim-content-out .4s ease-in-out forwards;
	-moz-animation: testim-content-out .4s ease-in-out forwards;
	-ms-animation: testim-content-out .4s ease-in-out forwards;
	-o-animation: testim-content-out .4s ease-in-out forwards;
	animation: testim-content-out .4s ease-in-out forwards
}
.testim .cont div.inactive ul {
	-webkit-animation: testim-content-out .4s ease-in-out forwards;
	-moz-animation: testim-content-out .4s ease-in-out forwards;
	-ms-animation: testim-content-out .4s ease-in-out forwards;
	-o-animation: testim-content-out .4s ease-in-out forwards;
	animation: testim-content-out .4s ease-in-out forwards
}
.testim .cont div.inactive p {
	-webkit-animation: testim-content-out .5s ease-in-out forwards;
	-moz-animation: testim-content-out .5s ease-in-out forwards;
	-ms-animation: testim-content-out .5s ease-in-out forwards;
	-o-animation: testim-content-out .5s ease-in-out forwards;
	animation: testim-content-out .5s ease-in-out forwards
}
@-webkit-keyframes testim-scale {
0% {
-webkit-box-shadow:0 0 0 0 #eee;
box-shadow:0 0 0 0 #eee
}
35% {
-webkit-box-shadow:0 0 10px 5px #eee;
box-shadow:0 0 10px 5px #eee
}
70% {
-webkit-box-shadow:0 0 10px 5px #ea830e;
box-shadow:0 0 10px 5px #ea830e
}
100% {
-webkit-box-shadow:0 0 0 0 #ea830e;
box-shadow:0 0 0 0 #ea830e
}
}
@-moz-keyframes testim-scale {
0% {
-moz-box-shadow:0 0 0 0 #eee;
box-shadow:0 0 0 0 #eee
}
35% {
-moz-box-shadow:0 0 10px 5px #eee;
box-shadow:0 0 10px 5px #eee
}
70% {
-moz-box-shadow:0 0 10px 5px #ea830e;
box-shadow:0 0 10px 5px #ea830e
}
100% {
-moz-box-shadow:0 0 0 0 #ea830e;
box-shadow:0 0 0 0 #ea830e
}
}
@-ms-keyframes testim-scale {
0% {
-ms-box-shadow:0 0 0 0 #eee;
box-shadow:0 0 0 0 #eee
}
35% {
-ms-box-shadow:0 0 10px 5px #eee;
box-shadow:0 0 10px 5px #eee
}
70% {
-ms-box-shadow:0 0 10px 5px #ea830e;
box-shadow:0 0 10px 5px #ea830e
}
100% {
-ms-box-shadow:0 0 0 0 #ea830e;
box-shadow:0 0 0 0 #ea830e;
}
}
@-o-keyframes testim-scale {
0% {
-o-box-shadow:0 0 0 0 #eee;
box-shadow:0 0 0 0 #eee
}
35% {
-o-box-shadow:0 0 10px 5px #eee;
box-shadow:0 0 10px 5px #eee
}
70% {
-o-box-shadow:0 0 10px 5px #ea830e;
box-shadow:0 0 10px 5px #ea830e
}
100% {
-o-box-shadow:0 0 0 0 #ea830e;
box-shadow:0 0 0 0 #ea830e
}
}
@keyframes testim-scale {
0% {
box-shadow:0 0 0 0 #eee
}
35% {
box-shadow:0 0 10px 5px #eee
}
70% {
box-shadow:0 0 10px 5px #ea830e
}
100% {
box-shadow:0 0 0 0 #ea830e
}
}
@-webkit-keyframes testim-content-in {
from {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
to {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes testim-content-in {
from {
opacity:0;
-moz-transform:translateY(100%);
transform:translateY(100%)
}
to {
opacity:1;
-moz-transform:translateY(0);
transform:translateY(0)
}
}
@-ms-keyframes testim-content-in {
from {
opacity:0;
-ms-transform:translateY(100%);
transform:translateY(100%)
}
to {
opacity:1;
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes testim-content-in {
from {
opacity:0;
-o-transform:translateY(100%);
transform:translateY(100%)
}
to {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes testim-content-in {
from {
opacity:0;
transform:translateY(100%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@-webkit-keyframes testim-content-out {
from {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
to {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@-moz-keyframes testim-content-out {
from {
opacity:1;
-moz-transform:translateY(0);
transform:translateY(0)
}
to {
opacity:0;
-moz-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@-ms-keyframes testim-content-out {
from {
opacity:1;
-ms-transform:translateY(0);
transform:translateY(0)
}
to {
opacity:0;
-ms-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@-o-keyframes testim-content-out {
from {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
to {
opacity:0;
transform:translateY(-100%);
transform:translateY(-100%)
}
}
@keyframes testim-content-out {
from {
opacity:1;
transform:translateY(0)
}
to {
opacity:0;
transform:translateY(-100%)
}
}
@-webkit-keyframes testim-show {
from {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
to {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-moz-keyframes testim-show {
from {
opacity:0;
-moz-transform:scale(0);
transform:scale(0)
}
to {
opacity:1;
-moz-transform:scale(1);
transform:scale(1)
}
}
@-ms-keyframes testim-show {
from {
opacity:0;
-ms-transform:scale(0);
transform:scale(0)
}
to {
opacity:1;
-ms-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes testim-show {
from {
opacity:0;
-o-transform:scale(0);
transform:scale(0)
}
to {
opacity:1;
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes testim-show {
from {
opacity:0;
transform:scale(0)
}
to {
opacity:1;
transform:scale(1)
}
}
@-webkit-keyframes testim-hide {
from {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
to {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
}
@-moz-keyframes testim-hide {
from {
opacity:1;
-moz-transform:scale(1);
transform:scale(1)
}
to {
opacity:0;
-moz-transform:scale(0);
transform:scale(0)
}
}
@-ms-keyframes testim-hide {
from {
opacity:1;
-ms-transform:scale(1);
transform:scale(1)
}
to {
opacity:0;
-ms-transform:scale(0);
transform:scale(0)
}
}
@-o-keyframes testim-hide {
from {
opacity:1;
-o-transform:scale(1);
transform:scale(1)
}
to {
opacity:0;
-o-transform:scale(0);
transform:scale(0)
}
}
@keyframes testim-hide {
from {
opacity:1;
transform:scale(1)
}
to {
opacity:0;
transform:scale(0)
}
}
.fit-box {
	padding-bottom: 0
}

@media all and (max-width:500px) {
.testim .arrow {
	font-size: 1.5em
}
.testim .cont div p {
	line-height: 25px
}
}
.brand-box {
	float: left;
	width: 100%;
	padding: 30px 0
}
#brand .owl-stage-outer {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
#brand .owl-stage-outer .item {
	border-left: 1px solid #ccc
}
.new-register {
	float: left;
	width: 100%
}
.new-register form {
	float: left;
	width: 100%;
	background: #f3f3f3;
	padding: 30px 36px 40px;
	border-radius: 55px 55px 0 0
}
.new-register form input {
	width: 100%;
	height: 55px;
	padding: 10px 10px;
	margin: 9px 0 9px 0;
	display: inline-block;
	border: 1px dashed #ccc;
	background: #f5f5f5;
	letter-spacing: 1px;
	border-radius: 4px;
	font-family: HVDFontsBrandonTextRegular;
	font-size: 17px
}
.new-register form button {
	background-image: linear-gradient(to right, rgb(35 47 62), rgb(251 108 2 / 90%));
	font-family: HVDFontsBrandonTextBold;
	border: none;
	color: #fff;
	padding: 13px 24px;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 17px;
	float: right;
	margin-top: 17px
}
.new-register form button:hover {
	background-image: linear-gradient(to left, rgb(35 47 62), rgb(251 108 2 / 90%))
}
.new-register img {
    margin: 16px 0 0 45px;
    position: relative;
    top: 59px;
}
.section-head img {
	top: 0
}
.brand {
	float: left;
	width: 100%;
	padding: 30px 0
}
.brand-image {
	width: 100%;
	float: left
}
.brand-image ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left
}
.brand-image ul li {
	width: 20%;
	float: left;
	height: 180px;
	list-style-type: none;
	display: inline-block;
	border: 1px solid #ccc
}
.small-images {
	width: 100%;
	float: left;
	overflow: hidden;
	margin: 5px 0;
	position: relative
}
.big-images img, .small-images img {
	width: 100%
}
.owl-nav {
	display: none
}
.style-box {
	float: left;
	width: 100%;
	background: #f6f6f6;
	position: relative;
	padding: 25px 0 56px
}
.style-box p {
	font-size: 18px;
	font-weight: 300;
	color: #6e7379;
	line-height: 30px;
	font-family: HVDFontsBrandonTextRegular;
	text-align: center;
	padding: 0 14%;
	margin-bottom: 30px
}
.women-banner {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 48px;
	background-size: cover;
	background: #fff url(../images/women-banner-6.jpg);
	background-repeat: no-repeat
}
.plus-size-banner {
	background: #fff url(../images/plus-size-women-banner.jpg)
}
.maternity-banner {
	background: #fff url(../images/maternity-banner.jpg)
}
.petite-banner {
	background: #fff url(../images/petite-banner.jpg)
}
.women-jeans-banner {
	background: #fff url(../images/jeans-women-banner.jpg)
}
.big-tall-banner {
	background: #fff url(../images/big-tallmen-banner.jpg)
}
.women-busines-banner {
	background: #fff url(../images/busines-women-banner.jpg)
}
.maternity-activewear {
	background: #fff url(../images/maternity-activewear.jpg)
}
.puls-astivewear {
	background: #fff url(../images/plus-activewear.jpg)
}
.big-tall-banner .men-banner-text, .maternity-banner .men-banner-text, .petite-banner .men-banner-text, .plus-size-banner .men-banner-text, .women-busines-banner .men-banner-text, .women-jeans-banner .men-banner-text {
	padding: 154px 0
}
.image-style4 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Women1.jpg);
	background-position: center
}
.image-style5 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Women2.jpg);
	background-position: center
}
.image-style6 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Women3.jpg);
	background-position: center
}
.plus_size_how_it .image-style4 {
	background: url(../images/plus-size-women1.jpg);
	background-position: center
}
.maternity-how-it-work .image-style4 {
	background: url(../images/maternity-women1.jpg);
	background-position: center
}
.maternity-how-it-work .image-style6 {
	background: url(../images/maternity-women3.jpg);
	background-position: center
}
.petite-how-it-work .image-style4 {
	background: url(../images/petite-women1.jpg);
	background-position: center
}
.petite-how-it-work .image-style6 {
	background: url(../images/petite-women3.jpg);
	background-position: center
}
.women-jeans-how-it-work .image-style4 {
	background: url(../images/jeans-women1.jpg);
	background-position: center
}
.women-jeans-how-it-work .image-style6 {
	background: url(../images/jeans-women3.jpg);
	background-position: center
}
.big-tall-how-it-work .image-style {
	background: url(../images/big-tall-men1.jpg);
	background-position: center
}
.big-tall-how-it-work .image-style2 {
	background: url(../images/big-tall-men3.jpg);
	background-position: center
}
.women-busines-how-it .image-style4 {
	background: url(../images/busines-women1.jpg);
	background-position: center
}
.women-busines-how-it .image-style6 {
	background: url(../images/busines-women3.jpg);
	background-position: center
}
.image-style7 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Women4.jpg);
	background-position: center
}
.kids-banner {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 48px;
	background-size: cover;
	background: #fff url(../images/kids-banner-4.jpg);
	background-repeat: no-repeat
}
.image-style8 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Kids1.jpg);
	background-position: center
}
.image-style9 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Kids2.jpg);
	background-position: center
}
.image-style10 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Kids3.jpg);
	background-position: center
}
.image-style11 {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: inline-block;
	background: url(../images/Kids4.jpg);
	background-position: center
}
.pogress-section {
	display: none
}
.refferal-main h1 {
	font-size: 30px!important;
	color: #fe6c00!important;
	letter-spacing: inherit!important;
	font-family: "Amazon Ember", Arial, sans-serif!important;
	font-weight: 700!important;
	text-align: center!important
}
.refferal-main p {
	font-family: "Amazon Ember", Arial, sans-serif important;
	font-size: 15px;
	text-align: center;
	color: #23303e
}
.refferal-main {
	padding-top: 156px;
	padding-bottom: 60px
}
.refferal-box {
	float: left;
	width: 100%!important;
	text-align: center
}
.refferal-box .form-boxed {
	float: none;
	width: 80%;
	border: 1px solid #ccc;
	padding: 22px 24px;
	display: inline-block;
	background: #fff;
	text-align: left;
	margin-top: 20px
}
.refferal-main .refferal-box .form-boxed h4 {
	font-size: 18px!important;
	color: #23303e!important;
	letter-spacing: inherit!important;
	font-family: "Amazon Ember", Arial, sans-serif!important;
	font-weight: 700!important;
	text-align: left!important
}
.refferal-main .refferal-box .form-boxed p {
	text-align: left
}
.refferal-main .refferal-box .form-boxed .save {
	margin-top: 20px
}
.jssocials {
	text-align: center
}
.footer .col-md-2 {
	width: 15%
}
.copy-right {
	text-align: left;
	padding: 15px 0
}
.copy-right ul {
	float: left;
	width: 100%;
	text-align: right
}
.copy-right ul li {
	display: inline-block;
	margin-left: 15px
}
.copy-right ul li a {
	color: #fff;
	font-size: 17px;
	font-family: HVDFontsBrandonTextRegular
}
.copy-right ul li a:hover {
	color: #000;
	text-decoration: none
}
.undrconstr {
	float: left;
	width: 100%;
	padding-top: 95px;
	padding-bottom: 70px
}
.undrconstr h1 {
	font-size: 30px;
	font-family: Poppins, sans-serif;
	font-weight: 800;
	text-align: center;
	text-shadow: 4px 4px 6px #fff;
	color: #ef6b03
}
.undrconstr h1 span {
	font-size: 45px;
	font-family: Poppins, sans-serif;
	font-weight: 200;
	display: block;
	color: #232f3e
}
.maternity-box {
	float: left;
	width: 100%;
	padding: 10px 0 25px
}
.maternity-box .panel-title a {
	display: inline-block;
	width: 100%;
	background: #f8f8f8;
	color: #535352;
	font-weight: 400;
	padding: 12px 35px 12px 15px;
	border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	font-size: 18px;
	font-family: HVDFontsBrandonTextBold;
}
section.maternity-box.fax-boxes {
	margin-top: 30px;
	margin-bottom: 22px
}
section.maternity-box.fax-boxes .panel-group .panel {
	border: none;
	margin: 0 0 20px
}
section.maternity-box.fax-boxes .panel-group {
	margin-bottom: 0
}
.maternity-box.fax-boxes .panel-title a {
	display: inline-block;
	width: 100%;
	background: #f8f8f8;
	color: #535352;
	font-weight: 400;
	padding: 12px 35px 12px 15px;
	border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	font-size: 18px;
	font-family: HVDFontsBrandonTextBold
}
.maternity-box .panel-body {
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	padding: 12px 20px!important;
	font-family: "Amazon Ember", Arial, sans-serif
}
ul.bullet {
	list-style-type: none
}
.maternity-box .panel-title a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    height: 3px;
    width: 14px;
    background: #000;
    content: "";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #fe6c00;
    text-align: center;
    transform: translate(0, -50%);
}
.maternity-box .panel-title a.collapsed:before {
position: absolute;
    right: 16px;
    top: 50%;
    width: 3px;
    height: 14px;
    background: #000;
    content: "";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #fe6c00;
    text-align: center;
    transform: translate(0px, -50%);
}
.link-box {
	float: left;
	width: 100%;
	padding: 50px 0 25px
}
.link-box ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center
}
.link-box ul li {
	display: inline-block
}
.link-box ul li a {
	background: #fd7f00;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 13px 18px;
	display: inline-block;
	border-radius: 2px;
	margin: 0 10px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 16px;
	width: 200px
}
.link-box ul li a:hover {
	text-decoration: none;
	background: #232f3e
}
.mail-box {
	text-align: center
}
.mail-box .icon-box {
	float: left;
	width: 100%
}
.mail-box .icon-box span {
	display: inline-block;
	height: 75px;
	width: 75px;
	color: #232f3e;
	border: 2px solid #232f3e;
	border-radius: 100%;
	font-size: 40px;
	padding-top: 7px
}
.mail-box h4 {
	float: left;
	width: 100%;
	font-weight: 700;
	color: #232f3e;
	text-transform: uppercase;
	font-family: "Amazon Ember", Arial, sans-serif;
	margin-top: 25px
}
.mail-box p {
	color: #ccc;
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	color: #232f3e
}
.mail-box a {
	background: #fd7f00;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 11px 18px;
	display: inline-block;
	border-radius: 2px;
	margin: 0 10px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 15px;
	width: 200px;
	margin-top: 10px
}
.mail-box a:hover {
	text-decoration: none;
	background: #232f3e
}
.mail-box {
	text-align: center;
	margin-top: 50px
}
div#mc_embed_signup_scroll {
	text-align: center
}
#mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
	width: 100%
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	margin-bottom: 0!important
}
.mc-field-group input {
	height: 52px;
	border-radius: 100px!important;
	margin-top: 15px
}
.mc-field-group input:focus {
	outline: 0
}
#mc_embed_signup .clear {
	width: 100%
}
input#mc-embedded-subscribe {
	width: 100%!important;
	height: 48px!important;
	border-radius: 100px!important
}
#mc_embed_signup h2 {
	font-weight: 700;
	padding: 0;
	margin: 15px 0;
	font-size: 35px;
	font-family: HVDFontsBrandonTextBold;
	text-transform: uppercase
}
.footer-subscribe {
	padding: 38px 0 60px 0!important;
	float: left;
	width: 100%
}
h2.dfg-head {
	margin-top: 0
}
#mc_embed_signup div#mce-responses {
	float: left!important;
	width: 100%!important;
	position: relative!important;
	margin: 0!important;
	top: 27px!important;
	left: inherit!important;
	overflow: visible!important
}
#mc_embed_signup div.response {
	float: left!important;
	width: 100%!important;
	font-weight: 400!important;
	font-size: 12px!important
}
.faq-box h2 {
	font-family: HVDFontsBrandonTextBold;
	text-align: center
}
.faq-box h3.mb-30 {
	font-family: HVDFontsBrandonTextBold;
	text-align: left;
	padding: 0;
	font-size: 21px
}
.faq-box ul.ml-30.ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0
}
.faq-box ul.ml-30.ul li {
	display: inline-block;
	width: 100%;
	padding: 7px 0
}
.faq-box ul.ml-30.ul li a {
	font-size: 18px;
	font-family: HVDFontsBrandonTextRegular;
	color: #5f5f5f
}
.faq-box ul.ml-30.ul li a:hover {
	color: #ff6c00!important;
	text-decoration: none
}
.faq-box hr {
	margin-bottom: 3px
}
.faq-box p {
	font-size: 17px;
	color: #000;
	padding: 0;
	line-height: 24px;
	font-family: HVDFontsBrandonTextRegular
}
.faq-box ul.tandc {
	margin: 0 0 8px 0;
	list-style: none;
	font-size: 17px;
	color: #000;
	padding: 0;
	line-height: 24px;
	font-family: HVDFontsBrandonTextRegular
}
.inquiryForm .foram-box div {
    margin-bottom: 25px;
    float: left;
    padding: 0 3px;
    width: 50%;
}
.inquiryForm .email-alearts .foram-box div {
    margin-bottom: 25px;
    float: left;
    padding: 0 3px;
    width: 100%;
}
.inquiryForm .foram-box div input {
    border: 1px solid #ccc !important;
}
.section-head.section-head3 {
    margin-bottom: 0;
}
section.maternity-box.maternity-box2 h2 {
    margin: 0;
}
section.do-best-fit.do-best-fit2 {
    padding-top: 10px;
}
.required-check .form-group {
    float: left;
    width: 50% !important;
    border: none !important;
    margin: 0 !important;
}
.required-check .form-group label {
    border: 1px solid #ccc;
    width: 100%;
    padding: 12px 14px !important;
}
.it-work-top4 p{
    padding: 0 44px;
}
.apply-Job-form-box input, .apply-Job-form-box select {
    background: fff !important;
    height: 50px;
    border: 1px solid #ccc !important;
    margin: 0;
}

.apply-Job-form-box button.btn.dropdown-toggle.btn-default {
    background: #fff;
    height: 50px;
    box-shadow: none;
}
@media only screen and (max-width:2000px) {
    .work-process-box {
    margin-top: 25px;
}
.text-block1.about-the-dfit-content {
    width: 50%;
    right: -1%!important;
    left: inherit;
}
section.exclusivestylist.p-50 {
    padding-bottom: 0;
}
}
@media only screen and (max-width:1199px) {
.tab-content #four .checkbox-sitting input[type=checkbox]:checked+label:after, .tab-content .satya .checkbox-sitting input[type=checkbox]:checked+label:after {
	padding-top: 4px
}
.pop-up-content {
	background-color: #fefefe!important;
	margin: 8% auto 15% auto;
	border: 1px solid #888;
	width: 88%!important;
	padding: 15px!important;
	padding-top: 0!important;
	position: relative
}
.close1 {
	right: 11px;
	top: 0
}
.banner {
	margin-top: 59px
}
.banner-text {
	width: 70%;
	height: 253px;
	margin: 85px auto
}
.banner-text h2 {
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 600
}
.banner-text h3 {
	font-size: 13px;
	padding-bottom: 0
}
.banner-text p {
	width: 80%;
	font-size: 15px
}
.banner-text ul li a {
	width: 85px;
	font-size: 13px
}
.how-it-works h4 {
	font-size: 17px
}
.from-us p {
	line-height: 20px
}
legend {
	font-size: 16px!important
}
.modal-content {
	width: 45%!important
}
.sign-up-page span:before {
	left: -155px!important;
	width: 145px!important
}
.Address-details {
	width: 30%;
	float: none;
	margin: 0 0;
	padding: 0 13px
}
.card-details-heading ul li:nth-child(2) {
	width: 21%
}
.card ul li {
	width: 18%
}
.card ul li:nth-child(3) {
	width: 48%!important
}
.card-details-heading ul li:nth-child(2) {
	width: 20%!important
}
.tab-content .checkbox-sitting label {
	margin-left: 10px;
	margin-top: 7px
}
.new-card-form ul li {
	width: 24%!important
}
.order-detailbox .Address-details {
	width: 32%;
	padding: 0 14px
}
.order-detailbox h5 {
	font-size: 16px
}
.Product-table p {
	margin: 0
}
.brand-image ul li {
	width: 188px;
	padding: 0 7px
}
.Address-details1 {
	width: 29%;
	margin-top: 20px;
	margin-left: 20px
}
.Address-details1 form a {
	width: 47%
}
.size-sty-box1 {
	float: right;
	margin-right: -69%
}
.tab-content #four .checkbox-sitting input[type=checkbox]:checked+label:after, .tab-content .satya .checkbox-sitting input[type=checkbox]:checked+label:after {
	top: 5px
}
.refferal-box .switch-field label {
	width: 95px!important
}
}

@media only screen and (max-width:991px) {
.logo {
	width: 42%;
	float: left;
	padding: 10px 0
}
.menu-bar {
	width: 58%;
	float: right
}
.men-banner-text {
	width: 43%;
	margin-right: -75px;
	padding: 115px 6px
}
.men-banner-text p {
	padding: 5px 21px
}
.banner {
	margin-top: 59px
}
.banner-text {
	width: 100%;
	margin: 0 auto;
	height: auto
}
.banner-text h2 {
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 600
}
.banner-text h3 {
	font-size: 13px;
	padding-bottom: 0
}
.banner-text p {
	width: 80%;
	font-size: 15px
}
.banner-text ul li a {
	width: 85px;
	font-size: 13px
}
.ready-to-started h2 {
	font-size: 25px
}
.ready-to-started p {
	font-size: 14px
}
.working h2 {
	font-size: 25px;
	margin-bottom: 20px
}
.how-it-works h4 {
	font-size: 15px;
	margin: 23px 0 0
}
.how-it-works p {
	width: 50%
}
.expecting h2 {
	font-size: 25px;
	margin-bottom: 20px
}
.from-us {
	height: auto;
	margin: 5px auto;
	padding-bottom: 15px
}
.cost-details {
	width: 85%
}
.cost-details h2 {
	font-size: 25px;
	margin-bottom: 15px
}
.dress {
	height: auto
}
.women-men-kids {
	margin-bottom: 25px
}
.best-fit h2 {
	font-size: 25px
}
.best-fit p {
	font-size: 15px
}
legend {
	width: 70%!important
}
.sign-up-btn {
	font-size: 15px
}
.how-it-works {
	width: 32%;
	margin-right: 0
}
.finally-box {
	width: 49%!important
}
.how-it-works img {
	width: 149px
}
.how-it-works p {
	width: 100%;
	font-size: 14px;
	padding: 10px 10px
}
.brand-image ul li {
	width: 33%;
	padding: 0 7px
}
.men-sign-up-section {
	width: 56%
}
.footer-logo {
	width: 100%;
	float: left;
	text-align: center;
	padding: 35px 0 25px
}
.footer .col-md-2 {
	width: 100%!important
}
.footer-links {
	width: 100%;
	float: left;
	margin-top: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.footer-links h3 {
	text-align: center;
}
.copy-right {
	text-align: center;
	padding: 15px 0
}
.copy-right ul {
	text-align: center
}
.footer-social h3 {
	margin: 0;
	color: #ff6c00;
	padding-top: 10px;
	font-size: 17px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 15px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.footer-social ul {
	margin: 0;
	padding: 0;
	text-align: center
}
.footer-logo p {
	left: 17px;
	display: inline-block
}
.Address-details {
	width: 30%;
	float: none;
	margin: 0 0
}
.Address-details form a {
	width: 47%
}
.customer-details {
	margin-top: 64px
}
.order-review {
	padding-top: 18%
}
.order-review .col-md-9 {
	width: 100%
}
.order-review .col-md-3 {
	width: 100%
}
.order-review #cart .col-sm-9 p {
	padding-top: 4px;
	padding-left: 20px;
	font-size: 14px
}
.table>thead:first-child>tr:first-child>th span {
	margin-left: 14px!important
}
.order-review .table>thead>tr>th {
	font-size: 13px
}
.pop-up-content label {
	width: 100%;
	margin-bottom: 10px
}
.pop-up-content .card-holder-name {
	margin: 15px 0
}
.pop-up-content .card-holder-name input {
	width: 200px
}
.pop-up {
	z-index: 1111
}
.setting-pop-up-address-details {
	width: 100%;
	margin-top: 20px
}
.setting-pop-up-buttons {
	margin-top: 15px
}
.schedule-box {
	padding-top: 15%
}
.schedule-box .tab-pane {
	margin-top: 0
}
.refferal-box .form-boxed {
	width: 100%!important
}
.menu-bar ul li {
	padding: 0 10px
}
.mens-fit-image {
    float: left;
    width: 100%;
    margin-top: 25px;
}
}

@media only screen and (max-width:991px) {
.setting-box2 .tab-content ul li {
	width: 32%!important
}
.tab-content #four ul li, .tab-content .satya ul li {
	width: 32%!important
}
.fabulous-ways-to {
    padding: 0px 0 26px 0;
}
}

@media only screen and (max-width:900px) {
.modal-content {
	width: 60%!important
}
}

@media only screen and (max-width:870px) {
.men-banner-text {
	margin-right: -40px
}
.drafit-poppup .modal-dialog {
	max-width: 1020px;
	width: 590px!important
}
.baner-box {
	height: auto!important
}
}

@media only screen and (max-width: 768px) {
.men-banner-text {
	margin-right: -24px
}
.login-box {
	width: 500px !important;
}
.login-box .card form input {
	min-height: 50px;
}
}

@media only screen and (max-width:767px) {
.menu-list {
	width: 13%;
	padding: 0
}
.menu label {
	display: none
}
label[for=menu-toggle] {
	display: inline-block!important;
	max-width: 100%;
	margin-bottom: 0;
	font-weight: 700;
	height: 40px;
	width: 40px;
	border: 1px solid #455569;
	border-radius: 25px;
	text-align: center;
	background: #304258;
	margin-top: 10px;
	cursor: pointer
}
label[for=menu-toggle] img {
	width: 17px;
	margin-top: 2px
}
#menu {
	overflow: hidden;
	max-height: 0;
	padding: 0;
	background: #232f3e;
	margin: 0 auto;
	-webkit-transition: all .3s ease;
	width: 220px;
	position: absolute;
	right: -5px;
	top: 64px;
	background: #232f3e
}
input[type=checkbox], input[type=radio] {
	display: none
}
input[type=checkbox] {
	display: block
}
.looking-main input[type=radio] {
	display: block
}
.sign-up-form input[type=checkbox] {
	display: inline-block
}
.Calendar-text-center input[type=checkbox] {
	display: inline-block
}
.Calendar-text-center label.check {
	float: none
}
#menu-toggle:checked+#menu {
	max-height: 625px;
	padding-bottom: 0
}
.men-banner-text {
	margin-right: -15px
}
.menu-list label p {
	text-align: center;
	line-height: inherit
}
#content {
	background-color: #9acd32
}
#content, label {
	padding: 8px 0 0 0
}
label {
	display: inline-block;
	max-width: 100%;
	left: 0;
	top: 0;
	position: relative;
	float: left;
	margin-bottom: 5px;
	font-weight: 700
}
input#menu-toggle {
	display: none!important
}
.logo {
	width: 160px!important;
	float: left;
	padding: 10px 0
}
.menu-bar ul li a {
	cursor: pointer;
	text-decoration: none;
	padding: 10px 13px;
	display: inline-block;
	width: 100%;
	border-top: 1px solid #344963
}
.menu-bar ul li a:hover {
	background: #2c3e54
}
.menu-bar ul li a span {
	padding: 0
}
.menu-bar ul li {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	float: left;
	display: inline-block
}
.tab-content #four .checkbox-sitting input[type=checkbox]:checked+label:after, .tab-content .satya .checkbox-sitting input[type=checkbox]:checked+label:after {
	left: -29px
}
.menu-bar ul li a i {
	font-size: 17px;
	float: left;
	position: relative;
	top: 2px;
	margin-right: 10px
}
.check-out-address-form {
	width: 100%
}
.check-out-address-form ul li label {
	float: left
}
.Address-details {
	width: 100%;
	float: none;
	margin: 0 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 14px;
	border-right: none;
	text-align: center;
	padding-bottom: 20px
}
.Address-details form ul {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	height: auto;
	text-align: left
}
.Address-details form button {
	display: block;
	width: 240px
}
.how-it-works {
	width: 100%;
	margin-right: 0
}
.image-style {
	width: 200px;
	height: 200px
}
.image-style1 {
	width: 200px;
	height: 200px
}
.image-style2 {
	width: 200px;
	height: 200px
}
.image-style3 {
	width: 200px;
	height: 200px
}
.Address-details form a {
	width: 117px;
	float: none;
	display: inline-block
}
.shipping-track {
	width: 100%
}
.conformation-message p {
	margin-left: 0
}
.menu-bar ul li:hover .submenu {
	position: relative
}
.submenu {
	padding-top: 0;
	padding-left: 0;
	width: 100%;
	top: 0;
	max-height: inherit;
	position: relative
}
div#submenu-box ul {
	margin: 0
}
.card ul li input[type=radio] {
	display: inline-block!important
}
.card ul li:nth-child(4), .card ul li:nth-child(5) {
	display: inline-block;
	width: 100%;
	padding-left: 30px;
	text-align: left
}
.card ul li:nth-child(2) {
	width: 40px;
	border: none;
	margin-bottom: 15px
}
.card ul li p span {
	display: block;
	font-weight: 700
}
.order-review #cart .col-sm-9 p {
	padding-top: 4px;
	padding-left: 0;
	font-size: 16px
}
.order-detailbox .col-md-4 {
	margin-top: 24px;
	margin-bottom: 24px
}
.order-review h1 {
	margin-bottom: 0
}
.order-review {
	padding-top: 144px
}
.setting-box .col-md-9 {
	clear: both
}
.conformation-message {
	width: 100%
}
.conformation-message p {
	padding-left: 45px
}
table#cart tbody td .form-control {
	width: 20%;
	display: inline!important
}
.actions .btn {
	width: 36%;
	margin: 1.5em 0
}
.actions .btn-info {
	float: left
}
.actions .btn-danger {
	float: right
}
table#cart thead {
	display: none
}
table#cart tbody td {
	display: block;
	padding: .6rem;
	min-width: 290px;
	width: 100%!important;
	text-align: center
}
table#cart tbody td:before {
	content: attr(data-th);
	font-weight: 700;
	display: inline-block;
	width: 8rem
}
table#cart tfoot td {
	display: block
}
table#cart tfoot td .btn {
	display: block;
	margin-top: 11px
}
.change-btn {
	position: relative;
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom: 15px
}
.change-btn label {
	float: none
}
.check-out h1 {
	font-size: 22px;
	margin-bottom: 15px;
	border-bottom: 1px solid #232e3e;
	padding-bottom: 15px;
	text-align: center
}
.check-out .table-condensed>tbody>tr>td.actions {
	padding-top: 16px!important;
	display: inline-block!important
}
.check-out h3 {
	margin-left: 0;
	float: left;
	width: 100%
}
img.img-responsive {
	margin-top: 10px;
	display: inline-block
}
table#cart tfoot td.text-center {
	text-align: right
}
.Address-details1 {
	width: 100%!important;
	margin-left: 0!important
}
.tab-content .checkbox-sitting label {
	margin-left: 0;
	float: left;
	padding-left: 0!important
}
.tab-content #four .checkbox-sitting label::before, .tab-content .satya .checkbox-sitting label::before {
	left: -26px
}
.setting-box .tab-content ul {
	margin: 0
}
.setting-box .tab-content ul li {
	width: 100%
}
.setting-box .tab-content ul li label {
	float: left;
	width: 100%;
	max-width: inherit;
	margin: 0;
	padding-top: 4px;
	font-size: 15px;
	margin-bottom: 5px;
	margin-top: 8px
}
.new-card-form ul li select {
	width: 49%
}
.new-card-form ul li input[type=button] {
	margin-top: 20px!important
}
.acc {
	width: 100%
}
.acc label {
	float: left
}
.credit-right {
	width: 100%;
	margin-top: 10px
}
.email-label .input-control__indicator {
	top: 5px
}
.setting-box .tab-content .new-card-form ul li {
	width: 100%!important
}
.schedule-box {
	padding-top: 22%
}
.Address-details1 form a {
	width: 48.7%
}
.Address-details2:nth-child(2) {
	margin-left: 0;
	width: 100%
}
.Address-details1 {
	height: auto
}
.tab-content ul#customers li strong {
	width: 100%
}
.tab-content ul#customers li span {
	width: 100%;
	display: inline-block;
	margin-left: 0
}
.sign-up-form p.need label {
	margin-bottom: 30px;
	float: none;
	position: unset
}
.sign-up-form p.need label label {
	position: absolute
}
.submenu ul li a {
	padding: 10px 0 10px 13px!important
}
.form-boxed textarea {
	width: 100%!important
}
}

@media only screen and (max-width:767px) {
.setting-box .tab-content ul li {
	width: 100%!important
}
.tab-content #four ul li, .tab-content .satya ul li {
	width: 100%!important;
	text-align: center
}
.inquiryForm .contact-filed {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 8px!important
}
.inquiryForm label {
	width: 100%;
	text-align: left
}
.eeoc_fields .col-sm-6.col-lg-6.col-md-6 {
	clear: both
}
.eeoc_fields .col-sm-12.col-lg-12.col-md-12 {
	clear: both
}
.banner .col-md-12 {
	width: 100%
}
}

@media only screen and (max-width:749px) {
.brand-image ul li {
	width: 33%;
	padding: 0 7px
}
}
@media only screen and (max-width:641px) {
section.maternity-box.maternity-box2 h2 {
    margin: 0;
    font-size: 18px !important;
}
}
@media only screen and (max-width:640px) {
.best-fit p {
	width: 100%
}
fieldset {
	width: 100%!important
}
.modal-content {
	width: 90%!important
}
legend {
	width: 235px!important
}
.sign-up-btn {
	font-size: 10px
}
.card-details-heading ul li {
	width: 58%!important
}
.card ul li:nth-child(3) {
	width: 45%!important
}
.conformation-message {
	width: 100%
}
.conformation-message {
	padding-left: 15px
}
.checkout-payment-conformation {
	padding-bottom: 0
}
.finally-box {
	width: 92%!important
}
.finally-box h4 span:after {
	bottom: 5px
}
.schedule-box {
	padding-top: 26%
}
.banner-text p {
	width: 100%;
	font-size: 15px
}
}

@media only screen and (max-width:600px) {
.men-banner-text h2 {
	font-size: 21px!important
}
.men-banner-text {
	width: 100%!important;
	color: #000;
	background: #ffffffa8;
	float: left;
	margin-left: 2px
}
.untitled__slideContent span {
    line-height: 23px !important;
    font-size: 21px;
}
.button{
	padding: 10px 20px;
	margin-top: 2vmin;
}
.untitled__slideContent {
    padding: 10px 0 !important;
}
.left-text-banner p {
    font-size: 17px;
    margin: 0 0px 0;
}
}

@media only screen and (max-width:560px) {
.sign-up-btn {
	width: 229px
}
.sign-up-btn {
	width: 229px
}
.drafit-poppup .modal-dialog {
	max-width: 820px;
	width: 392px!important
}
}

@media only screen and (max-width:538px) {
.men-banner-text h2 {
	font-size: 19px!important
}
.men-banner-text p {
	padding: 5px 21px;
	font-size: 14px
}
.men-sign-up-section {
	width: 63%
}
.finally-box {
	width: 52%!important
}
}

@media only screen and (max-width:530px) {
.finally-box h4 {
	font-size: 16px
}
.sign-up-btn {
	width: 213px
}
.schedule-box {
	padding-top: 30%
}
}

@media only screen and (max-width:500px) {
.footer-links {
	width: 100%;
	float: left;
	margin-top: 0;
	padding-bottom: 0
}
.banner-text {
	width: 100%;
	height: 240px;
	margin: 85px auto
}
.how-it-works {
	width: 100%
}
.dress {
	height: auto
}
legend {
	font-size: 15px!important
}
.customer-details ul li a {
	font-size: 12px;
	margin-right: 15px
}
.track {
	width: 100%
}
.shipping-track h3 {
	font-size: 16px
}
.track button {
	font-size: 14px
}
.conformation-message h3 {
	font-size: 13px
}
.conformation-message {
	width: 100%
}
.conformation-message p {
	padding-left: 37px
}
.card-details-heading ul li h4 {
	font-size: 13px!important
}
.card-details-heading ul li {
	width: 52%!important
}
.brand-heading p {
	width: 100%
}
.men-sign-up-section {
	width: 75%
}
.finally-box h4 {
	font-size: 15px
}
.sign-up-btn {
	width: 100%;
}
.banner .col-md-12 {
	position: relative!important;
	top: 0!important;
	left: 0!important;
	transform: translate(0, 0)!important
}
}

@media only screen and (max-width:480px) {
.tab-button {
	position: relative;
	padding: 16px 0
}
.setting-box .tab-content {
	padding-bottom: 0
}
.email-label .input-control {
	letter-spacing: inherit
}
.email-label .input-control__indicator {
	top: 3px
}
.mens-fit-image img {
	width: 100%
}
.mens-fit-image {
	height: auto
}
.dialog-ovelay .dialog {
	width: 94%!important
}
.dialog-ovelay .dialog footer .controls .button {
	margin: 4px 0
}
.setting-box .tab-content #seven a {
	font-size: 12px
}
.calender-content-box ul li label {
	float: none
}
.calender-content-box ul li {
	display: inline-block;
	width: 100%;
	text-align: center
}
.payment-sucess .jumbotron2 {
	width: 100%!important
}
.select-service {
	width: 100%!important
}
.select-service-button {
	padding: 10px 20px 30px!important
}
.select-service-button label {
	width: 100px!important
}
.inquiryForm .foram-box {
	width: 100%!important
}
.customer-details {
	height: 55px
}
.banner-text {
	width: 100%;
	height: auto;
	margin: 35px auto;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px
}
.content {
	bottom: 377px!important
}
}

@media only screen and (max-width:440px) {
.working h2 {
	font-size: 24px;
	margin-bottom: 20px
}
.mens-fit-text h2 {
	font-size: 24px
}
.brand-heading h2 {
	font-size: 24px
}
.men-sign-up-section {
	width: 90%
}
.card ul li:nth-child(3) {
	width: 60%!important;
	padding-left: 30px!important
}
}

@media only screen and (max-width:460px) {
.finally-box {
	width: 58%!important
}
}

@media only screen and (max-width:400px) {
.logo {
	width: 36%;
	float: left;
	padding: 10px 0
}
.from-us h4 {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	display: block;
	margin: 2px 0;
	padding: 0;
	color: #ff6c00;
	padding-top: 10px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.cost-details h2 {
	font-size: 19px;
	margin-bottom: 15px
}
.cost-details ul li {
	font-size: 16px;
	padding: 5px 0;
	text-align: left;
	color: #232f3e;
	font-weight: 400;
	line-height: 23px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.close {
	right: -15px;
	top: -27px;
	font-size: 31px!important
}
.change-btn label {
	width: 80px;
	font-size: 12px;
	padding: 8px 0
}
.setting-box .tab-content ul li input[type=email], .setting-box .tab-content ul li input[type=password], .setting-box .tab-content ul li input[type=text] {
	width: 100%
}
.conformation-message {
	width: 100%
}
.conformation-message p {
	padding-left: 36px
}
.brand-heading h2 {
	font-size: 21px
}
.mens-fit-text h2 {
	font-size: 21px
}
.working h2 {
	font-size: 21px;
	margin-bottom: 20px
}
.finally-box {
	width: 64%!important
}
.schedule-box {
	padding-top: 40%
}
.Address-details1 form a {
	width: 48%
}
.setting-box .tab-content #five h5 {
	float: left;
	width: 100%
}
.setting-box .tab-content h5 span {
	width: 100%
}
.email-label .input-control__indicator {
	top: 3px
}
.input_box {
	width: 100%
}
.input_box2 {
	width: 100%
}
.sign-up-form p.need label {
	font-size: 13px
}
.sign-up-form label.error {
	top: -12px
}
.sign-up-form p label.error {
	position: absolute;
	top: 45px;
	left: 0;
	text-align: right!important
}
.need {
	font-weight: 700!important;
	font-size: 14px!important
}
.sign-up-form p input[type=radio] {
	margin-left: 4px
}
.refferal-main h1 {
	font-size: 23px!important
}
.copy-text a {
	position: relative!important;
	text-align: center;
	width: 100%!important
}
.copy-text p {
	width: 100%!important;
	overflow: hidden
}
.untitled__slideContent span {
    line-height: 18px !important;
    font-size: 16px;
}
.left-text-banner p {
    font-size: 14px;
    margin: 0 0px 0;
    line-height: 16px;
}
}

@media only screen and (max-width:450px) {
.sign-up-form {
	padding: 0
}
.signupbtn {
	width: 100%;
	margin: 0
}
.modal .sign-up-form {
	padding: 0 15px
}
.modal .clearfix {
	text-align: center
}
.modal .signupbtn {
	width: 92%;
	margin: 12px 0 0 0;
	float: none;
	display: inline-block
}
#chk-error {
	text-align: right;
	margin: -16px 0 0 0
}
}

@media only screen and (max-width:400px) {
.dialog-ovelay .dialog header h3 {
	line-height: 17px!important
}
}

@media only screen and (max-width:370px) {
.email-label .input-control {
	font-size: 13px
}
.banner-text h2 {
	font-size: 24px;
	padding-top: 21px;
	padding-bottom: 5px;
	font-weight: 600
}
.ready-to-started h2 {
	font-size: 23px
}
.banner-text p {
	width: 80%;
	font-size: 14px
}
.banner-text ul li a {
	font-size: 11px
}
.banner-text ul li {
	margin: 0 3px;
	display: inline-block
}
.best-fit {
	width: 100%;
	float: left;
	margin-top: 0;
	margin-bottom: 10px
}
.best-fit p {
	width: 100%;
	font-size: 16px;
	margin: 10px auto;
	text-align: center;
	font-family: "Amazon Ember", Arial, sans-serif
}
.refferal-box .switch-field label {
	width: 78px!important;
	padding: 10px 0
}
.brand-image ul li {
	width: 50%
}
.ui-datepicker {
	width: 14em!important
}
.select-service-button h2 {
	font-size: 20px!important
}
.select-service-button label {
	font-size: 14px!important
}
.select-service-button input[type=submit] {
	font-size: 13px!important
}
.select-service {
	padding: 0!important;
	border: none!important
}
.rc-anchor-normal .rc-anchor-checkbox-label {
	width: 116px!important
}
.rc-anchor-logo-portrait {
	margin: 10px 0 0 0
}
.rc-anchor-normal .rc-anchor-content {
	width: 177px!important
}
.rc-anchor-normal .rc-anchor-pt {
	margin: 2px 63px 0 0!important;
	width: 185px!important
}
.rc-anchor-normal {
	width: 248px!important
}
}

@media only screen and (max-width:360px) {
.logo {
	width: 36%;
	float: left;
	padding: 10px 0
}
.from-us p {
	font-size: 12px;
	color: #fff;
	line-height: 21px
}
.banner-text h2 {
	font-size: 27px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 600
}
.banner-text p {
	width: 80%;
	font-size: 13px
}
.best-fit {
	margin-top: 0
}
.ready-to-started h2 {
	font-size: 20px
}
.best-fit h2 {
	font-size: 23px
}
.best-fit p {
	width: 100%
}
.logo {
	width: 46%;
	float: left;
	padding: 10px 0
}
.sign-up-member {
	font-size: 11px;
	font-weight: 600;
	color: #000000de
}
.sign-up {
	padding-bottom: 0
}
.footer-links h3 {
	color: #ff6c00;
	margin: 0;
	padding-top: 10px;
	font-size: 15px;
	font-weight: 800;
	margin-bottom: 15px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.expecting h2 {
	font-size: 23px;
	margin-bottom: 20px
}
.cost-details ul li {
	font-size: 14px
}
.finally-box {
	width: 77%!important
}
.sign-up-form p {
	font-size: 14px
}
}

@media only screen and (max-width:351px) {
.brand-heading h2 {
	font-size: 19px
}
.mens-fit-text h2 {
	font-size: 19px
}
.working h2 {
	font-size: 19px;
	margin-bottom: 20px
}
.men-sign-up-section {
	width: 100%
}
}

@media only screen and (max-width:340px) {
.from-us h4 {
	padding-top: 3px
}
.expecting h2 {
	font-size: 20px;
	margin-bottom: 20px
}
.cost-details h2 {
	font-size: 16px;
	margin-bottom: 15px
}
.conformation-message h3 {
	font-size: 12px
}
.conformation-message {
	width: 100%
}
.brand-heading h2 {
	font-size: 17px
}
.mens-fit-text h2 {
	font-size: 17px
}
.working h2 {
	font-size: 17px;
	margin-bottom: 20px
}
.schedule-box {
	padding-top: 50%
}
.sign-up-form p.need label {
	font-size: 12px
}
.sign-up-form p {
	font-size: 13px
}
.need {
	font-size: 12px!important
}
.ready-to-started h2 {
	font-size: 19px
}
}

@media only screen and (max-width:700px) {
.men-banner-text h2 {
	font-size: 21px!important
}
}

@media only screen and (max-width:1199px) {
#cart .col-sm-10 p {
	padding-top: 0
}
.size-sty-box {
	float: right;
	margin-right: -55%
}
}

@media only screen and (max-width:991px) {
.check-out .hidden-xs strong {
	float: left;
	width: 102px
}
.chack-out-table {
	margin: 0 auto;
	width: 100%;
	position: relative
}
.setting-left ul li a {
	font-size: 14px
}
.tab-content #four .checkbox-sitting input[type=checkbox]:checked+label:after, .tab-content .satya .checkbox-sitting input[type=checkbox]:checked+label:after {
	top: 5px
}
}

@media only screen and (max-width:800px) {
.change-btn {
	width: 318px
}
.check-out .table-condensed>thead>tr>th {
	font-size: 14px
}
.actions .change-btn {
	width: 280px
}
.actions .change-btn label {
	width: 85px
}
.check-out .table-condensed>thead>tr>th {
	font-size: 13px
}
.menu-bar ul li {
	padding: 5px 10px
}
}

@media only screen and (max-width:767px) {
.size-sty-box {
	float: none;
	margin-right: 0
}
.size-sty-box1 {
	float: right;
	width: 100%;
	text-align: center;
	margin-right: 0;
	margin-top: 15px
}
.change-btn1 {
	position: relative;
	text-align: center;
	width: 100%
}
.menu-bar ul li {
	padding: 0
}
.menu-bar ul li a {
	padding: 10px 13px;
	font-size: 14px
}
.change-btn1 label {
	float: none;
	margin-right: 4px;
	display: inline-block;
	width: 50px
}
table#cart tfoot td.text-center {
	text-align: left;
	width: 68%;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border: none!important
}
.change-btn1 input[type=radio]:checked+label {
	margin-right: 4px
}
}

@media only screen and (max-width:480px) {
.check-out .btn-block {
	width: 150px
}
}

@media only screen and (max-width:361px) {
.change-btn1 label {
	width: 58px
}
.change-btn {
	width: 256px
}
}

@media only screen and (max-width:351px) {
.change-btn1 label {
	width: 55px
}
.chack-out-table table, .chack-out-table table tbody, .chack-out-table table tbody tr, .chack-out-table table tbody tr td, .chack-out-table table tfoot, .chack-out-table table tfoot tr {
	display: inline-block;
	width: 100%
}
.change-btn {
	width: 100%!important
}
table#cart tfoot td .btn {
	position: relative;
	top: 20px
}
}

@media only screen and (max-width:340px) {
table#cart tfoot td.text-center {
	left: -9px
}
.new-card-form ul li select {
	width: 41%;
	float: left;
	margin-right: 7px
}
}

@media only screen and (max-width:336px) {
.change-btn1 label {
	width: 40px
}
}

@media only screen and (max-width:767px) {
.card-details-heading ul li {
	text-align: center;
	width: 100%!important
}
.card-details-heading ul {
	padding-bottom: 10px!important
}
.card-details-heading ul li {
	width: 100%!important
}
.card-details-heading ul li:nth-child(2) {
	width: 34%!important;
	float: left
}
.card-details-heading ul li:last-child {
	width: 50%!important;
	text-align: right!important
}
}

@media only screen and (max-width:719px) {
.card ul li:nth-child(3) {
	width: 43%!important
}
.card ul li:last-child {
	width: 131px!important;
	text-align: right!important
}
}

@media only screen and (max-width:678px) {
.card ul li:nth-child(3) {
	width: 40%!important
}
}

@media only screen and (max-width:640px) {
.card ul li:nth-child(3) {
	width: 35%!important
}
}

@media only screen and (max-width:991px) {
.how-it-works {
	width: 100%
}
}

@media only screen and (max-width:767px) {
.how-it-works {
	width: 100%
}
.new-card-form ul li {
	width: 100%!important
}
}

@media only screen and (max-width:538px) {
.men-sign-up-section {
	width: 68%
}
}

@media only screen and (max-width:448px) {
.men-sign-up-section {
	width: 100%
}
}

@media only screen and (max-width:991px) {
.Product-table {
	width: 100%
}
.table>thead:first-child>tr:first-child>th span {
	margin-left: 0!important
}
}

@media only screen and (max-width:767px) {
.change-btn2 {
	position: relative;
	text-align: center;
	float: none;
	width: 108px;
	left: 0!important;
	margin: 0 auto 50px
}
.order-detailbox .Address-details {
	width: 100%;
	padding: 0 14px 10px;
	height: auto
}
.order-review .Product-table #cart tr td:last-child .change-btn2 {
	float: none
}
.order-review table#cart tbody td:before {
	width: 100%
}
.chack-out-table #cart .col-sm-2 {
	width: 100%
}
.chack-out-table #cart .col-sm-10 {
	width: 100%;
	margin-top: 16px
}
.change-btn {
	width: 318px;
	float: none;
	margin: 0 auto
}
}

@media only screen and (max-width:767px) {
.card ul {
	padding: 20px 10px!important
}
.card ul li:nth-child(2) {
	width: 73px!important;
	margin-left: 26px!important
}
.card ul li:nth-child(3) h6 {
	font-size: 16px
}
.card ul li:nth-child(3) {
	width: 68%!important
}
.card ul li {
	width: 100%!important
}
.card ul li p {
	margin: 0!important;
	padding: 5px 29px
}
.card ul li:last-child {
	width: 100%!important;
	text-align: left!important
}
.card-details-heading ul li p {
	display: none
}
.payment h2 {
	text-align: center
}
.panel-heading input[type=radio] {
	top: 36px!important;
	display: inline-block
}
#changeAddress .panel-heading input[type=radio] {
	top: 13px!important
}
.panel-faq .panel-heading input[type=radio] {
	top: 56px!important
}
}

@media only screen and (max-width:404px) {
.card ul li:nth-child(3) {
	width: 63%!important
}
.customer-details ul li a {
	margin-right: 7px
}
}

@media only screen and (max-width:370px) {
.card ul li:nth-child(2) {
	width: 52px!important
}
.card ul li:nth-child(3) {
	width: 69%!important
}
}

@media only screen and (max-width:347px) {
.card ul li:nth-child(2) {
	width: 46px!important
}
.card ul li:nth-child(3) {
	width: 66%!important;
	padding-left: 10px!important
}
.card ul li:nth-child(3) h6 {
	font-size: 13px
}
.card ul li p span {
	font-size: 13px
}
}

@media only screen and (max-width:330px) {
.card ul li:nth-child(3) {
	width: 73%!important
}
.card ul li:nth-child(2) {
	width: 28px!important
}
}

@media only screen and (max-width:320px) {
.card ul li:last-child {
	width: 63%!important
}
}

@media only screen and (max-width:1199px) {
.nav>li>a {
	padding: 10px 5px!important
}
.tab-content #four ul, .tab-content .satya ul {
	margin: 12px 0 15px 13px
}
.tab-content #four ul li, .tab-content .satya ul li {
	width: 21%
}
.banner-box {
	padding: 8% 0!important
}
.pr-box-img {
    float: left;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 25px;
}
.pr-box-text {
    float: left;
    padding-top: 2px;
    padding-right: 30px;
    width: 53%;
}
}
.setting-box .tab-content #four ul li label, .setting-box .tab-content .satya ul li label {
	height: 172px
}
.setting-box .tab-content #four ul li h5, .setting-box .tab-content .satya ul li h5 {
	font-size: 11px;
	color: #232e3e;
	padding-bottom: 7px;
	margin-bottom: 9px
}
@media only screen and (max-width:1025px) {
.footer:after {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 26%;
    position: absolute;
    background: #f2f3f4;
}
}
@media only screen and (max-width:991px) {
#faq-cat-1 .col-sm-3.col-lg-3.col-md-3 {
	width: 100%
}
#faq-cat-1 .col-sm-9.col-lg-9.col-md-9 {
	width: 100%
}
.setting-box .tab-content {
	margin-top: 20px
}
.tab-content #four ul li, .tab-content .satya ul li {
	width: 46%;
	margin-right: 10px;
	margin: 0 0 26px
}
.text-block1 {
	top: 22px;
	width: 70%
}
owl-carousel {
    height: 345px;
}
.how-it-item p {
    margin-bottom: 50px;
}
}

@media only screen and (max-width:776px) {
.tab-content ul#customers li span {
	font-size: 13px!important
}
.tab-content ul#customers li strong {
	width: 170px;
	font-size: 11px;
	float: left
}
.setting-box .tab-content {
	margin-top: 0
}
#faq-cat-2 .tab-pane .checkbox-sitting label {
	padding-left: 20px;
	width: 100%
}
.tab-content #four ul, .tab-content .satya ul {
	margin: 12px 0 15px 0
}
.tab-content #four ul li, .tab-content .satya ul li {
	width: 100%;
	margin-right: 0;
	margin: 0 0;
	margin-bottom: 20px;
	border: none
}
.banner-box {
	padding: 11% 0!important
}
}

@media only screen and (max-width:767px) {
.mb-30 {
	margin-bottom: -28px!important;
	margin-top: 24px!important
}
.contentuponimg {
	height: inherit!important;
	overflow: inherit!important
}
.text-block1 {
	top: 22px;
	width: 100%
}
.eeoc_form_data {
	text-align: left!important
}
.main_fields .col-sm-6.col-lg-6.col-md-6 {
	clear: both
}
.owl-dots {
	display: none
}
}

@media only screen and (max-width:691px) {
.tab-content ul#customers li span {
	margin-left: 18px
}
}

@media only screen and (max-width:681px) {
.tab-content ul#customers li strong {
	width: 165px;
	font-size: 11px
}
}

@media only screen and (max-width:648px) {
.tab-content ul#customers li span {
	margin-left: 0
}
.banner-box .bannerwidth ul {
	float: none;
	position: relative!important;
	left: 0;
	bottom: inherit
}
.banner-box h2 {
	font-size: 30px!important
}
.demo-banner-box h1 {
	font-size: 30px
}
.demo-banner-box h1:after {
	left: 83px;
	z-index: 111
}
}

@media only screen and (max-width:500px) {
.nav-tabs.faq-cat-tabs li a {
	font-size: 14px!important
}
.nav-tabs.faq-cat-tabs li a {
	margin-right: 0;
	font-family: "Amazon Ember .tab-pane", Arial, sans-serif;
	font-size: 14px!important
}
.banner-box ul li {
	font-size: 14px!important
}
.demo-banner-box h1 {
    font-size: 25px;
    margin: 0 auto;
    left: 0;
    right: 0;
    transform: none;
}
.demo-banner-box {
    background-size: 100% 100%;
    height: 160px !important;
}
.slider-img img {
	width: 100%
}
.footer-inner-banner3 .banner-text {
	width: 96%
}
.lets-talk-text h2 {
	font-size: 25px
}
.lets-talk-box {
	padding: 71px 30px 93px
}
.shipping-track h3 {
	font-size: 14px
}
.banner-text ul li a {
	width: 70px
}
.conformation-message {
	width: 100%
}
.panel-heading input[type=radio] {
	top: 22px!important
}
.conformation-message i {
	margin-bottom: 30px;
	float: left
}
.payment .panel-heading input[type=radio] {
	top: 39px!important
}
.payment .card ul li:nth-child(2) {
	width: 30px!important
}
input[type=password]::-webkit-input-placeholder {
color:#909090;
text-transform:capitalize
}
input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder {
color:#909090;
text-transform:capitalize
}
input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder {
color:#909090;
text-transform:capitalize
}
input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder {
color:#909090;
text-transform:capitalize
}
.page-sections {
	float: left;
	width: 100%;
	background: #fff;
	min-height: 0!important
}
.alert-success {
	color: #ff6c00!important;
	background-color: #232f3e!important;
	border-color: #d6e9c6;
	top: 63px!important;
	font-weight: 700
}
.alert-danger {
	color: #ff6c00;
	background-color: #3a4452;
	border-color: transparent;
	top: 63px!important;
	text-align: center
}
#msg p {
	background: #232f3e;
	float: left;
	width: 100%;
	text-align: center;
	padding: 14px 0;
	margin-bottom: 30px;
	color: #ff6c00!important;
	margin: 0 0 25px
}
.contact-banner {
	width: 100%;
	float: left;
	margin-top: 59px;
	text-align: center;
	background: url(../images/banner-final1.jpg);
	background-size: auto;
	background-size: auto;
	background-size: 100%;
	padding: 86px 0;
	position: relative
}
.contact-banner::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #00000080;
	left: 0;
	top: 0
}
.contact-banner h1 {
	color: #fff;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	font-size: 40px;
	position: relative;
	z-index: 1;
	margin-top: 0
}
.contact-filed {
	width: 50%
}
.setting-add-new-address.collapse {
	display: none!important
}
.setting-add-new-address.collapse.in {
	display: block!important
}
.team-tetail-pup-box {
    top: 0;
}
}

#button {
	display: inline-block;
	background-color: #232f3e;
	width: 39px;
	height: 40px;
	text-align: center;
	position: fixed;
	bottom: 90px;
	right: 12px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	font-size: 8px;
	border-radius: 100%;
	cursor: pointer
}
#button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
	line-height: 37px;
	color: #fff
}
#button:hover {
	cursor: pointer;
	background-color: #ff6c00;
	text-decoration: none
}
#button:active {
	background-color: #555
}
#button.show {
	opacity: 1;
	visibility: visible
}

@media (min-width:500px) {
#button {
	margin: 28px 19px
}
}
.a-ember body {
	font-family: "Amazon Ember", Arial, sans-serif
}
.a-ember .a-text-quote {
	font-family: "Amazon Ember", Arial, sans-serif
}
* {
	margin: 0;
	padding: 0
}
.operations-assistant {
	float: left;
	width: 100%
}
.assistant-manager {
	float: left;
	width: 90%
}
.assistant-manager h2 {
	font-size: 30px;
	color: #242f3e;
	font-weight: 700;
	font-family: "Amazon Ember", Arial, sans-serif;
	text-transform: capitalize;
	margin: 0;
	line-height: 58px
}
.apply-box {
	width: auto;
	margin-top: 24px;
	text-aligh: center
}
.assistant-manager span {
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 600
}
.assistant-manager a {
	color: #2975ca;
	font-size: 13px
}
.location {
	float: left;
	width: 100%;
	color: #757575;
	margin: 8px 0;
	font-size: 13px
}
.assistant-text {
	float: left;
	width: 100%
}
.assistant-text h3 {
	font-size: 18px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 600;
	color: #ff6c00;
	margin: 7px 0
}
.assistant-text p {
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 20px 0;
	line-height: 24px
}
.assistant-text ul {
	margin: 0;
	padding: 0;
	padding-left: 28px
}
.assistant-text ul strong {
	font-size: 13px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700;
	color: #232f3e
}
.assistant-text ul li {
	font-size: 13px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 0;
	line-height: 22px
}
.apply-Job-form-box {
	float: left;
	width: 100%;
	padding: 1;
	background-color: #f3f3f3;
	margin-top: 36px;
	padding: 15px;
	margin-bottom: 40px
}
.main_fields {
	float: left;
	width: 100%;
	padding-bottom: 34px;
	border-bottom: 1px solid #e2e0e0
}
.main_fields h2 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 0;
	display: inline-block
}
.main_fields h5 {
	font-size: 12px;
	color: #757575;
	text-align: right;
	display: inline-block;
	float: right
}
.main_fields h5 span {
	color: #db2a3a
}
.field {
	float: left;
	width: 100%;
	margin-bottom: 16px
}
.field label {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 15px;
	margin: 9px 0 9px 0
}
.apply-Job-form-box .field label{
    font-size: 14px;
}
.field label span {
	color: #db2a3a
}

input#email, input#first_name, input#phone {
	margin: 0;
	padding: 9px;
	border: solid 1px #ddd;
	font-size: 14px;
	border-radius: 3px;
	width: 100%
}
.field ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.field ul li {
	display: inline-block
}
.field ul li a {
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	margin: 0
}
.education {
	float: left;
	width: 100%;
	padding: 10px 0 28px;
	border-bottom: 1px solid #e2e0e0
}
.custom_fields select, .education select, .eeoc-data select, .eeoc_fields select {
	margin: 0;
	padding: 9px;
	border: solid 1px #ddd;
	font-size: 14px;
	border-radius: 3px;
	width: 100%
}
.custom_fields {
	float: left;
	width: 100%;
	padding: 10px 0 28px;
	border-bottom: 1px solid #e2e0e0
}
.eeoc_fields {
	float: left;
	width: 100%;
	padding: 10px 0 28px;
	border-bottom: 1px solid #e2e0e0
}
.eeoc_fields h3 {
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 11px 0;
	line-height: 24px
}
.eeoc_fields p {
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 11px 0;
	line-height: 24px
}
.eeoc-data {
	float: left;
	width: 100%;
	padding: 10px 0 28px;
	border-bottom: 1px solid #e2e0e0
}
.eeoc_form_data {
	text-align: right
}
.eeoc-data p, .eeoc_form_data p {
	font-size: 15px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 5px 0
}
.eeoc-data h3 {
	font-size: 18px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 11px 0;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	text-decoration: underline
}
.eeoc-data h4, .eeoc-data strong {
	font-size: 16px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 11px 0;
	font-weight: 700;
	line-height: 24px
}
.eeoc-data ul {
	margin: 0;
	padding: 0;
	padding-left: 38px
}
.eeoc-data ul li {
	font-size: 13px;
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 400;
	color: #232f3e;
	margin: 5px 0
}
.submit_buttons {
	text-align: right;
	width: 100%
}
.submit_buttons input.button {
	font-size: 14px
}
.stylists1 {
	width: 100%;
	margin-bottom: 25px
}
.contentuponimg {
	position: relative;
	font-family: Arial;
	height: 395px;
	overflow: hidden
}
.text-block1 h3 {
	font-family: "Amazon Ember", Arial, sans-serif;
	font-weight: 700
}
.text-block1 p {
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 16px
}
.p-50 {
	padding: 50px 0
}
.width-90-percent {
	width: 90%
}
.exclusivestylist {
	background-color: #fff;
	color: #2f3237
}
.presentation {
	flex-flow: row;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 60px 0;
	box-sizing: border-box
}
.presentationimageleft {
	order: 1;
	width: 219px;
	box-sizing: border-box;
	margin-right: 30px
}
.presentationcontentmiddle {
	order: 2;
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background: #f1f1f1;
	padding: 16px 32px;
	text-align: center
}
.presentationcontentmiddle h2 {
	font-weight: 600;
	width: 100%;
	letter-spacing: .1px;
	margin: 0;
	line-height: 1.3;
	color: currentColor;
	text-align: center;
	margin-block-start: .83em;
	margin-inline-end: 0;
	display: block;
	font-size: 20px;
	color: #ff6c00;
	font-family: HVDFontsBrandonTextBold;
	font-weight: 700!important
}
.presentationcontentcenter {
	padding: 10px 0 0;
	width: 100%;
	font-size: 15px;
	line-height: 1.33;
	letter-spacing: .1px;
	color: currentColor;
	box-sizing: border-box;
	display: block
}
.presentationcontentcenter p {
	font-family: "Amazon Ember", Arial, sans-serif;
	font-size: 16px
}
.presentationcontentcenter ul {
	text-align: left;
	margin-left: 40px;
	padding-bottom: 20px
}
.presentationcontentcenter ul li {
	line-height: 1.6;
	font-family: "Amazon Ember", Arial, sans-serif
}
.presentationimageright {
	width: 219px;
	margin-left: 30px;
	order: 3
}
#hubspot-messages-iframe-container.widget-align-right {
	right: -5px!important;
	bottom: 0!important
}
.about-pricing {
	background: #f8f8f8;
	float: left;
	width: 100%
}
.about-pricing h4 {
	color: #232f3e;
	font-size: 28px;
	font-weight: 800;
	font-family: HVDFontsBrandonTextBold
}
.about-pricing p {
	font-size: 18px;
	color: #232f3e;
	line-height: 23px;
	font-family: HVDFontsBrandonTextRegular
}
section.cost.box-price-cost {
	background: #f8f8f8;
	float: left;
	width: 100%
}
.box-price-cost img {
	width: 100%
}
.box-price-cost ul {
	float: left;
	width: 100%
}
.box-price-cost ul li {
	display: inline-block;
	width: 100%;
	padding: 13px 0
}
.box-price-cost h4 {
	color: #232f3e;
	font-size: 19px;
	font-weight: 800;
	font-family: HVDFontsBrandonTextBold
}
.box-price-cost p {
	font-size: 18px;
	color: #232f3e;
	line-height: 23px;
	font-family: HVDFontsBrandonTextRegular
}
.section-head img {
	width: auto
}
.section-head h3 {
	color: #ff6c00;
	font-size: 20px;
	font-family: HVDFontsBrandonTextBold
}
.style-learn .mens-fit-image img {
	width: 100%
}
.style-learn .mens-fit-text ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0
}
.style-learn .mens-fit-text ul li {
	display: inline-block;
	width: 100%;
	color: #232f3e;
	line-height: 27px;
	font-family: HVDFontsBrandonTextRegular;
	font-size: 19px
}
section.expecting.about-pricing.style-learn {
	padding: 35px 0 69px;
	margin-bottom: 60px
}
section.exclusivestylist.p-50 .text-center img {
	margin-top: 65px
}
.btn-group.bootstrap-select {
	width: 100%!important;
	background: 0 0!important
}
.btn-group.bootstrap-select button {
	background: 0 0
}
.invoster-banner-hero {
	float: left;
	width: 100%;
	height: 273px;
	overflow: hidden
}
.invoster-banner-hero img {
	width: 100%
}
.invoster-panel-box .panel-title a {
	display: inline-block;
	width: 100%;
	background: #232f3e;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	padding: 15px 15px;
	border-left: 5px solid #fe6c00;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	font-family: "Amazon Ember", Arial, sans-serif
}
.invoster-panel-box .panel-title a:after {
	position: absolute;
	right: 10px;
	top: 13px;
	height: 20px;
	width: 20px;
	content: "\f077";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	color: #fe6c00;
	text-align: center;
	transform: rotate(176deg);
	transition: .5s all ease-in-out 0s;
}
.invoster-faq .panel-title a:after{
    	position: absolute;
	right: 10px;
	top: 13px;
	height: 20px;
	width: 20px;
	content: "\f077";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	color: #fe6c00;
	text-align: center;
	transform: rotate(176deg);
	transition: .5s all ease-in-out 0s;
	background:none;
}
.invoster-panel-box .panel-title a.collapsed:after {
	position: absolute;
	right: 10px;
	top: 13px;
	height: 20px;
	width: 20px;
	content: "\f077";
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	color: #fe6c00;
	text-align: center;
	transform: rotate(89deg);
	transition: .5s all ease-in-out 0s
}
.invoster-faq .panel-title a:before{
    display:none !important;
}
.invoster-panel-box .panel-body p {
	font-size: 16px
}
.invoster-panel-show-more {
	float: left;
	width: 100%;
	margin-top: 14px;
	text-align: center
}
.invoster-panel-show-more button {
	background: #232f3e;
	color: #ff6c00;
	padding: 9px 39px;
	width: auto;
	font-size: 15px;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: "Amazon Ember", Arial, sans-serif;
	border: none
}
.invoster-panel-show-more button:focus, .invoster-panel-show-more button:hover {
	background: #ff6c00;
	color: #fff;
	text-decoration: none
}
.drafit-presonal {
	float: left;
	width: 100%;
	background: #fff
}
.drafit-presonal h2 {
	color: #ff6c00;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: HVDFontsBrandonTextBold
}
.drafit-presonal p {
	font-size: 15px;
	width: 83%;
	color: #232f3e;
	margin: 7px auto;
	font-family: HVDFontsBrandonTextRegular
}
.div-width83 {
	width: 83%
}
.drafit-presonal p a {
	font-size: 20px;
	width: 83%;
	color: #ff6c00;
	margin: 12px auto
}
.investor-email-alerts {
	float: left;
	width: 100%;
	padding: 20px 0;
	text-align: center
}
.email-alearts {
	width: 65%;
	display: inline-block;
	background: #fff;
	padding: 40px 90px;
	box-shadow: 0 0 8px #58585882;
	border-radius: 4px;
	border-top: 3px solid #fe6c00
}
.field .field-docum {
    float: left;
}
.field .field-docum input {
    border: none !important;
    height: auto;
    margin-bottom: 7px;
}
@media only screen and (max-width:600px) {
.page-sections {
	min-height: 20vh
}
.email-alearts {
	width: 100%;
	display: inline-block;
	background: #fff;
	padding: 15px 45px;
	box-shadow: 0 0 8px #58585882;
	border-radius: 4px;
	border-top: 3px solid #fe6c00
}
.invoster-panel-box .panel-title a {
	display: inline-block;
	width: 100%;
	background: #232f3e;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	padding: 15px 15px;
	border-left: 5px solid #fe6c00;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	font-family: "Amazon Ember", Arial, sans-serif
}
.drafit-presonal p {
	font-size: 15px;
	width: 90%;
	color: #232f3e;
	margin: 7px auto;
	font-family: "Amazon Ember", Arial, sans-serif
}
.drafit-presonal h2 {
	color: #ff6c00;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.drafit-presonal p a {
	font-size: 18px;
	color: #ff6c00;
	width: 90%
}
}
.email-alearts h2 {
	color: #ff6c00;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-top: 0;
	margin-bottom: 10px;
	font-family: "Amazon Ember", Arial, sans-serif
}
.email-alearts p {
	font-size: 15px;
	color: #232f3e;
	margin: 7px auto;
	font-family: "Amazon Ember", Arial, sans-serif;
	margin-bottom: 23px
}
.email-alearts .form-group {
	text-align: left;
	display: block;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #0000001c
}
.email-alearts .form-group .checkbox {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer
}
.email-alearts .form-group-emai {
	float: left;
	width: 100%;
	margin-bottom: 10px
}
.email-alearts .form-group-emai label {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 15px;
	padding: 3px 0;
	text-align: left;
	color: #232f3e;
	font-weight: 400;
	font-family: "Amazon Ember", Arial, sans-serif
}
.email-alearts .form-group-emai input[type=email] {
	width: 100%;
	padding: 10px 21px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: left;
	float: left;
	background: #fbfbfb
}
.email-alearts .form-group-emai input[type=submit] {
	background: #232f3e;
	color: #ff6c00;
	padding: 10px 20px;
	width: auto;
	font-size: 15px;
	display: inline-block;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: "Amazon Ember", Arial, sans-serif;
	border: none;
	border-radius: 4px
}
.form-group-emai input[type=submit]:focus, .form-group-emai input[type=submit]:hover {
	background: #ff6c00;
	color: #fff;
	text-decoration: none
}
.email-alearts .form-group .chack-jt {
	position: relative;
	cursor: pointer;
	font-size: 15px;
	padding: 5px 0;
	text-align: left;
	color: #232f3e;
	font-weight: 400;
	line-height: 0;
	font-family: "Amazon Ember", Arial, sans-serif
}
.email-alearts .form-group .chack-jt:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #232f3e;
	box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
	padding: 7px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 3px;
	margin-top: -3px
}
.email-alearts .form-group input:checked+.chack-jt:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 5px;
	width: 6px;
	height: 11px;
	border: solid #ff6c00;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}
.color-red {
	color: red
}
.contactPage textarea {
    width: 100%;
    height: auto !important;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.more-data{
  float: left;
  width: 100%;
  background: #f6f8f7;
    padding: 50px 0 60px;
    text-align: center;
}
.section-head2 {
    float: left;
    width: 100%;
}
.more-data .section-head2 p {
    font-size: 18px;
    font-weight: 300;
    color: #6e7379;
    line-height: 30px;
    font-family: 'HVDFontsBrandonTextRegular';
    text-align: center;
    padding: 0 14%;
    margin-top: -20px;
    margin-bottom: 30px;
}
.readmore{
      background: #f76c02;
    color: #ffffff;
    padding: 10px;
    width: 150px;
    font-size: 17px;
    display: inline-block;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius: 26px;
    border: 2px solid #f76c02;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.readmore:focus{
  outline: none;
  text-decoration: none;
}
.readmore:hover{
  color: #fff;
    text-decoration: none;
    transition: 0.9s;
    background: #ffbe8d !important;
    border-color: #ffbe8d;
}
.more-text{
  float: left;
  width: 100%;
  text-align: left;
  display: none;
}
.more-text h4{
     color: #232f3e;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    margin-top: 0;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-top: 0 !important;
    font-family: HVDFontsBrandonTextRegular;
}
.more-text p{
      font-size: 18px;
    font-weight: 300;
    color: #6e7379;
    line-height: 30px;
    font-family: 'HVDFontsBrandonTextRegular';;
    margin-bottom: 30px
}
#payment-form {
    float: left;
    width: 100%;
    padding: 50px 0!important;
    border-top: 2px solid #f9f9f9;
    margin-top: 66px;
    text-align: center;
}
.StripeElement {
width: 50%;
    text-align: left;
    border: 1px solid #f3f3f3;
    padding: 22px;
    border-radius: 5px;
    margin: 0 auto;
}
button#submit {
    background: #000;
    border: none;
    font-size: 18px;
    width: 128px;
    padding: 10px 0;
    margin-top: 13px;
    border: 1px solid #000;
    display: inline-block;
}

button#submit:hover{
  background: #fff;
  color: #000;
}
h1.heading-eli span {
    display: inline-block;
    width: 50%;
    font-size: 33px;
    font-family: 'Positype - Scotch Text Bold';
    font-weight: bold;
    text-align: left;
}
h1.heading-eli span a {
    float: right;
    color: #ff6c00;
    font-size: 20px;
    border: 1px solid;
    padding: 5px 14px;
    border-radius: 4px;
}
h1.heading-eli span a:hover{
  background: #ff6c00;
  text-decoration: none;
  color: #fff;
}
.life-style{
  border-top: 2px solid #f9f9f9;
  margin-top: 66px;
}
.life-style #payment-form{
  margin-top: 0;
}
.life-style #payment-form {
    margin-top: 0;
    box-shadow: none;
    border-radius: 0px;
    border: none;
}
@media only screen and (min-width:1600px) {
.footer:after {
	width: 32.3%
}
.fit-box:after {
	width: 58%
}
}

@media only screen and (min-width:1800px) {
.footer:after {
	width: 34.3%
}
}

@media only screen and (max-width:2000px) {
.img-box-img {
	height: 115px;
	width: 115px
}
section.fit-box h3 {
	font-size: 40px
}
.fit-box-img img {
	margin-top: -130px;
	width: 100%
}
.inner-banner-text {
	top: 36%
}
.process-box {
	height: 422px
}
}

@media only screen and (max-width:1025px) {
.do-best-fit {
	overflow: hidden
}
.find-left-right-box {
	overflow: hidden
}
.conten-box {
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 0 145px 140px 0;
	padding: 0 40px 0 0;
	margin-left: 36px;
	position: relative;
	z-index: 111
}
.drafit-cont-left.content-righr-boxggg {
	float: right;
	padding: 50px 100px 50px 0;
}
.drafit-cont-left.content-righr-boxggg .conten-box {
	background: #fff;
	border-radius: 50px 0 0 50px;
	padding: 40px 0 8px 40px;
	margin-right: 0;
	position: relative;
	margin-left: -75px;
	z-index: 11
}
.why-drapefit-p {
	font-size: 15px;
	margin: 0 0 10px 0;
}
.conten-box h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
}
.section-head2 {
	overflow: hidden
}
.life-style p {
	margin-top: 0
}
.men-fit .drafit-cont-left.content-righr-boxggg {
	float: right;
	padding: 10px 0 9px 14px
}
}

@media only screen and (max-width:992px) {
.find-left-right-box .col-sm-6 {
	flex: 100%;
	max-width: 100%
}
.find-left {
	height: auto;
	margin-bottom: 20px;
	padding-top: 20px
}
.section-head h2 {
	font-size: 30px
}
.expect-box {
	padding-bottom: 0;
}
.section-head p {
	padding: 0 90px
}
.three-box .col-md-4 {
	flex: 100%;
	max-width: 100%;
	text-align: center
}
.pr-box {
	float: none;
	display: inline-block;
	width: 60%;
	text-align: left;
	
}
.footer .col-md-3 {
	flex: 100%;
	max-width: 100%;
	text-align: center
}
.footer-social h3 {
	text-align: center
}
.footer:after {
	content: "";
	left: 0;
	top: 0;
	height: 38%;
	width: 100%;
	position: absolute;
	background: #f2f3f4;
	display: none;
}
.footer-logo:after {
	display: none
}
.footer .col-md-2 {
	width: 100%;
	flex: 100%;
	max-width: 100%;
}
.footer-logo {
    padding-top: 0;
    margin-bottom: 0;
    background: none;
}
.fit-box .container:after, .fit-box:after {
	display: none
}
.fit-box-img {
	flex: 100%;
	max-width: 100%
}
.fit-box .col-md-5 {
	flex: 100%;
	max-width: 100%
}
.fit-right {
	float: left;
	width: 100%;
	background: #fff;
	width: 100%;
	margin-left: 0;
	padding: 40px 40px;
	margin-top: 25px
}
section.fit-box h3 {
	font-size: 45px;
	text-align: center
}
section.fit-box h3 span.how-box2 {
	float: right;
	width: 100%
}
section.fit-box h3 {
	margin-top: 30px
}
.fit-right {
	padding: 0 40px;
	margin-top: 25px
}
.fit-img-box {
	text-align: center
}
.fit-box-img img {
	margin-top: 0;
	width: 100%
}
.fit-box {
    padding-top: 45px;
    margin-bottom: 10px;
}
.drafit-cont-left {
	float: left;
	width: 100%;
	padding: 0 100px;
	text-align: center
}
.drafit-cont-left.content-righr-boxggg {
	float: right;
	padding: 0 100px
}
.drafit-cont-left.content-righr-boxggg .conten-box {
	background: #fff;
	border-radius: 134px 0 0 129px;
	padding: 0;
	margin-right: 0;
	position: relative;
	margin-left: 0;
	z-index: 11
}
.drafit-cont-right {
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 60px
}
.drafit-cont-right img {
	width: auto;
	display: inline-block;
	float: none;
	max-width: 100%
}
.it-work-top {
	margin-top: 0
}
.banner {
    height: 345px;
}
.section-head2 {
	overflow: hidden;
	padding-top: 19px
}
.drafit-cont-img-box {
	overflow: hidden
}
.work-process-box .col-md-3 {
	flex: 50%;
	max-width: 50%
}
.process-box {
	height: 350px
}
.men-fit .drafit-cont-left.content-righr-boxggg .conten-box {
	text-align: left
}
.drafit-cont-right {
	margin-bottom: 0
}
.menu-bar ul {
	margin: 12px 0 0
}
.menu-bar ul li a {
	padding: 6px 14px!important
}
.drafit-cont-right.img-right-boggggg {
    margin-top: 35px;
}
section.maternity-box.fax-boxes {
    margin-top: 5px;
    margin-bottom: 15px;
}
section.how-it-work.life-style .section-head{
    margin-bottom:0;
}
.new-register {
    text-align: center;
}
.new-register img {
    margin:0;
}
.drafit-cont-right.img-right-boggggg {
    height: auto !important;
}
section.ready-to-started.-mt-25.style-box .section-head {
    margin-bottom: 15px;
}
.inner-banner2 {
    height: auto;
}
section.how-it-work.inner-b .section-head2 {
    padding-top: 0 !important;
}
.demo-banner-box {
    height: 300px;
    background-size: cover;
}
.demo-banner-box h1 {
    right: 58%;
}
.lets-talk-box {
    padding: 71px 0 93px;
}
.stylists1 {
    width: 100%;
    margin-bottom: 25px;
}
.contentuponimg {
position: relative !important;
    overflow: inherit !important;
    height: inherit !important;
    top: inherit !important;
    left: inherit !important;
}
.text-block1.about-the-dfit-content {
    width: 100%;
    right: inherit !important;
    left: inherit;
    position: relative;
    margin: 0 !important;
    padding: 0;
    height: auto !important;
    visibility: visible !important;
}
section.stylists1.about-the-dfit {
height: auto !important;
    overflow: visible !important;
    margin: 0;
}
section.exclusivestylist.p-50 .text-center img {
    margin-top: 0;
    display: none;
}
section.exclusivestylist.p-50.exclusivestylist2 {
    padding-top: 0;
}
section.expecting.about-pricing.style-learn {
    margin: 0;
}
.required-check .form-group {
    width: 100% !important;
}
.email-alearts {
    padding: 40px 0;
}
.inner-banner-text h1{
    font-size: 23px !important;
}
}

@media only screen and (max-width:800px) {
    .demo-banner-box h1 {
    right: 57%;
    font-size: 30px;
}
.expect-box ul:after {
	display: none
}
.expect-box ul li .expect-box-small:after, .expect-box ul li .expect-box-small:before {
	display: none
}
.expect-box ul li {
	text-align: center
}
.expect-box ul li .expect-box-small {
	float: none;
	width: 50%;
	padding: 0 30px;
	position: relative;
	display: inline-block
}
.expect-box ul li:nth-child(2n) .expect-box-small {
	float: none
}
.boxes1, .boxes2 {
	margin: 0;
	float: none;
	display: inline-block
}
.expect-box ul li .expect-box-small {
	padding: 0;
	width: 100%;
	text-align: center
}
.expect-box ul li {
	text-align: center;
	padding: 15px 0;
	margin-bottom: 30px
}
.expect-box ul li .expect-box-small span {
	position: absolute;
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #232f3e;
	color: #fff;
	font-weight: 700;
	font-size: 25px;
	border-radius: 61px;
	text-align: center;
	line-height: 58px;
	border: 7px solid #fff;
	position: absolute;
	right: inherit!important;
	bottom: inherit!important;
	top: -36px!important;
	left: 37%!important
}
.expect-box ul li .expect-box-small h4 {
	padding-top: 20px
}
.best-fit-round-left {
	margin-left: 0
}
.best-fit-round-left.best-fit-round-right {
	margin-top: -125px
}
.copy-right {
	overflow: hidden
}
.new-register .col-md-5 img {
	margin: 16px 0 0 0;
	position: relative;
	top: 82px;
	width: 100%
}
}

@media only screen and (max-width:769px) {
.menu label {
	display: none
}
.header-top label[for=menu-toggle] {
	display: inline-block!important;
	max-width: 100%;
	margin-bottom: 0;
	font-weight: 700;
	height: 40px;
	width: 40px;
	border: 1px solid #455569;
	border-radius: 25px;
	text-align: center;
	background: #304258;
	margin-top: 10px;
	cursor: pointer;
	top: 0;
	right: 10px;
	left: inherit
}
.header-top label[for=menu-toggle] img {
	width: 17px;
	margin-top: -2px
}
#menu {
	overflow: hidden;
	max-height: 0;
	padding: 0;
	background: #232f3e;
	margin: 0 auto;
	-webkit-transition: all .3s ease;
	width: 220px;
	position: absolute;
	right: -5px;
	top: 0;
	background: #232f3e
}
input[type=checkbox], input[type=radio] {
	display: none
}
input[type=checkbox] {
	display: block
}
.looking-main input[type=radio] {
	display: block
}
.sign-up-form input[type=checkbox] {
	display: inline-block
}
.Calendar-text-center input[type=checkbox] {
	display: inline-block
}
.Calendar-text-center label.check {
	float: none
}
#menu-toggle:checked+#menu {
	max-height: 625px;
	padding-bottom: 0;
	top: 64px
}
.men-banner-text {
	margin-right: -15px
}
.menu-list label p {
	text-align: center;
	line-height: inherit
}
#content {
	background-color: #9acd32
}
#content, label {
	padding: 8px 0 0 0
}
.header-top label {
	display: inline-block;
	max-width: 100%;
	right: 0;
	top: -62px;
	position: absolute;
	float: left;
	margin-bottom: 5px;
	font-weight: 700
}
input#menu-toggle {
	display: none!important
}
.menu-bar ul li a {
	color: #fff
}
.menu-bar ul li {
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #696969
}
.menu-bar ul li:last-child {
	padding: 0
}
.menu-bar ul li .login-bbt {
	padding: 4px 12px!important;
	background: #ec6807;
	padding: 14px 19px!important;
	text-transform: uppercase;
	font-weight: 700
}
.new-submenu {
	position: relative;
	right: 0;
	width: 100%;
	text-align: left;
	transition: .5s all ease-in-out 0s;
	top: 0;
	max-height: 0;
	overflow: visible;
	padding-top: 11px;
	z-index: 99999;
	padding: 0
}
.new-submenu ul li a {
	border: none
}
.new-submenu ul li {
	border-bottom: 1px solid #6a7b90
}
.menu-bar ul li a {
	background: #364558
}
.new-submenu ul li a {
	background: 0 0
}
.menu-bar ul li a {
	padding: 14px 22px!important
}
.how-it-item {
	margin-bottom: 30px
}
.pr-box {
	width: 75%
}
.section-head p {
	padding: 0 0
}
.copy-right .col-sm-6 {
	flex: 100%;
	max-width: 100%;
	text-align: center
}
.copy-right ul {
	text-align: center
}
.fit-img-box {
	text-align: center;
	padding: 0
}
.conten-box {
	margin: 0
}
.container {
	overflow: hidden
}
.header-top .container {
	overflow: visible
}
.banner img {
	margin-top: 0
}
.work-process-box .col-md-3 {
	flex: 100%;
	max-width: 100%
}
.process-box {
	height: auto
}
.brand-image ul li {
    width: 50%;
    float: left;
    list-style-type: none;
    display: inline-block;
    border: 1px solid #ccc;
    height: 191px;
    overflow: hidden;
}
.switch-field label {
	position: relative;
	top: inherit;
	right: inherit;
	left: inherit
}
.select-box label {
	position: relative;
	top: inherit;
	left: inherit;
	right: inherit;
	float: none
}
.type-box ul li label {
	top: inherit
}
.checkboxes .select-boxes ul li label {
	position: relative;
	top: inherit
}
.how-it-item p {
    margin-bottom: 0px;
}
.fabulous-ways-to .section-head{
    margin-bottom:0 !important;
}
.drafit-cont-right.img-right-boggggg {
    margin-top: 0;
}
.email-alearts {
    margin-bottom: 20px;
}
.form-group-emai input[type="submit"] {
    width: 100% !important;
    margin-top: -20px;
}
.email-alearts h2 {
    font-size: 22px;
}
.maternity-box .panel-title a{
    font-size:19px;
}
.maternity-box .panel-title a {
    font-size: 19px;
    padding-right: 34px;
}
.inner-banner-text h1{
    font-size: 23px !important;
}
}

@media only screen and (max-width:769px) {
.untitled__slideContent {
	bottom: 0;
	top: inherit;
	transform: inherit!important;
	background: #fffefe6b;
	padding: 25px 0;
	text-align: center!important
}
.inner-banner2 {
	height: auto
}
.drafit-cont-right.img-right-boggggg {
	height: auto!important
}
.section-head img {
	margin: 0
}
.menu-bar ul li a {
	border: none!important
}
.faq-box h3.mb-30 {
    padding: 0;
    font-size: 21px;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
    float: left;
    width: 100%;
}
h2.main-title {
    margin-top: 0;
    font-size: 24px;
}
.faq-box .col-md-4.col-sm-4 {
    width: 100%;
    float: left;
}
.page-sections2 .faq-box {
    margin-top: 0;
}
.StripeElement, h1.heading-eli span {
    width: 91%;
}
}

@media only screen and (max-width:641px) {
.demo-banner-box h1 {
    right: 0;
    width: 100%;
    text-align: center;
    position: relative;
    transform: inherit;
}
.demo-banner-box:after, .demo-banner-box:before{
    display:none;
}
.demo-banner-box h1:after {
    left: 50%;
    z-index: 111;
    transform: translate(-50%, 0);
}
    .fit-box {
    padding-top: 0;
}
.inner-banner-text {
	top: 36%;
	background: #ffffffa6;
	text-align: center;
	padding: 9px 0
}
.inner-banner h1 {
	text-transform: capitalize;
	color: #232f3e;
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 0;
	font-family: HVDFontsBrandonTextBold;
	padding: 0
}
section.inner-banner {
	margin-top: 65px;
	float: left;
	width: 100%
}
.inner-banner-text {
    top: 0;
    background: #f1f1f1;
    text-align: center;
    padding: 0 0 23px;
    position: relative;
    transform: inherit !important;
}
.banner {
    height: auto;
}
.find-left-right-box {
    padding-bottom: 44px;
}
.find-left h3 {
    margin-top: 0;
}
.section-head {
    margin-bottom: 25px;
}
.testimonial-kids .testimonials-slider.style-2 .text-box {
    margin-bottom: 0;
    padding-top: 20px;
}
.drafit-cont-right.img-right-boggggg h3{
    margin:0;
}
.sign-up-btn {
    font-size: 15px;
}
.ready-to-started-box p {
    margin-bottom: 0;
}
.officer-list-box {
    padding-top: 0;
}
section.how-it-work.inner-b h1 {
    font-size: 24px;
}
.inquiryForm .foram-box div {
    width: 100%;
    margin-bottom: 10px !important;
}
.inquiryForm h3 {
    margin-top: 0;
    text-align: center;
    font-size: 21px;
}
.drafit-presonal h2 {
    font-size: 17px;
}
.field {
    margin-bottom: 0 !important;
}
}

@media only screen and (max-width:481px) {
.conten-box {
	padding: 0
}
.drafit-cont-left.content-righr-boxggg {
	float: right;
	padding: 0 50px
}
.section-head h2, .section-head h1 {
    font-size: 21px !important;
}
.find-left h3 {
	font-size: 17px
}
.drafit-cont-left {
	float: left;
	width: 100%;
	padding: 0 35px;
	text-align: center
}
.pr-box {
	width: 100%
}
.best-fit-round-left {
	width: 280px;
	height: 280px
}
.section-head p {
	padding: 0 29px;
	font-size: 15px
}
.best-fit-round-left.best-fit-round-right {
	background: #fff;
	box-shadow: none;
	text-align: center;
	padding: 0;
	height: auto;
	width: auto;
	overflow: visible;
	margin-top: 0!important;
	padding: 0 34px
}
.three-box {
	float: left;
	width: 100%;
	background: #f4f4f5;
	padding: 50px;
	margin-top: -8px
}
.pr-box-text {
	float: left;
	padding-top: 22px;
	padding-right: 10px;
	width: 50%
}
.footer .col-md-2 {
	width: 100%;
	flex: 100%;
	max-width: 100%;
	text-align: center
}
.footer-links h3 {
	text-align: center
}
.footer:after {
	content: "";
	left: 0;
	top: 0;
	height: 25%;
	width: 100%;
	position: absolute;
	background: #f2f3f4
}
.button {
	font-size: 11px;
	width: auto!important
}
.new-register .col-md-5 {
	display: none
}
.new-register form button {
	width: 100%
}
.inner-banner-text {
	top: 24%;
	background: #ffffffa6;
	text-align: center;
	padding: 9px 0
}
.inner-banner h1 {
	font-size: 20px !important;
}
.life-style p {
	font-size: 16px;
	padding: 0 3%
}
.men-fit .drafit-cont-right {
	height: auto
}
.inner-banner-text {
	top: 0;
	position: relative;
	transform: inherit;
	background: #efefef
}
.customer-details ul li {
	margin: 0 6px!important
}
section.drafit-cont-img-box.men-fit {
    margin-bottom: 35px;
}
section.how-it-work.life-style .pb-40 {
    padding-bottom: 22px;
}
.section-head.section-head3 h1 {
    padding-top: 0;
}
.inner-banner-text h1{
    font-size: 20px !important;
}
h1.heading-eli span {
    font-size: 22px;
}
}

@media only screen and (max-width:470px) {
.pr-box {
	width: 100%;
	text-align: center;
	border-radius: 15px
}
.pr-box-img {
	float: none;
	height: 130px;
	width: 130px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 0;
	display: inline-block;
	text-align: center
}
.pr-box-text {
	float: left;
	padding-top: 22px;
	padding-right: 10px;
	width: 100%;
	text-align: center
}
}

@media only screen and (max-width:371px) {
.pr-box {
	border-radius: 12px;
	text-align: center
}
.pr-box-img {
	float: none;
	height: 130px;
	width: 130px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 0;
	display: inline-block
}
.pr-box-text {
	float: left;
	padding-top: 22px;
	padding-right: 10px;
	width: 100%
}
section.fit-box h3 {
	font-size: 29px;
	line-height: 27px
}
section.fit-box h3 span {
	font-size: 20px
}
.fit-right {
	padding: 0 14px;
	margin-top: 25px
}
.best-fit-round-left.best-fit-round-right {
	padding: 0
}
.boxes1, .boxes2 {
	width: 290px
}
.button {
	padding: 11px 16px
}
.how-it-item h3 {
	font-size: 15px
}
.sign-up-btn {
	width: 240px;
	font-size: 17px
}
.find-left p {
	font-size: 16px
}
.brand-image ul li {
	width: 50%;
	float: left;
	list-style-type: none;
	display: inline-block;
	border: 1px solid #ccc;
	height: 119px
}
.new-register img {
	margin: 16px 0 0 0
}
.inner-banner h1 {
	font-size: 19px !important
}
.inner-banner-text {
	top: 21%
}
.customer-details ul li {
	margin: 0 2px!important
}
.container {
	padding: 0 14px!important
}
.customer-details ul li {
	margin: 0 3px!important
}
.fabulous-ways-to .section-head h2{
    margin-top:0;
}
section.drafit-cont-img-box h1 {
    font-size: 17px !important;
}
.rc-anchor-normal .rc-anchor-pt {
    right: 21px !important;
    width: 208px !important;
}
.rc-anchor-logo-portrait {
    width: 58px !important;
}
.rc-anchor-normal-footer {
    width: 70px !important;
}
.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 120px !important;
}
.rc-anchor-normal .rc-anchor-content {
    width: 184px !important;
}
.g-recaptcha {
    position: relative;
    left: -14px;
}
}
::-webkit-input-placeholder { /* Edge */
  color: #232e3e !important;
  text-transform: capitalize !important;
  font-size: 17px !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #232e3e !important;
  text-transform: capitalize !important;
  font-size: 17px !important;
}

::placeholder {
  color: #232e3e !important;
  text-transform: capitalize !important;
  font-size: 17px !important;
}