body {
	background-color:#fff;
	font-size:16px;
	font-family:'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wrapper {
	margin:0 auto;
    background-color:#fff; 
}

/* make images responsive */
img{
    max-width:100%!important;
    height:auto!important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Nunito Sans', sans-serif; 
	font-weight:300; 
	color:#333; 
	/*text-transform: uppercase;*/
}

h1 {font-size:36px;}
h2 {font-size:31px;}
h3 {font-size:25px;}

a{color:#176AAE!important;}
a:hover{color:#176AAE;}

#header {
background-color:#FBFBFB; padding:6px 0 6px 0;
border-bottom:1px solid #ccc;
}

.cont-middle ul {
  list-style: none; /* Remove default bullets */
}

.cont-middle ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #58C9C9;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-bottom:17px;
}

/* ---------------------- */
/* -------- nav --------- */
/* ---------------------- */

.nav-wrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 10000;
    border-bottom:1px solid #333;
}

.nav-container {
	/* override Bootstrap ".container" class properties */
	width: 100%!important;
	max-width: 1200px!important;
	background-color:#fff!important;
	padding:0px!important;
	margin:0px!important;
	border-bottom:none!important;
}


.navbar {
background-color:#FBFBFB; /*same as header*/
/*float:right;*/
border-bottom:none!important;
}

