@font-face {
    font-family: 'NatureHand';
    src: url('../fonts/NatureHand-Regular.woff2') format('woff2'),
        url('../fonts/NatureHand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html{ margin: 0px; padding: 0px;}
body{ font-family: 'Montserrat'; font-size: 16px;
    line-height: 22px;position: relative; margin: 0px; padding: 0px; background: #0e688d ;  
    width: 100%;  overflow: auto; color: #ffffff}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none;  color: inherit;  transition: all 0.5s ease;}
a:hover{ color: #d1d2d2; text-decoration: none; }
a {
    outline: 0;
    border: 0;
}

p, ul, ol {
    margin: 0;
    padding: 0 0 1em 0;
}

ul {list-style: none;}

.home ul, ol {padding: 0px;}

hr {border-color: rgba(0, 118,169,1) !important;}

.container-fluid.full-width, .row-fluid.full-width { margin: 0; padding: 0;}
.container-fluid > .row > [class*="col-"] {padding-left:0;padding-right:0}
.container-fluid > .row {margin-left:0;margin-right:0}
.mtop-lg {
    margin-top: 30px !important;
}
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
.no-padding {padding: 0 !important;}
.no-padding-right {padding-right: 0px !important;}
.no-padding-left {padding-left: 0px !important;}
.no-margin {margin: 0px !important;}

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden;}
.inner{ max-width: 900px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.shadow5{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.videoWrapper {
    position: relative;
    padding-bottom: 51.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:0px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}
.vid{ position: relative; margin: 30px auto 0px auto; max-width: 500px; }

.green_btn{ background: #40b653; color: #ffffff;  font-size: 13px; line-height: 20px;  text-transform: uppercase;  padding: 6px 13px 6px 10px;  display: block;max-width: 400px; position: relative;}
.green_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.green_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.green_btn:hover{ color: #ffffff; background: #2f903f; }
.brown_btn{ background: #968c59; color: #ffffff;  font-size: 13px; line-height: 20px;  text-transform: uppercase;  padding: 6px 13px 6px 10px;  display: block;  max-width: 400px; position: relative;}
.brown_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.brown_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.brown_btn:hover{ color: #ffffff; background: #5b5431; }
.upload_btn{ position: relative; width: 100%; letter-spacing: 2px; max-width:500px; font-family: 'Montserrat'; margin: 0px auto 0px auto; height: 20px; z-index: 30 }
.white_btn{ font-weight: 700; background: transparent; border: 1px solid #ffffff; color: #ffffff !important; font-size: 16px; display: block; line-height: 30px; background: #09506d;  text-transform: uppercase;  padding: 6px 13px 6px 10px;  display: inline-block;   position: relative;}
.white_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.white_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn:hover{ color: #ffffff; background: #032635; border: 1px solid #ffffff; }
.player{ position: relative; width: 90%; max-width: 500px; margin: 10px auto 0px auto; }
.player iframe{ display: block; width: 100%;  }
.purple_btn{font-weight: 700; background: transparent; border: 1px solid #09506d; color: #ffffff !important; font-size: 16px; display: block; line-height: 30px; background: #09506d;  text-transform: uppercase;  padding: 6px 13px 6px 10px;  display: inline-block;   position: relative;}
.purple_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.purple_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.purple_btn:hover{ color: #ffffff; background: #640385; border: 1px solid #ffffff; }
.in_btn{ padding-bottom: 10px; position: relative; }

.white_btn_sm{ background: transparent; border: 2px solid #ffffff; color: #ffffff !important; font-size: 14px; line-height: 18px;  text-transform: uppercase;  padding: 4px 7px 4px 7px;  display: inline-block;   max-width: 400px; position: relative;}
.white_btn_sm i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.white_btn_sm span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn_sm:hover{ color: #ffffff; background: rgba(255,255,255,0.3); border: 2px solid #ffffff; }
.join_btn{ margin: 8px 0px 0px 0px; position: relative; }

.top_logo{ position: relative; display: inline-block; width: 49%; text-align: left; vertical-align: middle; }
.connect_top{ position: relative; display: inline-block; width: 49%; text-align: right; vertical-align: middle; }
.connect_top a{ display: inline-block; vertical-align: middle; font-size: 18px; line-height: 25px; margin: 5px; color: #968c59 }
.top_bar{background-color: #ffffff;}
.top_nav {text-align: left; font-size: 16px; line-height: 24px }
.top_nav ul {padding-bottom: 0px; margin-bottom: 0px;}
.top_nav li {display: inline-block; list-style-type:none; margin:0 20px 0 0;}

.top_nav li a {display:block; color:#fff; padding: 15px 0px; text-transform: uppercase; line-height: 100%;}
.top_nav li a:hover {color:#ed772f; text-decoration:none;}
.b_white{ background: #f0e7e5 !important }
.topLevel{ margin: 0px; padding: 0px; }
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.texture-stripes {background: url("../images/stripes-texture.jpg") repeat top center #fff;}

.btn.btn-orange {background-color: rgba(0, 118,169,1); color: #fff; border-radius: 0px; text-decoration: none; padding: 12px 16px; margin:5px;}
.btn.btn-orange:hover {background-color: #014b6b;}

.btn.btn-block50 {display: block; width: 50%;}
.socials{ width: 100%; text-align: center; font-size: 18px; line-height: 22px }
.socials a { display: inline-block; vertical-align: middle; margin: 5px }
.preorder{ margin-top:30px; font-size: 24px; line-height: 30px; text-align: center; font-weight: 700 }
.pre_icons{ display: inline-block;vertical-align: middle; }
.pre_icons a{ display: inline-block;
 vertical-align: middle; margin: 5px }
 .preorder span{ display: inline-block; vertical-align: middle; }

/* Header Elements - Social Media */

ul.social {margin-bottom: 0px; padding-bottom: 0px;}
ul.social li {display: inline-block; list-style: none; list-style-type: none;}

.toggle-icon {
    position: relative; 
}

.toggle-icon button {background-color: #0076a9; border: 0px; color: #fff; padding: 15px 12px; line-height: 100%; outline: 0;}
.toggle-icon button:hover {color: #000;}


#hdr_id {
    padding: 15px 0;
}


/* Footer */
#footer {background-color: #000; color: #ffffff}

#footer .row, .ShareThis {padding-top: 25px; padding-bottom: 25px;}
#footer .row.nopadding {padding-top: 0px; padding-bottom: 0px;}
#footer .separator {border-bottom: 1px solid #252525;}

#footer ul {margin-bottom: 0px;}
#footer ul li {display: inline-block; list-style: none; list-style-type: none; margin-right: 15px; }
#footer ul li:last-child {margin-right: 0px;}

#footer .social-icons  li {margin-right: 24px; font-weight: 400;}
#footer .social-icons li:last-child {margin-right: 0px;}
#ftr {
    color: #fff;
    font-size: 12px;
}
/* SOCIAL MEDIA */
/* HEADER SPECIFIC SOCIAL MEDIA */
#hdr #social-icons {
    position: absolute;
    z-index: 9999;
    background-color: #f36a1c;
}

#hdr #social-icons ul { padding: 10px;}

#hdr #social-icons li {margin-right: 10px;}
#hdr #social-icons li a, #hdr #social-icons li a:link, #hdr #social-icons li a:visited {color: #fff; text-decoration: none; outline: 0;}
#hdr #social-icons li a:hover, #hdr #social-icons li a:focus, #hdr #social-icons li a:active {color: #000;}

.sec_wall img{ width: 100%; display: block; overflow: hidden; }

.main_logo{ font-size: 40px; font-family: 'Montserrat'; color:#FFFFFF; line-height: 45px; margin: 25px 0px 0px 0px; padding-bottom: 20px; }
.main_ttl{ text-transform: uppercase;; font-size: 40px; font-family: 'Montserrat'; font-weight: 700; color:#000000; font-size: 28px; line-height: 33px; margin: 5px auto 0px auto; max-width: 400px; }
.main_ttl small{ display: block; font-size: 18px; line-height: 23px; font-weight: 400; font-style: italic }
.hash{ color:#09506d  }
.rd{ color: #e76466 }
.main_sttl{ font-size: 24px; line-height: 26px;font-weight: 400; margin: 5px 0px 0px 0px }
.main_txt{ color: #FFFFFF; letter-spacing: 2px; font-family: 'Montserrat'; text-transform: uppercase; font-size: 16px; line-height: 22px; font-weight: 500; max-width: 380px; margin: 10px auto 0px auto; position: relative; }
.orange_bar{ background:rgba(0, 118,169,1); color: #ffffff }
.sec_ttl{ position: relative; font-size: 24px; line-height: 28px; font-weight: 400; width: 100%; max-width: 595px; margin: 0px auto 0px auto; text-transform: uppercase; }
.bar_cont{ padding: 20px 0px 20px 0px; text-align: center; }
.note{ position: relative; width: 100%; margin: 10px auto 0px auto; font-size: 12px; line-height: 15px; font-weight: 400 }
.upload_btn{ position: relative; margin: 20px auto 0px auto }
.info{ width: 172px; float: right; position: relative; }
.wall canvas{ background-color: rgba(9, 80,109,1); }
.wall canvas:first-child{ background-color: transparent; opacity: 0.5; }
.img-responsive{ display: block; margin: 0px auto; position: relative; }
.album{ width: 100%; max-width:480px; margin: 20px auto 0px auto; position: relative; }

.view_box{ width: 100%; max-width: 800px; margin: 0px auto; position: relative; background: #ffffff; color: #000000; font-family: 'Open Sans',sans-serif; }
    .view_box_inner{ padding: 20px 0px 20px 0px; width: 94%; margin: 0px auto; position: relative; text-align: left; }
    .view_box hr{ position: relative; width: 100%; background: #ffffff; border:0px; border-top:1px solid #eeeeee !important; margin: 25px 0px 10px 0px !important; padding: 0px; }
    .view_box_avatar{ float: left; margin: 0px 10px 0px 0px }
    .view_box_ttl{ font-size: 14px; line-height: 17px; }
    .story_txt{ font-family: 'Georgia',serif; }
.view_box_bread{ position: relative; font-weight: bold;  padding: 0px 0px 30px 0px; font-size: 16px; line-height: 20px;}
.view_box_bread a{ display:inline-block; vertical-align: middle; position: relative; }
.view_box_bread span{ display:inline-block; vertical-align: middle; position: relative; margin: 0px 5px 0px 5px }



.fa-twitter.shareicon{ position: absolute; top:10px; right: 10px; font-size: 20px; color: #00aced  }
.fa-facebook-official.shareicon{ position: absolute; top:10px; right: 35px; font-size: 20px; color: #3b5998 }

.texture-dirt {background: url("../images/secondaryNav_bg.jpg") repeat center center #000;}
.home .texture-dirt {background: url("../images/secondaryNav_bg.jpg") repeat-x center 65px #000;}
.texture-dirt, .texture-stripes, .inner #morenav {padding-top: 25px; padding-bottom: 25px;}

.inner #morenav {padding-top: 30px; padding-bottom: 30px;}

.texture-dirt p, .texture-dirt table, .texture-dirt li, .texture-dirt h1, .texture-dirt h2, .texture-dirt h3, .texture-dirt h4, .texture-dirt h5, .texture-dirt h6, .texture-dirt label {color: #fff;}
.texture-dirt .intro h1, .texture-dirt .intro .h1 {color: #fff;}
.texture-dirt h1, .texture-dirt h2, .texture-dirt h3, .texture-dirt h4, .texture-dirt h5, .texture-dirt h6 {margin-top: 0px;}
.texture-dirt a, .texture-dirt a:link, .texture-dirt a:visited {color: rgba(0, 118,169,1); cursor: pointer;}
.texture-dirt a:hover, .texture-dirt a:focus, .texture-dirt a:active {color: #fff;}
.texture-dirt a.btn, .texture-dirt a.btn:link, .texture-dirt a.btn:visited {color: #fff; cursor: pointer;}

.texture-dirt table.hdrbids {text-align:center; border-bottom:none;}
.texture-dirt table.hdrbids th {background-color:#dedede; color:#000; text-align:center; border:none;}

.DnnModule-DNN_HTML .texture-dirt table th {background-color:#dedede; color:#dedede; text-align:center; border:none;}
.texture-dirt table th {background-color:#dedede; text-align:center; border:none; height:4px !important;}
.texture-dirt table.hdrbids tbody tr {display:none;}
.texture-dirt table.hdrbids tbody tr td {display:none;}
.texture-dirt table th.th_bid {width:15%; background-color:#dedede; color:#dedede; text-align:center; border:none;}
.texture-dirt table th.th_name {width:45%; background-color:#dedede; color:#dedede; text-align:center; border:none;}
.texture-dirt table th.th_date {width:25%; background-color:#dedede; color:#dedede; text-align:center; border:none;}
.texture-dirt table th.th_pdf {width:15%; background-color:#dedede; color:#dedede; text-align:center; border:none;}


.texture-dirt table a, .texture-dirt table a:link, .texture-dirt table a:visited {color: rgba(0, 118,169,1); cursor: pointer;}
.texture-dirt table a:hover, .texture-dirt table a:focus, .texture-dirt table a:active {color: #435e6a;}

.texture-dirt .alert-info {background-color: #555;border-color: #000;}

.graygradient {background-color: #f1eae1;}
.content{ background: #0e688d; position: relative; }
.content .inner{ max-width: calc(900px + 4%) }
.left_side{ width: 95%; margin: 2%; display: inline-block; vertical-align:  top; max-width: 430px }
.right_side{ width: 95%; margin: 2%; display: inline-block; vertical-align:  top; max-width: 430px }
.vid_ttl{ font-size: 23px; line-height: 30px; font-weight: 400; padding-bottom: 8px; margin-top:20px; }
footer{ background: #968c59; color:#ffffff; position: relative; top:0px; padding-bottom: 4px; }
.copy{ width: 75%; float: left; text-align: left;color: #ffffff; font-size: 17px; font-weight: 500; line-height: 20px; text-transform: uppercase; color: #ffffff; }
.footer_socials{ width: 25%; float: right; text-align: right; }
.footer_socials a{ display: inline-block; vertical-align: middle; font-size: 20px; ; margin: 5px; }
footer .inner{ max-width: 1200px; padding: 15px 0px 5px 0px; }
.footer_socials a{ display: inline-block; vertical-align: middle; font-size: 17px; line-height: 20px; }
footer a{ color: #ffffff !important  }
.powered{ margin: 20px 0px 0px 0px; }
.sep{ width: 100%; max-width: 100px; margin: 0px auto; height: 50px; background: url(../images/sep.png) center no-repeat; }
.ff_links{ position: relative; color: #000000; font-size: 14px; line-height: 20px; text-align: center; }

.ff{ position: relative; }
.ff .inner{ padding:20px 0px 0px 0px; position: relative; }
.cmr{ max-width: 30px; margin-right: 10px; display: inline-block; position: relative; vertical-align: middle; }
.head_mob{ display: none; }
.head{ width: 100%; height: 373px; background: url(../images/head.jpg) top center no-repeat; background-color: #0e688d}
.right_side{ width: 95%; margin-left: auto;max-width: 500px; position: relative; float: right; }
.c800{ max-width: 870px !important }
.upload_btn{ position: absolute; bottom: 0px; width: 100%; max-width: 100%; text-align: center; }
.watch_btn{ margin: 10px 0px 0px 0px; position: relative; }
.quote{font-family: 'NatureHand';font-size: 33px; line-height: 38px; text-transform: uppercase; margin: 10px auto 0px auto; width: 95%}
.follow_btn{ position: relative; margin-top: 20px }
.share_this{font-weight:700;margin-top:10px; font-size: 20px; line-height: 30px; }
.share_this span{ display: inline-block; vertical-align: middle; }
.share_this a{ display: inline-block;vertical-align: middle; margin: 5px; font-size: 35px; line-height: 35px }
@media handheld, only screen and (max-width: 900px) {

.inner{ width: 95%; max-width: 95%; margin-right: auto;; margin-left: auto;; }
.copy{ width: 100%; max-width: 100%; text-align: center; }
.footer_socials{ width: 100%; max-width: 100%; text-align: center; }


}
@media handheld, only screen and (max-width: 800px) {
    .head{ background: #0e688d; height: auto }
    .head_mob{ display: block; }
    .right_side{ width: 95%; margin: -10px auto 0px auto; text-align: center;  float:none;}
    .main_ttl{ margin-top:0px; }
.upload_btn{position: relative;
bottom: 0px;
width: 100%;
max-width: 100%;
text-align: center;
padding-bottom: 30px;
height: auto;
    }
}

@media handheld, only screen and (max-width: 500px) {
.main_ttl{ font-size: 25px; line-height: 30px }
.white_btn img{ display: none; }

}
@media handheld, only screen and (max-width: 420px) {
.main_ttl{ font-size: 20px; line-height: 20px }
}