/* line 5, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.videobox1 {
  float: left;
  width: 90%;
  margin: 5px 5%;
}

/* line 6, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.videobox1 iframe {
  width: 100%;
}

/* line 7, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.gradient {
  background-color: white;
  background-image: linear-gradient(to right, #000, #000);
  background-image: -webkit-gradient(linear, right, from(#000), to(#000));
  background-image: -webkit-linear-gradient(right, #000, #000);
  background-image: -moz-linear-gradient(right, #000, #000);
  background-image: -o-linear-gradient(right, #000, #000);
}

/* line 15, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.backbutton {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
  height: auto;
  padding: 8px 12px;
  background-color: none;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  font-family: "purista-web",sans-serif;
  font-weight: 700;
}

/* line 17, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.backgroundpic1 {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("studio-background.png");
  z-index: 1;
  background-size: auto 100%;
}

/* line 18, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.pagesection {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0;
  z-index: 2;
}

/* line 19, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.pageheader {
  float: left;
  width: 60%;
  margin: 50px 20%;
  padding: 0;
  font-family: "proxima-nova",sans-serif;
  font-weight: 700;
  text-align: center;
}

/* line 20, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.pageheader h1 {
  font-size: 64px;
  line-height: 64px;
  color: #fff;
}

/* line 21, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.pageheader p {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}

/* line 22, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.sectionstudio {
  float: left;
  width: 60%;
  height: auto;
  margin: 0;
  padding: 0 20%;
  font-family: "purista-web",sans-serif;
}

/* line 23, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.sectionstudio h1 {
  font-size: 36px;
  line-height: 36px;
  color: #fff;
}

/* line 24, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.studio-map {
  float: left;
  width: 100%;
}

/* line 25, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.studio-info {
  float: left;
  width: 100%;
  color: #fff;
  font-family: "purista-web",sans-serif;
  font-size: 18px;
  line-height: 24px;
}

/* line 26, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.studio-info ul {
  list-style-type: none;
}

/* line 28, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.photostudio-box {
  float: left;
  margin: 25px 0;
}

/* line 29, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.studioimage {
  float: left;
  width: 33.3%;
}

/* line 31, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.scrolldown {
  position: fixed;
  text-align: center;
  font-family: "purista-web",sans-serif;
  bottom: 0px;
  left: 0;
  font-size: 24px;
  padding: 5px 10px;
  width: 100%;
  color: #fff;
}

/* line 32, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.calendar-box {
  float: left;
  width: 80%;
  margin: 0 10% 100px 10%;
}

/* line 33, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.socialbox i {
  color: #fff;
  font-size: 24px;
  padding: 0 4px;
}

/* line 35, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
html body {
  margin: 0;
  padding: 0;
}

/* line 36, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.homesection {
  max-width: 1230px;
  width: 100%;
  margin: 5px auto;
  height: auto;
}

/* line 37, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.mainbox {
  float: left;
  width: 610px;
  padding: 2.5px 0 2.5px 2.5px;
  height: auto;
  background-color: none;
}

/* line 38, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bottombox {
  float: left;
  width: 610px;
  padding: 2.5px 2.5px 2.5px 0;
  height: auto;
  background-color: none;
}

/* line 39, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.secondarybox {
  float: left;
  width: 610px;
  margin: 0px;
  height: auto;
  background-color: none;
}

/* line 40, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bigbox {
  position: relative;
  float: left;
  width: 400px;
  height: 405px;
  border: 0px solid #fff;
  margin: 2.5px;
  background-color: #fff;
}

/* line 41, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.recbox {
  float: left;
  width: 205px;
  height: 405px;
}

/* line 42, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.smallbox {
  position: relative;
  float: left;
  width: 200px;
  height: 200px;
  margin: 2.5px;
  border: 0px solid #fff;
  background-color: #fff;
}

/* line 43, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bigcircle {
  position: relative;
  margin: 50px;
  width: 300px;
  height: 300px;
  border-radius: 150px;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
}

/* line 44, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.smallcircle {
  position: relative;
  margin: 25px;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
}

/* line 51, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.pinkcircle {
  background-color: #e00404;
}

/* line 52, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.purplecircle {
  background-color: #ae1818;
}

/* line 53, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bluecircle {
  background-color: #f44747;
}

/* line 54, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.orangecircle {
  background-color: #fc6e6e;
}

/* line 55, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.yellowcircle {
  background-color: #fc1111;
}

/* line 57, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bigcircle.expand {
  position: relative;
  margin: 0px;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

/* line 58, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.smallcircle.expand {
  position: relative;
  margin: 0px;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

/* line 60, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.boxtitle {
  position: absolute;
  -transform: lowercase;
  font-size: 16px;
  bottom: 5px;
  left: 5px;
  text-align: left;
  font-family: "proxima-nova",sans-serif;
  font-weight: 700;
}

/* line 62, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.pinkfont {
  color: #e00404;
}

/* line 63, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.purplefont {
  color: #ae1818;
}

/* line 64, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bluefont {
  color: #f44747;
}

/* line 65, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.orangefont {
  color: #fc6e6e;
}

/* line 66, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.yellowfont {
  color: #fc1111;
}

/* line 68, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.boxtitle.expand {
  color: #fff;
}

/* line 70, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage1 {
  float: left;
  margin: 50px;
  width: 200px;
  height: 200px;
}

/* line 71, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage2 {
  float: left;
  margin: 15px 35px 35px 15px;
  width: 100px;
  height: 100px;
}

/* line 72, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage3 {
  float: left;
  margin: 25px;
  width: 100px;
  height: 100px;
}

/* line 73, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage4 {
  float: left;
  margin: 70px 30px 30px 70px;
  width: 200px;
  height: 200px;
}

/* line 74, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage5 {
  float: left;
  margin: 15px 35px 35px 15px;
  width: 100px;
  height: 100px;
}

/* line 75, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage6 {
  float: left;
  margin: 25px 15px 25px 35px;
  width: 100px;
  height: 100px;
}

/* line 76, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage7 {
  float: left;
  margin: 25px;
  width: 100px;
  height: 100px;
}

/* line 77, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage8 {
  float: left;
  margin: 35px 15px 15px 35px;
  width: 100px;
  height: 100px;
}

/* line 78, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage9 {
  float: left;
  margin: 30px 30px 70px 70px;
  width: 200px;
  height: 200px;
}

/* line 79, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage10 {
  float: left;
  margin: 10px 25px 40px 25px;
  width: 100px;
  height: 100px;
}

/* line 80, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage11 {
  float: left;
  margin: 10px 40px 40px 10px;
  width: 100px;
  height: 100px;
}

/* line 81, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.randomimage12 {
  float: left;
  margin: 85px 40px 15px 60px;
  width: 200px;
  height: 200px;
}

/* line 84, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.grid-item {
  width: 200px;
}

/* line 85, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.grid-item--width2 {
  width: 400px;
}

/* line 88, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bscontainer-fluid {
  margin-left: auto;
  margin-right: auto;
  padding: 50px 15px 100px;
  background-color: none;
  font-family: "proxima-nova",sans-serif;
}

/* line 89, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bsrow {
  margin-left: -15px;
  margin-right: -15px;
}

/* line 90, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#demo-wrapper {
  display: block;
  min-height: 0px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  background-color: none;
}

/* line 91, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#demo-canvas {
  color: #fff;
  font-size: 20px;
  height: 100%;
  position: relative;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
  transition: all 0.6s ease 0s;
  width: 100%;
}

/* line 92, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#demo-canvas .centertop {
  min-height: 600px;
  height: auto;
  margin: 0 auto;
  width: 75%;
}

/* line 93, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#demo-canvas .centertop h1 {
  color: #e74c3c;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

/* line 94, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#demo-canvas .centertop .image-part1 {
  position: relative;
  width: 100%;
}

/* line 95, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bikeimage {
  width: 60%;
  margin: 0 20%;
  position: relative;
  height: auto;
}

/* line 96, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bikeimage3 {
  width: 50%;
  margin: 0 25%;
  position: relative;
  height: auto;
}

/* line 97, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.bikeimage2 {
  width: 70%;
  margin: 0 15%;
  position: relative;
  height: auto;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

/* line 98, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#partner-menu {
  color: #fff;
  display: block;
  font-size: 14px;
  height: 100%;
  left: -60%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 65%;
}

/* line 99, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#exhibit-menu {
  color: #fff;
  display: block;
  font-size: 14px;
  height: 100%;
  position: absolute;
  right: -60%;
  text-align: center;
  top: 0;
  width: 65%;
}

/* line 100, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#exhibitwrap {
  display: block;
  height: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 999;
}

/* line 101, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#exhibitcircle {
  font-size: 24px;
  color: #fff;
  display: block;
  height: auto;
  left: -150px;
  margin: 0px auto;
  position: absolute;
  top: 50%;
  width: 320px;
}

/* line 102, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#exhibit-content {
  float: right;
  height: 400px;
  margin-right: 0%;
  margin-top: 14%;
  width: 100%;
}

/* line 103, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#exhibit-content h2 {
  color: #ec008c;
  font-size: 40px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 0 15%;
}

/* line 104, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#partner-content h2 {
  color: #00aeef;
  font-size: 40px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 0 0%;
}

/* line 105, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#exhibitside {
  color: #ec008c;
  font-size: 30px;
  position: relative;
  text-align: left;
  width: 50%;
  margin: 25px 0 0 15%;
}

/* line 106, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#partnerside {
  color: #00aeef;
  font-size: 30px;
  position: relative;
  text-align: left;
  width: 50%;
  margin: 25px 15% 0 0;
}

/* line 107, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.learnmore {
  float: left;
  color: #7f8c8d;
}

/* line 108, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#contact-exhibit {
  clear: left;
  margin: 10px 0 0 0;
  border: 3px solid #f5cd0c;
  color: #f5cd0c;
  float: left;
}

/* line 109, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#contact-partner {
  clear: both;
  margin: 10px 0 0 0;
  border: 3px solid #20a286;
  color: #20a286;
  float: left;
}

/* line 110, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#partnerwrap {
  display: block;
  min-height: 600px;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 999;
}

/* line 111, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#partnercircle {
  font-size: 24px;
  color: #fff;
  display: block;
  height: auto;
  margin: 0px auto;
  position: absolute;
  right: -150px;
  top: 50%;
  width: 320px;
}

/* line 112, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#partner-content {
  float: left;
  height: auto;
  margin-left: 10%;
  margin-top: 5%;
  width: 80%;
}

/* line 113, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#exhibitcircle span {
  font-size: 30px;
  font-weight: 600;
  left: -32px;
  position: relative;
  top: 40%;
}

/* line 114, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#partnercircle span {
  font-size: 30px;
  font-weight: 600;
  left: 60px;
  position: relative;
  top: 40%;
}

/* line 115, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
img#arrowexhibit {
  border: 0 none;
  height: 4rem;
  position: relative;
  right: 30px;
  top: 120px;
  vertical-align: middle;
}

/* line 116, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
img#arrowpartner {
  height: 4rem;
  position: relative;
  right: 105px;
  top: 120px;
  vertical-align: middle;
  border: 0 none;
}

/* line 118, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#homecontact {
  background-color: rgba(255, 255, 255, 0);
  bottom: 0;
  cursor: pointer;
  left: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  transition: all .6s ease 0s;
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  width: 100%;
  z-index: 100;
}

/* line 119, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.contact-button {
  background-color: #fff;
  border: 3px solid #e74c3c;
  border-radius: 20px;
  color: #e74c3c;
  padding: 5px 10px;
  margin: 5px 0;
}

/* line 120, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.contact-button:hover {
  background-color: #e74c3c;
  border: 3px solid #e74c3c;
  border-radius: 20px;
  color: #fff;
  padding: 5px 10px;
  margin: 5px 0;
}

/* line 121, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#contact-exhibit:hover {
  background-color: #f5cd0c;
  clear: left;
  margin: 10px 0 0 0;
  border: 3px solid #f5cd0c;
  color: #fff;
  float: left;
}

/* line 122, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#contact-partner:hover {
  background-color: #20a286;
  clear: both;
  margin: 10px 0 0 0;
  border: 3px solid #20a286;
  color: #fff;
  float: left;
}

/* line 124, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.learnmore:hover {
  text-decoration: none;
  color: #e74c3c;
}

/* line 126, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#demo-wrapper.show-nav #demo-canvas {
  transform: translateX(60%);
}

/* line 127, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
#demo-wrapper.show-nav2 #demo-canvas {
  transform: translateX(-60%);
}

/* line 129, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.movedown {
  margin-top: 15px;
  margin-bottom: 0px !important;
  transition: all .6s ease 0s;
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
  transform: rotate(90deg);
}

/* line 130, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.clockwise180 {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -moz-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
}

/* line 131, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.counterclockwise90 {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -moz-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
}

/* line 132, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.clockwise0 {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
  -moz-transition: all 1.2s ease 0s;
  -o-transition: all 1.2s ease 0s;
}

/* line 133, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.opacity {
  opacity: 0;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

/* line 136, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
.calendar-box2 {
  display: none;
}

@media screen and (max-width: 1230px) {
  /* line 139, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .homesection {
    max-width: 615px;
    width: 100%;
    margin: 0 auto;
    height: auto;
  }

  /* line 140, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .mainbox {
    padding: 2.5px 2.5px 0 2.5px;
  }

  /* line 141, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .bottombox {
    padding: 0 2.5px 2.5px 2.5px;
  }
}
@media screen and (max-width: 640px) {
  /* line 146, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .calendar-box2 {
    display: block;
  }

  /* line 147, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .calendar-box {
    display: none;
  }

  /* line 148, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .homesection {
    width: 94%;
  }

  /* line 149, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .mainbox {
    width: 100%;
  }

  /* line 150, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .secondarybox {
    width: 100%;
  }

  /* line 151, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .bottombox {
    width: 100%;
  }

  /* line 152, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .bigbox {
    width: 65%;
    margin: 2.5px;
    height: 305px;
  }

  /* line 153, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .bigcircle {
    height: 200px;
    width: 200px;
    margin: 15px;
  }

  /* line 154, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .boxtitle {
    font-size: 12px;
    bottom: 10px;
  }

  /* line 155, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .recbox {
    width: 33%;
    height: 305px;
  }

  /* line 156, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .smallbox {
    width: 99%;
    margin: 2.5px;
    height: 150px;
  }

  /* line 157, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .smallcircle {
    height: 100px;
    margin: 5px;
    width: 100px;
  }

  /* line 158, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  #box6 {
    float: right;
  }

  /* line 159, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  #box12 {
    float: right;
  }

  /* line 161, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage1 {
    float: left;
    margin: 30px;
    width: 125px;
    height: 125px;
  }

  /* line 162, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage2 {
    float: left;
    margin: 5px 20px 20px 5px;
    width: 70px;
    height: 70px;
  }

  /* line 163, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage3 {
    float: left;
    margin: 20px;
    width: 70px;
    height: 70px;
  }

  /* line 164, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage4 {
    float: left;
    margin: 40px 10px 10px 40px;
    width: 125px;
    height: 125px;
  }

  /* line 165, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage5 {
    float: left;
    margin: 5px 20px 20px 5px;
    width: 70px;
    height: 70px;
  }

  /* line 166, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage6 {
    float: left;
    margin: 10px 5px 10px 20px;
    width: 70px;
    height: 70px;
  }

  /* line 167, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage7 {
    float: left;
    margin: 10px;
    width: 70px;
    height: 70px;
  }

  /* line 168, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage8 {
    float: left;
    margin: 20px 5px 5px 20px;
    width: 70px;
    height: 70px;
  }

  /* line 169, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage9 {
    float: left;
    margin: 10px 10px 40px 40px;
    width: 125px;
    height: 125px;
  }

  /* line 170, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage10 {
    float: left;
    margin: 5px 10px 25px 10px;
    width: 70px;
    height: 70px;
  }

  /* line 171, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage11 {
    float: left;
    margin: 5px 25px 25px 5px;
    width: 70px;
    height: 70px;
  }

  /* line 172, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .randomimage12 {
    float: left;
    margin: 75px 30px 5px 50px;
    width: 125px;
    height: 125px;
  }

  /* line 174, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .pagesection {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    z-index: 2;
  }

  /* line 175, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .pageheader {
    float: left;
    width: 90%;
    margin: 25px 5%;
    padding: 0;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    text-align: center;
  }

  /* line 176, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .pageheader h1 {
    font-size: 32px;
    line-height: 32px;
    color: #fff;
  }

  /* line 177, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .pageheader p {
    font-size: 14px;
    line-height: 15px;
    color: #fff;
  }

  /* line 178, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .sectionstudio {
    float: left;
    width: 90%;
    height: auto;
    margin: 0;
    padding: 0 5%;
    font-family: "purista-web",sans-serif;
  }

  /* line 179, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .sectionstudio h1 {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
  }

  /* line 180, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .studio-map {
    float: left;
    width: 100%;
  }

  /* line 181, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .studio-info {
    float: left;
    width: 100%;
    color: #fff;
    font-family: "purista-web",sans-serif;
    font-size: 14px;
    line-height: 16px;
  }

  /* line 182, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .studio-info ul {
    list-style-type: none;
  }

  /* line 184, /Users/chuvaldevans/Desktop/cc/duppswatapp/app/assets/stylesheets/pages.scss */
  .videobox1 {
    float: left;
    width: 90%;
    margin: 5px 5%;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */


@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

.navbar {z-index: 1000;}

.logo-head2 {
	float: left;
	width: 20%;
	margin: 10px 40%;
}

.navbar-brand {
	float: left;
	font-size: 18px;
	height: auto !important;
	line-height: 20px;
	padding: 0 !important;
	width: 100%;
}

.location1 {cursor: pointer; font-family: Myriad Pro, sans-serif; font-style: italic; font-weight: 700; position: absolute; left: 10px; top: 25px; color: #fff; font-size: 48px; line-height: 18px;}
.location2 {cursor: pointer; font-family: Myriad Pro, sans-serif; font-style: italic; font-weight: 700; position: absolute; right: 10px; top: 25px; color: #fff; font-size: 48px; line-height: 18px; text-align: right;}
.location1 span {font-size: 18px; text-align: left;}
.location2 span {font-size: 18px; text-align: right;}

.homefooter {float: left; padding: 50px 0 0 0; font-family: "proxima-nova",sans-serif; font-weight: 700; width: 100%; text-align: center; font-size: 14px; line-height: 14px; color: #fff; }
.homefooter a {color: #fff; text-decoration: none;}
.homefooter a:hover {color: #000;}

.extraextra {float: left; padding: 15px 0 0 0; font-family: "proxima-nova",sans-serif; font-weight: 700; width: 100%; text-align: center; font-size: 18px; line-height: 18px; color: #ffff00;}
.extraextra a {color: #ffff00; text-decoration: none;}
.extraextra a:hover {color: #000;}

@media screen and (max-width: 640px){
	.logo-head2 {
		float: left;
		width: 50%;
		margin: 10px 25%;
	}

	.location1 {font-size: 16px; line-height: 10px;}
	.location2 {font-size: 16px; line-height: 10px; text-align: right;}
	.location1 span {font-size: 10px; text-align: left;}
	.location2 span {font-size: 10px; text-align: right;}
}