@font-face {

  font-family:'Futura-Md-BT-300';

  src:url('fonts/Futura Md BT 300.eot');

  src:url('fonts/Futura Md BT 300.eot?#iefix') format('embedded-opentype'),

    url('fonts/Futura Md BT 300.woff') format('woff'),

    url('fonts/Futura Md BT 300.ttf') format('truetype'),

    url('fonts/Futura Md BT 300.svg#Futura-Md-BT-300') format('svg');

    font-weight:normal;

    font-style:normal;

}



@font-face {

  font-family:'Futura-Md-BT-Bold';

  src:url('fonts/Futura Md BT Bold.eot');

  src:url('fonts/Futura Md BT Bold.eot?#iefix') format('embedded-opentype'),

    url('fonts/Futura Md BT Bold.woff') format('woff'),

    url('fonts/Futura Md BT Bold.ttf') format('truetype'),

    url('fonts/Futura Md BT Bold.svg#Futura-Md-BT-Bold') format('svg');

    font-weight:normal;

    font-style:normal;

}

/*

	Theme Name: Georgetown Masters

	Theme URI: http://sitesbycoop.com

	Description: Wordpress theme for Georgetown Masters Studio

	Version: 1.4.1

	Author: Josh Cooper

	Author URI: http://sitesbycoop.com

	Tags: Blank, HTML5, CSS3

	

	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}



html, body {

  height: 100%;

  background-color: #1a1a1a; /* Dark fallback to prevent white flash */

}

body {

  font-family: 'Futura-Md-BT-300', Helvetica, Arial, sans-serif;

  font-weight: 400;

  font-size: 14px;

  color:#EBEBEB;

  min-height: 100%;

  min-width: 320px;

  background-color: #1a1a1a; /* Dark fallback to prevent white flash */

}

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#444;

	text-decoration:none;

}

a:hover {

	color:#444;

}

a:focus {

	outline:0;

}

a:hover,

a:active {

	outline:0;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}



#supersized {

  margin: 0;

  padding: 0;

}

#supersized img {

  height: 100% !important;

  width: 100% !important;

}





ol {

  padding: 0;

  margin: 0 0 30px 0;  

  list-style-position: inside; 

}

	ol li {

      line-height: 30px;

    }

      

ul {

  margin: 0 0 30px 0;  

}

	ul li {

      line-height: 20px;

      margin: 0 0 20px 0;

    }



ul ul {

  margin: 20px 0;  

}

	ul ul li {

      margin: 0 0 15px 0;

    }



.nicescroll-rails {

  background-color: #fff;

  border-left: none !important;

  opacity: 1 !important;

  width: 10px !important;

}

    .nicescroll-rails div {

      border-radius: 0 !important;

      border: none !important;

    }

    

/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/



/* wrapper */

.wrapper {

  margin: 0 auto;

  position: relative;

  padding: 0;

  width: 100%;

  /*bottom: 0;*/

  left: 0;

  top: 0;

  background-color: #1a1a1a; /* Dark fallback */

  background-image: url('img/raster.png');

  background-repeat: repeat;

  min-height: 100%;

}

.home .wrapper {

  position: absolute; 

}

/* header */

.header {

  width: 100%;

}

@media only screen and (min-width:768px) {

  .header {

    float: left;

    max-width: 440px;

    width: 50%;

  }   

}

@media only screen and (min-width:940px) {

  .header {

    width: 440px;

  }   

}

/* logo */

.logo {

	text-align: center;

}

.logo-img {

	

}

/* nav */

.nav {

  margin: 20px 0 20px 0;

  padding: 0 10px;

}

  .nav ul {

      margin: 0;

      padding: 0;

      text-align: center;

    }

      .nav ul li {

          margin: 0 0 8px 0;

          display: block;

        }

            .nav li a {

              color: #BABABA;

              display: inline-block;

              font-family: 'Futura-Md-BT-bold', sans-serif;

              text-transform: uppercase;

              font-size: 21.5px;

              line-height: 21.5px;

            }

            .nav li a:hover,

            .nav li.current-menu-item a,

            .nav li.current-menu-item a:hover {

              background: #4DACEC;

              color: #000;

              padding:0 3px 0 0;

            }

@media only screen and (min-width:600px) {

   .nav {

    margin: 20px 0 20px 50px;

    padding: 0;

  }

    .nav ul {

      text-align: left;

    } 

}

@media only screen and (min-width:768px) {

  .nav {

    margin: 47px 0 80px 50px;

  }

}





/* main section */

section.main {

  width: 100%;

  padding: 0 10px;

  margin-bottom: 50px;

}

@media only screen and (min-width:600px) {

  section.main {

    width: 100%;

    padding: 0 50px;

  }

}

@media only screen and (min-width:768px) {

  section.main {

    float: left;

    width: 49%;

    max-width: 500px;

    margin: 195px 0 75px;

    padding: 0;

  }    

}

@media only screen and (min-width:940px) {

  section.main {

    width: 500px;

  }    

}

	section h1 {

      display: none;

    }

    article {

      line-height: 30px;

      text-shadow: 0 1px 1px #000;

      width: 100%;

      overflow-y: scroll;

    }

    @media only screen and (min-width:768px) {

      article {

        height: 500px;

        padding: 0 20px 0 0;

      }   

    }

    @media only screen and (min-width:940px) {

      article {

        width: 600px;

      }   

    }

	article div {
    	font-size: 12px;
        line-height: 18px;
    }
    @media only screen and (min-width:940px) {

        article div {
            font-size: 14px;
            line-height: 24px;
        }  

    }
    article p {

      margin: 0 0 30px 0; 

    }

    article h2 {

      font-size: 13.5px;

      margin:0 0 20px 0;  

    }

    article dl {

      line-height: 20px;

    }

        article dd {

          margin: 0 0 20px 0;

        }

        	article dd ul {

              margin: 0;

              padding: 0;

            }

            	article dd ul li {

                  margin: 0;

                }

        article p span,

        article h2 span,

        article dl span,

        article a{

          color: #00AFED;

        }

   article address {

     font-style: normal;

   }

		address h2,

        address p {

          margin: 0;

        }



