@font-face {
  font-family: myFirstFont;
  src: url(../fonts/sansation_light.woff);
}
body{
  font-size:16px;
  background-color: #FFFFFF;
  font-family: "Open Sans","HelveticaNeue","Helvetica Neue",sans-serif;
  color:#3d4246;
}
 .navbar > .container, .navbar > .container-fluid{
  display:block !important;
}
.navbar-brand{
  font-size: 1em !important;
}
a{
  color: #3d4246 !important;
}
.look-edit-body .product_list_filter li{
  width: 100%;
  min-height: 575px;
}
.product_list_filter li img {
  max-height: 325px;
  max-width: 225px;
}
footer{
  margin-top: 50px;
}
.container{
  max-width: 1068px !important;
}
.container.dashboard {
  margin-top: 25px;
}
.full-width{
	width:100%;
}
input.middle:focus {
    outline: none !important;
}
.footer-copyright {
  float: left;
  width: 100%;
  font-size: 0.8125em;
}
.newsletter-text{
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: bolder;
}
.customer-account-index .block .block-title{
   font-size: 24px !important;
}
/* custom radio button for rol */
.custom-radios div {
  display: inline-block;
}
.custom-radios input[type="radio"] {
  display: none;
}
.custom-radios input[type="radio"] + label {
  color: #3d4246;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.product-details li{
  list-style-type: disc;
}
.outPopUp {
  position: absolute;
  z-index: 15;
  top: 50% !important;
  left: 45% !important;
  margin: -100px 0 0 -150px !important;
}
.product-details > p{
  float:left;
}
.custom-radios input[type="radio"] + label span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}
.custom-radios input[type="radio"] + label span img {
  opacity: 0;
  transition: all .3s ease;
}
.custom-radios input[type="radio"]#color-1 + label span {
  background-color: #2ecc71;
}
.custom-radios input[type="radio"]#color-2 + label span {
  background-color: #3498db;
}
.custom-radios input[type="radio"]#color-3 + label span {
  background-color: #f1c40f;
}
.custom-radios input[type="radio"]#color-4 + label span {
  background-color: #e74c3c;
}
.custom-radios input[type="radio"]:checked + label span {
  opacity: 1;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg) center center no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
}
.p-4.nav-menu {
  text-decoration: none;
  color: #aaa;
}
li {
  list-style: none;
}

/* .modal-dialog{
    max-width: 100% !important;
    margin:0 !important;
    padding: 0 !important;
} */
#exampleModalCenter{
padding: 0 !important;
}

/* theme css starts from here */

.topbar{
  background-color: #7796a8;
  text-align: center;
  width: 100%;
  float: left;
}
.topbar a {
  color:#FFFFFF !important;
  font-size:1em;
  font-weight: bold;
  padding:10px 55px;
  float: left;
}
li {
  float: left;
  padding-left: 19px;
}
.product-details li{
  width:100%;
}
li.dashboard{
  font-weight: bold;
  list-style: disc;
}
.footer-links, .footer-links li{
  float: left;
  width: 100%;
  padding: 0 20px 6px 0 !important;
}
.main-header{
  padding: 10px 0px 5px 75px;
  width: 100% !important;
}

.homebanner{
  width: 100%;
  background-image:url('../images/homebackground.png');
}
.rightmain, .leftmain {
  padding: 15px 0px !important;
}
.homeimg {
  float: left;
  width: 33%;
  position: absolute;
}

.homeimg.img1 {
  top: -4%;
}
.homeimg.img2 {
  top: 6%;
  left: 36%;
  z-index: 10;
}
.homeimg.img3 {
  top: 2%;
  left: 58%;
  width:29%;
}