.navbar-nav a {color:#333!important; font-weight:500!important;}
.navbar-nav a:hover {color:#58C9C9!important;}
.navbar-header {padding-bottom:8px; }
.navbar-header button {background-color:#FBFBFB!important; }

.navbar-toggle {
  background-color:#FBFBFB; /*same as header*/
  color:#333;
  width: 100%;
  float: none;
  margin: 0 auto; 
  border:none!important;
  text-align:center;
}

.navbar-collapse {border-top:none!important;}

.hdr-tag {font-size:16px; color:#D95A66; font-weight:700; text-transform: uppercase; margin-top:10px; text-align:center;}
.hdr-tag .ccs{margin-top:8px;}

.hdr-phone {margin-top:7px; text-align:right;}
.hdr-phone .phone-tag {font-size:19px; font-weight:700;}
.hdr-phone .phone-no {color:#3868C4; font-size:28px; font-weight:700; line-height:28px; margin:0!important; padding:0!important;}

.hdr-cta {text-align:right; margin-top:6px;}
.hdr-cta .btn{font-size:16px!important; margin-top:6px; padding:3px 12px;}
.hdr-sch {margin-top:8px!important; margin-bottom:10px;}

.btn {color:#fff!important;}
.btn:hover {color:#fff!important;}

.modal-content {padding:8px; background-color:#eee;}
.modal-header {border:none!important;}

.frm {margin-top:22px;}
.frm .hdln {text-transform:uppercase; font-size:1.3em; margin:0 0 9px 0; color:#333!important; font-weight:700;}

#jumbo {
    min-height:500px;
    color:#fff; 
    /*background-color:#2C3031;*/
	border-bottom:1px solid #ccc;
	background-image:url(../images/invitations-n-cards-jb.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
	}
	
#jumbo h1, #jumbo h2, #jumbo h3 {color:#fff;}
#jumbo .slider {text-align:center;}
#jumbo .frm {padding:15px 10px; background-color:#C1C1C1; border:1px solid #ccc; border-radius:6px;}
#jumbo .frm .hdln {text-transform:uppercase; font-size:1.2em; text-align:center; margin:0 0 9px 0; color:#333!important; font-weight:700;}

.sdbr {padding:0!important;}
.sdbr .frm {padding:15px 10px; background-color:#eee; border:1px solid #ccc; border-radius:6px;}
.sdbr .frm .hdln {text-transform:uppercase; font-size:1.0em; text-align:center; margin:0 0 9px 0; color:#333!important; font-weight:700;}

.cont-middle {padding:30px 20px;}
/*.cont-middle img {border:1px solid #ccc; padding:1px;}*/
.cont-lft {padding:0 5% 0 0!important; borderx:1px solid #eee;}
.cont-lft h1:first-child {padding-top:0!important; margin-top:0!important;}
.imglft {margin:0 15px 9px 0; float:left;}
.cont-rt {padding:0!important; borderx:1px solid #eee;}

.cta-band {background-color:#B0B0B0; color:#fff; text-align:center; font-size:25px; padding:13px 0;}
.cta-band button{margin-left:10px; font-size:20px!important; border:2px solid #fff;}
.cta-band .btn{margin-left:10px; font-size:20px!important; border:2px solid #fff;}


/* -------------------- */ 
/* --- photo albums --- */
/* -------------------- */

/* thumbs */
.photoalbum {margin:20px 0!important; clear:both;}
.photoalbum .imgcont {margin-bottom:8px;}
.photoalbum .caption {font-size:.9em;}

/* slideshow */
.galleryimages {padding-bottom:5px;}
.photogallery img {max-width:100%; height:auto;}
.photogallery .modal-header {background-color:#333!important; border-radius:8px!important; border:none!important;}
.photogallery .modal-content {background-color:#333; border-radius:8px!important;}
.photogallery .caption {font-size:22px;}

.album_previous a, .album_next a {color:#fff!important;}

.album_previous{
width:45%;
text-align:left;
margin-bottom:12px;
display:inline;
float:left;
font-size:2em;
color:#fff;
}

.album_next{
width:45%;
text-align:right;
margin-bottom:12px;
display:inline;
float:right;
font-size:2em;
color:#fff;
}

/* ------------------------ */
/* --------- prods ---------*/
/* ------------------------ */
.prodwrp {background-color:#fff; clear:both;}
.prodwrp img {border:none; padding:0;}

.catscont {background-color:#E6F7F7; margin-bottom:20px; padding:20px 20px 10px 20px; /*border-bottom:1px dashed #ccc;*/}
.catcont {margin-bottom:15px;}
.catcont h1{margin:0 0 10px 0;}
.catcont p{font-size:1.2em;}

.prodcont {
margin-top:40px;
margin-bottom:17px;
min-height:460px;
padding:8px;
}

.prodcont_inner{
border:1px solid #fff;
padding:8px;
}

.prodcont_inner:hover {
border:1px solid #eee;
padding:8px;
background-color:#f8f8f8;
}

.prodcont .prodimg {text-align:center; margin-bottom:8px;}
.prodcont .prodtitle {min-height:38px; max-height:38px;}

.prodcont .prodtitle_inner {
max-width:220px;
text-align:center;
line-height:1.2em;
font-weight:300;
font-size:.9em;
margin:0 auto 9px auto;
/*background-color:#F4F4F4;*/
padding:4px;
}
.prodcont .prodtitle a{color:#3868C4;}
.prodcont .prodtitle a:hover{color:#3868C4!important;}

.prodcont .proddesc {
max-width:220px;
text-align:center;
margin:8px auto 0 auto; 
font-size:.9em; 
min-height:120px; 
max-height:120px!important;
}

.prodcont .prodprice {
max-width:220px; 
margin:8px auto 0 auto; 
font-size:.9em;
font-style:italic; 
/*color:#B0B0B0;*/
color:#009900;
}
.pgcont {text-align:center; clear:both;}
.pgbtn {width:45px; margin:0px 5px 8px 5px;}
.pgbtn-p {margin-right:8px; font-weight:700;}
.pgbtn-n {margin-left:8px; font-weight:700;}
.pgbtn-on {color:#309494;}

.prodsort {padding:8px; text-align:right;}

.force-to-bottom {
 position : absolute;
 bottom   : 0;
}


/* ----------------------- */
/* --------- misc ---------*/
/* ----------------------- */
.pb0 {padding-bottom:0px!important;}
.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}

.pt0 {padding-top:0px!important;}
.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}

.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb130 {margin-bottom:130px;}

.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}

.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr7 {margin-right:7px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml7 {margin-right:7px;}
.ml8 {margin-right:8px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.size-0-7 {font-size:0.7em;}
.size-0-8 {font-size:0.8em;}
.size-0-9 {font-size:0.9em;}
.size-1-1 {font-size:1.1em;}
.size-1-2 {font-size:1.2em;}
.size-1-3 {font-size:1.3em;}
.size-1-4 {font-size:1.4em;}
.size-1-5 {font-size:1.5em;}
.size-1-6 {font-size:1.6em;}
.size-1-8 {font-size:1.8em;}
.size-2-0 {font-size:2.0em;}

.spacing-t-10 {margin-top:10px!important;}
.spacing-t-15 {margin-top:15px!important;}
.spacing-t-20 {margin-top:20px!important;}
.spacing-t-30 {margin-top:30px!important;}
.spacing-t-40 {margin-top:40px!important;}
.spacing-t-50 {margin-top:50px!important;}
.spacing-t-60 {margin-top:60px!important;}
.spacing-t-70 {margin-top:70px!important;}

.spacing-b-10 {margin-bottom:10px!important;}
.spacing-b-20 {margin-bottom:20px!important;}
.spacing-b-30 {margin-bottom:30px!important;}
.spacing-b-40 {margin-bottom:40px!important;}
.spacing-b-50 {margin-bottom:50px!important;}
.spacing-b-60 {margin-bottom:60px!important;}
.spacing-b-70 {margin-bottom:70px!important;}

.padding-5 {padding:5px!important;}
.padding-10 {padding:10px!important;}
.padding-20 {padding:20px!important;}
.padding-30 {padding:30px!important;}
.padding-t-10 {padding-top:10px!important;}
.padding-t-20 {padding-top:20px!important;}
.padding-t-30 {padding-top:30px!important;}
.padding-t-50 {padding-top:50px!important;}
.padding-t-60 {padding-top:60px!important;}
.padding-b-10 {padding-bottom:10px!important;}
.padding-b-20 {padding-bottom:20px!important;}
.padding-b-30 {padding-bottom:30px!important;}
.padding-b-50 {padding-bottom:50px!important;}
.padding-b-60 {padding-bottom:60px!important;}
.padding-l-10 {padding-left:10px!important;}
.padding-l-20 {padding-left:20px!important;}
.padding-r-10 {padding-right:10px!important;}
.padding-r-20 {padding-right:20px!important;}

.v-scroll{overflow-y: auto; padding-right:1%;}
.h-scroll{overflow-x: auto; padding-right:1%;}

.image-empty {background-color:#FFF; border-radius: 6px; border:1px solid #ccc;}
.divider {border-bottom: 1px solid #ccc;}
.overlay {background-image: rgba(70, 72, 82, 0.3);}
.centered {text-align:center!important;}
.underline {text-decoration: underline!important;}
.uppercase {text-transform:uppercase;}
.clear {clear:both!important;}
.no-border {border:none!important;}
.no-pad {padding:0!important;}
.no-margin {margin:0!important;}
.btn {font-weight: 400;}
.italic {font-style: italic;}
.bold {font-weight:700;}
hr {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;}
.v-scroll{overflow-y: auto; padding-right:1%;}
.h-scroll{overflow-x: auto;padding-right:1%;}
.green {color:#009900;}
.red {color: #FF0000;}
.gray {color: #ccc;}
.gray33 {color: #333;}
.gray77 {color: #777;}
.brick {color:#8e0000;}
.teal {color: #64C5C6;}
.slate {color:#B0BECE;}
.highlight {background-color:#FFFFCC;}

.border-dash {border:1px dashed #777;}
.border-dash h1, .border-dash h2{margin-bottom:25px;}

.minh-200 {min-height:200px!important;}
.minh-250 {min-height:250px!important;}
.minh-300 {min-height:300px!important;}
.minh-400 {min-height:400px!important;}
.minh-500 {min-height:500px!important;}

.bggray0 {background-color:#F6F9FC;}
.bggray1 {background-color:#F4F4F4;}
.bggray2 {background-color:#eee;}
.bggray3 {background-color:#ccc;}
.bggray4 {background-color:#C1C1C1;}
.bggray5 {background-color:#777;}

.bgf4 {background-color:#F4F4F4;}
.bgf8 {background-color:#F8F8F8;}
.bgfb {background-color:#FBFBFB;}

#pre-footer {
    background-color:#E6F7F7; 
    color:#333; 
    padding:40px 0;
    border-top:1px solid #ccc;
}
#pre-footer a{color:#333!important;}
#pre-footer a:hover{color:#309494!important;}

#ftr-lft ul {list-style-type: none; margin-left:0;}
#ftr-lft li {padding:5px 0; margin-left:0;}
#ftr-ctr {text-align:center;}
#ftr-rt {margin:0 auto;}
#ftr-rt address {font-size:1.2em;}
#ftr-rt address #addname {font-weight:700;}

#footer {
    margin: 0 0 0 0;
	padding:10px 0;
	background-color:#666;
	color:#fff;
	text-align:center;
	border-top:2px solid #eee!important;
}
#footer a{color:#fff!important;}
#footer a:hover{color:#8db1c9!important;}



/* custom button - light gray */
.btn-custom-1 { 
  color: #333333!important; 
  background-color: #DADADA; 
  border-color: #CCCCCC; 
} 
 
.btn-custom-1:hover, 
.btn-custom-1:focus, 
.btn-custom-1:active, 
.btn-custom-1.active, 
.open .dropdown-toggle.btn-custom-1 { 
  color: #333333!important; 
  background-color: #E8FAFF!important;
  border-color: #CCCCCC;
  font-weight: 600;
} 
 
.btn-custom-1:active, 
.btn-custom-1.active, 
.open .dropdown-toggle.btn-custom-1 { 
  background-image: none; 
  background-color: #E8FAFF!important;
  font-weight: 600;
  } 
 
.btn-custom-1.disabled, 
.btn-custom-1[disabled], 
fieldset[disabled] .btn-custom-1, 
.btn-custom-1.disabled:hover, 
.btn-custom-1[disabled]:hover, 
fieldset[disabled] .btn-custom-1:hover, 
.btn-custom-1.disabled:focus, 
.btn-custom-1[disabled]:focus, 
fieldset[disabled] .btn-custom-1:focus, 
.btn-custom-1.disabled:active, 
.btn-custom-1[disabled]:active, 
fieldset[disabled] .btn-custom-1:active, 
.btn-custom-1.disabled.active, 
.btn-custom-1[disabled].active, 
fieldset[disabled] .btn-custom-1.active { 
  background-color: #DADADA; 
  border-color: #CCCCCC; 
} 




/* ------------------------ */
/* ------  CAROUSEL ------- */
/* ------------------------ */
#myCarousel {
width:100%;
margin:0 auto;
color:#fff!important;
/*border:2px solid #27A1E3;*/
/*border-radius:4px;*/
}

#myCarousel .caption {
width:100%;
margin:0 auto;
text-align:center;
padding:5px 0;
color:#333;
background-color:#2B4464;
background-color:#ccc;
display:none; /* hide caption */
}

#myCarousel .carousel-inner {}
#myCarousel .carousel-inner img { width: 100%; height: auto; }

/* next/previous */
#myCarousel .carousel-control {background:none!important;}
#myCarousel .carousel-control .glyphicon {color:#fff!important;}
/* dots */
#myCarousel .carousel-indicators {bottom:28px;}
#myCarousel .carousel-indicators li {background-color: #fff; width:12px; height:12px; margin:8px 8px 1px 8px;}
#myCarousel .carousel-indicators .active {background-color: #333; width:12px; height:12px; margin:8px 8px 1px 8px;}


/* -------------------- */
/* --- testimonial --- */
/* -------------------- */
.testimonial {
	background:#fbfbfb;
	padding:20px;
	margin-bottom:20px;
	border:1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: black;
    box-shadow: 5px 5px 5px rgba(22,22,22,.2);
    margin-top: 10px;
}

.testimonial .author img {float:left; margin:0 10px 0;}

.testimonial p.text {
	color:#b2b2b2;
	font-size:14px;
	font-style:italic;
	line-height:1.6em;
	margin-bottom:30px;
}

.testimonial .author p.name {font-weight:bold;}


@media(max-width:992px) {

body {margin-top:0;}

.hdr-tag {font-size:15px; margin-top:10px; text-align:center;}
 
#jumbo {min-height:450px;}
}


/*smaller than 768px*/
@media(max-width:768px) {

body {margin-top:0;}

.hide-mob {display:none;}
.navbar-nav {float:none;}
.navbar {float:none;}

/*.hdr-tag {font-size:18px; margin-top:10px; text-align:center;}*/
.hdr-tag   {
padding-top:0px!important; 
padding-bottom:0px!important;
}
.hdr-phone {font-size:20px; margin-top:10px; font-weight:700; text-align:center;}
.hdr-cta {text-align:center; margin-top:10px;}
.hdr-cta .btn{font-size:20px!important;}

#ftr-lft {margin-top:15px; text-align:center;}
#ftr-ctr {margin-top:15px; text-align:center;}
#ftr-rt {margin-top:15px; text-align:center;}

.imglft {float:none; display:block;}

#myCarousel {width:100%; margin:0 auto 15px auto;}

#jumbo {min-height:240px;}


.navbar  {
padding-top:0px!important; 
padding-bottom:0px!important;
min-height:5px!important;
}

.navbar-header {
font-size:22px!important;
color:#333!important;
margin-top:0px!important; 
margin-bottom:0px!important;
padding-top:0px!important; 
padding-bottom:0px!important;
position:absolute;
right:-30px;
top:-60px;
}


}