/* General styles */
	html, body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		font-family: 'Roboto', sans-serif;
		color:#666 !important;
		font-size:11pt;
		height:100%;
	}
	img{
		max-width:100%;
	}
	h5{
		margin-bottom:0 !important;
		color:#CCC !important;
	}
	p{
		max-width:600px;
		padding-right:10px;
	}
	#nav{
		top:0;
		left:0;
		position:fixed;
		width:40px;
		height:100%;
		min-height:100%;
		background:#CCC;
		float:left;
		z-index:1000;
	}
	#nav a{
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
		white-space:nowrap;
		display:block;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		text-transform:uppercase;
		width:60px;
		height:60px;
		margin-left:-30px;
	}
	#nav a:hover{
		color:#4ae;
	}
	#nav a .active{
		color:#4ae;
	}
	#nav span{
		padding-right:15px;
	}
	#nav span .active{
		color:#4ae;
	}
	#nav span:hover{
		color:#4ae;
	}

	/* 2 Column settings */
	.pagecontainer {
	  position: relative;
	  left: 0px;
	  -webkit-transition: left 0.3s ease-in-out;
	  -o-transition: left 0.3s ease-in-out;
	  transition: left 0.3s ease-in-out;
	}
	#col1 {
		top:0;
		width:40%;
		margin-left:0;
		position:fixed;
		padding-top:300px;
		text-align:right;
		background:#ccc url('me.png') top right no-repeat;
		padding-right:0;
		min-height:100%;
		z-index:1001;
		-webkit-transition: margin 0.3s ease-in-out;
	  -o-transition: margin 0.3s ease-in-out;
	  transition: margin 0.3s ease-in-out;
	}
	@media(max-width:975px){
		#col1{
			margin-left:-100%;
		}
		#col2{
		 	margin-left:45px !important;
		}
	}
	#col2{
		 margin-left:40%;
		 padding-left:20px;
		 -webkit-transition: margin 0.3s ease-in-out;
	  -o-transition: margin 0.3s ease-in-out;
	  transition: margin 0.3s ease-in-out;
	}
	#col2 p{
		margin-left:0 !important;
	}

	#subnav{
		width:220px;
		min-height:100%;
		background:#666;
		font-weight:bold;
		color:#fff;
		text-align:center;
		margin-left:40px;
		-webkit-transition: margin 0.3s ease-in-out;
	  -o-transition: margin 0.3s ease-in-out;
	  transition: margin 0.3s ease-in-out;
	}
	#subnav a{
		color:#FFF !important;
		margin:0;
		padding:0;
	}
	#subnav .lessersubnav a{
		color:#999 !important;
	}
	#subnav a:hover{
		text-decoration:none;
		color:#4ae !important;
	}
	#subnav a.active{
		color:#4ae !important;
	}
	.subnavhr{
		margin:5px 20px 8px 20px;
	}
	#col3{
		position:fixed;
		top:0;
		margin-left:265px;
		width:calc(100% - 265px);
		height:100%;
		overflow-y:auto;
		padding-top:3px;
		-webkit-transition: margin 0.3s ease-in-out;
	  -o-transition: margin 0.3s ease-in-out;
	  transition: margin 0.3s ease-in-out;
	}
	#col3_design{
		position:fixed;
		top:0;
		margin-left:260px;
		width:calc(100% - 260px);
		height:100%;
		overflow-y:auto;
		padding-top:3px;
		-webkit-transition: margin 0.3s ease-in-out;
	  -o-transition: margin 0.3s ease-in-out;
	  transition: margin 0.3s ease-in-out;
	}
	#col3_design h3{
		margin-left:20px;
		color:#fff;
	}

	@media(max-width:700px){
		#subnav{
			margin-left:-220px;
		}
		#col3{
			margin-left:45px;
			width:calc(100% - 45px);

		}
	}

	#newgalContainer{
	width:100%;
	}
	#newgalContainer li{
		list-style-type:none;
		display:inline-block;
		margin:0;
		padding:0;
	}
	#newgalContainer img{
		vertical-align:bottom;
		padding:5px;
		opacity:1;
		transition: all 0.25s ease;
	}
	#newgalContainer img:hover{
		padding:0;
		transition: all 0.25s ease;
	}

	.galContainer{
		width:100%;
		padding-left:10px;
	}
	.galContainer li{
		list-style-type:none;
		display:inline-block;
		margin:0;
		padding:0;
	}
	.galContainer img{
		vertical-align:bottom;
		padding:10px;
		opacity:1;
	}

	.image_overlay{
		display:none;
		position:absolute;
		top:30%;
		height:50px;
	 	left:0;
	 	width:100%;
	 	z-index:9999;
	}
	.image_overlay a{
		position:relative;
		float:left;
		text-decoration:none;
	 background:rgba(0,0,0,0.8);
	 margin-left:10px;
	 padding:12px 15px 8px 15px;
	 border-radius:50%;
	 color:#FFF;
	 font-size:12pt;
	}
	.image_overlay a:first-child {
		margin-left:45px;
 	}
	.image_overlay a:hover{
		text-decoration:none;
	}

	.image_overlay_nb{
		display:none;
		position:absolute;
		top:30%;
		height:50px;
	 	left:0;
	 	width:100%;
	 	z-index:9999;
	}
	.image_overlay_nb a{
		position:relative;
		float:left;
		text-decoration:none;
	 background:rgba(0,0,0,0.8);
	 margin-left:10px;
	 padding:12px 15px 8px 15px;
	 border-radius:50%;
	 color:#FFF;
	 font-size:12pt;
	}
	.image_overlay_nb a:first-child {
		margin-left:70px;
 	}
	.image_overlay_nb a:hover{
		text-decoration:none;
	}

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}

	a{
		text-decoration:none;
		color:#4ae;
	}
	a:hover{
		text-decoration:none;
		color:#4ae;
	}
	.biglink{
		font-size:48pt;
		line-height:52pt;
		color:#fff !important;
		text-decoration:none;
		font-weight:900;
		text-transform:uppercase;
		background: url('marker.png') right no-repeat;
		padding-right:30px;
		margin-bottom:0 !important;
	}
	.biglink:hover{
		background: url('marker_over.png') right no-repeat;
		text-decoration:none;
		color:#4ae !important;
	}
	.smallcaption{
		font-size:10pt;
		font-weight:normal;
		line-height:11pt;
		color:#fff;
		text-decoration:none;
		padding-right:30px;
	}
	#photolinks{
		line-height:14pt;
	}
	.bigphoto{
		max-width:calc(100% - 5px);
		max-height:calc(100% - 3px);
		padding:5px;
	}
	.photodetails{
		padding:15px;
	}
	.photodetails.twocolumn{
		-webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: 400px;
     -moz-column-width: 400px;
          column-width: 400px;
	}
	.photodetails .settings{
		background:#eee;
		padding:15px;
		font-size:9pt;
		color:#999;
		margin:10px 0;
	}
	.big{
		font-size:48pt;
		line-height:48pt;
		color:#DDD;
		text-decoration:none;
		font-weight:900;
		text-transform:uppercase;
		margin-bottom:0 !important;
	}
	.textblock{
		margin:0;
		padding:0;
		padding-bottom:15pt;
	}
	.textblock p{
	margin-top:5px;
	}
	#show{
		position:absolute;
		top:0;
		left:40px;
		width:1000px;
		height:600px;
	}
	.clear{
		clear:both;
	}

