/* ----------------------------------------------------------------
Copyright (c) Demosphere International Inc.
No permission is granted for any purpose without prior
written consent from Demosphere International Inc.
-------------------------------------------------------------------*/

/* General Page Styles */
* { box-sizing: border-box; }
body { margin: 0; padding: 0; height: 100%; background: #393a3e; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Page Wrapper */
#design-wrapper { margin: 0; padding: 0; width: 100%; background: #eee; }
#design-wrapper .container { padding-left: 10px; padding-right: 10px; }
#design-wrapper .container-fluid { padding-left: 0; padding-right: 0; }

/* Header */
#design-header { position: fixed; margin: 0; padding: 0; width: 100%; height: 95px; z-index: 100; }
#design-header-inner { position: relative; margin: 0; padding: 0; width: 100%; height: 95px; }
#design-logo { position: absolute; top: 0; left: 0; z-index: 101; }
#design-logo img { width: 100%; }

.design-sticky-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  background: #2155a8;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
 
/* Nav */
#design-nav { padding: 0; width: 100%; height: 32px; text-align: right; }
#design-nav #design-container-main-nav { position: absolute; top: 30px; right: 160px; margin: 0; padding: 0 2px 0 0; width: 100%; height: 32px; }
#design-nav #design-container-main-nav #ww-btn-main-nav span { display: none; }
#design-book {
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 10px;
  margin: 0;
  padding: 0 10px;
  width: 140px;
  height: 32px;
  background: #ff1664;
	font-family: 'sofia-pro', sans-serif;
	font-size: 21px;
  font-weight: 700;
	color: #fff;
	line-height: 28px;
  letter-spacing: 0;
  text-align: center;
	text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}
#design-book:hover { background: #ba2357; }

/* Main */
.design-main { margin: 0; padding: 30px 0; width: 100%; background: #eee; }
#design-container-main { margin: 0 0 30px 0; padding: 30px; width: 100%; background: #fff; }

/* Main Content Containers */
#design-container-2 { margin: 0; padding: 30px; min-height: 550px; background: #1fc0ff; }
#design-container-3 { padding: 30px; }
#design-container-4 { margin: 0 0 30px 0; padding: 30px; min-height: 300px; }
#design-container-5 { }
#design-container-6 { }
#design-container-7 { margin: 0 0 30px 0; padding: 30px; min-height: 400px; background: #2fdcce; text-align: center; }
#design-container-8 { margin: 0 0 30px 0; padding: 30px; min-height: 400px; background: #1fc0ff; text-align: center; }
#design-container-9 { margin: 0 0 30px 0; padding: 30px; min-height: 400px; background: #2fdcce; text-align: center; }
#design-container-10 { margin: 0 0 30px 0; padding: 30px; min-height: 400px; background: #1fc0ff; text-align: center; }
#design-container-11 { margin: 0 0 30px 0; padding: 0 20%; text-align: center; }
#design-container-12 { margin: 0 0 30px 0; padding: 30px; min-height: 300px; background: #fff; }
#design-container-13 { margin: 0 0 30px 0; padding: 30px; min-height: 300px; background: #8078fb; }

#design-container-main .dii-content .dii-content-title-photo,
#design-container-1 .dii-content .dii-content-title-photo,
#design-container-2 .dii-content .dii-content-title-photo,
#design-container-3 .dii-content .dii-content-title-photo,
#design-container-4 .dii-content .dii-content-title-photo,
#design-container-5 .dii-content .dii-content-title-photo,
#design-container-6 .dii-content .dii-content-title-photo,
#design-container-7 .dii-content .dii-content-title-photo,
#design-container-8 .dii-content .dii-content-title-photo,
#design-container-9 .dii-content .dii-content-title-photo,
#design-container-10 .dii-content .dii-content-title-photo,
#design-container-11 .dii-content .dii-content-title-photo,
#design-container-12 .dii-content .dii-content-title-photo { margin: 0; padding: 0; border: none; }

#design-container-1 .dii-content-title-photo img { max-height: 100%; }

#design-main-photo { position: relative; margin: 0 0 30px 0; padding: 0; width: 100%; height: 100%; height: 500px; background: url('https://launch.demosphere-secure.com/_files/photo-01.jpg') no-repeat center top / cover; text-align: center; }
#design-main-photo-title {
  display: inline-block;
  margin: 0 auto;
  padding-top: 210px;
  font-family: 'sofia-pro', sans-serif;
  font-size: 65px;
  font-weight: 700;
  color: #fff;
  line-height: 1.0;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#design-syllabus { margin: 0 0 30px 0; padding: 40px 30px; max-height: 380px; background: url('../images/syllabus.jpg') no-repeat center / cover; }
#design-juniors { margin: 0 0 30px 0; padding: 0; max-height: 300px; background: #ff1664; }
#design-partners { padding: 0 35px; max-width: 1100px; box-sizing: content-box; }

/* Footer */
#design-footer {
  margin: 0;
  padding: 30px 0;
  width: 100%;
  height: 340px;
  background: #393a3e;
}
#design-footer #design-footer-left { float: left; }
#design-footer div,
#design-footer div a { font-family: 'sofia-pro', sans-serif; font-size: 17px; font-weight: 700; line-height: 1.4; color: #fff; text-transform: none; text-decoration: none; }
#design-footer div span { padding: 0 10px; }
#design-footer #design-footer-bottom { margin-top: 80px; }
#design-footer #design-footer-right { float: right; }
#design-footer #design-footer-right a.design-links { display: block; height: 40px; line-height: 1.4; text-align: right; }
#design-footer #design-footer-right a.design-social { display: inline-block; margin: 0 0 0 8px; width: 45px; height: 45px; line-height: 1.4; background: #b9b9b9; text-align: center; }
#design-footer #design-footer-right a.design-social:first-of-type { margin: 0; }
#design-footer #design-footer-right i { font-size: 34px; color: #393a3e; line-height: 45px; }
              
#design-footer #design-footer-left #design-copyright { margin: 15px 0 0 0; font-weight: 700; }
#design-footer #design-footer-left #design-copyrightDII { margin: 0 0 0 0; font-weight: 400; }
#design-footer #design-footer-left #design-copyrightDII a { font-family: 'sofia-pro', sans-serif; font-size: 17px; font-weight: 400; color: #fff; line-height: 1.4; }