﻿body
{
    /*background-color: #3f1a14;*/
    background-color: #e7e6e4;
    width:100%;
    height:100%;
    margin: 0px;
    padding: 0px;
    transition: all ease-in-out 3s;
}
.whiteBG{
    background-color: #fff;
}
.imgComingSoon{
    width:100%;
}
.divFull{
    width:100%;
}
#mainBody{
    overflow: hidden;
    background-image: url('img/greenBG.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}
#imgHomeAnimation{
    width: 60%;
    max-width:1000px;
    display: block;
    margin-left: auto;
    margin-right:auto;
    transition: opacity ease-in-out 3s;
}
#divHeaderHome{
    opacity:0;
    /*background-repeat:no-repeat;
    background-size: 100%;
    background-position: center top;*/
    padding: 0px;
    transition: all ease-in-out 3s;
    min-height:320px;
}
.background{    
    /*background-image: url('img/KickAshBowsHeader.jpg');*/
}
#divHiddenContent{
    transition: all ease-in-out 3s;
    display:none;
    opacity:0;
    width:90%;
    max-width:1530px;
    margin: 0px auto;
}
#mainBody{
    width:94.8%;
    display:block;
    margin: 15px auto 0px;
    box-shadow: 2px 2px 10px #414141;
}
.pSoldOut{
    color:#a40000;
    text-align:right;
    font-style:italic;
}
#colSideNav{
    background-image: url('img/guyWIthBox.png');
    background-size: 100%;
    background-repeat: no-repeat;
    min-height:1050px;
    width: 350px;
    float:left;
}
#divMainConent{
    width:100%;
    padding: 50px 70px 0px 370px;
}
.imgHeader{
    width:200px;
}
.sideNav{
    list-style-type:none;
    margin-top: 300px;
    margin-left: 50px;
    width: 200px;
}
.sideNav li{
    padding-left: 15px;
    font-size: 30px;
    font-family: 'Kaushan Script', cursive;
    padding: 20px 10px;
}
.sideNav li a{
    color: #fff;
    transition: all ease-in-out 0.5s;
}
#liHome, #liBows, #liAbout, #liPreOrder, #liLE, #liGallery{
    border-bottom: 1px #2dc1a7 solid;
}
.sideNav li a:hover{
    color: #2dc1a7;
}
.sideNav .liActive a{
    color: #c84524;
}
.sideNav .liActive a:hover{
     color: #b4472c;
}
.imgKAB{
    width:850px;
    max-width:100%;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
.imgKABcontainer{
    width:100%;
    display:block;
}
/*
    font-family: 'Cuprum', sans-serif;
    font-family: 'Kalam', cursive;
    font-family: 'Kaushan Script', cursive;
    font-family: 'Luckiest Guy', cursive;
*/
.whiteBox{
    background-color: #e7e6e4;
    border: #27333f solid 5px;
    padding:20px;
}
p, ul{
    font-size: 28px;
    font-family: 'Kalam', cursive;
    color: #27333f;
}
.h2PageHeader{
    font-family: 'Luckiest Guy', cursive;
    color: #27333f;
}
a, a:hover, a:visited{
    text-decoration:none;
}
.h3Subheader{
    font-family: 'Kaushan Script', cursive;
    color: #fff;
    text-align: right;
    margin-top:0px;
    width:850px;
    max-width:100%;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding-right:25px;
    font-size: 35px;
}
.imgHomeTop{
    width:107%;
}
.lineBlue{
    height:0px;
    width:90%;
    margin: 30px auto;
    border-bottom: #27333f solid 1px;
}
.imgHomeBow{
    width:100%;
    margin-bottom: 30px;
}
#lowerContentHome{
    padding: 30px 50px;
}
.h4Subheader{
    font-size: 30px;
    text-align: center;
    font-family: 'Kalam', cursive;
}
.imgFull{
    width:100%;
}
#imgTopBows{
    border: #27333f solid 5px;
}
.blueBox{
    background-color: #27333f;
    padding:15px;
}
.blueBox p{
    color: #fff;
    font-size:25px;
}
.spanSubscript{
    vertical-align: sub;
    font-size:22px;
}
.imgAbout{
    width:100%;
}
.h3About{
    color: #2dc1a7;
    font-family: 'Luckiest Guy', cursive;
    text-align:center;
    font-size:32px;
}
#bbAbout p{
    font-size: 28px;
    text-align:center;
}
#imgTopContact{
    margin-bottom:20px;
    width:80%;
    display:block;
    margin-right:auto;
    margin-left: auto;
}
#bbContact .h3Contact{
    font-family: 'Luckiest Guy', cursive;
    color: #fff;
    margin-top: 0px;
    margin-bottom:20px;
}
.pCopyright{
    color: #2caa8c;
    font-size: 18px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
#whiteBoxPreOrder{
    margin: 30px 30px 0px 30px;
}
#whiteBoxPreOrder .h3About{
    margin-bottom: 30px;
}
.pPreOrder{
    font-size: 22px;
}
#h3PreOrder{
    color: #27333f;
}
.pPreOrderForm, .ulPreOrder{
    font-size: 18px;
    color: #414141;
    font-family: 'Kalam', cursive;
}
.h2PreOrder{
    color:#fff;
    text-align:center;
    font-family: 'Cuprum', sans-serif;
    text-transform:uppercase;
    font-size:40px;
}
#frmPreOrder{
    max-width:100%;
}
#frmPreOrder input, #frmPreOrder textarea{
    font-size:20px;
    color: #27333f;
    width:100%;
    border-width: 2px;
    border-style: inset;
}
#frmPreOrder textarea{
    min-height:390px;
}
#frmPreOrder button{
    border-radius: 5px;
    -moz-border-radius:5px;
    color: #fff;
    font-size:20px;
    background-color: #2dc1a7;
    text-shadow: #27333f 1px 1px 3px;
    display:block;
    margin:20px auto;
}
#frmPreOrder label{
    color: #27333f;
    width:100%;
    font-size:20px;
}
.pHeaderPurchase{
    font-weight:bold;
}
.pPurchase{
    font-size: 24px;
}
.ulPurchase{
    font-size: 20px;
}
.pPrice{
    color: #2caa8c;
    text-align: right;
    margin-bottom:0px;
}
.pShipping{
    text-align: right;
    color: #414141;
}
#containerPaypal{
    width:100%;
    display:block;
    margin:0px auto;
}
#containerPaypal form{
    width:245px;
    float:right;
}
#containerPaypal form input[type="image"]{
    max-width:100%;
}
#imgPurchase{
    box-shadow: 2px 2px 10px #414141;
}
@media only screen and (min-width:1148px){
    #colSideNavMobile{
        display:none;
    }
}
@media only screen and (max-width:1147px) and (min-width:769px){
    #colSideNav{
        display:none;
    }
    .btnMenu{
        width:115px;
    }
    #colSideNavMobile .sideNav{

    }
    #colSideNavMobile .menuClosed{
        display:none;
        opacity:0;
    }
    #colSideNavMobile .menuOpen{
        opacity:1;
        width:86%;
        background-image: url('img/blueBox.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-top:0px;
    }
    #colSideNavMobile .sideNav li{
        text-align:center;
        padding: 50px 20px;
    }
    #divMainConent{
        padding-left: 70px;
    }
}
@media only screen and (max-width:768px){
    #colSideNav{
        display:none;
    }
    .btnMenu{
        width:115px;
    }
    #colSideNavMobile .sideNav{

    }
    #colSideNavMobile .menuClosed{
        display:none;
        opacity:0;
    }
    #colSideNavMobile .menuOpen{
        opacity:1;
        width:100%;
        padding-left:0px;
        background-image: url('img/blueBox.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-top:0px;
        margin-left:0px;
    }
    #colSideNavMobile .sideNav li{
        text-align:center;
        padding: 50px 20px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #divMainConent{
        padding: 50px 18px 0px 20px;
    }
    #divHiddenContent{
        width:100%;
    }
    .h3Subheader{
        font-size:20px;
    }
}
.imgHomeNews{
    max-width:100%;
}
#boxNews, .boxNews{
    margin-top:15px;
}
#boxNews .h2PageHeader, .boxNews .h2PageHeader{
    font-size: 80px;
    text-align:center;
    text-shadow: #Fff 2px 2px 0px;
    color: #2caa8c;
}
#boxNews .h4Subheader{
    text-align:left;
    color: #fff;
    margin-top: 30px;
    margin-right: 15px;
    line-height: 42px;
}
.boxNews .h4Subheader{
    text-align:center;
    color: #fff;
    margin-top: 30px;
    margin-right: 15px;
    line-height: 42px;
    font-family: 'Luckiest Guy', cursive;
}
.boxNews #btnShopNow{
    background-color: #2caa8c;
    border-color: #2caa8c;
    margin-top:55px;
}
.boxNews #header1{
    font-size: 34px;
}
.boxNews #header2{
    font-size: 36px;
}
.boxNews #header3{
    font-size: 44px;
}
#imgMcAfeesBreeze{
    margin-top:-15px;
    margin-right:-15px;
}
.colNoPadding{
    padding:0px;
}
#whiteBoxLE{
    padding:15px;
}
#whiteBoxLE .h3About{
    font-size: 28px;
}
.spItalic{
    font-style:italic;
    font-weight:bold;
}
.headerTL{
    font-weight:bold;
    padding-bottom:3px;
    border-bottom: solid 1px #27333f;
    text-transform:uppercase;
    text-align:center;
}
.divTL{
    margin:30px auto;
    max-width:100%;
    display:block;
    width:250px;
}
.spanTL{
    padding-right: 30px;
}
#pPriceTitleLE{
    width:388px;
    max-width:100%;
    display:inline-block;
    text-align:right;
    padding-right:5px;
    margin-bottom: 0px;
    color: #2caa8c;
}
.pPriceLE{
    display:inline-block;
    text-align:right;
    width:80px;
    margin-bottom: 0px;
    color: #2caa8c;
}
#pPriceLELower{
    margin-bottom: 10px;
    color: #27333f;
}
#pPriceFootnote{
    width:388px;
    max-width:100%;
    display:inline-block;
    text-align:right;
    padding-right:5px;
}
#pDetailsLE{
    margin-top:0px;
}
#pDetailsLE .spanProductDetails{
    font-weight:bold;
}
#frmBuyNowLP{
    font-size: 22px;
    font-family: 'Kalam', cursive;
    color: #27333f;
}
#frmBuyNowLP table{
    display:inline-block;
}
#frmBuyNowLP input[type="image"]{
    display:inline-block;
    width:198px;
}
.imgFull{
    max-width:100%;
}
#imgSuccess{
    border: #27333f 5px solid;
    width:800px;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
