/* GLOBAL */
/* GLOBAL CSS */

/* =========================================================================================================== */
/* ============ Random Adjustments that should never need to be changed ============ */
/* =========================================================================================================== */

@media (max-width: 767px){
    .dropdown-submenu b {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
    #navContainer ul {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
    .dropdown-toggle {background-color: inherit;}
}
@media (min-width: 768px){
    .thirdLevelText {margin-left: -1px;}
    .dropdown-submenu .dropdown-menu {margin-top: 0;}
    .navbar-nav .dropdown-menu {right: auto; left: 0;}
    .navbar-nav:last-child {margin-right: 0 !important;}
}
footer p.text-muted {display: none;}
#navContainer ul {padding-top: 0; padding-bottom: 0;}
a, a:hover {cursor:pointer;} a:focus {outline: transparent;}
strong {font-weight: 700;}
.navbar {min-height: 0; height: 0;}
.form-horizontal .req {margin-left: -7px;}
lable {font-weight: inherit;}
.form-group label.btn {padding: 6px 8px;}
.btn, .btn:hover {text-decoration: none !important;}
.Image_Wrapper {border-radius: 0;} .Collage img {border: 1px solid white;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color: transparent;}
body {overflow-x: hidden !important;}

/* =========================================================================================================== */
/* ============ Dynamic Paddings and Margins ============ */
/* =========================================================================================================== */

@media (max-width: 767px){ /* xs */
#savecontent{padding-top:25px; padding-bottom: 25px;}.margin-bottom{margin-bottom: 25px;}.margin-top{margin-top: 25px;}.negative-top-margin, .flush-with-nav{margin-top:-25px}
.negative-bottom-margin{margin-bottom:-25px}.margin-top-bottom{margin-top: 25px; margin-bottom: 25px;}.padding-top{padding-top:25px;}.padding-bottom{padding-bottom:25px;}
.padding-top-bottom, footer{padding-top: 25px; padding-bottom: 25px;}}
@media (min-width: 768px){ /* sm */
#savecontent{padding-top:30px; padding-bottom: 30px;}.margin-bottom{margin-bottom: 30px;}.margin-top{margin-top: 30px;}.negative-top-margin, .flush-with-nav{margin-top:-30px}
.negative-bottom-margin{margin-bottom:-30px}.margin-top-bottom{margin-top: 30px; margin-bottom: 30px;}.padding-top{padding-top:30px;}.padding-bottom{padding-bottom:30px;}
.padding-top-bottom, footer{padding-top: 30px; padding-bottom: 30px;}}
@media (min-width: 992px){ /* md */
#savecontent{padding-top:35px; padding-bottom: 35px;}.margin-bottom{margin-bottom: 35px;}.margin-top{margin-top: 35px;}.negative-top-margin, .flush-with-nav{margin-top:-35px}
.negative-bottom-margin{margin-bottom:-35px}.margin-top-bottom{margin-top: 35px; margin-bottom: 35px;}.padding-top{padding-top:35px;}.padding-bottom{padding-bottom:35px;}
.padding-top-bottom, footer{padding-top: 35px; padding-bottom: 35px;}}
@media (min-width: 1200px){ /* lg */
#savecontent{padding-top:40px; padding-bottom: 40px;}.margin-bottom{margin-bottom: 40px;}.margin-top{margin-top: 40px;}.negative-top-margin, .flush-with-nav{margin-top:-40px}
.negative-bottom-margin{margin-bottom:-40px}.margin-top-bottom{margin-top: 40px; margin-bottom: 40px;}.padding-top{padding-top:40px;}.padding-bottom{padding-bottom:40px;}
.padding-top-bottom, footer{padding-top: 40px; padding-bottom: 40px;}}
@media (min-width: 1600px){ /* xl */
#savecontent{padding-top:45px; padding-bottom: 45px;}.margin-bottom{margin-bottom: 45px;}.margin-top{margin-top: 45px;}.negative-top-margin, .flush-with-nav{margin-top:-45px}
.negative-bottom-margin{margin-bottom:-45px}.margin-top-bottom{margin-top: 45px; margin-bottom: 45px;}.padding-top{padding-top:45px;}.padding-bottom{padding-bottom:45px;}
.padding-top-bottom, footer{padding-top: 45px; padding-bottom: 45px;}}
@media (min-width: 1800px){ /* xxl */
#savecontent{padding-top:55px; padding-bottom: 55px;}.margin-bottom{margin-bottom: 55px;}.margin-top{margin-top: 55px;}.negative-top-margin, .flush-with-nav{margin-top:-55px}
.negative-bottom-margin{margin-bottom:-55px}.margin-top-bottom{margin-top: 55px; margin-bottom: 55px;}.padding-top{padding-top:55px;}.padding-bottom{padding-bottom:55px;}
.padding-top-bottom, footer{padding-top: 55px; padding-bottom: 55px;}}

.no-margins{margin-top:0;margin-bottom:0;}.no-top-margin{margin-top:0;}.no-bottom-margin{margin-bottom:0;} footer {margin-top: 0 !important;}



/* =========================================================================================================== */
/* ============ Custom Media Queries ============ */
/* =========================================================================================================== */

@media (min-width: 1600px) {/* XL Media Queries */
.col-xl-12 {width: 100%;}.col-xl-11 {width: 91.66666667%;}.col-xl-10 {width: 83.33333333%;}.col-xl-9 {width: 75%;}.col-xl-8 {width: 66.66666667%;}.col-xl-7 {width: 58.33333333%;}.col-xl-6 {width: 50%;}.col-xl-5 {width: 41.66666667%;}.col-xl-4 {width: 33.33333333%;}.col-xl-3 {width: 25%;}.col-xl-2 {width: 16.66666667%;}.col-xl-1 {width: 8.33333333%;}.col-xl-pull-12 {right: 100%;}.col-xl-pull-11 {right: 91.66666667%;}.col-xl-pull-10 {right: 83.33333333%;}.col-xl-pull-9 {right: 75%;}.col-xl-pull-8 {right: 66.66666667%;}.col-xl-pull-7 {right: 58.33333333%;}.col-xl-pull-6 {right: 50%;}.col-xl-pull-5 {right: 41.66666667%;}.col-xl-pull-4 {right: 33.33333333%;}.col-xl-pull-3 {right: 25%;}.col-xl-pull-2 {right: 16.66666667%;}.col-xl-pull-1 {right: 8.33333333%;}.col-xl-pull-0 {right: 0;}.col-xl-push-12 {left: 100%;}.col-xl-push-11 {left: 91.66666667%;}.col-xl-push-10 {left: 83.33333333%;}.col-xl-push-9 {left: 75%;}.col-xl-push-8 {left: 66.66666667%;}.col-xl-push-7 {left: 58.33333333%;}.col-xl-push-6 {left: 50%;}.col-xl-push-5 {left: 41.66666667%;}.col-xl-push-4 {left: 33.33333333%;}.col-xl-push-3 {left: 25%;}.col-xl-push-2 {left: 16.66666667%;}.col-xl-push-1 {left: 8.33333333%;}.col-xl-push-0 {left: 0;}.col-xl-offset-12 {margin-left: 100%;}.col-xl-offset-11 {margin-left: 91.66666667%;}.col-xl-offset-10 {margin-left: 83.33333333%;}.col-xl-offset-9 {margin-left: 75%;}.col-xl-offset-8 {margin-left: 66.66666667%;}.col-xl-offset-7 {margin-left: 58.33333333%;}.col-xl-offset-6 {margin-left: 50%;}.col-xl-offset-5 {margin-left: 41.66666667%;}.col-xl-offset-4 {margin-left: 33.33333333%;}.col-xl-offset-3 {margin-left: 25%;}.col-xl-offset-2 {margin-left: 16.66666667%;}.col-xl-offset-1 {margin-left: 8.33333333%;}.col-xl-offset-0 {margin-left: 0;}
    .visible-xl {display: inline !important;}table.visible-xl {display: table;}tr.visible-xl {display: table-row !important;}th.visible-xl, td.visible-xl {display: table-cell !important;}.hidden-xl {display: none !important;}}
    @media (max-width: 1599px){.visible-xl {display: none !important;}}

@media (max-width: 459px) {/* XXS Media Queries */
.col-xxs-12 {width: 100%;}.col-xxs-11 {width: 91.66666667%;}.col-xxs-10 {width: 83.33333333%;}.col-xxs-9 {width: 75%;}.col-xxs-8 {width: 66.66666667%;}.col-xxs-7 {width: 58.33333333%;}.col-xxs-6 {width: 50%;}.col-xxs-5 {width: 41.66666667%;}.col-xxs-4 {width: 33.33333333%;}.col-xxs-3 {width: 25%;}.col-xxs-2 {width: 16.66666667%;}.col-xxs-1 {width: 8.33333333%;}.col-xxs-pull-12 {right: 100%;}.col-xxs-pull-11 {right: 91.66666667%;}.col-xxs-pull-10 {right: 83.33333333%;}.col-xxs-pull-9 {right: 75%;}.col-xxs-pull-8 {right: 66.66666667%;}.col-xxs-pull-7 {right: 58.33333333%;}.col-xxs-pull-6 {right: 50%;}.col-xxs-pull-5 {right: 41.66666667%;}.col-xxs-pull-4 {right: 33.33333333%;}.col-xxs-pull-3 {right: 25%;}.col-xxs-pull-2 {right: 16.66666667%;}.col-xxs-pull-1 {right: 8.33333333%;}.col-xxs-pull-0 {right: 0;}.col-xxs-push-12 {left: 100%;}.col-xxs-push-11 {left: 91.66666667%;}.col-xxs-push-10 {left: 83.33333333%;}.col-xxs-push-9 {left: 75%;}.col-xxs-push-8 {left: 66.66666667%;}.col-xxs-push-7 {left: 58.33333333%;}.col-xxs-push-6 {left: 50%;}.col-xxs-push-5 {left: 41.66666667%;}.col-xxs-push-4 {left: 33.33333333%;}.col-xxs-push-3 {left: 25%;}.col-xxs-push-2 {left: 16.66666667%;}.col-xxs-push-1 {left: 8.33333333%;}.col-xxs-push-0 {left: 0;}.col-xxs-offset-12 {margin-left: 100%;}.col-xxs-offset-11 {margin-left: 91.66666667%;}.col-xxs-offset-10 {margin-left: 83.33333333%;}.col-xxs-offset-9 {margin-left: 75%;}.col-xxs-offset-8 {margin-left: 66.66666667%;}.col-xxs-offset-7 {margin-left: 58.33333333%;}.col-xxs-offset-6 {margin-left: 50%;}.col-xxs-offset-5 {margin-left: 41.66666667%;}.col-xxs-offset-4 {margin-left: 33.33333333%;}.col-xxs-offset-3 {margin-left: 25%;}.col-xxs-offset-2 {margin-left: 16.66666667%;}.col-xxs-offset-1 {margin-left: 8.33333333%;}.col-xxs-offset-0 {margin-left: 0;}
    .visible-xxs {display: inline !important;}table.visible-xxs {display: table;}tr.visible-xxs {display: table-row !important;}th.visible-xxs, td.visible-xxs {display: table-cell !important;}.hidden-xxs {display: none !important;}}
    @media (min-width: 460px){.visible-xxs {display: none !important;}}
    
    
    
/* =========================================================================================================== */
/* ============ Alternative way to Size Containers, remove to revert to Bootstrap defaults ============ */
/* =========================================================================================================== */

@media (min-width: 768px) {
    #savecontent .container-fluid {padding-left: 50px; padding-right: 50px;} footer .container-fluid {padding-left: 50px; padding-right: 50px;}}
@media (max-width: 767px) {
    #savecontent .container-fluid .container, #savecontent .container .container {width: 100%;} footer .container-fluid .container, footer .container .container {width: 100%;}
    #savecontent .container, footer .container {max-width: 459px;}
    .pre-header .container, .post-header .container {padding-left: 10px; padding-right: 10px;}}
@media (min-width: 768px) {
    #savecontent .container {width: 670px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 640px;}
    footer .container {width: 670px;} footer .container-fluid .container, footer .container .container {width: 640px;} .inner-header.container {width: 750px;}}
@media (min-width: 992px) {
    #savecontent .container {width: 890px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 860px;}
    footer .container {width: 890px;} footer .container-fluid .container, footer .container .container {width: 860px;} .inner-header.container {width: 970px;}}
@media (min-width: 1200px) {
    #savecontent .container {width: 1090px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1060px;}
    footer .container {width: 1090px;} footer .container-fluid .container, footer .container .container {width: 1060px;} .inner-header.container {width: 1170px;}}
@media (min-width: 1600px) {
    #savecontent .container, .pre-header .container, .post-header .container {width: 1330px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1300px;}
    footer .container {width: 1330px;} footer .container-fluid .container, footer .container .container {width: 1300px;}
    #headerContainer .container, #navContainer .container {width: 1330px;}}


/* =========================================================================================================== */
/* ============ Quick Effects and Modifications ============ */
/* =========================================================================================================== */

/* change font weight of bold items, match h6 in Font Manager */
strong {font-weight: 900;}

/* change color/style of HR */
hr {border-top: 1px solid rgba(130,130,130,0.5);}

/* create a dark overlay for background image, must be within a div that has style="position: relative;" */
.darkOverlay {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0;}

/* add class to wrapping DIV to change text color within */
.dark-text, .dark-text p, .dark-text ul, .dark-text li, .dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6 {color: #111;}
.light-text, .light-text p, .light-text ul, .light-text li, .light-text h1, .light-text h2, .light-text h3, .light-text h4, .light-text h5, .light-text h6  {color: #eee;}

/* add class to image to create floated image */
@media (min-width: 1px){.float-left, .float-right{width: 100%;margin-bottom:15px; margin-top: 10px;}}
@media (min-width: 768px){.float-left{width: 350px; max-width: 50%; float:left;margin:3px 20px 10px 0;} .float-right{width: 350px; max-width: 50%; float:right;margin:3px 0 10px 20px;}}

.drop-shadow {-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);}
.text-shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.quick-border {border: 1px solid #aaa;}

.bigtext {font-size: 120%;} .smalltext {font-size: 70%;}
.narrow-container {max-width: 1000px;}


/* =========================================================================================================== */
/* ============ Carousel Fade Effect ============ */
/* =========================================================================================================== */

.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}



/* =========================================================================================================== */
/* ============ Gallery Modifications ============ */
/* =========================================================================================================== */

.Caption_Content a {color: white !important; text-decoration: none;}
.Caption_Content a:hover {text-decoration: underline;}.Collage img:hover {opacity: .9; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
.gallery-wrapper {padding-top: 30px; padding-bottom: 30px; background: white;}


/* =========================================================================================================== */
/* ============ Blog Modifications ============ */
/* =========================================================================================================== */

@media (max-width: 1199px){
    .blog .img-responsive {margin-bottom: 15px !important;}
    .blog .col-xs-12.col-sm-6.col-lg-4 {width: 100%;}
    .blog .col-xs-12.col-sm-6.col-lg-8 {width: 100%;}
}
.blog .btn-primary {margin-top: -30px; margin-bottom: 15px;}

.blog {background: white; padding: 5px 20px 30px 20px; margin-bottom: 40px; margin-top: 0;}
.blog-wrapper {margin-bottom: -60px;}


/* =========================================================================================================== */
/* ============ Calendar Modifications ============ */
/* =========================================================================================================== */

/* =========================================================================================================== */
/* ============ Accordion Modifications ============ */
/* =========================================================================================================== */

/* =========================================================================================================== */
/* ============ Modal Modifications ============ */
/* =========================================================================================================== */

.modal {z-index: 9999;}
.modal-dialog {border: 1px solid white;}
.modal-header {background: #A41D29;}
.modal-header h4 {color: white;}
.modal-body {background: #111;} .modal-body, .modal-body p, .modal-body li {color: #eee;}
.modal-footer {background: #A41D29;}
.modal {background: rgba(0,0,0,0.75);}


/* =========================================================================================================== */
/* ============ Form Modifications ============ */
/* =========================================================================================================== */


/* =========================================================================================================== */
/* ============ Template-Specific Modifications ============ */
/* =========================================================================================================== */

#savecontent a:not(.btn) {font-weight: 900;}
#savecontent form label {font-size: 14px;}

.title {
    background: #A51E2A;
    text-align: center;
    color: white;
    padding: 10px;
}

.stones img {
    -webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.2);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: white;
}

@media (min-width: 768px){ /* enlarge image hover effect */
.grow img:hover {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    position: absolute;
    z-index: 99999;
    left: 0;
    border-radius: 30px;
    overflow: hidden;
    cursor: zoom-in;
    border: 7px solid white;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
}}

@media(min-width: 460px) and (max-width: 991px) { .stone-row > *:nth-child(2n+1) {clear: left !important;}} /* this is how to prevent weird floats when columns aren't exact same height */
@media(min-width: 992px) and (max-width: 1199px) { .stone-row > *:nth-child(3n+1) {clear: left !important;}} /* change the number before "n" to match the number of columns at each screen size */
@media(min-width: 1200px) and (max-width: 1599px) { .stone-row > *:nth-child(3n+1) {clear: left !important;}} /* .stones is a class on the .row div that contains the columns in question */
@media(min-width: 1600px){ .stone-row > *:nth-child(4n+1) {clear: left !important;}}

.gray-header {background: #333; padding-top: 25px; padding-bottom: 25px;}

.wood-bg {background: #111 url(/userfiles/1111/images/wood-bg.jpg) repeat left top fixed;}
@media (max-width: 767px) { .wood-bg {background-size: 200px 200px;}}
@media (min-width: 768px) { .wood-bg {background-size: 350px 350px;}}
@media (min-width: 1200px) { .wood-bg {background-size: 500px 500px;}}

.blog-detail-page {background: #bbb;}

.oms-checkout-coupon{
    display:none
} 

/* PAGE SPECIFIC */

/* FOOTER */

footer { background-color: rgb(9, 9, 9); margin-top: 20px; }