._01 {
  font-size: 48px;
  font-family: "Myriad Pro";
  color: rgb(0, 0, 0);
  line-height: 0.792;
  text-align: left;
  z-index: 61;
}
.step-title {
  font-size: 20px;
  font-family: "FiraSans";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  width: 215px;
  height: 16px;
  z-index: 55;
}
.step-content {
  font-size: 14px;
  font-family: "OpenSans";
  color: rgb(0, 0, 0);
  line-height: 1.429;
  text-align: left;
  width: 321px;
  height: 55px;
  z-index: 58;
}
.col-4.leftmain {
  margin-top: -50px;
}
.btn {
  background-color: rgb(0, 0, 0);
  height: 50px;
  z-index: 86;
}
.btn:hover {
  background-color: rgb(0, 0, 0);
  opacity: 50%;
  height: 50px;
  z-index: 86;
}
.btn.btn-primary {
  min-width: 125px;
  font-size: 11px;
  height: 32px;
  border-color: black;
  border-radius: 0px;
  color: #FFFFFF !important;
  float: right;
}
.inputemail {
  border-width: 1px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  border-radius: 1px;
  background-color: rgb(255, 255, 255);
  width: 336px;
  height: 28px;
  z-index: 83;
}
.inputemail {
  font-size: 14px;
  font-family: "OpenSansLight";
  color: rgb(112, 112, 112);
  font-style: italic;
  line-height: 2.286;
  text-align: left;
  z-index: 84;
  height: 32px;
  float: left;
}

