/********************* ABOUT US PAGE CSS START *********************/
.ArtsDot-Image_Block-50-25-Subtext{
  clear: both;
}

.ArtsDot-Image_Block-50-25-Subtext > p {
  display: inline-block;
  float: left;
  width: 49%;
  padding-left: 2%;
  font-size: 1.1vW;
  text-align: left;
}
  /*************** Welcome Block ***************/
.ArtsDot-AboutUs-Content-Block-Welcome {

}
  /*************** Welcome Block END ***************/

  /*************** WHY Block ***************/
.ArtsDot-AboutUs-Content-Block-Why {

}

.ArtsDot-AboutUs-Content-Block-Why > p {
  clear: both;
}

.ArtsDot-AboutUs-Content-Block-Why-25-25-Block {
  position: relative;
  height: 22vW;
  text-align: center;
  width: 100%;
  margin: 0 auto 1vW;
}

.ArtsDot-AboutUs-Content-Block-Why-25-25 {
  display: inline-block;
  width: 15.5vW;
  margin-right: 7vW;
  padding: 1%;
  border: 1px solid transparent;
  vertical-align: bottom;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-AboutUs-Content-Block-Why-25-25:last-child {
  margin-right: 0; 
}

.ArtsDot-AboutUs-Content-Block-Why-25-25:hover {
  border: 1px solid orange;
  color: orange;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-AboutUs-Content-Block-Why-25-25 img {
  width: 8.27vW;
}

.ArtsDot-AboutUs-Content-Block-Why-25-25 > p {
  padding-top: 1vW;
  font-family: 'Oswald-DemiBold', Arial, Sans-serif!important;
  text-transform: uppercase;
  cursor: pointer;
}

.ArtsDot-AboutUs-Content-Block-Why-Subtext {
  clear: both;
  display: block;
  padding: 1vW 0;
  margin: 2vW 0;
}
  /*************** WHY Block END ***************/

  /*************** Media Block ***************/  
.ArtsDot-AboutUs-Content-Block-Media {

}

.ArtsDot-Content-Block hr {
  border: 0.1vW solid #dedede;
}

.ArtsDot-iTunes_Image-Button {
  position: absolute;
  left: 2.5vW;
  top: 2.5vW;
  width: 13vW;
}
  /*************** Media Block END ***************/  
  
  /*************** Warranty Block ***************/ 
.ArtsDot-AboutUs-Content-Block-Warranty  {

}

.ArtsDot-AboutUs-Content-Block-Warranty-Reproductions {
  float: left;
  padding: 0 3.2vW;
  width: 40%;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Reproductions img{
	
width: 100%;
		
}

.ArtsDot-AboutUs-Content-Block-Warranty-Reproductions h1 {
  padding-top: 0;
  text-align: left;
  padding-bottom: 2.8vW;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Reproductions object {
  width: 22.84vW;
  height: 20vW;
  text-align: left;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Reproductions param {
  text-align: left;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Reproductions embed {
  text-align: left;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Content {
  width: 60%;
  float: left;
  text-align: left;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Content p {
  padding-top: 1%;
  padding-bottom: 3vW;
  font-size: 1.4vW;
  text-align: justify;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Content img {
    float: left;
    padding-top: 2vW;
    padding-right: 3%;
    width: 13vW;
    padding-bottom: 2vW;
}

.ArtsDot-AboutUs-Content-Block-Warranty-Content h1 {
    text-align: left;
    padding-bottom: 1vW;
    padding-top: 1.5vW;
}

  /*************** Warranty Block END ***************/  
  
  /*************** Informations Block  ***************/
.ArtsDot-AboutUs-Content-Block-Informations {
  position: relative;
  height: 98vW;
  padding: 3vW 0 0;
  margin-bottom: 2vW;
  background-color: #eaeaea;
}
  
.ArtsDot-AboutUs-Content-Block-Informations-Block {
  height: auto; /*** 87vW;***/
  width: 88vW;
  margin: 0 auto;
  text-align: center;
}

.ArtsDot-AboutUs-Content-Block-Informations-Block h1 {
  float: none;
  clear: both;
  font-size: 3vW;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Oswald-Bold', Arial, Sans-serif;
  padding-bottom: 1vW;
}

.ArtsDot-AboutUs-Content-Block-Informations-Item {
    display: inline-block;
    width: 50%;
    height: 12.5vW;
    float: left;
    padding: 2vW;
}
  
.ArtsDot-AboutUs-Content-Block-Informations-Item img {
  float: left;
  width: 9.5vW;
  height: 100%;
  margin-right: 1.6vW;
  -webkit-box-shadow: 0.1vW 0.2vW 0.4vW rgba(0,0,0,0.4);
  box-shadow: 0.1vW 0.2vW 0.4vW rgba(0,0,0,0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-AboutUs-Content-Block-Informations-Item h3 {
  margin-bottom: 1vW;
  font-size: 1.6vW;
  text-align: left;
  font-family: 'Oswald-DemiBold', Arial, Sans-serif!important;
  text-transform: uppercase;
}

.ArtsDot-AboutUs-Content-Block-Informations-Item p {
  text-align: left;
  font-size: 1vW;
}

.ArtsDot-AboutUs-Content-Block-Informations-Item:hover img { 
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: url('ArtsDot-Grayscale_Filter-Matrix.svg#grayscale');
  filter: gray;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.ArtsDot-AboutUs-Content-Block-Informations-Item:hover a,
.ArtsDot-AboutUs-Content-Block-Informations-Item:hover h3,
.ArtsDot-AboutUs-Content-Block-Informations-Item:hover p {
  text-decoration: none;
  color: orange;
  transition: all 0.3s ease-out;
}

.ArtsDot-AboutUs-Content-Block-Informations-Block-Button {
  display: inline-block;
  clear: both;
  width: 100%;
  margin: 2vW 0;
  text-align: center;
}

.ArtsDot-AboutUs-Content-Block-Informations-Block-Button a {
  text-transform: uppercase;
  color: #000;
  line-height: 4vW;
  text-align: center;
  font-weight: bold;
  font-size: 1.2vW;
  padding: 1vW 2vW;
  background-color: #ffb60c;
  border-radius: 0.2vW;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: 'Oswald-Bold', Arial, Sans-serif!important;
}

.ArtsDot-AboutUs-Content-Block-Informations-Block-Button a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #f66600;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
  /*************** Informations Block  ***************/