@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto-thin-webfont.svg#source_code_prolight') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#source_code_prolight') format('svg');
    font-weight: 250;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#source_code_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#source_code_prosemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'BODONI';
    src: url('../fonts/Bodoni 72 Smallcaps Book.ttf');
    src: 
         url('../fonts/Bodoni 72 Smallcaps Book.ttf') format('truetype'),
         url('../fonts/Bodoni 72 Smallcaps Book.ttf') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BODONI';
    src: url('../fonts/Bodoni 72 Smallcaps Book.ttf');
    src: 
         url('../fonts/Bodoni 72 Smallcaps Book.ttf') format('truetype'),
         url('../fonts/Bodoni 72 Smallcaps Book.ttf') format('svg');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'BODONI';
    src: url('../fonts/Bodoni 72 Smallcaps Book.ttff');
    src: 
         url('../fonts/Bodoni 72 Smallcaps Book.ttff') format('truetype'),
         url('../fonts/Bodoni 72 Smallcaps Book.ttf') format('svg');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'BODONI';
    src: url('../fonts/Bodoni 72 Smallcaps Book.ttf');
    src: 
         url('../fonts/HBodoni 72 Smallcaps Book.ttf') format('truetype'),
         url('../fonts/Bodoni 72 Smallcaps Book.ttf') format('svg');
    font-weight: 1000;
    font-style: normal;

}
@font-face {
    font-family: 'BODONI Klein';
    src: url('../fonts/Bodoni 72.ttc');
    src: 
         url('../fonts/Bodoni 72.ttc') format('truetype'),
         url('../fonts/Bodoni 72.ttc') format('svg');
    font-weight: normal;
    font-style: normal;
}
}
@font-face {
    font-family: 'BODONI Klein';
    src: url('../fonts/Bodoni 72.ttc');
    src: 
         url('../fonts/Bodoni 72.ttc') format('truetype'),
         url('../fonts/Bodoni 72.ttc') format('svg');
    font-weight: 200;
    font-style: normal;
}

body,
html {
	font-family: "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight:380;
    -webkit-font-smoothing:antialiased;

    color: #000000;
    height:100%;
    background-image: none;
    
}

a {
    color: #7d6463;
}

a:hover,
a:focus{
    color: #ffffff;
    text-decoration: none;
}

.container {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
    min-height: 100%;
}

.content-wrap {
    height: auto;
    min-height: 100%;
    padding-bottom: 100px;
    margin-bottom: -100px;
}

.masthead {
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform:uppercase;
    font-weight:350;
}

.dropdown-menu {
    text-align:  center;
    width:100%;
    max-width: 260px;
}

.menuwrap {
    overflow: visible;
    position:relative;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
}

.nav-justified > li > a {
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  color: #afcb27;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #afcb27;
  background-color:inherit;
}

.dropdown-menu > li > a {
    color: #7d6463;
    text-align: center;
    font-weight:200;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {
  color: #afcb27;
  background-image: none;
}


h2{
    font-family: "BODONI", sans-serif;
    -webkit-font-smoothing:antialiased;
    font-weight: 800;
    margin-bottom:15px;
    margin-top:30px;
    color: #8CC63F;
    font-size: 300%;
}
h1 {
    font-family: "BODONI", sans-serif;
    -webkit-font-smoothing:antialiased;
    font-weight: 600;
    margin-bottom:0px;
    margin-top:0px;
    color: #8CC63F;
    font-size: 200%;
}
h3{
    font-family: "BODONI Klein", sans-serif;
    -webkit-font-smoothing:antialiased;
    font-weight: 200;
    margin-bottom:0px;
    margin-top:0px;
    color: #7d6463;
    font-size: 200%;
}

.footer {
    background-color: #C2DFA9;
    height: 100%;
}

.text-justify-vertical {
    height: 100%;
    line-height: 100px
    color: #7d6463;
}

.img-wrap {
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
}

.img-medium {
    width: 200px;
    height:300px;
}

.img-small {
    width: 150px;
    height:225px;
}

.img-responsive-fix {
    display:block;
    width: 200px;
    height:300px;
    margin-left: auto;
    margin-right: auto;
}

.img-row {
    height:auto;
    width:100%;
}

.mItem {
	padding:5px;
}

@media (max-width: 767px) {
.mItem {
	width:50%;
}

.w2 {
	width:100%;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.mItem {
	width:33%;
}
.w2 {
	width:66%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.mItem {
	width:25%;
}
.w2 {
	width:50%;
}
}

@media (min-width: 1200px) {
.mItem {
	width:25%;
}

.w2 {
	width:50%;
}
}


.form-control:focus {
    border-color: #afcb27;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 203, 39, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 203, 39, 0.6);
}

.text-muted {
    color:#D9D2CE;
}

.spacer-v-30 {
    display:block;
    height:30px;
}

.spacer-v-60 {
    display:block;
    height:60px;
}

.pad_top {
	padding-top:30px;
}

  .img-xs-center {
    margin-left: auto;
    margin-right: auto;
  }

.fb-like-center {
	position: relative;
  	width:130px;
  	margin:0 auto;
  	text-align: center;
}

#share-buttons {
    position: fixed;
    left: 15px;
    top: 65%;
    width: 50px;
    z-index: 100;
}

.share_btn {
    position: absolute;
    left: -20px;
    width: 40px;
    padding-top: 10px;
    border: 0;
    box-shadow: 0;
    display: inline;
    transition: all 1s ease;
    -moz-transition : all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    left: -10px;
    opacity: 0.3;
}

.share_btn:hover {
    transition: all 0.3s ease;
    -moz-transition : all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    left: 5px;
    opacity: 1;
}

#facebook_btn {
    top:0px;
}

#google_btn {
    top:60px;
}

#twitter_btn {
    top:120px;
}