h1 {
  font-size: 48px;
  font-family: "PathwayGothicOne";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  z-index: 49;
}
.contenthome {
  font-size: 20px;
  font-family: "OpenSans";
  color: rgb(0, 0, 0);
  line-height: 1.6;
  text-align: left;
  width: 459px;
  height: 85px;
  z-index: 50;
}
.Sign_In {
  font-size: 12px;
  font-family: "OpenSans";
  color: rgb(112, 112, 112);
  line-height: 2.667;
  text-align: left;
  z-index: 51;
  float: left;
}
.rightmain {
  margin-left: 10%;
}
.steps{
  margin-top:50px;
}
.LOGIN {
  font-size: 20px;
  font-family: "OpenSans";
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  z-index: 103;
}
.loginbuttons{
  width: 170px !important;
  height: 30px;
}
.nav-link.active {
  font-weight: bold;
}
.member-container {
  border: 1px solid aliceblue;
  padding: 20px 10px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.datebox {
  background-color:#70949F;
  padding: 10px;
  z-index: 143;
  float: left;
  margin: 3px;
}
.dateboxcolor{
  background-color:#3d4246;
}
.dateboxtext {
  font-size: 66px;
  font-family: "OpenSans";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  z-index: 146;
}
.dateboxbottomtext {
  font-size: 17px;
  font-family: "OpenSans";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  z-index: 149;
}
.card-body{
  float: left;
}
.look_name {
  font-size: 18px;
  font-family: "FiraSans";
  line-height: 1.2;
  text-align: center;
}
.progress-bar{
  background-color: #333 !important;
}
.title{
  font-size: 32px;
  font-weight: bold;
  margin: 10px;
}
.price{
  color: #6f97aa;
  font-size: 24px;
}
.sidebar{
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 550px;
  min-height:400px;
}
.filtername{
  margin: auto 15px;
  text-transform: capitalize;
}
.general{
  width:100%;
  float: left;
}
.row.member-container.filter.children_filter.subfilter {
  display: none;
}
.delte-and-edit{
  text-align: right;
}
.datebox{
  width:100% !important;
}
.member-head, .looks-head{
  margin-top:72px;
}
#navbarSupportedContent{
  padding:20px;
}
.navigation-link{
  display: none !important;
}
.site-footer__social-icons{
  float: left;
  width: 100%;
  padding: 20px !important;
}
.site-footer__payment-icons li, .site-footer__social-icons li{
  float: left;
  width: 11%;
}
.site-footer__payment-icons .icon, .site-footer__social-icons .icon{
  float: left;
  width: 100%;
  max-height: 25px;
}
.badge {
  float: left;
  width: 100%;
  padding: 20px;
}
.email_address input {
  float: left;
  width: 80%;
  padding: 8px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.email_address_subscribe .btn {
  padding: 10px 18px;
  height: 43px;
  background-color: #7796a8;
  color: #fff;
font-family: "Open Sans","HelveticaNeue","Helvetica Neue",sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
border:none;
}
.email_address_subscribe{
  float: left;
  width: 20%;
}
.icon__fallback-text{
  display: none;
}
.footer-links li a {
  font-family: "Open Sans","HelveticaNeue","Helvetica Neue",sans-serif;
}


.custom-pre-footer {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  min-height: 50px;
  background-color: black;
}
.custom-pre-footer .shogun-heading-component h3 {
  color:white;
  font-weight: normal;
  font-style: normal;
  font-family: "Pathway Gothic One";
  font-size: 58px !important;
  text-align: center;
  padding-top: 20px;
}
.custom-pre-footer .shogun-image-container {
  text-align: center;
  margin-top: 7px;
  padding-bottom: 20px;
}
.wedd-bottom-black p {
  font-family: "Open Sans",sans-serif;
  font-size: 25px;
}
.custom-pre-footer-2 {
  background: url('https://cdn.shopify.com/s/files/1/0010/4821/5604/t/41/assets/showroom-newtown-pa-dark.jpg?1175');
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
  min-height: 450px;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
div.custom-pre-footer-2 div.office-information {
  height: 100%;
  min-height: 450px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.custom-pre-footer-2 h2 {
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0 0 0.25rem;
  font-size: 52px;
  font-family: "Pathway Gothic One";
}
div.custom-pre-footer-2 h3.address {
  color:
  #fff;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin: 0 0 1rem;
  font-size: 35px;
  font-family: "Pathway Gothic One";
}
div.custom-pre-footer-2 .btn-hero {
  background:
#fff;
color:
  #333;
  font-family: "Pathway Gothic One";
  font-size: 20px;
}
.btn-hero{
  -moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
width: auto;
height: unset;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid
transparent;
border-radius: 2px;
padding: 8px 15px;
background-color: #fff;
color: #333;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
white-space: normal;
font-size: 14px;


-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 2px;
padding: 8px 15px;
background-color: #7796a8;
color: #fff;
font-family: Open Sans, HelveticaNeue, Helvetica Neue, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
white-space: normal;
font-size: 14px;



}
.icon.icon--wide.icon-chevron-down {
  display:none;
  width: 10px;
  margin-left: 6px !important;
}
.shopify-menu .dropdown-toggle::after{
  display: none !important;
}
.fa-check-circle::before{
  margin-right:5px;
}
input[type="checkbox"], input[type="radio"]{
  margin:5px !important;
}
.overlay {
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.loader,
.loader:before,
.loader:after {
  background: #000000;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #000000;
  text-indent: -9999em;
  position: absolute;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  top:10%;
  left:51%;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.member-delte-and-edit .fa{
  font-size: 16px !important;
}
.look_name{
  padding:15px;
  background:#eee;
}
.mobile{
  display:none;
}
.table-responsive .fa.fa-trash {
    margin-top: -1px !important;
    float: left;
    padding: 3px;
}
.table-responsive .fa.fa-pencil-square-o {
    float: left;
    padding: 3px;
}
.navbar-brand{
    white-space: unset !important;
}
#lookUpdate button{
    min-width:100px !important;
}
.req-opt-row{
    margin-top:10px;
}

@media only screen and (max-width: 600px) {
  .col-6.col-lg-3.text-center {
    margin-top: 20px;
}
  /*.mobile{*/
  /*  display: flex;*/
  /*}*/
  /*.navbar.navbar-expand-md.navbar-light.bg-white.shadow-sm.desktop{*/
  /*  display:none;*/
  /*}*/
	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40%;
		white-space: normal;
		text-align:left;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
  #no-more-tables td:before { content: attr(data-title); }

  .topbar a {
    font-size: .9em;
    padding: 10px 0px;
  }
  .member-delte-and-edit {
    margin-top: -10px;
}
.member-delte-and-edit {
  margin-top: -10px;
}


}
.btn.btn-primary.sendIntro-btn{
  margin-top: 1em;
  margin-bottom:1em;
}

@media only screen and (max-width: 1194px) {
    .mobile{
        display: flex;
    }
    .navbar.navbar-expand-md.navbar-light.bg-white.shadow-sm.desktop{
        display:none;
    }
    .loginicon{padding-left: 20%;}
}
.congrats-span{font-size:18px}
.sizestep #product-list .text-danger{padding:0 !important;margin-left:0 !important}
.sizestep .pname{font-size: 16px;padding: 0 !important;}
.sizestep .select_var{margin-left:0 !important}
.sendIntro-body .no-pointer{cursor:auto !important;}
@media only screen and (min-width: 768px) {
  .dollor-off-text {
    margin-top: 105px;
  }
  .dollor-off-text .dollor-off-text-below {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 768px) {
  .member-head, .looks-head {
    margin-top: 32px;
  }
    #no-more-tables thead tr {
        position: inherit !important;

    }
}

/*small megamenu css*/
.shop-mega{
  position:static!important;
}
.list--inline>li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.site-nav--has-centered-dropdown {
    position: static;
}
.site-nav--has-dropdown {
    position: relative;
}
.active-dropdown .site-nav__dropdown, .site-nav__dropdown li {
    display: block;
}


.site-nav--active-dropdown .site-nav__dropdown, .site-nav__dropdown li {
    display: block;
}
.site-nav__dropdown--centered {
    width: 100%;
    border: 0;
    background: none;
    padding: 0;
    text-align: center;
}
.site-nav__dropdown {
    display: none;
    position: absolute;
    padding: 11px 30px 11px 0;
    margin: 0;
    z-index: 7;
    text-align: left;
    border: 1px solid #e8e9eb;
    background: #fff;
    left: -1px;
    top: 41px;
}



.site-nav__dropdown--centered {
    width: 100%;
    border: 0;
    background: none;
    padding: 0;
    text-align: center;
}
.site-nav__dropdown {
    display: none;
    position: absolute;
    padding: 11px 30px 11px 0;
    margin: 0;
    z-index: 7;
    text-align: left;
    /* border: 1px solid #e8e9eb; */
    background: #fff;
    left: -1px;
    top: 41px;
}
.site-nav__childlist {
    display: inline-block;
    border: 1px solid #e8e9eb;
    background: #fff;
    padding: 11px 45px;
    text-align: left;
}
.site-nav__childlist-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    width: 100%;
    /* -webkit-flex-wrap: wrap; */
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    margin-bottom: -15px;
}
.site-nav--active-dropdown .site-nav__dropdown, .site-nav__dropdown li {
    display: block;
}
.site-nav__childlist-item {
    float:none!important;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 15px;
}
.site-nav__dropdown .site-nav__link {
    padding: 4px 15px;
}
.site-nav a {
    padding: 3px 10px;
}
.site-nav__child-link--parent {
    font-weight: 700;
    margin: 4px 0;
}
.site-nav__link {
    display: block;
    white-space: nowrap;
}


.site-nav__childlist {
    display: flex; 
    flex-wrap: wrap; 
}
@media  screen and (max-width:1150px) {
  .site-nav__childlist
  {
      
      border: none;
      
  }
  .site-nav__childlist-item {
  
    padding-left: 20px;
    padding-right: 20px;
}
  
}
.site-nav__childlist-grid {
    margin-left:-35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    width: 100%;
}
.site-nav__childlist-item {
    flex: 1 1 5%; 
    padding: 0px; 
    box-sizing: border-box; 
}
.site-nav__childlist-item a {
    text-decoration: none;
    color: #333;
    font-weight: none;
}
.site-nav__childlist-item ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0; 
}
.site-nav__childlist-item ul li {
    margin: 5px 0; 
}
.site-nav__childlist-item ul li a {
    color: #007BFF; 
}
.site-nav__childlist-item ul li a:hover {
    text-decoration: underline; 
}

@media screen and (min-width:1195px) {
    .dropdown-menu{
    margin:0 -147px 0;
  }
  .works-menu{
    margin:0 -57px 0!important;
  }
  .inspiration-menu{
    margin:0 -152px 0!important;
  }
  .about-menu{
    margin:0 -127px 0!important;
  }
}

/* end menu */

footer h1 span{
      font-family: "Open Sans", sans-serif;
    font-size: 25px;
    color:#7f8c8d;
}
footer .custom-pre-footer-2 h2{
  text-transform: uppercase;
  color: #fff;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0 0 0.25rem;
    font-size: 52px;
    font-family: "Pathway Gothic One";
}