/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-opacity: 0.5;
-o-opacity: 0.5;
opacity: 0.5;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: color, 0.5s, ease-in;
-khtml-transition: color, 0.5s, ease-in;
-moz-transition: color, 0.5s, ease-in;
-ms-transition: color, 0.5s, ease-in;
-o-transition: color, 0.5s, ease-in;
transition: color, 0.5s, ease-in;
body p { font-size: 16px; }

@font-face { font-family: OpenSans-Regular; src: url("../fonts/OpenSans-Regular-webfont.eot"); src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: OpenSans-Bold; src: url("../fonts/OpenSans-Bold-webfont.eot"); src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: OpenSans-LightItalic; src: url("../fonts/OpenSans-LightItalic.ttf"), sans-serif; }

@font-face { font-family: OpenSans-Light; src: url("../fonts/OpenSans-Light-webfont.eot"); src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); font-weight: normal; font-style: normal; }

.box { width: 100%; }

nav { width: 100%; background-color: #000; height: auto; }

nav form { padding-top: 20px; padding-bottom: 20px; }

.padleft { padding-left: 20px; }

.padright { padding-right: 20px; }

.padtop { padding-top: 20px; }

.padbottom { padding-bottom: 20px; }

.margin-top { margin-top: 20px; }

.margin-bottom { margin-bottom: 20px; }

.margin-left { margin-left: 20px; }

.margin-right { margin-right: 20px; }

#topstudiopicturecontainer { background-color: #ffff00; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ff9900)); background-image: -webkit-linear-gradient(top, #ffff00, #ff9900); background-image: -moz-linear-gradient(top, #ffff00, #ff9900); background-image: -ms-linear-gradient(top, #ffff00, #ff9900); background-image: -o-linear-gradient(top, #ffff00, #ff9900); background-image: linear-gradient(top, #ffff00, #ff9900); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffff00', endColorStr='#ff9900'); }

@media (max-width: 767px) { #topstudiopicturecontainer { margin-top: 55px; } }

@media (min-width: 768px) { #topstudiopicturecontainer { margin-top: 67px; } }

.img-full { width: 100%; }

.container-full { width: 100%; height: auto; }

#goldbar { height: auto; padding-bottom: 20px; background-color: #f90; color: #fff; }

@media (max-width: 767px) { #studiopic { position: relative; background: url("../images/studiohero.jpg") no-repeat left top; display: table; height: 400px; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: left top; } }

@media (min-width: 768px) { #studiopic { position: relative; background: url("../images/studiohero4.jpg") no-repeat left top; display: table; height: 700px; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: left top; } }

.backgroundtile1, #videoplayer { position: relative; background: url(../images/bo_play_pattern.png); background-repeat: repeat-x repeat-y; background-position: center top; }

#videoplayer { position: relative; padding-top: 0px; padding-bottom: 100px; }

#videoplayer p { font-family: "OpenSans-Light", sans-serif; font-size: 14px; color: #000; }

@media (max-width: 767px) { #videosize { width: 100%; height: 300px; } }

@media (min-width: 768px) { #videosize { width: 100%; height: 300px; } }

@media (min-width: 992px) { #videosize { width: 100%; height: 500px; } }

#backgroundtile1 { position: relative; background: url(../images/bo_play_pattern.png); background-repeat: repeat-x repeat-y; background-position: center top; }

.hr-white { border-color: #fff; }

.black-bg { background-color: #000; }

@media (max-width: 767px) { .mybullets { list-style-type: none; font-family: "OpenSans-Light", sans-serif; color: #36f; font-size: 22.85714px; line-height: 1.8; padding-left: 10px; } }

@media (min-width: 768px) { .mybullets { list-style-type: none; font-family: "OpenSans-Light", sans-serif; color: #36f; font-size: 32px; line-height: 1.8; padding-left: 30px; } }

#footer { padding-bottom: 70px; }

#footer a { color: #fff; text-decoration: none; }

#footer a:hover { color: #39c; text-decoration: none; }

@media (max-width: 767px) { #footer p { font-size: 20px; } }

@media (max-width: 767px) { .display-4 { font-size: 32px; } }

@media (max-width: 767px) { h1 { font-size: 32px; } }

.mainjumbotron { padding-left: 10%; padding-right: 10%; }

@media (max-width: 767px) { .mainjumbotron p { font-size: 20px; } }

@media (max-width: 767px) { .jumbotron p { font-size: 16.84211px !important; } }

#mylist { margin-top: 70px; margin-bottom: 120px; }

.bluebackground { background-color: #66c; }

.whitebackground { background-color: #fff; }

#rightborder { height: 100%; border-width: 20px; background-color: #fff; border-style: solid; border: 10px; border-color: #66c; }

.styleborder { padding: 20px 40px; border-width: 2px; background-color: #fff; border-style: dotted; border-color: #999; margin-bottom: 20px; }

@media (max-width: 767px) { .h2 { font-size: 22.85714px; } }

@media (max-width: 767px) { .address { font-size: 12px !important; } }

@media (min-width: 768px) { .address { font-size: 14px !important; } }

@media (min-width: 992px) { .address { font-size: 16px !important; } }