@charset "UTF-8";

.body {
	}
	
#logo {
	display: none;
}

	
.logo-main {
	/*display:none;*/
	width: 40%;
	padding-top: 50px;
	margin-top: 37px;
}
.logo-mainNew {
	/*display:none;*/
	width: 90%;
	padding-top: 24vh;
	max-width: 50vh;
	margin-top: 25px;
}


#myMain {
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-size: large;
	color: #000000;
	position: fixed;
	z-index: 300;
	/*background-color: #B8B8B8;*/
	
	left: 0px;
	width: 100%;
}

.siteText {
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-size: 14pt;
	border-color: #000000;
}
.company-name {
	/*display:none;*/
	padding-top: 10px;
	width: 40%;
	padding-left: 0px;
}

/*
.video-gallery {
	padding-top: 122px;
	position: relative;
	z-index: 10;
	left: 0px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

.video-thumb {
	display: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	opacity: 1;
}

.video-thumb:hover {
	opacity: 0.9;
	cursor: pointer;
	border-bottom-right-radius: 10px;	
}


.video-thumb2 {
	max-width: 640px;
	max-height: 360px;
	width: auto;
	height: auto;
}

*/

.my-index-slides {
	width: 100%;
}
.contactAddressText, a {
	color: #FFFFFF;
	
}
.contactAddressText a:hover {
	color: #E17E39;
	text-decoration: none;
}

.contactMyStudio {
	color: #000000;
	padding-bottom: 20px;
	padding-right: 5%;
	padding-left: 5%;
}
.contactInfoText {
	color: #FFFFFF;
	padding-bottom: 20px;
	padding-right: 5%;
	padding-left: 5%;
	text-align:justify;
}

p.contactInfoText  {
	font-size: 14pt;
	}
.contactText {
    font-family: open-sans;
    font-style: normal;
    font-weight: 300;
    font-size: 20pt;
    border-color: #000000;
    color: #FFFFFF;
    padding-top: 168px;
}

p.contactText  {
	font-size: 25pt;
	}
.contactMap {
	opacity: 0.89;
}
.myFooter {
	bottom: auto;
}
.myFooter2 {
	bottom: auto;
}
.myFooter3 {
	position: fixed;
	right: 23px;
	top: 88vh;
}

.aboutInDepth {
	margin-top: 100px;
	margin-bottom: 0px;
}
.aboutInDepthBG {
	background-color: #692829;
}
.aboutMain {
	display: none;
	
}


.contactStreetmapBig {
}
#demo {
	z-index: 500;
	position: absolute;
	left: 1px;
	top: 1px;
}


@media screen and (orientation:portrait){
#contact1 .contactAddress.col-lg-1o.col-md-12.col-lg-offset-0.col-lg-12.col-sm-12.col-xs-12 .contactAddressText {
}
}

.fade {
   opacity: 1;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
   }

   .fade:click {
      opacity: 0.0;
      }


.fadeOut {
   opacity: 1;
   transition: opacity .50s ease-out;
   -moz-transition: opacity .50s ease-out;
   -webkit-transition: opacity .50s ease-out;
   }

   .fadeOut:hover {
      opacity: 0.0;
      }	  