.imgYouTube{
    max-width:100%;
    width:200px;
    display:block;
    margin:100px auto;
}
#pCredits {
    margin-top:20px;
}
#pCredits .spanProductDetails{
    font-weight:bold;
}
#divFull{
    min-height: 300px;
    border-bottom: #fff solid 5px;
}
#imgPhone, #imgUhOh{
    height:300px;
    width:auto;
    display:block;
    margin:0px auto;
}
.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
#shipFootnote{
    font-weight:bold;
    text-align:right;
}
.imgEagle{
    width:100%;
}
.h3Eagle{
    font-family: 'Luckiest Guy', cursive;
    color: #a40000;
    font-size: 35px;
    text-align: center;
    margin-top:35px;
}
.pEagle{
    font-family: 'Luckiest Guy', cursive;
    font-size: 30px;
    text-align: center;
    margin-top:35px;
}
#pEagle1{
    font-size:32px;
}
#pEagle2{
    font-size:45px;
    color: #1e50b7;
}
#pEagle3{
    font-size:35px;
    color: #6b6b6b;
}
.h3BowsAbout{
    font-family: 'Luckiest Guy', cursive;
    color: #2caa8c;
}
.ulBowsAbout{
    font-size:20px;
}
.ulBowsAbout li a{
    color: #2caa8c;
    transition: all ease-in-out 0.5s;
}
.ulBowsAbout li a:hover{
    color: #c84524;
}
#BowsPopup{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color: rgba(0, 0, 0, 0.76);
}
#BowsPopup .innerContainer{
    background-color: #e7e6e4;
    width:70%;
    min-height:500px;
    display:block;
    min-width:300px;
    margin: 30px auto;
    padding:20px;
}
#BowsPopup .btnContainer{
    float:right;
    width:30px;
    height:30px;
}
#BowsPopup .btnClose{
    border-radius: 100px;
    -moz-border-radius: 100px;
    width:30px;
    height:30px;
    background-color: #a40000;
    text-align:center;
    color: #e7e6e4;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: #2e0000 0px 1px 10px inset;
}
#BowsPopup #h2BowsInfo{
    font-family: 'Luckiest Guy', cursive;
    color: #2caa8c;
    text-align:center;
    margin-top: 50px;
}
#BowsPopup #h3BowsInfo{
    font-family: 'Luckiest Guy', cursive;
    text-align:center;
    color: #27333f;
    font-size: 30px;
}
#BowsPopup #pBowsInfo, #BowsPopup #p2BowsInfo{
    text-align:center;
    margin: 50px auto;
}
#displayBows a{
    color: #2caa8c;
    transition: all ease-in-out 0.5s;
}
#displayBows a:hover{
    color: #c84524;
}
#btnShopNow{
    font-family: 'Luckiest Guy', cursive;
    font-size:26px;
    background-color: #27333f;
    width:152px;
    display:block;
    margin-right:auto;
    margin-left:auto;
}
#homeCrossSeries .h4Subheader{
    color: #2caa8c;
    font-size: 36px;
    margin-top: 90px;
    margin-bottom: 30px;
}
.imgHomeBows{
    max-width:100%;
    box-shadow: #414141 2px 2px 10px;
}
.imgThumbnail{
    width: 100%;
}
.thumbnailContainer{
    width:100%;
    margin-top: 15px;
}
.thumbnail{
    width: 19%;
    display:inline-block;
}
.divFullRow{
    width: 100%;
    display: block;
    min-height:425px;
}
.imgReview{
    width:100%;
    margin-bottom: 10px;
}
.divReview{
    border: #2caa8c 2px solid;
    padding: 10px;
    background-color: #fff;
}
.divReview .pPurchase{
    color: #2caa8c;
    text-align:center;
    text-transform: uppercase;
}
.divReview #txtReview{
    color: #4b4b4b;
    text-transform: none;
    text-align:left;
}
.imgSpecs{
    width:100%;
}
.pSignature{
    text-align:right;
    color: #2caa8c;
    font-size: 24px;
}
.spanBoldUnderline{
    font-weight:bold;
    text-decoration: underline;
}
.spanBold{
    font-weight:bold;
}
#containerPaypal form tr td, #containerPaypal form select{
    font-family: 'Kalam', cursive;
    font-size: 20px;
}
.imgSlavenBow{
    width:100%;
}
#rowBowsBC #btnShopNow{
    background-color: #2caa8c;
    border-color:  #2caa8c;
    margin-top:30px;
}
.hrBlue{
    border-top-color: #27333f;
}
.superscript { position: relative; top: -0.5em; font-size: 50%; }
#displayBowNine .h4Subheader, #displayChili .h4Subheader{
    margin: 80px 0px;
}
#thumbnailContainer .colTN{
    display: inline-block;
    padding:0px;
    border: #414141 solid 1px;
    width:23.5%;
    margin: 2px 1px;
}
#thumbnailContainer{
    width:100%;
    margin-top: 20px;
}
#imgPurchase{
    transition: all ease-in-out 0.5s;
}
#imgPurchaseContainer{
    background-image: url('img/TheBearClawLogo.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
}
#whiteBoxLower{
    margin:20px 20px 0px 20px;
}
#h3Spotlight{
    font-size: 36px;
}
#h3SpotlightSubheader{
    font-size: 40px;
    color: #27333f;
}
.imgAboutSpotlight{
    width:250px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:15px;
}
.imgAboutAlbum{
    width:250px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.imgAboutMovie{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.audioDisplay{
    width:300px;
    max-width:100%;
    margin:20px auto;
    display:block;
}
.pMarginTop{
    margin-top:50px;
}
.pCenter{
    text-align:center;
}
.imgAboutFarm{
    width:100%;
}
#whiteBoxLower  #pAboutLastPara{
    font-size: 23px;
    color: #2caa8c;
    text-align:center;
}
.spanUnderline{
    text-decoration:underline;
}
#whiteBoxLower .pAbout{
    font-size: 27px;
    font-weight:100;
}
#imgMainGallery{
    max-height:660px;
    max-width:100%;
    width:auto;
    height:auto;
    display:block;
    margin-left:auto;
    margin-bottom:10px;
    margin-right: auto;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.divTN{
    height:150px;
    width:150px;
    overflow:hidden;
    display:inline-block;
    -webkit-filter: brightness(70%);
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.imgTN{
    width:100%;
    min-height:150px;
    margin-right:2px;
    margin-left: 2px;
}
.divTN:hover{
    -webkit-filter: brightness(100%);
}
#divGalleryContainer{
    /*min-height: 670px;*/
    background-image: url('img/DustyPaper.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:100%;
}
#bbThumbnails{
    height: 300px;
    overflow-y: scroll;
    padding:12px;
}
#h2Gallery{
    color:#fff;
    text-align:center;
}
#containerArrows{
    position:absolute;
    z-index:10000;
    margin-top: 200px;
    width:98%;
}
.arrowGallery a{
    color: rgba(39, 51, 63, 0.50);
    font-size: 50px;
    font-weight:bold;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    text-decoration: none;
}
.arrowGallery a:hover{
    color: #27333f;
}
.arrowGallery a:visited .arrowGallery a:active, .arrowGallery a:hover{
    text-decoration: none;
}
#arrowContainerRight{
    float:right;
}
#arrowContainerLeft{
    float:left;
}
.arrowContainer{
    width:70px;
    height:70px;
}
.imgSpringFling{
    width:100%;
}
.imgSpringFling{
    border-radius: 20px;
    -moz-border-radius: 20px;
}
#divContent1{
    width:100%;
    transition: all ease-in-out 2s;
}
#divContent1.divHide{
    height: 0px;
    overflow:hidden;
}
#divContent.divShow{
    height:auto;
}
#iframeEHL{
    padding-top: 75.25%;
}
.pdfROF{
    width:100%;
    min-height: 1000px;
}
a:visited{
    text-decoration: none;
}
#frmTshirts select{
    margin-bottom:15px;
}
#frmTshirts td{
    color: #27333f;
    font-family: 'Kalam', cursive;
    font-size: 18px;
}
.imgBowInt{
    width: 150px;
    display:block;
    margin-right:auto;
    margin-left:auto;
}