﻿body {background: url(images/bg_map.jpg); width: 100%; overflow-x: hidden; color: #484a34; }

/* ----------------------- TYPE ---------------------*/

h1, h2, h3 { font-family: BeachbuoyMedium; font-weight: normal; font-style: normal; }
h2 { color: #e54020; }
h2, h3 { margin: 0 0 10px 0;}
h4, h5 { font-weight: bold; }

/* Links */
a { cursor: pointer; color: #337ab7; }
a:hover {color: #e54020; }

/* ---------------------- LAYOUT -------------------- */

.logo-banner { text-align: center; }
.logo-banner .logo { width: 100%; max-width: 613px; }
.container.logo-banner { padding: 5px 20px; }

div.logo-banner { background: url(images/bg_parchment.jpg); }
.container { padding: 25px;background-color: #eee7d6; background: url(images/bg_parchment.jpg); background-size: 100% 300px;}
.container.override { padding: 0; }
.container .container { padding: 0; width: auto; margin-right: 15px; background: none; }

div.sidebar { opacity: 0.85 }
div.sidebar ul.years { list-style-type: none; margin-left: -40px; text-align: center; }
div.sidebar ul.years li { display: inline-block; margin: 1px 5px; }

#myCarousel { margin: 0 -20px; }
.slide img { width: 100%; max-width: 790px; height: 25% !important; }
.carousel-caption { padding-bottom: 0px; bottom: 0px; text-shadow: 1px 1px 5px #000000; font-size: 0.8em; left: 15px; text-align: right; width: 100%; padding-right: 55px; }
.carousel-caption a { color: #ffffff !important; text-decoration: underline;}
.carousel-indicators { bottom: 0px !important; }
.carousel-control { font-size: 40px; }
#myCarousel p { margin-bottom: 0px; }
#myCarousel { }

.copyright { font-size: 0.8em; }

#LoginForm {
    width: 300px;
    margin: 20px auto;
    text-align: center;
}

.modal-dialog table { width: 100%; }
.modal-dialog table .thumb { width: 100%; max-width: 75px; max-height: 75px;}
.modal-dialog table td { vertical-align: top; padding: 10px 10px 10px 0; }
.modal-dialog h4 { margin: 0; font-size: 16px; }
.modal-dialog table input[type="text"] { width: 50px; }
.modal-header button.close { border: inherit; background-color: inherit; color: inherit; height: inherit; }
.modal-header { border-bottom: 0 none; }
.modal-footer { border-top: 0 none; }
.modal-header .close { font-size: 3.0em; }
.modal-title { line-height: 1.0em; margin-bottom: 10px;}

/* div.hang is for the green boxes that extend beyond the edge of the main container */
.hang { 
    margin: 0 -10px; background-color: #c18216; min-height: 10px; box-shadow: 1px 1px 1px #000000; padding: 10px 35px; color: #ded6bf; position: relative;
}
nav .hang { padding: 0;}
.hang a { color: #e0dc7a; font-weight: bold; }
.hang h3, .hang h4, .hang a {  }
.hang h3, .hang h4 { margin: 0 0 0 0; text-transform: uppercase; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 1px #333333; }
.hang p { margin-bottom: 1em; }
.hang .row { margin-bottom: 0px; }

.clear-float { clear: both; }
.float-image-right { float: right; width: 35%; margin: 0 0 1em 1em; }

.container.slider, .container.welcome, .container.news { padding-top: 0px; }
.lazy-load {
    background: url("images/bg_map-2.jpg") center center no-repeat;
}

.container.news {  }
.container.slider { padding-bottom: 0; }
.container.main { padding-top: 1.0em; }
.container.crumbs { padding: 10px 25px 10px; text-transform: uppercase; color: #999999; }
body.post .container.crumbs { padding-bottom: 0px; }
.container.crumbs .row { margin: 0 -15px 0; }
.container.crumbs .sharing { text-align: right; }
.addthis_sharing_toolbox { display: inline-block; float: right; margin-top: -3px;}
span.share_label { display: inline-block; font-size: 11px; margin-right: 5px; color: #ffffff; }
.row.slider { margin: 0 -60px 0em; }
.row.posts { margin-bottom: 25px; }
.content .container.slider.row.slider { padding: 0 15px; margin-top: 0; }
div.slider p { margin: 0; }
.viewall { text-align: right; }

div.posts div.thumb {  }

.hang.title { padding: 0; }
.hang.title h2 { color: #ffffff; text-align: left; margin: 5px 30px; text-shadow: 1px 1px 1px #333333; }
.subscribe {     display: inline-block;
    background-color: #23527c;
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 2px 5px;
    float: right; }

.home-alert { font-size: 0.9em; text-align: center; padding: 0 20px; color: #ffffff; }
.home-alert p { margin: 0; }

.home-nav { margin-bottom: 15px; text-align: center; }
.home-nav a {
    padding: 3px 10px;
    background-color: #e54020;
    font-size: 1.5em;
    font-family: BeachbuoyMedium;
    margin-bottom: 5px;
    display: block;
    color: #ffffff;
}

/*.products .col-sm-8 { padding-left: 0; }*/

/* ------ Forms ------ */
/*.shopbox select { width: auto; }
table.priceinfo { font-size: 1.2em;margin: 15px 0;width: 100%;  }
table.priceinfo td { text-align: left;width: 42%;padding: 5px 0;}


.ticket { border: solid 1px #999999;}
.ticket { border-radius: 5px; padding: 10px 5px 10px 10px;}*/

.remaining, .maxNote {font-style: italic; display: block; }
.remaining.hurry { color: Red; }
.price.note { font-style: italic; font-size: 0.8em !important; text-transform: uppercase; }
#SoldOutMessage { font-size: 1.2em; }

/* ------ Products ------ */
product-block { line-height: 1.3em; }
.product .shop-block div { margin-bottom: 7px; }
.product .shop-block .price { font-size: 1.5em; }
.product .shop-block .buy i { font-size: 2.0em; position: relative; top: 4px; }
.product .buy .btn-text { position: relative; top: -9px }
.product .package-product .title { font-size: 1.3em; color: #555555; margin-left: 10px; top: -4px; position: relative; }
.product .package-product { margin-bottom: 5px; }
.product.package { background-color: #ffffdd; padding: 15px 0 10px 0; }
/*.product .package-product .included { background-color: #ffffcc; padding: 7px 0 1px 15px; margin-bottom: 5px; }*/

.productRow.package { padding: 5px 10px; border: 1px solid #999999; margin-bottom: 10px; }
.productRow.package h4.package-header, div.tickets h4.package-header, div.packages h4.package-header {
    margin: -5px -11px 2px;
    background-color: #173a72;
    padding: 5px 10px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 3px;
}
div.packages h4.package-header { margin: 0 0 10px; background-color: #173a72; }
div.tickets h4.package-header { margin: 0 0 10px; background-color: #999999; }
div.packages h3 { padding: 5px 10px; text-transform: uppercase;  color: #000000; }
div.tickets h3 { padding: 5px 10px; text-transform: uppercase; font-size: 1.2em; background-color: #999999; color: #ffffff; }
.productRow select, .productRow button { height: 36px; margin-bottom: 5px; max-width: 100%; font-size: 1.2em; }
.productRow button, #ModalCompare .modal-footer button { border: none; background-color: #173a72; color: #ffffff; height: 34px; }
.productRow button.purchase:hover { background-color: #e54020; text-decoration: underline; }
.productRow button.disabled, .productRow button.disabled:hover { background-color: #666666; text-decoration: none; }
.productRow select.invalid { border: 2px solid Red; }

.productRow.ticket { padding: 5px 10px; border: 1px solid #999999; margin-bottom: 10px; }
div.packages div.col-sm-7 { padding-right: 10px; }
div.packages div.col-sm-5 { padding-left: 10px; }
div.packages div.description { margin-bottom: 15px; }

.productRow p.description {  }
.productRow p.info a { color: #ffffff; display: inline-block; padding: 4px 7px 2px; background-color: #c18216; text-transform: uppercase; }
.productRow p.info a:hover { background-color: #e54020; color: #ffffff; }
p.info { margin: 0.5em 0 !important; }
div.tickets p.info { display: inline-block; margin-right: 10px !important; }
div.tickets .sellBox { display: inline-block; }

.modal-header { padding-bottom: 0; background-color: #c18216; margin-bottom: 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; color: White; }
.modal-header h2 { color: #ffffff; }
.modal-header .close { margin-top: -5px !important; }
.modal-header button.close:hover { background-color: none !important; }
.productRow .price { display: inline-block; margin: 10px 5px 0 0; font-size: 1.2em; }
.modal-footer { padding-top: 0; }
.productRow .modal-footer button { border: 1px solid #ccc; height: inherit; }
.modal-footer { text-align: center; border-top: 0px none;  }
.productRow .modal-header { border-bottom: 0px none; }
.productRow .modal-body { padding-top: 0px; }
.productRow .modal-body .thumbHolder { padding-bottom: 15px; }
.thumbHolder img { width: 100%; }

.price.sale { color: Green; font-weight: bold; }
.price.regular-strike { text-decoration: line-through; }

div.tickets p.description { font-size: 0.8em; }
div.tickets h4 { font-size: 1.5em; line-height: 1.0em; }
div.packages h4 { font-size: 1.8em; }

table.comparison { width: 100%; }
table.comparison td.included { text-align: center; }
table.comparison td.not-included { text-align: center; color: #999999; }
table.comparison td { width: 20%; padding: 3px; }
table.comparison tr { border-bottom: solid 1px #cccccc; }
table.comparison tr:nth-child(even) {  }
table.comparison td:first-child { width: 40%; }
table.comparison th { text-align: center; padding: 0 10px 10px; line-height: 13px; font-weight: normal; }
table.comparison td.included img { width: 24px; }

/*.price { font-size: 18px; }
.sale { color: Red; font-weight: bold; }
.regular-strike { text-decoration: line-through; }

.package div.purchase { max-width: 75%; }
.purchase select { width: auto; }
.purchase .quantity input { width: 100px; }

.productRow { margin-bottom: 20px; }
.productRow select, .productRow button {  }
.productRow select.fullWidth { width: 100%; }

.package h4 { font-size: 2em; line-height: 1.2em; }

.products div.product { margin-bottom: 25px; }


*/

.cart-product table td { padding: 5px; }
.cart-product tbody.error { border: 2px solid Red;  }
.error-heading { background-color: Red; color: #ffffff; }
.error-message, .error .remaining { color: Red; }
.error .remaining { font-size: 0.9em; margin-top: 5px; line-height: 1em; }
.error-heading h5 { margin: 0; font-weight: bold; }
.cart-row { border-bottom: 1px solid #dddddd; margin-bottom: 10px; display: block;padding-bottom: 10px; }
/*.cart-row:last-child { border-bottom: 0 none; }*/
.cart-table h4, #TermsHider h3 { font-family: sans-serif; }

/* ----------- shop confirmation ------------- */
.confirm-box { padding: 15px; margin-top: 35px; font-size: 1.2em;  }
.confirm-box h2 { border-bottom: solid 1px #999999; color: #000000; margin-bottom: 20px; padding-bottom: 10px; }
.items .row:nth-child(even) { border-top: 1px solid #cccccc; }
.items .row { padding: 15px 5px 5px 5px; }
#will-call { margin-top: 40px; }
#will-call h3 { font-size: 1.4em; }

/* ------ Homepage slider ------ */
/*#Hero {
    background-color: bisque;
}
.container#Hero {
    padding: 0;
}
#HomeSlider { margin-left: -20px; }
.slide img { box-shadow: 1px 1px 2px #000000; position: relative; z-index: 1; }*/

/* ------ Navigation ------ */

ul.nav > li.top { font-size: 1.5em; font-family: BeachbuoyMedium; font-weight: normal; font-style: normal; color: #999999; }

/*nav.navbar ul.nav > li > a { margin: 5px 12px; height: 30px; }*/
nav.navbar ul.nav > li {  }
nav.navbar ul.nav > li > a { padding-top: 10px; padding-left: 10px; height: 30px; text-shadow: 1px 1px 1px #333333; }
nav.navbar ul.nav > li > a:hover { color: #16386f !important; }

.navbar-nav li a { color: #ffffff !important; text-transform: uppercase; background-color: #c18216 !important; }
.navbar-nav li > ul > li > a { font-size: 1.2em; font-family: sans-serif; }

#Home { padding-right: 5px; font-size: 1.5em; padding-left: 0px; }

.navbar-nav li.coming.top a, .navbar-nav li.coming.top a:hover { cursor: default; color: #555555 !important; text-shadow: none !important; opacity: 0.25; }
#primary-nav { float: left; }

.navbar-default .navbar-collapse { border: 0 none; }

.nav.hang a { background-color: #c18216 !important; }
.nav.hang a:hover { color: #000000 !important; }
nav ul.nav { height: 40px; }

nav.navbar { border: 0 none; }
nav.navbar ul.nav { list-style-type: none; float: left; }

ul.social-media { margin-bottom: 0; float: right; padding-left: 0; padding-right: 5px; float: right;list-style-type: none; }
ul.social-media li { float: left; position: relative; }
ul.social-media a.icon {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    margin: 5px 0 0 5px;
    background-image: url(images/icon-sprite.png);
    cursor: pointer;
}

a.facebook { background-position: -30px 0; }
a.facebook:hover { background-position: -30px -30px; }
a.twitter { background-position: 0px 0px; }
a.twitter:hover { background-position: 0px -30px; }
a.email { background-position: -60px 0px; }
a.email:hover { background-position: -60px -30px; }
a.checkout { background-position: -90px 0px; }
a.checkout:hover, a.checkout:focus, a.checkout.active { background-position: -90px -30px; }
div.row div.social-media { text-align: right;}

ul.dropdown-menu, ul.dropdown-menu li, ul.dropdown-menu a { background-color: #c18216 !important; }
ul.dropdown-menu > li > a:hover, ul.dropdown-menu > li > a:active { display: block; color: #666666 !important; background-color: #c18216 !important; }

nav.container { padding: 0;}
/*.container-fluid.nav { padding-left: 0; }*/
nav .navbar-toggle {  }
nav .navbar-toggle .icon-bar { height: 3px; }
nav .navbar-toggle { padding: 4px; background-color: #ffffff; }
nav .navbar-header { float: right; }
.toggleLabel { margin: 10px 5px 0 0; display: none; }

.breadcrumb nav { padding: 0; background-color: inherit; border-radius: 0; margin-bottom: 10px; }
.share-label { display: inline-block; position: relative; top: -7px; }
.cartAlert {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 4px;
    right: -5px;
    padding: 2px;
    background-color: Red;
    color: white;
    font-size: 0.8em;
    min-width: 15px;
    text-align: center;
    line-height: 0.8em;
    border-radius: 10px;
}

.navbar { margin-bottom: 0px; }

.copyright { text-align: center; }

.fade.ng-hide {
  transition:0.5s linear all;
  opacity:0;
}

.img-text { text-indent: -10000px; background-image: url(images/titles-sprite.html); height: 30px; margin-bottom: 10px; margin-right: 20px; }
.img-text#GetInvolved { width: 330px; }
.img-text#JoinTheParty { width: 330px; background-position: 0 -90px; }
.img-text#NewsAndUpdates { width: 330px; background-position: 0 -30px; }
.img-text#Sponsors { width: 329px; background-position: 0 -180px; }

.img-text span.chevron { background-image: url(images/icon-sprite.png); width: 210px; }


/* ----- Home ----- */
.numbers { text-align: center; }
.numbers div { background-image: url(images/numbers-sprite.html); width: 75px; height: 75px; text-indent: -10000px; display: inline-block; margin: 0.5em 0; }
.numbers div#number-1 { background-position: 0px; }
.numbers div#number-2 { background-position: -75px 0px; }
.numbers div#number-3 { background-position: -150px 0px; }

div.hang#GetInvolved { background-image: url(images/hey.html); background-repeat: no-repeat; background-position: left bottom; }

/* ----- Vending Form ----- */
#VendingOptions div.row, #VendingAddOns div.row, #VendorTickets div.row { padding: 10px 0; }
#VendingOptions div.selected, #VendingAddOns div.selected, #VendorTickets div.selected { background-color: #ffff99; }
#VendingOptions div.not-selected, #VendingAddOns div.not-selected { opacity: 0.3; }
.form-group input[type="checkbox"] + .btn-group > label span { width: 20px;}
.form-group input[type="checkbox"] + .btn-group > label span:first-child { display: none;}
.form-group input[type="checkbox"] + .btn-group > label span:last-child { display: inline-block;   }
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block;}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child { display: none;   }
.form-group input[type="checkbox"] { 
    width: 30px; box-shadow: none; -webkit-box-shadow: none; display: inline-block;
}
.form-group .checkbox-value { font-size: 1.5em; position: relative; display: inline-block; top: -8px; font-weight: normal; }
#NeedsPowerHelp { position: relative; top: -10px; }
#VendingPayment .form-group { display: inline-block; }
#VendorPayment h4 { font-family: sans-serif; font-weight: bold; text-align: right; }
#VendorAgreement button { margin-bottom: 10px;}

label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #989898;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #484a34;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #484a34;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #989898;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #484a34;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #484a34;
}

div[data-toggle="buttons"] label.active{
    color: #484a34;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#989898;
border-radius: 3px;
color: #989898;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #484a34;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

#performers h4 { margin-top: 0; }
#performers img { width: 100%; margin-bottom: 1em; }


/* ------ Utility ------ */
.icon-med { font-size: 1.5em !important; margin-top: 3px; }
.icon-green { color: #009900; }

.cart-product .warning { color: Red; font-size: 1.2em; }
.message { color: Green; font-size: 1.2em; font-style: italic; margin: 1em 0 0; }
.thumbHolder { padding-right: 0; margin-bottom: 1em; }
.thumbnail { width: 100%;margin: 10px 0 0 0; }
.thumbnail-container img { width: 100%; }
.prodImage { width: 49%; }
.welcome h3 { font-size: 2em; font-family: sans-serif; font-weight: bold; }
.headPost p { font-size: 1em; }
.headPost h3 { font-size: 2em; /*margin-bottom: 0px;*/ }
.pubdate { font-size: 12px; }
.posts h4 { /*margin-bottom: 0px;*/ }
.readmore { white-space: nowrap; }
.post { /*margin-bottom: 2em;*/ }
.text-center { text-align: center; }
.text-center img { max-width: 225px; }
.row.posts .thumb img { width: 100%; }
.post h4 { margin-top: 0; }
.fineprint { font-size: 0.8em; color: #999999; }

.not-available { font-style: italic; margin-top: 10px; font-weight: bold; font-size: 1.2em; }
.delete-x span { display: block; padding: 0 5px; background-color: #cccccc; cursor: pointer;margin-right: 5px;text-align: center; width: 20px; }
.delete-x span a { color: #ffffff; }
.delete-x span:hover { background-color: #ff0000; }
td.delete-x { padding-right: 0px !important; }
.remaining, .maxNote { font-size: 0.8em; text-transform: uppercase; /*white-space: nowrap;*/ display: inline-block; }
.maxNote { display: inline-block; margin-top: 3px; margin-right: 10px; }
.details { font-size: 0.8em; text-transform: uppercase; color: #999999; }

.special { color: #339933; font-weight: bold; font-size: 1.5em; }
.not-special { text-decoration: line-through; }

.float-image { float: right; margin: 0 0 1em 1em; }

.featuredLabel { text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 5px;
    font-weight: bold; }

#at-cv-lightbox { display: none; }

.ieWarning { font-size: 2em; width: 75%; max-width: 800px; color: #ff0000; text-align: center; margin: 0 auto 25px;}

.smheading { font-size: 0.8em; text-transform: uppercase; letter-spacing: 3px; margin: 0; display: block; }

/* ------ Bootstrap overrides ----- */
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 { height: auto; }

h1 { margin-top: 0; }
h4, h5, h6 { line-height: normal; }

label { display: inherit; }

.row { margin: 0 -15px 1em; }

.navbar { min-height: 40px; }
/*.navbar-collapse.in { overflow-y: show; }*/

.navbar-nav > li > .dropdown-menu { margin-top: 5px; }


select { margin-bottom: 0px; }

form { margin-bottom: 0; }

/* use this class to make an angular modal scrollable. */
.scrollable { position: absolute; bottom: inherit;  }

.carousel-control { width: 0%; }

.carousel-inner { background-image: url(images/bg_map.jpg); }


@media (min-width: 1200px) {
    .container { width: 750px; }
}
@media (min-width: 992px) {
    .container { width: 750px; }
}
@media (max-width: 850px) {
    /* Need to crop out and adjust some elements for small viewports */

    /* prevent horizontal scroll by cropping containers */
    .container { width: 100% !important; overflow-x: hidden; }
    .hang { margin: 0; }
    .carousel-control { font-size: 30px; }
    .carousel-control.left { left: 20px; }
    .carousel-control.right { right: 20px; }
    #myCarousel { margin: 0; }
    .hang.title h2 { margin-left: 20px; }
}
@media (min-width: 768px) {
    .container { width: 750px; }
    .home-nav { display: none; }
    .modal-dialog { width: 85%; max-width: 620px; }
}
@media (max-width: 767px) {
    nav .hang { padding: 0 35px; }
    nav ul.nav { height: auto; }
    ul.navbar-nav { float: left; }
    div.navbar-collapse { padding: 0 0 10px 0; }
    ul.social-media a.icon { margin: 5px 5px 5px 0; }
    .navbar-toggle { margin-right: 0; }
    nav.navbar ul { width: 100%; float: none;}
    ul.social-media { float: none; }
    .toggleLabel { display: inline-block }
    table.comparison { font-size: 0.9em; }
    table.comparison th { padding: 0; }
    .navbar-nav { margin: 7.5px -10px; }
    nav.navbar ul.nav > li > a[href="/"] { margin: 0px 10px; }
    h1 { font-size: 2.0em !important; }
    h3 { font-size: 1.5em !important; }
    .modal-dialog h4 { font-size: 18px; font-family: sans-serif; }
    .cart-table .thumbnail-container { display: none; }
}

@media (min-width: 768px) {
    /* product blocks are inline (override bootstrap grid) when width > 768  */
    /*.products .product-grid .row div { display: inline-block; float: none; vertical-align: top; }*/
}

@media (max-width: 360px) {
    table.comparison { font-size: 0.8em; }
    .welcome img { width: 100%; }
}

@media print {

    body { /*zoom: 80%;*/ }
    .logo-banner .logo { width: 70%; }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }
}