/* Mix Submission Page */

article.post-18 p {

  line-height: 20px;

}

    

/* Engineers */

.engineers article p {

  line-height: 24px; 

}

.jump-link {

  font-size: 18px;

  display: block;

  line-height: 24px;

}

#andrew {

 margin-top:-10px; 

}

/* Clients */

#client-list {

  list-style: none;

  overflow: hidden; 

  padding: 0; 

}

    #client-list li{

      float: left;

      margin: 0;

      font-size: 13px;

    }

    #client-list li:after{

      content: "\00B7";

      margin:0 5px;

    }    

/* sidebar */

.sidebar {

	

}

/* footer */

.footer {

  clear: both;

  position: relative;

  text-align: center;

  padding: 0 10px;	

} 

  footer p{

      margin: 0;

      font-size: 11px;

      text-transform: uppercase;

      padding: 0 0 10px;

    }

    .copyright span {

      color: #00afed;

      display: inline-block;

    }

@media only screen and (min-width:940px) {

  .footer {

    text-align: left;

    padding: 0;

  }

  footer p {

      padding: 0 0 10px 50px;

  }  

  .copyright span {

    margin-left: 10px;

  }  

}



/*------------------------------------*\

    PAGES

\*------------------------------------*/







/*------------------------------------*\

    IMAGES

\*------------------------------------*/







/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/







/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/



@media only screen and (min-width:320px) {

    

}

@media only screen and (min-width:480px) {



}

@media only screen and (min-width:768px) {



}

@media only screen and (min-width:1024px) {



}

@media only screen and (min-width:1140px) {



}

@media only screen and (min-width:1280px) {

  section.main {
    width: calc(100% - 490px);
    max-width: none;
    margin-right: 50px;
  }

  article {
    height: auto;
    max-height: none;
    width: 100%;
    overflow-y: visible;
  }

}

@media only screen and (min-width:1440px) {

  section.main {
    width: calc(100% - 490px);
    max-width: none;
    margin-right: 50px;
  }

  article {
    height: auto;
    max-height: none;
    width: 100%;
    overflow-y: visible;
  }

}

@media only screen and (min-width:1920px) {

  section.main {
    width: calc(100% - 490px);
    max-width: none;
    margin-right: 50px;
  }

  article {
    height: auto;
    max-height: none;
    width: 100%;
    overflow-y: visible;
  }

}

@media only screen and (min-width:2560px) {

  section.main {
    width: calc(100% - 490px);
    max-width: none;
    margin-right: 50px;
  }

  article {
    height: auto;
    max-height: none;
    width: 100%;
    overflow-y: visible;
  }

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {



}



/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

   

/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/

   

.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {

	

}

.bypostauthor {

	

}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}



.page-id-359 #supersized {

display: none;

}
.page-id-125 section.main,
.page-id-445 section.main {
  clear: both;
  margin-top: 0;
}

@media only screen and (min-width:768px) {
  .page-id-125 section.main,
  .page-id-445 section.main {
    margin-left: 40px;
  }
}

/* Order Form Page - Better form container */
@media only screen and (min-width:1280px) {
  
  /* Center the section on form pages */
  body[class*="order-form"] section.main {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  /* Constrain article width on form pages */
  body[class*="order-form"] section.main article,
  body.page section.main article form {
    max-width: 900px;
    margin: 0 auto;
  }

  /* Form elements styling */
  body[class*="order-form"] section.main form,
  body.page section.main form {
    max-width: 800px;
    margin: 0 auto;
  }

  /* Input fields max width */
  body[class*="order-form"] input[type="text"],
  body[class*="order-form"] input[type="email"],
  body[class*="order-form"] input[type="tel"],
  body[class*="order-form"] input[type="number"],
  body[class*="order-form"] textarea,
  body[class*="order-form"] select,
  body.page input[type="text"],
  body.page input[type="email"],
  body.page input[type="tel"],
  body.page input[type="number"],
  body.page textarea,
  body.page select {
    max-width: 100%;
  }
}

@media only screen and (min-width:1920px) {
  
  /* Slightly wider on very large screens */
  body[class*="order-form"] section.main article,
  body.page section.main article form {
    max-width: 1000px;
    margin: 0 auto;
  }

  body[class*="order-form"] section.main form,
  body.page section.main form {
    max-width: 900px;
    margin: 0 auto;
  }
}

/*------------------------------------*\
    SMOOTH PAGE TRANSITIONS
\*------------------------------------*/

/* Page transition overlay */
.page-transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  pointer-events: none;
}

.page-transition-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* Loading spinner */
.page-transition-overlay .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid rgba(0, 175, 237, 0.2);
  border-top-color: #00AFED;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* Page fade-in on load */
.page-loading {
  opacity: 0;
}

.page-loaded {
  opacity: 1;
  transition: opacity 0.4s ease;
}

/* Smooth content reveal */
.wrapper {
  opacity: 0;
  animation: fadeInPage 0.5s ease forwards;
  animation-delay: 0.1s;
}

@keyframes fadeInPage {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}