/*//////////////////////////////////////////////////////////////////////////////////////
		style for places
//////////////////////////////////////////////////////////////////////////////////////*/


	#prevnext{
		text-align:center;
		padding-top:10px;
	}

	#prevnext a{
		margin:1px;
		text-decoration:none;
	}


	/* --> */

	.nomargin{
		margin:0 !important;
	}

	.nopad{
		padding:0 !important;
	}

	.menu-button{
		display:none;
	}

@media(max-width:600px){
	.menu-button {
	  display:block;
	  z-index: 1000;
	  left: 60px;
	  top: 20px;
	  text-indent: -9000px;
	  position: absolute;
	  width: 32px;
	  height: 32px;
	  background: #4ae;
	  border-radius: 50%;
	  color: #fff;
	  line-height: 30px;
	  text-align: center;
	  font-weight: bold;
	  cursor: pointer;
	}
	.menu-button:after {
	  position: absolute;
	  content: '';
	  width: 50%;
	  height: 2px;
	  background: #fff;
	  top: 50%;
	  margin-top: -1px;
	  left: 25%;
	  box-shadow: 0 -4px #fff, 0 4px #fff;
	}
	.menu-button:hover {
	  background: #000;
	}
}
.slideRight {
  margin-left: 40px !important;
}
.slideCol3Right {
  margin-left: 265px !important;
}