.my-navbar {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.grey-text-bg {
	background-color: #504546;
}
.my-heading {
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	margin-top: 27px;
	width: 400px;
	text-align: center;	
}
.my-googlemap {
	width: 70%;
}
.my-map {
	width: 70%;
}
.my-contact-img {
	width: 100%;
}

#slideshow {
	position: relative;	
}
.my-index-slide-img {
	width: 100%;
	opacity: 0.64;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
.my-social-thumbs {
	padding-top: 43px;
	display: inline-block;
	margin-top: 9px;
	margin-right: 9px;
	margin-bottom: 9px;
	margin-left: 9px;
	float: right;
	opacity: 0.97;
	padding-bottom: 70px;
	padding-right: 14px;
	width: 40px;
	z-index: 200;
}
/*************************************
/**		BOOTSTRAP OVERWRITES        **
/************************************/

.well {
	border-radius:0px;
	}

.navbar{
	border-radius:0px;
	}
.testClass2 {
	position: relative;
	left: 10%;
}
.testClass3  {
	position: relative;
	width: 33%;
	left: 57%;
}



@media (min-width:320px){
.contactInfoText {
	padding-bottom: 20px;
	padding-right: 8%;
	padding-left: 8%;
}
.logo-main {
	/*display:none;*/
	width: 95%;
	padding-top: 50px;
	margin-top: 151px;
}
.company-name {
	/*display:none;*/
	padding-top: 10px;
	width: 95%;
	padding-left: 0px;
}
.contactAddressText {
	padding-top: 243px;
	color: #FFFFFF;
	font-size: large;
}
.tagLine {
    font-size: 56px;
}
.mainText {
}
/*.logo-mainNew {
	display:none;
	width: 90%;
	padding-top: 24vh;
	max-width: 50vh;
	margin-top: 25px;
} */
}

@media (min-width:768px){
.logo-main {
	/*display:none;*/
	width: 56%;
	padding-top: 50px;
	margin-top: 80px;
}
.company-name {
	/*display:none;*/
	padding-top: 10px;
	width: 60%;
	padding-left: 0px;
}
.contactAddressText {
	padding-top: 192px;
	color: #FFFFFF;
}
.tagLine {
    font-size: 79px;
}
}
@media (min-width:992px){
.contactInfoText {
	padding-bottom: 20px;
	padding-right: 20%;
	padding-left: 10%;
	font-size: large;
}
.logo-main {
	/*display:none;*/
	width: 50%;
	padding-top: 50px;
	margin-top: 80px;
}
.company-name {
	/*display:none;*/
	padding-top: 10px;
	width: 50%;
	padding-left: 0px;
}

}

@media (min-width:1200px){
.contactInfoText {
	padding-bottom: 20px;
	padding-right: 20%;
	padding-left: 10%;
}
.logo-main {
	/*display:none;*/
	width: 40%;
	padding-top: 50px;
	margin-top: 76px;
}
.company-name {
	/*display:none;*/
	padding-top: 10px;
	width: 40%;
	padding-left: 0px;
}
.contactAddressText {
	color: #FFFFFF;
	padding-top: 248px;
	font-size: large;
}
}
.contactMain {
	margin-top: 35px;
	display:none;
}
.contactAddress {
    font-family: open-sans;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    display: inherit;
    height: 86vh;
    background-color: #3C3C3C;
}

@media (min-width: 900px){
}
#contact1DNU {
	background-color: #F3F3F3;
}
.contactTheLocationSection {
	background-color: #E17E39;
}
#howToGetHere {
	background-color: #878787;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 2px;
}
#theAddress {
	margin-top: 0px;
	margin-bottom: 0px;
}
.contactAddressBgImage {
	position: fixed;
	opacity: 0.33;
	width: 100%;
}

@media (min-width: 1920px){
.company-name {
	/*display:none;*/
	padding-top: 10px;
	width: 30%;
	padding-left: 0px;
}
.logo-main {
	/*display:none;*/
	width: 30%;
	padding-top: 50px;
	margin-top: 37px;
}
}

@media (min-width: 1440px){
.logo-main {
	width: 40%;
	padding-top: 50px;
	margin-top: 77px;
}
.company-name {
	padding-top: 10px;
	width: 40%;
	padding-left: 0px;
}
}

@media (min-width: 1366px){
.logo-main {
	width: 40%;
	padding-top: 50px;
	margin-top: 122px;
}
.company-name {
	padding-top: 10px;
	width: 40%;
	padding-left: 0px;
}
}
@media (orientation:landscape) and (min-width:568px){
.myFooter {
	bottom: auto;	/*background-color: #878787;*/
}
.myFooter {
	/*background-color: #878787;*/
}
.contactAddressText   {
	padding-top: 42px;
}
.mainText {
}
}

@media (orientation:landscape) and (min-width:667px){
.contactAddressText {
	padding-top: 66px;
}
}

@media screen and (orientation:landscape) and (min-width:736px){
.contactAddressText {
	padding-top: 80px;
}
}

@media handheld and (orientation:landscape) and (min-width:1024px){
.contactAddressText {
	padding-top: 214px;
}
.logo-main {
	/*display:none;*/
	width: 40%;
	padding-top: 50px;
	margin-top: 184px;
}
}
@media handheld and (orientation:landscape) and (min-width:1366px){
.contactAddressText {
	padding-top: 300px;
}
}


@media screen and (min-width:1366px) and (orientation:landscape){
.contactAddressText {
	padding-top: 300px;
}
}

@media screen and (min-width:414px) and (orientation:portrait){
.contactAddressText {
	padding-top: 280px;
	color: #FFFFFF;
	font-size: large;
}
}
.bodyBgImage {
}
.nameLogo {
    font-size: 67px;
    text-align: center;
    padding-left: 0%;
    padding-right: 0%;
    font-family: open-sans;
    font-style: normal;
    font-weight: 300;
    padding-top: 16%;
}
.mainText {
}

@media (min-width: 414px){
.tagLine {
    font-size: 80px;
    padding-top: 0px;
}
.titleDOS {
    font-size: 20px;
    text-align: center;
}
.mainText {
}
}
.titleDOS {
    font-size: 24px;
    padding-top: 7px;
}