@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans);/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.nav>li, .nav>li>a { text-transform:uppercase }
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
body { color:#2c3e50; font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif }
.navbar, h2 { font-family:Lato }
h2 { font-size:16px; font-weight:700 }
.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr }
#home, #home #portfolio { text-align:center }
.ir br { display:none }
.navbar-wrapper>.container, .navbar-wrapper>.container-fluid { padding-right:0; padding-left:0 }
.navbar-wrapper .navbar { padding-right:15px; padding-left:15px }
.navbar { margin-bottom:10px; font-weight:400 }
.navbar-brand { height:auto; width:200px; padding:5px 0 0 10px }
.navbar-brand img { width:100% }
.navbar-inner { border:none }
.nav>li { color:#ec1015; font-size:15px; padding:0 15px }
.nav>li>a { color:#777; display:inline-block; padding:0!important }
.nav>li>a:hover { color:#ec1015; background:0 0; border:none }
.navbar-toggle { margin-right:0; padding-top:15px }
.navbar-toggle .icon-bar { background-color:#ec1015 }
.dropdown-menu { min-width:220px }
.dropdown-menu>li { padding:3px 20px }
.dropdown-menu>li>a { padding:0 }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background:0 0; color:#ec1015 }
.dropdown-menu>li>p { padding:3px 20px; clear:both; font-weight:400; line-height:20px; margin:0; color:#333; white-space:nowrap }
.info-links { float:right }
.navbar-wrapper { position:relative }
.navbar-wrapper .social { height:25px; float:right; padding:33px 0 0 0; }
.social li { background:url(../img/social.png) no-repeat; border-radius:5px; float:left; list-style:none; height:25px; margin-left:10px; width:25px }
.social li a { color:#777; text-decoration:none; display:block }
.social li.about, .social li.contact { background:0 0!important; margin-right:15px; width:auto }
.social li.fb { background-position:-30px 0 }
.social li.tw { background-position:-60px 0 }
.social li.tr { background-position:-75px 0 }
.social li.yt { background-position:-120px 0 }
.social li.inst:hover { background-position:0 -25px }
.social li.fb:hover { background-position:-30px -25px }
.social li.tw:hover { background-position:-60px -25px }
.social li.tr:hover { background-position:-75px -25px }
.social li.yt:hover { background-position:-120px -25px }
.nav>li>a.dropdown-toggle { padding-left:22px!important }
.icon-bar { width:22px; transition:all .2s; -webkit-transition:all .2s }
.top-bar { transform:rotate(45deg); -webkit-transform:rotate(45deg); transform-origin:10% 10%; -webkit-transform-origin:10% 10% }
.middle-bar { opacity:0 }
.bottom-bar { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:10% 90%; -webkit-transform-origin:10% 90% }
.navbar-toggle.collapsed .top-bar { transform:rotate(0); -webkit-transform:rotate(0); opacity:1 }
.navbar-toggle.collapsed .middle-bar { opacity:1 }
.navbar-toggle.collapsed .bottom-bar { transform:rotate(0); -webkit-transform:rotate(0); opacity:1 }
.modal { padding-top:50px }
.close { color:#ec1015; font-size:25px; opacity:1; text-shadow:none }
#home #portfolio { margin-bottom:30px }
.container-home { padding:0!important }
#about .bio, #about .contact { padding:0 10px 10px 40px; text-shadow:0 1px 1px #ccc; float: left; width: 50%; padding-top: 20px;  }

.container-home img { width:25% }
.bio-wrap { height:560px; margin:10px auto; }
.bio { height:100%; font-size:15px; line-height: 1.5em;}
.bio-img, .contact-img { float: left; margin-bottom: 20px; width: 50%; }
.bio-img img, .contact-img img { width: 100%; }
.bio a { color: #2c3e50; }
.contact-wrap { height:560px; margin:10px auto; }
.contact { height:100%; font-size:18px; line-height:1.5em }
.contact a { color: #2c3e50; }
@media (max-width: 767px) {
  #about .bio, #about .bio-img, #about .contact, #about .contact-img  { width: 100%; padding-left: 0; }
}
.news-img { text-align:center; padding-bottom:20px }
.news-img img { max-width:480px; width:100% }
#videos .videoWrapper { position:relative; margin:0 auto 30px; padding-bottom:56.25%; padding-top:25px; height:0; text-align:center; width:80% }
#videos .videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100% }
.carousel .container-wrap { position:relative; z-index:9 }
.carousel-caption { position:relative; padding:10px; bottom:0; background:0 0; left:0; text-align:center; z-index:10 }
.carousel-caption p { color:#333; text-shadow:none }
.carousel { height:auto }
.carousel-inner { height: 600px }
.carousel-inner .item img { max-height:550px; }
.carousel .item { height:auto }
.carousel-control.left, .carousel-control.right { background-image:none }
.carousel-control { position:absolute; left:15px; text-align:center; color:#ec1015; font-size:50px; font-weight:700; top:50%; background:0 0; opacity:1; text-shadow:none }
.carousel-control:focus, .carousel-control:hover { color:#ec1015; opacity:.8 }
.item img { margin:0 auto }
footer { padding:10px 0 30px; font-size:11px; width:100%; margin:60px auto 0!important }
footer .social { display:none }
blockquote { font-size: 14px; }
@media screen and (min-width:768px) and (max-width:991px) {
.navbar .nav { margin-left:0; z-index:1 }
.navbar .container { width: 100%;}
}
@media screen and (min-width:768px) {
.navbar-wrapper .navbar { padding-right:0; padding-left:0 }
.navbar-nav { float:left }
.carousel-caption p { margin-bottom:20px; line-height:1.4; text-shadow:none }
.navbar-collapse.collapse { float:left; padding:35px 0 0 20px }
}
@media screen and (max-width:991px) {
.navbar .brand { margin-bottom:-20px }
.carousel { padding-bottom:30px }
}
@media screen and (max-width:767px) {
.dropdown-menu, .nav>li { font-size:20px }
.navbar-wrapper .navbar .container { padding:0 }
.nav>li { line-height:2em; text-align:center; border-bottom:1px solid #ddd; background:#f1f1f1 }
.nav>li:last-child { border-bottom:none }
.dropdown.open { border-bottom:0; padding:0; text-align:center }
.navbar-nav .open .dropdown-menu>li { border-bottom:1px solid #eee; background:#ddd; text-align:center }
.navbar-wrapper .social { display:none }
#about .bio-wrap, #about .contact-wrap { width:100% }
#videos .videoWrapper { width:90% }
.modal { padding-top:70px }
footer { padding-left:0 }
footer .social { display:block; float:right }
.carousel-caption p { font-size:12px }
.carousel-control { top:auto!important; bottom:0!important }
.carousel-control.right { left:auto; right:0 }
.carousel-control.left { left:0 }
}
@media screen and (max-width:320px) {
.carousel-inner { height:470px }
}