#cart{
	position:fixed;
	top:15px;
	right:20px;
	width:60px;
	height:60px;
	background:rgba(0,0,0,0.8);
   	margin-left:10px;
   	padding:15px 15px 8px 15px;
   	border-radius:50%;
	text-decoration:none;
	color:#fff;
   	font-size:12pt;
	z-index:9999;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#cart:hover{
	background:rgba(0,0,0,1);
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
#cart a,
#cart a:hover,
#cart i,
#cart i:hover{
	text-decoration:none !important;
	color:#fff !important;
}
#cart_count{
	position:absolute;
	top:-8px;
	left:37px;
	background:rgba(68,170,238,1);
	border-radius:50%;
	width:25px;
	height:25px;
	text-align:center;
	padding:1px 0;
}

.cart_row{
	padding-bottom:10px;
	border-bottom:5px solid #ddd;
	margin-bottom:10px !important;
}
.cart_row:first-of-type{
	border-top:5px solid #ddd;
	padding-top:10px;
}
.total_row{
	margin:-10px 0 0 0;
	padding:1rem .75rem !important;
	background:#eee;
}
.creditcard{
	background:#eee;
	border-radius:5px;
	padding:10px;
}

.progress-nav {
  width: 100%;
  height: 50px;
  z-index:-2;
  white-space: nowrap;
  overflow:hidden;
  margin-top:10px;
}
.progress-nav>li {
    margin:0;
    height: 50px;
    width: 35.5%;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    color: #666;
    transition: color 0.8s;
	font-size:14pt;
}
.progress-nav>li:first-child {
      margin-left: -53px;
      padding-left: 13px;
}
.progress-nav>li:last-child {
      padding-right: 13px;
}
.progress-nav>li:before,
.progress-nav>li:after {
      content: "";
      position: absolute;
      transition: background 0.8s;
      z-index:-1;
	  	background:#eee;
}
.progress-nav>li:before {
	 height: 50%;
	 width: 100%;
	 top: 0;
	 left: 0;
	 background:#eee;
	 transform: skew(45deg);
}
.progress-nav>li:after {
	 height: 50%;
	 width: 100%;
	 top: 50%;
	 left: 0;
	 background: #eee;
	 transform: skew(-45deg);
}

.progress-nav>li.active,
.progress-nav>li:hover{
	 color: #333;
 }
.progress-nav>li.active:before,
.progress-nav>li.active::after {
	   background: #4ae;
}

select.browser-default{
	display:block !important;
	position:relative !important;
	width:100% !important;
	pointer-events: auto !important;
	height:2rem !important;
	opacity:1 !important;
}

.StripeElement {
  background-color: white;
  padding: 10px 12px;
  border-bottom: 2px solid #4ae;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.pad1h{
	padding:0 1rem !important;
}

.pad2h{
	padding:0 2rem !important;
}


select.browser-default.placeadmin{
	padding:0 !important;
	height:25px !important;
	width:calc(100% - 30px) !important;
}
.btn:hover{
	color:#fff !important;
	text-decoration:none;
}

.linkspace{
	padding:5px 0;
}