@charset "utf-8";
/* Eventify Responsive HTML5 Event Template */
/* CSS Document - Minified version for demo purposes, including only essential featuers */
/* Version 1.0 - Mon, 25 Nov 2013 15:25:52 -0600 */
body { margin: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; color: #393e46 !important; background-color: #fff; } a { color: #48A3A6; text-decoration: none; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; transition: .25s; -webkit-backface-visibility: hidden; outline: 0; } a:hover { color: #EF7247; text-decoration: none; } h1, h2 { color: inherit; font-family: 'Roboto Slab Bold'; font-weight: bold; line-height: 40px; margin: 5px 0 20px; text-rendering: optimizelegibility; } ul { list-style-type: none; } sup { padding: 0 0 0 1px; text-transform: none; } .btn { border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background: #48A3A6; color: white; font-size: 16.5px; text-decoration: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; transition: .25s; padding: 7px 12px; -webkit-backface-visibility: hidden; outline: 0; } .btn:hover, .btn:focus { background-color: #6cc; color: white; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; transition: .25s; -webkit-backface-visibility: hidden; outline: 0; } .btn:active, .btn.active { background-color: #3d4e58; color: rgba(255, 255, 255, .75); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.disabled, .btn[disabled] { background-color: #95a5a6; color: white; } .btn.btn-large { padding: 12px 19px 14px; } .btn.btn-primary { background-color: #EF7247; } .btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #f96; } .btn.btn-primary:active, .btn.btn-primary.active { background-color: #3d4e58; } .btn.btn-info { background-color: #4495cc; } .btn.btn-info:hover, .btn.btn-info:focus { background-color: #5dade2; } .btn.btn-info:active, .btn.btn-info.active { background-color: #3d4e58; } .btn.btn-danger { background-color: #e74c3c; } .btn.btn-danger:hover, .btn.btn-danger:focus { background-color: #ec7063; } .btn.btn-danger:active, .btn.btn-danger.active { background-color: #3d4e58; } .btn.btn-success { background-color: #54bd83; } .btn.btn-success:hover, .btn.btn-success:focus { background-color: #6fd99c; } .btn.btn-success:active, .btn.btn-success.active { background-color: #3d4e58; } .btn.btn-warning { background-color: #e6af32; } .btn.btn-warning:hover, .btn.btn-warning:focus { background-color: #f0d24b; } .btn.btn-warning:active, .btn.btn-warning.active { background-color: #3d4e58; } .btn-toolbar .btn { font-size: 18px; padding: 10px 14px 9px; } .btn-toolbar .btn:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .btn-toolbar .btn:last-child { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .btn-toolbar .btn.active { color: white; } .btn.btn-follow { background-color: #00acee; } .btn.btn-follow:hover, .btn.btn-info:focus { background-color: #5dade2; } .btn.btn-follow:active, .btn.btn-info.active { background-color: #3d4e58; } .navbar .btn-navbar { background: none repeat scroll 0 0 rgba(0, 0, 0, .2); color: #fff; border-color: rgba(0, 0, 0, 0); box-shadow: none; float: right; margin: 60px 0 0 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } .navbar .btn-navbar .icon-bar { background-color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; box-shadow: 0 0 0; } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { background-color: #48A3A6; color: #fff; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #D3DCE0; border: 2px solid #D3DCE0; box-shadow: none; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 8px; color: #4C5D67; font-family: 'open sans'; font-size: 16px; font-weight: 100; line-height: 24px; padding: 6px 8px; } .input-block-level { min-height: 40px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow: none; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { box-shadow: none; } .top-bar { position: fixed; width: 100%; z-index: 999; } .top-bar { background: #fff; box-shadow: none; height: 0; } .top-bar:before, .top-bar:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .top-bar:after { clear: both; } .top-bar, .top-bar * { -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; } .top-bar .logo { position: relative; top: 60px; } .top-bar .logo span { background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-position: 0 0; display: inline-block; height: 40px; padding: 10px 0; text-transform: uppercase; width: 220px; -webkit-transition: all .001s ease-in-out 0s; -moz-transition: all .001s ease-in-out 0s; -o-transition: all .001s ease-in-out 0s; transition: all .001s ease-in-out 0s; } .top-bar .logo span { color: #fff; font-size: 26px; font-weight: 700; line-height: 20px; padding: 0px; } .top-bar .logo span:hover { background-position: 0 -40px; } .top-bar nav { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; position: static; visibility: visible; display: block; width: auto; float: right; position: relative; top: 60px; } .navbar { font-size: 15px; font-weight: 700; } .navbar .nav li { margin-left: 3px; position: relative; } .top-bar .navbar .nav { margin: 0; } .top-bar .navbar .nav > li > a { background: rgba(0, 0, 0, .2); border-radius: 5px; color: #fff; padding: 10px 9px; text-decoration: none; text-transform: uppercase; text-shadow: none; } .top-bar .navbar .nav > li:last-child > a { } .top-bar .navbar .nav > li > a:hover, .top-bar.alt .navbar .nav > li > a:hover { color: #fff; background: #48A3A6 !important; } .top-bar .navbar .nav > li > a:focus, .top-bar.alt .navbar .nav > li > a:focus { outline: 0; } .top-bar .nav .current a, .top-bar.alt .nav .current a { color: #fff !important; background: #4C5D67 !important; } .top-bar.alt { -webkit-box-shadow: 0 3px 0 rgba(30, 38, 44, .2); -moz-box-shadow: 0 3px 0 rgba(30, 38, 44, .2); box-shadow: 0 3px 0 rgba(30, 38, 44, .2); background: #fff; height: 70px; } .top-bar.alt .logo { top: 15px; } .top-bar.alt .logo span { background: url("../images/logo-hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); text-shadow: none; } .top-bar.alt .logo span { color: #2C3840; text-shadow: none; } .top-bar.alt .logo span:hover { background-position: 0 -40px; color: #3B8A8F; text-shadow: none; } .top-bar.alt nav { top: 15px; } .top-bar.alt .navbar .nav > li > a { color: #777; background: none; } .top-bar.alt .navbar .nav > li > a:hover { color: #fff; } .top-bar.alt .navbar .btn-navbar { margin: 20px 0 0 !important; } nav select { display: none; } #intro { background:url(../images/backgrounds/intro.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: white; min-height: 300px; height: 660px; margin: 0 auto; padding: 0; } #about, #register, #speakers, #schedule, #workshops, #venue, #sponsors, #news, #twitter-feed, #contact, #newsletter { padding: 100px 0 150px; -webkit-box-shadow: 0 5px 0 rgba(30, 38, 44, .2) inset; -moz-box-shadow: 0 5px 0 rgba(30, 38, 44, .2) inset; box-shadow: 0 5px 0 rgba(30, 38, 44, .2) inset; } #about { background: none repeat scroll 0 0 #fff; } #register { background: url(../images/backgrounds/intro.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 60px 0; } #speakers { background: #EF7247; } #schedule { background: #E7EBED; } #workshops { background: #F2BC47; } #venue { background: url(../images/backgrounds/venue.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #4C5D67; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #sponsors { background: #E7EBED; } #news { background: #EF7247; } #twitter-feed { background: #E7EBED; padding: 60px 0; } #contact { background: #4C5D67; padding-bottom: 80px; } #newsletter { background: #E7EBED; padding: 60px 0; } #map { background: #4C5D67; padding: 0; } footer { background-color: #2C3840; color: #E1E4E5; font-size: 14px; font-weight: 100; height: 200px; padding: 20px 0; } footer img { margin: 10px 0 15px; } .divider { border-top: 3px solid #5DBEB2; clear: both; font-size: 0; height: 1px; line-height: 0; margin: 40px auto 50px; width: 110px; } .divider-space { border: none; clear: both; font-size: 0; height: 0px; line-height: 0; margin: auto auto 50px; width: 100%; } .divider-white { border-top: 3px solid #fff; clear: both; font-size: 0; height: 1px; line-height: 0; margin: 50px auto; width: 110px; } hr { margin: 20px auto; border: 0; border-top: 3px solid #5DBEB2; border-bottom: none; } hr.divider-short { border-top: 3px solid rgba(0, 0, 0, .25); clear: both; font-size: 0; height: 1px; line-height: 0; margin: 15px auto; width: 60px; } .module-header { border-bottom: 0 none; margin-bottom: 25px; margin-top: 0px; padding-bottom: 0; position: relative; text-align: center; } .module-header h4 { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, .4); display: inline-block; font-size: 18px; font-weight: 700 !important; line-height: 20px !important; padding: 0px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; } .white-header h4 { color: #fff; } .subheader { border-bottom: 0 none; margin: 25px 0; padding-bottom: 0; position: relative; text-align: center; } .subheader h4 { background-color: rgba(0, 0, 0, 0); color: #48A3A6; display: inline-block; font-size: 16px; font-weight: 700 !important; line-height: 20px !important; position: relative; text-align: center; text-transform: uppercase; z-index: 1; } .subheader.white h4 { color: #fff; } .hero-unit { padding: 0px; margin-bottom: 0px; color: inherit; background-color: transparent; } .hero-unit > h1, .hero-unit > h2 { letter-spacing: 0; line-height: 1; margin: 0 0 20px; } .hero-unit > h2 { color: inherit; font-size: 40px; } .hero-unit > h4 { font-size: 18.5px; font-weight: 400; margin: 0 0 15px; } .box { background: none repeat scroll 0 0 #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; color: #2C3840; } .white { color: #fff; } .icon-wrap { background: none repeat scroll 0 0 #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0 auto; overflow: visible; padding: 0; text-align: center; width: 40px; height: 40px; } .icon-wrap.white { background: #fff; } .icon-wrap.color1 { background: #48A3A6; } .icon-wrap.color2 { background: #EF7247; } .icon-wrap.color3 { background: #F2BC47; } .icon-wrap.color4 { background: #4C5D67; } .icon-wrap.color5 { background: #65C565; } .icon-wrap.color6 { background: #9966cc; } .icon-wrap.large { height: 156px; width: 156px; } .icon-wrap.medium { height: 70px; width: 70px; } .icon-wrap.small { height: 40px; margin: 0 3px 5px; width: 40px; } .icon-wrap i { display: block; line-height: 40px; text-align: center; vertical-align: middle; } .icon-wrap.small i { color: #fff; display: inline-block; font-size: 18px; margin: 0 auto; text-align: center; vertical-align: middle; } .icon-wrap.medium i { color: #fff; display: inline-block; font-size: 36px; margin: 14px auto; text-align: center; vertical-align: middle; } .icon-wrap.large i { color: #fff; display: inline-block; font-size: 80px; margin: 38px auto; text-align: center; vertical-align: middle; } a.icon-wrap { color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; margin-bottom: 5px; } a.icon-wrap.small { height: 40px; margin: 0 3px 5px; width: 40px; } .icon-wrap.small.color4:hover { background: #48A3A6; } .social a.icon-wrap i { color: #85959e; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .social a.icon-wrap:hover i { color: #fff; } a.facebook:hover { background:#3b5996; } a.twitter:hover { background:#00acee; } a.vimeo:hover { background:#0dadd6; } a.dribble:hover { background:#d53e68; } a.youtube:hover { background:#cb322c; } a.pinterest:hover { background:#cb2027; } a.google:hover { background:#c3391c; } a.linkedin:hover { background:#0b7bb6; } a.flickr:hover { background:#e2006a; } a.eventful:hover { background:#0066cc; } a.eventbrite:hover { background:#ff6500; } a.lanyrd:hover { background:#152E51; } a.yahoo:hover { background:#500095; } a.digg:hover { background:#1b5891; } a.rss:hover { background:#f29a1d; } .jumbotron { padding-top: 200px; height: 400px; } .jumbotron > div.span12 { display: inline-block; width: 100%; } .jumbotron h1 { font-size: 100px; font-weight: 800; line-height: 1; margin: 10px 0 20px; text-shadow: 0 0 10px rgba(0, 0, 0, .2); text-transform: none; } .jumbotron h2 { font-size: 60px; line-height: 1; text-shadow: 0 0 10px rgba(0, 0, 0, .2); } .jumbotron h3 { font-size: 48px; font-weight: 400; line-height: 1.1; text-shadow: 0 0 8px rgba(0, 0, 0, .3); } .jumbotron h4 { font-size: 32px; font-weight: 400; line-height: 1.1; text-shadow: 0 0 8px rgba(0, 0, 0, .3); } .jumbotron .info { margin: 30px auto 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background: transparent; font-size: 30px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; } .jumbotron .days, .jumbotron .month, .jumbotron .year, .jumbotron .location { display: inline-block; padding: 0 5px; } .jumbotron a.btn { display: block; font-weight: bold; letter-spacing: 2px; line-height: 30px; margin: 20px auto 0; text-transform: uppercase; width: 170px; } .price-table { margin: 0; } .price-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #E7EBED; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; float: left; } .price-table .item { margin-bottom: 15px; width: 100%; } .price-item .price-header { background: none repeat scroll 0 0 #822111; -webkit-border-radius:  6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -ms-border-radius: 6px 6px 0 0; -o-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; height: 90px; padding: 10px 0; } .price-item .price-header .title, .price-item .price-header .price { color: #fff; float: left; font-size: 26px; font-weight: 100; line-height: 40px; text-align: center; text-transform: uppercase; width: 100%; } .price-item .price-header .price { font-size: 40px; font-weight: 600; } .price-content { padding: 15px; text-align: center; } #countdown div { margin-bottom: 10px; } #countdown .digit-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 4px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; display: block; font-size: 40px; font-weight: 600; height: 108px; line-height: 50px; margin: auto; overflow: visible; padding: 15px 0 0; text-align: center; text-transform: uppercase; width: 108px; } #countdown .label-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; color: #fff; display: block; font-size: 14px; font-weight: 200; line-height: 10px; margin: auto; padding: 0; text-align: center; text-transform: uppercase; width: auto; } .register-title { margin: 25px auto; } .schedule-download { display: inline-block; font-weight: 100; margin: 20px 0; } .schedule-download a { padding: 15px; } .schedule-download p { display: inline-block; font-size: 18px; font-weight: 100; margin: 0; } .event-items { margin: 0; } .event-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; margin-bottom: 30px; } .event-item .event-date { padding: 15px 0 0 15px; } .event-item .event-date time { color: #85959e; font-size: 15px; font-weight: bold; line-height: 30px; text-transform: uppercase; } .event-image > img { width: 55%; } .share-widget { float: right; font-size: 14px; padding: 0 15px; position: relative; top: -25px; } .share-widget > a { color: #85959e; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .share-widget > a:hover { color: #48A3A6; } .entry-title { font-family: 'Roboto Slab Bold'; font-size: 28.5px; margin: 0 0 10px; padding: 0 15px; } .event-entry .entry-title { margin: 0 0 5px; } .entry-content { padding: 20px 15px; } .sponsor-logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; width: 70%; } .sponsor-logo:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; } .news-items { margin: 0; } .news-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin-bottom: 30px; } .news-item .news-date { padding: 15px 0 0 15px; } .news-item .news-date .month, .news-item .news-date .day { color: #8C8C8C; font-size: 15px; font-weight: bold; line-height: 30px; text-transform: uppercase; } .tweet { margin-bottom: 25px; } .tweet ul { margin: 0 0 20px; } .tweet li { font-size: 22px; line-height: 28px; display: none; } .tweet li:first-child { display: block; } .tweet .date { color: rgba(0, 0, 0, .3); font-size: 15px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; } #map_canvas { width: 100%; height: 400px; } .carousel-wrap li { list-style: none outside none; } .span12 .item-6 li { width:170px; } .span12 .item-5 li { width:210px; } .span12 .item-4 li { width:270px; } .span12 .item-3 li { width:370px; } .span12 .item-2 li { width:570px; } .span12 .item-1 li { width:1170px; } .span6 .item-3 li { width:170px; } .span6 .item-2 li { width:270px; } .span6 .item-1 li { width:570px; } .span12 .item-6 li .item .photo-wrap, .span6 .item-3 li .item .photo-wrap { height: 130px; width: 130px; padding: 20px 20px 0; } .span12 .item-5 li .item .photo-wrap, .span6 .item-2 li .item .photo-wrap { height: 170px; width: 170px; padding: 20px 20px 0; } .span12 .item-4 li .item .photo-wrap, .span6 .item-1 li .item .photo-wrap { height: 230px; width: 230px; padding: 20px 20px 0; } .span12 .item-3 li .item .photo-wrap { height: 330px; width: 330px; padding: 20px 20px 0; } .span12 .item-2 li .item .photo-wrap { height: 530px; width: 530px; padding: 20px 20px 0; } .span12 .item-1 li .item .photo-wrap { height: 1130px; width: 1130px; padding: 20px 20px 0; } .carouselslider { position: relative; } .carouselslider ul { list-style: none outside none; margin: 0; padding: 0; } .carouselslider ul li:before { content:''!important; margin:0!important; padding:0!important } .carouselslider ul li { display: inline-block; float: left; margin: 0; padding: 0 30px 0 0 !important; } .carouselslider ul li .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: none; border-radius: 5px; height: 100%; padding: 0 0 5px; text-align: center; transition: background-color 400ms; -webkit-transition:background-color 400ms; -moz-transition:background-color 400ms; -o-transition:background-color 400ms; } .carouselslider ul li .item:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, .05); } .carouselslider ul li .item .photo-wrap > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .carouselslider h2, .carouselslider h3, .carouselslider h4, .carouselslider h5, .carouselslider h6 { margin: 15px auto; text-transform: uppercase; } .carouselslider h3 { font-size: 24px; line-height: 24px; } .carouselslider h4 { font-size: 20px; line-height: 20px; } .carouselslider h5 { font-size: 16px; line-height: 16px; font-weight: 400; } .carouselslider h6 { font-size: 14px; line-height: 14px; } .text-wrap { padding: 0 10px; } .description { min-height: 50px; display: block; } .item > .social { display: none; padding-bottom: 10px; } .item:hover > .social { display: block; } .item:hover .text-wrap .description { display: none; } .carousel-control { margin-top: 0px; } .carousel-previous, .carousel-next { border: medium none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% !important; cursor: pointer; display: block; height: 31px; left: auto !important; opacity: 1 !important; padding: 0 !important; position: absolute !important; top: -41px !important; width: 31px !important; text-indent: -9999px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .carousel-previous { background: url("../images/carousel_prev.png") no-repeat scroll right bottom rgba(255, 255, 255, 1); left: 0px !important; } .carousel-next { background: url("../images/carousel_next.png") no-repeat scroll left bottom rgba(255, 255, 255, 1); right: 0px !important; } .carouselslider > .carousel-previous.disabled { opacity: .4!important;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40)!important;
background-color: transparent!important; cursor:default!important; background-position: right bottom !important; } .carouselslider > .carousel-next.disabled { opacity: .4!important;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40)!important;
background-color: transparent!important; cursor:default!important; background-position: left bottom !important; } .carouselslider .carousel-previous:hover { background-color: rgba(255, 255, 255, .5); background-position:left bottom; } .carouselslider .carousel-next:hover { background-color: rgba(255, 255, 255, .5); background-position:right bottom; } .tab-content { overflow: inherit !important; } .tab-fillspace { display: block; left: 0; position: relative; } .tab-fillspace li { background: transparent; display: table-cell; float: none; width: 1%; } .tab-fillspace li:after { } .tab-fillspace li.active { } .tab-fillspace li.active:after { background: url("../images/tri_down_dark.png") no-repeat scroll 50% 0 transparent; content: ""; display: block; height: 7px; position: relative; } .tab-fillspace li a { font-size: 18px; font-weight: 600; line-height: 20px; margin-right: 0 !important; text-align: center; text-transform: uppercase; } .nav-pills > li > a { padding-bottom: 15px; padding-top: 15px; margin: 0 5px 0 0 !important; background-color: rgba(0, 0, 0, .2); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; color: #fff; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; transition: .25s; } .nav-pills > li:last-child > a { margin: 0 !important; } .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: #E27249; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { background-color: #2C3840; } #schedule-tabs { margin-bottom: 40px; } .toggle-item-title { cursor: pointer; } .toggle-item-title { background: url(../images/icons/toggle.png) scroll no-repeat right 5px transparent; padding: 0 32px 0 0; } .toggle-item-title.event-title.ui-state-active { background: url(../images/icons/toggle-close.png) scroll no-repeat right 5px transparent; padding: 0 32px 0 0; } .modal { background-color: #fff; -webkit-border-radius: 8px 8px 11px 11px; -moz-border-radius: 8px 8px 11px 11px; -ms-border-radius: 8px 8px 11px 11px; -o-border-radius: 8px 8px 11px 11px; border-radius: 8px 8px 11px 11px; } .modal-footer { background-color: #efefef; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; border-top: medium none; box-shadow: none; } .main-timeline { margin-top: 40px; } .timeline { position: relative; padding: 0; font-family: 'Open Sans', Arial, sans-serif; margin: 0; } .timeline:before { background-color: #2C3840; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ""; height: 100%; left: 110px; position: absolute; top: 0; width: 5px; } .event { position: relative; margin-bottom: 0px; padding-bottom: 30px; } .event:last-child { padding-bottom: 0; } .timeline-icon { margin-left: 93px; margin-top: 15px; } .timeline-icon { background: none repeat scroll 0 0 rgba(72, 163, 166, .4); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; height: 40px; padding: 4px; position: relative; width: 40px; z-index: 10; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .timeline-icon-container { background: #EF7247; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; height: 30px; line-height: 25px; margin-left: 1px; margin-top: -1px; vertical-align: text-top; width: 30px; } .timeline-icon-container i { color: #fff; font-size: 19px; line-height: 28px; padding-left: 2px; } .event:hover .timeline-icon { background: #2C3840; } .time-box { position: absolute; top: 23px; z-index: 1; } .time-box:before { } .time-box time { color: rgba(0, 0, 0, .35); font-size: 20px; font-weight: 600; padding: 0 0 0 15px; text-align: left; text-transform: uppercase; width: 100%; } .time-box sup { font-size: 12px; padding-left: 2px; text-transform: uppercase; } .timeline-content { margin-left: 160px; margin-top: 0; padding-top: 0px; perspective: 600px; position: relative; } .event-content { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background: none repeat scroll 0 0 #fff; border: medium none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 1px 16px; width: 100%; } .event-content:before { background: url("../images/tri_left.png") no-repeat scroll 0 0 transparent; content: " "; height: 16px; left: -8px; position: absolute; top: 25px; width: 8px; } .event-title h3 { font-size: 22px; line-height: 40px; text-transform: uppercase; } .event-title h3 span { color: #999; font-weight: 400; text-transform: none; } .event-title h4 span { color: #999; font-weight: 400; } 
@media (max-width: 980px) {
.top-bar nav { top: 10px; } .top-bar.alt nav { top: 14px; } .nav-collapse, .nav-collapse.collapse { background: none repeat scroll 0 0 #E7EBED; border-radius: 8px; } .nav-collapse .nav > li { float: left; margin-left: 0 !important; width: 100%; } .top-bar .navbar .nav > li > a { margin: 2px 4px; } .top-bar .navbar .nav > li:first-child > a { margin: 4px 4px 2px; } .top-bar .navbar .nav > li:last-child > a { margin: 2px 4px 4px; } .top-bar.alt .navbar .nav > li > a { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); color: #777; margin: 2px 4px; } .top-bar.alt .navbar .nav > li:first-child > a { margin: 4px 4px 2px; } .top-bar.alt .navbar .nav > li:last-child > a { margin: 2px 4px 4px; } .navbar .btn-navbar { margin: 18px 0 0 !important; } .top-bar.alt .navbar .btn-navbar { margin: -25px 0 0 !important; } .jumbotron h1 { font-size: 90px; margin: 10px 0; } .jumbotron h3 { font-size: 46px; line-height: 1; } }
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.jumbotron h1 { font-size: 94px !important; margin: 10px 0 15px; } .jumbotron h3 { font-size: 44px !important; line-height: 1; } }
@media only screen and (min-width: 960px) and (max-width: 1025px) {
.carouselslider ul { margin-left:-20px!important; } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .carouselslider { width:940px; } .span6 .carouselslider { width:458px; } .span12 .item-6 li { width:140px; } .span12 .item-5 li { width:172px; } .span12 .item-4 li { width:220px; } .span12 .item-3 li { width:300px; } .span12 .item-2 li { width:460px; } .span12 .item-1 li { width:940px; } .span6 .item-1 li { width:458px; } .span6 .item-2 li { width:219px; } .span6 .item-3 li { width:139px; } .span6 .item-4 li { width:99px; } .span6 .item-5 li { width:75px; } .span12 .item-1 li .item .photo-wrap { height: 900px; padding: 20px 20px 0; width: 900px; } .span12 .item-2 li .item .photo-wrap { height: 420px; padding: 20px 20px 0; width: 420px; } .span12 .item-3 li .item .photo-wrap { height: 260px; padding: 20px 20px 0; width: 260px; } .span12 .item-4 li .item .photo-wrap { height: 180px; padding: 20px 20px 0; width: 180px; } .span12 .item-5 li .item .photo-wrap { height: 132px; padding: 20px 20px 0; width: 132px; } .span12 .item-6 li .item .photo-wrap { height: 100px; padding: 20px 20px 0; width: 100px; } .span6 .item-1 li .item .photo-wrap { height: 418px; padding: 20px 20px 0; width: 418px; } .span6 .item-2 li .item .photo-wrap { height: 179px; padding: 20px 20px 0; width: 179px; } .span6 .item-3 li .item .photo-wrap { height: 99px; padding: 20px 20px 0; width: 99px; } .span6 .item-4 li .item .photo-wrap { height: 59px; padding: 20px 20px 0; width: 59px; } .span6 .item-5 li .item .photo-wrap { height: 35px; padding: 20px 20px 0; width: 35px; } } 
@media only screen and (min-width: 767px) and (max-width: 959px) {
.jumbotron h1 { font-size: 94px; margin: 10px 0 15px; } .jumbotron h3 { font-size: 42px; line-height: 1; } .span12 .carouselslider { width:724px!important; } .span6 .carouselslider { width:352px!important; } .carouselslider ul { margin-left:-20px!important; } .carouselslider ul li { padding:0 0 0 20px!important; } .span12 .item-6 li { width:104px!important; } .span12 .item-5 li { width:136px!important; } .span12 .item-4 li { width:166px!important; } .span12 .item-3 li { width:228px!important; } .span12 .item-2 li { width:352px!important; } .span12 .item-1 li { width:724px!important; } .span6 .item-6 li { width:42px!important; } .span6 .item-5 li { width:54px!important; } .span6 .item-4 li { width:73px!important; } .span6 .item-3 li { width:104px!important; } .span6 .item-2 li { width:166px!important; } .span6 .item-1 li { width:352px!important; } .span12 .item-1 li .item .photo-wrap { height: 684px; padding: 20px 20px 0; width: 684px; } .span12 .item-2 li .item .photo-wrap, .span6 .item-1 li .item .photo-wrap { height: 312px; padding: 20px 20px 0; width: 312px; } .span12 .item-3 li .item .photo-wrap { height: 188px; padding: 20px 20px 0; width: 188px; } .span12 .item-4 li .item .photo-wrap, .span6 .item-2 li .item .photo-wrap { height: 126px; padding: 20px 20px 0; width: 126px; } .span12 .item-5 li .item .photo-wrap { height: 96px; padding: 20px 20px 0; width: 96px; } .span12 .item-6 li .item .photo-wrap, .span6 .item-3 li .item .photo-wrap { height: 64px; padding: 20px 20px 0; width: 64px; } .span6 .item-4 li .item .photo-wrap { height: 43px; padding: 20px 15px 0; width: 43px; } .span6 .item-5 li .item .photo-wrap { height: 34px; padding: 20px 10px 0; width: 34px; } .span6 .item-6 li .item .photo-wrap { height: 22px; padding: 20px 10px 0; width: 22px; } } 
@media (max-width: 767px) {
body { padding: 0 !important; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { padding: 0 10px; } .event-items, .news-items { margin: 0 10px; } } 
@media (max-width: 480px) {
.jumbotron { height: 375px; padding-top: 165px; } .jumbotron h1 { font-size: 62px; margin: 10px 0 15px; } .jumbotron h3 { font-size: 32px; line-height: 1; } .hero-unit > h1 { font-size: 50px; line-height: 1.1; } .hero-unit > h2 { font-size: 45px; } .carouselslider { margin: 0 auto; width: 400px; } .span12 .item-6 li, .span12 .item-5 li, .span12 .item-4 li, .span12 .item-3 li, .span12 .item-2 li, .span12 .item-1 li, .span6 .item-6 li, .span6 .item-5 li, .span6 .item-4 li, .span6 .item-3 li, .span6 .item-2 li, .span6 .item-1 li { width: 400px !important; } .span12 .item-6 li .item .photo-wrap, .span6 .item-3 li .item .photo-wrap, .span12 .item-5 li .item .photo-wrap, .span6 .item-2 li .item .photo-wrap, .span12 .item-4 li .item .photo-wrap, .span6 .item-1 li .item .photo-wrap, .span12 .item-3 li .item .photo-wrap, .span12 .item-2 li .item .photo-wrap, .span12 .item-1 li .item .photo-wrap { height: 300px; padding: 20px 50px 0; width: 300px; } } 
@media only screen and (max-width: 459px) {
.navbar .btn-navbar { margin: 18px 0 0 !important; } .top-bar.alt .navbar .btn-navbar { margin: -25px 0 0 !important; } .jumbotron { height: 365px !important; padding-top: 120px !important; } .jumbotron h1 { margin: 10px 0; } .jumbotron h3 { font-size: 28px; line-height: 1; } .tab-fillspace li a { font-size: 13px; } .event-title h3 { font-size: 18px; text-transform: none; } .carouselslider { margin: 0 auto; width: 300px; } .span12 .item-6 li, .span12 .item-5 li, .span12 .item-4 li, .span12 .item-3 li, .span12 .item-2 li, .span12 .item-1 li, .span6 .item-6 li, .span6 .item-5 li, .span6 .item-4 li, .span6 .item-3 li, .span6 .item-2 li, .span6 .item-1 li { width: 300px !important; } .span12 .item-6 li .item .photo-wrap, .span6 .item-3 li .item .photo-wrap, .span12 .item-5 li .item .photo-wrap, .span6 .item-2 li .item .photo-wrap, .span12 .item-4 li .item .photo-wrap, .span6 .item-1 li .item .photo-wrap, .span12 .item-3 li .item .photo-wrap, .span12 .item-2 li .item .photo-wrap, .span12 .item-1 li .item .photo-wrap { height: 200px; padding: 20px 50px 0; width: 200px; } }