/* -----------------------------------------
:: THEME.CSS
----------------------------------------- */
/* -----------------------------------------
:: BODY
----------------------------------------- */
main {
	position: relative;
	overflow-y: auto;
	padding: 0;
	backface-visibility: hidden;
}

/* -----------------------------------------
:: HEADER
----------------------------------------- */
.header {
	position: relative;
	background: #ffffff;
	background: linear-gradient(to bottom, #ffffff 0%,#fdfcfa 100%);
	border-bottom: 5px solid #3498DB;
	background-image: url('../../images/Patrick_Miller_Painting.png');
	background-repeat: no-repeat;
	min-height: 150px;
}

.header .container {
	position: relative;
}

@media (max-width: 991px) {

.header {
	background-image: url('../../images/Patrick_Miller_Painting1.png');
}
}
.Zdiv {
	z-index: 2000;
}
.YellowDiv {
	background-color: #FFFFEC;
	border-bottom: 1px solid #3498DB;
	height: 47px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
/*overflow: hidden;*/
}

.Grey {
/*background: #B0C4DE; 
border-bottom: 1px solid #dcdcdc;*/
}
.WhiteT {
color: #ffffff;	
}

@media (max-width: 767px) {



.YellowDiv {
background: #fdfcfa; 
border-bottom: none;	
height: auto;
z-index: 1000;
}

.Grey {
background: #fdfcfa; 
border-bottom: none;
}

.btn-primary {
	width: 100%;
	font-size: 16px;
	margin-bottom: 10px;
}
.btn-success {
	width: 100%;
	background-color: #ffffff;
	border-color: #dddddd;
	margin: 2px;
	color: #000000;
}
}
@media (max-width: 440px) {
.header {
	background-image: url('../../images/Patrick_Miller_PaintingSM.png');
}
}
.IndexPhotos {
	margin: 5px;
	color: #069;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.spacer10 {
	/* 10px tall div applied anywhere space needed between elements */
	clear: both;
	display: block;
	height: 10px;
}
.spacer20 {
	/* 20px tall div applied anywhere space needed between elements */
	clear: both;
	display: block;
	height: 20px;
}
.spacer40 {
	/* 40px tall div applied anywhere space needed between elements */
	clear: both;
	display: block;
	height: 40px;
}
.spacer30 {
	/* 40px tall div applied anywhere space needed between elements */
	clear: both;
	display: block;
	height: 30px;
}
.spacer60 {
	/* 60px tall div applied anywhere space needed between elements */
	clear: both;
	display: block;
	height: 60px;
}
.spacer80 {
	/* 80px tall div applied anywhere space needed between elements */
	clear: both;
	display: block;
	height: 80px;
}

 .rediconcolor {color:red;}

 .blueiconcolor {
	 color:#3498db;
	
}
 .blueiconcolor2 {
	color:#3498db;
    width: 100%;
	height: auto;
	vertical-align: top;
}

.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
/* -----------------------------------------
:: BREADCRUMB
----------------------------------------- */
.section--breadcrumb {
	background: #111111;
	background-image: url('../graphics/bg-chalkboard1.jpg');
	background-position: center center;
	background-attachment: fixed;
	position: relative;
}

.section--breadcrumb .wrapper {
	background: url('../graphics/bs-slider-paper-bottom.png') center bottom repeat-x;
	padding: 0 0 30px 0;
}

/* -----------------------------------------
:: PARRALAX
----------------------------------------- */
.section-bg-a {
	position: relative;
	background-image: url('../themed-images/backgrounds/5.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

.section-bg-b {
	position: relative;
	background-image: url('../themed-images/backgrounds/section-bg-b.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

.section-bg-c {
	position: relative;
	background-image: url('../themed-images/backgrounds/section-bg-c.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

.section-bg-d {
	position: relative;
	background-image: url('../themed-images/backgrounds/section-bg-d.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

.section-bg-e {
	position: relative;
	background-image: url('../themed-images/backgrounds/WhiteWoodlg.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	/*background-repeat: repeat-x;*/
	border-bottom: 1px solid #d3d3d3;
}

.section-bg-f {
	position: relative;
	background-image: url('../themed-images/backgrounds/section-bg-f.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

.section-bg-g {
	position: relative;
	background-image: url('../themed-images/backgrounds/section-bg-g.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

.section-bg-h {
	position: relative;
	background-image: url('../themed-images/backgrounds/section-bg-h.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

/* -----------------------------------------
:: SECTIONS
----------------------------------------- */
.section1 {
	position: relative;
	padding: 0 10px 50px 10px;
}

.section-bottom-tint {
	position: relative;
	padding-bottom: 100px;
}

.section-bottom-tint:before {
	content: " ";
	width: 100%;
	height: 340px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	display: block;
	background: #eeeeee;
}

.section-dark {
	position: relative;
	overflow: hidden;
	background: #111111;
	background-image: url('../graphics/bg-chalkboard.jpg');
	background-position: center center;
	background-attachment: fixed;
}

.section2 {
	position: relative;
	padding: 50px 10px 50px 10px;
}

.section2 .section-heading-left {
	z-index: 10;
}

.section-dark .container {
	position: relative;

}

.section-dark div.wrapper div.container div.row {
	padding: 0 0 50px 0;
}

.section-white {
	position: relative;
	overflow: hidden;
	background: #e8e8e8;
}

.section-black {
	position: relative;
	overflow: hidden;
	background: #000000;
	padding: 35px 10px 30px 10px;
}

.section-white .container {
	position: relative;
	overflow: hidden;
}

.section-white div.wrapper div.container div.row {
	padding: 0 0 50px 0;
}

.section-white div.divider2-top {
	z-index: 1;
}

.section-parallax-dark .wrapper {
	background: #222222;
	background: url('../themed-images/covers/dark-circles.png') left center, rgba(0,0,0,0.50);
}

.section-parallax-dark div.wrapper div.container div.row {
	padding: 0 0 50px 0;
}

.map-wrapper2 .container {
	padding: 0 0 0 0;
}

.section-map {
	background: url('../graphics/map-bg.png') center center no-repeat;
	padding: 50px 10px;
}

@media (min-width: 992px) {
.section-dark .wrapper {
	background: url('../graphics/bs-slider-paper-bottom.png') center bottom repeat-x, url('../graphics/bs-slider-paper-top.png') center top repeat-x;
	padding: 50px 0;
}

/* contact.htm with half map */
.contact2-map iframe {
	width: 100%;
	border: 0;
	height: 350px;
}

div.contact2-map small {
	width: 100%;
	text-align: center;
	display: block;
	padding: 10px;
	background: rgba(0,0,0,0.25);
}

.contact2-form {
	margin-top: 50px;
}

.contact-half-map {
	position: relative;
}

.map-left {
	background: #222222;
	background: rgba(34, 34, 34, 0.88);
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

@media (min-width: 992px) {
.contact-half-map {
	height: 400px;
	position: relative;
}

.map-left {
	background: #222222;
	background: url('../graphics/dark-dots.png') left center, rgba(34, 34, 34, 0.88);
	position: relative;
	z-index: 1;
	height: 400px;
	width: 50%;
	padding-left: 100px;
	box-sizing: border-box;
}

.map-left:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-left-color: #222222;
	border-left-color: rgba(34, 34, 34, 0.88);
	border-width: 30px;
	margin-top: -30px;
}

}
.devices {
	position: relative;
	width: 100%;
	height: 100%;
}

.img-devices {
	position: absolute;
	left: 0;
	top: 0;
}

/* -----------------------------------------
:: DIVIDERS
----------------------------------------- */
.divider-top {
	width: 100%;
	height: 43px;
	background: url('../graphics/bs-slider-paper-top.png') center top repeat-x;
	position: absolute;
	top: 0;
	left: 0;
}

.divider-bottom {
	width: 100%;
	height: 43px;
	background: url('../graphics/bs-slider-paper-bottom.png') center bottom repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
}